@charset "utf-8";
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
*, *:hover, *:focus, *:before, *:after { behavior: url(../img/backgroundsize.min.htc); -moz-behavior: url(../img/backgroundsize.min.htc); -ms-behavior: url(../img/backgroundsize.min.htc); -webkit-behavior: url(../img/backgroundsize.min.htc); -o-behavior: url(../img/backgroundsize.min.htc); }
img { vertical-align: middle; max-width: 100%; }
p { margin: 0 0 10px; line-height: 24px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; margin-bottom: 10px; }
h1, .h1 { font-size: 45px; line-height: normal; }
h2, .h2 { font-size: 40px; line-height: normal; }
h3, .h3 { font-size: 24px; line-height: normal; }
h4, .h4 { font-size: 22px; line-height: normal; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 16px; }
ul, ol { margin: 0; padding: 0; line-height: normal; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; line-height: normal; }
.list-unstyled { padding-left: 0; list-style: none; }
a { color: #767676; text-decoration: none; }
a:hover, a:focus { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: none; text-decoration: none; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
button, a, input { outline: focus !important; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.outer-width { margin-right: auto; margin-left: auto; width: 100%; float: left; }
.outer-width:before, .outer-width:after { content: " ";  /* 1 */ display: table;  /* 2 */ }
.outer-width:after { clear: both; }
/**Body CSS**/
html { height: 100%; }
body { position: relative; overflow-x: hidden; font-size: 14px; background: #ffffff; color: #303030; font-family: 'gothammedium'; -webkit-font-smoothing: antialiased; height: 100%; }
/**Wrapper CSS**/
#wrapper { margin: 0 auto; position: relative; width: 100%; float: left; }
/*font-family: 'Brandon_reg';*/
/*font-family: 'Brandon_med';*/

/*27-07-2017*/
ol {list-style-type: none;margin: 0 0 15px; padding: 0;}
ol li{color: #8a8a8a;font-size: 15px; letter-spacing: 0.3px;line-height: 25px; margin: 0 0 13px;padding-left: 25px;position: relative;}
ol li::before{color: #0080ff; content: "\f0a9";font-family: FontAwesome;font-size: 16px;left: 0;opacity: 1;position: absolute;top: 1px;}

/**header**/
.yamm .nav, .yamm .dropup, .yamm .dropdown, .yamm .collapse { position: static; }
.yamm .navbar-inner, .yamm .container { position: relative; }
.yamm .dropdown-menu { left: auto; }
.yamm .dropdown-menu > li { display: block; }
.yamm .dropdown-submenu .dropdown-menu { left: 100%; }
.yamm .nav.pull-right .dropdown-menu { right: 0; }
.yamm .yamm-content { padding: 20px 15px; *zoom: 1;
}
.yamm .yamm-content:before, .yamm .yamm-content:after { display: table; content: ""; line-height: 0; }
.yamm .yamm-content:after { clear: both; }
.yamm.navbar .nav > li > .dropdown-menu:after, .yamm.navbar .nav > li > .dropdown-menu:before { display: none; }
.yamm .dropdown.yamm-fullwidth .dropdown-menu { width: 100%; left: 0; right: 0; }
.caret-rotate { font-size: 12px !important; margin-left: 2px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
#header { float: left; position: relative; z-index: 99; }
.home #header { left: 0; padding: 0; position: absolute; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 9999; }
.fixed-header { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.navbar-brand { height: auto; transition: all 0.5s ease 0s; }
.main-navbar .navbar-collapse { margin-top: 0; }
#navigation { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: none; margin-bottom: 0; }
.nav-top { background: #4ab0da; position: relative; border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; -ms-border-radius: 0 0 5px 0; -o-border-radius: 0 0 5px 0; padding: 0 10px 0 20px; float: right; }
.nav-top:before { content: ""; width: 30px; height: 35px; position: absolute; bottom: 0; left: -29px; background: url(../img/top-nav-left.png) no-repeat left center; }
.nav-top a { color: #fff; }
.nav-top > li { min-width: 96px; padding: 0 13px 0 11px; position: relative; }
.nav-top>li:after { content: ""; width: 1px; height: 21px; position: absolute; left: 0; background: #fff; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: -3px; }
.dropdown-toggle .caret { display: inline-block; height: auto !important; }
.nav-top > li:first-child::after { display: none; }
.nav-top > li > a { float: left; font-size: 14px; min-height: 35px; padding: 5px 7px; }
.nav-top>li>a:focus, .nav-top>li>a:hover { background-color: #1e93c3; }
.nav-top>li>a span { margin-left: 7px; }
.navbar-brand { line-height: 20px; padding: 5px 0px 5px 7px; max-width: 382px; }
.navbar-collapse { clear: right; float: right; margin-top: 32px; padding: 0; }
.main-nav { display: block; float: none; margin-right: -15px; }
#navigation .nav li { display: inline-block; float: left; margin: 0 0 0 0; }
.main-nav > li > a { color: #ffffff; font-family: "gothambold"; font-size: 15px; padding: 31px 25px; }
.main-nav > li:last-child > a { padding-right: 0; }
.main-nav>li>a:hover, .main-nav>li>a:focus, .main-nav > li.active > a { color: #c4e2ff; background: none; }
.main-nav .open > a, .main-nav .open > a:focus, .main-nav .open > a:hover { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); color: #c4e2ff; }
.request-btn { margin-left: 75px; padding: 8px 18px; text-align: center; vertical-align: top; }
.btn { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; text-transform: uppercase; display: inline-block; }
.btn-info { background: none; border: 2px solid #4ab0da; color: #4ab0da; }
.btn-info:hover, .btn-info.focus, .btn-info:focus { color: #fff; background-color: #4ab0da; border-color: #4ab0da; outline: none; }
.nav .fa { font-size: 18px; vertical-align: middle; }
#navigation .nav li.login1 { padding: 0; }
#navigation .nav li.login1 a { border-radius: 0 0 4px; float: none; margin-right: -9px; margin-top: -4px; padding: 9px 29px 9px 18px; }
#navigation .nav li.social-iconhead a { min-height: 0; padding-bottom: 6px; padding-top: 4px; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; }
.fixed-header .curv-top-left, .fixed-header .curv-top-right { display: none; }
.fx { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; }
.fxIn { margin-bottom: 30px; }
/**Slider CSS**/
#banner-wrap { background: #0080ff none repeat scroll 0 0; min-height: 896px; position: relative; }
#banner-wrap.outer-width { float: none; }
.banner { background-size: cover; background-position: center center; display: block; height: 100%; min-height: 470px; position: relative; }
.banner-caption { background-repeat: no-repeat; color: #ffffff; left: 0; margin: 0 auto; max-width: 90%; min-height: 315px; padding-top: 110px; position: absolute; right: 0; text-align: left; top: 50%; transform: translateY(-50%); z-index: 99; }
.banner div.mainText { font-size: 46px; line-height: normal; font-family: "gothammedium"; font-weight: normal; }
.banner-caption .heading-banner2 { font-family: "gotham-black"; font-size: 56px; line-height: 1.1; }
.banner-caption p { font-family: gothammedium; font-size: 15px; letter-spacing: 0.56px; line-height: 25px; margin: 31px 0 10px; max-width: 740px; padding: 0 0 0 10px; }
.read-more { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #ffffff; border-radius: 40px; color: #ffffff; display: inline-block; font-family: gothambold; font-size: 15px; font-weight: 500; line-height: 1; margin: 29px 0 0; min-width: 154px; padding: 18px 32px 15px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; vertical-align: top; }
.banner-caption { display: block; }
.flex-control-nav { display: none; }
iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.home #wrapper, #banner-wrap, .banner { height: 100%; }
{
transition:0.3s ease-in-out;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-ms-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
}
/**************************/
.btm_go span { border: 1px solid #ffffff; border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -moz-border-radius: 20px; bottom: 32px; display: block; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; transition: all 0.5s ease 0s; width: 8px; z-index: 99; top: 7px; background: #ffffff; }
.btm_go { display: block; height: 28px; left: 0; margin: 0 auto; position: absolute; right: 0; transition: all 0.5s ease 0s; width: 32px; z-index: 9999; bottom: 27px; text-align: center; animation-name: fly; -webkit-animation-name: fly; animation-duration: 1.9s; -webkit-animation-duration: 1.9s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; animation-delay: 0; -webkit-animation-delay: 0; animation-direction: alternate; -webkit-animation-direction: alternate; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-fill-mode: none; -webkit-animation-fill-mode: none; animation-play-state: running; -webkit-animation-play-state: running; }
/* ==========================================================================
   11 - Animation
   ========================================================================== */
 
.scrollanimation { animation: scrollanimation 2s infinite; -webkit-animation: scrollanimation 2s infinite; -moz-animation: scrollanimation 2s infinite; -o-animation: scrollanimation 2s infinite; }
 @-webkit-keyframes scrollanimation { 0% {
height:5px
}
50% {
height:38px
}
100% {
height:5px
}
}
 @-moz-keyframes scrollanimation { 0% {
height:5px
}
50% {
height:38px
}
100% {
height:5px
}
}
 @-o-keyframes scrollanimation { 0% {
height:5px
}
50% {
height:38px
}
100% {
height:5px
}
}
@keyframes scrollanimation { 0% {
height:5px
}
50% {
height:38px
}
100% {
height:5px
}
}
/*****track***/
.track { left: 0; margin: 18px auto 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 1170px; z-index: 9999; }
.location.l1 { bottom: -9px; left: -4px; position: absolute; }
.location.l2 { bottom: 84px; left: 35.8%; position: absolute; }
.location.l3 { bottom: 288px; left: 90%; position: absolute; }
.location.l4 { position: absolute; right: 186px; top: -13px; }
.location.l5 { position: absolute; right: 0; top: 50px; }
.l1-dot { background: #19D398; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: block; height: 10px; position: relative; width: 10px; }
 @keyframes waves { 0% {
transform: scale(0);
opacity: 0.5;
}
 50% {
transform: scale(2);
opacity: 0.3;
}
 100% {
transform: scale(3);
opacity: 0;
}
}
.l1-dot::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0; border-radius: 100%; animation: waves 3s ease-out infinite; background-color: #19D398; }
.location.l6 { position: absolute; top: 50px; left: 25%; }
.location.l7 { position: absolute; bottom: 50px; right: 50px; }
.track-inner { position: relative; }
.scooter-man { bottom: 0; left: 10px; position: absolute; width: 110px; }
.h_dir1 { position: absolute; right: 172px; top: -82px; }
.h_dir2 { left: 57px; position: absolute; top: 334px; }
.h_dir3 { left: 39%; position: absolute; top: 59px; }
/*************/
.location { text-align: center; z-index: 999 }
.location.l2 .l1-dot, .location.l5 .l1-dot, .location.l6 .l1-dot, .location.l2 .l1-dot::before, .location.l5 .l1-dot::before, .location.l6 .l1-dot::before { background: #35BEFF; }
.location.l3 .l1-dot, .location.l4 .l1-dot, .location.l3 .l1-dot::before, .location.l4 .l1-dot::before { background: yellow; }
/*************/
/***************/
.service-block { background: #555555 none repeat scroll 0 0; color: #ffffff; height: 250px; line-height: 250px; text-align: center; }
.service-img { display: inline-block; line-height: 1; max-width: 30%; vertical-align: middle; }
.service-cont { display: inline-block; font-size: 26px; line-height: 1; padding: 0 0 0 46px; text-align: left; vertical-align: middle; width: 242px; max-width: 70% }
.service-block.light-blue { background: #4ab0da none repeat scroll 0 0; }
/******/
.heading2 { background: rgba(0, 0, 0, 0) url("../img/heading2-bg.png") no-repeat scroll center bottom; color: #303030; font-size: 40px; margin: 0 0 20px; padding: 0 0 41px; text-align: center; text-transform: uppercase; }
#what-we-offer { background: #F8F8F8 none repeat scroll 0 0; padding: 67px 0 81px; background-image: url('../img/services-back.png'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 100% auto; position: relative; }
#what-we-offer .container { z-index: 100; position: relative; }
#what-we-offer.outer-width { float: none; }
.deliver h2 { color: #303030; font-family: brandon_reg; font-size: 24px; font-weight: normal; text-align: center; }
.bd-bottom-right { border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.bd-bottom { border-bottom: 1px solid #cccccc; }
.bd-right { border-right: 1px solid #cccccc; }
.offer-block { color: #303030; display: block; height: 290px; margin: 0; padding: 40px 25px 25px; position: relative; text-align: center; width: 100%; }
.offer-cont h2 { color: #404040; font-family: gothambold; font-size: 20px; }
.offer-cont > p { color: #878787; font-family: gothammedium; font-size: 15px; letter-spacing: 0.7px; }
.offer-hover { background: rgba(74, 175, 217, 0.9) none repeat scroll 0 0; color: #ffffff; height: 100%; left: 0; opacity: 0; overflow: hidden; position: absolute; text-align: center; top: 0; visibility: hidden; width: 100%; transition: all 0.3s ease 0s; }
.offer-img { height: 75px; margin: 0 0 10px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; top: 0; }
.services-img1 { display: inline-block; }
.services-img2 { display: none; }
#what-we-offer .flexslider { margin: 20px 0; position: relative; }
.offer-text { font-size: 18px; left: 50%; padding: 15px; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 100%; }
.offer-block:hover .offer-hover { opacity: 1; overflow: visible; visibility: visible; }
.offer-block:hover { color: #333333; text-decoration: none; }
.col-services { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.col-services:nth-child(1){border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;}
.col-services:nth-child(2){border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;}
.col-services:nth-child(3){border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;}
.col-services:nth-child(4){border-bottom:1px solid #cccccc;}
.col-services:nth-child(5){border-right:1px solid #cccccc;}
.col-services:nth-child(6){border-right:1px solid #cccccc;}
.col-services:nth-child(7){border-right:1px solid #cccccc;}
.col-services:hover { background-color: #0080ff; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0 -4px 27px -4px #777777; -moz-box-shadow: 0 -4px 27px -4px #777777; -ms-box-shadow: 0 -4px 27px -4px #777777; -o-box-shadow: 0 -4px 27px -4px #777777; box-shadow: 0 -4px 27px -4px #777777; }
.col-services:hover { background-color: #0080ff; color: #fff; border-color: #0080ff; }
.col-services:hover .offer-cont h2, .col-services:hover .offer-cont > p { color: #ffffff; }
.col-services:hover .services-img1 { display: none; }
.col-services:hover .services-img2 { display: inline-block; }
.col-services:hover .offer-img { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; top: -15px; }
.close-dropdown { position: absolute; right: 0; top: -15px; cursor: pointer; }
/*****************/
/*************about***********/ 
.about-section { margin-bottom: 30px; margin-top: 65px; }
.abt-wrap { float: left; margin: 0 0 34px; width: 100%; }
.abt-img { float: left; margin: 0; min-height: 140px; text-align: center; width: 328px; }
.abt-right { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); float: left; margin-left: -132px; margin-top: 40px; min-height: 184px; padding: 41px 36px 15px 43px; position: relative; width: 353px; font-family: 'Brandon_reg'; }
h3 { color: #4ab0da; font-size: 22px; }
.abt-right h3 { line-height: 1.1; margin: 0 0 8px; }
#multiple-business { background: rgba(0, 0, 0, 0) url("../img/business-bg.jpg") no-repeat scroll center center; background-size: cover; padding: 0 0 22px; }
#multiple-business .flexslider.deliver { margin: 0 0 62px; }
.white-wrap > h4 { font-size: 18px; line-height: 1; }
/*********/
.work-block { position: relative; color: #ffffff; font-family: brandon_reg; text-align: center; }
.work-block::after { background: rgba(0, 0, 0, 0) url("../img/round-fall.png") no-repeat scroll center bottom; content: ""; height: 84px; position: absolute; right: -46px; top: -43px; width: 80px; }
.work-block.col-sm-3:last-child::after { display: none; }
.three-block { display: block; min-height: 254px; padding: 15px 30px; text-align: center; width: 100%; }
.three-block h4 { font-size: 30px; font-weight: bold; line-height: 35px; margin-top: 36px; }
.round-img { background: #ffffff none repeat scroll 0 0; border: 8px solid #4ab0da; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; height: 210px; line-height: 180px; margin: -76px 0 10px; overflow: hidden; padding: 0; text-align: center; transition: all 0.3s ease 0s; vertical-align: top; width: 210px; }
.round-img:focus { outline: none; }
/*******/
#fastest-way { background: #f3f3f3 none repeat scroll 0 0; padding: 86px 0 40px; }
#fastest-way.outer-width { float: none; }
#fastest-way .flexslider { margin: 0 0 24px; }
.deliver-img { text-align: center; }
.row.deliver-anything { display: inline-block; margin: 20px 0 10px; padding-bottom: 26px; position: relative; }
.padding50 { padding-top: 35px; }
.row.deliver-anything::after { background: #ececec none repeat scroll 0 0; content: ""; display: block !important; height: 2px; left: 145px; position: absolute; top: 118px; width: 425px; }
.deliver-img { padding-right: 8px; padding-top: 8px; }
.deliver-txt { margin-left: -11px; padding-left: 0; }
.deliver-txt p { font-family: 'Brandon_reg'; }
.deliver-txt h3 { margin: 0 0 3px; }
.row.deliver-anything:last-child::after { display: none !important; }
/***********/
#local-business { background: rgba(0, 0, 0, 0) url("../img/video-bg.jpg") no-repeat scroll center center; color: #ffffff; min-height: 522px; padding: 100px 0; text-align: center; background-size: cover; }
#local-business h4 { font-family: brandon_reg; font-size: 30px; margin: 0 0 16px; }
#local-business h2 { font-family: brandon_reg; font-size: 40px; line-height: 1.25; }
.video-click { display: inline-block; margin: 30px 0 0; max-width: 150px; }
/***********/
#how-it-works { padding: 97px 0 0; }
#how-it-works .deliver h2 { line-height: 1.2; margin: 4px 0; }
/*********/
.blue-sect { background: rgba(0, 0, 0, 0) url("../img/fastestbg.jpg") repeat scroll center bottom; margin: 108px 0 0; min-height: 446px; padding: 0 0 97px; background-size: cover; }
.blue-sect .container { max-width: 982px; }
/*******/
#download-app { padding: 40px 0 0; position: relative; }
#download-app p { font-family: 'Brandon_reg'; }
.col-md-6.download-right { padding: 59px 43px 10px 0; }
#download-app h2 { font-size: 40px; margin: 0 0 8px; text-transform: uppercase; }
#download-app h3 { font-size: 24px; margin: 0 0 16px; }
.download-right li { display: inline-block; list-style: outside none none; margin: 25px 25px 0 0; }
.download-right li a:hover { background: rgba(70, 187, 236, 0.2) none repeat scroll 0 0; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; display: block; opacity: 1; }
/*******/
#footer { background: #121313 none repeat scroll 0 0; color: #ffffff; min-height: 420px; padding: 0 0 0; }
.footer-right { float: none; padding: 75px 44px 0 45px; width: auto; }
#footer h6 { font-size: 18px; line-height: 1; margin: 0 0 15px; font-family: gothambold; }
#footer p { font-family: brandon_med; margin: 0 0 3px; }
#footer a { color: #fefefe; }
.read_more { color: #fefefe; font-family: brandon_reg; font-size: 14px; text-decoration: underline; }
.news-letter { display: inline-block; margin: 2px 0 11px; position: relative; vertical-align: top; width: 100%; }
.news-letter::after { color: #959595; content: ""; font-family: fontawesome; font-size: 14px; left: 29px; position: absolute; top: 14px; width: auto; }
.ft-nt input { background: #ffffff none repeat scroll 0 0; border: medium none; border-radius: 60px 0 0 60px; -webkit-border-radius: 60px 0 0 60px; -moz-border-radius: 60px 0 0 60px; -ms-border-radius: 60px 0 0 60px; color: #959595; float: left; font-family: brandon_reg; font-size: 14px; height: 46px; padding: 2px 10px 0 56px; width: 252px; }
.ft-nt button { background: #4ab0da none repeat scroll 0 0; border: medium none; border-radius: 0 60px 60px 0; -webkit-border-radius: 0 60px 60px 0; -moz-border-radius: 0 60px 60px 0; -ms-border-radius: 0 60px 60px 0; -oborder-radius: 0 60px 60px 0; color: #ffffff; font-family: brandon_reg; font-size: 14px; height: 46px; padding: 0 20px; text-transform: uppercase; width: 118px; }
.ft-nt button:hover { background: #3096c0 none repeat scroll 0 0; }
#footer ::-webkit-input-placeholder {
 color: #959595 !important;
}
#footer :-moz-placeholder {
color: #959595 !important;
}
#footer ::-moz-placeholder {
color: #959595 !important;
opacity: 1 !important;
}
#footer :-ms-input-placeholder {
 color: #959595 !important;
opacity: 1 !important;
}
#footer input:-moz-placeholder {
 color: #959595 !important;
opacity: 1 !important;
}
#footer placeholder { color: #798e94; opacity: 1 !important; }
.social-icon li { display: inline-block; list-style: outside none none; margin: 13px 7px 0 0; vertical-align: top; }
.social-icon img { display: block; }
.social-icon a:hover { background: #0a0a0a; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; display: block; }
.copy-right { background: #0a0a0a none repeat scroll 0 0; border-top: 1px solid #0a0a0a; color: #fefefe; font-size: 13px; margin: 0 -15px; padding: 15px 0; text-align: center; font-family: 'Poppins', sans-serif; font-weight: 400; }
input:focus { outline: medium none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; }
.copy-right a { color: #0080ff !important; text-decoration: none; }
.copy-right a:hover, .copy-right a:focus { color: #0057d5 !important; text-decoration: none; }
/************/
#brand_retailer { background: #f3f3f3 none repeat scroll 0 0; padding: 67px 0 40px; text-align: center; }
#brand_retailer .flexslider { margin: 20px 0 50px; position: relative; }
.brand-img { background: #ffffff none repeat scroll 0 0; border-radius: 50%; display: block; height: 110px; line-height: 101px; margin: -48px auto 0; text-align: center; width: 110px; z-index: 9999; }
.brand-block { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); color: #303030; display: inline-block; height: auto; margin: 0; min-height: 134px; padding: 0 54px 15px; position: relative; text-align: center; width: 100%; z-index: 99; max-width: 400px; }
.brand-retailer { margin: 40px 0; position: relative; }
.brand-retailer::before { background: #ffffff none repeat scroll 0 0; border-radius: 50%; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); content: ""; height: 114px; left: 0; margin: -48px auto 0; position: absolute; right: 0; top: 0; width: 114px; z-index: -1; }
.place-card.place-card-large { display: none; }
.login-control { display: none; }
#contact-us { background: #f3f3f3 none repeat scroll 0 0; padding: 60px 0; }
.form-control { height: 44px; }
textarea.form-control { height: 130px; }
#contact-us .btn { background: #4ab0da none repeat scroll 0 0; border-radius: 30px; color: #ffffff; display: inline-block; margin-top: 20px; min-width: 150px; padding: 10px 30px; text-transform: uppercase; border: 2px solid #4ab0da; }
#contact-us .btn:hover { background: none; color: #4ab0da; }
.contact-form { padding-top: 30px; }
/*********************chat with us -******************/
.chat_with_us { border: 54px none; bottom: 30px; position: fixed; right: 20px; width: 390px; z-index: 99999999; }
.chat_btn { background: #0051a2 none repeat scroll 0 0; border-radius: 60px; color: #ffffff; display: block; float: right; font-size: 27px; height: 45px; line-height: 45px; opacity: 0.9; overflow: hidden; text-align: center; transition: all 0.3s ease 0s; width: auto; font-family: gothamregular; padding: 0 20px; text-decoration: none !important; outline: none; }
.chat-btn-text { display: inline-block; font-size: 18px; vertical-align: top; }
.chat_btn:hover, .chat_btn:focus { opacity: 1; color: #ffffff; }
.chat_login, .message_box { display: none; }
.chat_login { background: #ffffff none repeat scroll 0 0; float: right; height: auto; margin: 0 0 0; overflow: hidden; text-align: left; width: 344px; }
.chat_blue_bg { background: #0051a2 none repeat scroll 0 0; color: #f4f4f4; min-height: 0; padding: 18px 17px; }
.chat_blue_bg h4 { font-family: gothambold; font-size: 15px; line-height: 1; margin: 0; }
.c_btn { cursor: pointer; }
.chat_white_bg { color: #8a8a8a; font-family: gothammedium; font-size: 15px; padding: 12px 20px; }
.form-group { margin-bottom: 17px; text-align: left; }
.chat_white_bg textarea.form-control { height: 88px; }
.chat_white_bg .form-control { background-color: #ffffff; background-image: none; border: 1px solid #c0c0c0; border-radius: 5px; box-shadow: none; color: #a8a8a8; display: block; font-size: 13px; height: 41px; line-height: 1.42857; padding: 5px 10px 7px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; font-family: gothammedium; }
.chat_white_bg .btn { background: #0080ff none repeat scroll 0 0; border-radius: 5px; color: #ffffff; font-family: open sans bold; margin-top: 2px; min-width: 0; width: 100%; font-size: 13px; font-family: gothambold; height: 42px; }
.chat_blue_bg .fa { font-size: 20px; margin-right: 12px; }
.chat-righthead { float: right; }
.chat_btn.c_btn.open_form { height: 0; }
.user-text { background: rgba(226, 225, 224, 0.6) none repeat scroll 0 0; border-radius: 4px; float: right; padding: 6px 16px; text-align: left; width: 210px; position: relative; }
.user-text > p { color: #898989; font-size: 12px; line-height: 1.54; margin: 0; }
.user-img { float: left; margin-top: 5px; width: 46px; }
.user1_admin, .user_chat { display: inline-block; margin: 0 0 25px; vertical-align: top; width: 100%; }
.user_chat .user-text { float: left; }
.user_chat .user-img { float: right; }
.chat_white_bg.user-chating { padding: 0; }
.user-chating_wrap { float: left; height: 216px; overflow-y: auto; padding: 25px 20px 0 25px; width: 100%; }
.chat_white_bg .send-message .form-control { border: medium none; border-radius: 0 0 10px 10px; box-shadow: 0 0 3px 0 #c2c2c2; height: 44px; padding-left: 25px; }
.user-text::before { border-bottom: 5px solid rgba(0, 0, 0, 0); border-right: 8px solid #eeeeee; border-top: 5px solid rgba(0, 0, 0, 0); color: #e2e0e1; content: ""; display: block; height: 0; left: -7px; margin-left: 0; margin-top: 0; position: absolute; width: 0; z-index: 9; }
.user_chat .user-text::before { border-left: 8px solid #eeeeee; border-right: medium none; left: auto; right: -7px; }
/****************************/
.acTypes { display: inline-block; vertical-align: top; width: 100%; padding: 78px 0 95px; background-image: url('../img/portfolio-back.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 100% auto; position: relative; background-color: #fff; }
.acTypes .container { position: relative; z-index: 100; }
.owl-carousel .item .portfolio-img img { transform-style: preserve-3d; width: auto; }
/********title-css**********/

.heading_2::before { background: #404041 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 116px; }
.heading_2::after { background: #0080ff none repeat scroll 0 0; bottom: -1px; content: ""; height: 3px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 34px; }
.heading_2 { padding-bottom: 10px; position: relative; color: #404041; font-size: 40px; font-weight: normal; line-height: 1; margin: 0 0 50px; text-align: center; font-family: gothambold; text-decoration: none !important; }
/******************/
.portfolio-img { float: left; width: 84%; }
.portfolio-right { background: #0080ff none repeat scroll 0 0; color: #ffffff; float: left; font-family: gothammedium; margin-left: -15.7%; margin-right: -30px; margin-top: 90px; padding: 35px 43px 20px 41px; position: relative; width: 31.6%; z-index: 99; min-height: 370px; }
#fastest-way { background: #f3f3f3 url("../img/help-bg.jpg") no-repeat scroll center top; padding: 48px 0 40px; }
#fastest-way .form-control { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 1px solid #81c0f5; border-left: none; border-right: none; border-top: none; box-shadow: none; border-radius: 0; color: #ffffff; height: 40px; }
.acTypes .heading_2 { font-size: 35px; margin: 0 0 44px; padding-bottom: 9px; }
.portfolio-right > div.port_title { font-family: gothambold; font-size: 30px; letter-spacing: 1px; line-height: 1.1; margin: 11px 0 25px; }
.portfolio-right > p { font-size: 15px; letter-spacing: 0.5px; line-height: 25px; padding: 0 0 0 1px; }
.portfolio-right > h3 { font-size: 16px;color:#fff; }
.portfolio-right .read-more { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #ffffff; border-radius: 40px; color: #ffffff; display: inline-block; font-family: gothambold; font-size: 15px; font-weight: 500; line-height: 1; margin: 23px 0 0 -9px; min-width: 141px; padding: 12px 0 13px; text-align: center; text-transform: uppercase; transition: all 0.5s ease 0s; vertical-align: top; }
/****************form-section**************/
.vesa-img { left: 31px; position: absolute; top: 0; }
.vesa-text { color: #ffffff; font-family: gothammedium; padding: 11px 0 0 193px; position: relative; }
.vesa-text > h4 { font-size: 22px; text-transform: uppercase; }
.vesa-text > span { letter-spacing: 0.6px; line-height: 1.6; padding: 0 30px 0 0; font-size: 16px; }
.form-group.required { display: inline-block; margin-right: 5.5%; vertical-align: top; width: 31.1%; }
#fastest-way ::-webkit-input-placeholder {
 color: #ffffff !important;
}
#fastest-way :-moz-placeholder {
color: #ffffff !important;
}
#fastest-way ::-moz-placeholder {
color: #ffffff !important;
opacity: 1 !important;
}
#fastest-way :-ms-input-placeholder {
 color: #ffffff !important;
opacity: 1 !important;
}
#fastest-way input:-moz-placeholder {
 color: #ffffff !important;
opacity: 1 !important;
}
#fastest-way placeholder { color: #ffffff; opacity: 1 !important; }
.vesa-text .text-center { display: inline-block; width: 120px; }
.vesa-text .btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #ffffff; color: #ffffff; height: 46px; min-width: 252px; padding: 6px 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.vesa-text > form { margin-top: 46px; }
/********client********/
/*.client-img { border-radius: 50%; box-shadow: 0 0 3px 0 #cccccc; display: block; float: none; height: 120px; line-height: 120px; margin: 0 auto 20px; text-align: center; width: 120px; }*/
.client-img {border-radius: 50%;box-shadow: 0 0 3px 0 #cccccc;display: block;float: none;height: 200px;line-height: 200px;margin: 0 auto 20px;text-align: center;width: 200px;}
.owl-carousel .item .client-img img { display: inline-block; transform-style: preserve-3d; vertical-align: middle; /*width: auto;*/width: 151px; }
.client-section { display: inline-block; padding: 75px 0 80px; vertical-align: top; width: 100%; }
.client-section .heading_2 { font-size: 35px; }
.client-box { text-align: center; }
.client-box h5 { color: #404041; font-size: 18px; margin: 5px 0; text-transform: uppercase; font-family: gothambold; }
.client-box h5 a { color: #404041; text-decoration: none; }
.client-box h5 a:hover, .client-box h5 a:focus { color: #0080ff; }
.client-box h6 { color: #0080ff; font-family: gothambookregular; font-size: 16px; font-style: italic; }
.client-box { color: #878787; font-family: gothammedium; font-size: 15px; font-style: italic; }
/*------09/06/17--------*/
.header-call a { font-size: 15px; color: #fff; font-family: "gothammedium"; text-decoration: none; }
.header-call a span { display: inline-block; vertical-align: top }
.header-call a img { margin-right: 5px; position: relative; top: -2px; }
.header-call a:hover { color: #c4e2ff; ; }
.main-navbar .navbar-toggle { margin-top: 20px !important; border: 1px solid #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.main-navbar .navbar-toggle .icon-bar { background: #ffffff none repeat scroll 0 0; }
.main-navbar .navbar-toggle:focus, .main-navbar .navbar-toggle:hover { background: #0051a2 none repeat scroll 0 0; }
.header-top { padding: 12px 0 6px; background-color: #0073e6; }
.top-social { list-style-type: none; padding: 0; margin: 4px 0 0; }
.top-social li { display: inline-block; color: #fff; margin: 0 10px 0; }
.top-social li:first-child { margin-left: 0; }
.top-social li a { color: #fff; font-size: 16px; }
.top-social li a:hover, .top-social li a:focus { color: #c4e2ff; }
.home-banner { position: relative; overflow: hidden; }
.curv-top-left { position: absolute; top:;
left: 0; z-index: 10000; }
.curv-top-right { position: absolute; top:;
right: 0; z-index: 10000; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.curv-bottom-left { position: absolute; bottom: -34px; left: -16px; z-index: 10000; }
.curv-bottom-right { position: absolute; bottom: 0; right: 0; z-index: 10000; }
.main-navbar { border-bottom: 1px solid #4da3ff !important; border-top: 1px solid #4da3ff !important; background: rgb(0,128,255); background: -moz-linear-gradient(top, rgba(0,128,255,1) 0%, rgba(0,128,255,1) 100%); background: -webkit-linear-gradient(top, rgba(0,128,255,1) 0%, rgba(0,128,255,1) 100%); background: linear-gradient(to bottom, rgba(0,128,255,1) 0%, rgba(0,128,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080ff', endColorstr='#0080ff', GradientType=0);
}
.caret { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.dropdown-toggle[aria-expanded="true"] .caret { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.dropdown-toggle[aria-expanded="false"] .caret { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.container-static { position: static !important; }
.yamm-fullwidth .dropdown-menu { padding: 0 !important; margin: 0 !important; top: 100%; border: none; border-bottom: 1px solid #4da3ff; border-top: 1px solid #4da3ff; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.yamm-fullwidth .dropdown-menu > li { display: block !important; float: none !important; margin: 0 !important; }
.submenu-list { list-style-type: none; margin: 0; padding: 0; }
.submenu-list li { position: relative; padding-left: 16px; margin: 0 0 18px !important; display: block !important; float: none !important; }
.submenu-list li::before { position: absolute; content: '\f105'; font-family: FontAwesome; left: 0; top: 1px; }
.submenu-list li:last-child { margin-bottom: 0 !important; }
.heading-menu { font-family: "gothammedium"; font-size: 15px; letter-spacing: 1px; line-height: 20px; margin: 0 0 5px; }
.heading-menu a { color: #fff; text-decoration: none; }
.heading-menu a:hover { color: #c4e2ff; }
.submenu-list li p { font-size: 13px; font-family: 'GothamLight'; letter-spacing: 1px; }
.submenu-list li p span { display: block; line-height: 14px; }
.megamenu-content { background-color: #0073e6; color: #fff; padding: 30px 15px 15px !important; }
.portfolio .owl-controls .owl-nav { position: absolute; top: 0; right: 0; }
.client .owl-controls { margin: 30px 0 0; text-align: center; }
.owl-carousel .fa { line-height: 28px; }
.owl-carousel .owl-prev { border: 2px solid #404041; border-radius: 60px; color: #404041; display: inline-block; font-size: 31px; height: 32px; line-height: 20px; text-align: center; width: 32px; margin-right: 22px; }
.owl-carousel .owl-next { border: 2px solid #404041; border-radius: 60px; color: #404041; display: inline-block; font-size: 31px; height: 32px; line-height: 20px; text-align: center; width: 32px; padding: 0 10px; }
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover { border: 2px solid #0080ff; color: #0080ff; }
/*section-social css*/
.section-social { }
.social-col-left { background-color: #0080ff; padding: 50px 35px 42px 60px; color: #ffffff; font-family: 'gothammedium'; margin: 0 -15px; min-height: 234px; }
.social-col-left > .heading-social-form { font-size: 22px; margin: 6px 0 0; text-transform: uppercase; }
.social-col-left > span { letter-spacing: 0.6px; line-height: 1.6; padding: 0 30px 0 0; font-size: 16px; }
.social-col-left .form-group.required { display: inline-block; margin-right: 5.5%; vertical-align: top; width: 31.1%; }
.social-col-left .form-group.required:nth-child(2) { margin-right: 28px; }
 .social-col-left ::-webkit-input-placeholder {
 color: #ffffff !important;
}
.social-col-left :-moz-placeholder {
color: #ffffff !important;
}
.social-col-left ::-moz-placeholder {
color: #ffffff !important;
opacity: 1 !important;
}
.social-col-left :-ms-input-placeholder {
 color: #ffffff !important;
opacity: 1 !important;
}
.social-col-left input:-moz-placeholder {
 color: #ffffff !important;
opacity: 1 !important;
}
.social-col-left placeholder { color: #ffffff; opacity: 1 !important; }
.social-col-left .text-center { display: inline-block; width: 120px; }
.social-col-left .btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #ffffff; color: #ffffff; height: 46px; padding: 6px 35px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.social-col-left > form { margin-top: 22px; }
.social-col-left .form-control { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 1px solid #81c0f5; border-left: none; border-right: none; border-top: none; color: #ffffff; height: 46px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.social-col-right { margin: 0 -15px; }
.social-biglinks { margin: 0; padding: 0; list-style-type: none; }
.social-biglinks li { width: 20%; float: left; }
.social-biglinks li a { min-height: 234px; padding: 92px 30px 92px; display: block; color: #fff; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.social-biglinks li a .fa { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.social-biglinks li a.facebook { background-color: #3e5596; }
.social-biglinks li a.twitter { background-color: #2ac6fe; }
.social-biglinks li a.google { background-color: #e04f39; }
.social-biglinks li a.instagram { background-color: #a525c5; }
.social-biglinks li a.youtube { background-color: #b61800; }
.social-biglinks li a.facebook:hover, .social-biglinks li a.facebook:focus { background-color: #1f3677; }
.social-biglinks li a.twitter:hover, .social-biglinks li a.twitter:focus { background-color: #08a4dc; }
.social-biglinks li a.google:hover, .social-biglinks li a.google:focus { background-color: #bb2a14; }
.social-biglinks li a.instagram:hover, .social-biglinks li a.instagram:focus { background-color: #8505a5; }
.social-biglinks li a.youtube:hover, .social-biglinks li a.youtube:focus { background-color: #910000; }
.social-biglinks li a:hover .fa { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
/*section-social css end*/
/* blog page css */
.section-topbanner { position: relative; padding-top: 119px; background-attachment: scroll; background-size: cover; background-position: center center; min-height: 445px; background-repeat: no-repeat; }
.section-topbanner::after { bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; background-color: rgba(0,0,0,0.7); }
.topbanner-container { min-height: 326px; position: relative; }
.topbanner-img img { max-width: 100%; width: 100%; }
.topbanner-content { position: absolute; left: 0%; top: 50%; -webkit-transform: translateX(0%) translateY(-50%); -moz-transform: translateX(0%) translateY(-50%); -o-transform: translateX(0%) translateY(-50%); -ms-transform: translateX(0%) translateY(-50%); transform: translateX(0%) translateY(-50%); z-index: 10; width: 100%; color: #ffffff; z-index: 100; text-align: center; }
.heading-topbanner { font-size: 46px; font-family: 'gothammedium'; margin: 0 0 10px 0; line-height: 65px; }
.subtext-topbanner { font-size: 15px; font-family: 'gothammedium'; line-height: 25px; }
.angles-top-left { position: absolute; left: 45px; bottom: -143px; z-index: 100; }
.angles-top-right { position: absolute; right: 45px; bottom: -129px; z-index: 100; }
.section-blog { padding: 60px 0 45px; position: relative; }
.panel-blog { position: relative; z-index: 110; border: none; border-color: rgba(0, 0, 0, 0); -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); margin-bottom: 40px; }
.panel-blog > .panel-heading { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); padding: 0; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; overflow: hidden; }
.panel-blog > .panel-heading a { display: block; text-decoration: none; }
.panel-blog > .panel-heading img { width: 100%; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.label-blog { background-color: rgba(0, 115, 230, 0.8); color: #ffffff; left: 0; padding: 2px 0 2px 5px; position: absolute; top: 10px; z-index: 2; font-size: 13px; }
.label-blog::after { border-color: rgba(0, 0, 0, 0) rgba(0, 115, 230, 0.8); border-style: solid; border-width: 0 0 24px 13px; bottom: auto; content: ""; display: block; left: auto; position: absolute; right: -13px; top: 0; }
.panel-blog .panel-body { padding: 20px 12px 20px 26px; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; }
.heading-blog { color: #404041; font-size: 22px; line-height: 26px; margin: 0 0 15px; letter-spacing: 0.7px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.heading-blog a { color: #404041; text-decoration: none; }
.heading-blog a:hover { color: #0080ff; text-decoration: none; }
.blog-time { position: relative; padding-left: 18px; font-size: 13px; color: #949494; margin: 0 0 8px; }
.blog-time .fa { position: absolute; left: 0; top: 2px; color: #0080ff; }
.panel-blog .panel-body p { color: #949494; font-size: 15; line-height: 25px; letter-spacing: 0.7px; }
.blog-links { list-style-type: none; margin: 0; padding: 0; }
.blog-links li { display: inline-block; margin: 0 18px 0 0; color: #949494; }
.blog-links li:last-child { margin-right: 0; }
.blog-links li a { padding-left: 18px; position: relative; color: #949494; font-family: 'gothamregular'; font-size: 13px; }
.blog-links li .fa { left: 0; position: absolute; top: 0; font-size: 14px; }
.blog-links li a:hover { text-decoration: none; color: #0080ff; }
.panel-blog .panel-footer { background-color: rgba(0, 0, 0, 0); border-top: medium none; padding: 10px 12px 30px 26px; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.blue-btn-borderd { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #0080ff; color: #0080ff; padding: 8px 15px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.blue-btn-borderd:hover, .blue-btn-borderd:focus { background: #0080ff none repeat scroll 0 0; border-color: #0080ff; color: #ffffff; text-decoration: none; }
.panel-blog:hover .heading-blog, .panel-blog:hover .heading-blog a { color: #0080ff; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.panel-blog:hover .blue-btn-borderd { background: #0080ff none repeat scroll 0 0; border-color: #0080ff; color: #ffffff; text-decoration: none; }
.panel-blog:hover > .panel-heading img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.sticky-social { margin: 0; padding: 0; list-style-type: none; position: fixed; left: 0; top: 50%; z-index: 200000; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -mso-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.sticky-social li { display: block; width: 42px; height: 42px; ; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.sticky-social li a { display: block; font-size: 20px; height: 42px; color: #fff; text-decoration: none; padding: 9px; ; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; text-align: center; }
.sticky-social li.facebook a { background-color: #3a579b; }
.sticky-social li.twitter a { background-color: #00abf0; }
.sticky-social li.instagram a { background-color: #c62e7e; }
.sticky-social li.google a { background-color: #e04f39; }
.sticky-social li.youtube a { background-color: #b61800; }
.sticky-social li:hover { width: 52px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.sticky-social li.facebook:hover a { background-color: #234084; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.sticky-social li.twitter:hover a { background-color: #009fe4; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.sticky-social li.instagram:hover a { background-color: #b21a6a; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.sticky-social li.google:hover a { background-color: #bb2a14; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.sticky-social li.youtube:hover a { background-color: #910000; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
/* blog page css end */

/* blog details page css */
.section-blog-details { padding: 80px 0 55px; }
.section-blog-details .container { z-index: 200; position: relative; }
.heading-big-black { font-size: 30px; line-height: 40px; margin: 0 0 35px; color: #404041; }
.blogdetails { margin-bottom: 30px; }
.blogdetails .owl-prev, .blogdetails .owl-next { background-color: rgba(0, 0, 0, 0.5); border: medium none; border-radius: 0; color: #ffffff; display: inline-block; font-size: 31px; height: 32px; line-height: 20px; margin-right: 0; padding: 1px; position: absolute; text-align: center; width: 32px; }
.blogdetails .owl-prev { left: 0; top: 45%; }
.blogdetails .owl-next { right: 0; top: 45%; }
.blogdetails .owl-prev:hover, .blogdetails .owl-next:hover { background-color: #0080ff; border: medium none; color: #ffffff; }
.section-blog-details p { font-size: 15px; line-height: 25px; color: #949494; margin-bottom: 25px; }
.quote-text { position: relative; padding-left: 88px; font-family: 'GothamMediumItalic'; font-size: 15px; line-height: 25px; color: #949494; margin-bottom: 25px; margin-top: 25px; }
.quote-text .quote-img { position: absolute; left: 12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.blog-social-block { margin-bottom: 35px; }
.blog-social-links { }
.blog-social-links { list-style-type: none; margin: 0; padding: 0; }
.blog-social-links li { display: inline-block; margin: 0 8px 0 0; color: #949494; }
.blog-social-links li:last-child { margin-right: 0; }
.blog-social-links li a { position: relative; color: #949494; font-family: 'gothamregular'; font-size: 15px; }
.blog-social-links li a:hover { text-decoration: none; color: #0080ff; }
.line-gray { border: none; border-bottom: 1px solid #c3c3c3; margin: 0 0 40px; }
.comment-block { padding: 0 0 40px 140px; position: relative; margin-bottom: 0; }
.comment-block .comment-user { position: absolute; left: 0; top: 0px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.comment-block .comment-user img { max-width: 110px; }
.comment-block .heading-comment { font-size: 18px; line-height: 25px; color: #404041; margin-bottom: 15px; position: relative; padding-right: 80px; }
.comment-block .heading-comment a { text-decoration: none; color: #404041; }
.comment-block .heading-comment a:hover { text-decoration: none; color: #0073e6; }
.comment-block .heading-comment .reply { position: absolute; right: 0; top: 0; color: #0073e6; font-size: 14px; line-height: 20px; }
.comment-block p { font-size: 15px; line-height: 25px; color: #949494; margin-bottom: 0; }
.comment-block .blog-social-block { margin: 15px 0 0; }
.heading-comment-main { font-size: 20px; line-height: 25px; color: #404041; margin-bottom: 35px; }
.commets-list { margin: 0; padding: 0; list-style-type: none; }
.subcommets-list { margin: 0; padding: 0; list-style-type: none; }
.subcommets-list li { padding: 0 0 0 100px; }
.heading-black-small { font-size: 18px; line-height: 25px; color: #404041; margin: 0 0 30px; letter-spacing: 0.5px; }
.btn-primary { background: #0080ff; border: 2px solid #0080ff; color: #fff; padding: 9px 40px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.btn-primary:hover, .btn-primary:focus { background: #0062e1 none repeat scroll 0 0; border-color: #0062e1; color: #ffffff; text-decoration: none; }
.form-block-simple .form-control { height: 62px; border: 2px solid #e6e6e6; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; padding: 5px 18px; }
.form-block-simple textarea { height: 126px !important; -webkit-resize: none; -moz-resize: none; -ms-resize: none; resize: none; padding: 24px 18px; }
.form-block-simple label { color: #404041; display: inline-block; font-size: 16px; font-weight: normal; letter-spacing: 0.8px; margin-bottom: 10px; display: block; }
.form-block-simple .form-group { margin-bottom: 20px; }
.form-block-simple .form-btn-block { margin-top: 20px; }
.section-action { padding: 45px 0; background-color: #f8f8f8; text-align: center; }
.heading-action { line-height: 43px; font-size: 25px; color: #404041; font-family: 'gothambold'; margin-bottom: 10px; }
.section-action p { font-size: 15px; line-height: 25px; color: #949494; letter-spacing: 0.5px; }
.section-action .blue-btn-borderd { margin-top: 30px; padding: 15px 40px; }
.col-sidebar-blog { padding-left: 60px; }
.col-sidebar-blog .heading-black-small { margin: 0 0 15px; }
.heading-side1 { margin: 0 0 18px !important; }
.sidebar-search { margin: 0 0 75px; }
.sidebar-search .input-group { border: 2px solid #e6e6e6; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
.sidebar-search .input-group-addon { background-color: rgba(0, 0, 0, 0); border: medium none; font-size: 18px; color: #e6e6e6; padding: 6px 10px; }
.sidebar-search .form-control { padding-left: 0; height: 37px; border: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; }
.sidebar-search .form-control::-webkit-input-placeholder {
color:#e6e6e6;
font-size:16px;
}
.sidebar-search .form-control::-moz-placeholder {
color:#e6e6e6;
font-size:16px;
}
.sidebar-search .form-control::-ms-placeholder {
color:#e6e6e6;
font-size:16px;
}
.sidebar-links { list-style-type: none; margin: 0; padding: 0; }
.sidebar-links > li { color: #8a8a8a; font-size: 15px; letter-spacing: 0.5px; }
.sidebar-links > li a { border-bottom: 1px solid #dddddd; color: #8a8a8a; display: block; padding: 9px 0 9px 20px; position: relative; text-decoration: none; }
.sidebar-links > li a:hover { color: #0080ff; text-decoration: none; }
.sidebar-links > li a::after { content: '\f105'; font-family: 'FontAwesome'; font-size: 13px; color: #222; position: absolute; left: 0; top: 10px; }
.see-all { font-family: 'GothamMediumItalic'; color: rgba(0, 115, 230, 0.65); font-size: 15px; padding: 9px 0 9px 20px; margin-bottom: 55px; }
.see-all a { text-decoration: none; color: rgba(0, 115, 230, 0.65); }
.see-all a:hover { color: #0080ff; text-decoration: underline; }
.tag-block { margin-bottom: 75px; }
.tag-block .btn { border: 1px solid #cccccc; display: inline-block; font-size: 15px; margin: 0 6px 10px 0; text-transform: none; padding: 8px; color: #8a8a8a; -webkit-border-radius: 0; -ms-border-radius: 0; -mos-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.tag-block .btn:hover, .tag-block .btn:focus { background-color: #0073e6; color: #fff; border-color: #0073e6; }
.recent-posts { margin-bottom: 25px; padding: 0 0 15px 82px; position: relative; border-bottom: 1px solid #ddd; }
.recent-posts .recent-posts-user { left: 0; position: absolute; top: 7px; }
.recent-posts .recent-posts-user img { max-width: 67px; }
.recent-posts .heading-recent-posts { color: #404041; font-size: 15px; letter-spacing: 0.5px; line-height: 24px; margin: 0 0 2px; }
.recent-posts .heading-recent-posts a { color: #404041; text-decoration: none; }
.recent-posts .heading-recent-posts a:hover { color: #0080ff; text-decoration: none; }
.recent-posts p { color: #b4b4b4; letter-spacing: 0.5px; font-size: 13px; line-height: 23px; margin: 0 0 8px; }
.recent-posts-block .recent-posts:last-child { border-bottom: none; margin-bottom: 50px; }
.sidebar-subscribe { }
.sidebar-subscribe .form-control { border: 2px solid #e6e6e6; color: #979797; height: 40px; padding-left: 7px; padding-right: 7px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; }
.sidebar-subscribe .form-control::-webkit-input-placeholder {
color:#979797;
font-size:13px;
}
.sidebar-subscribe .form-control::-moz-placeholder {
color:#979797;
font-size:13px;
}
.sidebar-subscribe .form-control::-ms-placeholder {
color:#979797;
font-size:13px;
}
.sidebar-subscribe .blue-btn-borderd { font-size: 15px; letter-spacing: 0.5px; padding: 10px 26px; font-family: 'gothambold'; }
.contact-form-style { }
/* blog details page css end */

/* contact page css */
.section-contact-map { }
.section-contact-map .contact-map-block { margin: 0 -15px; }
.section-contact-map .contact-map-block iframe { height: 607px!important; width: 100%!important; display: block!important; position: static !important; }
.address-box { background-color: #f3f3f3; margin: 0 -15px; min-height: 303px; padding: 10px; position: relative; text-align: center; }
.icon-address { color: #0073e6; margin: 0 0 12px; position: relative; top: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.icon-address .fa-map-marker { font-size: 48px; }
.icon-address .fa-envelope { font-size: 45px; }
.icon-address .fa-headphones { font-size: 45px; }
.icon-address .fa-globe { font-size: 45px; }
.heading-address { color: #404041; font-size: 23px; line-height: 25px; margin: 0 0 15px; font-family: 'gothambold'; }
.text-address { color: #949494; font-size: 18px; letter-spacing: 0.5px; line-height: 25px; }
.text-address a { color: #949494; text-decoration: none; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.text-address a:hover { color: #0073e6; text-decoration: none; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.address-content { width: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 200; }
.address-box:hover .icon-address { top: -15px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; }
.box-light { background-color: #f9f9f9; }
.section-contact { padding: 80px 0; }
.heading-bigstyle1 { font-size: 28px; line-height: 35px; margin: 0 0 80px; color: #404041; font-family: 'gothambold'; letter-spacing: 0.6px; }
.color-blue { color: #0080ff; }
.color-blue a { color: #0080ff; }
.color-gray { color: #949494; }
.color-gray a { color: #949494; }
.contact-tabs { border-bottom: none; }
.contact-tabs > li > a { background-color: #404041; border: 1px solid #404041; margin-right: 10px; font-size: 15px; color: #ffffff; padding: 12px 17px; line-height: 25px; text-transform: uppercase; -webkit-border-radius: 0; -ms-border-radius: 0; -mos-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.contact-tabs > li.active > a, .contact-tabs > li.active > a:focus, .contact-tabs > li.active > a:hover { background-color: #0080ff; border: 1px solid #0080ff; color: #ffffff; font-size: 15px; line-height: 25px; text-transform: uppercase; -webkit-border-radius: 0; -ms-border-radius: 0; -mos-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.contact-tabs > li > a:focus, .contact-tabs > li > a:hover { background-color: #0080ff; text-decoration: none; border: 1px solid #0080ff; }
.heading-contact-form { font-size: 22px; line-height: 35px; margin: 0px; color: #404041; font-family: 'gothambold'; letter-spacing: 0.5px; }
.contact-tab-content .tab-content-body { border: 2px solid #f1f1f1; padding: 40px 35px 20px; }
.tab-content-head { padding: 15px 35px; border: 2px solid #f1f1f1; border-bottom: none; }
.select-style .bootstrap-select { width: 100% !important; }
.select-style .bootstrap-select .dropdown-toggle { border: 2px solid #e6e6e6; padding: 5px 25px 5px 18px; height: 62px; outline: none !important; display: block; text-transform: none; color: #8b8b8b !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.select-style .bootstrap-select .dropdown-toggle.active.focus, .select-style .bootstrap-select .dropdown-toggle.active:focus, .select-style .bootstrap-select .dropdown-toggle.active:hover, .select-style .bootstrap-select .dropdown-toggle.focus:active, .select-style .bootstrap-select .dropdown-toggle:active:focus, .select-style .bootstrap-select .dropdown-toggle:active:hover, .open > .select-style .bootstrap-select .dropdown-toggle:focus, .open > .select-style .bootstrap-select .dropdown-toggle:hover { background-color: #fff !important; border-color: #e6e6e6 !important; }
.select-style .bootstrap-select .dropdown-toggle:hover, .select-style .bootstrap-select .dropdown-toggle:focus { background-color: #fff !important; border-color: #e6e6e6 !important; }
.select-style .bootstrap-select.btn-group .dropdown-toggle .caret { border-left: none; border-right: none; }
.select-style .bootstrap-select.btn-group .dropdown-toggle .bs-caret { position: relative; }
.select-style .bootstrap-select.btn-group .dropdown-toggle .bs-caret::after { content: '\f107'; font-family: fontAwesome; position: absolute; left: -5px; top: -4px; font-size: 18px; color: #222; }
.contact-form-style textarea.form-control { padding: 24px 18px !important; height: 100px !important; }
.contact-form-style textarea.support-textarea { height: 180px !important; }
.contact-form-style .form-btn-block .btn-primary { padding: 13px 35px; }
.section-topbanner.fullStripe { height: auto !important; }
.checkbox-select label { font-size: 15px; }
.label-checked { background-color: #f1f1f1; border: 1px solid #e6e6e6; border-radius: 2px; padding: 12px 2px 12px 26px !important }
.label-checked input[type="checkbox"] { margin-left: -16px !important; }
.col-checkL { padding-right: 10px; }
.col-checkR { padding-left: 10px; }
.checkbox-select { margin-bottom: 20px; margin-top: 0; }
.select-label { color: #fff !important; background-color: #0080ff !important; border-color: #0080ff !important; }
.checkbox-select input[type="checkbox"] { outline: none; }
.checkbox-select label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox-select input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.checkbox-select input[type=checkbox].css-checkbox + label.css-label { background-repeat: no-repeat; background-position: 8px 13px; cursor: pointer; }
.checkbox-select input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 8px -55px; }
.checkbox-select .lite-green-check { background-image: url('../img/checkbox-img.png'); background-repeat: no-repeat; }
.range-text-block { margin-bottom: 20px; margin-top: 15px; }
.range-text { font-size: 18px; line-height: 25px; color: #404041; font-family: 'GothamLight'; }
.contact-form-style .form-btn-block { margin-top: 0px; }
.contact-form-style label { margin-bottom: 13px; }
.contact-form-style .form-group { margin-bottom: 23px; }
.captcha-block { margin-top: 17px; }
/* contact page css end */

/* portfolio details page css */
.port-de-topbanner::after { background-color: rgba(0, 35, 70, 0.8); }
.port-de-topbanner .topbanner-container { min-height: 785px; }
.port-de-topbanner .heading-topbanner { font-size: 30px; line-height: 45px; }
.port-banner-btn { margin-top: 60px; }
.port-banner-btn .blue-btn-borderd { border: 2px solid #ffffff; color: #ffffff; padding: 16px 50px; font-size: 18px; -webkit-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.port-banner-btn .blue-btn-borderd:hover { border: 2px solid #0080ff; }
.port-de-topbanner .text-img { margin-bottom: 22px; }
.port-de-topbanner .heading-topbanner { margin: 0 0 14px; }
.port-de-topbanner .subtext-topbanner { font-size: 20px; line-height: 30px; }
.section-portfolio-feature { padding: 60px 0 50px; }
.heading-s-primary { font-size: 25px; line-height: 30px; margin: 0 0 30px; color: #404041; letter-spacing: 0.5px; }
.section-portfolio-feature .heading-s-primary { margin: 0 0 30px 3px; }
.icon-list { list-style-type: none; margin: 0; padding: 0; }
.icon-list li { color: #949494; font-size: 15px; letter-spacing: 0.3px; line-height: 25px; margin: 0 0 13px; padding-left: 22px; position: relative; }
.icon-list li a { display: block; text-decoration: none; color: #949494; }
.icon-list li a:hover { color: #0080ff; }
.icon-list li::before { content: "\f105"; font-family: FontAwesome; font-size: 16px; left: 0; opacity: 0.7; position: absolute; top: 1px; color: #0080ff; }
.fea-img-block { margin: -131px 0 0 -5px; }
.fea-img-block img { max-width: 762px; }
.section-portfolio-exp1 { padding: 40px 0 120px; }
.exp1-content { margin: 55px 0px 0px; }
.exp1-content .heading-s-primary { margin-bottom: 40px; }
.exp1-img-block img { margin: -3px 0px 0px -9px; max-width: 775px; }
.exp-list { padding: 0 0 15px 84px; border-bottom: 1px solid #e9e9e9; position: relative; margin: 0 0 30px 13px; }
.exp-list:last-child { border-bottom: medium none; }
.exp-list .exp-icon { position: absolute; left: 0; top: 6px; }
.exp-list .exp-icon img { max-width: 54px; }
.exp-list a { text-decoration: none; color: #929292; }
.heading-exp { font-size: 20px; line-height: 30px; margin: 0; color: #404041; }
.heading-exp a { text-decoration: none; color: #404041; }
.heading-exp a:hover, .exp-list a:hover { text-decoration: none; color: #0080ff; }
.exp-list p { color: #929292; font-size: 15px; line-height: 30px; word-wrap: break-word; }
.section-portfolio-exp2 { padding: 60px 0; background-color: #f8f8f8; background-image: url('../img/exp-back.png'); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: 100% auto; }
.exp2-content p { color: #929292; font-size: 15px; line-height: 25px; letter-spacing: 0.2px; }
.exp2-img-block { margin: -112px 0 -111px -1px; position: relative; z-index: 100; }
.exp2-img-block img { max-width: 469px; }
.exp2-content { padding: 55px 0 0 32px; }
.exp2-content .heading-s-primary { margin-bottom: 32px; }
.section-portfolio-challange { padding: 117px 0 20px; }
.section-portfolio-challange p { color: #929292; font-size: 15px; line-height: 25px; letter-spacing: 0.2px; }
.challange-img-block img { display: inline-block; margin: 0 0 0 -18px; max-width: 586px; }
.challange-content { margin: 85px 0 0; padding: 0 0 0 8px; }
.challange-content .heading-s-primary { margin-left: -4px; margin-bottom: 33px; }
.section-portfolio-solution { padding: 30px 0 78px; text-align: center; }
.section-portfolio-solution p { color: #929292; font-size: 15px; line-height: 25px; letter-spacing: 0.2px; }
.section-portfolio-solution .heading-s-primary { margin-bottom: 26px; }
.solution-carousel { margin: 40px 0 0; }
.solution-carousel .item { text-align: center; }
.solution-carousel .item img { width: auto; display: inline-block; }
.solution-carousel .owl-next { background-color: #e3e3e3; border: 2px solid #e3e3e3; border-radius: 60px; color: #404041; display: inline-block; font-size: 18px; height: 36px; line-height: 20px; margin-right: 22px; padding: 1px; text-align: center; width: 36px; position: absolute; right: 6%; top: 46%; }
.solution-carousel .owl-prev { background-color: #e3e3e3; border: 2px solid #e3e3e3; border-radius: 60px; color: #404041; display: inline-block; font-size: 18px; height: 36px; line-height: 20px; margin-right: 22px; padding: 1px; text-align: center; width: 36px; position: absolute; left: 6%; top: 46%; }
.solution-carousel .owl-prev:hover, .solution-carousel .owl-next:hover { border: 2px solid #0080ff; color: #fff; background-color: #0080ff; }
.section-portfolio-ptojects { }
.portfolio-project { position: relative; background-attachment: scroll; background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 338px; }
.portfolio-project::after { background-color: rgba(0, 0, 0, 0.8); bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }
.port-projects-block { margin: 0 -15px; }
.port-projects .owl-prev { border: 2px solid #ffffff; border-radius: 60px; color: #ffffff; display: inline-block; font-size: 20px; height: auto; left: 20%; line-height: 20px; margin-right: 0; padding: 11px 42px; position: absolute; text-align: center; top: 41%; width: auto; }
.port-projects .owl-next { border: 2px solid #ffffff; border-radius: 60px; color: #ffffff; display: inline-block; font-size: 20px; height: auto; right: 20%; line-height: 20px; margin-right: 0; padding: 11px 42px; position: absolute; text-align: center; top: 41%; width: auto; }
.port-projects .owl-prev:hover, .port-projects .owl-next:hover { border: 2px solid #0080ff; color: #fff; background-color: #0080ff; }
.port-projects .owl-prev .fa { margin-right: 12px; }
.port-projects .owl-next .fa { margin-left: 12px; }
/* portfolio details  page css end */

/* portfolio page css */
.section-portfolio-list { padding: 85px 0 60px; }
.portfolio-block { margin-bottom: 30px; }
.portfolio-img-block { overflow: hidden; position: relative; }
.portfolio-img-block img { width: 100%; }
.portfolio-overlay { background-color: rgba(0, 128, 255, 0.7); bottom: -150px; color: #ffffff; left: 0; padding: 10px; position: absolute; right: 0; text-align: center; width: 100%; height: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.overlay-icon { background-color: #ffffff; color: #404041; display: inline-block; font-size: 20px; height: 45px; left: 50%; padding: 7px; position: absolute; top: 50%; width: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }
.overlay-icon:hover { color: #fff; text-decoration: none; background-color: #0080ff; }
.portfolio-content { background-color: #f5f5f5; padding: 18px 10px; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.heading-portfolio { color: #404041; font-size: 20px; line-height: 29px; margin: 0; }
.heading-portfolio a { color: #404041; text-decoration: none; }
.heading-portfolio a:hover { color: #0080ff; text-decoration: none; }
.subtext-portfolio { font-size: 15px; line-height: 25px; color: #929292; }
.portfolio-block:hover .portfolio-overlay { bottom: 0; height: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.portfolio-block:hover .portfolio-content { background-color: #404041; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.portfolio-block:hover .heading-portfolio, .portfolio-block:hover .heading-portfolio a { color: #fff; }
.portfolio-block:hover .subtext-portfolio { color: #fff; }
.portfolio-filter { list-style-type: none; margin: 0 0 25px; clear: both; padding: 0; position: relative; z-index: 200; background-color: #f0f0f0; }
.portfolio-filter li { display: inline-block; margin: 0 0 0 -4px; }
.portfolio-filter li a { background-color: #f0f0f0; border-right: 2px solid #dddddd; color: #404041; display: block; font-size: 15px; padding: 12px 20px; text-decoration: none !important; text-transform: uppercase; }
.portfolio-filter li a.active { background-color: #0080ff; color: #fff; }
.portfolio-filter li:last-child a { border-right: none; border-left: 2px solid #dddddd; }
.portfolio-filter li.viewall { float: right; }
.portfolio-filter li.viewall a { border-left: 2px solid #dddddd; }
/* portfolio details page css end */

/* sercives-block page css */
.section-sercives-block { padding: 85px 0 0; overflow: hidden; }
.services-tab { list-style-type: none; margin: 0 0 0; clear: both; padding: 0; position: relative; z-index: 200; background-color: #f0f0f0; }
.services-tab li { display: block; margin: 0 0 42px 0; float: left; }
.services-tab li a { background-color: #f0f0f0; border-right: 1px solid #dddddd; color: #404041; display: block; font-size: 15px; padding: 13px 11px 13px 10px; text-decoration: none !important; text-transform: uppercase; }
.services-tab li a.active, .services-tab li a:hover, .services-tab li a:focus { background-color: #0080ff; color: #fff; }
.services-tab li:last-child a { border-right: none; }
.sercives-icon-block { margin: 0 0 15px; }
.sercives-icon-block img { max-width: 60px; }
.heading-sercives { color: #404041; font-size: 20px; letter-spacing: 0.2px; line-height: 25px; margin: 0 0 10px; font-family: 'gothambold'; }
.heading-sercives a { color: #404041; text-decoration: none; }
.heading-sercives a:hover { color: #0080ff; text-decoration: none; }
.sercives-text p { color: #8a8a8a; font-size: 15px; line-height: 25px; letter-spacing: 0.2px; }
.readmore-block { margin: 35px 0 0; }
.sercives-icon-img1 { display: inline-block; }
.sercives-icon-img2 { display: none; }
.readmore-block .btn { padding: 9px 17px; font-size: 15px; font-family: 'gothambold'; letter-spacing: 0.5px; }
.sercives-block-area { min-height: 452px; }
.sercives-block-content { position: relative; z-index: 50px; z-index: 50; }
.section-sercives-block1 { background-position: 100% 0; background-repeat: no-repeat; background-size: auto 100%; padding: 70px 0 65px; position: relative; }
.section-sercives-block2 { background-color: #f6f6f6; background-position: 0px 0; background-repeat: no-repeat; background-size: auto 100%; min-height: 452px; padding: 70px 0 65px; position: relative; }
.section-sercives-block3 { background-position: 100% 0; background-repeat: no-repeat; background-size: auto 100%; padding: 70px 0 65px; position: relative; }
.section-sercives-block3 .sercives-icon-img1, .section-sercives-block3 .sercives-icon-img2 { height: 55px; }
.section-sercives-block4 { background-color: #f6f6f6; background-position: 0px 0; background-repeat: no-repeat; background-size: auto 100%; min-height: 452px; padding: 70px 0 65px; position: relative; }
.section-sercives-block5 { background-position: 96.2% 0; background-repeat: no-repeat; background-size: auto 100%; padding: 70px 0 65px; position: relative; }
.section-sercives-block6 { background-color: #f6f6f6; background-position: 0px 0; background-repeat: no-repeat; background-size: auto 100%; min-height: 452px; padding: 70px 0 65px; position: relative; }
.section-sercives-block7 { background-position: 100% 0; background-repeat: no-repeat; background-size: auto 100%; padding: 70px 0 65px; position: relative; }
.section-sercives-block8 { background-color: #f6f6f6; background-position: 0px 0; background-repeat: no-repeat; background-size: auto 100%; min-height: 452px; padding: 70px 0 65px; position: relative; }
/* sercives-block page css end */

/* story page css  */
.section-whoweare { padding: 80px 0; }
.section-whoweare .container { position: relative; z-index: 200; }
.heading-bordered { font-size: 40px; margin: 0 0 8px; color: #404041; font-family: 'gothambold'; letter-spacing: 0.2px; }
.line-b { background-color: #404041; border: medium none; height: 1px; margin: 4px auto 20px 0; overflow: visible; width: 114px; position: relative; }
.line-b.line-l::after { content: ''; width: 33px; background-color: #0080ff; height: 3px; position: absolute; left: 0; top: -1px; }
.line-b.line-c { margin: 4px auto 20px; }
.line-b.line-c::after { content: ''; width: 33px; background-color: #0080ff; height: 3px; position: absolute; left: 50%; top: -1px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.section-whoweare .line-b { margin-bottom: 40px; }
.section-whoweare p { color: #8a8a8a; font-size: 15px; letter-spacing: 0.3px; line-height: 25px; margin: 0 0 18px; }
.whoweare-img-block { border: 10px solid #0080ff; margin: 10px 0 0 65px; padding: 50px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.whoweare-img-block img { margin: 0 0 0 -120px; max-width: 492px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-box-shadow: 0 6px 32px -3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 6px 32px -3px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 6px 32px -3px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 6px 32px -3px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 32px -3px rgba(0, 0, 0, 0.3); }
.whoweare-img-block:hover { border: 10px solid #0060df; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.whoweare-img-block:hover img { margin: 0 0 0 -110px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.section-process { text-align: center; padding: 73px 0 72px; background-color: #f8f8f8; }
.section-process p { color: #8a8a8a; font-size: 15px; letter-spacing: 0.4px; line-height: 25px; margin: 0 0 18px; }
.section-process .line-b { margin-bottom: 36px; }
.section-process .fxIn { margin-bottom: 0; }
.process-steps { margin-top: 23px; }
.process-steps-icon { margin-bottom: 15px; position: relative; }
.process-steps-icon::after { background-image: url("../img/arrow-dottet.png"); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; content: ""; height: 20px; left: 85%; position: absolute; top: 48%; width: 85px; }
.row-process .col-process:last-child .process-steps .process-steps-icon::after { background-image: none; width: 0; height: 0; }
.heading-process { font-size: 19px; line-height: 24px; color: #404041; margin: 0 0 9px; letter-spacing: 0.5px; }
.heading-process a { color: #404041; text-decoration: none; }
.heading-process a:hover { color: #0080ff; text-decoration: none; }
.process-steps p { font-size: 13px; line-height: 20px; color: #404041; margin: 0 0 8px; }
.section-our-vision { position: relative; }
.col-vision-img { background-position: 0 0; background-repeat: no-repeat; background-size: auto 577px; min-height: 575px; }
.vision-block-content { padding: 70px 0 10px 20px; width: 565px; }
.section-our-vision p { color: #8a8a8a; font-size: 15px; letter-spacing: 0.2px; line-height: 25px; margin: 0 0 8px; }
.section-our-vision .line-b { margin-bottom: 35px; }
.section-mission { position: relative; background-color: #f8f8f8; }
.col-mission-img { background-position: 0 0; background-repeat: no-repeat; background-size: auto 575px; min-height: 575px; }
.mission-block-content { padding: 80px 0 10px 0; width: 550px; margin: 0 0 0 auto; }
.section-mission p { color: #8a8a8a; font-size: 15px; letter-spacing: 0.2px; line-height: 25px; margin: 0 0 25px; }
.section-mission p:last-of-type { margin-bottom: 15px; }
.section-mission .line-b { margin-bottom: 33px; }
.icon-circle li::before { content: '\f058'; font-size: 14px; opacity: 1; }
.icon-circle li { margin: 0 0 3px; padding-left: 28px; }
.section-counting { padding: 80px 0 42px; background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 250px; text-align: center; color: #fff; position: relative; background-attachment: scroll; }
.section-counting .container { position: relative; z-index: 20; }
.section-counting::after { background-color: rgba(20,20,20,0.8); content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; z-index: 1 }
.section-counting .fxIn { margin-bottom: 0; }
.counting-block { margin-bottom: 23px; }
.counting-icon { margin-bottom: 35px; }
.counting-icon img { position: relative; top: 0; max-height: 46px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.heading-counting { font-size: 55px; line-height: 24px; color: #ffffff; margin: 0 0 30px; letter-spacing: 0.5px; }
.heading-counting a, .counting-block p a { color: #ffffff; text-decoration: none; }
.heading-counting a:hover, .counting-block p a:hover { color: #0080ff; text-decoration: none; }
.counting-block p { font-size: 20px; line-height: 34px; color: #fff; margin: 0 0 8px; font-family: 'gothambold'; }
.counting-block:hover .counting-icon img { top: -8px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
/* story page css end */

/* sercives detail page css */
.section-sercives-contnet { padding: 74px 0 48px; text-align: center; }
.section-sercives-contnet .heading-bordered { color: #404041; font-family: "gothammedium"; font-size: 40px; letter-spacing: 0; }
.section-sercives-contnet .line-b.line-c { margin: 12px auto 37px; }
.heading-m { font-family: "gothambold"; font-size: 25px; line-height: 30px; margin: 0px 0px 8px; letter-spacing: 0.6px; color: #404041; }
.heading-s-blue { color: #007dff; font-family: "gothammedium"; letter-spacing: 0.5px; margin: 0 0 25px; }
.section-sercives-contnet p { color: #8a8a8a; font-size: 15px; line-height: 25px; letter-spacing: 0.2px; margin: 0 0 25px; }
.section-services-feature { padding: 75px 0 85px; background-color: #f8f8f8; }
.services-freaimg > img { max-width: 648px; }
.services-feature-text { background-color: #ffffff; margin: 102px 0 0 -42px; padding: 60px 65px; position: relative; z-index: 10; -webkit-box-shadow: 0 11px 56px -15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 11px 56px -15px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 11px 56px -15px rgba(0, 0, 0, 0.1); box-shadow: 0 11px 56px -15px rgba(0, 0, 0, 0.1); }
.services-feature-text .heading-bordered { font-family: "gothammedium"; }
.services-feature-text .line-b { margin: 12px auto 36px 0; }
.services-feature-text .icon-circle li { margin: 0 0 18px; color: #404041; padding-left: 30px; }
.services-feature-text .icon-circle li::before { font-size: 16px; }
.section-ourservices { padding: 80px 0; }
.ourservices-text { margin: 97px -42px 0 0; padding: 60px 65px 50px; }
.ourservices-img { margin: 0 0 0 -92px; }
.ourservices-img > img { max-width: 648px; }
.ourservices-text .line-b { margin: 20px auto 35px 0px; }
.ourservices-text .icon-circle li { color: #404041; margin: 0 0 12px; }
.section-quote { padding: 55px 0; }
.section-quote .heading-action { font-size: 25px; letter-spacing: 0.5px; line-height: 37px; }
.section-quote .blue-btn-borderd { margin-top: 18px; font-size: 15px; }
/* sercives detail page css end */

/*footer css*/
.foo-map-block { margin: 0 -15px; }
.foo-map-block .foo-map { width: 100%; height: 365px; display: block; position: static; }
.heading-foo { font-size: 18px; line-height: 23px; font-family: 'gothambold'; margin: 0 0 20px; }
.foo-links { list-style-type: none; margin: 0; padding: 0; }
.foo-links li { display: block; margin: 0 0 12px; position: relative; padding: 4px 4px 4px 30px; font-size: 14px; line-height: 22px; font-family: 'GothamLight'; }
.foo-links li a { display: block; text-decoration: none; }
.foo-links li::before { content: '\f0da'; font-family: 'FontAwesome'; position: absolute; left: 0; top: 3px; }
.foo-details { list-style-type: none; margin: 0; padding: 0; }
.foo-details li { display: block; margin: 0 0 12px; position: relative; padding: 4px 4px 4px 4px; font-size: 14px; line-height: 22px; font-family: 'GothamLight'; }
.foo-details li a { display: block; text-decoration: none; white-space: normal; word-wrap: break-word; }
.text-heading { font-family: 'gothammedium'; display: block; }
.foo-links li a:hover, .foo-details li a:hover { color: #0080ff !important; }
.particles-block { position: relative; }
.particles-js-canvas-el { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 2; }
.col-particles { z-index: 10; }
.blog-overflow-links { padding-right: 40px; }
.blog-overflow-links li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vesa-text:hover .btn, .social-col-left:hover .btn { background: #004FA0 none repeat scroll 0 0; color: #fff; text-decoration: none; border-color: #004FA0; }
.read-more:hover { background: #004FA0 none repeat scroll 0 0; color: #fff; text-decoration: none; border-color: #004FA0; }
.chat-select .bootstrap-select { width: 100% !important; }
.chat-select .bootstrap-select .dropdown-toggle { background: transparent; width: 100%; color: #a8a8a8; font-weight: normal; font-size: 13px; text-transform: capitalize; outline: none !important; font-family: gothammedium; }
.fly { animation-name: fly; -webkit-animation-name: fly; animation-duration: 1.9s; -webkit-animation-duration: 1.9s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; animation-delay: 0; -webkit-animation-delay: 0; animation-direction: alternate; -webkit-animation-direction: alternate; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-fill-mode: none; -webkit-animation-fill-mode: none; animation-play-state: running; -webkit-animation-play-state: running; }
@-webkit-keyframes fly { 0% {
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 -o-transform: translateY(0px);
 -ms-transform: translateY(0px);
 transform: translateY(0px);
}
 50% {
 -webkit-transform: translateY(-30px);
 -moz-transform: translateY(-30px);
 -ms-transform: translateY(-30px);
 -o-transform: translateY(-30px);
 transform: translateY(-30px);
}
 100% {
 -webkit-transform: translateY(-10px);
 -moz-transform: translateY(-10px);
 -o-transform: translateY(-10px);
 -ms-transform: translateY(-10px);
 transform: translateY(-10px);
}
}
@keyframes fly { 0% {
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 -o-transform: translateY(0px);
 -ms-transform: translateY(0px);
 transform: translateY(0px);
}
 50% {
 -webkit-transform: translateY(-30px);
 -moz-transform: translateY(-30px);
 -ms-transform: translateY(-30px);
 -o-transform: translateY(-30px);
 transform: translateY(-30px);
}
 100% {
 -webkit-transform: translateY(-10px);
 -moz-transform: translateY(-10px);
 -o-transform: translateY(-10px);
 -ms-transform: translateY(-10px);
 transform: translateY(-10px);
}
}
/*footer css end*/