/* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,700,300,400);
@import url(http://fonts.googleapis.com/css?family=Roboto:300italic,900,100italic,400italic,400,300,500italic,700italic,100,700,500,900italic);


/* Global properties ======================================================== */
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#888888!important; color:#fff}
::-moz-selection{ background:#888888!important; color:#fff}
img{ max-width:100%;}
a{ color:#494541; text-decoration: underline; outline:none}
a:hover{ color:#494541; text-decoration: none; outline:none}
.sidebar-inner .wpcf7-form{ padding:10px; background:#00aee7; color:#fff; font-size:14px;}
.sidebar-inner input, .sidebar-inner textarea{ color:#000; border:none;}

body{background:#000 url(../images/bodybg.jpg) center center repeat;  border:0; font: 15px 'Roboto', Arial, Helvetica, sans-serif; color:#666666; line-height:20px; min-width:320px;}

.container { position: relative; min-width: 320px;}

.container .row .col-sm-9 h2{ font-size:20px; line-height:20px; margin:0px; padding-top:10px; padding-bottom:5px;}
#main{margin: 0 auto; position: relative; overflow: hidden;}
.number1 {margin:10px 0px;  text-align: center; width:100%; float: left; font-size:20px; color: #00AEE7;  }
.number1 a{ display:block; font-size: 26px; color:#000;}
.number1 a:hover{color:#00AEE7;}

.topbg{ background:#00AEE7;}
.topbg1{ width:100%; padding:5px 3%; float:left;}
.topnumber{ float:left; font-size:12px; padding:4px 0;}

.socialicons{ float:right;}
.socialicons ul{ list-style:none;}
.socialicons ul li{ float:right; padding:2px; }
.socialicons ul li a{ width:22px; display:block; padding:3px; background:#0077B0; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-size:11px; text-align:center;}
ul.atpsocials li:hover a{ background:#fff; color:#000;}

.topnav{position: relative; margin: 0; padding: 0; display: block; float: none; /* width:100%; float:left; background:#3366FF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;*/}
.topnav ul{ list-style:none; margin:0;}
.topnav ul li{position: relative; display: block; float: left; white-space: nowrap; margin-left: 70px; background: none;}
.topnav ul li a{display: block; text-decoration: none; background: none; font-family: 'Roboto Condensed'; font-weight: 300; font-size: 22px; line-height: 70px; color: #ccc; text-shadow:none; padding: 0 0px; border: none; margin: 0; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; text-align: left; border-bottom: 3px solid transparent;
transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;}
.topnav ul li a:hover , .topnav .current_page_item a{ color:#F7CA18; text-decoration: none; background: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-color: #9FDFF8;}
.topnav ul ul{ position:absolute; left:0; top:33px; width:230px; z-index:9999; display:none;}
.topnav ul li:hover ul{ display:block;}
.topnav ul li:hover ul li{background:#000; border: 1px solid #fff; color: #ccc;
display: block; font-weight: bold; padding: 3px 6px; text-decoration: none; text-indent: 3px; text-transform: uppercase; width: auto;}
.topnav ul ul li{ width:230px !important;}
.topnav ul ul li a{ padding:2px 9px;}
.topnav ul li:first-child{margin-left: 0;}

.thumb4 .img-polaroid img{ margin:0;}
.testimonial-list{ min-height:160px; margin-bottom:20px;}

.ngg-gallery-thumbnail-box{ margin-right:29px !important;}

.single-format-standard .container .col-sm-9 ul, .single-format-standard .container .col-sm-9 ol, .container .col-sm-9 ul, .container .col-sm-9 ol{ margin-left:20px;}

.background .breadcrumb{background:#00AEE7; border-radius:0px; list-style: outside none none; margin:0; padding:10px 15px;}
.background .breadcrumb a{ font-weight:bold; color:#000; text-decoration:none;}
.background .breadcrumb a:hover{ text-decoration:underline;}
/* ============================= header ====================== */
.fullwidth{ width:100%; float:left;}
.bghome{/* background-color: rgba(255, 255, 255, 0.8);*/ background:#f7f7f7; padding:0px; text-align:center;}
.background{width:100%; float:left; background:#fff; padding:15px 0;}

.top2{padding-top:5px; padding-bottom:5px;}

header{padding-top: 8px;}

.logo{ float:left; margin:20px 10px;}
.topmenu{ float:right; padding:30px 0;}
.topmenu ul{ list-style:none; margin:0;}
.topmenu ul li{ float:left; position:relative;}
.topmenu ul li a{padding:6px 8px; display:block; text-transform:uppercase; font-size:14px; text-decoration:none; color:#000;}
.topmenu ul li:hover a , .topmenu .current_page_item a{ color:#00AEE7;}
.topmenu ul ul{ position:absolute; left:0; top:33px; width:200px; border:1px solid #00AEE7; z-index:9999; display:none;}
.topmenu ul li:hover ul{ display:block;}
.topmenu ul li:hover ul li{background:#000; border:none; color: #ccc; float:left; padding:0; text-align:left; text-decoration: none; width:100%;}
.topmenu ul ul li a{ padding:5px 9px; border-bottom:1px solid #00AEE7; color:#fff !important;}
.topmenu ul ul li a:hover{ background:#00AEE7; color:#000!important;}

.thumb2{ text-align:center;}
.thumb2 .testimonial_group .testimonial{ padding:15px 10px;}
.thumb2 h3{ padding:10px 0; text-transform:uppercase; font-size:18px;}
.thumb2 .stars{ font-size:30px;}
.testimonial_group .testimonial .rr_review_text .drop_cap{ display:none;}

.thumb3{ text-align:center; padding:5px;}
.thumb3 h4{ padding:10px 0; text-transform:uppercase; color:#fff;}
.icons{ margin:0 auto; display:block; width:90px; height:90px; background:#f3f3f3; color:#f7ca18; font-size:56px; line-height:90px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align: center; transition:  background 0.4s ease-in; -moz-transition:  background 0.4s ease-in; -webkit-transition: background 0.4s ease-in; -o-transition:  background 0.4s ease-in;}
.thumb3 p{ color:#ccc;}
.icons:hover{ background:#f7ca18; color:#fff;}
.icons span{ line-height:80px;}

.background2{ padding:30px; background-color: rgba(255, 255, 255, 0.2); border-top:10px solid #000; border-bottom:10px solid #000;}
.background2 h2{ padding:10px 0; font-weight:normal; color:#fff; text-align:center; text-transform:uppercase;}
.background2 p{ padding:10px 0; font-weight:normal; color:#fff;}
.home_form p{ color:#666666; padding:0;}
.home_form p input{ border-radius:20px; border:none; padding:8px 20px;}
.home_form .wpcf7-submit{ background:#F7CA18; color:#000; font-weight:bold;}

.welcomebg{background:#00AEE7; text-align:center; padding:40px 0;}
.welcomebg h1{ padding:10px 0; font-weight:normal; color:#fff;}
.welcomebg p{ color:#fff; font-size:18px;}

.background3{ background:#F6F6F6; padding:30px; text-align:center;}
.background3 h2{ padding:10px 0; font-weight:normal;}
.background3 p , .background3 li{ font-size:15px; color:#666666;}
.background3 ul{ list-style:none;}
.half1{ width:48%;}

.testimonialbox{ text-align:center; padding:30px 10%;}
.testimonialbox h3{ padding-bottom:10px;}

.testimonials .testimonial_group .testimonial{ min-height:180px;border-bottom: 1px solid #ccc; margin:0 2% 10px 0;  padding:0 0 10px; width:32%;}
.testimonials .testimonial_group .testimonial .rr_title{ margin:0; padding:0; font-size:16px;}
.testimonials .stars, .testimonials .rr_star{ font-size:25px; line-height:30px;}
.testimonials .testimonial_group .testimonial:nth-child(3n) { margin-right:0;}

.innertitle{ background:#F7CA18; padding:20px;}
.innertitle h1{ padding:0; color:#000;}


.footerbg{ background:#000;  /*background-color: rgba(255, 255, 255, 0.2);*/ color:#fff; padding:20px 0; border-top:1px solid #00AEE7;}
.footerbg h5{ color:#fff; text-transform:uppercase; margin:0 0 5px;}
.footerbg a{ color:#00AEE7;}
.footerbox{padding:0 20px;}
.icon{ float:left; width:30px;}
.details{ display:block; overflow:hidden;}

.footermenu ul{ list-style:none;}
.footermenu ul li{ padding:2px 0;}
.footermenu ul li a{ text-decoration:none;}
.footermenu ul li a:hover{ color:#fff;}
.right1{ text-align:right;}

.footerbox2{padding:0 20px; text-align:right;}
.footerbox2 .icon{ float:right;} 
.copy{font-size:14px; text-transform:uppercase; color:#777777;}


.call1_wrapper{float: left;}
.call1 a{display: block; font-family: 'Roboto Condensed'; text-transform: uppercase; padding-left: 50px; background: url(../images/call1.png) left 3px no-repeat;}
.call1 a .txt1{font-size: 16px; color: #9FDFF8;}
.call1 a .txt2{font-size: 20px; line-height:20px; font-weight: 700; color: #ffffff;}

.chat1_wrapper{float: left; margin-left: 25px;}
.chat1 a{display: block; font-family: 'Roboto Condensed'; text-transform: uppercase; padding-left: 50px; background: url(../images/chat1.png) left 3px no-repeat;}
.chat1 a .txt1{font-size: 16px; color: #9FDFF8;}
.chat1 a .txt2{font-size: 20px; line-height:20px; font-weight: 700; color: #ffffff;}

.splash2 {text-align: center; margin-bottom: 25px;}
.splash2 .link_wrapper{}
.splash2 .link_wrapper a{display: block; padding-left: 5px; padding-right: 5px;}
.splash2 .phone3{display: inline-block; font-weight: 700; font-size: 24px; line-height: 24px; color: #444; text-transform: uppercase; padding: 16px 0px; text-align: center;}


.breadcrumbs1_wrapper{position: absolute; left: 0; width: 100%; bottom: 0;}

.breadcrumbs1{padding: 10px 0px 0; margin-top: 0px; font-weight: 300; line-height: 20px; color: #000; font-size: 14px; font-family: 'Roboto'; display: inline-block;}
.breadcrumbs1 a{color: #000; text-decoration: underline;}
.breadcrumbs1 a:hover{color: #444; text-decoration: none;}
.breadcrumbs1 span{display: inline-block; width: 7px; height: 7px; background: url(../images/breadcrumbs1.png) 0 0 no-repeat; margin: 0 7px;}

.wp-pagenavi{ padding:10px 0;}
.sidebar-inner ul{ margin:0px; list-style:none;}
.sidebar-inner ul li{ text-decoration:none; margin:0;}
.sidebar-inner ul li a{ padding:4px 0; display:block; font-size:13px; text-decoration:none; border-bottom:1px solid #ccc;}
.sidebar-inner ul li a:hover{ color:#000; border-color:#00AEE7;}
.sidebar-inner h3 {font-size: 20px; font-weight: normal; margin-top:15px; background:#000; color:#fff; padding:5px 10px;}
.widget_search{ margin:10px 0;}
.widget_search .search-form label{ display: inline;}

/* ============================= content ====================== */
#content{padding-top: 30px; padding-bottom: 30px; background: #fff;}

#content2{padding-top: 30px; padding-bottom: 30px; background: #fff;}

/* ============================= banner ====================== */
#banner_wrapper{ position: relative;}

#banner{position: relative; }

.contactinfo{ padding:0;}
.contactform{ padding:0;}

.paging-navigation .nav-links div{ display:inline-block; margin-right:10px;}



/* ============================= footer ====================== */
.bot1_wrapper{background: #444; padding-top: 50px; padding-bottom: 50px;}

footer{padding-top: 10px; padding-bottom: 10px; color:#9fdff8;}

.social_wrapper{float: right;}
.social{ display: block; margin: 0; padding: 0; list-style: none;}

.social li{display: inline-block; margin: 0 1px;}
.social li a{display: block; text-decoration: none; font-size: 20px; color: #9fdff8; text-align: center; width: 40px; height: 40px; border: 1px solid #9fdff8; background: none; line-height: 38px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social li a:hover{color: #fff;}

.social li.nav1 a:hover{background: #00529f; border-color: #00529f;}
.social li.nav2 a:hover{background: #00c3ed; border-color: #00c3ed;}
.social li.nav3 a:hover{background: #ed3434; border-color: #ed3434;}
.social li.nav4 a:hover{background: #f16856; border-color: #f16856;}

/* ============================= main menu ====================== */
.menu_wrapper{float: none;}


/* ============================= search-form ====================== */
#search_wrapper{position: absolute; right: 0; top: 12px;}
#search{position: absolute;right: 0; top: 0px; z-index: 31;}
.searchBtn{position: relative; display: block; width: 48px; height: 48px; background: #fcf9f2; border: 2px solid #d8cfc5; color: #9e662c; font-size: 20px; line-height: 44px; text-align: center;}
.searchBtn.active{display: none;}
.searchBtn:hover{color: #494541;}
.search-form-wrapper{position: absolute; right: 0; top: 0; padding: 0px; background: none; border: none; display: none;}
.search-form-wrapper .navbar-form { float: right; position:relative; z-index: 11; margin:0px 0px 0 0 ; padding: 0; }
.search-form-wrapper .navbar-form input { width: 225px; height: 48px; font-size: 16px; line-height: 20px; color:#958b81; background: #efebe2; border: 2px solid #9e662c; margin: 0; padding: 12px 50px 12px 10px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-style: italic; }
.search-form-wrapper .navbar-form input:focus {color: #000; -moz-box-shadow: inset  none; -webkit-box-shadow: none; box-shadow: none;}
.search-form-wrapper .navbar-form a {text-decoration: none; margin: 0; display: block; width: 48px; height: 48px; background: #9e662c; border: 2px solid #9e662c; color: #fff; font-size: 20px; line-height: 44px; text-align: center; position:absolute; right:0; top: 0; }
.search-form-wrapper .navbar-form a:hover {color: #9FDFF8;}

/* ============================= toTop ====================== */
#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; z-index: 1000; overflow:hidden; width:50px; height:50px; border:none; text-indent:100%; background:url(../images/totop.gif) no-repeat left top; }
#toTopHover { background:url(../images/totop.gif) no-repeat left bottom; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }



/* ============================= main layout ====================== */
#content .container .row .col-sm-9 h1{font-size:28px; padding:0}

h1{font-family:'Roboto'; font-weight:700; font-size:28px; color:#000; line-height:28px; padding:10px 0; margin: 0;}

h2{font-family:'Roboto'; font-weight:700; font-size:24px; color:#000; line-height:24px; padding:10px 0 5px; margin: 0;}

h3{font-family:'Roboto'; font-weight:700; font-size:26px; color:#000; line-height:26px; padding:20px 0  25px 0; margin: 0;}

h4{font-family:'Roboto'; font-weight:700; font-size:18px; color:#000; line-height:24px; padding:0; margin: 0;}

h6{font-family:'Roboto'; font-weight:700; font-size:18px; color:#000; line-height:22px; padding:0px 0  10px 0; margin: 0;}


.img-responsive{width: auto \9;}

.img-responsive-old{display: block; max-width: 100%; height: auto;}

.border-box{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}



/*-----btn-----*/
.btn-default.btn1{font-family: 'Roboto'; display: inline-block; background: #416c7c; color: #fff; border: none; font-size: 24px; line-height: 24px; font-weight: 300; padding: 16px 40px; text-decoration: none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top: 0px; margin-bottom: 0px; text-transform: uppercase;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn1:hover{color: #fff; background: #444;}

.btn-default.btn2{font-family: 'Roboto'; display: inline-block; background: url(../images/btn2.png) right center no-repeat; color: #a9a9a9; border: none; font-size: 24px; line-height: 24px; font-weight: 300; padding: 0 35px 0 0; text-decoration: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-top: 10px; margin-bottom: 10px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn2:hover{color: #000;}










/* ============================= thumbnail ====================== */
.img-polaroid{position: relative; padding: 5px; background: #fff; border: 1px solid #cfcfcf;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.background .thumbnail{ padding:1%;}

.thumbnail .caption{padding: 0; color: inherit;}

/*================= Contacts =========================*/
#note{ }
.notification_error{ color:#f00; padding-bottom:10px; }
.notification_ok{ text-align: left; padding-bottom:10px; }

.btn-default.btn-cf-submit{display: inline-block; background: #9FDFF8; color: #fff; font-family: 'Roboto'; font-size: 19px; line-height: 20px; font-weight: 300; padding: 10px 20px; text-decoration: none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border: none; text-transform: uppercase;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn-cf-submit:hover{background: #444; color: #fff;}




/*================= 404 =========================*/
.page-404{text-align: center;}
.page-404 .txt1{font-family:'Roboto'; font-weight:700; font-size:220px; color:#352c2c; line-height:220px; }
.page-404 .txt2{font-family:'Roboto'; font-weight:400; font-size:70px; color:#352c2c; line-height:70px; }





#arrow_box {padding-left:25%; }
.arrow_box { text-align:center; width:80%;	position: relative;	background: #000;border: 5px solid #fff;	border-radius: 4px; padding:2px;	margin: 0 auto 32px auto;}
.arrow_box:after, .arrow_box:before {top: 100%;	left: 50%;	border: solid transparent;	content: " ";
height: 0;	width: 0;	position: absolute;	pointer-events: none;}
.arrow_box:after {border-color: rgba(249, 249, 249, 0);	border-top-color: #000;border-width: 10px;	margin-left: -10px;}
.arrow_box:before{border-color:rgba(255, 255, 255, 0); border-top-color:#fff; border-width:16px; margin-left:-16px;}

.arrow_box:hover{position: relative; background: #fff; border: 5px solid #13afeb; -webkit-transition: border-color .3s, -webkit-transform .3s; transition: border-color .3s, transform .3s;}
.arrow_box i {font-size: 50px;	color: #272727;}
.arrow_box:hover i, .arrow_box:hover i {color: #13afeb;	-webkit-transition: color .3s, -webkit-transform .3s;
transition: color .3s, transform .3s;}
.arrow_box:hover:before{border-color: rgba(19, 175, 235, 0);	border-top-color: #13afeb;	border-width: 16px;
	margin-left: -16px;	-webkit-transition: border-color .3s, -webkit-transform .3s;    transition: border-color .3s, transform .3s;}
.arrow_box:hover:after{border-top-color: #fff;	-webkit-transition: border-color .3s, -webkit-transform .3s;    transition: border-color .3s, transform .3s;}


/*----- media queries ------*/
@media (min-width: 1220px) {
 .container { padding: 0; }

}
/* Default landscape and desktop to large desktop */
@media (max-width: 1219px) {

.number1{ font-size:18px;}

}
@media (min-width: 769px) and (max-width:1100px) {

.number1{ display:none;}

}
/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {

.contactform input, .contactform textarea{ max-width:100%;}
h1{ font-size:22px;}

}
@media (min-width: 769px) and (max-width: 990px) {

.bghome .col-sm-5{width:64%;}


}

@media (max-width: 768px) {

.topmenu{ display:none;}

.welcomebg h1{ font-size:22px;}
.welcomebg{ padding:20px 0;}


}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

.contactform{ float:inherit !important;}
}

@media (min-width: 481px) and (max-width: 768px) {

.bghome .col-sm-4{ width:40%; float:left;}
.bghome .col-sm-3{ width:60%;float:left;}
.logo img{ width:100%;}


}
/* Landscape phones and down */
@media (max-width: 480px) {

.logo {float: inherit;  margin:10px auto;  text-align: center;  width: 200px;}
.logo img{ width:100%;}

}