@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css2?family=Oswald&display=swap:400,300,600,700,800);

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet">

// <uniquifier>: Use a unique and descriptive class name
.oswald-<uniquifier> { font-family: "Oswald", system-ui; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
body{ font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; font-size:16px; color:#484848; line-height:22px; letter-spacing: 0.05em; }
a{ color: #000; }
a:hover{ color: #575757; }
img { -webkit-backface-visibility: hidden; max-width:100%; height:auto; }
video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; }
ul{ margin: 0px; padding:0px; }:focus{  outline:0; /*removes the dotted border*/} a:focus, *:focus { noFocusLine: expression(this.onFocus=this.blur());}
input, textarea, select{ border: 1px solid #dfdfdf; letter-spacing: 1px; font-size: 12px;  padding: 8px 15px; width: 100%; margin: 0 0 17px 0; text-transform: uppercase; max-width: 100%; resize: none; color:#484848 !important;}
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none;  border-radius: 0; }
input:focus, textarea:focus{ border: 1px solid #989898;}
input[type="submit"]:focus { border:none !important}
select::-ms-expand{ display:none;}
iframe { border: 0;}
.sound iframe {width:100%}
ul { list-style: none outside none; }
ul, ol, dl {list-style-position: outside;}
* { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
::selection { color: #000; background:#dcdcdc; }
::-moz-selection { color:#000; background:#dcdcdc; }
::-webkit-input-placeholder { color: #999; text-overflow: ellipsis; }
:-moz-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1;}
::-moz-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; }
:-ms-input-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1;}

.about-4box { clear: both; display: block; background-color:#b4dfae; padding:120px 0px;  }
.about-4box .container { width: 71% !important; }
.about-item { border-left: 1px solid rgba(0, 0, 0, 0.2); min-height:350px; padding:0px 30px 0px 30px;}
.about-item .img { padding-bottom:30px;}
.about-item h4 { letter-spacing: 0px; font-weight: 400; text-transform: none; font-size: 28px; line-height: 40px; font-family: "Oswald",sans-serif !important; margin-bottom:20px; min-height:82px;}
.about-item .con{ min-height:140px; display:inline-block}
.about-item:last-child { border-right: 1px solid rgba(0, 0, 0, 0.2);}

.contact-form-style2 { position:inherit !important;}
.contact-form img { width: 145px !important; height: 40px !important; margin-bottom: -59px !important; margin-left: 132px !important;}
.contact-form input { width: 140px !important; height: 40px !important; padding-left: 0px !important;}
.contact-form br { display:none;}
.contactus_img{ position:absolute !important; bottom:-42px !important; width: 90% !important; }
textarea{ margin-bottom:0px;}


::-webkit-scrollbar { width:12px }
::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.3); box-shadow:inset 0 0 6px rgba(0,0,0,.3); }
::-webkit-scrollbar-thumb { background:rgba(0,0,0,.3); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5); -moz-box-shadow:inset 0 0 6px rgba(0,0,0,.5); box-shadow:inset 0 0 6px rgba(0,0,0,.5); }
::-webkit-scrollbar-thumb:window-inactive { background:rgba(210,210,210,.4) }
.animated { -moz-transition-duration: 0s !important;}
.homboxsha{ box-shadow:0 0 7px #d9d9d9}
.homeboxbord{ border:10px solid #FFF; border-bottom:0px;}
section { padding: 120px 0;}
.mlr10{ margin-left:10px !important; margin-right:10px !important}
.pt15{ padding-top:15px;}
.pb50{ padding-bottom:50px;}
.clients-logo ul li{ float:left; width:190px; margin:20px 0px 20px 30px; text-align:center}
.home-4box {clear:both; display:block; padding-top:20px !important; margin-top:0px !important;}
.home-4box .container { width: 76% !important;}

.home_count_bg{ background-color:#069}
.home_count i img,{ float:left}
.count_text { text-align:left; padding-left:80px; word-wrap:break-word;}
.home_count .con_text, .home_negative_links_removed .con_text, .home_ratings_by_ourclients .con_text { display: inline-block;float: left; padding-left: 17px;}
.home_services_box{ background-color:#FFF; padding:20px; float:left;}

.home_margin30{}
/*.home_banner_text{ padding-left:55px;}*/
.home_banner_title h1 { font-size: 48px; line-height:58px; font-weight: 500; text-transform: uppercase; display: block; letter-spacing: 0px; color:#000000;  font-family: "Oswald",sans-serif !important; margin-top: 225px;}
.home_banner_title_md { font-size: 32px; line-height:36px; font-weight: 700; text-transform: uppercase; display: block; letter-spacing: 0px; color:#FFF; margin-bottom:10px;}
.home_banner_title_sm { font-size: 32px; letter-spacing: 0px !important; line-height: 38px; font-family: 'Open Sans', sans-serif; color:#4c4c4c; margin-bottom:20px; display:inline-block;}
.home_banner_title_sm ul li { background-image:url(../images/home_liw_arrow.png); background-position:left top 8px; background-repeat:no-repeat; margin-left:0px; padding-left:15px; margin-bottom:8px; }
.home_banner_title_line {font-size: 16px; letter-spacing: 1px !important; line-height: 24px; color:#FFF; margin-bottom:10px; display:inline-block; border-top:2px solid rgba(255, 255, 255, 0.2); margin-top:15px; padding-top:11px;}

.home_banner_img_w{ width:500px;}
.home_banner_1img{ margin-top:50px;}

.home_banner_title_line.home_tab1 { margin-top:5% !important; padding-top:15px !important;}
.text_yb{ background-color:#FF0; display:inline-block; height:20px; bottom:0;}
.home_innovations{margin-top:-62px; margin-bottom:-40px; }
.home_career{margin-top:-125px; text-align:right; position:absolute; z-index:-1; width:100%}
.homepd_img{margin-top:32%; float:right}
.header_whitestripe{ text-align:right; padding-right:22px; text-transform:uppercase; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight:600; z-index:999999; width:100%; background-color:#FFF}
.home_career_textpadd{ padding-top:20%}
.home_spb{ padding-top:0px; padding-bottom:0px;}
.home_yellow_bg{ background-image:url(../images/home_yellow_bg.png); background-repeat:no-repeat; background-position:left top; height:538px;}
.hom_spb{float:right; margin-top:-200px; margin-right:0px;}
.hitmt{margin-top:-110px;}

.home_client{ margin-bottom:0px; margin-left:13px;  }

.aboutcounterupdown{border-top:20px solid #FFF;}
.homebox h2 { font-size:26px; line-height:36px; font-weight:400;}
.industries_pc_padding{ padding-top:30%}

.home_banner_delivering{ background-color:#0b5596; background-image:url(../images/banner_bg.jpg); background-repeat:no-repeat; background-position:left top;}
.delivering_img {margin-top:109px;}

.home_banner_mob_app{ background-color:#0b5596; background-image:url(../images/homepage_banner_test_img2.jpg); background-repeat:no-repeat; background-position:left top;}
/*.mob_app_img {margin-top:60px;}*/

.home_banner_web_app{ background-color:#1c1a51; background-image:url(../images/homepage_banner_test_img3.jpg); background-repeat:no-repeat; background-position:left top;}
.web_app_img {margin-top:60px;}

.home_banner_etoll{ background-image:url(../images/banner_bg.jpg); background-repeat:no-repeat; background-position:left top;}/*background-color:#c3c3c3; */
.ecommerce_img {margin-top:76px;}

.home_banner_epark{ background-color:#062a65; background-image:url(../images/homepage_banner_test_img5.jpg); background-repeat:no-repeat; background-position:left top;}
.virtual_team_img {margin-top:60px;}

.home_banner_smartcity{ background: rgb(196,196,195);
background: linear-gradient(0deg, rgba(196,196,195,1) 0%, rgba(233,233,233,1) 100%); background-image:url(../images/homepage_banner_test_img3.jpg); background-repeat:no-repeat; background-position:left top;}
.enterprise_application_img { margin-top:150px; margin-bottom:20px;}

.home_banner_atms{ background-color:#0d2058; background-image:url(../images/homepage_banner_test_img6.jpg); background-repeat:no-repeat; background-position:left top;}
/*.industries_img {margin-top:60px;}*/
.industries_intitle {font-size:22px; color:#ff9b00 !important; font-weight:bold !important;  margin-bottom:15px !important;}
.industries_hightnone_bgnone {height:auto !important; background-color: inherit !important}

.cont-arrow ul { list-style-image: url(../images/con_green_arrow.png); padding: 15px;}
.cont-arrow li { margin: 10px; margin-left: 35px; line-height:22px}
.font21px{ font-size:21px !important; line-height:28px !important;}
.font22px{ font-size:22px !important; line-height:28px !important;}
.font14px{ font-size:14px !important; line-height:18px !important;}


.careers-5box {clear:both; display:block; padding-top:20px !important; margin-top:0px !important;}
.careers-5box .container { width: 99% !important;}

.active-accordion .panel-title1{ color: #ff0000;  font-size: 26px !important; font-weight:600}
.active-accordion .panel-title2{ color: #ff0000;  font-size: 26px !important;font-weight:600}
.active-accordion .panel-title3{ color: #ff0000;  font-size: 26px !important;font-weight:600}
.active-accordion .panel-title4{ color: #ff0000;  font-size: 26px !important;font-weight:600}
.active-accordion .panel-title5{ color: #ff0000;  font-size: 26px !important;font-weight:600}

.accordion-btn{ background-color: #fff;padding: 5px 15px; border-radius: 5px;display: inline-block; float:right;}
.accordion-btn:hover{ background-color: #000; color:#fff;}

.accordion-style3 .panel-title { }
/*.accordion-style3 .panel-title  { background-color:#173a74; color: #fff; position:relative; border: none; padding:0 25px; font-size: 14px; }
.accordion-style3 .panel-title:hover  { background-color:#000000; color: #fff; position:relative; border: none; padding:0 25px; font-size: 14px; }*/
.years-experience{font-size:16px !important; color:#FFF; padding-left:10px; font-weight:400 !important;}
.job-code{font-size:20px !important; color:#FFF; font-weight:600 !important; display:inline-block; margin-top:5px;}
.accordion-style3 .panel-title1  { background-color:#173a74; color: #00f5fa; position:relative; border: none; padding:26px 25px; font-size: 20px; }
.accordion-style3 .panel-title2  { background-color:#0154a3; color: #00f5fa; position:relative; border: none; padding:26px 25px; font-size: 20px; }
.accordion-style3 .panel-title3  { background-color:#1267b1; color: #00f5fa; position:relative; border: none; padding:26px 25px; font-size: 20px; }
.accordion-style3 .panel-title4  { background-color:#187acd; color: #00f5fa; position:relative; border: none; padding:26px 25px; font-size: 20px;}
.accordion-style3 .panel-title5  { background-color:#1e90d9; color: #00f5fa; position:relative; border: none; padding:26px 25px; font-size: 20px; }

.accordion-style3 .panel-body1{ padding: 0px 60px 35px 25px !important; color: #fff; background-color:#173a74;}
.accordion-style3 .panel-body2{ padding: 0px 60px 35px 25px !important; color: #fff; background-color:#0154a3;}
.accordion-style3 .panel-body3{ padding: 0px 60px 35px 25px !important; color: #fff; background-color:#1267b1;}
.accordion-style3 .panel-body4{ padding: 0px 60px 35px 25px !important; color: #fff; background-color:#187acd;}
.accordion-style3 .panel-body5{ padding: 0px 60px 35px 25px !important; color: #fff; background-color:#1e90d9;}


.accordion-style3 .panel-heading { padding-top:1px}
.accordion-style3 .panel-heading i { font-size:20px; margin: 0; color:#fff; position: relative; top:3px}

.accordion-style3 .number { margin-right:10px; }

.careers-box1{background-color:#173a74; min-height:350px; color:#fff; padding:40px 30px 30px 30px !important; text-align:center !important; box-shadow:10px 10px #efefef; }
.careers-box1 h2,.careers-box2 h2,.careers-box3 h2,.careers-box4 h2 {color:#00ffff!important; font-size:26px !important;}
.careers-con { height:90px;}
.careers-box2{background-color:#1267b1; min-height:350px; color:#fff; padding:40px 30px 30px 30px !important; text-align:center !important; box-shadow:10px 10px #efefef; }
.careers-box3{background-color:#0154a3; min-height:350px; color:#fff; padding:40px 20px 30px 20px !important; text-align:center !important; box-shadow:10px 10px #efefef; }
.careers-box4{background-color:#187acd; min-height:350px; color:#fff; padding:40px 30px 30px 30px !important; text-align:center !important; box-shadow:10px 10px #efefef; }
.careers-box5{background-color:#1e90d9; min-height:350px; color:#fff; padding:40px 30px 30px 30px !important; text-align:center !important; box-shadow:10px 10px #efefef; }
/*.careers-box1{background-color:#2bcd64; min-height:320px; color:#000; padding:30px !important; text-align:center !important; }
.careers-box2{background-color:#00caff; min-height:300px; color:#000; padding:30px !important; margin-top:40px; text-align:center !important; }
.careers-box3{background-color:#ffcf27; min-height:320px; color:#000; padding:30px !important; text-align:center !important; }*/
.careers-jobcode{ display:block; font-size:22px; font-weight:700; text-align:center; padding:10px 0px 0px 0px; color:#FFF;}

/* buttons */
.btn {display: inline-block;  margin-right: 20px; letter-spacing: 2px; border:1px solid transparent }
.btn-round { border-radius:4px !important}
.btn i { margin-right:5px}
.btn.btn-large i { font-size: 24px;}
.blue-btn-circle{ border-radius: 30px !important; background-color:#ff9154; width:auto; padding-left:30px !important; padding-right:30px !important; color: #FFF !important;}
.blue-btn-circle:hover{ background-color:#000000;}
.textbtn-white-small{ background-color: #fff;padding: 5px 15px; border-radius: 5px;display: inline-block; margin-top: 19px;}
.textbtn-white-small:hover{ background-color: #000; color:#fff;}

.more-information-btn{ border-radius: 30px !important; background: #1aaad6;background: -webkit-linear-gradient(to right, #09407d, #1aaad6);background: linear-gradient(to right, #09407d, #1aaad6); width:auto; padding:8px 40px 14px 40px; color: #FFF !important; font-size:24px !important; line-height:30px !important; display: inline-block; margin-top:10px;}
.more-information-btn:hover{ background: #09407d;background: -webkit-linear-gradient(to right, #1aaad6, #09407d);background: linear-gradient(to right, #1aaad6, #09407d);}


.more-information-btn-small{ border-radius: 30px !important; background: #1aaad6;background: -webkit-linear-gradient(to right, #09407d, #1aaad6);background: linear-gradient(to right, #09407d, #1aaad6); width:auto; padding:5px 20px 5px 20px; color: #FFF !important; font-size:18px !important; line-height:30px !important; display: inline-block; margin-top:20px;}
.more-information-btn-small:hover{ background: #09407d;background: -webkit-linear-gradient(to right, #1aaad6, #09407d);background: linear-gradient(to right, #1aaad6, #09407d);}


.verdegrotext-link{ color:#fff; padding:10px!important; font-weight:700; font-size:20px; margin-top:2px; display:inline-block;}
.verdegrotext-link:hover{ color:#000; padding:10px 9px10px 9px; background-color:#fff; border-radius: 10px !important;}


.more-information{ border-top:4px solid #eeeeee; font-size:24px; line-height:30px; color:#212121;}

.black-btn { border:2px solid #444444; display: inline-block; padding: 4px 20px 4px; font-size: 12px; color:#000; margin:20px 0px 0px; }
.black-btn:hover { border: 2px solid #444444; color:#fff; background-color:#444444;}
.article-diagonal-post .adp-img { transition:all .3s ease-out; -webkit-clip-path:polygon(60px 0,100% 0,calc(100% - 60px) 100%,0 100%); clip-path:polygon(60px 0,100% 0,calc(100% - 60px) 100%,0 100% ); width:calc(100% + 60px); left:-30px; background-size:auto 140%; background-position:center center; overflow:hidden}
.article-diagonal-post:hover .adp-img { background-size:auto 150%}
.article-diagonal-post .adp-img-stub,.article-diagonal-post .adp-img .article-post-img { transition-duration:5s; transition-delay:.4s}
.adp-lnk-stub { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2}
.adp-img-stub { position:absolute; top:0; left:0; background-size:auto 140%; width:100%; height:100%; background-position:center top}

/* only ie7, ie9, ie10, ie11 */
@media screen\0 { input { /* ie7, ie9, ie10, ie11+ only */ padding-bottom: 19px;} }
/* Remove inner shadow from inputs on mobile iOS */
.border-radius-100 { border-radius: 100% !important; }

#return-to-top { position: fixed; bottom: 15px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 30px; height: 30px; display: block; text-decoration: none; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:99999;}
#return-to-top i { color: #fff; margin: 0; position: relative; left: 10px; top: 2px; font-size: 12px; -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#return-to-top:hover { background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover i { color: #fff; top: 5px;}
.ora_gradient{ color:#FFF; background: #ff684a; /* fallback for old browsers */background: -webkit-linear-gradient(to left, #ff684a , #f2a537); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #ff684a , #f2a537); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
.tac{ text-align:center !important}
.tal{ text-align:left !important}
.tar{ text-align:right !important}
/*-------------return-to-top end---------------*/


.gesia_gall_text{ height:50px; padding:10px; font-size: 20px; font-weight: 600; color:#838383}
.gesia h2{ height:50px; padding:10px; font-size: 24px; font-weight: 600; color:#474747}

/*Css Slider */
.slick-slide { margin:20px;}
.slick-slide img { width: 228px !important; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none;}

/* font family */
.alt-font {font-family: "Open Sans",sans-serif !important;}
.main-font {font-family: 'Open Sans', sans-serif !important;}

/* heading */
h1, h2, h3, h4, h5 { text-transform: uppercase; margin:0; padding:0; color: #000;   }
h1 { font-size:52px; font-weight:500; line-height:62px; margin-bottom:21px; display: inline-block; letter-spacing:0px; font-family: "Oswald",sans-serif !important; }
h2 { font-size:30px; font-weight:600; line-height:36px; margin-bottom:21px; display: inline-block; letter-spacing:0px; }
h3 { font-size:14px; letter-spacing:inherit; font-weight:700; line-height:22px; }
h4 { letter-spacing: 0px; font-weight:400; text-transform:none; font-size:16px; line-height: 26px}
h5 { letter-spacing: 2px; font-weight:600; font-size:15px; line-height:22px;}

/* section title */
.tab-content .section-title { border: medium none; font-size: 40px; font-weight: 100; text-transform: none; margin:2% 0 0; padding:0}
.title-gray{ border:1px solid #b5b5b5; color:#b5b5b5}
.title-white{ border:1px solid #ffffff; color:#ffffff}
h1.big { color:#ffffff; font-size:65px; font-weight:600; line-height:76px; margin-bottom:0px;}
h1.title { font-size:60px; font-weight:700; line-height:65px; margin-bottom:0px; display: inline-block;}
span.underline-bg { display: table; height: 2px; width: 100%; position: relative; top: -28px; z-index:2}
h1.big span { font-weight:300;}
.banner-content { font-size:18px; line-height:28px;}
h1.page-title { margin:95px auto 0; width: 100%; }
.work-process-title{font-size: 12px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; color: #000; }

/* different text size */
.text-small { font-size:11px !important; line-height:15px !important;}
.text-med{ font-size:14px !important; line-height:26px !important;}
.title-med{ font-size:24px !important; line-height:34px !important;}
.title-large{ font-size:27px !important; line-height:36px !important;}

.font18{ font-size:18px;}

/* text color */
.white-text{ color:#FFF !important} 
.black-text{ color:#000 !important}
.yellow-text{ color:#e6af2a !important}
.gray-text {  color:#7f7f7f !important}
.dark-gray-text { color:#373737 !important}
.light-blue{ color:#6acdec !important}}

/* letter spacing */
.letter-spacing-1 { letter-spacing:1px !important}

/* font weight */
.font-weight-100 { font-weight:100 !important}
.font-weight-200 { font-weight:200 !important}
.font-weight-300 { font-weight:300 !important}
.font-weight-400 { font-weight:400 !important}
.font-weight-600 { font-weight:600 !important}
.font-weight-700 { font-weight:700 !important}

/* text property */
.text-transform-unset { text-transform:unset !important}
.text-decoration-underline { text-decoration:underline !important; }
.word-wrap { word-wrap: break-word}
.text-transform-none {text-transform:none !important}
.text-transform-uppercase {text-transform: uppercase !important}

i { color: #9a9a9a; margin: 0 3px}
.extra-large-icon {font-size:60px !important;}
.large-icon {font-size:50px !important;}
.medium-icon { font-size:40px !important; margin-bottom: 15px !important; }
.small-icon { font-size:25px !important;}
.extra-small-icon { font-size:18px !important;}
.bg-gray-border{background-color:#fafafa; border-bottom:1px solid #eee; border-top:1px solid #eee;}
.bg-dark-gray-border{background-color:#eeeeee; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3;}

/* opacity */
.opacity-light{ position: absolute; height: 100%; width: 100%; opacity: 0.5; z-index: 1; top:0; left: 0 }
.opacity-medium{ position: absolute; height: 100%; width: 100%; opacity: 0.7; z-index: 1; top:0; left: 0 }
.opacity-full{ position: absolute; height: 100%; width: 100%; opacity: 0.8; z-index: 1; top:0; left: 0 }

.center-col{ float:none !important; margin-left:auto !important; margin-right:auto !important}
/* separator */
.separator-line { height: 2px; margin: 0 auto; width: 85%; margin:3% auto}
.separator-line-thick { height: 4px; margin: 0 auto; width: 30px; margin:7% auto}
.separator-line-vertical { width:7px; height:80px; background-color:#fff; float:left; margin-right:90px;}
.slider-text .separator-line { margin:14% auto; height: 2px}
.thin-separator-line { height: 1px; width: 30px; margin:7% auto}
.vertical-separator { height:25px; width:25px; border-left:1px solid #000}
.wide-separator-line { height: 1px;  background-color:#e5e5e5; margin:5% 15px;}
.indicators-black .active { background-color: #000; border: 2px solid rgba(0, 0, 0, 1); }
.indicators-black li { border: 2px solid rgba(0, 0, 0, 1);}

/* margin */
.margin-one{ margin-top:1% !important; margin-bottom:1% !important}
.margin-two{ margin-top:2% !important; margin-bottom:2% !important}
.margin-three{ margin-top:3% !important; margin-bottom:3% !important}
.margin-four{ margin-top:4% !important; margin-bottom:4% !important}
.margin-five{ margin-top:5% !important; margin-bottom:5% !important}
.margin-ten{ margin-top:10% !important; margin-bottom:10% !important}
.margin-right-four{margin-right:4% !important}
.margin-right-five{margin-right:5% !important}
.margin-right-six{margin-right:6% !important}
.margin-right-seven{margin-right:7% !important}
.margin-right-eight{margin-right:8% !important}
.margin-right-nine{margin-right:9% !important}
.margin-right-ten{margin-right:10% !important}
.margin-top-section { margin-top:96px;}
.margin-left-right-one { margin-right:6% !important; margin-left:6% !important}
.margin-two-bottom { margin-bottom: 2% !important; }
.margin-three-bottom { margin-bottom: 3% !important; }
.margin-four-bottom { margin-bottom: 4% !important; }
.margin-five-bottom { margin-bottom: 5% !important; }
.margin-ten-bottom { margin-bottom: 10% !important; }
.no-margin{ margin:0 !important}
.no-margin-lr{ margin-left: 0 !important; margin-right: 0 !important}
.no-margin-top{ margin-top:0 !important}
.no-margin-bottom{ margin-bottom:0 !important}
.no-margin-left{ margin-left:0 !important}
.no-margin-right{ margin-right:0 !important}
.margin-bottom{ margin-bottom:60px} .margin-bottom-20{ margin-bottom:20px !important;} .mb-10{ margin-bottom:10px !important;} .mb-15{ margin-bottom:15px !important;}
.margin-eight-right{ margin-right:3%;}
.margin-ten-right { margin-right:3%;}
.margin-top-ten{margin-top:10% !important}.mtop-5p{margin-top:5% !important}
.margin-top-13px{margin-top:13px !important}
.margin-left-right-min15{margin-left:-15px !important; margin-right:-15px !important;}
.mb15{ margin-bottom:15px !important;}
.margin-bottom-40{ margin-bottom:40px !important;}

/* padding */
.padding-one { padding-top:1% !important; padding-bottom:1% !important}
.padding-two { padding-top:2% !important; padding-bottom:2% !important}
.padding-three { padding-top:3% !important; padding-bottom:3% !important}
.padding-four { padding-top:4% !important; padding-bottom:4% !important}
.padding-five { padding-top:5% !important; padding-bottom:5% !important}
.padding-six { padding-top:3% !important; padding-left:3% !important; padding-right:3% !important;}
.padding-seven { padding:6%}
.padding-eight { padding-top:20%; padding-bottom: 20%}
.padding-nine { padding:6% 0}
.padding-twenty-nine{ padding:15% !important}
.padding-left-right { padding-right:6% !important; padding-left:6% !important;}
.padding-left-right-3p { padding-right:3% !important; padding-left:3% !important;}
.padding-two-bottom { padding-bottom: 2% !important; }
.padding-left-right-px { padding: 0 15px;}
.no-padding-left-right { padding-left:0 !important; padding-right:0 !important}
.no-padding-section { padding:0px !important;}
.no-padding-right { padding-right:0px !important;}
.no-padding-top { padding-top:0 !important}
.no-padding{padding:0 !important}
.no-padding-left { padding-left:0px !important;}
.no-padding-bottom { padding-bottom:0 !important}
.section-padding-inner{ padding: 140px 0} 
.padding-30{ padding:30px;} .padding-40{ padding:40px;} .padding-50{ padding:50px;}
.padding-top-10{ padding-top:10% !important;}.padding-top-12p{ padding-top:12% !important;}
.padding-10px { padding-top:10px !important}
.padding-bottom15 { padding-bottom:15px !important}
.ptop5{padding-top:5px !important} .ptop10{padding-top:10px !important}.ptop20{padding-top:20px !important}

/* float */
.f-left { float:left !important}
.f-right{ float:right !important}
.no-float { float:none !important;}

/* other col size */
.col-large {width:90%;}
.col-medium {width:85%;}
.col-small{ width:75%;}
.col-extra-small{ width:70%; }

/* display */
.display-block { display: block !important}
.overflow-hidden{ overflow: hidden !important}
.overflow-hidden-mobile{ position:fixed !important; overflow: hidden !important}
.display-inline-block { display: inline-block !important}
.display-inline { display: inline !important}
.display-none { display:none !important}
.display-table { display: table !important}

/* position */
.position-relative{ position: relative !important; z-index:5 }
.position-absolute {position: absolute !important;}
.position-right { right:0 !important; }
.position-left { left:0 !important; }
.position-top { top:0 !important; }

/* width */
.width { display: inline-block; position: relative; width: 90%; }
.width-100 { width:100% !important;}
.width-auto { width: auto !important}
.width-0 { width:0px !important;}

/* height */
.height-100 { height: 100% !important}
.height-auto { height:auto !important}

.clear-both{ clear:both}
.roundedimage { border-radius: 100%}
.vertical-align-middle { vertical-align: middle !important;}
.vertical-align-bottom { vertical-align: bottom !important;}
.no-box-shadow { box-shadow:none !important}
p.uppercase { text-transform:uppercase !important;}
p.uppercase a { text-decoration:underline !important;}
p.uppercase a:hover { text-decoration: none;}
.line-break { display:block !important;}
.z-index-1 {z-index:1 !important;}
.z-index-0 {z-index:0 !important;}
.no-transition *, .owl-carousel * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }

/* ===== Owl carousel ======= */
.owl-carousel { overflow: hidden; }
.owl-buttons { position: static; }
.owl-prev, .owl-next { color: #111; display: block; font-size: 16px; height: 105px; line-height: 105px; margin-top:-35px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 105px; z-index: 6; }
.owl-prev {left: -70px;}
.owl-next {right: -70px;}
.owl-prev:before, .owl-next:before { background-color:#fff; border-radius:2px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); content: ""; display: block; height: 66%; left: 0; position: absolute; width: 66%; }
.owl-next:before { left: auto; right: 0; }
.owl-prev .fa, .owl-next .fa {color: #000; font-size: 24px; position: relative; top: -15%;}
.owl-prev .fa{ right: 4%}
.owl-next .fa { left: 4%;}
.owl-carousel:hover .owl-prev {left: -35px; opacity: 1; display:none!important; }
.owl-carousel:hover .owl-next { opacity: 1; right: -35px; display:none!important;  }
.owl-pagination {  display: block; left: 0; text-align: center; width: 100%; z-index: 100 !important; }
.owl-page { display: inline-block; padding: 6px 5px; }
.owl-page span { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); border-radius: 4px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px; }
.owl-page:hover span { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); }
.owl-page.active span { background: none repeat scroll 0 0 transparent; border: 1px solid rgba(255, 255, 255, 0.8); transform: scale(1.33333); }
.owl-bg-img { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; overflow: hidden; position: relative; width: 100%; }
.owl-subtitle { font-size: 14px; letter-spacing: 10px; text-transform: uppercase; font-weight: 400; line-height: 80px; display:block}
.owl-title { font-size: 35px; font-weight: 600; text-transform: uppercase; display: block; letter-spacing: 7px;}
.owl-title-big { background: rgba(0, 0, 0, 0.5); display: inline-block; font-size: 25px; font-weight: 600; letter-spacing: 7px; line-height: 40px; padding: 35px 50px; text-transform: uppercase; width: 60% }
.dark-pagination .owl-page span { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); box-shadow: none }
.dark-pagination .owl-page.active span {background:transparent; border: 1px solid rgba(0, 0, 0, 1); }
.dark-pagination .owl-prev, .owl-next { opacity: 1; display:none!important;}
.dark-pagination .owl-next:before { left: auto; right: 0; }
.dark-pagination .owl-prev {left: -35px; opacity: 1; }
.dark-pagination .owl-next { opacity: 1; right: -35px; }
.light-pagination .owl-page.active span {background: transparent; border: 1px solid rgba(255, 255, 255, 1); }
.owl-controls{ margin-top:9px;}

/* ======= Scroll to top========== */
#scroll_to_top { cursor: pointer; }
#scroll_to_top:hover { opacity: 0.75; }
.scrollToTop { display: none; font-weight: bold; height: auto; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; width: auto; background-color: #000; z-index: 555; border-radius:2px; }
.scrollToTop i { font-size: 18px; margin: 0 6px; color: #fff; }
.scrollToTop:hover { opacity: 0.5; }
.scrollToTop:hover i { position: relative; }

/*  Slider background and overlay*/
.slider-overlay{ position: absolute; height: 100%; width: 100%; opacity: 0.6; z-index: 1; top:0; left: 0 }
.video-background{ position: absolute; height: 100%; width: 100%; z-index: 1; top:0; background: rgba(67,67,67,0.5) }
.slider-overlay-half{ position: absolute; height: 60%; width: 100%; opacity: 0.9; z-index: 1; bottom:0; }
.slider-text { position: relative; left:0px; right:0px; z-index:1}
.slider-text h1 { font-size:30px; font-weight:300; letter-spacing:3px; font-family: 'Oswald', sans-serif; line-height: 38px}
.slider-text span {display: block; font-size: 16px; font-weight: 400; line-height: 25px; }
.gradient-overlay { position: absolute; height: 100%; width: 100%; opacity: 0.8; z-index: 1; top: 0px; background: rgba(167,73,28,0.9); background: -moz-linear-gradient(left, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(167,73,28,0.9)), color-stop(100%, rgba(48,41,39,0.9))); background: -webkit-linear-gradient(left, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); background: -o-linear-gradient(left, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); background: -ms-linear-gradient(left, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); background: linear-gradient(to right, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a562', endColorstr='#608aab', GradientType=1 ); }
.gradient-overlay-light { background: rgba(176,0,92,1); background: -moz-linear-gradient(left, rgba(176,0,92,1) 0%, rgba(83,11,49,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(176,0,92,1)), color-stop(100%, rgba(83,11,49,1))); background: -webkit-linear-gradient(left, rgba(176,0,92,0.7) 0%, rgba(83,11,49,1) 100%); background: -o-linear-gradient(left, rgba(176,0,92,0.7) 0%, rgba(83,11,49,1) 100%); background: -ms-linear-gradient(left, rgba(176,0,92,0.7) 0%, rgba(83,11,49,1) 100%); background: linear-gradient(to right, rgba(176,0,92,1) 0%, rgba(83,11,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#530b31', endColorstr='#b0005c', GradientType=1 ); }
.overlay-yellow{ position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#ffca18 }
.overlay-blue{ position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#8ac4fe }
.overlay-gray{ position: absolute; height: 100%; width: 100%; opacity: 0.8; top: 0px; background-color:#f4f5f6 }
.overlay-green{ position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#71f1b9 }
.slider-half { position:absolute; top:50%; left:0; right:0; z-index:1; color:#FFF}
.slider-half h1 { font-size:80px; line-height:85px; font-weight:300; letter-spacing:-2px; text-transform: none;}
.slider-half h1 span { font-weight:700;}

/* Navigation */
nav { width: 100%; top: 0px; z-index: 99;}/*background-color:#fff;*/
nav .container{ display: table-cell; vertical-align: middle; height: 80px; position: relative; }
.shrink-nav .container { height: 60px; }
.shrink-nav { background-color:#FFF; border-bottom:1px solid #f5f5f5;}
.sticky-nav{ position: fixed; top: 0px; display: inline-table;}
.logo { max-width: 280px; margin-top:0px; }
.logo-style-2 { max-width: 177px; }
.logo-style-3 { max-width: 210px; }
.sticky-nav .logo-light { height: 55px; vertical-align: middle; display: table-cell;}
.shrink-nav .logo-light { opacity: 0; display: none}
.sticky-nav .logo-dark {opacity: 0; display: none}
.shrink-nav .logo-dark { height: 55px; vertical-align: middle; display: table-cell; opacity: 1}
.mega-menu-full .mega-menu-column { margin: 0; }
.navbar-nav li a.active { border-bottom:2px solid #000}
.nav-white-bg { background-color:#fff !important;}
.black-bg { background: rgba(0,0,0,0.65)}
.nav-white.sticky-nav .navbar-nav li a { color: #666}
.nav-white.shrink-nav .navbar-nav li a { color: #000}
.nav-white.sticky-nav .navbar-nav li a:hover, .nav-white.sticky-nav .navbar-nav > .open > a  { border-bottom-color: #666}
.nav-white.shrink-nav .navbar-nav li a:hover, .nav-white.shrink-nav .navbar-nav > .open > a { border-bottom-color: #000}
.nav-dark.shrink-nav .navbar-nav li a:hover, .nav-dark.shrink-nav .navbar-nav > .open > a { border-bottom-color: #fff !important}
.nav-dark-transparent.shrink-nav .navbar-nav li a:hover, .nav-dark-transparent.shrink-nav .navbar-nav > .open > a { border-bottom-color: #fff !important}
.navbar-fixed-top { top:0px !important;}

/* home new menu end */
.header-without-cart-search .dropdown-menu {right: 15px;}
.header-without-cart-search .dropdown.simple-dropdown .dropdown-menu { left: auto !important; right: 0 !important;}
.header-without-cart-search .navbar-right .dropdown-menu { left: auto; right: 15px;}
.navbar-right .dropdown-menu { right: 118px !important; }
.search-cart-header { float: right; letter-spacing: 1px; padding-top: 10px; }
.nav > li { display: block; margin: 0 12px 5px; }
.navbar-nav > li > a {font-size: 12px !important; letter-spacing: 0.5px;}
.navbar-nav > li.orn > a { font-size: 12px; letter-spacing: 0.2px; color:#f47321 !important}
.navbar-default .navbar-nav > li.orn > a:hover, .navbar-default .navbar-nav > li.orn > a.active { border-bottom: 2px solid #f47321 !important; }
.navbar-default .navbar-nav > .open.orn  > a,
.navbar-default .navbar-nav > .open.orn  > a:hover { border-bottom: 2px solid #f47321 !important;}
.dropdown-menu.ornc{ background-color:rgba(182,71,0,0.95);}
.navbar-nav.navbar-right:last-child { margin-right: 0px; margin-top: 40px;}

/* home new menu end */
.navbar-default .navbar-nav > li > a i { display: none; }
.mega-menu-full { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.mega-menu-column { display: inline-block; margin-right: 35px; vertical-align: top; }
.mega-menu-column:last-child { margin-right: 0; }
.sticky-nav .navbar-nav > li > .dropdown-menu { top: 46px; width:auto !important; }
.shrink-nav .navbar-nav > li > .dropdown-menu { top: 46px; }
.shrink-nav .dropdown.simple-dropdown .dropdown-menu { top: 46px !important}
.shrink-nav .cart-content { top: 44px; }
.nav li.simple-dropdown { position: relative;}
.dropdown.simple-dropdown .dropdown-menu { left: -10px; transform: translateX(0px); padding-top: 30px; top: 56px !important }
.full-width-pull-menu {display: inline-table\9 !important;}
.full-width-pull-menu .container {display:table-cell\9 !important;}
.menu-new{ background:#c11f1f; padding:0 6px 1px 5px; font-size:10px; color:#fff; margin-left:5px;}
.megamenu-right-icon { display: none !important; }
.dropdown-menu{padding:10px !important; background-color:#093c7f !important;}
.dropdown-menu li {}
.dropdown-menu li a { height: 38px; line-height: 36px; padding: 0 13px;  }
.dropdown-menu li a:hover { background-color: rgba(0, 0, 0, 0.3); width:100%; }


/* simple dropdown menu */
.simple-dropdown-menu ul { padding: 0 !important; }
.simple-dropdown-menu ul li { }
.simple-dropdown-menu ul li a { border-bottom: 1px solid rgba(255, 255, 255, 0.06); height: 38px; line-height: 36px; padding: 0 13px; }
.simple-dropdown-menu ul li a:hover { background-color: rgba(0, 0, 0, 0.3); }
.sub-menu { position: relative; width: 100%; }
.sub-menu ul { background-color: rgba(27, 22, 28, 0.95); border-left: 1px solid rgba(255, 255, 255, 0.06); display: none; left: 200px; margin: 0 !important; min-width: 200px; padding: 10px 25px 35px; position: absolute; top: 0; }
.sub-menu:hover ul { display: block; }
.sub-menu a i { position: absolute !important; top: 11px !important; }

.dropdown-menu li a i { color: #c8c8c8 ; float: left; font-size: 14px; margin: 0 10px 0 0; padding: 0; position: relative; right: 0; top: 5px; }
.dropdown-menu li a:hover i { color: #fff; }
/*.sticky-nav.nav-border-bottom { border-bottom: 1px solid rgba(0,0,0,0)} .shrink-nav.nav-border-bottom { border-bottom: 1px solid rgba(0,0,0,0.1)}*/
.nav-border-bottom-fix {border-bottom: 1px solid rgba(0,0,0,0.1)}

.nav-white .search-cart-header .subtitle, .nav-white .top-cart .fa-shopping-cart, .nav-white .search-button, .nav-white .top-cart a:hover .fa-shopping-cart  { color: #fff}
.nav-white.shrink-nav .search-cart-header .subtitle, .nav-white.shrink-nav .top-cart .fa-shopping-cart, .nav-white.shrink-nav .search-button, .nav-white.shrink-nav .top-cart a:hover .fa-shopping-cart  { color: #000}

/*  dark navigation  */
.nav-dark { background-color: #000; border-bottom:1px solid rgba(0,0,0,1)}
.nav-dark.shrink-nav .navbar-nav li a { color:#fff}
.nav-dark .search-cart-header .subtitle, .nav-dark .top-cart .fa-shopping-cart, .nav-dark .search-button, .nav-dark .top-cart a:hover .fa-shopping-cart  { color: #fff !important}
.nav-dark .search-button { color:#fff !important}
.nav-dark .dropdown-menu, .nav-dark .cart-content{ background: rgba(0,0,0,0.9)}
.nav-dark .navbar-nav li a:hover { border-bottom-color: #fff}
.nav-dark li a.active { border-bottom:2px solid #fff !important}

/*  transparent dark navigation  */
.nav-dark-transparent { background-color: rgba(0,0,0,0.8); border-bottom:1px solid rgba(0,0,0,0.8)}
.nav-dark-transparent.shrink-nav .navbar-nav li a { color:#fff }
.nav-dark-transparent .search-cart-header .subtitle, .nav-dark-transparent .top-cart .fa-shopping-cart, .nav-dark-transparent .search-button, .nav-dark-transparent .top-cart a:hover .fa-shopping-cart  { color: #fff !important}
.nav-dark-transparent .dropdown-menu, .nav-dark-transparent .cart-content { background: rgba(0,0,0,0.9)}
.nav-dark-transparent .navbar-nav li a:hover { border-bottom-color: #fff !important}
.nav-dark-transparent .close-search, .nav-white .close-search{ color: #000 !important}

/*  transparent light navigation  */
.nav-light-transparent{ background-color: rgba(255,255,255,0.8)}
/* page titles */
.content-top-margin { margin-top: 81px;}
.page-title { padding: 52px 0 0 0; background-repeat:no-repeat; min-height:130px; margin-top:60px;}
.page-title.company-title{background: #1aaad6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #162561, #1aaad6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #162561, #1aaad6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}

.page-title.verdegro-title{background: #00aef7;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #00aef7, #00aef7);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #00aef7, #00aef7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}

/*.page-title.verdegro-title{background: #0380ea; 
background: -webkit-linear-gradient(to right, #03b2ea, #0380ea); 
background: linear-gradient(to right, #03b2ea, #0380ea); }*/

/*.page-title { padding: 96px 0 0 0; background-image:url(../images/parallax-img47.jpg); background-repeat:no-repeat; min-height:200px;}*/
.page-title h1 { font-weight: 700; font-size: 36px; margin-bottom: 15px; letter-spacing:1px; }
.page-title span {letter-spacing: 1px; font-weight: 400; font-size: 14px;}
.breadcrumb ul li { display: inline-block; font-size: 14px; color: #575757; text-transform:capitalize}
.breadcrumb ul li a { color: #575757}
.breadcrumb ul > li+li:before {  color: #fff; content: "/"; font-size: 12px; padding: 0 10px; position: relative;}
.verdegro-breadcrumb{ text-align:right; color:#fff; font-weight:200; font-size:20px;  }
/* counter section  */
.counter-section { padding-bottom:60px !important; padding-top:60px !important;color:#FFF;background: #2eb48a; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #2eb48a , #114684); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #2eb48a , #114684); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
.counter-section i { float:left; margin-right:15px; margin-top:10px;}
.counter-section span.counter-number { font-size:50px; color:#ffffff; line-height:60px; text-align:left !important; letter-spacing: 2px; font-weight:600 !important}
.counter-title{ font-size:18px; text-transform: uppercase; display:block; text-align:left; color:#FFF; font-weight:600 !important}
.counter-icon {top:25px; position:relative}
.counter-style2 .counter-title {letter-spacing: 0.55px; float: left;}
.counter-style2 span.counter-number {letter-spacing: 0.55px; float: left; margin-right: 10px;}
.counter-style2 i {float: right; line-height: 26px; margin: 0 10px 0 0}
.counter-subheadline span {float: right;}

/*  Footer*/
.footer_top_border{ background-color:#fff; height:2px; top:4px; clear:both; position:relative}
footer { clear:both; background: #eeeeee; /*padding:50px 10px 50px 0px;*/ color: #333333; font-size:13px !important;}
footer h5 { margin-bottom: 15px; font-size:12px; font-weight: 700; color:#030303; letter-spacing:0px;}
footer .footer-middle { padding-top:60px; padding-bottom: 45px;}
/*footer ul li { padding: 0; display:inline !important;}
footer ul li a { color: #333333; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }
footer ul li a:hover { color: #000; font-weight:bold; letter-spacing: 2px; }*/
footer a { color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-left:7px; margin-right:7px; font-weight:600;}
footer a:hover { color: #adde60; font-weight:600;}
.footer-social { text-align:right;}
.footer-social i {  font-size: 20px;}
.footer-social a { margin: 0 5px;}
.footer-social a:last-child {margin-right: 0}
.footer-social a i {color: #fff; }
.footer-social a:hover i { color: #000}
.copyright { font-size: 12px; text-transform:capitalize; color: #fff }
footer .wbs{border:1px solid #fff; bottom:-4px; position:relative}
footer .bg-dark-gray{ background: #000000 !important; padding-top:5px; padding-bottom:5px; background-image:url(../images/footer_bottom_left.jpg) !important; background-position:left; background-repeat:no-repeat !important;}
footer .footer-border{border-left:2px solid #CCC!important;}

/* Full screen video */
.video-wrapper { height: 100%; overflow: hidden; position: absolute; width: 100%; }
.html-video { background-color: #000; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  width: auto; z-index: -3; }
.video-wrapper iframe {   height: 100%; left: 0; position: absolute; top: -5px !important; width: 100%;}

/*  Half screen video*/
.video-half-screen { min-height:650px;}
.video-half-screen .html-video { top:0; left:0; transform:none; -webkit-transform: none; -ms-transform: none;}
/* Full width image*/
.full-width-image { min-height: 600px;}
/*  side bar */
.widget { margin-bottom:65px;}
.widget input { border-radius: 4px; width: 85%; border-width: 2px; margin-bottom: 0; padding: 10px 35px 10px 15px }
.widget .close-search { right: 70px; top: 16px}
.widget-title { font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight:700; letter-spacing: 1px;}

.tags a { border:1px solid rgba(0, 0, 0, 0.1); padding: 0 10px; margin: 0 5px 9px 0; text-transform: uppercase; font-size: 10px; color: #626262; display: inline-block; line-height: 26px; }
.tags a:hover {border:1px solid rgba(0, 0, 0, 1); background-color: #000; color: #fff}
.quick-contact input { width:100%; border-width:1px; margin:0 0 20px; border-radius:0}
.quick-contact input[type="button"] { border: 2px solid #000; width:auto; border-radius:0}
.flickr-photostream img { width: 45%; margin:0 5% 5% 0; padding: 0}

.etoll-1-left{ background-image:url(../images/bg_img.jpg); background-repeat:repeat; min-height:595px;}
.etoll-1-cent{padding-left:3%; padding-top:7%; padding-right:0px;}
.etoll-1-right{ padding-right:0px;}
.etoll-rspbox{background-color:#004ea7; padding-top:70px; padding-bottom:70px;}
/*.etoll-rspbox{background-color:#004ea7; padding-top:70px; padding-bottom:70px; background-image:url(../images/software_platform_bgimg.png); background-position:left bottom; background-repeat:no-repeat;}*/

.info-white-box{background-color:#FFF; box-shadow:10px 10px #e3e3e3; padding:50px 80px; text-align:center; font-size:18px; line-height:30px; font-weight:600; margin-top:10px;}
.get-Accurate-text{ font-size:24px !important; line-height:34px !important; margin-top:5%;}

.etoll-sc1{ padding-top:4%} .etoll-sc2{ padding-top:2%}.etoll-sc3{ padding-top:7%}

.epark-1-left{ background-image:url(../images/bg_img.jpg); background-repeat:repeat; min-height:500px;}
.epark-1-cent{padding-top:0%; }
.epark-1-right{ padding-top:5%; text-align:center}

/*  only ie9, ie10, ie11 */
@media screen\0 { .widget input { /* ie7, ie9, ie10, ie11+ only */ padding-bottom: 17px; } }

.home_main_bg{ background-image:url(../images/home_video_bg.jpg); background-repeat:no-repeat; background-position:center top; height:1016px; text-align:center;}
.home_counter_bg{ background-color:#fbfbfb; border-bottom:2px solid #f8f8f8; border-top:2px solid #f8f8f8; padding:100px 0px 100px 0px;}
.home_con_padd { padding-top:110px; padding-bottom:4%; color:#FFF; font-size:16px; line-height:22px; text-align:center; word-wrap:break-word;}

.home_formbox{ background-color:#fff; margin-top:-270px !important;  margin-bottom:80px; padding:30px 40px 40px 40px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);}


/* forms controls */
.input-round { border-radius:4px !important }
.big-input, .big-textarea, .big-select { padding: 12px 25px 11px; border:1px solid rgba(0,0,0,.2);}
.big-label {font-size:14px; letter-spacing:2px;}

/* only ie7, ie9, ie10, ie11 */
@media screen\0 { .big-input, .big-textarea, .big-select { /* ie7, ie9, ie10, ie11+ only */ padding-bottom: 20px; } }

.med-input, .med-textarea, .med-select { padding: 10px 15px; border:1px solid rgba(0,0,0,.2); border-radius:4px}
.med-input.select-style select { padding: 14px 15px}
.med-input.select-style { margin:0 0 20px }

.select-style { padding: 0; margin: 0; border: 1px solid #ccc; width: 100%; overflow: hidden; background-color: #fff; margin: 0 0 40px;  background: #fff url("../images/select-arrow.png") no-repeat 97% 50%; }
.select-style select { padding: 16px 15px; width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor: pointer; font-size:11px; text-transform: uppercase; letter-spacing:1px; margin-bottom:0; color:#999999 }
.select-style select:focus { outline: none; border: none; box-shadow: none }

.login-box { padding:35px; background-color:#fff; border-radius:8px; box-shadow: 0 0 2px #888888;}

/* grid */
.show-grid [class^="col-"] { background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 15px; padding: 10px 0; text-align: center; }
#success { clear: both; margin: 0 15px 20px; text-align: center; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; border-radius: 5px; padding: 15px 0;}
#success-free30daytrial { clear: both; margin: 0 15px 20px; text-align: center; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; border-radius: 5px; padding: 15px 0;}
/* tabs */
.nav-tabs > li > a { margin-top: 0;}
/* only ie7, ie9, ie10, ie11 */
@media screen\0 { #animated-tab .nav-tabs > li > a { /* ie7, ie9, ie10, ie11+ only */ float: none; } }

/* list */
ul.flat-list { list-style:inside disc; margin: 0 0 0 25px}
.flat-list li { padding:5px 0}
.flat-list li.active { font-weight:600; color:#000}
.flat-list li.active ul { font-weight: normal; color: #575757}
.flat-list li ul { padding:5px 0 0 15px;}
.flat-list li i { margin:0 10px 0 0}
ul.flat-list-icon { list-style:none}
.list-inline li { display: inline-block; padding: 0 18px;}
/*ul.list-line li {border-bottom:1px solid rgba(0,0,0,.1); background-image:url(../images/gray_arrow.png); background-position:left top 8px; background-repeat:no-repeat; margin: 0 0 8px 0; padding:0px 15px 15px 15px; }*/
ul.list-line li {border-bottom:1px solid rgba(0,0,0,.1); background-repeat:no-repeat; margin: 0 0 8px 0; padding:0px 15px 15px 0px; }
ul.list-line li:last-child {border-bottom: none}
ul.list-line li span {min-width:130px; display:inline-block}

.list-line-white li { display: inline-block; padding: 0 18px;}
ul.list-line-white li {border-bottom:1px solid rgba(255,255,255,.2); background-image:url(../images/blue_arrow.png); background-position:left top 8px; background-repeat:no-repeat; margin:0 0 8px 0; padding:0 15px 15px 15px; }
ul.list-line-white li:last-child {border-bottom: none}
ul.list-line-white li span {min-width:130px; display:inline-block}

.cont-arrow ul { list-style-image: url(../images/con_green_arrow.png); padding: 15px;}
.cont-arrow li { margin: 10px; margin-left: 35px; line-height:22px}

/* only ie7, ie9, ie10, ie11 */
@media screen\0 { .about-year { /* ie7, ie9, ie10, ie11+ only */ padding-top: 20px !important; } }
@media screen\0 { .about-year span { /* ie7, ie9, ie10, ie11+ only */ display: block !important; margin-bottom: 28px !important; } }
/*  only ie9, ie10, ie11 */
@media screen\0 { .team-size span { /* ie7, ie9, ie10, ie11+ only */ display: block; margin-bottom: 38px; } }
.career-form { padding: 5%}

/* contact us */
.contact-map iframe { width:100%; height:420px;}
.view-map { position:absolute; bottom: 0; right: 0}
.scrolloff { pointer-events: none; }

.contact-box { min-height:440px; padding: 60px 40px; background-color:rgba(0,0,0,.3) !important }
.contact-map { min-height:440px; padding: 60px 40px; }
.contactus-bg{ background:linear-gradient(to right, #0c4a86, #40c4a2) !important; border-top:1px solid #ffffff;}
.map-contact {padding: 1% 10% 0% 0%;  min-height:440px; } .map-contact h2 {border-bottom:2px solid rgba(0,0,0,.2); margin-bottom:30px; padding-bottom:30px; color:#00ffff;}
.map-contact ul li {font-size: 14px; font-weight: 400; margin-bottom:30px; padding: 0 0 0 40px; text-transform: uppercase; position: relative; color:#f7f7f7}
.map-contact ul li a { color:#f7f7f7 } .map-contact ul li strong{ color:#30eaba !important }
.map-contact ul li span { position: absolute; left: 0; top: 5px;}
.map-contact ul li .fa {font-size: 21px; color: #ffffff !important; }
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #safari { display: block; } 
  nav * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
}