body,
h1,
h2,
h3,
h4,
h5,
h6 { font-family:open_sansregular }
.go-to,
.service-item,
.slide { text-align:center }
.btn-primary,
.error-desc,
.heading h1,
.heading h2,
.heading>div,
.lead,
.nav-pills>li>a,
.number-item .text,
.team-member .title,
h1,
h2,
h3,
h4,
h5,
h6 { text-transform:uppercase }
.bubblingG span,
.client-nav>li>a,
.square-l { vertical-align:middle }
.godown,
.goup,
.portfolio-item,
.team-extended { overflow:hidden }
.centered-pills a,
.nl-box,
.tab-text { float:left }
a, b, strong {   font-family: open_sansregular;   font-weight: normal; }
@font-face {
font-family:open_sansregular;
src:url(../fonts/opensans-regular-webfont.eot);
src:url(../fonts/opensans-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/opensans-regular-webfont.woff2) format("woff2"), url(../fonts/opensans-regular-webfont.woff) format("woff"), url(../fonts/opensans-regular-webfont.ttf) format("truetype"), url(../fonts/opensans-regular-webfont.svg#open_sansregular) format("svg");
font-weight:400;
font-style:normal
}
@font-face {
font-family:open_sansbold;
src:url(../fonts/open-sans.bold-webfont.eot);
src:url(../fonts/open-sans.bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/open-sans.bold-webfont.woff2) format("woff2"), url(../fonts/open-sans.bold-webfont.woff) format("woff"), url(../fonts/open-sans.bold-webfont.ttf) format("truetype"), url(../fonts/open-sans.bold-webfont.svg#open_sansbold) format("svg");
font-weight:400;
font-style:normal
}
@font-face {
font-family:open_sanssemibold;
src:url(../fonts/open-sans.semibold-webfont.eot);
src:url(../fonts/open-sans.semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/open-sans.semibold-webfont.woff2) format("woff2"), url(../fonts/open-sans.semibold-webfont.woff) format("woff"), url(../fonts/open-sans.semibold-webfont.ttf) format("truetype"), url(../fonts/open-sans.semibold-webfont.svg#open_sanssemibold) format("svg");
font-weight:400;
font-style:normal
}
body { color:#062033; font-size:13px; font-weight:lighter; overflow-x:hidden }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight:700; color:#000 }
.loading { visibility:hidden }
h3 { font-size:20px }
h4 { font-size:16px }
p { color:#062033 }
a,
a:focus,
a:hover { color:#2a6496 }
img { max-width:100% }
.row { margin-bottom:50px }
.nav > li > a { color:#fff!important; font-size:16px; font-weight: normal; padding:10px; text-transform:capitalize;}
/*.navbar-collapse a{font-family: 'Exo', sans-serif;}*/
.top-bar { border-top:5px solid #91c055; display:block; width:100%; background:#0f5082; border-bottom:1px solid #91c055; clear:both }
.top-bar .social-list { list-style:none; margin-bottom:0 }
.top-bar .social-list li { display:inline }
.top-bar .social-list li i { color:#fff; font-size:20px }
.top-bar .social-list li a { height:40px; line-height:40px; width:34px }
.go-to,
.go-to .fa { line-height:60px }
.topbar-btns a { background:#91c055; color:#fff; border-radius:0; cursor:pointer; float:right; margin:5px 0 5px 5px; padding:6px 15px; text-decoration:none; font-family:open_sansregular; font-weight100; }
.topbar-btns a > strong{ font-weight: normal }
.topbar-btns a:hover { text-decoration:none; background:#eee; color:#0f5082 }
.topbar-btns { display:block; text-align:right }
.tbbtn-vl { display:inline-block; float:right }
.navbar-smak { background:rgba(255, 255, 255, 1); transition:all .5s;
margin-bottom:0; border-radius:0 }
.navbar-smak .nav { background:#0f5082; width:100%; position:relative }
.navbar-smak .nav.nav-down::before, .navbar-smak .nav.nav-up::before {
border-left:40px solid transparent;
border-right:0 solid transparent;
content:"";
left:-40px;
position:absolute
}
.navbar-smak .nav.nav-up::before {
border-top:40px solid #0f5082
}
.navbar-smak .nav.nav-down::before {
border-bottom:40px solid #0f5082
}
.navbar-smak .nav.nav-up { margin-bottom:10px }
.navbar-small { background:rgba(255, 255, 255, 1) }
.navbar-small .nav { padding:0!important }
.navbar-small .navbar-brand>img { height:40px }
.go-to,
.navbar-brand>img { height:60px;  width:210px;}
.navbar-small .navbar-brand { padding:5px 15px 0 0 }
.navbar.navbar-smak .row { margin-bottom:0 }
.navbar-nav>li>a { color:#fff }
.navbar-nav.navbar-right:last-child { margin-right:0 }
.navbar-collapse { padding-left:0; padding-right:0 }
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover,
.navbar-nav>li.active>a { color:#ffe600; background:0 0 }
.navbar-nav>li>.dropdown-menu { margin-top:-5px; border-top-right-radius:4px; border-top-left-radius:4px }
.homeslider { background:url(../img/slider.jpg) top no-repeat fixed; width:100%; position:relative; max-height:460px }
.slide { background:rgba(0, 22, 70, 0.8); display:inline-block; margin-top:-75px; padding:10px 0; position:absolute; top:50%; width:100% }
.slide p { color:#fff; padding-left:3%; padding-right:3% ;  font-family: open_sansregular; font-weight: normal}
.slide h4 { font-family: open_sansregular;  font-weight: normal; }
.slide a.btn strong { font-size: 16px;  font-weight: normal; }
.lead { display:block; color:#fff; font-size:24px; width:80%; margin:0 auto ; font-family: open_sansregular;   font-weight: normal;}
.btn { border-radius:0; padding:10px 35px; font-size:15px }
.btn-primary { color:#fff; font-size:16px; background:#91c055; display:inline-block; margin:10px; position:relative; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); border:none }
.go-to,
.tab-in span { display:block }
.btn-primary:hover { background:#ffe600; color:#000; border:none }
.go-to,
.go-to:hover { color:#fff }
.btn-primary:before { content:''; position:absolute; border-bottom:#91c055 solid 4px; top:0; right:0; bottom:0; left:0; -webkit-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-property:top, right, bottom, left; transition-property:top, right, bottom, left }
.btn-primary:hover:before { top:0; right:0; bottom:-8px; left:0 }
.go-to { background:#91c055; position:absolute; left:50%; margin-left:-30px; bottom:0; width:60px }
.navbar-nav>li>a:hover { background-color:transparent; color:#91c055 }
.gray { background:#eee }
.service-item { padding:0 20px; position:relative }
.service-item.text-bg { background:#4887ab; border:2px solid #1d4766; box-sizing:border-box; padding:5px 15px; text-align:left }
.service-item.text-bg h3 {  color: #fff;    font-family: open_sansregular;    font-size: 18px;    font-weight: bold; }
.ser-circle .sc-items,
.service-item.text-bg>p { font-size:14px; color:#fff }
.service-item .ser-circle-img { position:absolute }
.service-item .ser-circle-img img { max-width:100% }
.ser-circle .sc-items { cursor:pointer; position:absolute; width:137px; right:170px; top:80px }
.ser-circle .sc-item1 { right:70px; top:193px }
.ser-circle .sc-item2 { right:70px; top:351px }
.ser-circle .sc-item3 { top:485px; right:182px }
.ser-circle .sc-item4 { right:360px; top:460px }
.ser-circle .sc-item5 { right:466px; top:346px }
.ser-circle .sc-item6 { right:460px; top:200px }
.ser-circle .sc-item7 { right:345px; top:70px }
.about-item i { font-size:25px; line-height:50px; color:#fff }
.about-item h4 { font-family:open_sansbold; font-weight:400 }
.heading h1,
.heading h2, footer h4 { font-family:open_sanssemibold; font-weight: normal; }
.process-item { text-align:center }
.tab-text { background:rgba(7, 96, 147, .7); border:5px solid #1d4766; padding:0 15px 60px; text-align:left; width:100%; min-height:410px; position:relative }
.tab-text .more-link,
.service-item .more-link,
.about-item a { background:#91c055; bottom:15px; clear:both; color:#fff; display:inline-block; left:15px; margin:0; padding:10px 17px; position:absolute; font-family: open_sansregular;  font-weight: normal; }
.about-item { min-height:310px; position:relative }
.align-center,
.centered-pills,
.team-member { text-align:center }
.c1 { background-color:#28628E!important }
.c2 { background-color:#2e70a2!important }
.c3 { background-color:#337db6!important }
.c4 { background-color:#3b8bc8!important }
.c5 { background-color:#22547a!important }
.c6 { background-color:#1d4766!important }
.c7 { background-color:#173952!important }
.c8 { background-color:#28498e!important }
.c9 { background-color:#28628E!important }
a:hover{ text-decorationnone;}
.tbox { font-size:16px; font-weight:700; padding:25px 15px; text-transform:uppercase; color:#fff }
.sbox > span { color:#fff }
.tab-box-title { margin-bottom:15px }
.clients { background:url(../img/testiimg.jpg) center no-repeat }
.tab-in .c1,
.tab-in .c2,
.tab-in .c3,
.tab-in .c4,
.tab-in .c5,
.tab-in .c6,
.tab-in .c7,
.tab-in .c8,
.tab-in .c9 { height:124px }
.tab-in span.tab-box-no { left:15px; position:absolute; top:5px }
.tab-box-icon { min-height:80px }
.process-item ul.nav-tabs li { margin-left:-5px }
.process-item .nav-tabs { margin-left:15px }
.process-item .nav-tabs > li > a { background:#91c055 none repeat scroll 0 0; border-radius:15px 15px 0 0; border-width:0!important; box-shadow:none; color:#fff; font-size:13px; padding:10px 20px; text-transform:capitalize }
.process-item .nav-tabs > li > a:focus, .process-item .nav-tabs > li > a:hover, .process-item .nav-tabs > li.active > a { background:#0f5082 }
.process-item h3 { color: #fff;  font-family: open_sansregular;  font-weight: normal; }
.process-item p { font-size:14px; color:#fff ; font-family: open_sansregular;  font-weight: normal;}
.centered-pills ul.nav-pills { display:inline-block; margin-bottom:50px }
.centered-pills li { display:inline }
.nav-pills { list-style:square }
.client-nav,
.full-portfolio,
.team,
ul.foot-2li { list-style:none }
.nav-pills>li>a { font-size:16px; color:#707070; padding:10px 0 }
.mix { opacity:0; display:none }
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.nav-pills>li>a:focus,
.nav-pills>li>a:hover { color:#ffe600; background:0 0 }
.square-l { background:#91c055; color:#fff; width:60px; height:60px; display:inline-block }
.square-l .fa { line-height:60px; color:#fff }
.process-item .fa { color:#fff; display:inline-block; margin-right:5px;}
.team-extended .row { margin-bottom:0 }
.team .col-md-3 { position:static; margin-bottom:15px }
.team-member { border-bottom:2px solid #9b9b9b; background:#fff; position:relative; display:block }
.team-member:hover { text-decoration:none }
.og-expanded .team-member:after { -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; border-color:transparent transparent #131313; border-image:none; border-style:solid; border-width:15px; content:" "; height:0; left:50%; margin:0 0 0 -15px; pointer-events:none; position:absolute; top:auto; width:0 }
.team-member .name,
.team-member img { margin-bottom:10px }
.team-extended { background:#131313; left:0; margin-top:25px; padding:20px; position:absolute; text-align:left; top:auto; width:100% }
.bubblingG,
.chart,
.circle,
.client-nav,
.client-nav>li,
.commands,
.divider,
.godown span,
.goleft span,
.goup span,
.heading,
.number-item,
.page404,
.percent,
.portfolio-item .mask,
.project-loader,
.social-list li a,
.team-extended .social,
blockquote { text-align:center }
.team-extended h3 { color:#ffe600 }
.team-extended p { color:#fff }
.team-extended .social { border:1px solid #fff; width:25px; margin-right:7px; color:#fff; display:inline-block }
.og-close { cursor:pointer; height:30px; position:absolute; right:20px; top:20px; width:30px }
.og-close:after,
.og-close:before { background:#888; content:""; height:1px; position:absolute; top:50%; transform:rotate(45deg); width:100% }
.og-close:after { transform:rotate(-45deg) }
.team-extended .social:hover { color:#ffe600; border-color:#ffe600 }
.team-member .name { display:block; text-transform:uppercase; color:#ffe600; font-size:20px }
.team-member .title { display:block; color:#707070; font-size:16px; margin-bottom:10px }
.branded-section { width:100%; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; color:#fff }
.branded-section p { color:#fff }
.masked { background:rgba(15, 80, 130, .88); width:100%; height:100%; display:block; padding-bottom:50px }
.who-we-serve .masked { background:rgba(15, 80, 130, 0.25) }
.branded-section h1,
.branded-section h2,
.branded-section h3 { color:#fff }
blockquote { padding:0; width:50%; border:none; position:relative }
blockquote p { font-size:18px; font-weight:300; line-height:1.55 ; font-family: open_sansregular;   font-weight: normal;}
.branded-section .heading { color:#fff; z-index:1000 }
.numbers { background-image:url(../img/we-are-proud.jpg); background-size:cover; background-attachment:fixed }
.process { background:url(../img/how-we-do-it.jpg) no-repeat fixed; background-size:cover }
.skills { background-image:url(../img/skills.jpg) }
.quote { background:url(../img/testiimg.jpg) center center no-repeat fixed; background-size:cover }
.testimonial_perso_title small { color:#fff; font-size:13px; font-style:italic }
.chart { margin:0 auto }
.percent { display:block; font-size:35px; letter-spacing:-3px; line-height:130px; position:absolute; top:5px; width:90%; z-index:10 }
.number-item { border:1px solid #FFE600; padding:20px }
.number-item .number { display:block; color:#fff; font-size:40px; font-weight:700 }
.font-m { font-size:14px }
.font-l { font-size:20px }
.number-item .text { color:#FFE600; font-size:16px }
.circle { background:#73bf45; display:inline-block; width:50px; height:50px; border-radius:50%; line-height:50px }
.circle-l { width:105px; height:105px }
.circle-l .fa { line-height:105px; color:#fff }
.heading { margin:65px 0; color:#000; position:relative }
.heading>div { font-weight:400; color:#707070 }
.heading h1,
.heading h2 { font-size:26px; color:#444; position:relative; display:inline }
.masked .heading h1,
.masked .heading h2 { color:#28628E!important }
.heading h1>div,
.heading h2>div { display:inline; padding:5px 15px; position:relative }
.heading p { font-size:14px; width:80%; margin:0 auto }
.pad-bot-50 { padding-bottom:50px }
.divider { margin-bottom:10px }
.divider>span { display:inline-block; width:170px; background:#73bf45; height:2px }
.adress-element { text-align:center; margin-bottom:50px }
.adress-element .fa { color:#73bf45 }
.lb_wrap { width:100%; height:100%; display:inline-block!important }
.lb_wrap .lb_label.left { left:0 }
.lb_label.active { color:#FFF }
.grayscale { filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:gray; -webkit-filter:grayscale(100%) }
.grayscale:focus,
.grayscale:hover { -webkit-filter:grayscale(0); filter:none }
.portfolio-item .mask,
.portfolio-item h4 { -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)" }
.text-slider-wrapper .bx-wrapper .bx-prev { left:10px }
.text-slider-wrapper .bx-wrapper .bx-next { right:10px }
.text-slider-wrapper .bx-wrapper .bx-controls-direction a { position:absolute; opacity:0; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; z-index:9999 }
.text-slider-wrapper .bx-wrapper:hover .bx-controls-direction a { opacity:1 }
.text-slider-wrapper .bx-wrapper .bx-controls-direction a.disabled { display:none }
.page404 { margin:150px auto }
.error-code { font-size:150px; color:#ffe600; margin:0 }
.error-desc,
.page404 .form-control { max-width:500px; margin:0 auto }
.error-desc { font-size:30px; font-weight:700; display:block }
.page404 p { padding:50px }
.form-control { border-radius:0; -webkit-box-shadow:none; box-shadow:none; font-size:15px; padding:10px }
.animate { -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both }
.delay1 { animation-delay:.2s;
-webkit-animation-delay:.2s
}
.delay2 { animation-delay:.4s;
-webkit-animation-delay:.4s
}
.delay3 { animation-delay:.6s;
-webkit-animation-delay:.6s
}
.delay4 { animation-delay:.8s;
-webkit-animation-delay:.8s
}
.delay5 { animation-delay:1s; -webkit-animation-delay:1s }
@-webkit-keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-40px);
transform:translateX(-40px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-40px);
-ms-transform:translateX(-40px);
transform:translateX(-40px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft { -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft }
@-webkit-keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translateX(40px);
transform:translateX(40px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translateX(40px);
-ms-transform:translateX(40px);
transform:translateX(40px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight { -webkit-animation-name:fadeInRight; animation-name:fadeInRight }
@-webkit-keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translateY(40px);
-ms-transform:translateY(40px);
transform:translateY(40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0)
}
}
.fadeInUp { -webkit-animation-name:fadeInUp; animation-name:fadeInUp }
@-webkit-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translateY(-40px);
transform:translateY(-40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translateY(-40px);
-ms-transform:translateY(-40px);
transform:translateY(-40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0)
}
}
.fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown }
.godown span,
.goleft span,
.goup span { position:absolute; width:100%; height:100%; display:block; opacity:1; left:0; top:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transition:all .6s cubic-bezier(.05, .06, .05, .95);
transition:all .6s cubic-bezier(.05, .06, .05, .95)
}
.goup span span:nth-of-type(1) {
top:0
}
.goup span span:nth-of-type(2) {
top:60px
}
.goup span span:nth-of-type(3) {
top:120px
}
.goup span span:nth-of-type(4) {
top:180px
}
.goup span span:nth-of-type(5) {
top:240px
}
.goup span span:nth-of-type(6) {
top:320px
}
.goup:hover>span { top:-240px }
.godown span span:nth-of-type(1) {
top:320px
}
.godown span span:nth-of-type(2) {
top:240px
}
.godown span span:nth-of-type(3) {
top:180px
}
.godown span span:nth-of-type(4) {
top:120px
}
.godown span span:nth-of-type(5) {
top:60px
}
.godown span span:nth-of-type(6) {
top:0
}
.godown>span { top:-320px }
.godown:hover>span { top:-60px }
.goleft { left:-30px }
.goleft span span:nth-of-type(1) {
left:0
}
.goleft span span:nth-of-type(2) {
left:30px
}
.goleft:hover>span { left:-30px }
.project { margin-bottom:40px }
.project-loader { margin:0 auto 40px; width:80px }
.full-portfolio { padding:0 }
.full-portfolio li { padding:0!important; -webkit-transition:all .7s ease-in-out;
transition:all .7s ease-in-out
}
.portfolio-item { position:relative }
.portfolio-item .mask { position:absolute; top:0; left:0; width:100%; height:100%; padding-top:25%; background:rgba(0, 0, 0, .5); filter:alpha(opacity=0); opacity:0; -webkit-transition:all .3s ease-in .4s;
-moz-transition:all .3s ease-in .4s;
-o-transition:all .3s ease-in .4s;
-ms-transition:all .3s ease-in .4s;
transition:all .3s ease-in .4s
}
.portfolio-item h4 { filter:alpha(opacity=0); opacity:0; border-bottom:1px solid rgba(0, 0, 0, .3); background:0 0; margin:20px 40px 0; -webkit-transform:scale(10); -moz-transform:scale(10); -o-transform:scale(10); -ms-transform:scale(10); transform:scale(10); -webkit-transition:all .3s ease-in-out .1s;
-moz-transition:all .3s ease-in-out .1s;
-o-transition:all .3s ease-in-out .1s;
-ms-transition:all .3s ease-in-out .1s;
transition:all .3s ease-in-out .1s
}
.portfolio-item p { -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -webkit-transform:scale(10); -moz-transform:scale(10); -o-transform:scale(10); -ms-transform:scale(10); transform:scale(10); -webkit-transition:all .3s ease-in-out .2s;
-moz-transition:all .3s ease-in-out .2s;
-o-transition:all .3s ease-in-out .2s;
-ms-transition:all .3s ease-in-out .2s;
transition:all .3s ease-in-out .2s
}
.portfolio-item:hover .mask,
.portfolio-item:hover h4 { -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1 }
.portfolio-item:hover .mask { filter:alpha(opacity=100); -webkit-transition-delay:0; -moz-transition-delay:0; -o-transition-delay:0; -ms-transition-delay:0; transition-delay:0 }
.portfolio-item:hover h4 { filter:alpha(opacity=100); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition-delay:.1s;
-moz-transition-delay:.1s;
-o-transition-delay:.1s;
-ms-transition-delay:.1s;
transition-delay:.1s
}
.portfolio-item:hover p { -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition-delay:.2s;
-moz-transition-delay:.2s;
-o-transition-delay:.2s;
-ms-transition-delay:.2s;
transition-delay:.2s
}
.portfolio-item .mask h4,
.portfolio-item .mask p { margin:0; color:#fff }
.client-nav,
.client-slider { margin-bottom:70px }
.client-nav>li { display:inline-block; margin-left:10px; padding:0 }
.client-nav>li>a { background:#ffe600; color:#fff; width:30px; height:30px; display:block }
.client-nav>li>a .fa { line-height:30px }
.primary-color { color:#FFE600 }
.contact-form { background:url(../img/contact-us.jpg) center repeat-x }
.contact-form form { position:relative }
.contact-form .form-control { background-color:transparent; margin-bottom:20px; padding:15px; color:#333; border-width:2px; height:auto }
.contact-form .heading,
footer,
footer .social-list a,
footer .social-list a:hover,
footer h4,
footer p,
ul.foot-2li li>a { color:#fff }
.contact-form .form-control:focus { border:2px solid #FEE600; background:rgba(255, 255, 255, .1) }
footer { padding-top:20px; background:#0f5082; border-top:5px solid #91c055; width:100%; float:left; margin-top:40px }
footer .social-list { list-style:none; margin:0 0 10px; padding:0 }
footer .social-list li { display:inline-block }
.nl-box .form-control { background:0 0 }
.social-list li a { border:1px solid #1e669d; float:left; height:32px; line-height:20px; transition:background .5s ease 0;
-moz-transition:background .5s;
-webkit-transition:background .5s;
width:32px }
.social-list li.facebook a:focus,
.social-list li.facebook a:hover { background:#3E5993 }
.social-list li.twitter a:focus,
.social-list li.twitter a:hover { background:#00C3F8 }
.social-list li.dribbble a:focus,
.social-list li.dribbble a:hover { background:#CA366E }
.social-list li.youtube a:focus,
.social-list li.youtube a:hover { background:#CC181E }
footer .to-top { background:#73bf45; width:30px; height:30px; display:block; margin:0 auto }
.bubblingG { width:80px; height:50px }
.bubblingG span { display:inline-block; width:10px; height:10px; margin:25px auto; background:#000; -moz-border-radius:50px; -moz-animation:bubblingG 1.3s infinite alternate; -webkit-border-radius:50px; -webkit-animation:bubblingG 1.3s infinite alternate; -ms-border-radius:50px; -ms-animation:bubblingG 1.3s infinite alternate; -o-border-radius:50px; -o-animation:bubblingG 1.3s infinite alternate; border-radius:50px; animation:bubblingG 1.3s infinite alternate }
#bubblingG_1 { -moz-animation-delay:0; -webkit-animation-delay:0; -ms-animation-delay:0; -o-animation-delay:0; animation-delay:0 }
#bubblingG_2 { -moz-animation-delay:.39s;
-webkit-animation-delay:.39s;
-ms-animation-delay:.39s;
-o-animation-delay:.39s;
animation-delay:.39s
}
#bubblingG_3 { -moz-animation-delay:.78s;
-webkit-animation-delay:.78s;
-ms-animation-delay:.78s;
-o-animation-delay:.78s;
animation-delay:.78s
}
@-moz-keyframes bubblingG { 0% {
width:10px;
height:10px;
background-color:#000;
-moz-transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#FFF;
-moz-transform:translateY(-21px)
}
}
@-webkit-keyframes bubblingG { 0% {
width:10px;
height:10px;
background-color:#000;
-webkit-transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#FFF;
-webkit-transform:translateY(-21px)
}
}
@-ms-keyframes bubblingG { 0% {
width:10px;
height:10px;
background-color:#000;
-ms-transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#FFF;
-ms-transform:translateY(-21px)
}
}
@-o-keyframes bubblingG { 0% {
width:10px;
height:10px;
background-color:#000;
-o-transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#FFF;
-o-transform:translateY(-21px)
}
}
@keyframes bubblingG { 0% {
width:10px;
height:10px;
background-color:#000;
transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#FFF;
transform:translateY(-21px)
}
}
.down { display:inline-block; -webkit-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-property:-webkit-transform; transition-property:transform; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px transparent }
.down:hover { -webkit-transform:translateY(5px); -ms-transform:translateY(5px); transform:translateY(5px) }
.lead { margin-bottom:10px }
p.bread-crus-text { color:#253443!important; font-size:12px!important; padding-bottom:0!important }
.left-panel h2,
.left-panel h1 { font-family:open_sanssemibold; font-size:18px; text-transform:none; color:#062033; margin-top:20px; margin-bottom:8px; font-weight:400; line-height:26px; clear:both }
.left-panel .about-heading { font-family:open_sanssemibold; font-size:18px; text-transform:capitalize; color:#062033; line-height:26px }
.right-panel { margin-top:22px; z-index: 99 }
.left-panel p { font-size:13px; line-height:20px; color:#062033; margin-bottom:15px; margin-top:8px }
.left-panel p a,
ul.left-panel-list li a,
ul.left-panel-blue-list li a { color:#07b5ee }
.left-panel h2 a:hover { text-decoration:underline; color:#07b5ee }
ul.left-panel-list li a:hover,
ul.left-panel-blue-list li a:hover,
.left-panel p a:hover { text-decoration:underline }
ul.left-panel-list,
ul.left-panel-blue-list { padding-left:0 }
ul.left-panel-list { margin-bottom:15px }
ul.left-panel-list li { list-style:none; background:url(../img/left-panel-list-icon.png) left center no-repeat; font-size:14px; line-height:24px; padding-left:19px }
ul.left-panel-list li a { font-size:14px; line-height:24px }
ul.left-panel-blue-list { margin-bottom:10px }
ul.left-panel-blue-list li { list-style:none!important; background:url(../img/triangle-large.png) no-repeat scroll left top 5px rgba(0, 0, 0, 0); padding-left:15px; line-height:20px; margin-bottom:3px }
.left-panel p.address-text { line-height:24px }
#breadcrumbs { padding-left:15px; margin-bottom:0 }
#breadcrumbs li { margin-right:8px }
#breadcrumbs li a,
#breadcrumbs li strong { color:#253443 }
#breadcrumbs li a { font-size:12px }
ul.left-panel-list-1 { padding-left:15px; margin-bottom:15px; line-height:22px }
ul.left-panel-list-1 li { list-style-type:decimal; font-size:14px; line-height:24px }
ul.left-panel-list-1 li a { font-size:14px; line-height:24px; color:#07b5ee }
ul.left-panel-list-1 li a:hover { text-decoration:underline }
ul.language-list { padding-left:0; padding-bottom:5px }
ul.language-list li { background-image:none; line-height:26px; padding-left:0; font-size:13px }
ul.language-list li a { color:#07b5ee; font-size:13px }
ul.language-list li a:hover { text-decoration:underline }
.left-panel blockquote { font-style:italic }
.dia-table tr td p,
.dia-table-1 tr td p { margin-bottom:4px; font-size:13px }
.dia-table tr td { padding:5px 10px; text-align:center }
.dia-table-1 { margin-top:15px; margin-bottom:15px; border:none }
.dia-table-1 tr td { text-align:left; padding:5px 10px; vertical-align:middle }
.dia-table-1 tr td a { color:#07b5ee }
.dia-table-1 tr td a:hover { text-decoration:underline }
h3 span.mw-headline { font-size:13px }
p.italic-style { font-style:italic; font-weight:700; margin-bottom:0 }
.alignright { float:right }
.alignleft { float:left; margin-right:10px }
.aligncenter { text-align:center }
.img-center a:hover { text-decoration:none }
.uppertext { text-transform:uppercase }
li.last-panel-list { background-image:none!important }
.last-panel-list ul { margin-left:15px; margin-top:10px }
.table-content { margin-bottom:20px }
.table-content-inner-left { border:1px solid #000; min-height:559px }
.table-content-inner-right { border-top:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; min-height:559px }
.ul-33 li { width:32% }
.ul-25 li { width:24% }
.ul-20 li { width:19% }
.ul-50 li { width:49% }
.ul-25 li,
.ul-33 li,
.ul-20 li,
.ul-50 li { display:inline-block }
blockquote.typography-style-light,
blockquote.typography-style-light-1 { background:none repeat scroll 0 0 #eee; box-sizing:border-box; display:inline-block; padding:10px 40px 20px }
blockquote.typography-style-light::before, blockquote.typography-style-light-1:before {
background:url(../img/quote-l.png) no-repeat left center;
height:22px;
left:10px;
position:absolute;
top:10px;
width:27px
}
blockquote.typography-style-light::after, blockquote.typography-style-light-1:after {
background:url(../img/quote-r.png) no-repeat right center;
height:22px;
right:10px;
position:absolute;
bottom:10px;
width:27px
}
blockquote.typography-style-light p,
blockquote.typography-style-light-1 p { font-size:12px }
blockquote.typography-style-light { width:70% }
blockquote.typography-style-light-1 { width:100% }
iframe { width:100% }
.form-horizontal .top-contact-form label { text-align:left; font-weight:400; padding-top:20px; font-size:13px }
.top-contact-form .wpcf7-submit { background-color:transparent; border:medium none; color:#000; font-size:16px; text-align:center; text-transform:uppercase }
.form-horizontal .top-contact-form .btn-primary { margin:10px 0 }
.form-horizontal .top-contact-form .btn-primary .ajax-loader { display:none }
.form-horizontal .top-contact-form textarea.form-control { height:200px }
ul.star-panel li { background:url(../img/star-icon.png) no-repeat left center }
li.top-last-panel ul { margin-top:15px }
a.blue-link-text,
.blue-text { color:#07b5ee!important }
ul.bullet-list li { background:url(../img/bullet-icon.png) no-repeat left center; padding-left:10px; line-height:22px }
.star .fa { color:red; font-size:7px; vertical-align:top }
.schedule-now{margin-bottom:10px; margin-top:10px;}
.schedule-now h6{color:#fff; line-height:18px; margin-top:0px;}
.schedule-now a{border-radius:0px; color:#fff; background-color:#91c055; border:none; padding:6px 15px;}
.schedule-now a:hover{background-color:#eee; color:#0f5082;}
.request-quote a{width:100%; padding:6px 15px; background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7400+0,ff7400+100;Orange+Flat */
background: #ff7400; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff7400 0%, #ff7400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff7400 0%,#ff7400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff7400 0%,#ff7400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#ff7400',GradientType=0 ); /* IE6-8 */ color:#fff;
border:none; padding:10px 15px; font-family: open_sansregular; font-weight: normal}
.request-quote button::before{ background: url("../img/request-quote-icon.png") no-repeat scroll left center rgba(0, 0, 0, 0);content: "";
float: left;height: 18px;width: 21px; }
.request-quote button:hover{background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7400+0,f5882d+100 */
background: #ff7400; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTg4MmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff7400 0%, #f5882d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff7400 0%,#f5882d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff7400 0%,#f5882d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#f5882d',GradientType=0 ); /* IE6-8 */}
.rt-sidebar aside .client-list h4{margin-bottom:5px;}
.client-list ul li{line-height:22px;}
.left-panel ul.vfb-section-1 li {display: inline-block;width: 50% !important;}
.left-panel ul.vfb-section-1 li.vfb-item-textarea,.left-panel ul.vfb-section-1 li.vfb-item-file-upload{display:block; width:100% !important; float:left;} 
#item-vfb-22 input,ul.vfb-section-2 input.vfb-text,ul.vfb-section-1 input.vfb-text {padding:8px 10px; width:100%;}
.vfb-submit{background-color:#91c055; border:none; color:#fff; padding:6px 15px;}
.vfb-submit:hover{background-color:#639524;}
textarea.vfb-medium{padding:10px;}
.page-id-36 .salesforce_w2l_lead{background-color:#eee; padding:15px; border: 1px solid #d3d3d3;border-radius: 3px;}
.salesforce_w2l_lead input{width:100% !important;padding:8px 10px;background: none repeat scroll 0 0 #fafafa;border: 1px solid #ddd;
    border-radius: 3px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.salesforce_w2l_lead .sf_field {display: inline-block;width: 50%; padding:0px 15px; vertical-align:top;}
.salesforce_w2l_lead .sf_field_description{width: 100%; padding:0px 15px; float:left;}
.salesforce_w2l_lead input.checkbox,.salesforce_w2l_lead .submit{width:auto !important;}
.salesforce_w2l_lead .submit{background-color: #91c055;border: medium none;color: #fff;padding: 6px 15px; margin-left:18px !important;}
.salesforce_w2l_lead .sf_cc_user{padding:0px!important; margin-left:18px;}
.salesforce_w2l_lead  .w2linput{border: 1px solid #d3d3d3;border-radius: 3px;}
.salesforce_w2l_lead input{width:100% !important;padding:8px 10px;background: none repeat scroll 0 0 #fafafa;border: 1px solid #ddd;
border-radius: 3px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.salesforce_w2l_lead .top-aligned .w2llabel{color:#000; font-weight: bold!important}
/*.rt-sidebar-widget{background-color:#28628e; z-index:9999; padding:20px 15px;}
.right-panel .rt-sidebar aside {margin-bottom:0px;}*/
.loader { display:block; background:#ffe600; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; clear:both; -moz-transition:all 2s ease; -webkit-transition:all 2s ease; -o-transition:all 2s ease; transition:all 2s ease; z-index:2000 }
.loader .bubblingG { position:absolute; top:50%; left:50%; margin-top:-20px; margin-left:-40px }
.removing { -moz-transform:scale(2) rotate(70deg) translate(1200px) rotateX(120deg); -webkit-transform:scale(2) rotate(70deg) translate(1200px) rotateX(120deg); -o-transform:scale(2) rotate(70deg) translate(1200px) rotateX(120deg); transform:scale(2) rotate(70deg) translate(1200px) rotateX(120deg) }
.removing1 { -moz-transform:scale(0) rotate(70deg) rotateX(80deg); -webkit-transform:scale(0) rotate(70deg) rotateX(80deg); -o-transform:scale(0) rotate(70deg) rotateX(80deg); transform:scale(0) rotate(70deg) rotateX(80deg) }
.removing2 { opacity:0 }
.thumb-wrap { margin-bottom:50px }
.embed-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100% }
.embed-container embed,
.embed-container iframe,
.embed-container object { position:absolute; top:0; left:0; width:100%; height:100% }
.wwbox { padding:10px 20px }
.wtlm { padding:50px 0 0 }
.wtlm h2 { font-weight:400 }
.nl-box { border:1px solid #fff; position:relative; width:100% }
.nl-box .form-control { border:0; color:#fff; float:left; max-width:78% }
.nl-btn { background:url(../img/nl-arrow.png) center center no-repeat; border:0; height:40px; text-indent:-310px; width:55px; -webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.nl-box:hover .nl-btn { background-position:center right }
ul.foot-2li { display:block; margin:0; padding:0 }
ul.foot-2li li { display:inline-block; padding-bottom:5px; width:49% }
ul.foot-2li li>a { -webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
ul.foot-2li li:hover>a { padding-left:5px; text-decoration:none; color:#91c055 }
.row .row { margin-bottom:0 }
footer ul { list-style:outside none none; padding:0 }
footer a:hover { text-decoration:none; color:#91c055 }
footer ul li a {
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out; padding:5px 0 }
footer a { color:#fff }
footer ul li a:hover { padding-left:5px }
.sbox:hover { cursor:pointer }
.sbox:hover::after, .sbox.current-tab:after {
background:#fff none repeat scroll 0 0;
bottom:0;
content:"";
height:6px;
left:0;
position:absolute;
right:0
}
.small-bnr { background:#0b426d none repeat scroll 0 0; float:left; width:100%; margin-bottom:10px }
h2.submain-title { margin-bottom:15px; color:#fff; margin-top:40px; font-family:open_sanssemibold }
h2.submain-title a { color:#fff; font-family:open_sanssemibold; font-size:28px; text-transform:none }
.breadcrumb { background-color:transparent; border-radius:4px; margin-bottom:20px; padding:8px 0 }
.breadcrumb a { color:#666; font-size:13px }
.breadcrumb > .active { color:#062033 }
.contentarea h3 { font-family:open_sansregular; font-size:20px; text-transform:capitalize; line-height:25px }
.contentarea p,
.contentarea h3,
.contentarea a,
.contentarea li { color:#062033 }
.rt-sidebar p { color:#fff }
.garrowli li { background:rgba(0, 0, 0, 0) url(../img/garrow-icon.png) no-repeat scroll 0 8px; line-height:28px; padding-left:20px }
address { line-height:22px }
.rt-sidebar { background:#28628e none repeat scroll 0 0; box-sizing:border-box; float:left; min-height:300px; padding:15px 15px 15px 20px; width:263px; position:relative; color:#fff; }
.rt-sidebar h3,
.rt-sidebar li,
.rt-sidebar a { color:#fff }
.rt-sidebar-widget > h3 { background:#cee29a; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZTI5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjN2RiYzIzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkYmMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background:-moz-linear-gradient(left, rgba(206, 226, 154, 1) 0%, rgba(125, 188, 35, 1) 6%, rgba(125, 188, 35, 1) 100%); background:-webkit-linear-gradient(left, rgba(206, 226, 154, 1) 0%, rgba(125, 188, 35, 1) 6%, rgba(125, 188, 35, 1) 100%); background:linear-gradient(to right, rgba(206, 226, 154, 1) 0%, rgba(125, 188, 35, 1) 6%, rgba(125, 188, 35, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cee29a', endColorstr='#7dbc23', GradientType=1);
font-size:14px; padding:8px 15px; text-transform:uppercase; letter-spacing:1px; font-family:open_sanssemibold; margin-bottom:15px }
.rt-sidebar-widget { float:left; width:100% }
.list-inline.social-icon > li { padding:0 }
.list-inline.social-icon > li > a { background:#aaa none repeat scroll 0 0; display:inline-block; height:32px; padding:5px; text-align:center; width:32px }
.sidebar-bdr { background:#91c055 none repeat scroll 0 0; bottom:10px; left:0; position:absolute; top:10px; width:5px; z-index:10 }
.sidebar-bdr::before {
border-bottom:10px solid #91c055;
border-right:5px solid transparent;
border-top:5px solid transparent;
content:"";
left:0;
position:absolute;
top:-15px
}
.sidebar-bdr::after {
border-bottom:5px solid transparent;
border-right:5px solid transparent;
border-top:10px solid #91c055;
content:"";
left:0;
position:absolute;
bottom:-15px
}
.full-subsec .row { margin-bottom:5px; margin-top:15px }
.full-subsec { background:rgba(0, 0, 0, 0.05); clear:both; display:block }
#services { background:url(../img/wws-bg1.png) top no-repeat fixed }
#services .masked { background:rgba(204, 204, 204, 0.60)!important }
@media (max-width:480px) {
h2.submain-title a {
font-size:18px
}
#breadcrumbs {
margin-bottom:10px
}
ul.left-panel-list li, ul.left-panel-list li a {
font-size:12px;
line-height:22px
}
.left-panel h2, .left-panel h1 {
font-size:17px
}
.img-center img {
display:block;
margin:10px auto;
float:none
}
ul.language-list li, ul.language-list li a {
font-size:15px
}
.table-content {
margin-bottom:0
}
}
.navbar-nav > li > ul { left:0!important }
.navbar-collapse li ul { z-index:999 }
.type-post { border-bottom:1px solid #ddd; margin-bottom:5px; padding-bottom:5px }
.entry-meta-details { background:rgba(15, 80, 130, 0.1) none repeat scroll 0 0; clear:both; color:#333; display:block; font-size:12px; font-weight:700; padding:5px 10px }
.entry-meta-details a { font-weight:400 }
.entry-meta-details > span { display:inline; margin-right:15px; text-transform:capitalize }
.rt-sidebar h4 { clear:both; color:#fff; display:block; margin-bottom:20px }
.type-post header { display:block; margin-bottom:15px }
.type-post a.more-link { clear:both; display:block; margin-top:5px }
.entry-footer { clear:both; display:block; margin-top:15px;  }
.entry-footer {display: none}
.entry-footer .tags-links span { font-weight:700 }
.entry-footer .tags-links a { background:#e9e9e9 none repeat scroll 0 0; border-radius:60px; color:#333; display:inline; font-weight:400; padding:3px 15px; font-size:11px }
.rt-sidebar aside { float:left; margin-bottom:10px; width:100% }
.rt-sidebar aside h4 { margin-bottom:10px }
.newsletter-main .form-control { border:0 }
.newsletter-main .input-group-addon { border:0; border-radius:0 }
.newsletter-main .btn-primary { margin:0 }
.about-item a.btn { left:0 }
.newsletter-email { border:0 none; border-radius:0; margin:10px 0 0; padding:10px; width:100% }
.newsletter-submit { background:#91c055 none repeat scroll 0 0; border:0 none; color:#fff; font-size:16px; padding:10px 15px; text-transform:uppercase }
.newsletter-submit:hover { background:#ffe600; color:#000 }

.wdform-page-and-images .wdform_page {  background: transparent!important; }
.form10 .wdform-field { display: block!important;  padding: 5px 0;  width: 100% !important; }
.form10 .wdform-label { color: #fff!important; }

.form10 .wdform-element-section {
    display: table-cell;
    float: left;
    min-width: 140px;
    text-align: left;
    width: 100% !important;
}

.form10 .wdform-label-section { display: inline-block !important;  text-align: left;  width: auto !important; }
body .form10 input[type="text"], body .form10 select {
    background: #fff none repeat scroll 0 0!important;
    color: #333!important;
    height: auto!important;
    padding: 5px 3px !important;
}

.wdform_row.ui-sortable-handle {  margin-bottom: 5px; }

.wdform_row.ui-sortable-handle {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

.form10 .wdform-ch-rad-label {  color: #fff!important; margin: -4px 10px 5px 0 !important;}
.form10 .button-submit{ background:#91c055!important}
body .form10 [type="type_checkbox"] > .wdform-label-section {
    display: none !important;
}
.left-panel{margin-left:0px !important;}
/*responsive css*/
@media (min-width:768px) {
.navbar-smak .nav.nav-down::after, .navbar-smak .nav.nav-up::after {
background:#0f5082 none repeat scroll 0 0;
height:40px;
position:absolute;
right:-100%;
width:100%
}
.decor1 {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:0 1px 4px #eee;
-webkit-box-shadow:0 1px 4px #eee;
box-shadow:0 1px 4px #eee
}
.left-panel {
min-height:650px
}
}
@media (min-width:992px) and (max-width:1199px) {
.lead {
font-size:30px
}
.table-content-inner-left, .table-content-inner-right {
min-height:621px
}
html, body {
overflow-x:hidden
}
.rt-sidebar{width:100%;}
}
@media (max-width:991px) {
.heading h1::after, .heading h1>div::after, .heading h2::after, .heading h2>div::after, .heading h2>div::before, body .heading h1>div::before {
display:none
}
.heading h2>div, body .heading h1>div {
font-size:18px;
display:block;
padding:15px
}
body .heading {
margin:35px 0
}
.service-item .ser-circle-img {
display:none;
position:relative
}
.service-item {
padding:0
}
.ser-circle .sc-items {
background:#0f5082;
color:#fff;
font-size:14px;
margin-bottom:4px;
padding:5px;
position:static;
width:100%;
text-align:left
}
.tab-text {
margin-top:20px
}
.form-horizontal .nl-box .form-control {
max-width:64%
}
.wwbox.c9 {
margin:15px 0
}
ul.left-panel-list, ul.left-panel-list-1 {
padding-left:15px
}
.table-content-inner-left, .table-content-inner-right {
min-height:621px
}
html, body {
overflow-x:hidden
}
.request-quote button{width:auto;}
.rt-sidebar{width:100%;}

}
@media (min-width:768px) and (max-width:991px) {
.lead {
font-size:30px
}
.homeslider {
height:450px!important
}
body .navbar-collapse li ul {
width:130px
}
body .navbar-collapse li ul li a {
padding:5px 15px 5px 7px !important
}
body .navbar-nav > li > ul {
left:-30px!important
}
.go-to,.navbar-brand>img { height:60px;  width:auto;}
}
@media (max-width:767px) {
body .homeslider {
height:500px!important
}
body .slide {
position:absolute;
top:30%;
margin-top:-135px;
width:100%;
text-align:center;
display:inline-block;
padding:40px 5px
}
body .lead {
font-size:18px
}
.sub-menu li a {
color:#fff;
padding-left:20px;
line-height:22px
}
.navbar-smak {
background:#fff
}
.navbar-smak .nav {
padding:5px 0
}
.navbar-smak .navbar-brand>img {
height:40px
}
.navbar-smak .navbar-brand {
padding:9px 15px 0 0
}
.navbar-collapse {
background:#0f5082
}
.navbar-nav {
margin:0
}
body .navbar-collapse li.main-item {
float:left;
width:100%
}
body .navbar-collapse li ul {
background:transparent none repeat scroll 0 0;
border-left:1px solid #fff;
left:15px!important;
position:relative;
top:0!important;
width:96%
}
body .navbar-collapse li:hover {
background-color:transparent!important
}
body .navbar-collapse li.main-item ul li.sub-item.has-child {
background:transparent!important
}
body .navbar-collapse li:hover a, body .navbar-collapse li ul li:hover > a, body .navbar-collapse li ul li:hover {
color:#91c055!important;
background-color:transparent!important
}
body .navbar-collapse li.main-item ul li.sub-item a {
color:#fff!important
}
body .navbar-collapse li.main-item ul li.sub-item a:hover {
color:#91c055!important
}
body .navbar-collapse li ul li a {
padding:3px 10px!important
}
body .navbar-collapse li ul li {
position:relative
}
.navbar-collapse li ul li::before {
background:#fff none repeat scroll 0 0;
content:"";
height:2px;
left:0;
position:absolute;
top:13px;
width:5px
}
body .navbar-nav > li > ul {
left:10px!important
}
.lead {
font-size:30px
}
.table-content-inner-left, .table-content-inner-right {
border:1px solid #000;
min-height:auto
}
.table-content-inner-left {
margin-bottom:15px
}
.ul-33 li, .ul-25 li, .ul-20 li, .ul-50 li {
width:100%
}
blockquote.typography-style-light::before {
left:10px
}
ul.language-list li {
font-size:15px
}
blockquote.typography-style-light {
width:100%;
margin-top:20px
}
.alignright, .alignleft, .aligncenter {
float:none;
margin:10px auto;
display:block
}
.top-contact-form .form-group {
margin-bottom:0
}
.left-panel ul.vfb-section-1 li {display: inline-block;width: 100% !important;}
.salesforce_w2l_lead .sf_field{width:100%;}
.go-to,.navbar-brand>img { height:60px;  width:auto;}
}
/*responsive css*/
.salesforce_w2l_lead .success_message {
    color: #000;
}

.warning > p { color: #000;}

#services a.more-link, #who-we-serve a.more-link {  color: #fff; } 
#services a.more-link:hover, #who-we-serve a.more-link:hover { background:#73bf45 }
#who-we-serve .panel-success > .panel-heading {  background-color: #73bf45; }  
#who-we-serve li {  color: #444; }
.navbar.navbar-smak {z-index: 9999 !important;}
#easy-top-menu >ul {display:none !important;}
.branded-section .heading h2 {    color: #fff !important;}
