/*
Theme Name: Blue Circle
Version: 2.8.3
Text Domain: Blue Circle

*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

.bypostauthor {}

#header .header-main .container .header-left{ padding:0px;}
#header .header-main .header-contact .nav-top > li > a:hover{ background:none;}
.header_call { color:#333!important; font-family:Arial!important; font-size:16px!important; text-align:left!important; background:url(images/call.jpg) left 7px no-repeat; padding-left:40px; margin-top:12px;}
.header_call span{ color:#0455A3!important; font-family:Arial!important; font-size:22px!important; margin:0px; padding:0px!important;}
.header-contact ul li:first-child a{ padding:6px 20px 6px 10px!important;}
.header-main{ background:#0455a3;}
.header-main .header-left, .header-main .header-right{ background:#fff;} 
.header-top .header-right span{color:#333!important; font-family:Arial!important; font-size:14px!important;}
.logo{ border-bottom:none!important;}
#header .header-contact{ margin-top:44px; margin-bottom:0px}
.main-menu-wrap{ margin-top:2px;}
.header-main .header-right{ padding-right:15px!important;}
#menu-main-menu li{ border-right:1px solid #0574E2;}
#menu-main-menu li:last-child{ border-right:none;}
.banner1_text{font-family: 'Roboto Condensed', sans-serif; font-size:46px; color:#333; line-height:55px;}
.banner2_text{font-family: 'Roboto Condensed', sans-serif; font-size:46px; color:#fff; line-height:55px;}
.banner3_text{font-family: 'Roboto Condensed', sans-serif; font-size:33px; color:#fff; line-height:40px; text-align:center; width:100%; background:url(images/banner_text_bak.png) left top repeat-x; padding:7px 0px 10px 0px!important;}
.ms-nav-next{ background:url(images/nxt.png) no-repeat!important; width:47px; font-size:0px!important;}
.ms-nav-prev{ background:url(images/pre.png) no-repeat!important; width:47px; font-size:0px!important;}
h1{ text-align:center; background:url(images/h1_bak.jpg) bottom center no-repeat; border-bottom:1px solid #CCC; display:inline-block; }
h1 i{ font-style:normal!important; font-family:Arial; font-size:14px; letter-spacing:0.5px;}
.main_title h1{ line-height:24px;}
.main_title h1 i{ padding-bottom:15px; display:inline-block;}

.hm_services h2{ margin-bottom:16px;}
.hm_services p{ color:#666; margin-bottom:16px;}
.home_gallery{ margin-top:20px;}
.gallery_title h1, .hm_partner h1, .hm_testimonial h1{line-height:60px;}
.hm_about_cnt h1{ line-height:60px; margin-bottom:26px; display:inline-block;}
.hm_gallery{ border:5px solid #CCC;}
.hm_gallery h2{ margin:0px; color:#fff; font-size:20px; background:rgba(0,0,0,0.5); position:absolute; padding:10px; width:96%; z-index:999; bottom:5px;}
.home_gallery .slick-prev, .home_gallery .slick-next{ top:120%!important;}
.home_gallery .slick-slider .slick-prev{ left:47%; border:1px solid #0455A3;}
.home_gallery .slick-slider .slick-next{ right:47%; border:1px solid #0455A3;}
.hm_testimonial{ margin-top:80px;}
.testimonial img{ float:left; border-radius:5px!important; border:1px solid #0455A3; margin-right:20px;}
.testimonial-author{ width:75%; display: inline-block; float:right; text-align:left!important; margin:0px!important;}
.testimonial-author p{ text-align:left!important;}
.testimonial-author strong{ display:inline-block!important; margin-right:15px; font-size:15px;  text-align:left!important;}
.testimonial-author span{ display:inline-block!important; font-size:15px; }
.testimonial-carousel { width:80%; float:right; text-align:left!important;}
.testimonial blockquote p{ font-family:Arial!important; font-size:14px!important; color:#333!important; line-height:22px!important; }
.testimonial blockquote{ padding:10px!important;}
.porto-testimonial{width:90%; display:block; margin:0px auto;}
.testimonial.testimonial-with-quotes blockquote::after, .testimonial.testimonial-with-quotes blockquote::before, .testimonial.testimonial-with-quotes blockquote p { color: #DEDEDE;}
.hm_partner .slick-initialized .slick-slide {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.hm_partner .slick-slider .slick-prev{ left:-15px;}
.hm_partner .slick-slider .slick-next{ right:-15px;}
.hm_partner .slick-list{ padding-left:15px; padding-right:15px;}
.hm_partner .ult-carousel-wrapper {margin-left: auto; margin-right: auto;  max-width: 96%;  position: relative;}
.footer_contact tr td{ vertical-align:top!important;}
.footer_contact tr td:first-child{ width:40px; text-align:center;}
.footer_contact tr td i{ font-size:24px;}
#text-2 h3{ font-size:20px!important; border-bottom:1px dashed #757575; max-width:65%; padding-bottom:10px;}
.footer_form_bak{ background:url(images/footer_form_bak.png) left top repeat; padding:10px 15px 10px 15px; border-top:3px solid #EAF6FB; display:block; float:right; margin-right:50px; max-width:335px;}
.footer_form_bak h1{ background:none; font-size:25px; border-bottom:none; margin:0px 0px 15px 0px;}
.footer_form_bak .fa-phone{ background:#EAF6FB; height:43px; width:43px; color:#0455A3; border-radius:100%; vertical-align:top; padding-top:10px; margin-top:4px; margin-right:15px;}
.footer_form_bak tr td{ padding:0px;}
.footer_form_bak tr td input{ background:url(images/form_field_bak.png) left top repeat; background-color:transparent; width:100%; border:none; margin-bottom:5px; border-radius:0px; color:#fff;}
.footer_form_bak tr td input[type="submit"]{ background:#0455A3; display:inline-block; color:#fff; font-size:16px; max-width:125px;}
.footer_form_bak tr td textarea{ background:url(images/form_field_bak.png) left top repeat; background-color:transparent; width:100%; border:none; margin-bottom:5px; border-radius:0px; color:#fff; resize:none; height:75px;}
.widget{ margin-bottom:0px;}
#footer > .container { padding-bottom: 15px;  padding-top: 25px;}
#footer .widget P { margin-bottom: 7px;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #EAF6FB;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #EAF6FB;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #EAF6FB;
}
:-moz-placeholder { /* Firefox 18- */
  color: #EAF6FB;
}
#footer .footer-bottom .container .footer-center{ padding:0px; width:100%;}
.about_us_cnt h1, .carrier_services_cnt h1, .video_system h1{ display:block; max-width:70%; margin-left:auto; margin-right:auto;}
.cnt_img img{border:5px solid #CCC;}
.phone_system h1{ background-position:left bottom; line-height:60px; width:100%; text-align:left!important; margin-bottom:30px;}
.phone_system h2{ color:#0453A3!important;; margin-bottom:10px!important;;}
#header .header-top {
    font-size: 0.7857em;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    z-index: 1001;
}
#header .header-top .header-right{padding-right:15px;}
#header.header-corporate .share-links a {background-color: #333;  color: #fff;}
@media only screen and (max-width:1024px) {
.testimonial-carousel{ width:78%;}
.testimonial-author{ width:72%;}
.home_gallery .slick-slider .slick-next {
    border: 1px solid #0455a3;
    right: 46%;
}
.home_gallery .slick-slider .slick-prev {
    border: 1px solid #0455a3;
    left: 46%;
}
	}
@media only screen and (max-width:800px) {
.hm_gallery h2{ font-size:15px; padding:7px 3px; width:95%; }
.testimonial-carousel { width: 100%;}	
.testimonial img{ float:none;}
.testimonial-author{ width:92%;}
.footer_form_bak{ float:left; margin:30px 0px 0px 0px; }
.header-right img{ max-width:180px!important;}
.header-right .header_call{ font-size:14px!important; background-size:22px;}
.header-right .header_call span{ font-size:16px!important;}
#header .header-contact { margin-bottom: 0;  margin-top: -14px!important;}
#header .header-top{display:none;}
}


@media only screen and (max-width:740px) {
#header .header-main .container{ padding:0px 0px 0px 0px;}
.header-main{ background-color:transparent;}
.banner3_text{padding: 9px 0 10px !important; top: 194px !important;}
.slick-slider .slick-prev, .slick-slider .slick-next {display: block!important;}
.home_gallery .slick-slider .slick-next {right: 44%;}
}
@media only screen and (max-width:700px) {
.banner3_text{padding: 9px 0 10px !important; top:auto !important; bottom:0px; font-size:14px!important;}
#header .logo { margin: 0 auto;  text-align: center;}
#header .header-main .container .header-left { float: left;}
}
@media only screen and (max-width:500px) {
.home_gallery .slick-slider .slick-prev{right: 42%;}
}
@media only screen and (max-width:400px) {
.home_gallery .slick-slider .slick-prev{right: 34%;}
.home_gallery .slick-slider .slick-next{right: 34%;}
#header .mobile-toggle{ right:5px!important; left:inherit;}
.testimonial-author{ width:100%;}
.home_gallery .slick-slide {
    margin: 0 42px!important;
    height: 100%;
    max-width: 256px;
    min-height: 1px;
}
h1 {
    font-size: 18px;
    line-height: 45.4545px;
}