/*************************************
       UI Developer
*************************************/

/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700);
/ * font-family: sans-serif; */
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic);
/ * font-family: 'Lato'; */

body { background:#fff; color:#777; font-size:13px; font-family: 'Open Sans', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight:600; color:#444; }
h1, .h1 { font-size:36px; }
h2, .h2 { font-size:28px; }
h3, .h3 { font-size:22px; }
h4, .h4 { font-size:16px; }
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size:0.85em; }

.container { max-width:1470px; }
a:hover, a:focus { text-decoration:none; outline:0; }
.btns { display:inline-block; padding:15px 25px; -webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px; background:#000; font-size:14px; letter-spacing:1px; }
.btns, .footer-mid a { -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; }
.btn-red { background:rgba(255, 101, 2, 0.75); color:#fff; border:#ff6502 solid 1px; }
.btn-red:hover { background:rgba(255, 101, 2, 0.9); }
.btn-transprent { background:rgba(255,255,255,0.5); color:#000; border:rgba(255,255,255,0.5) solid 1px; }
.btn-transprent:hover { background:rgba(255,255,255,0.8); }
.full-img { width:100%; }
small, h6, .h6, .italic-title, .time { font-family: Gabriola; }
/*   */
#site { position:relative; z-index:2; background:#fff; }
#site-header { position:fixed; width:100%; top:0; z-index:99; padding:15px 0; }
#logo { float:left; }
#site-header , #logo img { -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.fixed-header #site-header { padding:5px 0; }
.fixed-header #logo img { height:70px; }
.fixed-header #site-header { background:rgba(255,255,255,0.95); box-shadow:0 1px 1px #ccc; }

a.user-login, a.search-icon { color:#ff6502; }
.menus { margin-bottom:0; padding-left:0; }
.menus li { list-style:none; }
.menus a { color:#fff; }
.fixed-header .menus a  { color:#222; }

#banner { position:relative; overflow:hidden; max-height:700px; }
#banner:before, .banner-bottom:before { position:absolute; width:100%; height:100%; content:''; display:block; z-index:0; }
#banner:before { top:0; background:rgba(0,0,0,0.5); }
.banner-bottom { background:#fff; height:110px; z-index:1; bottom: -50px; -webkit-transform: rotateZ(-4deg);-moz-transform: rotateZ(-4deg);-ms-transform: rotateZ(-4deg);transform: rotateZ(-4deg); left: -4%; width: 110%; position:absolute; }
.banner-bottom:before { left: -4%; top: -10px; width: 110%; height:15px; background:rgba(255,255,255,0.5); }

.banner-text { position:absolute; top:32%; width:90%; left:5%; text-align:center; color:#fff; text-transform:uppercase; }
.banner-text { font-size:25px; font-weight:normal; }
.banner-text h2 { font-size:32px; margin-top:0; margin-bottom:20px; color:#fff; }
.banner-text small { font-family: 'Open Sans', sans-serif; }
.banner-btn .btns { margin: 0 8px; }

.benefits { text-align:center; max-width:370px; margin:auto; margin-top:25px; margin-bottom:10px; }
.benefits {  }
.benefits-icon { background:#ff6502; color:#fff; height:120px; line-height:100px; width:120px; margin:auto; border:#f5f5f5 solid 10px; text-align:center; font-size:44px; }
.benefits h3 { font-size:16px; font-weight:600; padding-bottom:25px; position:relative; color:#333; max-width:300px; margin:20px auto 15px; }
.benefits h3:before, .benefits h3:after { content:''; position:absolute; height:3px; width:50px; left:50%; background:#ff6502; margin-left:1px; bottom:5px; }
.benefits h3:before { background:#8dc442; margin-left:-51px; }

#ourcount, #testmonial { position:relative; overflow:hidden; background:url(../img/bg1.jpg) center center no-repeat; background-size:cover; }
#ourcount:before, .ourcount-top:before, .ourcount-bottom:before, #testmonial:before { content:''; position:absolute; height:100%; width:100%; background:rgba(0,0,0,0.72); }
.ourcount-top, .ourcount-bottom {  background:#fff; height:110px; z-index:1; -webkit-transform: rotateZ(4deg);-moz-transform: rotateZ(4deg);-ms-transform: rotateZ(4deg);transform: rotateZ(4deg); margin-left: -4%; width: 110%; }
.ourcount-top { margin-top:-50px; }
.ourcount-top:before { left: -4%; bottom: -10px; width: 110%; height:15px; background:rgba(255,255,255,0.5); }
.ourcount-bottom { margin-bottom: -50px; }
.ourcount-bottom:before { left: -4%; top: -10px; width: 110%; height:15px; background:rgba(255,255,255,0.5); }
.ourcounts { text-align:center; font-size:14px; color:#fff; margin:70px auto; }
.ourcounts i { font-size:30px;  }
.ourcounts h3 { font-size:36px; letter-spacing:1px; color:#fff; }

.features { padding-left:100px; position:relative; min-height:80px; }
.features i { width:75px; height:75px; display:block; position:absolute; background:#fff; border:#eff2f7 solid 8px; top:50%; left:10px; -webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%); transform: translate(0, -50%); text-align:center; line-height:60px; font-size:22px; }
.features h3 { margin-bottom:5px; }
.features small { font-size: 21px; line-height: 1em; }
.features p { padding-top:5px; margin-bottom:0; }

#testmonial { background-image:url(../img/bg2.jpg); }
#testmonial .ourcount-top, #testmonial .ourcount-bottom {  -webkit-transform: rotateZ(-4deg); transform: rotateZ(-4deg); -moz-transform: rotateZ(-4deg); -ms-transform: rotateZ(-4deg); }
.testmonials { position:relative; padding:70px 0;  }
.testmonials img { border:rgba(255,255,255,0.4) solid 10px; width:220px; display:inline-block; }
.testmonials-txt { display:inline-block; vertical-align:middle; padding-left:40px; color:#fff; font-size:17px; width:75%; }
.testmonials-txt h4 { font-size:24px; font-weight:400;  margin-top:15px; color:#fff; }
.testmonials-txt small { color:#fff; font-size:.7em; line-height:1.35em; font-family:Gabriola; }

#truest-client { padding:15px 0; }
#Gabriola small { font-family: Gabriola; }
.truest-client ul { margin:0; padding:0; list-style:none; }
.truest-client li { display:block; padding:5px 15px; vertical-align:middle; float:left; }
.truest-client li img { max-height:70px; }

#site-footer { background:#111; color:#aaa; width:100%;}
.footer-top { background:#22270f; padding:15px 0; }
.footer-top h6 { font-size:24px; color:#fff; font-weight:400; }
.social-share a { width:56px; height:56px; display:inline-block; font-size:22px; line-height:56px; color:rgba(255,255,255,0.8); border:rgba(255,255,255,0.8) solid 2px; -webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%; margin:5px 10px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; }
.social-share a:hover { color:#fff; }
.social-share a.twi:hover { background-color:#01bbf6; border-color:#01bbf6; }
.social-share a.fb:hover { background-color:#3b5999; border-color:#3b5999; }
.social-share a.ln:hover { background-color:#1385c4; border-color:#1385c4; }
.social-share a.gpl:hover { background-color:#FF0101; border-color:#FF0101; }
.footer-mid { padding-top:5px; }
.footer-mid h3 { color:#ddd; font-size:20px; font-weight:400; position:relative; padding-bottom:15px; }
.footer-mid h3:before { content:''; position:absolute; width:35px; height:3px; left:0; bottom:0; background:#8dc442;  }
.footer-mid ul { padding-left:0; list-style:none; }
.footer-mid a { color:#aaa; display:block; border-bottom:#666 dotted 1px; padding:4px 0; }
.footer-mid a:hover { color:#DC6416; }
.footer-mid address { margin-bottom:12px; padding-left:20px; position:relative; }
.footer-mid address i { position:absolute; left:0; top:2px; } 
.newsletter-subsc { padding-top:7px; }
.newsletter-subsc input { background-color:transparent; border:0; outline:0; }
.newsletter-subsc input[type="email"] { border-bottom:#777 dotted 1px; width:100%; height:32px; line-height:32px; }
.btn-subsc { position:absolute; right:10px; bottom:3px; text-transform:uppercase; }
.copyright { padding:20px 0; font-size:12px; color:#777; border-top:#333 solid 1px; margin-top:20px; }

/*   Contact Page */
.inner-banner { max-height:400px !important; }
.inner-banner img { width:100%; }
.inner-banner h1 { margin-bottom:0; color:#fff; }
.inner-banner small { text-transform:none; font-weight:normal; }
.contact-us address { padding-left:35px; position:relative; font-size:17px; border-bottom:#ddd dotted 1px; padding-bottom:15px; margin-bottom:15px; }
.contact-us address i { font-size:17px; position:absolute; left:5px; top:5px; }
.contact-us h2 { margin-bottom:30px; margin-top:10px; font-size:23px; position:relative; }
.contact-us h2:before { content: ''; width: 45px; height: 4px; background: #8FBE41; position: absolute; bottom: -12px; }
.input-txt { background:none; outline:0; border:0; box-shadow:none; border-bottom:#ddd dotted 1px; width:100%; line-height:36px; font-size:15px; margin-bottom:12px; }
textarea.input-txt { resize:none; height:100px; line-height:normal; }
.btns-default { border:0; padding:10px 15px; font-size:16px; color:#fff; background: #FA1A1D;}

.social-contact { text-align:center; padding-top:60px; padding-bottom:60px; }
.social-contact a { display:inline-block; width:25%; max-width:170px;  text-transform:uppercase; color:#fff; padding:12px 0; margin-left: -2px; margin-right: -2px; text-decoration:none; }
.fb-ic { background:#3c66c4; }
.fb-ic:hover { background:#30529d; }
.tw-ic { background:#33ccff; }
.tw-ic:hover { background:deepskyblue; }
.gl-ic { background:#cf4332; }
.gl-ic:hover { background:#a73527; }
.ln-ic { background:#0086b6; }
.ln-ic:hover { background:#006083; }
.contact-map { background:#fafafa; min-height:350px; }

/*   About Us  */
.About-us h2 { margin-top:0; }
.About-us h3 { margin-bottom:25px;  }
.about-img { overflow: hidden; }

.about-img img { max-width: 100%; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; opacity:0.6; }
.about-img:hover img {  -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); cursor:pointer; opacity:1; }
.about-content { padding-bottom:15px; margin-bottom:10px; }
.about-content h4 { position:relative; padding-bottom:20px; padding-top:15px; }
.about-content h4:before { content: ''; width: 25px; height: 3px; background:rgb(141, 195, 66); position: absolute; bottom: 5px; }
.about-timeline { position:relative; margin-top:25px; padding-top:5px; padding-bottom:45px; overflow:hidden; margin-bottom:35px; }
.about-timeline:before { content: ''; width: 1px; background:#ececec; position: absolute; height:100%; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.about-timeline img{ margin-bottom:8px; }
.about-timeline > div { position:relative; width:50%; }
.about-timeline-left { float:left; text-align:right; padding-right:35px; margin-right:5px; }
.about-timeline-right { float:right; text-align:left; padding-left:35px; }
.about-timeline h5 { font-size:16px; margin-top:4px; }
.timeline-month { font-size: 12px; color: #D31D29; }
.about-timeline-left:before, .about-timeline-right:before, .about-timeline:after { content: ''; position:absolute; width: 25px; height: 25px; background: #fff; border: 5px solid #eeeef2; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 2px #cacddc; -moz-box-shadow: inset 0px 0px 0px 2px #cacddc; box-shadow: inset 0px 0px 0px 2px #cacddc; }
.about-timeline-left:before { right:-12px; }
.about-timeline-right:before { width:30px; height:30px; }
.about-timeline-right:before { left:-14px; }
.about-timeline:after { content:'+'; width:40px; height:40px; text-align:center; bottom: 0; font-size: 20px; line-height: 32px; font-weight: bold; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.about-timeline:hover:after{ cursor:pointer; text-align: center; }

/*   Adv  */
.adver-outer { cursor:pointer; text-align:center; padding:15px 0; }
.adver-icon, .adver-icon span, .adver-icon:after, .service-icon { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor:pointer; }
.adver-icon { margin: 0 auto 35px; width: 170px; max-width: 100%; background: #eff2f7; padding: 25px 0; position: relative;  }
.adver-icon span { display: inline-block; width: 88px; height: 88px; line-height: 88px; border: 1px solid #fff; font-size: 32px; color: #A0A0A0; background: #fff; }
.adver-icon:after { content: ""; border: 15px solid transparent; border-top: 15px solid #eff2f7; display: block; position: absolute; top: 100%; left: 50%; margin-left: -15px; }
.adver-outer.active-adv .adver-icon, .adver-outer:hover .adver-icon,
.adver-outer.active-adv .adver-icon span, .adver-outer:hover .adver-icon span { background: #FF8100; color:#fff; }
#adver-content { font-size: 1.35rem; line-height:1.8em; margin:25px 0 45px; clear:both; }
#adver-content img {  max-width:100%; margin-top:15px; }
.adver-outer.active-adv .adver-icon:after, .adver-outer:hover .adver-icon:after { border-top-color:#FF8100; }
.adver-outer h5 { text-transform:uppercase; }
.italic-title { font-size:22px; color:#777; font-weight:normal; }

.services, .twitters { background:url(../img/section-9.jpg) center no-repeat; background-size:cover; position:relative; padding-top:25px; padding-bottom:25px; }
.services:before, .twitters:before {  content: ""; display: block; position: absolute; top:0; left:0; width:100%; height:100%;background:rgba(0,0,0,0.6); }
.service-item { font-size:14px; margin-top:15px; padding-bottom:15px; color: #bbb; }
.service-icon { width:75px; height:75px; text-align:center; line-height:65px; color:#999; border:#ff6400 solid 5px; font-size:18px; cursor:pointer; border-color:#fff; background:#ff6400; color:#fff; }
.service-icon:hover { border-color:#ff6400; background:#fff; color:#ff6400; }
.service-item h5 { text-transform:uppercase; color:#fff; }

/*   Publice  */
.advertiser small { font-size: 22px; padding-top: 10px; display: inline-block; }
.advertiser .col-md-4 { padding-top:15px; padding-bottom:10px; }
.twitters { text-align:center; color:#fff; }
.twitter-under { max-width:90%; margin:auto; }
.twitter-icon .fa { font-size:35px; color:#8DC342; }
.twitters .container { position:relative; z-index:9; font-size:14px; }
#twiter { padding-left:0; margin-bottom:0; list-style:none; }
#twiter li { text-align:center; float:left; }
.twitters h5 { text-transform:uppercase; color:#eee; font-size:1.2em; }
.time { color:#aaa; font-size:24px; }

.serve-signup-outer { background:#82C338; padding:25px 0; }
.serve-signup { max-width:900px; margin:auto; }
.serve-signup .fa { font-size:35px; color:#fff; display:inline-block; vertical-align:middle; }
.serve-signup-txt { width: -webkit-calc(100% - 220px); width: -moz-calc(100% - 220px); width: calc(100% - 220px); display:inline-block; padding-left:25px; vertical-align:middle; }
.signup-btn { background:rgba(255,255,255,0.2); color:#44661E; font-size:15px; display:inline-block; padding: 12px 25px; border:#6DA230 solid 1px; border-radius:3px; cursor:pointer; text-transform:uppercase; }
.serve-signup-txt h2 {  color:#44661e; }
.serve-signup-txt h2 small{ font-size: 1.1em; }

.publisher {}

label.error {
     color: #e21212 !important;
     font-weight:normal !important;
     line-height:18px;
     margin-top: 2px;
     padding:0 3px;
     font-size:12px;
 }
 input.error, textarea.error, select.error, checkbox.error{
     background: #fee9ea;
     border-color: #de888a !important;
     color: #de888a;
 }