/* ============= //
// Mary (c) 2016 //
// ============= */
.imagecontent {
    float: right!important;
    padding: 9px;
    box-shadow: 0px 0px 4px 0px #A1A1A1;
    margin: 10px 10px 10px 15px;
    max-width: 40%;}

/* ========== //
// 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: "RobotoRegular";	src: url('../font/Roboto-Regular.ttf');}
@font-face{	font-family: "RobotoMedium";	src: url('../font/Roboto-Medium.ttf');}
@font-face{	font-family: "RobotoBold";	src: url('../font/Roboto-Bold.ttf');}
/* ========== */


/* ================= //
// II. General Style //
// ================= */
body {
   font-family: "RobotoRegular";
}
a, a:hover {
    color: #2C104C; font-family: "RobotoMedium";
}
.text-center{text-align: center;}
strong { color: #A24611;}
/* ================= */


/* ================= //
// III. Header Style //
// ================= */
.top-info{background-color: #A24611; color: #fff; font-family: "RobotoLight";}
.top-info p{margin: 0; font-size: 14px;}
.banner{background: url('../images/sammamish-locksmith.jpg');}

.owl-theme .owl-controls{margin-top:0;}
#owl-demo .item{margin: 0;}
#owl-demo .item img{display: block; width: 100%; max-height: 180px;}

.banner { padding: 20px 2px;}
.banner img{border: 2px solid #c3c0ac; border-radius: 50%; display: inline;}
.banner h2{padding-left: 10px;text-transform: uppercase; line-height: 80%; border-left: 3px solid #A24611; color: #2C104C; margin-top: 30px; 	font-family: "RobotoMedium";}
.banner.inner h2{border-left: none; margin-top: 5px;}
.banner h4{text-transform: uppercase; color: #A24611;}
.banner.inner h4{text-align: right}

.navbar{margin-bottom: 0;}
.navbar-default{background-color: transparent;}
.nav.navbar-nav{float:none; margin: 0 auto; text-align: center}
.nav.navbar-nav i{font-size: 25px;}
.nav.navbar-nav > li{display: inline-block; float: none; font-family: "RobotoLight"; font-size: 12px;}
.nav.navbar-nav > li > a{color: #c8c8c8; border-bottom: 3px solid transparent; padding: 10px 15px 5px 15px;}
.nav.navbar-nav i , .nav.navbar-nav span{display: block; width: 100%}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background-color: transparent; border-bottom-color: #a04611; color: #7d8485;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { 
color: #7d8485;}

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





/* ======================== //
// IV. content //
// ======================== */

.content{background-color: #fffef7; }
article, aside{padding: 20px 0;}
article h2, article h3, article h4{color: #A24611; font-family: "RobotoRegular";}
article h1{background: url('../images/locksmith-in-sammamish.gif') 0 0 no-repeat transparent; color: #2C104C; padding-top: 10px; text-transform: uppercase; 	font-family: "RobotoMedium"; font-weight: normal;  }
article h1{font-size: 28px}
article h2{font-size: 25px}
article h3{font-size: 22px}
article h4{font-size: 20px}

aside{text-align: center;}
aside .sidebox{background: #fff; border: 1px solid #f4f4f4; margin-bottom: 20px;}
aside .coupon > .head{background: url(../images/mobile-sammamish-locksmith.jpg) center center no-repeat transparent;}
aside .call > .head{background: url(../images/247-sammamish-locksmith.jpg) center center no-repeat transparent;}
aside .head{ width: 100%; background-size: cover; }
aside .head > h3{margin: 0; padding: 40px 0; font-family: "RobotoMedium"; color: #fff}
aside .note  {position: relative; top: -12px;}
aside .note > span {background-color: #A24611; color: #fff; font-family: "RobotoLight"; text-transform: uppercase; padding: 5px; font-size: 12px; }
aside .body{ padding: 0 10px 20px 10px;}
aside .body h4{font-weight: normal; color: #7d8485; font-family: "RobotoLight";}
aside .body .cc{margin: 0 auto;}
aside a.button{margin: 0 auto; padding: 10px 15px; background-color: #2C104C; border: 3px solid #2C104C; color: #fff; text-transform: uppercase; text-decoration: none;}
aside a.button:hover{background-color: transparent; color: #2C104C;}
/* ================= */


/* =============== //
// Services Tab    //
// =============== */
.services-tab  .site-box .title{
	padding: 20px 0;
background: #A24611; /* Old browsers */
color: #EDEBDB;
border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-bottom: 4px solid #2C104C;
}
.services-tab  .site-box{
background: #f4f4f4;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding-bottom: 20px;
margin: 25px 0;
color: #2C104C;
border: 1px solid #A24611;
border-top: none;
}
.services-tab .front-page-list {
font-size: 13px;
}
.services-tab .box-content h3 {
	text-align: center;
}


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

/* =============== //
// V. Footer Style //
// =============== */
footer{
background-color: #edebdb; padding: 20px 0
}
footer h2, footer a{margin-top:0; color: #2C104C; }
/* =============== */



.top-button {
    bottom: 15px;
    display: none;
    position: fixed;
    right: 15px;
}
.top-button a,
.top-button a:active {
    background-color: #edebdb;
    border-radius: 5px;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
    color: #A24611;
    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: #2C104C;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.2);
    color: #fff;
}
@media (max-width: 767px) {
.navbar-toggle{ color: #fff; background-color: #2C104C; border-radius: 0;
-moz-border-radius: 0;-webkit-border-radius: 0; padding: 5px 10px;}
.navbar-default .navbar-toggle{border: 3px solid #2C104C;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #edebdb; color:  #2C104C}
.navbar-default .navbar-brand{text-transform: uppercase; line-height: 85%; color: #2C104C; padding: 10px 15px}
.navbar-default{background-color: #fafafa;	border-bottom: 1px solid #f4f4f4; }
.navbar-default .navbar-brand span{color: #A24611}
.banner > .container > div > img{display: inline}
.banner > .container > div {text-align: center}
.banner > .container > div > img{width: 22%}

.top-info strong{display: inline !important; color: #fff;}

.collapse{
    position:absolute;
    white-space:nowrap;
    width:100%;
    overflow:auto;
	text-align: right;
	background-color: #f5f5f5;
	border-bottom: 1px solid #f4f4f4;
	
}
.nav.navbar-nav li{
}
}

@media (min-width: 768px) and (max-width: 991px) {
.top-info > .container, .banner > .container{width: 100%;}
.banner h2{font-size: 25px;}
.banner > .container > div > img{width: 22%}
}

@media (min-width: 992px) and (max-width: 1199px) {
.banner h2{font-size: 30px;}
}

@media (min-width: 1200px) {
article h1{font-size: 28px}
article h2{font-size: 25px}
article h3{font-size: 22px}
article h4{font-size: 20px}
}


a[href^=tel] { color: inherit; text-decoration: none; }