/*@import url("../fonts/fonts.css");*/
*{margin:0 auto; padding:0; outline:none; list-style:none;}
body{background:#FFF; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight:400;}

p{font-size:16px; font-family: 'Open Sans', sans-serif; font-weight:400;line-height:28px}
h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif;font-weight: 700;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 { font-size: 24px}
h4  {font-size: 20px}
h5{font-size: 18px}
h6{font-size:16px;}
.none{display:none;}
.clear{clear:both}
.left{float:left}
.right{float:right}
input[type="text"]:focus{box-shadow:none;background:transparent;}
.main-content li {line-height: 24px; margin-bottom: 5px;}
.main-content li:before { font-family: FontAwesome; content: "\f105"; color: #C70404; margin-right: 10px;}
/*========== 	 HEADER	 ==========*/
.row {width: 100%;max-width: 1170px;padding: 0 0px;}
header{width:100%; float:left; padding:0px; border-bottom:5px solid #C70404; position:relative;}
header .row{padding:0 15px;}
 h1.logo{position:absolute;top:5px;max-width: 450px;}
 h1.logo a{padding:0px}
 h1.logo a img{position:relative;z-index:999}
 
 /* For Projects list page */
.content_panel hr:last-child {display:none;}

.utility_navigation{width:100%; float:left;height:auto;}
.utility_menu{width:auto; float:right;margin-right:-0px;}
.utility_menu ul{width:auto; float:right; margin:25px 0px 2px 20px ;}
.utility_menu ul li{float:left;padding:3px 15px 3px 15px;line-height:0px}
.utility_menu ul li a{font-size:16px; color:#C70404; float:left;padding:0px;line-height:26px;text-transform:capitalize;font-family: 'Open Sans', sans-serif; font-weight:700;}
.utility_menu ul li.create_acc{background:#C70404;border-radius:5px;padding:3px 10px 3px 10px;}
.utility_menu ul li.create_acc a{color:#fff;}
.utility_menu ul li:hover a, .utility_menu ul li.selected a{color:#000}
.search-form{width:auto; float:right;margin: 23px 0 0 31px}
.search-form form{width:213px; float:right; height:auto;position:relative;margin:0;background:#fff;;border-radius:4px;border:1px solid #e1e1e1;box-shadow: inset 0px 2px 3px #E1E1E1;}
.search-form form input[type="text"]{width:100%; font-size:16px ;  color:#9ea9a9 ;margin:0px; padding: 7px 4px 7px 30px; height:auto; border: none;background:transparent;box-shadow:none;}
.search-form form input[type="submit"]{min-width:25px; border:none; background:url(../img/search-icon.png) no-repeat center; position:absolute ;top:0px ;left:3px;bottom:0px;cursor:pointer;max-width:inherit}


.tagline {width: auto;
    float: left;
    margin:10px 0;
    color: #000;
	font-size:16px;
	font-weight:700;
	position:relative;
	top: 80px;	
}

.hotline{width:auto; float:right;margin-top:26px; margin-left: 30px; border: 1px solid #c7c7c7;}
.hotline .icon { float:left; background: #c7c7c7; margin-right: 10px;}
.hotline .details { float:left;}
.hotline .phone { font-size: 18px; color: #000; display: block; min-width: 130px;}
.hotline .office { font-size: 11px; color: #808184; display: block;}
.hotline em { font-size: 28px; color:#FFF; padding:10px 10px 8px 10px; vertical-align:-1px; float:left;}
.hotline:hover .icon { background: #C70404}
.hotline:hover { border: 1px solid #C70404;}

.primary_navigation{width:100%; float:left;height:auto; }
nav.top-bar{background:none;width:auto; line-height:inherit;}
.top-bar-section ul{width:auto;float:right;}
.top-bar-section ul li{background:none;padding:15px 0px 44px 0px;position:relative !important;}
.top-bar-section ul li a{font-family: 'Open Sans', sans-serif;font-size:16px; color:#000000;background:none;text-transform:capitalize; padding: 0px 20px !important; font-weight:500;border-left:1px solid #d7d7d7;}
.top-bar-section ul li:last-child a{padding-right:0px !important}
.top-bar-section ul li:first-child a{border-left:0px !important}
.top-bar .top-bar-section li:not(.has-form) a:not(.button){background:none;padding:8px 30px;line-height:18px;}
.top-bar-section .has-dropdown > a{padding:3px 0 }
.top-bar-section .has-dropdown > a:after{display:none;}
.top-bar-section .has-dropdown > a{padding:3px 0 ;}
.top-bar-section .has-dropdown ul li> a{padding:3px 0 ;border-left:none;}
.top-bar .top-bar-section ul li:hover a, .top-bar .top-bar-section ul li.selected a{color:#C70404; }
.top-bar .top-bar-section ul li:hover ul li a, .top-bar .top-bar-section ul li.selected  ul li a{color:#6d7a83; border-bottom:0;}
.top-bar .top-bar-section ul li:hover, .top-bar .top-bar-section ul li.selected {}

.top-bar-section ul li ul li a{text-transform:capitalize}
.top-bar .top-bar-section ul li ul li:hover, .top-bar .top-bar-section ul li ul li.selected {padding-bottom:8px;}
.top-bar-section ul li ul.dropdown{position:absolute; display:none;min-width:100%;background:#fff;top:77px;padding:0px;border-top:5px solid #C70404;margin:0px}
.top-bar-section ul li ul li {width:100%; float:left;padding:8px 10px;margin:0px ;border:none;border-bottom:1px solid #C70404;}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button),.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){background:none;color:#2b2b2b}
.top-bar-section ul li ul li:last-child{border-bottom:0px}
.top-bar-section ul li:hover ul{display:block;}
.top-bar-section ul li ul li:hover, .top-bar-section ul li ul li.selected{background:#201D1D;}
.top-bar-section ul li ul li:hover a, .top-bar-section ul li ul li.selected a{color:#fff !important;}
.has-dropdown .dropdown{ border: 1px solid #C70404;}
.top-bar-section ul li:after{content:url(../img/menu-hover-arrow.png); width:20px; position:absolute;left:0px;right:0px;float:none; margin:0 auto;;display:none;bottom:-7px;}
.top-bar-section ul li:hover:after, .top-bar-section ul li.selected:after{display:block;}
.top-bar-section ul li ul li:hover:after, .top-bar-section ul li ul li.selected:after{display:none;padding:0px;border:none;}

/*========== 	 SLIDER	 ==========*/

.slider {width:100%; float:none; overflow:hidden; background: #201D1D; margin: 5px 0px;}
.slider-container { max-width: 1410px; padding:0px 5px;  margin: 0 auto;}
.slider ul{width:100%; max-width: 1400px; float:none;height:auto;margin:0px auto;position:relative;}
.slider ul li img{width:100%; float:left;max-width:100%; display:block;min-height:180px;}
.orbit-caption {width:100%;color: white;text-align: center;  position: absolute;top: 30%;background: none;left: 0%;padding: 0;margin:0 auto}
.orbit-caption .row {width:100%;text-align: center;  max-width:795px;margin:0 auto;display:inline-block}
.orbit-caption h1{font-size:59px;color:#ffffff; font-weight:700;background:none;display:block;margin-bottom:30px;line-height:70px;}
.orbit-caption p{font-size:16px;color:#ffffff; font-weight:700;background:none;padding:0 10px;display:block;margin-bottom:20px}
.slider ul li .orbit-caption a{font-size:25px;padding:15px 40px;margin-top:20px;}
.slider .slick-prev, .slider .slick-next{width:63px; height:63px;opacity:0.75;top:45%;background:url(../img/main-arrow.png) no-repeat center;}
.slider .slick-prev {background-position:0px 0px;}
.slider .slick-next {background-position:-77px 0px;}
.slider .slick-prev:hover, .slider .slick-prev:focus, .slider .slick-next:hover, .slider .slick-next:focus {opacity:3;background:url(../img/main-arrow.png) no-repeat center;}
.slider .slick-prev:hover, .slider .slick-prev:focus{background-position:0px 0px;}
.slider .slick-next:hover, .slider .slick-next:focus{background-position:-77px 0px;}


/*==========	 BUTTON		==========*/
button, .button,#catwebformbutton, input[type="submit"], #catshopbuy {border:0px solid #C70404;  text-decoration: none; text-transform:uppercase; min-width:120px; padding:15px 10px; font-size: 16px;background: #C70404; color: #FFF; margin:0px;font-weight:500;border-radius: 3px;}
button:hover, button:focus, .button:hover, .button:focus,#catwebformbutton:hover { background: #000; color:#fff !important; cursor:pointer}
button.secondary, .button.secondary {background: #C70404; border:0px solid #C70404; color:#fff; padding:15px 10px; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color:#fff;background:#abc943}
.button.large{padding:14px 10px; font-size:18px}
.button.large.secondary{padding:12px 10px; font-size:18px}

.featured_services{width:100%; float:left; height:auto;padding:45px 0; border-top: 5px solid #C70404;}
.featured_services h2{color:#818285; text-transform:uppercase; text-align:center; font-weight:500;background:url(../img/line.png) no-repeat bottom center;margin-bottom:30px;padding-bottom:20px;}
.feature-detels{width:100%; float:left; height:auto;}
.service_Box{width:100%; float:left; border:1px solid #c7c7c7;}
.service_Box .service-image{width:100%; float:left; }
.service_Box .service-description{width:100%; float:left; padding:16px;text-align:center; border-bottom: 5px solid #FFF}
.service_Box:hover .service-description {border-bottom: 5px solid #C70404;}
.service_Box .service-description h3{font-size:18px; color:#C70404;font-weight:700; margin-bottom:5px;text-align:center;display:block; line-height: 1.6}
.service_Box .service-description h3 a{font-size:18px; color:#C70404;font-weight:700; }
.service_Box .service-description h3 a:hover{color:#000;}
.service_Box .service-description p{font-size:16px; color:#626262;font-weight:400;text-align:center; min-height: 110px;}
.interior_content #practice-areas {margin-bottom: 30px;}
.interior_content #practice-areas:last-child {float: left;}
.practice-img { border:1px solid #c7c7c7; padding: 5px;}

/*---------		ABOUT SLIDER	---------*/

.main-about-slider{width:100%; float:left; height:auto;background: #f4f4f4; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; padding:45px 0 100px 0;background-size:contain}
.main-about-slider h2{color:#000;  text-align:center; font-weight:500;background:url(../img/line.png) no-repeat bottom center;margin-bottom:30px;padding-bottom:20px}
.about-slider {width:100%; float:left;margin:0px}
.about-slider li{width:100%; float:left}
.main-about-slider  p{font-size:22px;color:#000; font-weight: lighter;margin-bottom:25px;line-height:30px;}
.main-about-slider  .about-our-team img{width:9.2%;margin-right:0.8%;float:left}
.main-about-slider  .about-our-team p{width:90%;float:left;padding:15px 45px 0 15px;}
.about-our-team{width:70%; float:left}
.profesional{width:30%; float:left;padding:2px}
.profesional .employee-image{width:130px; height:130px;float:left;background:#fff; border-radius:50%;padding:5px;}


.profesional .employee-image:hover{box-shadow:none;}
.profesional .employee-image img{width:100%; border-radius:50%;}
.profesional .employee-details{width:auto;float:left;text-align:left;margin-left:15px;padding:25px 0 0 0;max-width:200px;}
.employee-details h6 {font-size:22px;color:#353535; font-weight:700;text-align:left;}
.employee-details h6 a{font-size:22px;color:#353535; font-weight:700;text-align:left;}
.employee-details p{font-size:16px;color:#6e6e6e;  font-weight:400;line-height:22px;}
.main-about-slider .slick-dots{width:auto; bottom:-50px;margin:0px;left:45%}
.main-about-slider .slick-dots li{width:20px;height:20px;margin:0 10px;background:transparent;border-radius:50%;border:1px solid #979797}
.main-about-slider .slick-dots li.slick-active{background:#C70404;border:none;}

/*--------- 	 MAIN EVENTS	 ---------*/

.main-events{width:100%; float:left; height:auto;background:#fff; padding:45px 0 45px 0;}
.main-events h3{font-size:30px; color:#000;   font-weight:500;margin-bottom:15px;width:auto;display:inline-block;margin-bottom:35px;}
.enent-all-link{font-size:16px ;color:#C70404; font-weight:700;padding:4px 22px;border:1px solid #C70404; border-radius:5px;}
.enent-all-link:hover{ color:#fff;background:#abc943}
.event-view h5{font-size:18px;color:#C70404;font-weight:700;line-height:18px;}
.event-view h5 a{font-size:18px;color:#C70404;font-weight:700;}
.event-view h5 a:hover{color:#000;}
.event-view span{font-size:15px;color:#121212;font-weight:400;padding:5px 0;display:block}
.event-view span em{font-size:14px;color:#121212;margin-right:8px}
.event-view p{font-size:14px;color:#121212;font-weight:400;margin-bottom:0px;}
.event-view .event-dec>a{font-size:15px;color:#C70404;font-weight:400;display:block;float:left;margin-top:10px;}
.event-view .event-dec>a:hover, .event-view .event-dec>a:hover em{color:#000;}
.event-view .event-dec>a em{font-size:14px;color:#C70404;margin-left:5px}
.event-view .event-dec{padding:0px 16px 0 0}
.event-view .columns{padding-bottom:20px; margin-bottom: 20px; border-bottom: 1px solid #c7c7c7;}
.event-view .columns .columns {padding-bottom:0; margin-bottom: 0; border-bottom: 0px solid #c7c7c7;}

/*--------- 	 HOME CONTACT	 ---------*/

.contact-details h5{font-size:18px;color:#C70404;font-weight:700;line-height:18px; margin-bottom: 16px;}
.contact-details h5 a{font-size:18px;color:#C70404;font-weight:700;}
.contact-details h5 a:hover{color:#000;}
.contact-details p{font-size:14px;color:#121212;font-weight:400;margin-bottom:10px;}
.contact-details .columns{padding-bottom:18px; margin-bottom: 20px; border-bottom: 1px solid #c7c7c7;}
.contact-details .columns .columns {padding-bottom:0; margin-bottom: 0; border-bottom: 0px solid #c7c7c7;}

/*========== 	 FOOTER	 ==========*/

section.main-events { border-bottom: 5px solid #C70404;}
footer{width:100%; float:left;background: #201D1D; background-size:contain;padding:27px 0 0 0; margin-top: 5px;}
.footer_menu{width:auto;float:left;margin:auto;}
.footer_menu ul{width:auto;float:left;margin:4px 0 0 0;}
.footer_menu ul li{display:inline-block; padding:0 15px;}
.footer_menu ul li:first-child{padding-left:0px;}
.footer_menu ul li a{font-size:16px;color:#fff; font-weight: lighter; }
.footer_menu ul li:hover a,.footer_menu ul li.selected a{text-decoration:underline}
.social_icons{width:auto;float:right;margin:0;}
.social_icons ul{width:auto;float:right;margin:auto;}
.social_icons ul li{width:28px;height:28px ;float:left; margin:0 5px; }
.social_icons ul li:before {content: " "; margin-right: 0px;}
.social_icons ul li:last-child{margin-right:0px;}
.social_icons ul li a{width:28px;height:28px ; float:left;font-size:16px;color:#C70404;text-align:center;background:#ffffff;}
.social_icons ul li a em{font-size:16px; vertical-align:middle }
.social_icons ul li:hover a{background:#C70404;color:#fff;  }
footer .columns{margin-bottom:55px;}
footer .copyright {margin-bottom: 0px;}
footer .copyright .columns {padding-left: 0px; padding-right: 0px;}
footer .copyright .left {text-align: left; color: #FFF; line-height: 22px;}
footer .copyright .right {text-align: right; color: #FFF;}
footer p {font-size:16px; color:#5e5e5e; font-weight:400; text-align:center;margin:0}

footer .social_icons a {display: inline-block;background: #FFF;margin-left: 10px;font-size: 30px;width: 50px;height: 50px;}
footer .social_icons a li { text-align:center; width: 100%; margin-top: 10px;}
footer .social_icons a span {display: none;}


/*==========	 INNER BANNER PAGE	==========*/

.banner {width:100%; float:none; overflow:hidden; position:relative; background: #201D1D; margin: 5px 0px;}
.banner-container {max-width: 1410px; padding: 0px 5px; background: #FFF; margin: 0 auto;

}
.banner-container .grad {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#201d1d+20,201d1d+80&1+20,0+30,0+70,1+80 */
	background: -moz-linear-gradient(left,  rgba(32,29,29,1) 20%, rgba(32,29,29,0) 30%, rgba(32,29,29,0) 70%, rgba(32,29,29,1) 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(32,29,29,1) 20%,rgba(32,29,29,0) 30%,rgba(32,29,29,0) 70%,rgba(32,29,29,1) 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(32,29,29,1) 20%,rgba(32,29,29,0) 30%,rgba(32,29,29,0) 70%,rgba(32,29,29,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#201d1d', endColorstr='#201d1d',GradientType=1 ); /* IE6-9 */


    background-size: cover;
}


.banner img{width:100%; float:left; max-width: 1410px; /*background: #FFF;*/ padding: 0px 5px; margin: 0 auto;}
.banner-content{ width:100% ;float:left; position:absolute; top:50px;max-width:1170px;padding:0 14%; text-align:center;}
.banner-content h1{font-size:42px;color:#fff;font-family: 'Open Sans', sans-serif; font-weight:700;  text-transform:uppercase; text-align:center; background:url(../img/green-line.png) no-repeat bottom center;margin-bottom:15px;padding-bottom:15px;}
.banner-content p{font-size:25px;color:#fff; font-weight:700;  margin-top:20px;line-height:30px;}
.page_title{width:100%; float:left; background:#0085cc;padding:12px 0}
.page_title h1{font-size:40px; color:#fff; font-family: 'Open Sans', sans-serif;font-weight:700;display:inline-block}
.breadcrumbs {width: auto;float: right;margin: 0;background: rgba(0, 0, 0, 0);border: none;padding-right:0px;margin:13px 0}
.breadcrumbs li {font-size:16px;color:#fff;font-weight:400;}
.breadcrumbs li.current a{font-size:16px;color:#fff;font-weight:400;}
.breadcrumbs li a{font-size:13px;color:#fff;font-family: 'Open Sans', sans-serif;font-weight:400;}
.breadcrumbs > *:before{color:#fff;}


/*==========	ABOUT PAGE	 ==========*/


.main-content{width:100% ;float:left; background:#fff;padding:90px 0; min-height:500px; /*border-top: 5px solid #C70404;*/}
.team_member {width:100%; float:left;margin-bottom:50px}
.team_member .team-description{padding-top:12px;padding-left:0px}
.team-imges figure{float:left;padding:5px;}
.team-imges figure img{border-radius:50%; width: 100%;}
.team-description .team-title{width:100%; float:left;}
.team-description .team-title h3{font-size:25px ;color:#000000;font-weight:700; display:inline-block; line-height:26px;margin-bottom:8px}
.team-description .team-title h3 a{font-size:25px ;color:#000000;font-weight:700; display:inline-block;}
.team-description .team-title h3 a:hover{color:#C70404}
.team-description .team-title h2 { display:inline-block;}
.team-description span{font-size:16px ;color:#C70404;font-weight:700;}
.team-description p{font-size:16px ;color:#000000;font-weight:400; }
.team-description a:hover, .team-description a:hover em{color:#000}
.team-description a{font-size:16px ;color:#C70404;}
.team-description a.button {color: #FFFFFF;}
.team-description a em{font-size:16px ;color:#C70404;margin-left:5px }
.team-description .social_icons ul li a{border:1px solid #c4c4c4; }
.team-description .social_icons ul li a em{margin:0px }
.team-description .social_icons ul li:hover a{border:none;color:#fff }
.team-description .social_icons ul li:hover a em{;color:#fff }
.interior_content{width:100%; float:left;padding:80px 0 80px 0;background:#fff; min-height:600px;}
.team-description .social_icons ul li a[href="#"], .team-description .social_icons ul li a[href=""] { display:none;}


/*--------- 	 FEATURES PAGE	 ---------*/

.feature_con{float:right;}
.features_right_panel{float:right; background:transparent;}
.features_content_area{float:left; background:transparent; margin-right:12%;}
.features_content_area p{font-size:17px;color:#2c2c2c;font-weight:300;}
.feature-menu{width: 100%;height: auto;float: left;margin-top: 10px;}
.feature-menu p {width: 100%;height: auto;float: left;background:#0085cc;color: #fff;margin: 0px;font-size: 17px;padding: 14px 30px;text-transform:uppercase;font-weight:700;border:1px solid #ececec;border-bottom:none;border-radius:5px 5px 0px 0px;}
.feature-menu ul {width: 100%;height: auto;float: left;margin: 0px;background:#fff;border:1px solid #ececec;border-top:none;border-radius:0px 0px 5px 5px;}
.feature-menu ul li {width: 100%;height: auto;float: left;border-bottom:1px solid #ececec;position: relative;}
.feature-menu ul li a {width: 100%;height: auto;float: left;color: #000000;font-size: 16px;padding: 18px 30px;font-weight:700;}
.feature-menu ul li:hover a{color:#fff;}
.feature-menu ul li:hover {background:#C70404;}
.features_content_area h1{color:#2c2c2c; margin: 10px 0 30px 0;}

/*----------  	EVENT PAGE	 ---------*/

.all-event{width:100%; float:left; margin-bottom:30px}
.event-list {width: 100%;margin: 10px 0px 0px;border-bottom: 1px solid #eaead8; float:left}
.event-items {width: 100%;height: auto;float: left;background: #fff; margin-bottom:30px ;}
.event-items .event-item-content{width:100%;height:auto;float:right;padding:19px 25px;border:1px solid #f5f5f5;margin-top:10px;background:#f5f5f5;}
.event-items h5 a{font-size:22px; color:#0085cc;font-weight:700;margin-bottom:10px;}
.event-items h5 a:hover{color:#2b2b2b;}
.event-items p.date-com{font-size:16px; color:#2f383d;margin-bottom:15px;display:block;font-family: 'Roboto', sans-serif; font-weight:300;}
.event-items p.date-com span{font-size:14px; color:#000000;font-family: 'Roboto', sans-serif; font-weight:300; margin-right:5px}
.event-items p.date-com a{font-size:14px; color:#000000;font-family: 'Roboto', sans-serif;font-weight:300; margin-left:5px}
.event-items p.date-com a:hover{color:#C70404}
.event-item-content p{font-size:14px; color:#2c2c2c;font-family: 'Roboto', sans-serif;font-weight:300}
.event-item-content a{font-size: 13px;color: #FFF;font-weight: 700;text-transform: uppercase;background: #C70404;margin-top:10px;text-decoration: none;padding: 15px 20px;border-radius: 5px;display:inline-block}
.event-item-content a:hover{background: #ABC943;}
/*--------- 	 NEWS PAGE	 ---------*/

.news-item-inner .event-dec h3 a { font-size: 25px; color: #000000; font-weight: 700; display: inline-block; }
.news-item-inner span {font-size: 16px; color: #C70404; font-weight: 700;}
.news-item-inner .event-dec a { font-size: 16px; color: #C70404; }
.feature-news{width:100%; float:left; margin-bottom:20px}
.news-list {width: 100%;margin: 10px 0px 0px;float:left}
.news-items {width: 100%;height: auto;float: left; margin-bottom:30px}
.news-items .news-image{float:left; padding:4px;border:1px solid #e1e1e1; margin-right:10px;}
.news-items .news-dec{width:67%; float:right;padding-left:12px ;}
.news-items h5 {color:#C70404;font-weight:700;display:inline-block}
.news-items h5 a{font-size:17px; color:#C70404;font-weight:700;margin-bottom:15px;}
.news-items h5 a:hover{color:#000;}
.news-items span{font-size:13px; color:#919191;padding:5px 0;display:block; font-style:italic}
.news-items p{font-size:13px; color:#373737; font-weight:400;line-height:20px;margin:0px}
/*--------- 	 BLOG	 ---------*/

.feature-blog{width: 100%;float:left}
.blog-list {width: 100%;margin: 10px 0px 0px;float:left;padding:0px ;border:none;background:none;}
.blog-items {width: 100%;height: auto;float: left;border:1px solid #dddddd; margin-bottom:30px ;border-radius:2px ;padding:12px;}
.blog-items .blog-image {width: 100%;height: auto;float: left;border:1px solid #dddddd; margin-bottom:12px ;border-radius:2px ;padding:12px;}
.blog-boder-none{padding:0px !important ;border:none !important;}
.blog-items h5{font-size:20px; color:#0085cc;font-weight:700;margin-bottom:10px;}
.blog-items h5 a{font-size:20px; color:#0085cc;font-weight:700;margin-bottom:10px;}
.blog-items h5 a:hover{color:#000;}
.blog-items p{font-size:15px; color:#4b6268;margin-bottom:5px;font-weight:400;display:block}
.blog-items p.date-comment a{font-size:13px;color:#9c9c9c;padding:0px;font-weight:400; display:inline-block;background:none;padding:0px;float:none;margin:0px}
.blog-items p.date-comment a:hover{background:none;padding:0px; color:#000}
.blog-items p.date-comment a em{font-size:14px;margin-right:5px;}
.blog-items p span{font-size:13px;color:#9c9c9c;padding:0x;font-weight:400;display:inline-block;margin:0 15px 0 0 ;}
.blog-items p span em{font-size:14px;margin-right:5px;}
.blog-items p a:hover{color:#000;}
.blog-items>a{font-size: 13px;color: #FFF;font-weight: 700;text-transform: uppercase;background: #C70404;margin-top:10px;text-decoration: none;padding: 8px 20px;display:inline-block}
.blog-items>a:hover{background: #ABC943;color:#fff}

/*--------- 	 FAQS		 ---------*/

.feature-faqs {width: 100%;height: auto;float: left;}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {background: #0085cc url(../img/accordian-minus-arrow.png) no-repeat 97% 50%;box-shadow: none;color: #FFF;}
.accordion .accordion-navigation.active > a hover, .accordion dd.active > a:hover {background: #0085cc url(../img/accordian-minus-arrow.png) no-repeat 97% 50%;box-shadow: none;color: #FFF;}
.accordion .accordion-navigation > a, .accordion dd > a{box-shadow: inset 0px -10px 40px #F5F5F5;background: #FFF url(../img/accordian-plus1-arrow.png)no-repeat 97% 50%;color: #545F66;padding: 9px 20px;font-size: 20px;border: 1px solid #DFDFDF;
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover{box-shadow: inset 0px -10px 40px #F5F5F5;background: #FFF url(../img/accordian-plus1-arrow.png)no-repeat 97% 50%;color: #545F66;padding}

/*---------	  FORUM	 ---------*/

.feature-forum{width:100%; height:auto; float:left; margin-top:50px;padding-bottom:40px;  }
 .feature-forum .forum-name{width:50%; height:auto; float:left; padding:12px 0;}
 .feature-forum ul li .forum-name{ height:auto; float:left; background:url(../img/forum-name-icon.png) 0px 18px no-repeat;}
 .feature-forum .forum-title .forum-reply p{ color:#fff;line-height:25px;margin-top:0px  }
 .feature-forum .forum-topic{width:15%; height:auto; float:left; text-align:center; padding:12px 0}
 .feature-forum .forum-post{width:15%; height:auto; float:left; text-align:center;padding:12px 0;}
 .feature-forum .forum-title .forum-reply{padding:12px 0;}
  .feature-forum .forum-reply{width:14%; height:auto; float:left;text-align:left;padding:5px 0;}
 .feature-forum ul{width:100%; height:auto; float:left; margin:0px;}
 .feature-forum ul li{width:100%; height:auto; float:left; margin:0px;  padding:0px 15px; border:1px solid #dfdfdf; border-top:none;}
 .feature-forum ul li a{color:#2e4259; font-size:15px; font-weight:700;margin-left:30px;line-height:25px}
 .feature-forum ul li p a{color:#f7483b; font-size:14px;}
 .feature-forum ul li p{font-size:14px;font-weight:400;padding-top:0px ;line-height: 25px; color:#1b252b}
 .feature-forum ul li p span{color:#0085cc;}
 
 .feature-forum .forum-title{width:100%; height:auto; float:left; background:#1991d1; color:#ffffff; padding:0px 15px; border-top-right-radius:4px; border-top-left-radius:4px; border:1px solid #dfdfdf; border-bottom:none;}
 .feature-forum p{margin:0px; color:#fff; font-size:15px;font-weight:400; }
 .feature-forum .forum-reply p{ color:#b9b9b9;line-height:18px;margin-top:5px  }
 .feature-forum .forum-reply p span{color:#00a0c8}
 .frm-topic{ font-size:14px; color:#0085cc;font-weight:700; background:#ffffff url(../img/topic-but-bg.png) left 33px center no-repeat; border:2px solid #0085cc;  padding:11px 25px 11px 62px; }
 .feature-forum .forum-but{width:100%; height:auto; float:left; padding:0px 0px 22px 0px;}
 .feature-forum .forum-but a.button{ font-size:14px;min-width:183px ; margin-left:15px;border-radius:0; text-transform:none}
 .feature-forum .forum-but p{width:auto; height:auto; float:left; display:inline-block; font-weight:400;  margin:14px 0px 0px 0px; font-size:15px; color:#000;} 

/*--------- 	 MEDIA	 ---------*/

.feature-media {width: 100%;height: auto;float: left;padding-bottom:40px; border-bottom: 1px solid #eaead8; }
p.literature-container {font-size:15px; margin: 10px 0px; color:#686868;padding:0px;font-weight:400}
p.literature-container span.icon{margin: 0 5px 0 0;padding:0px}
p.literature-container span.name {margin: 0 3px 0 0;}
p.literature-container span.name a{text-decoration:underline;color:#0085cc;font-weight:400}

/*---------	  GALLERY	 ---------*/

table.photogalleryTable td { display:inline-block; float:left;}
table.photogalleryTable td img { border: 1px solid #c7c7c7; padding:5px;}
.feature-gallery{width:100%; float:left ;height:auto;}
.feature-gallery ul {width: 100%;height: auto;float: left;margin: 0px;}
.feature-gallery ul li {width: 31.6666%;height: auto;float: left;margin: 0px 2.5% 25px 0px;}
.feature-gallery ul li .gallery-img {width: 100%;height: auto;float: left;position:relative;padding:4px 3px;border: 1px solid #b8bbbd;border-radius: 4px;margin-bottom:8px}
.feature-gallery ul li:nth-child(3n+3){margin-right:0px}
.feature-gallery ul li .gallery-img a img {width: 100%;height: auto;float: left;border-radius: 4px; min-height:172px;max-height:172px}
.gallery-item {width: 40%;height: auto;float: left;position: absolute;bottom: 4px;left: 3px;background: rgba(15, 129, 193, 0.90);}
.gallery-item span{display:inline-block;margin-left:10px;}
.gallery-item span img{vertical-align:-2px}
.feature-gallery ul li a {font-size:20px; font-weight:700;text-transform:uppercase;color:#2e4259; text-align:center; display:block; }
.gallery-item  p{display:inline-block; margin:3px 0px 3px 12px ;color:#fff; font-size:20px;font-weight:700; line-height:35px}

/*---------		PAGINATION		---------*/

.pagination_navigation {width: 100%;float: left;margin: 0 auto;text-align: left;padding: 15px 0px;}
.pagination_navigation ul {width: auto;display: inline-block;margin: 0px;border-radius:0px;}
.pagination_navigation ul li{height:inherit;margin:0 4.5px; border-radius:0px;border:2px solid #1991D1;background:#fff;}
.pagination_navigation ul li a{padding:3px 11px ;font-size:15px;color:#1991D1; font-family: 'Open Sans', sans-serif;font-weight:700;border-radius:0px}
.pagination_navigation ul li.unavailable a{padding:3px 11px; color:#5e5e5e;}
.pagination_navigation ul li.current a{background:#1991D1;color:#fff}
.pagination_navigation ul li.arrow {border: none;}
.pagination_navigation ul li.arrow a em {font-size:15px ;margin:0 5px;}
.pagination_navigation ul li.arrow:hover a {background: none;}
/*---------		STOREE		---------*/

.feature-store{width:100%; float:left; height:auto;padding-top:25px;}
.feature-store .view-cart {width: auto;height: auto;float: right;}
.feature-store .view-cart p {font-size: 14px; font-weight:400;text-transform: uppercase;margin-bottom:15px; color:#4b6268;}
.feature-store .view-cart p a.button, a.cartSummaryLink{border-radius:5px;background:#C70404;font-size:15px; padding:8px 15px;min-width:inherit;color:#fff;text-transform:capitalize;margin-left:12px;}
.feature-store .view-cart a i{font-size:21px; color:#fff;}
.feature-store ul{width:auto; float:left;margin:0px; border-top:1px solid #e1e1e1; padding-top:20px;}
.feature-store ul li{width:44%;margin:1.5% 8px;background: #fff; float:left;padding:15px;border-radius: 5px;box-shadow:0px 0px 7px #dbdbdb;}
.feature-store.store ul li{width:23%;}
.feature-store.store ul.productLarge li{width:100%; padding:0;box-shadow:none}
.feature-store ul li .shop-images{width:100%; float:left;}
.feature-store ul li .shop-images img{width:100%;height:auto; }
.feature-store ul li .shop-description{width:100%; float:left; padding:20px 0 20px 0;}
.feature-store ul li .shop-description h2{margin-bottom:15px;}
.feature-store ul li .shop-description h2 a{font-size:21px ;width:100%; text-align:center;  color:#1d1f20; font-family: 'Open Sans', sans-serif;font-weight:300; display:block;}
.feature-store ul li .shop-description p{width:auto; font-family: 'Open Sans', sans-serif;margin:0px; line-height:50px}
.feature-store ul li .shop-description p.new-price{ font-size:30px; color:#3493d1;  font-weight:700;float:right;}
.feature-store ul li .shop-description p.old-price{font-size:17px; color:#a3bfc6;text-decoration: line-through;font-weight:400;float:left;}

/*---------	PRODUICT DETAIL	---------*/
.feature-poplet{width:100%; float:left;margin:20px 0; padding:37px 0;}

.product-detail{width:100%; float:left; height:auto; background:#f2f5f8; padding:37px 0}
.pro_detail_img{ border-radius:5px;padding:0px}
.pro_detail_img img{width:auto}
.pro_detail_des{padding:0 0 0 20px;}
.pro_detail_des h2{font-size:25px; color:#1d1f20;font-family: 'Open Sans', sans-serif;font-weight:700;text-transform:uppercase; margin-bottom:8px}
.pro_detail_des p{font-size:13px; color:#1d1f20;;font-family: 'Open Sans', sans-serif;font-weight:400;margin-bottom:5px;display:block}
.pro_detail_des p a{font-size:13px; color:#3493d1;}
.pro_detail_des p em{margin-right:10px;}
.pro_detail_des a{font-size:15px; color:#fff;margin-bottom:10px;}
.pro_detail_des a em{font-size:21px; color:#fff;margin-right:5px;}
.review-stars{width:auto ;display:block; margin:10px 0}
.product-price p.new-price{ font-size:30px; color:#3493d1; width:auto; font-family: 'Open Sans', sans-serif;margin:0px 20px 0 0 !important; line-height:45px; font-weight:700;display:inline-block}
.product-price p.old-price{font-size:17px; color:#a3bfc6;width:auto; font-family: 'Open Sans', sans-serif;margin:0px !important; line-height:45px;text-decoration: line-through;font-weight:400;display:inline-block}

.product-price{width:100%; float:left;}
.select-handover{width:100%;  margin-top:10px; max-width:275px ;display:block}
.select-quantity{width:100%;margin-top:10px; max-width:125px ;display:block}
.select-handover select, .select-quantity select{margin-bottom:0px;}
.feature-poplet .pro_detail_img img {width: 100%;}
.feature-poplet .pro_detail_des h6 {font-size:15px; color:#000; margin-bottom:5px}
.pro_detail_des a.button{margin-top:15px;padding:15px 20px}
.feature-poplet .pro_detail_des select {color: #1b252b;}
.store_poplet {width:100%; float:left; margin:15px 0}
.store_poplet ul{width:100%; float:left; margin:0px}
.store_poplet ul li{width:16.8%; float:left;margin: 0 2%; margin-bottom:10px;}
.store_poplet ul li.active{ border:3px solid #f7483b; border-radius:4px;}
.store_poplet ul li:first-child{margin-left:0px}
.store_poplet ul li:last-child{margin-right:0px}

.button-scheme{width:100%; height:auto; float:left; padding:20px 0px 20px 0px;}
.button-class{width:100%; height:auto; float:left;}
.button-class ul{width:100%; height:auto; float:left; margin:0px;}
.button-class ul li{width:25%; height:auto; float:left;margin-bottom:15px}
table.cartSummaryTable {border:none;}
table.cartSummaryTable td {padding:0; color: #4b6268;    font-size: 14px;    font-weight: 400;    margin-bottom: 15px;    text-transform: uppercase;}

select {background-color: #FFF;background-image: url(../img/arrow-select-down.png);background-position: 95% center;background-repeat: no-repeat;border:1px solid  #c5c5c5;padding: 0 5px;font-size: 15px; font-family: 'Open Sans', sans-serif;font-weight:400; color: #1b252b;line-height: normal;height: 46px;margin-bottom: 15px;}
.productitemcell {overflow:visible}
.cart-image {max-width:75px;}
/*==========	ABOUT PAGE	==========*/

.our-services{width:100%; float:left; margin:0px;}
.Service_Box {width:100%; float:left;margin-bottom:26px;border:1px solid #d7d7d7; border-radius:5px;padding:25px 0px;}
.Service_Box .team-description{padding-top:12px;padding-left:0px}
.service-imges{padding:0px 25px 0 15px}
.service-description{padding:15px 12px}
.service-imges figure{width:100%;height:100%; float:left;padding:5px }
.service-imges figure.hovimg { border-radius: 0% !important;}
.service-imges figure img{width:100%}
.service-description h3{font-size:35px ;color:#0085cc; font-family: 'Open Sans', sans-serif;font-weight:700; display:inline-block; line-height:36px;margin-bottom:12px}
.service-description  h3 a{font-size: 25px; color: #000000; font-weight: 700; display: inline-block;}
.service-description a:hover{color:#C70404}
.service-description a.button{font-size:16px; margin-top:15px;padding:10px 15px; border-radius: 3px;}

/*==========	ONE COLUMN PAGE	==========*/

.one-column figure {width:100%; float:left;padding:9px; border:1px solid #d8d8d8;margin-bottom:25px;}
.one-column figure img {width:100%; }
.list_style{list-style: none;margin:0px 0 20px 0}
.list_style li{background: url(../img/bullet_item.png) 0 9px no-repeat;	padding: 0 0 0 25px;margin: 5px 0;line-height:25px;}
.list_style_num{margin:0px 0 20px 20px}
.list_style_num li{list-style:decimal;line-height:25px;margin:5px 0}

/*==========	TOW COLUMN PAGE	==========*/
.side_panel{ float:right;}
.side_menu{width:100%; float:left;padding:21px 23px; border:1px solid #ebebeb}
.side_menu h2{font-size:25px;color:#000000;font-family: 'Open Sans', sans-serif;font-weight:700;border-bottom:1px solid #ebebeb;margin:0px;padding-bottom:15px;}
.side_menu ul{width:100%; float:left; margin:0px;padding-top:13px}
.side_menu ul li{width:100%; float:left;line-height:25px ;margin:5px 0; }
.side_menu ul li a{font-size:15px; color:#000000;font-family: 'Open Sans', sans-serif;font-weight:400;}
.side_menu ul li:hover a,.side_menu ul li.selected a{color:#0085cc;}

.touch_content{width:100%; float:left;background:#C70404;border:1px solid #ebebeb; padding:21px 23px;margin-top:25px;}
.touch_content h2{font-size:25px;color:#fff;font-family: 'Open Sans', sans-serif;font-weight:700;border-bottom:1px solid #ebebeb;margin:0px;padding-bottom:15px;margin-bottom:13px;}
.touch_content p{color:#fff; line-height:22px;}

.touch_content form{width:100%; float:left}
.touch_content form input{width:100%;display:inline-block;font-size:15px;font-family: 'Open Sans', sans-serif; height:inherit;line-height:20px;border:none;border-bottom:1px solid #70881c;border-radius:5px;}
.touch_content form input[type="text"]{color:#959595;font-weight:400;;padding:10px 20px; margin-bottom:10px !important;}
input[type="text"]:focus{background:#fff;}
.touch_content form textarea{width:100%;display:inline-block;font-size:15px; color:#959595;font-family: 'Open Sans', sans-serif;font-weight:400;height:123px;padding:10px 20px;line-height:20px;border:none;border-bottom:1px solid #70881c;border-radius:5px;}
.touch_content form fieldset{margin:0px ;padding:0px ;border:0px}
.touch_content form input[type="checkbox"]{width:15px;height:15px;margin:0px;border-radius:4px;margin: 2px 10px 0px 0px; float:left}
.touch_content form label{font-size:13px;color:#dfe9be;font-family: 'Open Sans', sans-serif;font-weight:700;vertical-align:3px}
.touch_content form input[type="submit"]{ color:#0085cc;font-weight:700;padding:10px 20px;background:#fff;box-shadow:inset 0px -40px 0px #E7F3FA;text-transform:uppercase;margin-top:13px}

.two-column figure {width:100%; float:left;padding:9px; border:1px solid #d8d8d8;margin-bottom:25px;}
.two-column figure img {width:100%; }
.quote-content{float:left;background:#e9f7ff;padding: 40px 70px;border-left: 18px solid #87d1f9;margin: 30px 0;}
.quote-content p{ font-size:15px; color:#7d7d7d;font-family: 'Open Sans', sans-serif;font-weight:400;font-style:italic;margin-bottom:0px  }
.quote-content p:before{ content:''; display:block;display: inline-block; width: 45px; height: 34px;margin-left: -46px;background:url(../img/quotes-img.png) no-repeat 0px 0px;}

/*==========	CONTACT PAGE	==========*/

.cat_dropdown_smaller {  width: 100%; margin-bottom: 0px;}
.form label, .webform label { font-size: 16px; margin-bottom: 5px;}
.map { border: 1px solid #d2d2d2;  text-align: center;  padding: 5px 5px 0px 5px;  width: 100%;  float: left; margin-bottom: 15px;}
.map iframe { width: 100%;   height: 320px;}
.form label, .webform input[type="text"] { background-color: #FFF;  border: 1px solid #c5c5c5;  padding: 0 5px; font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #1b252b; line-height: normal; height: 46px; box-shadow: none; margin-bottom: 0px;}
.form label, .webform input:hover, .form label {background-color: #f3f3f3; border-color: #999999;}
.form label, .webform textarea.cat_listbox { background-color: #FFF;  border: 1px solid #c5c5c5;  padding: 0 5px; font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #1b252b; line-height: normal; height: 138px; box-shadow: none; margin-bottom: 0px; width: 100%;}
.form label, .webform textarea.cat_listbox:hover {background-color: #f3f3f3; border-color: #999999;}


/*========       Projects     ===========*/

.project-image img{border: 1px solid #c7c7c7;padding: 5px;margin-bottom: 20px;}
.project-imageset img {border: 1px solid #c7c7c7;padding: 5px;}

.services-aside {background-color: #f0f0f0;	padding: 10px;}

.services-aside p, .services-aside ul li {font-size: 14px;}

.home-services {padding: 45px 0 45px 0;}
.home-services h2 {  color: #000; text-align: center; font-weight: 500;  background: url(../img/line.png) no-repeat bottom center; margin-bottom: 30px; padding-bottom: 20px;
}
.home-service-box {margin-bottom:20px;}
.home-service-box .service-description a.button {margin-top:0px;}

/*==========================================================
====================     Responsive     ====================
==========================================================*/

@media (max-width: 1279px) {
.orbit-caption{top:30px}
.orbit-caption h1{font-size:40px; padding:0 41px;line-height:45px;margin-bottom:20px}
.orbit-caption p{font-size:14px;}
.slider ul li .orbit-caption a{font-size:16px;margin-top:5px}
.main-about-slider{background-size:cover;}
.about-our-team{width:65%;}
.profesional{width:35%;}
.main-about-slider .about-our-team p{font-size:18px;margin-bottom:0px}
.top-bar-section ul li a { padding: 0px 15px !important;}
.main-about-slider .slick-dots {left: 43%;}
}
@media (max-width: 1024px) {
.featured_services h1,.main-about-slider h1{font-size:35px;}
.main-about-slider .about-our-team p{padding: 15px 25px 0 15px;}
.profesional .employee-image{width:35%;height:auto;}
.banner img{height:inherit;min-height:140px}
.banner-content{top:15px;}
.banner-content h1{font-size:40px;margin-bottom:5px}
.banner-content p{font-size:20px;line-height:22px ;margin-top:10px;}
.top-bar-section ul li a { padding: 0px 10px !important;}
.main-about-slider .slick-dots {left: 40%;}
p.tagline {display:none;}


.banner-container .grad {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#201d1d+10,201d1d+90&1+10,0+20,0+80,1+90 */
background: -moz-linear-gradient(left,  rgba(32,29,29,1) 10%, rgba(32,29,29,0) 20%, rgba(32,29,29,0) 80%, rgba(32,29,29,1) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(32,29,29,1) 10%,rgba(32,29,29,0) 20%,rgba(32,29,29,0) 80%,rgba(32,29,29,1) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(32,29,29,1) 10%,rgba(32,29,29,0) 20%,rgba(32,29,29,0) 80%,rgba(32,29,29,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#201d1d', endColorstr='#201d1d',GradientType=1 ); /* IE6-9 */

}


}
	
@media  (max-width: 991px) {
.profesional .employee-details{padding-top:15px;}
h1.logo{width:285px;}
.button-class ul li{width:50%}
.side_panel{width:100%; float:none; margin:0 auto; display:block;margin-bottom:25px;}
.content_panel{width:100%;}
.touch_content{margin-bottom:25px;}
.feature-store.store ul li {width: 47%;}
.main-about-slider .slick-dots {left: 40%;}
.contact.side-panel
}


@media (max-width: 940px) {
.profesional .employee-image {width: 100%;height: auto;max-width: 95px;margin: 0 auto;display: block;float: none;}
.profesional .employee-details{width:100%; margin:0;text-align:center;max-width:inherit}
.profesional .employee-details h6,.profesional .employee-details p{text-align:center;margin-bottom:0px}
.main-about-slider{padding:25px 0 45px 0}
.top-bar-section li:not(.has-form) a:not(.button){padding:0 15px !important}	
.orbit-caption .row{max-width:560px;}	
.orbit-caption h1{font-size:32px;line-height:35px;padding:0 ;margin-bottom:10px}
.top-bar-section ul{margin:0px}
.utility_navigation{margin-bottom:25px;}
.service_Box .service-description{padding:10px;}
.team-description .team-title h3 a{font-size:20px}
.banner-content{top:10px; padding:0 8%}
.features_content_area{margin-right:0px}
.feature-forum .forum-name{width:40%}
.feature-forum .forum-reply{width:30%}
.main-about-slider .slick-dots {left: 39%;}

}
@media (max-width: 767px) {
.top-bar-section{width:100%; float:left}
.top-bar-section ul li{padding:25px 0}
.top-bar-section ul li ul.dropdown{top:68px}
.utility_menu ul li a,.hotline span a{font-size:12px;}
.utility_menu ul{margin-left:5px}
.search-form{margin-left:10px;}
.search-form form{width:125px;}
.hotline em{font-size:26px;}
h1.logo{width:200px}	
.orbit-caption p{margin-bottom:5px}
.main-content{padding:35px 0}
.service-description p,.service-description p span{font-size:14px;line-height:22px}	
.service-description a.button{font-size:16px;}
.service-description h3{margin-bottom:0px}
.service-description h3 a{font-size:22px;}
.Service_Box{padding:15px 0}
.feature_con, {width:100%; float:none; margin:0 auto; display:block;margin-bottom:25px;max-width:360px;}
.content_area{width:100%;}
.main-about-slider .slick-dots {left: 37%;}

.banner-container .grad {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#201d1d+0,201d1d+99&1+0,0+20,0+80,1+100 */
background: -moz-linear-gradient(left,  rgba(32,29,29,1) 0%, rgba(32,29,29,0) 20%, rgba(32,29,29,0) 80%, rgba(32,29,29,0.95) 99%, rgba(32,29,29,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(32,29,29,1) 0%,rgba(32,29,29,0) 20%,rgba(32,29,29,0) 80%,rgba(32,29,29,0.95) 99%,rgba(32,29,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(32,29,29,1) 0%,rgba(32,29,29,0) 20%,rgba(32,29,29,0) 80%,rgba(32,29,29,0.95) 99%,rgba(32,29,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#201d1d', endColorstr='#201d1d',GradientType=1 ); /* IE6-9 */
	
}

}
@media (max-width: 641px) {
h1.logo { margin-top: -35px;}
.top-bar {height: 55px;}
.hotline { display: none;}
.top-bar .toggle-topbar.menu-icon a span::after{top: 50%;margin-top: -7px;right: 10px;box-shadow: 0 0px 0 2px #C70404, 0 7px 0 2px #C70404, 0 14px 0 2px #C70404;}	
.top-bar .toggle-topbar.menu-icon a{border:2px solid #C70404;padding:0 21px 0 15px}	
.top-bar.expanded .title-area{background:none;}
.top-bar-section ul{width:100%;}
.top-bar-section ul li{padding:10px 0; }
.top-bar-section ul li a{border-left:none; }
.top-bar-section ul li:hover:after, .top-bar-section ul li.selected:after{display:none;}
.top-bar-section .has-dropdown.moved{position:static !important}
.utility_navigation{margin-bottom:5px;}
.top-bar-section ul li ul.dropdown{top:1px;padding:0px}
.top-bar-section ul li ul.dropdown li h5 a{color: #2B2B2B !important;}
.top-bar-section ul li ul.dropdown li:hover h5 a{color: #fff !important;}
.top-bar-section ul li ul li {width:100%;}
.top-bar-section ul li ul li:first-child{border-bottom:1px solid #C70404;}
.top-bar-section ul li.has-dropdown.not-click {background: url(../img/sub-menu-arrow.png) no-repeat 99% 7px;}
.orbit-caption p{display:none;}
.feature-detels { max-width: 400px; float:none; margin: 0 auto 30px;}
.service-effect .service-overlay{display:none !important;}
.feature-detels .columns{margin-bottom:15px;}	
.about-our-team{width:100%;}
.profesional{width:320px;float:right;margin-top:15px;}
.profesional .employee-image {width: 90px;height: 90px;max-width:inherit;margin: 0 auto;display: block;float:left;margin-left:10px}
.profesional .employee-details{width:190px; margin:0 0 0 15px;text-align:left;max-width:inherit;float:left;margin-right:10px}
.profesional .employee-details h6,.profesional .employee-details p{text-align:left;margin-bottom:0px}
.main-about-slider .about-our-team p{width:93%;font-size:16px; padding:5px 10px 0 3px;line-height:22px}
.main-about-slider .about-our-team img{width:4%; margin:0 1.5%}
.service-image img{width:100%}
.banner-content{padding:0 12px;}
.team_member{margin-bottom:25px}
.service-imges figure{padding:5px}
.Service_Box .service-imges{width:100%; margin:0 auto; padding:0px;display:block; max-width:135px; float:none}
.service_Box .service-description p {min-height: 0;}
.pro_detail_des{padding:0px}
.quote-content{padding:25px 20px 25px 52px;}
.main-about-slider .slick-dots {left: 35%;}
footer .copyright .left, footer .copyright .right { text-align:center !important; float:none !important;}

}
@media(max-width: 567px){
.slider .slick-prev, .slider .slick-next{display:none !important;}
.orbit-caption h1{font-size:24px;}
.search-form {margin-left: 0;position: absolute;top: 48px;right: 70px;}
.hotline{margin-top:25px}
.footer_menu ,.social_icons{width:100%; text-align:center;margin-bottom:20px;}
.footer_menu ul,.social_icons ul{float:none; margin:0 auto; display:inline-block}
footer .columns{margin-bottom:0px}
.team-title .social_icons{width:auto; float:right;}
.banner-content h1,.page_title h1{font-size:30px;}
.banner-content p{font-size:14px;}
.team_member .team-imges {width:100%; margin:0 auto; padding:0px;display:block; max-width:125px; float:none}
.team_member .team-description{width:100%;padding:15px;}
.team-detail .team_member{border:1px solid #D7D7D7;padding:15px 10px}
.feature-forum .forum-but a.frm-topic{margin-top:0px;}
.feature-forum .forum-but p{width:100%; margin:14px 0}
.event-items h5 a{font-size:18px;}
.event-items .event-item-content{padding:20px 15px}
.feature-gallery ul li{width:48%;margin:12px 1% }
.feature-gallery ul li:nth-child(3n+3){margin:12px 1%}
.feature-store ul li .shop-description h2 a{font-size:20px}
.main-about-slider .slick-dots {left: 33%;}
}
@media(max-width: 479px){
.orbit-caption{top:20px;}
.search-form, .hotline, .breadcrumbs{display:none;}
.featured_services h1, .main-about-slider h1, .main-events h1, .page_title h1{font-size:24px;}
.featured_services, .main-events, main-content{padding:25px 0}
.event-view .event-image, .event-view .event-dec{width:100%; padding:5px 15px;}
.main-about-slider{overflow:hidden}
.service-description h3 a,.pro_detail_des h2{font-size:18px}
.frm-topic{padding:10px 20px 11px 34px;background-position:10px 50%}
.feature-forum .forum-but a.button{min-width:150px}
.feature-forum ul li a, .feature-forum ul li p{font-size:12px}
.feature-forum p{font-size:14px}
.feature-forum .forum-name, .feature-forum .forum-title .forum-reply{padding:10px 0}
.news-items .news-image{width:100%;}
.news-items .news-image img{width:100%;}
.news-items .news-dec{width:100%;padding:15px 0}
.news-items h5 a,.blog-items h5 a,.accordion .accordion-navigation > a, .accordion dd > a{font-size:16px;}
.feature-gallery ul li{width:100%;margin:12px 0px }
.feature-store ul li, .feature-store.store ul li{width:98% ;margin:12px 1%}
.feature-gallery ul li:nth-child(3n+3){margin:12px 0px}
.button-class ul li{width:100%}
h1{font-size:24px}
h2{font-size:20px}
h3{font-size:19px}
h4{font-size:18px}
h5{font-size:17px}
h6{font-size:16px}
.banner-content h1, .page_title h1 {font-size: 24px;}
.banner-content p { display: none;}
.banner img { height: auto; min-height: 70px;}
 h1.logo{top:38px;}

}
	
		
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fefefe;
height: 100%;
z-index: 9999;
overflow: hidden;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image:url(../img/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
z-index: 9999;
} 
.utility_menu .uty0, .utility_menu .uty1 {
	display: none
}	

table tr.even, table tr.alt, table tr:nth-of-type(even){ background:none}
.faq-question h4 a {
color: #FFF;
margin: 0px;
}
.faq-question a {
color: #545f66;
width: 100%;
display: block;
font-size: 20px;
border: 1px solid #dfdfdf;
background: #0085cc  url(../img/accordian-plus-arrow.png) right 17px center no-repeat;
border: 1px solid #dfdfdf;
margin-bottom: 1px;
padding: 10px;
}
.faq-question a.active {
background: #0085cc  url(../img/accordian-minus-arrow.png) right 17px center no-repeat;
color: #FFF;
}
.answer a {
background: none;
box-shadow: none;
border: none;
font-size: 14px;
padding-left: 0px;
color: #0085cc !important;
}
.blog-image img{ width:100%;}
.side-panel h4 {
width: 100%;
height: auto;
float: left;
background: #0085cc;
color: #fff;
margin: 0px;
font-size: 17px;
padding: 14px 30px;
text-transform: uppercase;
font-weight: 700;
border: 1px solid #ececec;
border-bottom: none;
border-radius: 5px 5px 0px 0px;
}
.side-panel ul {
width: 100%;
height: auto;
float: left;
margin: 0 0 30px;
background: #fff;
border: 1px solid #ececec;
border-top: none;
border-radius: 0px 0px 5px 5px;
}
.side-panel ul li {
width: 100%;
height: auto;
float: left;
border-bottom: 1px solid #ececec;
position: relative;
    margin:0;
    padding:0;
}
.side-panel ul li a {
width: 100%;
height: auto;
float: left;
color: #000000;
font-size: 16px;
    line-height:21px;
padding: 10px 30px;
font-weight: 700;
}
.side-panel { margin-top:33px;}
#photogalleryTable img {
width: 100%;
height: auto;
float: left;
position: relative;
border: 1px solid #c2c2c2;
padding: 3px;
border-radius: 3px;
margin-bottom: 8px;
}
#photogalleryTable .medium-6 {
width: 30%;
height: auto;
float: left;
margin: 0px 20px 12px 0px;
}

/*------------ MAKE BC GALLERIES RESPONSIVE ---------*/

#outerImageContainer {
    max-width: 90%;
    overflow: hidden;
    height: auto !important;
	font-size:0!important; 
}

#imageDataContainer {
    max-width: 90%;
    overflow: hidden;
}

#lightboxImage {
    max-width: 100%;
}

/*------------ Magnific Popup Styles ----------------*/

/* This removes the arrow style from the li */
.gallery-container li:before {content:'';}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before,
  .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }