/* ============= //
// Mary (c) 2017 //
// ============= */


/* ========== //
// I. Plug-in //
// ========== */
.center {text-align: center}
.text-right{text-align: right}
@font-face{	font-family: "RobotoLight";	src: url('../font/Roboto-Light.ttf');}
@font-face{	font-family: "Roboto-Regular";	src: url('../font/Roboto-Regular.ttf');}
@font-face{	font-family: "Roboto-Bold";	src: url('../font/Roboto-Bold.ttf');}
@font-face{	font-family: "Roboto-Medium";	src: url('../font/Roboto-Medium.ttf');}   

.row {margin: 0}
/* ========== */


/* ================= //
// II. General Style //
// ================= */
body {
   font-family: "Roboto-Regular";}
a, a:hover {    color: #2C104C; font-family: "Roboto-Regular";}


/* ================= */




/* ================= //
// III. Top Info //
// ================= */
.topinfo p>span {font-size: 15px; font-family: "Roboto-Bold";  }
.cards {    height: 20px;}
.topinfo {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
background: rgb(73,155,234); /* Old browsers */
background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=1 ); /* IE6-9 */color:#e0e1e8; padding-top:5px;}
/* ================= */





/* ======================== //
// IV. Navigation            //
// ======================== */



.navbar {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
background: rgb(73,155,234); /* Old browsers */
background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=1 ); /* IE6-9 */     }
 
.navbar-default .navbar-brand {color:#e0e1e8;    }
.navbar-default {    border-radius: 0;  border:0;}
.navbar-default .navbar-nav>li>a {    color: #e0e1e8;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #1a2760;
   
}
/* ================= */








/* =============== //
// V. Banner        //
// =============== */

#header{
	background: linear-gradient(to right, rgba(0,0,0,0.63) 0%, rgba(0,0,0,0) 69%, rgba(0,0,0,0) 100%), url('../images/Aldine-locksmith.jpg') no-repeat center center transparent;
	background-size: cover;
}


#brand{text-align: left; color: #fff; font-family: "OpenSans-Semibold"; text-shadow: 1px 1px 2px #000;     margin-top: 33px;}
#brand ul{list-style: none; font-size: 24px; display: inline-block; text-align: left; padding-left: 30px;     padding-top: 50px;}
#brand ul a{color: #fff; font-family: "OpenSans-Light";}

#slides {
    position: relative;
    height: 210px;
 
    padding: 0px;
    margin-top: 20px;
    list-style-type: none;
}

.slide {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;

    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.showing {
    opacity: 1;
    z-index: 2;
}
.slide {
    font-size: 40px;
    padding: 40px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    color: transparent;
	 width:300px;
}

.slide:nth-of-type(1) {
    background-image: url('../images/Aldine-auto-locksmith.png');
	
}
.slide:nth-of-type(2) {
    background-image: url('../images/Aldine-residential-locksmith.png');
}
.slide:nth-of-type(3) {
    background-image: url('../images/Aldine-commercial-locksmith.png');
}
.slide:nth-of-type(4) {
    background-image: url('../images/Aldine-emergency-locksmith.png');
}
.slidetext{color: #3CCFCF;}

	.navbar-default{background-color: #4257B2; }
	.navbar-default .navbar-nav > li > a{color: #fff; font-family: "Roboto-Regular";}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background-color: #3CCFCF; color: #fff;}
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color: #3CCFCF;}
.navbar{margin: 0}

#nav{
	position: -webkit-sticky;
}
.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
}
/* ======================== */







/* =============== //
// VI. Article         //
// =============== */

.site-box{background-color: #fff; padding: 30px;
-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.2);
margin: 20px 0;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
border-radius:  13px;
-moz-border-radius: 13px;
-webkit-border-radius:13px;
 
}
.backcolor {background-color: #F4F2F2;}

/* =============== */






/* =============== //
// VII. Aside      //
// =============== */
 

 
 
.cc-side{font-size: 20px; padding-bottom:10px;padding-top:5px;}
  
.body2 { background: #4d96ea;
 border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border: 0px solid #000000; 
padding:20px;
margin-top:5px; 
color:#fff; padding:50px 0px;}
.body2>h3 {font-family: "Roboto-Bold" ;font-size:40px;margin:0px;}
.body2>p {;margin:0px;}

#resources>a:hover{ color: #3dccce; background-color:transparent; border-color:#3dccce; } 
#resources>a {background-color:#3dccce;}
#resources2:hover{ color: #3dccce; background-color:transparent; border-color:#3dccce; } 
#resources2 {background-color:#3dccce;}
.services{margin-top:20px;}
.body{
	
	color:#fff;
background: url('../images/locksmith-service-Aldine.jpg') repeat left center transparent;
	border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border: 0px solid #000000; padding:20px;}
 .body h4{font-family: "Roboto-Bold" ;font-size:15px;;margin:0px; }
 .body h2{margin:10px; }
 .body span{    font-style: italic;}
.bot img{display: block;
    max-width: 100%;
    height: auto; margin-bottom:10px;}
	
/* =============== */





/* =============== //
// VIII. Services  //
// =============== */
.serv{ font-size: 12px; padding: 0px; border-radius: 90px 90px 10px 10px;
-moz-border-radius: 90px 90px 10px 10px;
-webkit-border-radius: 90px 90px 10px 10px;}
.serv .box-content p{padding: 20px; text-align:center; height:100px;}
.linedivider {height:1px;border:none;color:#333;background-color:#fff;margin:0px;}
.title {background-color:#4d96ea;padding:5px;
color:#fff;
border-radius: 200px 200px 10px 10px;
-moz-border-radius: 200px 200px 10px 10px;
-webkit-border-radius: 200px 200px 10px 10px;
border: 0px solid #000000;

text-align:center;

}
.title>span{font-size:20px;padding:5px; }
.title>h3 {padding:15px;margin:0px;}
/* =============== */




/* =============== //
// IX. Footer  //
// =============== */
footer{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
background: rgb(73,155,234); /* Old browsers */
background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=1 ); /* IE6-9 */  color:#fff; padding: 20px 0; font-size: 13px;}
footer h2{font-family: "Roboto-Regular"; font-size: 25px; margin-top: 0}
footer a{color:#1f4254;}

/* =============== */



/* =============== //
// IX. Scroll  //
// =============== */
.top-button {
    bottom: 15px;
    display: none;
    position: fixed;
    right: 15px;
}
.top-button a,
.top-button a:active {
    background-color: #eee;
    border-radius: 5px;
    color: #333;
    font-size: 30px;
    padding: 5px;
    -webkit-transition:all 0.3s 0s ease-in-out;
    transition:all 0.3s 0s ease-in-out;
} 
.top-button a:hover,
.top-button a:focus {
    background-color: #3dccce;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.2);
    color: #fff;
}

/* =============== */