/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700'); */


#jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%; font-family: Arial, Helvetica, sans-serif; }
* { margin: 0px; padding: 0px; }

/* text selection color */
::-moz-selection { background:#2c42b3;}
::selection { background:#2c42b3; color: #fff;}

/* browser scroller style */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; }
::-webkit-scrollbar-track-piece { background:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ /* Old browsers */ background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #466cf7 0%,#2a3db6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  background: #16a085;}


@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: none !important; line-height:28px !important; } }

body {font-family: var(--primary-font-family);color: var(--default-color);font-size:var(--base-font-size);position: relative;}

/* font family */
.ff-primary { font-family: var(--primary-font-family); }
.ff-secondary { font-family: var(--secondary-font-family); }

/* font colors */
.fc-primary { color: var(--primary-color); }
.fc-secondary { color: var(--secondary-color); }
.fc-dark { color: var(--theme-dark); }
.fc-lite { color: var(--theme-lite); }

/* buttons */
.primary-btn,.secondary-btn { font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px;  position:relative; display:table; border-radius: 3px; }
.primary-btn:after, .secondary-btn:after { content: "\e957"; font-family: 'icomoon' !important;
font-size: 13px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle;  }
.primary-btn { background:var(--primary-color); color: white; }
.primary-btn:hover {background:var(--primary-color-dark); color: white; }
.secondary-btn { background:var(--secondary-color); color: white;  }
.secondary-btn:hover {background:var(--secondary-color-dark); color: white; }

.banner-btn{text-transform: capitalize; display: inline-block; transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff !important; background-color: transparent;padding: 20px 40px; font-size: 18px; font-weight: 600; border-radius: 5px;border: 1px solid #fff !important;}


.secpad-100{padding: 100px 0;}


.sm-btn { font-size: 14px; }
.md-btn { font-size: 16px; }
.lg-btn { font-size: 18px; }
.xl-btn { font-size: 20px; }

/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
h1, .h1, h2, .h2 {font-family: var(--heading-font-family);}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{ font-family: var(--heading-font-family); padding-bottom: 10px;
color: var(--theme-dark); }

h2, .h2 { font-size: 6.7vmin; }
h3, .h3 { font-size: var(--font-size-h3); font-weight: 600; }
h4, .h4 { font-size: var(--font-size-h4); }
h5, .h5 { font-size: var(--font-size-h5); }
h6, .h6 { font-size: var(--font-size-h6); }
p { /*font-size: var(--base-font-size);*/ }

p {font-weight: 400;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #687087;}
img{width: 100%;}
/*** theme sections padding ***/
.sec-padding-100 { padding:100px 0;} .sec-padding-90 { padding:90px 0;}
.sec-padding-80 { padding:80px 0;} .sec-padding-70 { padding:70px 0;}
.sec-padding-60 { padding:60px 0;} .sec-padding-xlarge { padding:50px 0; }
.sec-padding-large { padding:40px 0; } .sec-padding-medium { padding:30px 0; }
.sec-padding-small { padding:25px 0; } .sec-padding-xsmall { padding:10px 0; }

/*** theme sections margin ***/
.sec-margin-100 { margin:100px 0;} .sec-margin-90 { margin:90px 0;}
.sec-margin-80 { margin:80px 0;} .sec-margin-70 { margin:70px 0;}
.sec-margin-60 { margin:60px 0;} .sec-margin-xlarge { margin:50px 0; }
.sec-margin-large { margin:40px 0; } .sec-margin-medium { margin:30px 0; }
.sec-margin-small { margin:25px 0; } .sec-margin-xsmall { margin:10px 0; }

/*** no padding, no marging ***/
.p-0 { padding:0; }
.pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; }
.m-0 { margin:0; }
.mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; }
.tt-uppercase{text-transform: uppercase;}
.tt-capitalize{text-transform: capitalize;}
.pad-left-7{padding-left: 7px;}
.pad-right-7{padding-right: 7px;}
p strong { color: black; }
p span { color: black; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
img { border: 0px; outline: none; }
/*img { max-width: 100%;  }*/
ul,li { list-style-type: none; }
.relative { position:relative; }
.absolute { position:absolute; }

h2,.h2 {
 color: #171717;
 line-height: 1.2;
 font-weight: 700;
 padding: 0 0 15px 0;
 position: relative;
 letter-spacing: -1px;
 }
h2 span,.h2 span { color:var(--primary-color);}

a { text-decoration: none; }
.list-simple { list-style: none; margin: 0 0 15px 0; width:100%; display:inline-block; }
.list-simple li {color: var(--default-color);padding: 0 0 10px 16px;line-height: 20px;font-size: 14px;font-weight: 400;position:relative;}
.list-simple li:before {position: absolute; left: 0px;top: 0px;
font-size: 13px; color:var(--secondary-color); content: "\e93a"; font-family: 'icomoon' !important; }

/*** morefull block link ***/
.moreFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

/*** transition ***/
.transition {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

/*** scale with transition ***/
.scale-with-transition { -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in; transition: all 200ms ease-in; -webkit-transform: scale(1.05);
-ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }

/* header 
------------------------------------*/
.navbg-clr .header-main .top-bar{background: #3996d2; background: -moz-linear-gradient(-45deg, #3996d2 0%, #1169cd 100%); background: -webkit-linear-gradient(-45deg, #3996d2 0%,#1169cd 100%); background: linear-gradient(135deg, #3996d2 15%,#1169cd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 );}
.header-main {background: transparent; /* position:  absolute; */ padding: 0 0 0 0; top: 0; z-index: 99; width: 100%; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.header-main.fixed{box-shadow: 0px 5px 20px #00000012;-ms-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;position: fixed;background: #fff;}
.header-main.fixed .main-menu > ul > li > a{text-transform:  capitalize;color: #223235;}
.header-main.fixed .logo{width: 100%;}
.top-bar {
    position: absolute;
    padding: 0;
    width: 100%;
    top: -74px;
    left: 0;
    z-index: 99;
    background: #3996d2;
    background: -moz-linear-gradient(-45deg, #3996d2 0%, #1169cd 100%);
    background: -webkit-linear-gradient(-45deg, #3996d2 0%,#1169cd 100%);
    background: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 );
}
.top-bar.fixed-header{background: #fff !important;border-bottom: 1px solid #cbd6e2;}
.header-main .top-bar.fixed-header .othermenu li a{color: #171717;}
.header-main .top-bar.fixed-header .othermenu li .dropDown ul li a{margin-bottom: 12px;}
.header-main .top-bar.fixed-header .othermenu li.current a {color:  #16a085; transition: all 700ms; }
/*.header-main .top-bar.fixed-header .othermenu li:hover a{color: #16a085;transition: all 700ms;}*/
.header-main .top-bar.fixed-header .othermenu li:hover{ color:#16a085; }
.top-bar.fixed-header .top-info-list li a{color: #171717;}
.top-bar.fixed-header .top-info-list li:last-child a{background: #16a085;}
.top-bar.fixed-header .top-info-list li span{color: #16a085;}
.top-bar.fixed-header .btn-main{border-color: transparent;}
.top-bar.fixed-header img.img-fluid{opacity: 0;transition: all 700ms;display: none;}
.top-bar img.hver-logo{opacity: 0;transition: all 700ms;display: none;}
.top-bar.fixed-header img.hver-logo{opacity: 1;transition: all 700ms;display: inline-block;}
.top-info-list {float: right;margin: 40px 0;}
.top-info-list li {float: left;color: #171717;font-size: 14px;padding: 0 10px;}
.top-info-list li:first-child { padding-left: 0px; }
.top-info-list li:last-child { padding-right: 0px; }
.top-info-list li span {margin-right:8px; color: #fff; font-size: 13px; line-height: 20px; }
.top-info-list li span.icon-phone2 {font-size: 15px; top: 1px; position: relative;}
.top-info-list li+li {/* border-left: 1px solid #171717; */}
.top-info-list li a{color: #fff;transition: all 700ms;font-weight: 700;font-size: 16px;}
.top-info-list li a:hover {color: #fff;transition: all 700ms;}
.nav-area-full {
    position: fixed;
    padding: 17px 0px;
    width: 100%;
    margin-top: -57px;
    /* background: #fff; */
    /* -webkit-box-shadow: 0 2px 20px #01010130; */
    -moz-box-shadow: 0 2px 20px #01010130;
    -o-box-shadow: 0 2px 20px #01010130;
    /* box-shadow: 0 2px 20px #01010130; */
}
.navbg-clr .nav-area-full{display: none;}
.notfoundpage.navbg-clr .nav-area-full{margin-top: -18px;}
.col-lg-2.logo-area{display: none;}
.logo {width: 100%; margin: 0; float: left; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.logo a { display: block; }
.top-area { display: inline-block; width: 100%; }
.main-menu {width: 100%;display: inline-block;/* float: right; *//* margin: 2px 0 0; */}
.main-menu > ul {float: none;margin: 0px;}
.main-menu > ul > li { padding:0px 14px; float: left; position: relative; transition: all 700ms;}
.main-menu > ul > li:last-child {padding-right: 0px;/* margin-top: -14px; */}
.main-menu > ul > li:first-child {padding-left: 0px;/* margin-top: -14px; */}
.main-menu > ul > li:before {position: absolute;width: 1px;height: 12px;background: #71787e;left: 0px;top: 30%;}
.main-menu > ul > li:first-child:before { display: none; }
.main-menu > ul > li > a {transition: all 700ms;padding: 15px 0;font-size: 14px;color: #171717;font-weight: 600;text-transform: capitalize;}
.header-main .has-submenu.progmenu{font-size: 16px;color: #171717;font-weight: 400;margin: 0;padding: 3px 0 4px;font-family: var(--primary-font-family);}
.main-menu > ul > li.active > a,
.main-menu > ul > li > a:hover,
.main-menu > ul > li > a.active,
.main-menu > ul > li > a:focus{color: #293fb7;transition: all 700ms;} 
.social-media-marketing-page .main-menu li.has-submenu a.mn-actv, 
.search-engine-optimization-page .main-menu li.has-submenu a.mn-actv, 
.search-engin-marketing-page .main-menu li.has-submenu a.mn-actv, 
.pay-per-click-page .main-menu li.has-submenu a.mn-actv{color: #293fb7;transition: all 700ms;}
.video-2d-animation-page .main-menu li.has-submenu a.mn-actvv, 
.video-3d-animation-page .main-menu li.has-submenu a.mn-actvv{color: #293fb7;transition: all 700ms;}
.branding-stationery-page .main-menu li.has-submenu a.mn-actvvv, 
.mobile-applications-page .main-menu li.has-submenu a.mn-actvvv, 
.web-maintenance-securities-page .main-menu li.has-submenu a.mn-actvvv{color: #293fb7;transition: all 700ms;}   
.cstn-column{display: inline-block;width: 100%;font-size: 0;}
.dropdown{ -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;width:250px;position: absolute;top: 115%;left: 0%;/* visibility: hidden; *//* opacity: 0; */padding:0px;background-color: #fff;border: 1px solid #cbd6e2;border-radius: .1875rem;box-shadow: 0 1px 24px rgba(45,62,80,0.12);z-index: 95;display: none;}
.main-menu > ul > li:hover .dropdown{transition: all 700ms;visibility: visible; opacity: 1;top: 165%;}
.main-menu > ul > li:hover .progmenu .dropdown{left: 0;}
.dropdown > ul{padding: 10px 0;list-style:none;}
.dropdown > ul > li{  }
.dropdown > ul > li:before{ display:none;transition: all 700ms; } 
.dropdown > ul > li+li{position: relative;transition: all 700ms;}
.sec-dropdwn{transition: all 700ms;opacity: 0;position: absolute;top: 0px;right: -180px;background: #fff;border: 1px solid #cbd6e2;padding: 15px 0;border-radius: 0px;width: 200px;}
.dropdown > ul > li+li.drop-sec .sec-dropdwn ul li{display: block;width: 100%;line-height: 2.4;transition: all 700ms;}
.dropdown > ul > li+li.drop-sec .sec-dropdwn ul li a{color: #171717 !important;font-size: 14px;transition: all 700ms;text-decoration: none;padding: 0px 13px 0px 14px;display: block;margin: 0;}
.dropdown > ul > li+li.drop-sec .sec-dropdwn ul li a:hover{background-color: #f5f8fa;transition: all 700ms;}
.dropdown > ul > li+li.drop-sec:hover .sec-dropdwn{transition: all 700ms;opacity: 1;right: -200px;}
.dropdown > ul > li > a{transition: all 700ms;color: #171717 !important;font-size: 16px;text-decoration:none;padding:8px 10px 8px 15px;display: block;}
.dropdown > ul > li > a:hover{  color:black; background:none; }
.dropdown > ul > li > a:hover:before  { display:none; }
.double-drop { width: 400px!important; }
.dropdown > ul > li > ul {  display: none;transition: all 700ms; }
.dropdown > ul > li.level2:hover > ul  { display: block; transition: all 700ms;}
.stickyheader { position: fixed; z-index: 9999; min-height: auto; }
.stickyheader .logo img { width:80px;  }
.stickyheader .logo { margin: 5px 0; }
.stickyheader .navbar-inverse { margin: 10px 0 0 0; }
.stickyheader .top-info-list ul { margin: 5px 0; }

/* sticky social icons
------------------------------------*/
.sticky-container{padding: 0px;margin: 0px; position: fixed; right: -155px; top:180px; width: 200px; display:none; z-index:999; }
.sticky li{border-radius: 5px;list-style-type: none;background-color: #333;color: #efefef;height: 45px;padding: 0px;margin: 0px 0px 0px 0px;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;cursor: pointer;}
.sticky li:hover{margin-left: -115px;}
.sticky li img{float: left;border-radius: 5px 0 0px 5px;margin: 0;margin-right: 10px;}
.sticky li p{padding: 0px; margin: 0px; text-transform: capitalize; line-height: 45px; color:white; }
.sticky li a{border-radius: 5px;color:white;}

/* sldier home 
------------------------------------*/
.slider-wrapper {background: #11151b;width:100%;/*margin-bottom: 20px;*/position:relative;margin-top: 72px;}
.home-banner {width: 100%;height: 580px;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;display: table;}
.home-banner:before{position: absolute;width: 100%;height: 100%; background: #00000054; z-index: 8;content: "";}
.home-banner-content {
    position: relative;
    z-index: 9;
    margin: 45px 0;
}
.home-banner-content h1 {font-size: 48px;/* padding-bottom: 15px; */margin-bottom: 15px;font-weight: 600;color: #ffffff;position: relative;/* text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.7); */line-height: 1;}
.home-banner-content h1:after {position: absolute;width: 10px;height: 10px;background: #ffffff;right: 0px;bottom: -5px;border-radius: 200px;}
.home-banner-content h1 span {display: block;}
.home-banner-content .subtitle {color:#fff;font-size: 18px;padding-top: 10px;line-height: 1.4;}
.home-banner-content a.home-banner-link { margin: 0;  font-size: 14px;line-height:18px; font-weight: 400; text-transform: capitalize; padding: 10px 20px; background:var(--primary-color); color: white;  position:relative; display:table; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.home-banner-content img{width: 300px;display: block;padding: 30px 0 0 0;}
.home-banner-content a.home-banner-link:after { content: "\e93a"; font-family: 'icomoon' !important; font-size: 13px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle; }
.home-banner-content a.home-banner-link:hover {background:var(--primary-color-dark); }
.home-banner-content ul li{position: relative;font-size: 16px;color: #fff;float: left;width: 50%;line-height: 1.5;padding: 0 0px 5px 20px;}
.home-banner-content ul li:before{content: "\f00c";font-family:fontawesome;position: absolute;left: 0px;top: 0px;font-size: 14px;color: #fcc12d;}
/* slick Dots .home slider */
.home-slider .slick-dots { position: absolute; bottom: 20px; right: 0px; left: 0px; display:
 block; padding: 0 15px; margin: 0 auto; border-radius: 3px; list-style: none; width:1140px; }
.home-slider .slick-dots li { position: relative; display: inline-block; margin: 0 6px 0 0; 
padding: 0; cursor: pointer; }
.home-slider .slick-dots li button { font-size: 0; line-height: 0; display: block;
  width: 12px; height: 12px; padding: 0; cursor: pointer; color: transparent;  outline: none; 
  background: white; border:none;  border-radius: 200px; }
.home-slider .slick-dots li.slick-active button { background: var(--primary-color); border:none; }
/* slick arrows .home slider */
.home-slider .slick-prev,.home-slider .slick-next { font-size: 0; line-height: 0; 
position: absolute; top: 50%; z-index: 100; display: block;  padding: 0;
cursor: pointer; color: transparent; border: none; outline: none; background: transparent; 
-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); 
transform: translate(0, -50%);}
.home-slider .slick-prev { left: 15px; }
.home-slider .slick-next { right: 15px; }
.home-slider .slick-prev:before,.home-slider .slick-next:before { font-family: 'icomoon' !important; color: white; font-size: 50px; line-height: 1; } 
.home-slider .slick-prev:before { content: '\e958'; }
.home-slider .slick-next:before { content: '\e957'; }
.home-slider .slick-prev:hover:before,
.home-slider .slick-next:hover:before { color:var(--primary-color); }
/* progress bar */
.slider-progress { width: 100%; height: 5px; background: transparent; position:absolute; left:0px; bottom:0px; }
.slider-progress .progress { width: 0%; height: 5px; background: var(--primary-color); }
.banner-form{background: #fff;padding: 30px;position: relative;z-index: 9;margin: 60px 0;}
.banform{}
.ban-form{}
.ban-form input{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.banner-form .intl-tel-input{width: 100%;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;background: #f38440;border-radius: 3px;padding: 10px 15px;margin: 20px 0 0;border: transparent;}

/*head new*/
#menuTrigger {
    left: 20px;
    top: 34px;
    position: fixed;
    z-index: 999;
    cursor: pointer;
    display: inline-block;
    width: fit-content;
    height: fit-content;
    padding: 10px 0;
}
.normalmenu>button.toggleline {
    cursor: pointer;
    position: relative;
    display: block;
    width: 18px;
    height: 2px;
    background: #6c6c6c;
    border: none!important;
    z-index: 99;
    transition: all .3s ease;
}
.normalmenu>button.toggleline:before {
    content: " ";
    position: absolute;
    top: 7px;
    height: 2px;
    width: 25px;
    background: #6c6c6c;
    left: 0;
    transform: rotate(0);
    transition: all .3s ease;
}
.normalmenu>button.toggleline:after {
    content: " ";
    position: absolute;
    top: -7px;
    height: 2px;
    width: 25px;
    background: #6c6c6c;
    left: 0;
    transform: rotate(0);
    transition: all .3s ease;
}

.homebg .header-main
.nav-overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
}
.whitelogonav {
    top: 6px;
    position: absolute;
    left: 75px;
    z-index: 9999999999;
}
a.whitelogonav img {
    width: 110px;
}

#hum-burgur-menu nav.side {
    position: fixed;
    left: 0;
    right: 0;
    font-size: 0;
    top: 0;
    bottom: 0;
    height: 100vh;
    width: 100%;
    margin: auto;
    padding: 0;
    background: #000000eb;
    animation: colorchange 20s ease infinite;
    padding: 7% 5% 5%;
    display: flex;
    align-items: center;
    z-index: 999;
}
.left-area {
    text-align: left;
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    margin-bottom: 0;
}
ul.nav-line {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    width: 100%;
    position: relative;
}
.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}


@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
	animation-delay: 2s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.delay-dot2s {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.delay-dot3s {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.delay-dot4s {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.delay-dot5s {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.delay-dot6s {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.delay-dot7s {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}
.delay-dot8s {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.delay-dot9s {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.delay-dot10s {
    -webkit-animation-delay: 0.99s;
    animation-delay: 0.99s;
}
.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.delay-1dot3s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

ul.nav-line li {
    position: relative;
}
ul.nav-line li a {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}
li input.dropdown-trigger {
    display: inline-block!important;
    position: relative;
    left: 0;
    transform: scale(1);
    margin: 0!important;
    width: 0;
}
li input.dropdown-trigger {
    top: 0;
}
.mobile-menu-hover {
    display: none;
    position: relative;
    transition: all .3s;
    z-index: 999;
    text-align: left;
}
.mobile-menu-hover ul li a {
    padding-left: 20px;
    position: relative;
}
.mobile-menu-hover ul li a {
    font-size: 18px;
}
li input.dropdown-trigger:after {
    content: "\e951";
    position: absolute;
    font-family: icomoon;
    width: 0;
    height: 0;
    animation: colorchange 20s ease infinite;
    left: 0;
    right: 0;
    top: 0;
    border: 7px solid transparent;
    border-top: 7px solid #fff!important;
    transition: all .3s ease;
    transform: rotate(0);
    transform-origin: 7px 6px;
}
li input.dropdown-trigger:after {
    border: 8px solid transparent;
    border-top: 8px solid #fff!important;
}
.right-area {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}
.right-area .navfig {
    margin-bottom: 30px;
}
figure {
    margin: 0 0 1rem;
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px, -400px) scale(.1);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translate(-2000px, -400px) scale(.1);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes scrollDownAnimation {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-10px)
    }
}
.my-element {
    display: inline-block;
    margin: 0;
    /*animation: zoomIn;*/
    animation-duration: 2s;
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft;
}

.right-area .navfig img {
    width: 100%;
}
.right-area .navfig img {
    height: auto!important;
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(171deg) brightness(101%) contrast(102%);
}

.right-area .headdd {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: block;
    padding-bottom: 10px;
}
.right-area .social-info .msocial {
    margin-bottom: 15px;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
.right-area .social-info .msocial li {
    font-size: 18px;
    display: inline-block;
    padding: 0 10px;
    color: #fff;
}
.right-area .social-info .msocial li:first-child {
    padding-left: 0;
}
.right-area .social-info .msocial li a i {
    color: #fff;
}
.right-area .social-info .cominfo {
    color: #fff;
    font-size: 16px;
    padding-right: 30px;
}
.contact-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}
.right-area .headdd {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: block;
    padding-bottom: 10px;
}
.right-area .contact-info .info {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    line-height: 1;
}
.right-area .contact-info .info {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    line-height: 1;
}
#menuTrigger {
    left: 20px;
    top: -37px;
    position: absolute;
    z-index: 999;
    cursor: pointer;
    display: inline-block;
    width: fit-content;
    height: fit-content;
    padding: 10px 0;
}
.normalmenu>button.toggleline {
    cursor: pointer;
    position: relative;
    display: block;
    width: 18px;
    height: 2px;
    background: #16a085;
    border: none!important;
    z-index: 99;
    transition: all .3s ease;
}
.normalmenu.expandedMenu>button.toggleline {
    background: 0 0!important;
    transition: all .3s ease;
}

.normalmenu>button.toggleline:before {
    content: " ";
    position: absolute;
    top: 7px;
    height: 2px;
    width: 25px;
    background: inherit;
    left: 0;
    transform: rotate(0);
    transition: all .3s ease;
}
.normalmenu.expandedMenu>button.toggleline:before {
    transform-origin: 5px 3px;
    transform: rotate(-45deg);
    transition: all .3s ease;
    background: #fff!important;
    border: 1px solid #fff;
}
.normalmenu>button.toggleline:after {
    content: " ";
    position: absolute;
    top: -7px;
    height: 2px;
    width: 25px;
    background: inherit;
    left: 0;
    transform: rotate(0);
    transition: all .3s ease;
}
.normalmenu.expandedMenu>button.toggleline:after {
    transform-origin: 0 2px;
    transform: rotate(45deg);
    transition: all .3s ease;
    background: #fff!important;
    border: 1px solid #fff;
}

/*new head end*/

/*dropdown start*/
header .dropDown {
    position: fixed;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    top: 74px;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    padding: 0 40px;
    border-top: solid 1px #dedede;
    height: 0;
    overflow: hidden;
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow: 0 10px 23px #0000000d;
}
.header-main .othermenu li.dropmenu:hover .dropDown {
    height: auto;
    padding: 30px 40px 40px;
    opacity: 1;
}
header .dropDown ul li {
    width: 16%;
    display: inline-block;
    padding: 0 30px;
    vertical-align: top;
}
header .dropDown ul li a .navicon {
    background: url(../images/sprite.png);
    width: 120px;
    height: 90px;
    display: inline-block;
}
header .dropDown ul li a .navicon.one {
    background-position: 5px -610px;
}
.main-menu>ul>li.hasmenu span {
    font-size: 10px;
}
header .dropDown ul li a span.head {
    font-size: 14px;
    font-weight: 700;
    display: block;
    color: #2e2e2e;
    margin: 15px 0 10px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
header .dropDown ul li a span.discp {
    font-size: 12px;color: #2c2c2c;
}
header .dropDown ul li a:hover span.discp {
    color: #2c2c2c;
}
header .dropDown ul li a .navicon.two {
    background-position: -115px -610px;
}
header .dropDown ul li a .navicon.three {
    background-position: -235px -610px;
}
header .dropDown ul li a .navicon.four {
    background-position: -360px -610px;
}
header .dropDown ul li a .navicon.five {
    background-position: -480px -610px;
}
header .dropDown ul li.last {
    padding: 5px 0 0;
}
header .dropDown ul li a {
    color: #333;
    display: block;
    line-height: 17px;
}
header.header-main .othermenu .dropDown ul li a.link {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 15px;
    color: #2e2e2e;
    padding: 0;
}
#colorcode{ background:#16a085 ; color:#fff ; }



/*dropdown end*/


/* inner banner





------------------------------------*/
.inner-banner{position: relative;}
.inner-banner:before{position: absolute; width: 100%; height: 100%; background: #00000054; z-index: 0; content: "";}
.inner-banner-content { }
.inner-banner-content h1 { font-size: var(--font-size-h1-inner-vmin); border-bottom: 1px solid #ffffff; padding-bottom: 15px; margin-bottom: 15px; font-weight: 700; color: #ffffff; position: relative; letter-spacing: -2px; text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.7); line-height: 1.1; float: left; }
.inner-banner-content h1:after { position: absolute; content: ""; width: 10px; height: 10px; background: #ffffff; right: 0px; bottom: -5px; border-radius: 200px;  }
.inner-banner-content h1 span { color: var(--primary-color); }
.inner-banner-content .subtitle { color:white; font-size:16px; }
.servicepg .inner-banner:before{display: none;}
/* sldier numbers
------------------------------------*/
.slider-wrapper-number { width:100%; margin-bottom: 20px; position:relative; }
.number-banner { width: 100%; height: 438px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; display: table; }
.number-banner-content { }
.number-banner-content h1 { font-size: var(--font-size-h1-home-vmin); border-bottom: 1px solid #ffffff; padding-bottom: 15px; margin-bottom: 15px; font-weight: 700; color: #ffffff; position: relative; letter-spacing: -2px; text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.7); line-height: 1.1; }
.number-banner-content h1:after { position: absolute; content: ""; width: 10px; height: 10px; background: #ffffff; right: 0px; bottom: -5px; border-radius: 200px; }
.number-banner-content h1 span { color: var(--primary-color);}
.number-banner-content .subtitle { color:white; font-size:16px;}
.number-banner-content a.number-banner-link { margin: 0;  font-size: 14px;line-height:18px; font-weight: 400; text-transform: capitalize; padding: 10px 20px; background:var(--primary-color); color: white;  position:relative; display:table; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.number-banner-content a.number-banner-link:after { content: "\e93a"; font-family: 'icomoon' !important; font-size: 13px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle; }
.number-banner-content a.number-banner-link:hover {background:var(--primary-color-dark); }

/* slick Dots .number slider */
.number-slider .slick-dots { position: absolute; bottom: 30px; right: 0px; left: 0px; display: block; padding: 0 15px; margin: 0 auto; border-radius: 3px; list-style: none; width:1140px; text-align: left; }
.number-slider .slick-dots li { position: relative; display: inline-block; margin: 0 20px 0 0; padding: 0; cursor: pointer; }
.number-slider .slick-dots li a { line-height: 35px; display: block;
  width: 35px; height: 35px; padding: 0; cursor: pointer; color: var(--theme-white);  outline: none;  background-color:var(--secondary-color); border:none;  border-radius: 200px;
  text-align: center; border:1px solid var(--secondary-color-dark); transition:all 0.3s ease-in-out;  }
.number-slider .slick-dots li a:hover { color:var(--theme-white);  }  
.number-slider .slick-dots li.slick-active a { background: var(--primary-color); color: #ffffff; border:1px solid var(--primary-color); }

/* slick arrows .number slider */
.buttons-main { position: absolute;width: 100%; top: 50%; z-index: 100;  }
.prev-btn-main { position: absolute; left: -50px; }
.next-btn-main { position: absolute; right: -50px; }
.prev-btn,.next-btn { width: 35px; height: 35px; background-color: var(--primary-color);
border-radius: 100%; position: relative; display: inline-block; cursor: pointer; text-align: center; }
.prev-btn:hover,.next-btn:hover { background-color: var(--primary-color-dark); }
.prev-btn:before, .next-btn:before { font-family: 'icomoon' !important;  color: white;
font-size: 13px; line-height: 35px;  }
.prev-btn:before { content: "\e920"; }
.next-btn:before { content: "\e91f"; }


/* home boxes area
------------------------------------*/
.home-box-main { margin: 10px 0; }
.home-box-main figure { margin-bottom: 15px; }
.home-box-main figure img { box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.5); }
.home-box-main h3 { color: black; font-size: 18px; line-height: 20px; font-weight:600; padding: 0 0 10px 0; }
.home-box-main p { padding: 0 0 10px 0; }
.home-box-main a.more-link { margin: 0;  font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px; background:var(--primary-color); color: white; display:inline-block; border-radius: 3px; }
.home-box-main a.more-link:hover { background:var(--primary-color-dark); color:white;  }

/* why book area
------------------------------------*/
.why-book-area { background: url('../images/why-book-bg.html') repeat 0 0; }
.why-book-area .hd01 { margin:0 auto 15px auto; }
.book-icons-box { padding: 20px 60px; margin:0px; text-align:center;font-family: 'Poppins', sans-serif; position:relative; }
.book-icons-box:before { position:absolute; content:""; width:1px; height:178px; right:-20px; top:15%;
background:url('../images/icon-box-sep.png') no-repeat 0 0; }
.book-icons-box img { margin:0 auto 15px auto;  }
.book-icons-box h3 { color: var(--secondary-color); font-size: 18px; line-height: 20px; font-weight: 500; margin:0px; padding: 25px 0 10px 0; position:relative; }
.book-icons-box h3:before { position:absolute; content:""; width:48px; height:5px; background:var(--primary-color); margin:0 auto;  display:table; top: 0; left: 0; right: 0; }
.book-icons-box p {color: black;  font-size:14px; line-height:20px; margin: 0; padding: 0px; }
.book-icons-box.nosep:before { display:none; }
.why-book-area .col-lg-4:nth-child(3n) .book-icons-box:before { display:none; }

/* testimonial area
------------------------------------*/
.testimonial-area { }
.testimonials-slider-main { display:inline-block; width:100%; text-align: center; margin:20px 0 0 0; 
padding-bottom:40px; }
.testimonials-slider { padding:20px 0 0 0; }
.testimonials-slider img { border-radius: 200px; 
 margin: 0 auto 25px auto; box-shadow: 0 0 0 8px white, 0 0 0 10px #112c4a; }
.testimonials-slider p { font-size: 20px; line-height: 22px; margin: 0 auto 20px auto; font-style: italic; font-family: "Times New Roman", serif; position: relative; width: 90%; }
.testimonials-slider p:before,.testimonials-slider p:after{position:relative; display:inline-block; color:var(--secondary-color); font-family: 'icomoon' !important;   font-size:15px; font-style: initial; }
.testimonials-slider p:before {  content:"\e90c"; left:-5px; top:-15px;  }
.testimonials-slider p:after { content:"\e90b";  right:-5px; bottom:-10px;  }

/* slick Dots .testimonial slider */
.testimonials-slider-main .slick-dots { position: absolute; bottom: 0px; right: 0px; left: 0px; padding: 0;
    margin: 0 auto; list-style: none; }
.testimonials-slider-main .slick-dots li { position: relative; display: inline-block; margin: 0 3px 0 3px; 
padding: 0; cursor: pointer; }
.testimonials-slider-main .slick-dots li button { line-height: 0; display: block;
 width: 11px; height: 11px; padding: 0; cursor: pointer; color: transparent;  outline: none; 
  background: url(../images/slick-dots.png) no-repeat 0 0; border:none; }
.testimonials-slider-main .slick-dots li.slick-active button { border:none;
background: url(../images/slick-dots.png) no-repeat top 0 left -11px; }
/* slick arrows .testimonial slider */
.testimonials-slider-main .slick-prev,.testimonials-slider-main .slick-next { line-height: 0; 
position: absolute; top: 50%; z-index: 100; display: block; width: 18px; height: 28px; padding: 0;
cursor: pointer; color: transparent; border: none; outline: none;
-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); 
transform: translate(0, -50%);}
.testimonials-slider-main .slick-prev { left: -20px; 
background: url(../images/slick-arrows.png) no-repeat top 0 left 0; }
.testimonials-slider-main .slick-next { right: -20px;
 background: url(../images/slick-arrows.png) no-repeat top 0 left -18px; }

/* hover boxes 
------------------------------------*/
.hover-boxes-area { padding:25px 0 10px 0; }

.travel-box-main { margin:15px 0; position: relative; min-height: 420px; overflow: hidden; text-align: center; }
.travel-box-main img { width: 100%; }
.travel-content { padding: 15px 15px 15px 0px; width: 100%; overflow: hidden; position: absolute; left: 0px; top: 75%; z-index: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: none; }
.travel-content h4 { font-size: 22px; font-weight: 700; color: #ffffff; text-transform: uppercase; position: relative; padding: 0 0 10px 0; margin: 0 0 0 0; background: none; width: 100%; font-family: 'Poppins', sans-serif; 
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.travel-content h4 span { font-size: 18px; display: block; }
.travel-content .starts { margin:0 auto 20px auto; display:table; }
.travel-content p { color: white; font-size: 14px; font-weight: 400; display:none; margin:0 0 0 0; padding:0 0 10px 0;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.travel-content a { margin: 0;  font-size: 16px;line-height:18px; font-weight: 400; text-transform: capitalize; 
padding: 10px 35px 10px 25px; background:transparent; color: white; position:relative;
border:1px solid white; display:none; }
.travel-content a:before { position: absolute; content: "\f178"; font-family: fontAwesome; 
font-size: 13px;  color: white;  right: 15px; top: 50%;
-webkit-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%); 
transform: translate(0, -50%);   }
.travel-content a:hover { }
.travel-box-main:hover { }
.travel-box-main:hover .travel-content { top: 0px; height: 100%; padding: 70px 15px 20px 15px; background: rgba(0,0,0,0.7); }
.travel-box-main:hover .travel-content h4 { font-size: 22px; font-weight: 700; color: #ffffff; text-transform: uppercase; position: relative; padding: 30px 0 30px 0; margin: 0 0 20px 0; background: none; width: 100%; }
.travel-box-main:hover .travel-content h4:before { position: absolute; content: ""; width: 72px; height: 20px; left: 0px; top: 0px; margin: auto; right: 0px; border: 1px solid #ffffff; border-bottom: 1px solid transparent; }
.travel-box-main:hover .travel-content h4::after {  position: absolute; content: ""; width: 72px; height: 20px; left: 0px; bottom: 0px; margin: auto; right: 0px; border: 1px solid #ffffff; border-top: 1px solid transparent;  }
.travel-box-main:hover .travel-content p { display: block; color: #ffffff; }
.travel-box-main:hover .travel-content a { display:table; margin:0 auto; }

.destination-box-main {margin:15px 0; position:relative; min-height:260px; overflow:hidden; }
.destination-content {  padding:15px 15px 15px 15px; width:100%; overflow:hidden;
position:absolute; left:0px; top:67%;  z-index:1;
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; 
background: rgba(255,255,255,0); }
.destination-content h4 { font-size:27px; line-height: 24px;  font-weight:400; color:white; font-family: 'Cinzel', serif; }
.destination-content h4 span { font-size:18px; display:block; }
.destination-content p {  color:white; font-size:14px; font-weight:400; }
.destination-box-main:hover .destination-content { top:0px; height:100%; padding:20px 15px; background:rgba(13,16,43,0.8); }
.destination-box-main:hover .destination-content h4 { font-size:18px; line-height: 24px;  font-weight:400; color:#f15b22; font-family: 'Cinzel', serif; margin-top:0px; }
.destination-box-main:hover .destination-content h4 span { font-size:18px; display:inline-block;}
.destination-box-main:hover .destination-content p { display:block; }

.points-box-main {margin:15px 0; position:relative; min-height:358px; overflow:hidden; }
.points-content {  padding:0px; width:100%; overflow:hidden;
position:absolute; left:0px; top:72%;  z-index:1;
-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; 
background: rgba(255,255,255,0); }
.points-content h4 { font-size:19px; line-height: 24px;  font-weight:700; color:white; height:58px; 
padding:18px 0 0 90px; text-transform:uppercase;
background:url(../images/benefit-hd-bg.html) no-repeat 0 0; }
.points-content p {  color:white; font-size:14px; font-weight:400; display:none;  }
.points-box-main:hover .points-content { top:0px; height:100%; padding:100px 15px 20px 15px; background:rgba(8,37,142,0.85); }
.points-box-main:hover .points-content h4 { background:none; border-left:5px solid #d69d03; 
padding:0 0 0 10px; margin:0 0 20px 0; height:auto; }
.points-box-main:hover .points-content p { display:block; }

/* tabs custom (place nav and tabs anywhere separately)
------------------------------------*/
.tabs-custom-nav li a {color: black; }
.tabs-custom-nav li a.current {color: #0076FB;}
.tabs-custom .tab-content-panel {  display: none;overflow: hidden;width: 100%;}
.tabs-custom .tab-content-panel.selected { display: block; }

/* tabs generic (nav and tabs in main div)
------------------------------------*/
.tab-custom-nav li a {color: black; }
.tab-custom-nav li a.current {color: #0076FB;}
.tab-custom .tab-content-panel {  display: none;overflow: hidden;width: 100%;}
.tab-custom .tab-content-panel.selected {overflow:  visible;display: inline-block;width: 100%;}

/* tabs generic (nav and tabs in main div tabs with style)
------------------------------------*/
.tabs-main { display:inline-block; width:100%; padding:15px 0; }
.tabs-main ul.tabs-nav {padding: 0px;width: 100%;float: left;margin: 0 0 -1px 0;}
.tabs-main ul.tabs-nav li {list-style: none;float: left;}
.tabs-main ul.tabs-nav li a {background: #003a7b;border: 1px solid #BCC5cB;border-bottom: 0px;color: white;padding: 7px 15px;display: block;text-decoration: none;}
.tabs-main ul.tabs-nav li a.current {background: white;color: #003a7b;}
.tabs-main .tab-content-panel {background: white;padding: 15px 30px 25px 30px;border: 1px solid #BCC5cB;display: none;overflow: hidden;width: 100%;}

/* points boxes area
------------------------------------*/
.points-boxes-area { background:#000000; }
.points-boxes-area .col-lg-4 { border-right:1px solid #292929; }
.points-boxes-area .col-lg-4:nth-child(3) { border-right:0px; }
.points-box { padding:30px 0 30px 80px; position:relative;  }
.points-box img { position:absolute; left:0px; top:30px; }
.points-box h3 { color:white; font-size:16px; font-weight:600; margin:0px; padding:0 0 10px 0; text-transform:uppercase; }
.points-box p { color:white; font-size:13px; font-weight:400; margin:0px; padding:0; }

/* accordion
------------------------------------*/
.accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.accordion {overflow: hidden;background: none;margin-top: 50px;}
.quest-title {font-size: 22px;font-weight: 500;color: #171717;margin-bottom: 0px;position: relative;width: 100%;line-height: 1.4;display: inline-block;transition: all linear 0.15s;text-decoration: none;/* border-bottom: 1px solid #dbdbdb; */padding-right: 40px;}
.quest-title:before { position: absolute; content: "\e955"; width: 20px; height: 20px; right: 15px; top: 0px; font-family: 'icomoon' !important; color: #1e1e1e; font-size: 20px; }
.quest-title.active, .quest-title:hover {    color: #f38440;content: "\e91c";}
.quest-title:after { width: 60px; height: 1px; left: -60px; bottom: -1px; background: #dbdbdb; position: absolute; content: ""; }
.quest-title.active:before { content: "\e956"; }
.quest-title:hover:before { /*content: "\f056";*/ }
.quest-content {padding: 15px 40px 15px 0;display: none;margin-bottom: 0px;float: left;width: 100%;}
.quest-content p {line-height: 1.4;font-size: 18px;font-weight: 500;margin: 0px;color: #687087;}


/* product gallery
------------------------------------*/
.product-slider-gallery { position: relative; padding: 0px 0px 7px 0;  }
.product-slider-gallery .slick-slide {  }
.product-slider-gallery .slick-slide img { width: 100%; height: 370px; }
.product-gallery-nav-wrapper {  margin: 0 0 7px 0; position: relative; }
.product-gallery-nav { position: relative;  }
.product-gallery-nav .slick-slide { padding: 2px 0; border:0px;  height: 93px; overflow: hidden;  }
.product-gallery-nav .slick-slide img { width: 100%; height: 93px; cursor: pointer;   }

/* slick arrows .home slider */
.product-gallery-nav .slick-prev,
.product-gallery-nav .slick-next
{ font-size: 0; line-height: 0; width: 100%; height: 25px;
position: absolute; left: 0px; text-align: center;
 z-index: 10; display: block;  padding: 0;
cursor: pointer; color: white; border: none; outline: none; background: rgba(0,0,0,0.5); 
}
.product-gallery-nav .slick-prev { 
      top: 0%; 
     -webkit-transform: translate(0, 0%); 
    -ms-transform: translate(0, 0%);
     transform: translate(0, 0%); 
 }
.product-gallery-nav .slick-next { 
      bottom: 0%; 
      top: initial;
     -webkit-transform: translate(0, 0%); 
    -ms-transform: translate(0, 0%);
     transform: translate(0, 0%); 
 }

.product-gallery-nav .slick-prev:before,.product-gallery-nav .slick-next:before {
  font-family:icomoon; color: white; font-size: 20px; line-height: 1; } 

.product-gallery-nav .slick-prev:before { content: '\e956'; }
.product-gallery-nav .slick-next:before { content: '\e955'; }
.product-gallery-nav .slick-prev:hover:before,
.product-gallery-nav .slick-next:hover:before { color:white; }


.pad-left-10{
  padding-left: 10px;
}
.pad-right-10{
  padding-right: 10px;
}

/* gallery
------------------------------------*/
.gallery-slider-main { position: relative; margin:25px 0 20px 0; }
.gallery-slider-main .slick-slide img { width:100%; } 
.gallery-nav-wrapper { width:93%; margin:0 auto 40px;}
.gallery-nav-main { position:relative; }
.gallery-nav-main .slick-slide { background:white; padding: 5px; }
.gallery-nav-main .slick-slide img { width:100%; cursor:pointer; opacity:0.5; }
.gallery-nav-main .slick-slide.slick-current img {  opacity:1; }
/* slick Dots gallery nav */
.gallery-nav-main .slick-dots { position: absolute; bottom: -30px; right: 0px; left: 0px; display:
 block; padding: 0; margin: 0 auto; list-style: none;  text-align:center; }
.gallery-nav-main .slick-dots li { position: relative; display: inline-block; margin: 0 6px 0 0; 
padding: 0; cursor: pointer; }
.gallery-nav-main .slick-dots li button { font-size: 0; line-height: 0; display: block;
 width: 9px; height: 9px; padding: 0; cursor: pointer; color: transparent;  outline: none; 
  background: #1f8bf3; border:none; border-radius: 200px;  }
.gallery-nav-main .slick-dots li.slick-active button { background:#003a7b ; border:none; }
/* slick arrows gallery nav */
.gallery-nav-main .slick-prev,.gallery-nav-main .slick-next { font-size: 0; line-height: 0; 
position: absolute; top: 50%; z-index: 100; display: block;  padding: 0;
cursor: pointer; color: transparent; border: none; outline: none; background: transparent; 
-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); 
transform: translate(0, -50%);}
.gallery-nav-main .slick-prev { left: -25px; }
.gallery-nav-main .slick-next { right: -25px; }
.gallery-nav-main .slick-prev:before,.gallery-nav-main .slick-next:before {  
  font-family: 'icomoon' !important; color: var(--secondary-color); font-size: 50px; line-height: 12px; } 
.gallery-nav-main .slick-prev:before { content: "\e958"; }
.gallery-nav-main .slick-next:before { content: "\e957"; }
.gallery-nav-main .slick-prev:hover:before,
.gallery-nav-main .slick-next:hover:before { color:var(--primary-color); }

.slide-count-wrap { text-align: center; padding: 0 0 15px 0; }

/* tablestyle1
------------------------------------*/
 .tablestyle1 { border-collapse: collapse; width: 100%; text-align: center; margin-bottom: 25px; }
.tablestyle1 th{ padding: 9px 8px; background-color: #595959; color: white; border: 1px solid #fff; font-size: 14px;font-weight: 700; letter-spacing: 1px; text-align:center; width:50%; }
.tablestyle1 tr{ background-color: white; }
.tablestyle1  tr:nth-child(even){ background-color: #efefef; }
.tablestyle1 td{ border: 1px solid #e1e1e1; padding: 9px 8px; font-size: 14px; vertical-align: middle; }
.tablestyle1 tr td:nth-child(1){ text-align: left; padding-left: 25px; }   

/* tablestyle2
------------------------------------*/
 .tablestyle2 { border-collapse: collapse; width: 100%; text-align: left; margin-bottom: 25px; }
.tablestyle2 tr{ background-color: white; }
.tablestyle2 td{ border: 1px solid #e1e1e1; padding:10px 15px; font-size: 14px; vertical-align: middle; width:50%; }
   
/* tablestyle3
------------------------------------*/
 .tablestyle3 { border-collapse: collapse; width: 100%; text-align: center; margin-bottom: 25px; }
.tablestyle3 th{ padding: 9px 8px; background-color: #ea333f; color: white; border: 1px solid #bf2d36; font-size: 16px;font-weight: 700; letter-spacing: 1px; text-align:center; width:50%; }
.tablestyle3 tr{ background-color: white; }
.tablestyle1  tr:nth-child(even){ background-color: #efefef; }
.tablestyle3 td{ border: 1px solid #cccccc; padding: 9px 8px; font-size: 14px; vertical-align: middle; }

/* Contact (page) 
------------------------------------*/
.form-box-main {background: #ffffff;padding: 30px 15px;/* border: 1px solid #e5e5e5; */}
.form-box-main h2 {/* padding: 0 0 25px 0; */text-align: left;font-size: 36px;width: 100%;font-weight: 700;line-height: 1.2;}

.form-box-main form {width: 80%;margin: 0 auto;}
.form-box-main form .col-md-6, .form-box-main form .col-md-12 {padding-bottom: 30px;}
.form-box-main form label.field-txt {
 font-weight: 500;
 font-size: 18px;
 color: #5B6B7F;
 margin: 0 0 5px;
 width: 100%;
 display: block;
 }
.form-box-main form label.field-txt span { color: #ec1d23; }
.form-box-main form input[type="text"],
.form-box-main form input[type="email"],
.form-box-main form input[type="number"],
.form-box-main form input[type="tel"],
.form-box-main form textarea {width: 100%;margin: 0 0 0 0;border: 1px solid #B2B9C1;background: white;padding: 18px 15px;color: #000;font-size: 18px;font-weight: 400;height: 55px;border-radius: 5px;}
.form-box-main form select {width: 100%;margin: 0 0 0 0;border: 1px solid #B2B9C1;background: white;padding: 12px 15px;color: #5B6B7F;font-size: 18px;font-weight: 400;border-radius: 5px;}
.form-box-main form select[name="ddlMonth"], .form-box-main form select[name="ddlDay"], 
.form-box-main form select[name="ddlYear"] { float: left; width: 32.5%; margin: 0 1% 0 0; }
.form-box-main form select[name="ddlYear"] { margin: 0; }
.form-box-main form textarea { width: 100%; margin: 0; padding: 8px 12px; height: 100px; }
.check-list {float:left;/* margin:0 15px 0 0; */}
.form-box-main form input[type=checkbox]:not(old),
.form-box-main form input[type=radio   ]:not(old){ width:28px; margin:0; padding:0; opacity:0;cursor:pointer;  }
.form-box-main form input[type=checkbox]:not(old) + label, input[type=radio   ]:not(old) + label{
  display: inline-block;
  margin-left:-28px;
  padding-left:28px;
  background:url('../images/checks.html') no-repeat 0 0;
  line-height  : 24px;
  font-weight: 500;
  font-size: 14px;
  color: #5B6B7F;
  }
.form-box-main form input[type=checkbox]:not(old):checked + label{ background-position : 0 -24px; }
.form-box-main form input[type=radio]:not(old):checked + label{ background-position : 0 -48px; }

.form-box-main form input[type="submit"] {
    display: inline-block;
    transform: translateY(0rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #fff;
    background: #f38440;
    border: 1px solid #f9653b;
    padding: 20px 60px;
    font-size: 18px;
    border-radius: 5px;
    cursor:  pointer;
}
.form-box-main form input[type="submit"]:after { content: "\e93a"; 
 font-family: 'icomoon' !important;  font-size: 13px; color: white; padding-left: 10px; }
.form-box-main form input[type="submit"]:hover {
    display: inline-block;
    color: #fff;
    transform: translateY(-0.625rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}


.form-box-main form input::-webkit-input-placeholder { color: gray; opacity: 1 !important; }
.form-box-main form input:-moz-placeholder { color: gray; }
.form-box-main form input::-moz-placeholder { color: gray; }
.form-box-main form input:-ms-input-placeholder { color: gray; }
.form-box-main form textarea::-webkit-input-placeholder { color: gray; opacity: 1 !important; }
.form-box-main form textarea:-moz-placeholder { color: gray; }
.form-box-main form textarea::-moz-placeholder { color: gray; }
.form-box-main form textarea:-ms-input-placeholder { color: gray; }
.form-box-main form input:focus, .form-box-main form textarea:focus,
.form-box-main form select:focus, .form-box-main form option:focus,
.selected-flag
{ outline: none; }
 input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

.form-box-main form .intl-tel-input { width: 100%; }
.form-box-main form .intl-tel-input .country-list { width: 380px; }
.form-box-main form .intl-tel-input .country-list .country { font-size:13px; }


.form-box-main form label.error, label.error {
  /* remove the next line when you have trouble in IE6 with labels in list */
  color: red;
  font-style: italic;
  margin-bottom:0px;
  display: none !important;
}
div.error { display: none; }
input.checkbox { border: none }
input.error {border: 1px solid red !important;}
form.cmxform .gray * { color: gray; }


/* sidebar 
------------------------------------*/
.sidebar { }
.sidebar h4 {color: white;background: #20CB98;padding: 15px 15px;text-transform: uppercase;font-size: 14px;font-weight: 600;}
.sidebar-list { display: inline-block; width: 100%; margin: 0 0 10px 0;border: 1px solid #d9d9d9; }
.sidebar-list li { border-top: 1px solid #d9d9d9; }
.sidebar-list li:first-child { border-top: 0px; }
.sidebar-list li a { background: #f5f5f5; color: #000810; text-transform: capitalize; font-size: 14px; padding: 12px 15px 12px 30px; position: relative; display: block; }
.sidebar-list li a:hover { color:var(--secondary-color); }
.sidebar-list li a:before { position: absolute; content: "\e93a"; font-family: 'icomoon' !important; font-size: 18px; color:var(--secondary-color); left: 15px; top: 10px;}
.side-banner { margin: 10px 0; }

 /* focus slider area
------------------------------------*/
thumb-slider-main { position: relative; }
.thumb-slider { }
.thumb-slide { padding: 25px; position: relative; }
.thumb-slider .thumb-slide img { transition: all 300ms ease; }
.thumb-slider .slick-center img { -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
.thumb-content h3 { font-size: 22px; color: white; text-transform: uppercase; font-weight: 700; line-height: 26px; }
.thumb-content { position: absolute; bottom: 25px; padding: 0; transition: all 300ms ease 0s; left: 40px; }
.thumb-content span { font-size: 14px; line-height: 26px; display: block; font-weight: 500; text-transform: capitalize; transition: all 300ms ease 0s; }
.slick-center .thumb-content { bottom: 0px; left: 0px; }
/* slick arrows .testimonial slider */
.thumb-slider .slick-prev, .thumb-slider .slick-next { line-height: 0; position: absolute; top: 50%; z-index: 100; display: block; width: 57px; height: 57px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.thumb-slider .slick-prev { left: -65px; background: url(../images/slick-arrows-slider.html) no-repeat top 0 left 0; }
.thumb-slider .slick-next { right: -65px; background: url(../images/slick-arrows-slider.html) no-repeat top 0 left -57px; }
.thumb-slider .thumb-slide:focus { outline: none; }

/* thumb bid gallery
------------------------------------*/
.bid-slider-gallery { position: relative; padding: 10px 5px 10px 0; float: left; width: 78%; }
.bid-slider-gallery .slick-slide { border: 1px solid #e7edef; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }
.bid-slider-gallery .slick-slide img { width: 100%; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }
.bid-gallery-nav-wrapper { width: 22%; float: left; padding: 5px 0 0 5px; }
.bid-gallery-nav { position: relative; }
.bid-gallery-nav .slick-slide { padding: 5px 0; height: 88px; overflow: hidden; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }
.bid-gallery-nav .slick-slide img { width: 100%; height: 88px; cursor: pointer; opacity: 0.5; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }
.bid-gallery-nav .slick-slide.slick-current img { opacity: 1; }

/* sliderxs 
------------------------------------*/
.sliderxs { }
/* slick Dots .sliderxs slider */
.sliderxs .slick-dots { position: absolute; bottom: 0px; right: 0px; left: 0px; display:
 block; padding: 0; margin: 0 auto; border-radius: 3px; list-style: none; text-align:center;  }
.sliderxs .slick-dots li { position: relative; display: inline-block; margin: 0 6px 0 0; 
padding: 0; cursor: pointer; }
.sliderxs .slick-dots li button { font-size: 0; line-height: 0; display: block;
  width: 12px; height: 12px; padding: 0; cursor: pointer; color: transparent;  outline: none; 
  background: #10171f; border:none; border-radius: 200px; }
.sliderxs .slick-dots li.slick-active button { background: var(--primary-color); border:none; }
.sliderxs .slick-dots li button:before { display:none; }
.sliderxs .col-lg-2:focus, .sliderxs .col-lg-3:focus, .sliderxs .col-lg-4:focus, .sliderxs .col-lg-6:focus
 { outline:none; }

/* sitemap */
.sitemap { list-style: none; margin: 0 0 15px 0; width:100%; display:inline-block; }
.sitemap > li {color: #0f0b1f;padding: 0 0 10px 16px;line-height: 20px; font-size: 14px;font-weight: 400;position:relative; display:block; }
.sitemap > li:before {position: absolute;content: "\f0da";left: 0px;top: 0px;font-family: fontAwesome;font-size: 13px;color:#0f0b1f;}
.sitemap > li > a { display:block; font-size: 14px;font-weight: 400; color:#0f0b1f; }
.sitemap li a:hover { color:#23527c; }

.sitemap > li > ul { margin:10px 0 0 15px; }
.sitemap > li > ul > li { color: #0f0b1f; padding: 0 0 5px 0; list-style-type:disc; }
.sitemap > li > ul > li > a { display:block; font-size: 14px;font-weight: 400; color:#0f0b1f; }

.sitemap > li > ul > li > ul { margin:10px 0 0 20px; }
.sitemap > li > ul > li > ul li { color: #0f0b1f; padding: 0 0 5px 0; list-style-type:square; }
.sitemap > li > ul > li > ul li > a { display:block; font-size: 14px;font-weight: 400; color:#0f0b1f; }

/* footer 
------------------------------------*/
.footer-main {background:#16a085;}
.footer-top {padding: 60px 0 0;}
.footer-top h4 {color: white;font-size: 14px;font-weight: 700;text-transform: uppercase;margin: 10px 0;padding:0px;position: relative;}
.address-main {}
.address-main ul {width:100%;display: inline-block;margin: 10px 0;}
.address-main ul li{display: inline-block;line-height:28px;font-size:14px;padding: 0 0 8px 18px;position: relative;color:white;}
.address-main ul li a { color:white;}
.address-main ul li a:hover { color:#c2c2c2;}
.address-main ul li span {position: absolute;left: 0;top: 5px;color: var(--primary-color);font-size:15px;}
.ftr-social {text-align: center;display: table;margin: 0 auto;}
.ftr-social li { float: left; margin: 0 15px 0 0; position: relative; text-align: center; }
.ftr-social li a { display: block; padding: 0; text-align: center; }
.ftr-social li a span {color: #cbd6e2;font-size: 14px;margin: 0;}
.ftr-social li a:hover span {color: #fff !important;}
.ftr-social li a:hover span.icon-facebook {color:#3b5998;}
.ftr-social li a:hover span.icon-twitter {color:#1da1f2;}
.ftr-social li a:hover span.icon-google-plus {color:#dd5044;}
.ftr-social li a:hover span.icon-linkedin {color:#007bb6;}
.ftr-social li a:hover span.icon-youtube-play {color:#c4302b;}
.ftr-social li a:hover span.icon-pinterest-p{color: #C92228;}
.ftr-social li a:hover span.icon-instagram{color: #fb3958;}
.ftr-social li a:hover span.icon-vimeo{color: #4EBBFF;}
.ftr-social li a:hover span.icon-medium{color: #347235;}
.fotr-lgos{text-align:center;padding: 35px 0 35px 0;}
.fotr-lgos ul li{display: inline-block;margin: 0px 30px 0 0px;}
.fotr-lgos ul li:last-child{margin: 0;}
.fotr-lgos ul li img{width: 100px;}
.vsalgs{text-align: center;}
.vsalgs img{width: 550px;}






.ftr-social2 {display: inline-block;margin: 10px 0;width: 100%;}
.ftr-social2 li { float: left; margin: 0 10px 0 0; position: relative; text-align: center; }
.ftr-social2 li a { display: block; padding: 0; text-align: center; }
.ftr-social2 li a span { background:#3b5998; width:30px; height:30px; line-height:30px; border-radius: 50%; color: white; font-size: 15px; margin: 0; display: block; }
.ftr-social2 li a:hover span { color: white; }
.ftr-social2 li a span.icon-facebook {background:#3b5998;}
.ftr-social2 li a span.icon-twitter {background:#1da1f2;}
.ftr-social2 li a span.icon-google-plus {background:#dd5044;}
.ftr-social2 li a span.icon-linkedin {background:#007bb6;}
.ftr-social2 li a span.icon-youtube-play {background:#c4302b;}

.ftr-social3 {display: inline-block;margin: 10px 0;width: 100%;}
.ftr-social3 li { float: left; margin: 0 15px 0 0; position: relative; text-align: center; }
.ftr-social3 li a { display: block; padding: 0; text-align: center; }
.ftr-social3 li a span { color: white; font-size: 25px; margin: 0; }
.ftr-social3 li a:hover span { color: lightgray; }


.footer-nav {text-align:  right;list-style-type: none;margin: 12px 0 20px;width: 100%;display: inline-block;}
.footer-nav li {/* padding: 0 0 5px 15px; */margin-right: 20px;position: relative;display: inline-block;}
.footer-nav li:before {position: absolute;font-family: 'icomoon' !important;left: 0px;top: 3px;font-size: 13px;color: var(--primary-color);}
.footer-nav li a {font-size: 12px;font-weight: 400;color: white;}
.footer-nav li a:hover { color: #c2c2c2; }
.subscribe-main {margin: 30px 15px 10px;width: 100%;float: right;text-align:  right;display:inline-block;}
.subscribe-main input[type='text']{background: white;border: 0;border-radius: 5px 0 0 5px;color: #9d9d9d;padding:10px;font-size: 14px;font-weight: 300;float: left;height: 30px;line-height: 30px;width: 65%;}
.subscribe-main input[type='submit']{background: #20CB98;border:0px;color:white;border-radius: 0px 5px 5px 0;padding: 0;font-size: 14px;font-weight: bold;text-transform: capitalize;cursor:pointer;float: left;height: 30px;width: 35%;}
.subscribe-main input[type='submit']:hover{background: #23bb8f;}
.subscribe-main input::-webkit-input-placeholder {color: #9d9d9d; opacity: 1 !important; }
.subscribe-main input:-moz-placeholder {color: #9d9d9d; }
.subscribe-main input::-moz-placeholder {color: #9d9d9d; }
.subscribe-main input:-ms-input-placeholder {color: #9d9d9d;}
.footer-bottom {background: #16a085;padding: 30px 0;}
.footer-nav2 { list-style-type: none;; margin: 10px 0 10px 0; float: right;  }
.footer-nav2 li { float: left; padding: 0 12px; position: relative; }
.footer-nav2 li:first-child { padding-left:0px;}
.footer-nav2 li:before { position: absolute; content: ""; width: 1px; height: 13px; background: white; left: 0px; top: 30%; }
.footer-nav2 li:first-child:before { display: none; }
.footer-nav2 li a {font-size: 13px;font-weight: 400;color: #cbd6e2;}
.footer-nav2 li a:hover {color: #fff;}
.copyright {padding: 10px 0 0px 0;margin: 0px;font-size: 12px;color: #cbd6e2;}
.copyright span {color: #cbd6e2;}
.disclaimer-area { background: black; padding: 10px 0; }
.disclaimer { font-size: 11px; font-weight: 400; color: white; line-height: 18px; margin: 0; padding: 10px 0; }
.disclaimer strong { color: var(--primary-color); font-weight: 500; }

/* custom popup 
------------------------------------*/
.custom-popup { padding:25px 25px; display:none; background:#E5E5E5;  max-width: 550px; }
.custom-popup h4 { color: #003a7b; font-size: 24px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin: 0 0 20px 0; padding: 0 0 15px 0; border-bottom: 1px solid gray; text-align: left; position: relative; }
.myClose { height: 36px; width: 36px; background: url(../images/fancybox/close-custom.html) no-repeat 0 0; }

/* simple gallery
------------------------------------*/
.gallery-simple { overflow:hidden;}
.gallery-simple li { width: 750px; float: left; padding:5px; }
.gallery-simple img{ width: 100%; }
.thumbsmain{ display:none;}
.gallery-simple .slick-dots { display:inline-block; width:100%; padding:0; }
.gallery-simple .slick-dots li{ float: left; width: 20%; padding: 5px; margin-bottom: 0px; }
.gallery-simple .slick-dots li button { border: none; background: transparent; padding: 0; outline: none; }

.stockdetails-main ul{ width: 100%; }
.stockdetails-main ul.thumbsmain li,
.stock-det-large .slick-dots li{ float: left; width: 20%; padding: 5px; margin-bottom: 0px; }
.stock-det-large .slick-dots li button { border: none; background: transparent; padding: 0; outline: none; }
.stockdetails-main ul.thumbsmain li img,
.stock-det-large .slick-dots li img{ width: 143px; height: 92px; }
.thumbsmain { display: none; }

/* car scroll top */
.car-top { width: 85px; position: fixed; bottom: -180px; right: 0px; z-index: 999; opacity: 1; cursor: pointer }
.car-top.show { bottom: 5% !important; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s }
.car-top.car-run { bottom: 100% !important; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s }
.car-top.car-down { -webkit-transition: 1s; -ms-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s }
.car-top:before, .car-top:after { content: ""; position: absolute; -o-transition: .2s; -webkit-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; transition: .2s; opacity: 0 }
.car-top:hover:before, .car-top:hover:after, .car-top.car-run:before, .car-top.car-run:after { opacity: 1 }
.car-top:before, .car-top.car-run:before { top: -1px; left: 0; width: 85px; height: 89px; background: url(../images/car-focus.html) no-repeat 0 0 }
#footer>.container>.row { padding: 60px 0 }
#footer>.container>.row~.row { padding: 0 }
footer .social-full { border-top: 1px solid rgba(0,0,0,.06); border-bottom: 1px solid rgba(0,0,0,.06) }




.analyzeform{    margin-top: 30px;}
.analyzeform form label.error{display:none!important;}
.analyzeform form input.error{border: 1px solid red !important;}
.analyzeform form input[type="text"], .analyzeform form input[type="email"], .analyzeform form input[type="number"], .analyzeform form input[type="tel"], .analyzeform form textarea{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 13px 15px;color: gray;font-size: 13px;/* border-radius: 5px; */height: 55px;font-weight: 400;outline: none !important;}
.round{border-radius:5px 0 0px 5px ;}
.analyzeform form .intl-tel-input{width:100%;}
.analyzeform form .intl-tel-input.separate-dial-code .selected-dial-code{padding-left: 14px;}
.analyzeform form .dtf{float: left;width: 25%;margin-bottom: 10px;}
.analyzeform form input[type="submit"]{border: none; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff; font-weight: 700; cursor:  pointer; font-size: 12px; text-transform:  uppercase; padding: 18px 60px 19px; margin-left: -10px; text-align: left; letter-spacing: 1px; border-radius: 5px; font-family: var(--primary-font-family); background: #20CB98; }
.analyzeform form .wrap{padding-left: 40px;text-align:  center;width: 100%;}
.analyzeform form .finput:focus{outline: none !important;}


.partners-cta{padding-bottom: 16px;margin-top: -76px;/* padding: 10px 0 0px; *//* background:#fb5740; */}
.partners-cta .container-custom{width: 1270px;margin: 0 auto;}
.partners-cta ul{z-index: 9;margin-bottom: 0;text-align:  center;width:  100%;display: inline-block;}
.partners-cta ul li{/* margin: 0 30px 0; */display: inline-block;}
.partners-cta ul li:last-child{margin-right: 0px;}
.partners-cta ul li figure{margin-bottom: 0px;}
.partners-cta ul li figure img{margin: 0 auto;display: table;width: 70%;}
/*.partners-cta.ctabb ul li figure img{width: 70%;}*/

.counter{/*height: 120px;*/background: #171b23;display: block;}
.counter ul{display: inline-block;width: 100%;z-index: 2;margin-bottom: -6px;}
.counter ul li{width: 33.33%;float: left;padding: 18px 20px;}
.counter ul li:nth-child(1){background: #272B34;}
.counter ul li:nth-child(2){background:#22262F;}
.counter ul li:nth-child(3){background:#171B23;}
.counter ul li a:hover{color: #fff;}
.counter ul li a figure{float: left;width: 20%;margin-bottom: 0;}
.counter ul li a figure img{max-width: 64px;}
.counter ul li a .wrap{width: 72%;float: right;padding-top: 8px;color: #fff;font-size: 22px;/* margin-left: 45px; */}


.strugglesec{
    padding: 100px 0;
}
.strugglesec h2{
    text-align: left;
    font-size: 36px;
    width: 100%;
    font-weight: 700;
    line-height: 1.2;
}

.strugglesec ul{
    display: inline-block;
}
.strugglesec ul li{
    width: 50%;
    padding-left: 35px;
    line-height: 1.4;
    float: left;
    color: #687087;
    position:  relative;
    font-size:  20px;
    padding-bottom: 20px;
}
.strugglesec ul li a{color: #687087;}
.strugglesec ul li a:hover{    color: #f38440;}
.strugglesec ul li:before{
  content: "\e962";
  position: absolute;
  font-family: 'icomoon' !important;
  left: 0;
  font-size: 20px;
      color: #f38440;
  display: table-cell;
  vertical-align: middle;
}





.helpsec{background: #33475b;padding: 100px 0;}
.helpsec h2{
    text-align: left;
    font-size: 36px;
    width: 100%;
    color: #fff;
    font-weight: 700;
    }
.helpsec .img-container{background-image: url(../images/iphonex.html);margin: 0px auto 0;padding-top: 22px;background-repeat: no-repeat;padding-left: 18px;padding-right: 18px;width: 339px;height: 686px;}
.helpsec .img-container figure.abs{
    right: 0;
    top: 40px;
    position: absolute;
    z-index: 9;
    left: 0;
    text-align: center;
    }
.helpsec .img-container figure.abs img{}
.helpsec .img-container .cs-slider img{height:647px;}


.hlpwrap{
    margin: 70px 0;
}
.hlpwrap li{
    width: 100%;
    clear: both;
    padding-bottom: 20px;
    display: inline-block;
}
.hlpwrap li .lft{
    width: 30%;
    float: left;
}
.hlpwrap li .lft figure{
    margin: 22px auto 0;
    display: table;
}
.hlpwrap li .lft figure img{
    /* width: 65px; */
}
.hlpwrap li .rht{
    width: 70%;
    float: right;
    padding: 18px 0;
}
.hlpwrap li .rht h3{
    font-size: 22px;
    color: #223235;
    font-weight: 400;
}
.hlpwrap li .rht p{
    text-align:  left;
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 0px;
}
/*.xicon{font-size: 74px;}
.xicon:before{    color: #20cb98;}*/

@keyframes bouncy {
     0%   {margin-top: 0}
    25%  {margin-top: 5px}
    50%  {margin-top: 0px}
    75%  {margin-top: 5px;}
    100% {margin-top: 0px;}
}
.hvr-bob {
   
    
}
.hvr-bob:hover{animation-name: bouncy;
    animation-duration: 3s;
    animation-iteration-count: infinite;}
.pkg-img-type{ text-align: center; }
.pkg-img-type img{margin: 0px auto 20px; width: 50%;}
.packages-sec{background: url(../images/packagesbg.jpg) no-repeat;width:100%;background-size:cover;background-position:top center;padding: 100px 0;}
.packages-sec h2{
    text-align:  center;
    font-size: 44px;
    width: 100%;
    }
.packages-sec p{
    text-align:  center;
    font-size: 20px;
    line-height: 1.4;
    padding-bottom: 40px;
}



.packages-sec .pack-wrap{
    background: #fff;
    border-radius: 20px;
    /* border: 1px solid #000; */
    box-shadow: 0px 0px 46px #0000001a;
}
.packages-sec .pack-wrap .hdarea{
    text-align:  center;
    padding: 30px 30px 20px;
}
.packages-sec .pack-wrap .hdarea h4{
    text-transform: capitalize;
    padding-bottom: 0px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 13px 30px 10px;
    color: #488cfb;
    border-radius: 30px;
    background: #e6f6ff;
    display: inline-block;
}
.packages-sec .pack-wrap .hdarea h2{
    color: red;
    font-size: 20px;
}
.packages-sec .pack-wrap .hdarea h3{
    color: #323637;
    font-size: 30px;
    padding-bottom: 10px;
}
.packages-sec .pack-wrap .hdarea p{
    color:  #999999;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    padding: 0 30px;
}

.packages-sec .pack-wrap .bdarea{
    padding: 10px 35px 20px;
}
.packages-sec .pack-wrap .bdarea ul{
    margin-bottom:  0;
}
.packages-sec .pack-wrap .bdarea ul li{
    width: 100%;
    padding: 5px 0;
    color: var(--default-color);
    padding-left: 30px;
    font-size: 14px;
    position: relative;
}
.packages-sec .pack-wrap .bdarea ul li.heading{
    padding-left: 0;
    font-weight: 700;
    font-size:  16px;
    font-style:  italic;
}
.packages-sec .pack-wrap .bdarea ul li.heading:before{
    display: none;
}
.packages-sec .pack-wrap .bdarea ul li:before{
    content: "\e962";
    position: absolute;
    left: 0;
    content: "";
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 8px;
    display: table-cell;
    vertical-align: middle;
    height: 8px;
    border-radius: 50%;
    background-color: #4f88fe;
    }

.packages-sec .pack-wrap .ftarea{
    padding: 10px 35px 120px;
}
.packages-sec .pack-wrap .ftarea .lft{
    width: 55%;
    float: left;
}
.packages-sec .pack-wrap .ftarea .lft h4{
    font-size: 34px;
    font-weight:  700;
    padding-bottom:  0;
    color: #4e8af8;
}
.packages-sec .pack-wrap .ftarea .lft h4 strong{font-weight:  400;font-size: 22px;}
.packages-sec .pack-wrap .ftarea .lft h4 span{
    display: block;
    font-size: 14px;
    color: #b2b8ca;
}
.packages-sec .pack-wrap .ftarea .rht{
    width: 45%;
    text-align:  right;
    float: right;
} 
.packages-sec .pack-wrap .ftarea .rht p{
    line-height: 1.4;
    text-align:  right;
    font-weight: 500;
    padding-bottom:  0;
    font-size: 13px;
}
.packages-sec .pack-wrap .ftarea .rht p span{
    display: block;
    color: #999;
    font-size:  14px;
}

.pkbtn{margin-top: -28px;text-align: center;clear:both;}

.btn-blue{
    color: #fff;
    background: #4a8cfc;
    padding: 14px 50px;
    font-size:  16px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-weight: 700;
    /* text-transform:  uppercase; */
    display: inline-block;
    border-radius: 30px;
    border: 1px solid #fff;
}
.btn-blue:hover{transform: translateY(-3.925px);color: #fff;}

.btn-green{
    color: #fff;
    background: #20CB98;
    padding: 14px 50px;
    font-size:  16px;
    font-weight: 700;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    /* text-transform:  uppercase; */
    display: inline-block;
    border-radius: 30px;
    border: 1px solid #fff;
}
.btn-green:hover{
    transform: translateY(-3.925px);
    color: #fff;
}

.btn-red{
    color: #fff;
    background: #f45948;
    padding: 14px 50px;
    font-size:  16px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-weight: 700;
    /* text-transform:  uppercase; */
    display: inline-block;
    border-radius: 30px;
    border: 1px solid #fff;
}
.btn-red:hover{transform: translateY(-3.925px);color: #fff;}

.packages-sec .pack-wrap.green .hdarea h4{
    color: #20CB98;
    line-height: 1;
    text-transform:  capitalize;
    background: #00a1593d;
}

.packages-sec .pack-wrap.green .bdarea ul li:before{background-color: #20CB98;}
.packages-sec .pack-wrap.green .ftarea .lft h4{color: #20CB98;}

.packages-sec .pack-wrap.red .hdarea h4{
    color: #f75849;
    background: #f5594638;
}

.packages-sec .pack-wrap.red .bdarea ul li:before{background-color: #fe5344;}
.packages-sec .pack-wrap.red .ftarea .lft h4{color: #f85649;}


.list-scroll{height: 155px;}
.ticklist2.list-scroll{height: 146px;}

.cta-left{display: inline-block;width: 65%;vertical-align: middle;}

.cta{
    background: #f5f8fa;
    padding: 40px 0;
}
.cta h3{
    /* margin-top: 10px; */
    text-align: left;
    padding-bottom: 0;
    font-size: 30px;
    max-width: 65%;
    vertical-align: middle;
    font-weight: 500;
    display: inline-block;
}

.cta p{padding: 0;}
.cta p a{color: #f38440;}
.cta h3 a{
    text-decoration:  underline;
    color: #f38440;
}

.listsec{padding: 60px 0;background: #F7F9FC;}
.listsec h2{
    font-size: 36px;
    width: 100%;
    text-align:  center;
}
.listsec .wrap{}
.listsec .wrap ul{
    display: inline-block;
    border-radius: 10px;
    margin-bottom:  0;
    border: 1px solid #BBBECC;
    margin-top: 40px;
}
.listsec .wrap ul li{
    width: 33.33%;
    float: left;
    /*border-bottom: 1px solid #BBBECC;*/
    padding: 20px 35px;
}
.listsec .wrap ul li.bb{
  border-bottom: 1px solid #BBBECC;
}
.listsec .wrap ul li.br{
  border-right: 1px solid #BBBECC;
}
.listsec .wrap ul li p{
    padding-left: 30px;
    font-size: 18px;
    position: relative;
    padding-bottom: 0;
}
.listsec .wrap ul li p:before{
    content: "\e962";
    position: absolute;
    font-family: 'icomoon' !important;
    left: 0;
    font-size: 20px;
        color: #f38440;
    display: table-cell;
    vertical-align: middle;
    }


.cta2{overflow:  hidden;background:url(../images/cta-fold.html);padding: 60px 0;text-align:  center;height: 325px;width:100%;position: relative;background-size: cover;background-repeat: no-repeat;background-position: top center;}

.cta2 .wrap{    position: relative;
    z-index: 2;}
.cta2 .wrap h6{color: #fff;font-size: 20px;font-weight:  400;padding-bottom: 20px;}
.cta2 .wrap h3{text-align:  center;padding-bottom: 0;font-size: 30px;font-weight: 700;margin-bottom: 30px;color: #fff;}
.cta2 .wrap a{
    padding: 20px 40px;
        color: #f38440;
    font-weight:  700;
    display: inline-block;
    font-size: 18px;
    border-radius: 5px;
    background: #ffffff;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.cta2 .wrap a:hover{
    transform: translateY(-0.625rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;}



.testimonial-sec{
    padding: 60px 0;
    background: #ffffff;
}
.testimonial-sec .test-wrap{
    text-align:  center;
}
.testimonial-sec .test-wrap span{
    font-size: 36px;
}
.testimonial-sec .test-wrap h3{
    font-size: 26px;
    line-height: 1.4;
    font-weight: 400;
    font-style:  italic;
    padding-bottom: 25px;
    margin-top: 12px;
}
.testimonial-sec .test-wrap h5{
    font-weight: 600;
    padding-bottom: 0;
    font-size: 14px;
}
.testimonial-sec .test-wrap h5 span{
    display: block;
    font-style:  italic;
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
}

.testboxes{padding-top: 30px;}
.testboxes .box-wrap{
    padding: 0 60px;
    margin-top: 40px;
    text-align:  center;
}
.testboxes .box-wrap figure span{font-size: 54px;    color: #20cb98; -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.testboxes .box-wrap figure{    padding-top: 46px;}

.testboxes .box-wrap:hover figure span{   color: #fff;    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.testboxes .box-wrap:hover #egg{   background: #20cb98; -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.testboxes .box-wrap h3{
    font-weight:  400;
    text-transform:  capitalize;
    padding: 20px 0 20px;
    font-size: 20px;
}
.testboxes .box-wrap p{
    font-size: 18px;
    line-height: 1.6;
}


.testboxes .btn-wrap{
    width: 100%;
    margin-top: 80px;
    text-align:  center;
}
.testboxes .btn-wrap a{
    text-align:  center;
}
.testboxes .btn-wrap p{
    font-weight: 700;
    margin-top: 25px;
}
.testboxes .btn-wrap p a{
    font-weight: 400;
    text-decoration:  underline;
    color: #508beb;
}

.cstudy-sec{
    padding: 60px 0 0;
}
.cstudy-sec h2{
    padding-bottom: 0;
    text-align: center;
    font-size: 34px;
    width: 100%;
    margin-bottom: 40px;
}
.firstcs{display: table;position: relative;width: 100%;}
.firstcs:before{content:"";background: #138990;width: 50%;height: 100vh;left: 0px;top: 0px;position: absolute;}
.firstcs .txtarea{
    display: table-cell;
    padding: 80px 80px 60px 0;
    height: 100vh;
    vertical-align:  middle;
}


.firstcs.scndcs:before{display:none;}
.firstcs.scndcs:after{content:"";background: #f0584a;width: 50%;height: 100vh;right: 0px;z-index: -1;top: 0px;position: absolute;}
.firstcs.scndcs .txtarea{    padding: 80px 0px 60px 80px;}
.firstcs .txtarea figure{}
.firstcs .txtarea figure img{}
.firstcs .txtarea ul{}
.firstcs .txtarea ul li{
    width: 100%;
    padding: 20px 0;
}
.firstcs .txtarea ul li h5{
    text-transform:  capitalize;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
}
.firstcs .txtarea ul li p{
    padding-bottom: 0px;
    color:  #fff;
    font-size: 16px;
}

.figarea{
    display: table-cell;
    padding: 60px 0px 60px 80px;
    height: 100vh;
    vertical-align:  middle;
}
.figarea ul{
    margin-bottom: 30px;
}
.figarea ul li{
    width: 100%;
    display: inline-block;
    clear: both;
}
.figarea ul li figure{
    margin-bottom: 0;
    float: left;
    width: 130px;
}
.figarea ul li figure img{}
.figarea ul li .tx{
    width: 70%;
    padding: 40px 40px 40px 20px;
    float: right;
}
.figarea ul li .tx h3{
    padding-bottom:  0px;
    text-transform:  capitalize;
    font-weight: 700;
    line-height: 1.6;
    font-size: 16px;
}

.figarea .single-test{
    position:  relative;
    padding-left: 40px;
}
.figarea .single-test span{
    position:  absolute;
    font-size: 24px;
    left: 0;
}
.figarea .single-test h4{
    font-size:  20px;
    padding-bottom: 20px;
    font-style:  italic;
}
.figarea .single-test h5{
    padding-bottom:  0;
    font-size: 14px;
    font-weight:  700;
}
.figarea .single-test h5 span{
    font-size: 12px;
    position:  relative;
    display: block;
    font-style:  italic;
    font-weight:  400;
    margin-top: 6px;
}

.story-sec{
    text-align: left;
    padding: 60px 0;
    background: #ffffff;
}
.story-sec h2{
    line-height: 1.1;
    /* padding-bottom: 40px; */
    /* text-align: left; */
    width: 100%;
}
.story-sec p{
    /* text-align: left; */
    font-size: 18px;
    line-height: 1.6;
    padding-bottom: 0;
}


.bottom-form{
    padding: 100px 0;
}
.bottom-form .txtwrap{}
.bottom-form .txtwrap h2{
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}
.bottom-form .txtwrap figure{
    margin: 20px 0 30px;
}
.bottom-form .txtwrap figure img{}
.bottom-form .txtwrap p{
    /* text-align: left; */
    font-size: 20px;
    line-height: 1.4;
    padding-bottom: 0;
}




.bot-form{}
.bot-form form label.error{display:none!important;}
.bot-form form input.error{border: 1px solid red !important;}
.bot-form form select,.bot-form form input[type="text"], .bot-form form input[type="email"], .bot-form form input[type="number"], .bot-form form input[type="tel"], .bot-form form textarea{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 50px;font-weight: 400;outline: none !important;}

.bot-form form .intl-tel-input{width:100%;}
.bot-form form .intl-tel-input.separate-dial-code .selected-dial-code{padding-left: 27px;}
.bot-form form .fldset{    margin-bottom: 10px;}
.bot-form form input[type="submit"]{
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
    padding: 20px 60px;
    letter-spacing: 1px;
    border-radius: 3px;
    font-family: var(--primary-font-family);
    background: #f38440;
    cursor: pointer;
}
.bot-form form textarea {
    width: 100%;
    margin: 0;
    padding: 8px 12px;
    height: 100px;
}

.bot-form form .finput:focus{outline: none !important;}

.flogo {
    padding: 30px 0 10px;
}


.dmca{
    
}


.dmca img{
       width:45%; 
}

.btn-main{
    color: #fff !important;
    font-weight: 600;
    border: 1px solid transparent;
    text-transform: capitalize;
    border-radius: 3px;
    padding: 10px 15px;
    font-size: 14px;
    transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;
    background: #16a085;
}
.btn-main-top-bar{
    color: #fff !important;
    font-weight: 600;
    border: 1px solid transparent;
    text-transform: capitalize;
    border-radius: 3px;
    padding: 10px 15px;
    font-size: 14px;
    transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;
}
.main-btn{
	color: #fff;
	font-weight: 600;
    border: 1px solid transparent;
    text-transform: capitalize;
    border-radius: 3px;
    padding: 10px 15px;
    font-size: 16px;
    display: inline-block;
    transition: all 700ms;
    transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ background: #3996d2; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background: #16a085;
}
.main-btn:hover{
	    transform: translateY(-0.625rem);
    transition: all 700ms;
    color: #fff;
}
.top-bar.fixed-header .btn-main-top-bar{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ background: #3996d2; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
/*.btn-main:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #fff;background: #2c42b3;}*/
.header-main.fixed .btn-main{    color: #fff !important;}
.main-menu > ul > li:nth-child(6) > a{/* color: #20CB98; */}

.home-banner-content h5{
    padding-bottom:  0;
    color:  #fff;
    font-size: 20px;
    font-weight:  400;
    font-family: var(--primary-font-family);
    padding-top: 10px;
}
.home-banner-content h5 a{
    color:  #f4bd2c;
}

.cs-slider .slick-dots{    bottom: -50px;}

.header-main .logo img.black{display: none;}
.header-main .logo img.white{display: block;}
.header-main.fixed .logo img.black{display: block;}
.header-main.fixed .logo img.white{display: none;}
.analyzeform form input[type="submit"]:hover{background: #209987;}

.pack-wrap.green {
    margin-top: -33px;
}

.flogo figure{
    margin-bottom: 0;
}



.sec-padding{padding:60px 0;}
.approach-module h2{
    text-align: center;
    font-size: 34px;
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 0;
}


.approach-items{position:relative;counter-reset:my-sec-counter}
.approach-items .approach-title{text-transform:uppercase;font-size:16px;font-weight:500;line-height:26px;margin-bottom:15px;display:block}
.approach-items .approach-content{font-size:16px;line-height:30px;color:black}
.approach-items .approach-item{position:relative;width:100%;text-align:left}
.approach-items .approach-item:before{position:absolute;left:50%;height:100%;width:2px;display:block;content:'';background: -webkit-linear-gradient(top,#20cb98 50%,transparent 50%);background:linear-gradient(top,orange 50%,transparent 50%);background-size:100% 6px;}
.approach-items .approach-item .approach-inner{position:relative;float:left;box-sizing:border-box;border:2px solid #dfdfdf;padding:40px}
.approach-items .approach-item .approach-inner:after{position:absolute;content:'';display:inline-block;counter-increment:my-sec-counter;content:"0" counter(my-sec-counter) "";color: #20cb98;font-weight:700;font-size:22px;line-height:22px;}
.approach-items .approach-item:nth-child(2n) .approach-inner{float:right}
.approach-items .approach-item:after{clear:both;display:block;content:''}
.approach-sub-module{padding:0 0 100px 0}
.approach-sub-module .container{padding-top:40px;border-top:1px solid #d0d0d0}
.approach-sub-module .section-title{font-weight:500;text-transform:uppercase;margin-bottom:60px}
.approach-sub-module .row:last-child .inner:before{display:none}
.approach-sub-module .row:first-child .inner{padding:25px 5% 25px 95px}
.approach-sub-module .row:first-child .inner:before{top:25px;height:calc(100% - 25px)}
.approach-sub-module .row:last-child .approach-list:not(.active) .inner .column-count:before{position:absolute;height:27px;z-index:8;left:50%;margin-left:-1px;top:-27px;display:block;content:'';width:2px;background-color:#d0d0d0}
.approach-selection{position:relative;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0)}
.approach-selection .inner{position:absolute;top:-5px;left:0;padding:0 0 0 0 !important}
.approach-selection .approach-title{position:relative;z-index:19;text-transform:uppercase;color:#333743;font-style:normal;font-weight:500;font-size:32px;margin-bottom:10px;display:block}
.approach-selection .approach-content{position:relative;z-index:11;font-size:24px;line-height:38px;color:#9297a3;opacity:.75;font-weight:normal}
.approach-list{position:relative;padding-right:8%;box-sizing:border-box}
.approach-list:before{position:absolute;content:'';display:block;z-index:21;right:0;height:100%;width:8%}
.approach-list .approach-title{position:relative;z-index:19;text-transform:uppercase;color:#333743;font-style:normal;font-weight:500;font-size:18px;margin-bottom:12px;display:block}
.approach-list .approach-content{position:relative;z-index:11;font-size:14px;line-height:20px;color:#9297a3;opacity:.75;font-weight:normal}
.approach-list .column-count{position:absolute;z-index:12;top:25px;left:32px;background-color:white;width:34px;height:34px;text-align:center;line-height:34px;font-size:12px;font-weight:500;color:#106674;border-radius:34px;box-sizing:border-box;border:2px solid #d0d0d0}
.approach-list .inner{position:relative;padding:25px 5% 25px 95px;box-sizing:border-box;z-index:22}
.approach-list .inner:after{position:absolute;left:0;top:0;width:100%;content:'';display:block;height:100%;background-color:white;z-index:9;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}
.approach-list .inner:before{position:absolute;height:100%;z-index:8;left:48px;top:0;display:block;content:'';width:2px;background-color:#d0d0d0}


.inner-pages .header-main{
    border-bottom: 1px solid #f5f8fa;
    /* box-shadow: 0px 5px 20px #00000012; */
}
.inner-pages .inner-banner{background-size: cover;overflow: hidden;width: 100%;height: 800px;/* margin-top: 82px; */}
.inner-pages .header-main .logo img.black{display: block;}
.inner-pages .header-main .logo img.white{display: none;}


.inner-pages .header-main .main-menu > ul > li > a {
    text-transform: capitalize;
}
.inner-pages .header-main .btn-main {
    color: #fff !important;
}

.seopg .btn-main{/* background: #f0584a; */}

.inner-banner-content{text-align: center;margin-top: 130px;}
.inner-banner-content h5{
    color: #ffffff;
    padding-bottom: 15px;
    font-size:  20px;
}
.inner-banner-content h2{
    font-size: 42px;
    color: #ffffff;
    line-height: 1.2;
    padding-bottom: 15px;
}
.inner-banner-content h2 span{
    color: #171717;
    font-size:  36px;
    display: block;
    font-weight:  300;
    margin-top: 10px;
}
.inner-banner-content p{
    font-size: 20px;
    color: #ffffff;
    line-height: 1.4;
    padding-bottom: 40px;
}
.inner-banner-content a{
    /* background:  #fff; */
    margin-bottom: 60px;
    /* padding: 16px 40px; */
    /* border-radius:  5px; */
    /* display: inline-block; */
    /* color: #f0584a; */
    /* font-weight:  700; */
    /* -webkit-transition: 0.4s; */
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    /* transition: 0.4s; */
}
.inner-banner{height: 570px;}

.lgonly{}
.lgonly img {width: 150%; position: relative; left: -140px; top: -20px;}
.inner-banner-content { display: table-cell; vertical-align: middle; height: 440px; }

.firstcs .txtarea figure img{width: auto; position: unset;}
.landingp2.landing-pagetext figure img{
    left: -50px;
}
.landing-pagetext figure img{position: relative;/* width: 150%; */top: 0;}
/*.inner-banner-content a:hover{display: inline-block;

    transform: translateY(-0.625rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;}*/

.inner-pages .partners-cta{margin-top: -76px;padding-top: 16px;background: #d0d0d0;}
.inner-pages .partners-cta.ctabb{margin-top: -135px;padding-top: 16px;background: transparent;}
.inner-pages .strugglesec{ background:#f7f9fc;}

.socialpg .inner-banner-content a{color:#5d82c2}
.socialpg .approach-items .approach-item .approach-inner:after{    color: #5d82c2;}
.socialpg .approach-items .approach-item:before{position: absolute;
    background: -webkit-linear-gradient(top,#5d82c2 50%,transparent 50%);
    background: linear-gradient(top,orange 50%,transparent 50%);
    background-size: 100% 6px;}
.locsearchpg .inner-banner-content{text-align: left; }
.locsearchpg .inner-banner-content a{color: #20CB98;}
.locsearchpg .approach-items .approach-item .approach-inner:after{    color: #20CB98;}
.locsearchpg .approach-items .approach-item:before{position: absolute;
    background: -webkit-linear-gradient(top,#20CB98 50%,transparent 50%);
    background: linear-gradient(top,orange 50%,transparent 50%);
    background-size: 100% 6px;}

.inner-pages .bottom-form{background: #f6f8fb;}



.servicesec{
    background: url(../images/packagesbg.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    background-position: top center;
    padding: 60px 0;
    text-align: center;
    /* background: #fff; */
}
.servicesec h4{
    font-size: 36px;
    text-align:  center;
    margin-bottom: 15px;
    width: 100%;
    font-weight: 700;
}
.servicesec p{
    text-align: center;
    font-size: 20px;
    width: 100%;
}
.servicesec .boxwrap{
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    text-align: center;
}
.servicesec .boxwrap li{cursor: pointer;box-shadow: 0px 0px 30px #0000000f;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin: 0 10px 20px;position: relative;border-radius: 10px;min-height: 215px;padding: 40px;float: left;background: #fff;width: 18.1%;}

.servicesec .boxwrap li i{background-image: url(../images/services-icons.png);background-repeat: no-repeat;width: 75px;display: inline-block;height: 80px;margin: 0 auto 10px;/* background-position: top center; */-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.servicesec .boxwrap li i.one{background-position: 13px 10px;}
.servicesec .boxwrap li i.two{background-position: -70px 10px;}
.servicesec .boxwrap li i.three{background-position: -150px 10px;}
.servicesec .boxwrap li i.four{background-position: -230px 10px;}
.servicesec .boxwrap li i.five{background-position: -320px 10px;}
.servicesec .boxwrap li h6{-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;color: #2c2c2c;font-size: 16px;}

/*.servicesec .boxwrap li:hover{box-shadow: 0px 0px 45px #20CB9817;transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */background: #3996d2; /* Old browsers */background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg,  #466cf7 0%,#2a3db6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}*/
/*.servicesec .boxwrap li:hover i.one{background-position: 13px -70px;}
.servicesec .boxwrap li:hover i.two{background-position: -70px -70px;}
.servicesec .boxwrap li:hover i.three{background-position: -150px -70px;}
.servicesec .boxwrap li:hover i.four{background-position: -230px -70px;}
.servicesec .boxwrap li:hover i.five{background-position: -320px -70px;}*/
/*.servicesec .boxwrap li:hover h6{color: #fff;}*/


.wbcontentpg .inner-banner-content a{color: #f2bd19;}
.wbcontentpg .approach-items .approach-item .approach-inner:after{    color: #f2bd19;}
.wbcontentpg .approach-items .approach-item:before{position: absolute;
    background: -webkit-linear-gradient(top,#f2bd19 50%,transparent 50%);
    background: linear-gradient(top,orange 50%,transparent 50%);
    background-size: 100% 6px;}



@media(min-width:801px){

.approach-items .approach-item:first-child:before{height:50%;top:50%}
.approach-items .approach-item:last-child:before{height:50%;bottom:50%}
.approach-items .approach-item .approach-inner{width:calc(50% - 70px)}
.approach-items .approach-item .approach-inner:before{position:absolute;top:50%;display:inline-block;content:'';right:-74px;width:0;height:0;margin-top:-12px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right: 12px solid #20cb98;}
.approach-items .approach-item .approach-inner:after{top:50%;right:-167px;margin-top:-11px}
.approach-items .approach-item:nth-child(2n) .approach-inner:before{left:-72px;right:auto;border-right:0;border-left: 12px solid #20cb98;}
.approach-items .approach-item:nth-child(2n) .approach-inner:after{right:auto;left:-165px}

.socialpg .approach-items .approach-item:nth-child(2n) .approach-inner:before{    border-left: 12px solid #5d82c2;border-right:0px;}

.socialpg .approach-items .approach-item .approach-inner:before {border-right: 12px solid #5d82c2;}

.locsearchpg .approach-items .approach-item:nth-child(2n) .approach-inner:before{    border-left: 12px solid #20CB98;border-right:0px;}

.locsearchpg .approach-items .approach-item .approach-inner:before {border-right: 12px solid #20CB98;}

.wbcontentpg .approach-items .approach-item:nth-child(2n) .approach-inner:before{    border-left: 12px solid #f2bd19;border-right:0px;}

.wbcontentpg .approach-items .approach-item .approach-inner:before {border-right: 12px solid #f2bd19;}




}

.three-testimonials{
    padding: 60px 0;
    background: #ffffff;
}
.three-testimonials h2{
    padding-bottom: 60px;
    font-size: 34px;
    width: 100%;
    text-align: center;
}
.three-testimonials .box{
    -webkit-transition: 0.4s;
    min-height: 320px;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border-radius: 5px;
    background: #f7f9fc;
    padding: 30px 30px 20px;
}
.three-testimonials .box h3{
    font-size: 24px;
}
.three-testimonials .box span{
    display: inline-block;
    font-size: 26px;
    color: #21caa6;
    margin-bottom: 20px;
}
.three-testimonials .box p{}
.three-testimonials .box .capt{
    width: 100%;
    display: inline-block;
}
.three-testimonials .box .capt .lft{
    float: left;
    width: 20%;
}
.three-testimonials .box .capt .lft h5{
    background: #21caa6;
    padding-bottom: 0px;
    color: #fff;
    font-size: 24px;
    text-align:  center;
    border-radius: 50%;
    padding: 15px;
}
.three-testimonials .box .capt .rht{
    width: 73%;
    padding-top: 8px;
    float: right;
}
.three-testimonials .box .capt .rht h4{
    padding-bottom:  0px;
    font-size: 16px;
    font-weight: 600;
}
.three-testimonials .box .capt .rht h4 span{
    display: block;
    padding-top: 5px;
    font-size: 14px;
    font-weight: 400;
}
.three-testimonials .box:hover{
    transform: translateY(-0.625rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    box-shadow: 0px 0px 30px #0000000f;
}

.servicespg .bottom-form,.aboutpg .bottom-form{background:#fff;}

.aboutpg .story-sec, .aboutpg .listsec{    background: #fff;}

.aboutpg .cta2{    background: #f7f9fc;}


.testsec{}
.testsec .firsttesti{
    background: #20CB98;
    padding: 60px 0;
    position: relative;
}
.testsec .firsttesti.second{
    background: #f0584a;
}

.testsec .firsttesti.third{
    background: #5d82c2;
}
.testsec .firsttesti.fourth{
    background: #f2bd19;
}
.testsec .firsttesti:before{
    content: "";
    background: #0b9a70;
    width: 50%;
    height: 100%;
    right: 0px;
    top: 0px;
    position: absolute;
    }

.testsec .firsttesti.second:before{
    background: #cc4437;
    left: 0px;}
.testsec .firsttesti.third:before{
    background: #4166a7;
    right: 0px;
    }
.testsec .firsttesti.fourth:before{
    background: #dea905;
    left: 0px;
    }

.testsec .firsttesti .lgarea{
    text-align:  right;
    padding: 40px 40px;
}
.testsec .firsttesti .lgarea figure{
    margin-bottom: 25px;
}
.testsec .firsttesti .lgarea figure img{}
.testsec .firsttesti .lgarea h6{
    color: #fff;
}
.testsec .firsttesti .lgarea p{
    color: #fff;
    padding-bottom: 0;
}

.testsec .firsttesti .txarea{
    padding: 0 40px;
}

.testsec .firsttesti .txarea p{
    line-height: 1.6;
    color:  #fff;
    padding-bottom:  0;
    font-size:  16px;
}
.testsec .firsttesti .txarea p span{
    padding: 0 10px;
    font-size: 20px;
    color: #fff;
}

.testsec .firsttesti .txarea .rating{
    padding-top: 20px;
}
.testsec .firsttesti .txarea .rating i{
    color:  #fff;
    font-size: 20px;
}


.sidebar .accordion{
    margin-top: 0;
}
.sidebar .accordion .quest-section{}
.sidebar .accordion .quest-section .quest-title{    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;}
.sidebar .accordion .quest-section .quest-title:before{    font-weight: 400;
    font-size: 16px;}


.sidebar .accordion .quest-content p{
    padding-bottom: 10px;
}
.sidebar .accordion .quest-content a{
    color: #20CB98;
}


.wbcontentpg .inner-banner-content a{    color: #f2bd19;}


.tabs{display: none;}
.tabs.current{display: block;}
.tabs li{
    padding: 0px 15px;
    width: 33.33%;
    float: left;
}

.tabbing-links{
    width: 100%;
    display:  inline-block;
    text-align:  center;
    margin: 0px auto 75px;
}
.tabbing-links li{
      -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: inline-block;
    padding: 10px 60px;
    cursor:  pointer;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: #ffffff;
}
.tabbing-links li:hover,.tabbing-links li.current{
    transform: translateY(-5.925px);
    color: #fff;
    background: #20CB98;
}


.tphead{    padding: 20px 0;
    position: absolute;
    top: 0;
    z-index: 9;
    width: 100%;}
.counter ul li.dkblk {
    background: #171B23;
}

.analyzepg .home-banner-content h1{
    font-size: 36px;
    color: #333333;
    text-shadow: none;
    }
.tphead a{color: #333}
.tphead a span{font-size: 34px;}
.analyzepg .analyzeform form .dtf{width: 100%;}

.analyzepg .home-banner-content .subtitle{color: #333;    font-size: 18px;}
.analyzepg .analyzeform form input[type="text"]{border-radius:5px;}
.analyzepg .analyzeform form input[type="submit"]{margin-left: 0px;width: 100%;}

.lgonly{display: block;}
.xsonly{display: none}




.slider-wrapper:before{/* background: #00000094; */width:100%;height:100vh;top:0;left:0;position: absolute;z-index: 1;}



/*ghostwriting css*/

.header-main.fixed .main-menu{margin: 35px 0 0;}

.counter ul li a {cursor: default;}
.checklist{
    display: inline-block;
    padding: 0 30px;
}
.checklist li{
    width: 50%;
    padding-left: 30px;
    line-height: 1.4;
    float: left;
    color: #687087;
    position:  relative;
    font-size: 18px;
    padding-bottom: 12px;
}
.checklist li:before{
  content: "\e962";
  position: absolute;
  font-family: 'icomoon' !important;
  left: 0;
  font-size: 18px;
      color: #f38440;
  display: table-cell;
  vertical-align: middle;
}
.bookshowcase{margin: 0 auto -120px;}
.btn-simple{font-size: 20px;color: #20CB98;}
.btn-simple:hover{color: #20CB98;}
.helpsec p{
    text-align: left;
    font-size: 20px;
    padding-bottom: 0;
    color: #fff;
    line-height: 1.4;
}

.testimonial-sec{}
.testimonial-sec h2{
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    width: 100%;
}
.testimonial-sec p{
    text-align: center;
    font-size: 20px;
    line-height: 1.4;
}
.testimonial-sec p span{
    color: #20cb98;
}




.fc-black{color: #223235;}

#egg {
   margin: 0 auto 1em;
   display:block;
   width: 150px;
   height: 150px;
   background-color: #edf1f8;
   -webkit-border-radius: 13px 53px 63px 13px / 108px 60px 72px 72px;
   border-radius: 77%  125%  75%  50%  / 143%   99%   88%  89%;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.counter ul li:last-child a figure img{    max-width: 73px;}

.innerpackages-sec.leftinner .checklist li{display: block;width: 100%;}


.leftinner .checklist{padding:0px;}
.leftinner .checklist li{font-size: 16px;}
.leftinner h2{font-size: 36px;}
.leftinner{}
.leftinner figure img{/* max-width:100%; */}

.three-testimonials.approach h2{
    padding-bottom: 20px;
}
.three-testimonials.approach p{
    text-align: center;
    font-size: 18px;
    width: 100%;
    padding: 0 40px 40px;
    line-height: 1.4;
}

.three-testimonials .box p{
    font-size: 14px;
    text-align:  left;
    padding: 0 0 20px;
    line-height: 1.6;
    min-height: 190px;
}
.three-testimonials.approach .box{box-shadow: 0 0px 20px #0000000d;background: #fff;min-height: 280px;}
.three-testimonials.approach{background: #f7f9fc;}


.testimonial-sec.innertestimonial{
    background: #ffffff;
}
.testimonial-sec.innertestimonial h2{}
.testimonial-sec.innertestimonial p{}
.testimonial-sec.innertestimonial .box-wrap{
    padding: 0 20px;
}
.testimonial-sec.innertestimonial .box-wrap #circle{
    margin: 0 auto 20px;
    height: 110px;
    padding-top: 36px;
    width: 110px;
    background: #f38440;
    border-radius: 50%;
}
.testimonial-sec.innertestimonial .box-wrap #circle span{
    font-size: 28px;
    color: #fff;
}
.testimonial-sec.innertestimonial .box-wrap h3{font-weight: 700;}
.testimonial-sec.innertestimonial .box-wrap p{
    font-style:  italic;
    line-height: 1.4;
}
.testimonial-sec.innertestimonial .box-wrap h6{
    font-weight: 600;
    padding-bottom: 0;
    font-size: 14px;
}
.testimonial-sec.innertestimonial .box-wrap h6 span{
    display: block;
        color: #f38440;
    font-style: italic;
    margin-top: 10px;
    font-weight: 400;
    font-size: 11px;
}

.inner-banner-content h6{
    color: #fff;
    font-size: 60px;
}

.cltestpg .story-sec{
    background: #f7f9fc;
}

.policypg{}
.policypg h2{
        color: #f38440;
    font-size: 36px;
    font-weight: 700;
}
.policypg h3{
    font-size: 24px;
}
.policypg h4{
    font-size: 22px;
        color: #f38440;
}


.who-we-sec{
    padding: 100px 0;
    background: #f6f8fb;
}
.who-we-sec h2{
    font-size: 36px;
    font-weight: 700;
}
.who-we-sec p{
    font-size: 20px;
    line-height: 1.4;
    /* padding-bottom: 0; */
}
.who-we-sec p strong{}

.who-we-sec figure{
    float: right;
    margin-bottom: 0;
    width: 90%;
}
.who-we-sec figure img{
    width: 100%;
    max-width: 100%;
    box-shadow: 0px 0px 20px #00000012;
    border-radius: 10px;
}

.weDifferent-sec{
    padding: 100px 0;
    background: #f6f8fb;
}
.weDifferent-sec .wrap{
    padding-right: 25px;
}
.weDifferent-sec h2{
    font-size: 36px;
    font-weight: 700;
}
.weDifferent-sec h5{
    font-size: 22px;
        color: #f38440;
}
.weDifferent-sec p{
    font-size: 20px;
    line-height: 1.4;
}

.weDifferent-sec a{}


.diff-wrap{
    display: inline-block;
    margin-bottom: 0;
    margin-top: 20px;
}
.diff-wrap li{
    float: left;
    margin-right: 20px;
    width: 30%;
}
.diff-wrap li:nth-child(2){margin-top: 45px;}
.diff-wrap li:nth-child(3){margin-right: 0px;margin-top: 90px;}
.diff-wrap li:nth-child(4){
    margin-top: -80px;
}
.diff-wrap li:nth-child(5){
    margin-top: -35px;
}

.diff-wrap li figure{
    margin-bottom: 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 15px 0 #0000000f;
}
.diff-wrap li figure img{
    width: 100%;
    border-radius: 10px;
}
.diff-wrap li h6{
    font-size: 18px;
    text-align:  center;
}

.who-we-sec.left figure{float: left;}
.who-we-sec.left{background:#fff;}

.servicesec .centerwrap{width: 100%;margin: 0 auto;text-align: center;}

.servicepg .cta{background: #fff;}


.wow-testimonial{padding-top: 150px;}
.wow-testimonial h2{
    text-align:  center;
}
.wow-testimonial p{
    font-size: 18px;
    line-height: 1.6;
    /* padding-bottom: 60px; */
    text-align:  center;
}
.wow-testimonial .tsbox{
    box-shadow: 0px 0px 31px #0000001a;
    border-radius: 10px;
    padding: 40px 10px 40px;
    margin-top: 30px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    min-height: 290px;
}
.wow-testimonial .tsbox .lft{
    /* display: inline-block; */
    width: 30%;
    padding-top: 30px;
    float: left;
}
.wow-testimonial .tsbox .lft figure{
    width: 134px;
    height: 134px;
    margin: 0 auto;
    background: #16a085;
    border-radius: 50%;
}
.wow-testimonial .tsbox .lft figure span{
    font-size: 30px;
    width: 100%;
    display: inline-block;
    padding-top: 45px;
    color: #fff;
    text-align:  center;
}

.wow-testimonial .tsbox .rht{
    width: 70%;
    text-align:  left;
    padding: 0 20px;
    display: inline-block;
}
.wow-testimonial .tsbox .rht h3{
    font-size: 20px;
    text-align:  left;
    padding-bottom: 15px;
    /* color: #20cb98; */
}
.wow-testimonial .tsbox .rht p{
    padding-bottom: 15px;
    font-size: 16px;
    font-style:  italic;
    line-height: 1.4;
    text-align:  left;
}
.wow-testimonial .tsbox .rht span{
    color: #20cb98;
}
.wow-testimonial .tsbox .rht .rating{
    margin-top: 5px;
}
.wow-testimonial .tsbox .rht .rating i{
    color: #ff7e65;
}


.wow-testimonial .tsbox:hover{
  transform: translateY(-0.625rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.main-menu > ul > li.callus{
    margin-top: -21px;
}
.main-menu > ul > li.callus span{
    display: block;
    color: #fff;
    text-align:  right;
}
.main-menu > ul > li.callus a{font-weight: 700;color: #20cb98;}
.nopadd{padding:0px;}
.nopadd-left{padding-left: 0px;}

.header-main.fixed .main-menu > ul > li.callus span{color: #20cb98;}
.counter{position: relative;}
/*.counter:before{position: absolute;top:0px;left:0px;content:"";background: #272b34;width:50%;z-index: 1;height:120px;}*/

.pricing-sec{
    background: #f5f8fa;
    width: 100%;
    padding: 100px 0;
    background-size: cover;
    background-position: top center;
    }
.pricing-sec h2{
    font-size: 36px;
    text-align:  center;
    font-weight: 700;
}
.pricing-sec p{
    font-size: 20px;
    line-height: 1.4;
    text-align:  center;
}


.pricing-sec .pricingwrap{
    display: inline-block;
    margin: 40px auto 0;
    text-align:  center;
}
.pricing-sec .pricingwrap li{
    width: 46.7%;
    float: left;
    margin: 0 15px;
}
.pricing-sec .pricingwrap li .box{
      display: inline-block;
      margin-bottom: 30px;
      box-shadow: 0px 0px 25px #00000040;
      border-radius: 10px;
      width: 100%;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
}
.pricing-sec .pricingwrap li .box:hover{    transform: translateY(-0.625rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;}
.pricing-sec .pricingwrap li .box figure{border-radius: 10px 10px 0 0;margin-bottom: 0px;}
.pricing-sec .pricingwrap li .box figure img{border-radius: 10px 10px 0 0; max-width: 100%;}
.pricing-sec .pricingwrap li .box .txt-wrap{padding: 25px 20px 20px;border-radius: 0px 0px 10px 10px;background: #fff;}
.pricing-sec .pricingwrap li .box .txt-wrap h4{
    color: #223235;
    text-align: left;
    line-height: 1.2;
    text-decoration: none;
    font-size: 24px;
    border: 0px;
    }
.pricing-sec .pricingwrap li .box .txt-wrap p{
    font-size: 16px;
    color: var(--default-color);
    line-height: 1.4;
    min-height: 95px;
    text-align: left;
    padding-bottom: 0;
    }





.pricing-sec .tabbing-links{text-align: center;display: block;width: 100%;margin: 20px 0;}
.pricing-sec .tabbing-links li{margin-right: 10px;display: inline-block;background: transparent; }
.pricing-sec .tabbing-links li{color: #717171;padding: 10px;border: 1px solid transparent;}
.pricing-sec .tabbing-links li.current{border-color: #f38440;}
.pricing-sec .tabbing-links li a{color: #717171;font-size: 14px;}
.pricing-sec .tabbing-links li.current a{color: #f38440;}
.tabs .portfoliolist{font-size: 0;}
.tabs .portfoliolist li{float: none;width: 43%;padding:0;display: inline-block;}
.pricing-sec .tabbing-links li:hover,
.pricing-sec .tabbing-links li.current{transform:none;}



.pricing-sec .nav-pills{text-align: center;display: block;width: 100%;margin: 20px 0;}
.pricing-sec .nav-pills li{margin-right: 10px;display: inline-block;background: transparent; }
.pricing-sec .nav-pills li a{color: #717171;padding: 10px;border: 1px solid transparent;font-size: 14px;}
.pricing-sec .nav-pills li a.active{border-color: #f38440;color: #f38440;}
.tabs .portfoliolist{font-size: 0;}
.tabs .portfoliolist li{float: none;width: 43%;padding:0;display: inline-block;}
.pricing-sec .nav-pills li:hover,
.pricing-sec .nav-pills li.current{transform:none;}
.inner-pages .main-menu > ul > li.callus span{color: #20cb98;}

@media (min-width: 1600px) {
  .inner-banner{height: 76vh}
  .nav-area-full .col-lg-10{padding-left: 0px;}
}

.top-box{margin: 0 15px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 25px #00000040; }
.top-box .hdarea{height: 200px;display: inline-block;}
.top-box .hdarea .lf{padding: 35px 25px 25px; width: 66%; float: left; }
.top-box .hdarea .lf h4{color: #223235; text-align: left; line-height: 1.2; text-decoration: none; font-size: 24px; border: 0px; }
.top-box .hdarea .lf p{font-size: 14px; color: var(--default-color); line-height: 1.4; text-align: left; padding-bottom: 0; }
.top-box .hdarea .lf a{color:  #21caa8; font-size:  16px; margin-top: 10px; font-weight: 700; display: inline-block; }
.top-box .hdarea .rt{width: 33%; float: right; }
.top-box .hdarea .rt figure{margin-bottom: 0;}
.top-box .hdarea .rt figure img{width: 100%; }
.top-box .bdarea{padding: 0 25px 25px; }
.top-box .bdarea ul{margin-bottom: 0; }
.top-box .bdarea ul li{margin-right: 34px; display: inline-block; }
.top-box .bdarea ul li:last-child{margin-right: 0px;}
.top-box .bdarea ul li h5{color: #f84768; padding-bottom: 0; font-size: 26px; }
.top-box .bdarea ul li h5 span{color:  #000000; display: block; font-size: 18px; }
.top-box .bdarea ul li h6{color:  #21caa8; font-size: 18px; }
.top-box .bdarea ul li img{}
.top-box .bdarea ul li a{}
.btn-price{color: #fff; font-weight: 700!important; text-transform: capitalize!important; background: #20CB98; border-radius: 4px; padding: 16px 20px !important; }
.pricing-sec .pricingwrap li .box .txt-wrap ul{margin-top: 20px; width: 100%; display:  inline-block; margin-bottom: 0; }
.pricing-sec .pricingwrap li .box .txt-wrap ul li{display: inline-block; width: 50%; margin: 0; }
.pricing-sec .pricingwrap li .box .txt-wrap ul li a{display:  inline-block; padding: 12px 20px !important; }
.pricing-sec .pricingwrap li .box .txt-wrap ul li h5{text-align:  left; color: #f84768; padding-bottom: 0; font-size: 26px; }
.pricing-sec .pricingwrap li .box .txt-wrap ul li span{color:  #000000; display: block; font-size: 18px; }
.btn-price:hover{color: #fff}
.strugglesec p{text-align: left;font-size: 20px;width: 100%;padding-bottom: 0;line-height: 1.4;}
.servicesec p span{    color: #f38440;}
.footer-top .wrapper {display: inline-block; width: 100%; padding: 60px 0 0; }
.addressnav {/* width:100%; *//* display: inline-block; *//* margin: 10px 0; */}
.addressnav li{display: inline-block;line-height:28px;font-size:14px;margin-left: 8px;padding: 0 0 8px 20px;position: relative;color:white;}
.addressnav li a { color:white;}
.addressnav li a:hover { color:#c2c2c2;}
.addressnav li span {position: absolute;left: 0;top: 5px;color: var(--primary-color);font-size:15px;}
.three-testimonials.approach .box p{min-height: auto;}
.three-testimonials.approach .box{}
.menuside{position: relative; color: #171717; font-size: 18px; margin-top: 23px; font-weight: 600; display: inline-block; }
.menuside:hover{color: #223235;}
.menuside .xicon{position: absolute;right: -18px;top: 2px;font-size: 20px;color: #171717;}
.counternew{background: #f5f8fa; /* padding: 20px 0; */ }
.gclients h5{padding-bottom: 0;margin-top: 50px;width: 100%;font-size: 18px;position: relative;color: #171717;font-weight: 600;padding-left: 30px;display: inline-block;}
.gclients h5:before{position: absolute;top: 0;    color: #f38440;left:0px;content: "\e916";font-family: 'icomoon' !important;}
.counternew .figorelist{margin-bottom: 0; }
.counternew .figorelist li{padding: 0 60px; display: inline-block; }
.counternew .figorelist li figure{margin-bottom: 0; }
.counternew .figorelist li figure img{width: 90px; }
.btn-theme{transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #16a085;background-color: #fff;padding: 20px 40px;border-radius: 3px;display: inline-block;margin-top: 20px;font-weight: 600;font-size: 18px;text-transform: capitalize;}
.btn-theme:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #2c42b3;box-shadow: 0 20px 38px rgba(0,0,0,.16); -webkit-box-shadow: 0 20px 38px rgba(0,0,0,.16); -o-box-shadow: 0 20px 38px rgba(0,0,0,.16); }
.helpsec .cstn-column .imgplace{width: 50%; display: inline-block; }
.helpsec .cstn-column .txtwrap{width: 50%; display: inline-block; vertical-align: middle; }
.helpsec .imgplace{}
.helpsec .imgplace figure{margin-bottom: 0; }
.helpsec .imgplace figure img{width: 500px; }
.helpsec .txtwrap{padding-top: 40px; }
.helpsec .wayswrapper{width: 100%; padding-top: 40px; margin-top: 40px; border-top: 1px solid rgba(255,255,255,0.2); }
.helpsec .wayswrapper ul{display: inline-block; margin-bottom: 0; }
.helpsec .wayswrapper ul li{float: left; width: 31%; padding-right: 10px; margin-right: 22px; }
.helpsec .wayswrapper ul li h3{color: #fff;font-size: 20px;font-weight: 900;}
.helpsec .wayswrapper ul li h3 a{color: #fff;font-size: 20px;font-weight: 900;}
.helpsec .wayswrapper ul li p{color: #fff; font-size: 16px; }
.innerctabottom{display: inline-block;width: 65%;}
.helpsec .ctabottom .innerctabottom h3{font-size: 30px;}
.helpsec .ctabottom .innerctabottom h6{color: #ffffffba;padding: 5px 0 0;margin: 0;}
.helpsec .ctabottom .innerctabottom a{float: none;color: #fff;}
.helpsec .ctabottom{padding-top: 40px; width: 100%; margin-top: 40px; border-top: 1px solid rgba(255,255,255,0.2); }
.helpsec .ctabottom h3{padding-bottom: 0; color: #fff; padding-top: 20px; font-size: 22px; display: inline-block; }
.helpsec .ctabottom a{margin-top: 0; padding: 20px 40px; float: right; }
.strugglesec .paright{padding-right: 80px;}
.strugglesec.withimages .paright{padding-right: 60px;}
.satisfactionfold{background: #f5f5f56b; overflow: hidden; width: 100%; padding: 100px 0 80px; }
.satisfactionfold .textwrap{}
.satisfactionfold .textwrap h2{text-align: left; font-size: 36px; width: 100%; font-weight: 700; line-height: 1.2; }
.satisfactionfold .textwrap p{text-align: left; font-size: 20px; width: 100%; padding-bottom: 0; line-height: 1.4; }
.satisfactionfold .textwrap .satisfylist{display: inline-block; margin-bottom: 0px; margin-top: 20px; }
.satisfactionfold .textwrap .satisfylist li{width: 50%; float: left; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; min-height: 235px; }
.satisfactionfold .textwrap .satisfylist li .figg{margin-bottom: 15px; }
.satisfactionfold .textwrap .satisfylist li .figg img{color: #f38440; font-size: 40px; width: 40px; height: 40px; }
.satisfactionfold .textwrap .satisfylist li h3{font-size: 17px; font-weight: 700; }
.satisfactionfold .textwrap .satisfylist li p{font-size: 16px; }
.satisfactionfold figure{margin-bottom: 0px;}
.satisfactionfold figure img{width: 650px;}
.cta h6{text-align: center; font-size: 18px; padding-bottom: 0; display: inline-block; width: 34%; vertical-align: middle; }
.cta h6 a{color: #f38440; display: block; font-size: 24px; margin-top: 10px; }
.singletestimonials{padding: 100px 0; }
.singletestimonials .testwraper{width: 80%; margin: 0 auto; }
.singletestimonials .testwraper .item{}
.singletestimonials .testwraper .item .figpart{width: 13%; margin-right: 70px; display: inline-block; vertical-align: top; }
.singletestimonials .testwraper .item .figpart figure{margin-bottom: 0; width: 100px; height: 100px; background: #f38440; border-radius: 50%; text-align: center; padding-top: 26px; margin: 0 auto; }
.singletestimonials .testwraper .item .figpart figure img{}
.singletestimonials .testwraper .item .figpart figure h3{color: #fff; padding-bottom: 0px; font-size: 40px; letter-spacing: 3px; font-weight: 700; }
.singletestimonials .testwraper .item .quotepart{width: 78%; display: inline-block; vertical-align: top; }
.singletestimonials .testwraper .item .quotepart h4{line-height: 1.3; font-size: 34px; font-weight: 300; position: relative; }
.singletestimonials .testwraper .item .quotepart h4 span.top{position: absolute; color: #f38440; left: -48px; top: 0px; font-size: 36px; }
.singletestimonials .testwraper .item .quotepart h4 span.bottom{font-size: 36px; color: #f38440; margin-left: 15px; }
.singletestimonials .testwraper .item .quotepart h5{padding-bottom: 0; margin-top: 30px; font-size: 16px; font-weight: 700; line-height: 1; }
.singletestimonials .testwraper .item .quotepart h5 span{font-weight: 400; display: block; font-size: 14px; margin-top: 5px; }
.quest-section{padding-bottom: 30px; }
.faqsection{background: #f5f8fa6e; padding: 100px 0; }
.faqsection h2{font-size: 36px; font-weight: 700; }
.footer-top h3{color: #fff; font-size: 22px; line-height: 1; padding-bottom: 10px; }
.footer-top .linkinglist{display: inline-block; margin-bottom: 0; }
.footer-top .linkinglist li{padding: 5px 0;}
.footer-top .linkinglist li a{color: #cbd6e2; font-size: 15px; }
.footer-top .linkinglist li p{color: #cbd6e2; font-size: 16px; padding: 0 0 10px 0; }
.footer-top .socialmid{border-bottom: 1px solid #7c98b647; margin: 25px auto 0; padding-bottom: 25px; }
.footer-bottom .fologo img{width: 120px; }
.oddinner-banner{height: 350px; /* margin-top: 133px; */ }
.oddinner-banner .inner-banner-content{padding-right: 0; text-align: center; }
.oddinner-banner .inner-banner-content h3{color: #fff; font-size: 42px; font-weight: 700; }
.oddinner-banner .inner-banner-content p{font-size: 20px; color: #fff; line-height: 1.4; padding-bottom: 0; }
.twoboxes .contactboxeswrap{font-size: 0px; margin-top: -60px; }
.twoboxes .contactboxeswrap .contactbox{text-align: center; border-radius: 3px; padding: 50px 40px; background-color: #fff; border: 1px solid #eaf0f6; width: 49%; display: inline-block; }
.twoboxes .contactboxeswrap .contactbox.left{margin-right: 22px; }
.twoboxes .contactboxeswrap .contactbox figure{}
.twoboxes .contactboxeswrap .contactbox figure span{color: #171717; font-size: 60px; }
.twoboxes .contactboxeswrap .contactbox figure figcaption{color: #171717; font-size: 18px; margin-top: 10px; font-weight: 600; }
.twoboxes .contactboxeswrap .contactbox p{line-height: 1.4; font-size: 18px; padding-bottom: 50px; }
.mobile-applications-page .main-srvng-bsiness-sec .row + .row, 
.pay-per-click-page .main-srvng-bsiness-sec .row + .row, 
.search-engin-marketing-page .main-srvng-bsiness-sec .row + .row, 
.social-media-marketing-page .main-srvng-bsiness-sec .row + .row, 
.creative-content-writing-business-proposals-page .main-srvng-bsiness-sec .row + .row, 
.web-maintenance-securities-page .main-srvng-bsiness-sec .row + .row{padding: 30px 35px 30px 35px;background: #fff; margin: 0 5px; box-shadow: 0 0 11px #eaf0f6; -webkit-box-shadow: 0 0 11px #eaf0f6; -moz-box-shadow: 0 0 11px #eaf0f6; -o-box-shadow: 0 0 11px #eaf0f6; }

.twoboxes .contactboxeswrap .contactbox a{}
.maparea{padding: 100px 0; }
.maparea .mapwrap{font-size: 0px; border: 1px solid #cbd6e2; border-radius: 3px; }
.maparea .mapwrap .mappart{vertical-align: top;width: 60%;display: inline-block;}
.maparea .mapwrap .mappart iframe{width: 100%;height: 500px;}
.maparea .mapwrap .infopart{width: 40%; padding: 70px 90px 37px 50px; vertical-align: top; display: inline-block; height: 500px; }
.maparea .mapwrap .infopart .chunk{padding-bottom: 40px; }
.maparea .mapwrap .infopart .chunk h3{color: #171717; font-size: 22px; padding-bottom: 15px; }
.maparea .mapwrap .infopart .chunk p{font-size: 16px; line-height: 1.4; }
.maparea .mapwrap .infopart .chunk a{color: #687087; font-size: 16px; display: block; }
.maparea h2{font-size: 36px; width: 100%; font-weight: 700; line-height: 1.2; padding-bottom: 100px; text-align: center; }
.dropdown > ul:before{position: absolute; content: ""; top: -11px; left: 15px; z-index: 0; width: 20px; height: 20px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(44deg); border-radius: 5px; border-top: 1px solid #cbd6e2; border-left: 1px solid #cbd6e2; }
.dropdown > ul > li:hover{background-color: #f5f8fa;}
.header-main .othermenu{z-index: -1; opacity: 0; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; /* transform: translateY(-10rem); */ }
.header-main.showmenu .othermenu{opacity: 1; /* transform: translateY(0rem); */ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; z-index: 99; }
.header-main .secondlogo{z-index: -1; opacity: 1; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; /* transform: translateY(-10rem); */ }
.header-main.showmenu .secondlogo{opacity: 1; padding-top: 16px; /* transform: translateY(0rem); */ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; z-index: 9; }
.header-main .has-submenu{ display: inline-block; z-index: 9; /*padding-bottom: 21px;*/ position: relative;-webkit-animation: fadeIn 1s; animation: fadeIn 1s; }
.header-main.showmenu .has-submenu{   z-index: 99}
.header-main .has-submenu:hover .dropdown{/* visibility: visible; */ -webkit-animation: fadeIn 1s; animation: fadeIn 1s;top: 160%; /* opacity: 1; */ left: 0; display: block; }
.header-main .has-submenu.mre-mnu:hover .dropdown {left: -190px; }
.has-submenu.mre-mnu .dropdown > ul:before{left: 210px;}
.header-main.showmenu .has-submenu .dropdown > ul{margin-bottom: 0; }
.header-main.showmenu .has-submenu .dropdown > ul:before{}
.header-main.showmenu .has-submenu .dropdown > ul > li > a{color: #171717;margin-top: 0;font-weight: 400;}
.header-main .has-submenu .dropdown > ul > li{width: 100%; margin-right: 0px; }
.pricingboxes{padding-top: 40px; }
.pricingboxes .largebox{box-shadow: 0 0 11px #eaf0f6; font-size: 0; margin-top: 32px; padding: 20px 35px 45px; background: #fff; border-radius: 3px; }
.pricingboxes .largebox .leftarea{width: 35%; text-align: center; vertical-align: top; display: inline-block; margin-right: 20px; }
.pricingboxes .largebox .leftarea figure{margin-bottom: 20px; }
.btn-packages{transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff; font-weight: 600; text-transform: capitalize; background: #f38440; border-radius: 3px; font-size: 16px; padding: 16px 20px; display: inline-block; }
.btn-packages:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #fff;}
.pricingboxes .largebox .rightarea{display: inline-block; width: 60%; padding-top: 32px; }
.pricingboxes .largebox .rightarea h4{font-size: 24px; font-weight: 600; }
.pricingboxes .largebox .rightarea p{font-size: 16px; text-align: left; line-height: 1.4; padding-bottom: 30px; }
.pricingboxes .largebox .rightarea h3{font-size: 16px; font-weight: 600; position: relative; overflow: hidden; /* display: inline-block; */ }
.pricingboxes .largebox .rightarea h3:before{right: 0px;content: '';position: absolute;height: 5px;margin-left: 10px;border-bottom: 1px solid #e0e6ed;top: 5px;width: 330px;z-index: -1;}
.ticklist{width: 100%; margin-bottom: 0; display: inline-block; }
.ticklist li{width: 50%; vertical-align: middle; display: inline-block; }
.ticklist li img{height: 50px; width: 220px; }
.ticklist li span{}
.flsevce a{color: #16a085;}
.ticklist li a{color: #16a085; font-size: 16px; font-weight: 700; }
.ticklist li h6{font-size: 20px; padding-bottom: 0; }
.ticklist li.ralign{text-align: right;}
.mble-pckge-lft img{width: 200px;}
.smallboxes{padding-top: 32px; font-size: 0; text-align: center; }
.smallboxes .smallbox{vertical-align: top; min-height: 630px; display: inline-block; width: 31%; box-shadow: 0 0 11px #eaf0f6; padding: 30px 25px; background: #fff; border-radius: 3px; margin-bottom: 32px; margin-right: 25px; }
.smallboxes .smallbox figure{}
.smallboxes .smallbox figure img{height: 150px; width: 100%; }
.smallboxes .smallbox h4{margin: 0 auto; font-size: 24px; font-weight: 600; text-align: center; max-width: 72%;}
.smallboxes .smallbox p{font-size: 16px; text-align: left; line-height: 1.4; padding-bottom: 0; }
.smallboxes .smallbox h3{font-size: 16px; font-weight: 600; z-index: 99; text-align: center; position: relative; }
.smallboxes .smallbox .hrline{height: 1px; border-bottom: 1px solid #e0e6ed; margin: 30px 0; }
.ticklist2{}
.ticklist2 li{font-size: 16px; padding: 0 0 7px 30px; text-align: left;position: relative;}
.ticklist2 li > ol{padding: 7px 0;}
.ticklist2 li span{margin-right: 12px;font-size: 15px;color: #f38440;position: absolute; left: 0;top: 4px;}
.smallboxes .smallbox .price-btnwrap{margin-top: 30px;text-align: center;}
.smallboxes .smallbox h2{font-size: 34px; color: #f38440; padding-bottom: 0; }
.smallboxes .smallbox h2 span{display: block; color: #687087; font-size: 16px; font-weight: 600; margin-top: 5px; }
.smallbox.mid{margin: 0px 32px;}
.aboutbg{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2545b+0,ff7a59+100 */
background: #f2545b; /* Old browsers */
background: -moz-linear-gradient(45deg, #f2545b 0%, #ff7a59 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #f2545b 0%,#ff7a59 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #f2545b 0%,#ff7a59 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2545b', endColorstr='#ff7a59',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.inner-banner.aboutbg{position: relative;}
.inner-banner.aboutbg .circles{position: absolute;}
.dropdown > ul > li.seclvl{position: relative; }
.dropdown > ul > li.seclvl:hover .seclvldrop{display: block; position: absolute; width: 200px; background: #fff; height: auto; top: -10px; padding: 10px 0; right: -200px; border: 1px solid #cbd6e2; border-radius: .1875rem; box-shadow: 0 1px 24px rgba(45,62,80,0.12); z-index: 95; }
.dropdown > ul > li.seclvl .seclvldrop{display: none; }
.dropdown > ul > li.seclvl .seclvldrop .droplist{z-index: 99;position: relative;}
.dropdown > ul > li.seclvl .seclvldrop .droplist:before{position: absolute; content: ""; top: 5px; left: -12px; z-index: -1; width: 20px; height: 20px; background: #fff; -webkit-transform: rotate(-44deg); transform: rotate(-44deg); border-radius: 5px; border-top: 1px solid #cbd6e2; border-left: 1px solid #cbd6e2; }
.dropdown > ul > li.seclvl .seclvldrop .droplist li{}
.dropdown > ul > li.seclvl .seclvldrop .droplist li:hover{background-color: #f5f8fa; }
.dropdown > ul > li.seclvl .seclvldrop .droplist li a{color: #171717; font-size: 14px; text-decoration: none; padding: 8px 10px 8px 15px; display: block; font-weight: 400; }
.gclients{padding: 60px 0; position: relative; }
.gclients:before{position: absolute;content:"";border-bottom: 1px solid #f5f8fa;width: 100%;bottom: 0px;width: 80%;margin: 0 auto;left: 0;right: 0;}
.gclients .textw{}
.gclients .textw h3{font-size: 50px; font-weight: 700; padding-bottom: 0; }
.gclients .textw p{font-size: 18px; padding-bottom: 0; }
.gclients .clientslist{margin-top: 36px; display: inline-block; margin-bottom: 0; font-size: 0px; }
.gclients .clientslist li{margin: 0px 15px; display: inline-block; }
.gclients .clientslist li figure{margin: 10px 0;}
.gclients .clientslist li figure img{width: 135px; }
.header-main{position: relative; }
.header-main .othermenu {
    position: relative;
    opacity: 1;
    display: inline-block;
    margin-bottom: 0;
    z-index: 9;
    top: -12px;}
.header-main .othermenu>li {
    margin-right: 17px;
    display: inline-block;
}
.header-main .othermenu>li h6{color: #171717;font-size: 16px;margin-top: 8px;font-weight: 400;cursor: default;}
.header-main .othermenu>li a{font-size: 14px;/*margin-top: 18px;*/font-weight: 700;transition: all 700ms;-webkit-animation: fadeIn 1s;animation: fadeIn 1s; position: relative;}
.header-main .othermenu>li.dropmenu a.lnk {padding: 0px 0 28px;cursor: context-menu;} 
.header-main .secondlogo{position: relative; margin-right: 20px; display: inline-block; z-index: 9; margin-left: 50px;}
.header-main .secondlogo .logo{display: inline-block; top: 15px; position: relative;}
.header-main .secondlogo .logo a {
    width: 216px;
    height: 68px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    display: block;
}
/*.header-main .secondlogo .logo a {
    width: 164px;
    height: 50px!important;
    background-image: url(../images/elogo.png);
    background-repeat: no-repeat;
    background-position: top center;
    display: block;
    background-size: cover;
}*/
/*.header-main .secondlogo a img{width: 120px;height: 24px; }*/
.header-main .secondlogo a img{width: 120px;height: auto; }
.dicsv{cursor: context-menu;}
.ourapproachsec{background: #f5f8fa; padding: 100px 0; overflow: hidden; }
.ourapproachsec h2{text-align: center; font-size: 36px; width: 100%; font-weight: 700; line-height: 1.2; }
.ourapproachsec p{text-align: center; font-size: 20px; width: 100%; padding-bottom: 60px; line-height: 1.4; }
.ourapproachsec .wrapper .chunk{margin-bottom: 30px; }
.ourapproachsec .wrapper .chunk h3{font-size: 24px; line-height: 1.2; }
.ourapproachsec .wrapper .chunk p{text-align: left; line-height: 1.4; font-size: 18px; padding-bottom: 0; }
.ourapproachsec figure{margin-bottom: 0; }
.ourapproachsec figure img{border-radius: 3px; border: 1px solid #cbd6e2; }
.smallbox.mright{margin-right: 32px; }
.ourapproachsec .wrapper .cta{padding-bottom: 0; }
.ourapproachsec .wrapper .cta h4{font-size: 20px; }
.ourapproachsec .wrapper .cta h6{text-align: left; float: none; width: 100%; }
.ourapproachsec .wrapper .cta h6 a{display: inline-block; margin-top: 0; margin-left: 20px; }
.ourprocesses{padding: 100px 0; }
.ourprocesses .paright{height: 100%; position: relative; padding-right: 50px; }
.ourprocesses .paright h2{text-align: left; font-size: 36px; width: 100%; font-weight: 700; line-height: 1.2; }
.ourprocesses .paright p{text-align: left; font-size: 20px; width: 100%; padding-bottom: 0; line-height: 1.4; }
.ourprocesses .processlistdown{display: inline-block; margin-bottom: 0; }
.ourprocesses .processlistdown li{width: 33%; float: left; height: 200px; padding-right: 40px; }
.ourprocesses .processlistdown li .check{font-size: 26px; color: #f38440; }
.ourprocesses .processlistdown li h3{font-size: 18px; text-transform: capitalize; margin-top: 10px; line-height: 1.4; padding-bottom: 15px; }
.ourprocesses .processlistdown li p{font-size: 14px; padding-bottom: 0; }
.ourprocesses .cta{padding: 0; position: absolute; margin-top: 60px; bottom: 0; background: transparent; }
.ourprocesses .cta h4{font-size: 20px; }
.ourprocesses .cta h6{text-align: left; float: none; width: 100%; }
.ourprocesses .cta h6 a{display: inline-block; margin-top: 0; margin-left: 20px; }
.logo img{width: 120px; }
.ourprocesses .processlistdown li.noheight{height: auto;}
.contactpg .oddinner-banner .inner-banner-content{margin-top: 0px;}
.header-main .emailsec{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: absolute;font-family: var(--primary-font-family);top: 24px;opacity: 0;}
.header-main .emailsec a{position: relative; font-family: var(--primary-font-family); color: #171717; font-size: 14px; font-weight: 400; padding: 20px; }
.header-main .emailsec a span{left: 0; top: 3px; position: absolute; color: #2c42b3; }
.header-main.showmenu .emailsec{display: none;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.object2{position:absolute;right: -50%; bottom: -40%; width: 100%;-webkit-transform:translate(-40%, -30%);transform:translate(-40%, -30%);animation-name:spinner5;animation-duration:15s;animation-iteration-count:infinite;}
.object3{position:absolute;right: -50%; bottom: -40%; width: 100%;-webkit-transform:translate(-40%, -30%);transform:translate(-40%, -30%);animation-name:spinner5;animation-duration:15s;animation-iteration-count:infinite;}


.main-hme-banner-sec{background-repeat: no-repeat;background-size: cover;background-position: right bottom;height: 740px;z-index: 999;position: relative;overflow: hidden;padding: 150px 0 0 0;}
.main-fll-servces-sec{padding: 60px 0 60px 0;}
.main-cntnually-sec{padding: 0px 0 60px 0;}
.main-srvng-bsiness-sec{padding: 0px 0 60px 0;}
.main-technolgyes-sec{padding: 60px 0;}
.main-ofce-adres-sec{padding: 0px 0 60px 0;}
.main-whoweare-sec{padding: 60px 0;}
.main-3clum-sec{padding: 60px 0;}
.main-abut-img-sec{padding: 60px 0;}
.main-our-prtner-sec{padding: 60px 0 0 0;}
.main-vruos-induis-sec{padding: 60px 0 60px 0;}
.main-utlnzng-crent-sec{padding:60px 0; }
.main-lets-frm-sec{padding: 80px 0 60px 0;}
.getquotepg .main-lets-frm-sec{margin: 104px 0 0 0;}
.main-testimonails-sec{padding: 135px 0 60px 0; width: 100%;  height: 700px; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */
background: #3996d2; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.flsevce{text-align:center;}
.main-cnt-heading{font-size: 46px; line-height: 50px; font-weight: 700; color: #141315;text-align: center;}
.main-cnt-para{color: #676767;line-height: 1.4;font-size: 18px;font-weight: 500;text-align: center;}
.para-wdth{width: 80%;margin: 0 auto;}
ul{font-size: 0;margin: 0;padding: 0;}
.strey{padding: 20px 0 0 0;}
.strey ul li{transition: all 700ms;display:inline-block;width: 20%;text-align: center;box-sizing: border-box;}
.strey ul li:hover{transition: all 700ms;transform: translateY(-4px); -webkit-transform: translateY(-4px); box-shadow: 0 17px 25px rgba(0,0,0,.13)!important; -webkit-box-shadow: 0 17px 25px rgba(0,0,0,.13); -moz-box-shadow: 0 17px 25px rgba(0,0,0,.13); -o-box-shadow: 0 17px 25px rgba(0,0,0,.13); }
.strey ul li a{padding: 30px 15px;background-color: #fff;display: inline-block;}
.strey ul li h3{font-size: 24px; line-height: 29px; font-weight: 500; color: #141315; padding: 0 0 5px 0;}
.strey ul li img{width: 80px;}
.main-view-more{text-align: center;}
/*.workpg .main-view-more{display: none;}*/
.main-view-more a{color: #16a085;font-size: 20px;font-weight: 700;display: inline-block;padding: 30px 0 0 0;}
.cntnually-cont span{line-height: 29px; color: #141315; position: relative; margin-bottom: 30px; display: inline-block;font-weight: 700;}
.cntnually-cont span::before {content: ""; width: 100%; position: absolute; height: 3px; bottom: -3px; left: 0px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#523064+0,8b55a8+99 */
background: #523064; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #523064 0%, #8b55a8 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #523064 0%,#8b55a8 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #523064 0%,#8b55a8 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#523064', endColorstr='#8b55a8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.cntnually-cont h3 a{font-size: 28px; line-height: 35px; font-weight: 800; padding: 0 0 30px 0; color: #141315; }
.cntnually-cont p{color: #676767; line-height: 24px; font-size: 16px; font-weight: 500; }
.cntnually-cont a.custme-lnk {color: #2c42b3; position: relative; padding-left: 28px; font-size: 16px; font-weight: 600; }
.cntnually-cont a.custme-lnk::before {content: ""; width: 19px; height: 19px; position: absolute; left: 0px; background-color:#2c42b3; top: 1px; border-radius: 0px 0px 6px; transition: all 0.3s ease 0s; }
.cntnually-cont a.custme-lnk:hover::before {border-radius: 0px; }
.cntnually-cont a.custme-lnk::after {content: "\f054"; position: relative; top: 2px; left: 0px; opacity: 0; font: 18px; font-weight: normal; font-family:fontawesome; margin: 0px; transition: all 0.3s ease 0s; }
.cntnually-cont a.custme-lnk:hover::after {left: 8px; opacity: 1; }
.cntnually-img a {display: block; transition: all 0.3s ease 0s; overflow: hidden; transition: all 700ms; }
.cntnually-img{transition: all 700ms; }
.cntnually-img:hover a {transform: scale(0.95); border-radius: 0px 0px 90px; transition: all 700ms; }
.cntnually-img img {transition: all 700ms; }
.cntnually-img:hover img {transform: scale(1.2); transition: all 700ms; }
.cntnually-img.cntnually-mid-img:hover a {border-radius: 0px 0px 0px 90px; }
.main-cntnually-sec .main-cnt-para{padding: 0 0 60px 0}
.main-testimonails-sec .main-cnt-heading{color: #fff;}
.testi-inner-slides{text-align: center;}
.testi-inner-slides p {padding-bottom: 50px; font-size: 20px; line-height: 32px; font-weight: 400; max-width: 556px; margin: 0 auto; color: #fff; }
.testi-slides .slick-slide figure{margin: 0;}
.testi-slides .slick-slide img {display: inline-block; height: 110px; width: 110px; border-radius: 50%; margin: 30px 0 ; }
.testi-inner-slides span{font-size: 18px;color: #fff;font-weight: 600;}
.testi-slides .slick-next::before {content: "\f054"; font-family: fontawesome; }
.testi-slides .slick-prev::before {content: "\f053"; font-family: fontawesome; }
.vrous-induist ul li{display: inline-block;width: 20%;text-align: center;transition: all 700ms;}
.vrous-induist ul li img{width: 100px;transition: all 700ms;border-radius: 50%;}
.vrous-induist ul li h3{font-size: 24px; line-height: 29px; font-weight: 500; color: #141315; padding: 20px 0 30px 0;}
.ultlzng-crnt ul li{display: inline-block;width: 14.2%;text-align: center;}
.ultlzng-crnt ul li img{width: 70px; transition: filter .45s cubic-bezier(.3,.4,.1,1),opacity .45s cubic-bezier(.3,.4,.1,1); -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .55; }
.ultlzng-crnt ul li:hover img {-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }
.lonkgn{text-align: center;padding: 15px 0 0 0;}
.lonkgn p{font-size: 20px; line-height: 29px; font-weight: 700; color: #676767 ; padding:0;}
.lonkgn p a{color: #16a085;}
.main-cta1-inner-sec{padding: 60px 0;background-size:cover;background-repeat: no-repeat;width: 100%;background-position: center center;}
.main-cta1-sec{text-align: center;  height: 242px;
background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background: #16a085;
}
.cta1 h2{font-size: 36px; line-height: 35px; font-weight: 800; color: #fff;padding: 0; }
.ltsbtn-frm {margin: 0 0 40px 0; position: relative; }
.ltsbtn-frm input, .ltsbtn-frm textarea, .ltsbtn-frm select{width: 100%; padding: 12px 20px 4px 20px; font-size: 16px; margin: 0; background-color: transparent; height: 42px; border: none; border-bottom: 2px solid #e0e0e0; outline: none; transition: all 700ms; color: #7d758e;}
.ltsbtn-frm select{/*border:2px solid #e0e0e0;*/padding: 4px 20px;}
.ltsbtn-frm.slect-arrow{position: relative;}
.ltsbtn-frm.slect-arrow:after{content: "\f107"; font-family: fontawesome; right: 15px; top: 8px; font-size: 16px; position: absolute; }
.ltsbtn-frm input[type=text]:focus, .ltsbtn-frm input[type=email]:focus, .ltsbtn-frm input[type=number]:focus, 
.ltsbtn-frm input[type=tel]:focus, .ltsbtn-frm textarea[type=text]:focus{border-color: #2c42b3; transition: all 700ms; }
.ltsbtn-frm input[type=submit]{cursor: pointer; width: auto; color: #fff; border-radius: 3px; padding: 15px 50px; font-size: 16px; height: auto; border:none; font-weight: 600; transform: translateY(0rem); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ background: #3996d2; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background:#16a085;}
.ltsbtn-frm input[type=submit]:hover{transform: translateY(-0.625rem); box-shadow: 0 20px 38px rgba(0,0,0,.16); -webkit-box-shadow: 0 20px 38px rgba(0,0,0,.16); -o-box-shadow: 0 20px 38px rgba(0,0,0,.16); }
.ltsbtn-fmrm input[type=checkbox]{display: inline-block; width: auto; height: auto; margin: 0; }
.ltsbtn-fmrm label {display: inline-block; margin: 0; line-height: 1.4; color: #676767; font-size: 14px;margin: 0 0 15px 0; }
.ltsbtn-fmrm {text-align: left; }
.ltsbtn-fmrm p {font-size: 18px; color: #676767; padding: 0; margin: 0 0 20px 0; }
.ltsbtn-fmrm p a {color: #141315; font-weight: 600; font-size: 16px; }
.ltsbtn-frm textarea{resize: none;height: 120px;border-bottom:2px solid #e0e0e0;padding: 12px 20px;}
.vrous-induist ul li:hover img {transform: translateY(-4px)!important; -webkit-transform: translateY(-4px)!important; box-shadow: 0 7px 15px rgba(0,0,0,.13)!important; -webkit-box-shadow: 0 17px 25px rgba(0,0,0,.13); -moz-box-shadow: 0 17px 25px rgba(0,0,0,.13); -o-box-shadow: 0 17px 25px rgba(0,0,0,.13); transition: all 700ms; }
.tech-heading-box h2{font-size: 28px; line-height: 35px; font-weight: 800; padding: 0 0 30px 0; color: #141315; }
.tech-heading-box p{color: #676767; line-height: 24px; font-size: 18px; font-weight: 500; padding: 0; }
.tech-img-box img{transition: all 700ms; overflow: hidden; filter: grayscale(100%); opacity: .55; }
.tech-img-box:hover img {transform: scale(.95); border-radius: 0 0 60px; transition: all 700ms; filter: grayscale(0%); opacity: 1; }
figure{margin: 0;}
.intl-tel-input {display: block; }
.main-work-box {margin: 15px 0 0 0; position: relative; }
.inner-work-box {position: relative; -webkit-transition: all 700ms; -moz-transition: all 700ms; -o-transition: all 700ms; transition: all 700ms; min-height: 330px; overflow: hidden; }
.inner-img-box{background-repeat: no-repeat; height: 330px; width: 100%; background-size: cover; -webkit-transition: all 700ms; -moz-transition: all 700ms; -o-transition: all 700ms; transition: all 700ms; }
.inner-img-box .work_section_page_code_txt {position: absolute; background-color: rgba(0,0,0,.8); width: 94%; height: 92%; top: 4%; left: 3%; text-align: center; padding: 22% 5%; opacity: 0; -webkit-transition: all 700ms; -moz-transition: all 700ms; -o-transition: all 700ms; transition: all 700ms; }
.inner-img-box .work_section_page_code_txt h3 {margin: 0; padding-bottom: 0px; position: relative;top: 20px;-webkit-transition: all 700ms;-moz-transition: all 700ms;-o-transition: all 700ms;transition: all 700ms;font-size: 28px;line-height: 35px;font-weight: 800;}
.inner-img-box .work_section_page_code_txt h3 a {color: #fff; }
.inner-img-box .work_section_page_code_txt h5 {margin: 0;color: #16a085;font-size: 14px;line-height: 1;padding-bottom: 0px;position: relative;top: 20px;-webkit-transition: all 700ms;-moz-transition: all 700ms;-o-transition: all 700ms;transition: all 700ms;font-weight: 400;}
.inner-img-box .work_section_page_code_txt h5 span {/* padding: 3px 5px; */position: relative;display: inline-block;-webkit-transition: all 700ms;-moz-transition: all 700ms;-o-transition: all 700ms;transition: all 700ms;}
.inner-img-box .work_section_page_code_txt h5 span:before {content: "\f067";font-family: fontawesome;font-size: 24px; position: absolute; left: -3px; -webkit-transition: all 700ms; -moz-transition: all 700ms; -o-transition: all 700ms; transition: all 700ms; }
.inner-img-box .work_section_page_code_txt a.custom_links {color: #fff !important; position: relative; top: 20px; -webkit-transition: all 700ms; -moz-transition: all 700ms; -o-transition: all 700ms; transition: all 700ms; }
.inner-work-box a.custom_links_box {position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; -webkit-transition: all 700ms; -moz-transition: all 700ms; -o-transition: all 700ms; transition: all 700ms; }
.main-work-sec .inner-work-box:hover .inner-img-box .work_section_page_code_txt{opacity: 1; border-radius: 0 0 70px; -webkit-transition: all 700ms; -moz-transition: all 700ms; -o-transition: all 700ms; transition: all 700ms; }
.main-work-sec .inner-work-box:hover .inner-img-box {border-radius: 0 0 80px; -webkit-transition: all 700ms; -moz-transition: all 700ms; -o-transition: all 700ms; transition: all 700ms; transform: scale(1.0); -o-transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); }
.main-evrybrnd-sec{margin: 104px 0 0 0px;padding: 60px 0 60px 0; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main-srvice-second-sec{padding: 60px 0 0px 0; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.evry-heading-sec h2{font-size: 52px; line-height: 62px; font-weight: 800; color: #141315; }
.evry-heading-sec p{font-size: 18px; line-height: 29px; font-weight: 400; color: #676767; }
.evry-img-sec figure{margin: 0; }
.evry-img-sec img{width: 100%; max-width: 400px; margin: 0 auto; }
.social-media-marketing-page .main-srvice-second-sec, 
.search-engine-optimization-page .main-srvice-second-sec, 
.search-engin-marketing-page .main-srvice-second-sec, 
.pay-per-click-page .main-srvice-second-sec{padding: 60px 0 60px 0;}
.technologiespg .main-evrybrnd-sec, .contactpg .main-evrybrnd-sec {padding-bottom: 0;}
/*==============tabbing css start============== */
.tabs-ebook, .tabs-editing-proofreading, .tabs-web-content-writing, 
.tabs-blog-writing, .tabs-press-release, .tabs-product-description, 
.tabs-product-review, .tabs-product-maintenance-securitie, 
.tabs-product-video-animation, .tabs-custom-video-animation-packages, 
.tabs-web-maintenance-securities-packages, .tabs-creative-content-writing-packages, 
.tabs-marketing-services-packages, .tabs-mobile-applications-packages, .tabs-custom-web-packages,
 .tabs-branding-stationery-packages, .tabs-custom-logo-design-packages, .tabs-packages-all,
 .tabs-packages-inner-ser1, .tabs-packages-inner-ser2, .tabs-eCommerce-packages, .tabs-book-writing,
 .tabs-web-content-video  {display: none; }
.tabs-ebook.current, .tabs-editing-proofreading.current, .tabs-web-content-writing.current, 
.tabs-blog-writing.current, .tabs-press-release.current, .tabs-product-description.current, 
.tabs-product-review.current, .tabs-product-maintenance-securitie.current, 
.tabs-product-video-animation.current, .tabs-custom-video-animation-packages.current,  
.tabs-web-maintenance-securities-packages.current, .tabs-creative-content-writing-packages.current, 
 .tabs-marketing-services-packages.current, .tabs-mobile-applications-packages.current, 
 .tabs-custom-web-packages.current, .tabs-branding-stationery-packages.current, 
 .tabs-custom-logo-design-packages.current, .tabs-packages-all.current, 
 .tabs-packages-inner-ser1.current, .tabs-packages-inner-ser2.current, 
 .tabs-eCommerce-packages.current, .tabs-book-writing.current, .tabs-web-content-video.current  {display: inline-block; width: 100%;}
.pckge {width: 100%; }
.main-tbing-sec .info-content{display: none;}
.main-tbing-sec{padding: 0px 0 60px 0px; }
.main-tbing-sec ul.tbing{padding: 0px;text-align: center;margin: 0 0 10px 0;display: block;}
.main-tbing-sec ul.tbing li {transition: all 700ms;display: inline-block;padding: 8px 20px 10px 20px;height: 40px;cursor: pointer;text-transform: uppercase;font-size: 14px;color: #1f1f1f;font-weight: 600;border: 1px solid #d4d4d4;margin: 10px 3px 5px 3px;border-radius: 3px;}
.main-tbing-sec ul.tbing li.current {transform: translateY(-0.625rem);transition: all 700ms;color: #fff;border: 1px solid #fff;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ /* Old browsers */background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg,  #466cf7 0%,#2a3db6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background: #16a085;}
.packages-pg .top.main-tbing-sec{margin: 86px 0 0px 0; padding: 110px 0 60px 0;}

/*==============tabbing css end============== */

.cntct-addres1 h2{font-size: 36px; line-height: 2; font-weight: 700; color: #141315; }
.cntct-addres1 p{font-size: 18px; line-height: 2; font-weight: 400; color: #676767; }
.ftrr-lgo img{width: 200px;padding: 0 0 30px 0;}
.ftrr-lgo p{color: #cbd6e2; font-size: 15px; }
.main-abut-img-sec{width: 100%; height: 700px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.whocntsec h2{font-size: 36px; line-height: 2; font-weight: 700; color: #141315; }
.whocntsec p{font-size: 16px; line-height: 2; font-weight: 400; color: #676767; }
.digcnt h2{font-size: 32px; line-height: 1.2; font-weight: 600; color: #141315; }
.digcnt p{font-size: 17px; line-height: 2; font-weight: 400; color: #676767;}
.mp-img{padding: 0 0 20px 0;}
.prtnr-lgos ul{padding: 30px 0 30px 0;text-align: center;}
.prtnr-lgos ul li{display: inline-block;width: 15%;padding: 15px 20px;transition: all 700ms;}
.prtnr-lgos ul li img{filter: grayscale(100%); opacity: .55; transition: all 700ms;}
.prtnr-lgos ul li:hover img{filter: grayscale(0%); opacity: 1; transition: all 700ms;}

/*==============Service  css start============== */

.strategy {
    width: 191px;
    height: 127px;
    background-image: url(../images/strategy.png);
    background-repeat: no-repeat;
    display: block;
    margin-top: 6px;
    transform: scale(0.7);
    background-position: center 0px;
    -webkit-transition: all 300ms ease-in-out;
}

.design {
    width: 191px;
    height: 127px;
    background-image: url(../images/design.png);
    background-repeat: no-repeat;
    display: block;
    margin-top: 6px;
    transform: scale(0.7);
    background-position: center 0px;
    -webkit-transition: all 300ms ease-in-out;
}

.marketing {
    width: 191px;
    height: 127px;
    background-image: url(../images/marketing.png);
    background-repeat: no-repeat;
    display: block;
    margin-top: 6px;
    transform: scale(0.7);
    background-position: center 0px;
    -webkit-transition: all 300ms ease-in-out;
}

.developemnt {
    width: 191px;
    height: 127px;
    background-image: url(../images/developemnt.png);
    background-repeat: no-repeat;
    display: block;
    margin-top: 6px;
    transform: scale(0.7);
    background-position: center 0px;
    -webkit-transition: all 300ms ease-in-out;
}

.support {
    width: 191px;
    height: 127px;
    background-image: url(../images/support.png);
    background-repeat: no-repeat;
    display: block;
    margin-top: 6px;
    transform: scale(0.7);
    background-position: center 0px;
    -webkit-transition: all 300ms ease-in-out;
}

.strategy.svc-gre { background-position: center 0px !important;}
.design.svc-gre { background-position: center 0px !important;}
.marketing.svc-gre { background-position: center 0px !important;}
.developemnt.svc-gre { background-position: center 0px !important;}
.support.svc-gre { background-position: center 0px !important;}

.strategy.svc-pet { background-position: center -332px !important}
.design.svc-pet { background-position: center -332px !important;}
.marketing.svc-pet { background-position: center -332px !important;}
.developemnt.svc-pet { background-position: center -332px !important;}
.support.svc-pet { background-position: center -332px !important;}

.strategy.svc-pur { background-position: center -668px !important;}
.design.svc-pur { background-position: center -668px !important;}
.marketing.svc-pur { background-position: center -668px !important;}
.developemnt.svc-pur { background-position: center -668px !important;}
.support.svc-pur { background-position: center -668px !important;}

.strategy.svc-ali { background-position: center -1000px !important;}
.design.svc-ali { background-position: center -1000px !important;}
.marketing.svc-ali { background-position: center -1000px !important;}
.developemnt.svc-ali { background-position: center -1000px !important;}
.support.svc-ali { background-position: center -1000px !important;}

.strategy.svc-sea { background-position: center -2358px !important;}
.design.svc-sea { background-position: center -2358px !important;}
.marketing.svc-sea { background-position: center -2358px !important;}
.developemnt.svc-sea { background-position: center -2358px !important;}
.support.svc-sea { background-position: center -2358px !important;}

.strategy.svc-san { background-position: center -2856px !important;}
.design.svc-san { background-position: center -2856px !important;}
.marketing.svc-san { background-position: center -2856px !important;}
.developemnt.svc-san { background-position: center -2856px !important;}
.support.svc-san { background-position: center -2856px !important;}

.strategy.svc-mad { background-position: center -3034px !important;}
.design.svc-mad { background-position: center -3034px !important;}
.marketing.svc-mad { background-position: center -3034px !important;}
.developemnt.svc-mad { background-position: center -3034px !important;}
.support.svc-mad { background-position: center -3034px !important;}



/*==============Service  css end============== */

/*==============floating strips css start============== */
.floatbutton.active{right: 0;z-index: 9;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: fixed;right: -370px;top: 18%;font-size: 0;width: 420px;/* transform: translateY(-50%); */z-index: 999;}
.floatbutton .clickbutton{width: 50px;z-index: 999;height: 200px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);border-radius: 3px 0px 0px 3px;display: inline-block;padding-top: 0;vertical-align: top;margin-top: 125px;color: #fff;font-size: 16px;font-weight: 700;position: relative;text-transform: uppercase;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ /* Old browsers */background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */background: -webkit-linear-gradient(135deg, #fcc12d 0%,#b3830c 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg,  #fcc12d 0%,#b3830c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */font-family: 'Poppins', sans-serif;box-shadow: 0px 0px 40px #00000026;-webkit-box-shadow: 0px 0px 40px #00000026;-ms-box-shadow: 0px 0px 40px #00000026;-o-box-shadow: 0px 0px 40px #00000026; background: #16a085;}
.floatbutton .clickbutton .crossplus:before{content: ""; display:none;position: absolute;width: 20px;height: 2px;right: 0;background: #fbb334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus:after{content: ""; display:none;position: absolute;width: 2px;height: 20px;right: 0;background: #fab334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus{position: absolute;display: block;transform: rotate(-90deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;left: -54px;white-space: pre;bottom: 87px;}
.floatbutton .clickbutton .crossplus.rotate{transform: rotate(45deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .clickbutton .crossplus i {font-size: 18px;color: #ffffff;margin: 17px 0 0 15px;}
.banner-form{background: #fff;padding: 30px;position: relative;z-index: 99999 !important;border-radius: 5px;margin: 0;width: 370px;display: inline-block;box-shadow: 0px 0px 30px #0000001f;}
.ban-form input{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.banner-form .intl-tel-input{width: 100%;}
.banner-form h3 {color: #141315;font-size: 24px;margin-bottom: 5px;font-weight: 700;}
.banner-form h3 strong {font: 24px/24px "Poppins", sans-serif;font-weight: 600;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;border-radius: 3px;text-align: center;padding: 10px 15px;margin: 20px 0 0;border: transparent;cursor: pointer;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */  /* Old browsers */ background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background: #16a085;}
.ban-form textarea{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;font-weight: 400;height: 120px;outline: none !important;margin: 15px 0 0px 0;resize: none;}
.btns_wrap{position:fixed;right: -6px;}
.btns_wrap a:hover{text-decoration: none!important;right: 0px;}
.btns_wrap .call_wrap{width: 280px;position: absolute;right: -225px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ /* Old browsers */background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */background: -webkit-linear-gradient(135deg, #fcc12d 0%,#b3830c 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg,  #fcc12d 0%,#b3830c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */top: 63px;border-radius: 3px 0px 0px 3px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-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;z-index: 9999; background: #16a085;}
.btns_wrap .call_wrap span{color: #fff;font-size: 20px;vertical-align: middle;/* background: #000; */padding: 15px 20px 15px 15px;}
.btns_wrap .chat_wrap{display: block;position: absolute;right: -225px;width: 280px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ /* Old browsers */background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */background: -webkit-linear-gradient(135deg, #fcc12d 0%,#b3830c 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg,  #fcc12d 0%,#b3830c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */top: 0;border-radius: 0px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-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;border-radius: 3px 0px 0px 3px;z-index: 9999; background: #16a085;}
.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo{color: #fff;/* background: #2c42b3; *//* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 *//* background: #3996d2; */ /* Old browsers */background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 *//* background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); */ /* Chrome10-25,Safari5.1-6 *//* background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */font-size: 18px;padding: 15px 20px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;border-radius: 10px 0px 0px 10px; background: #16a085;}
.btns_wrap .chat_wrap span{color: #fff;font-size: 20px;vertical-align: middle;/* background: #000; */padding: 15px 30px 15px 15px;}
.ban-form .fldset.inpchecbx label{display: inline-block;margin: 0;line-height: 1.4;color: #676767;font-size: 13px;}
.ban-form .fldset.inpchecbx input{display: inline-block;width: auto;height: auto;margin: 0;}
.fldset.inpchecbx {margin: 10px 0 0 0;}
.fldset p{font-size: 13px;color: #676767;padding: 0;margin: 10px 0 0 0;}
.fldset p a{display: block; padding: 5px 0px 0 0; color: #141315; font-weight: 500; font-size: 14px; }
.main-services-banner-sec .ban-form .fldset  textarea{height: 60px;}
.main-services-banner-sec .ban-form input{height: 40px}
/*===================floating strips css end =================*/


/*----------subscribe-tab-css-start-----------*/
.subscribe-tab{padding: 60px 0 60px 0; text-align: center; background: #16a085; }
.subscribe-tab h2, .subscribe-tab p.main-cnt-para{ color: #fff; }
.inner-subscribe a{color: #fff; font-size: 16px; font-weight: 700; }
.form-subscribe {margin-top: 15px; }
.form-subscribe input[type="submit"] {
	    border: 0;
    box-shadow: none;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    transition: 0.5s ease-in-out;
    margin-top: 0;
    border: 2px solid #fff;
    background: transparent;
    padding: 6px 15px;
}
.ltsbtn-fmrm.hme-chex label{margin: 15px 0 0 0;color: #fff;}
/*----------subscribe-tab-css-end-----------*/



/*----------client_slider-css-start-----------*/

#client, #core-feature {background: #fff; padding: 0px 0 60px 0; overflow: hidden; }
#client .nav {text-align: center; }
#client .nav-pills>li {float: none; display: inline-block; }
#client .nav>li.active>a {background: url(../images/clienthover.html) no-repeat; background-size: 100% 100%; }
#client .nav>li>a {position: relative; display: block; padding: 10px 15px; color: white; font-weight: 600; text-transform: uppercase; background: url(../images/clientnohover.html) no-repeat; background-size: 100% 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-right: 20px; font-size: 20px; }
#client .tab-content {margin-top: 40px; width: 84%; position: relative; right: -11%; }
/* #client .slick-prev {background: url(../images/ar-left.png); } */
/* #client .slick-prev,  #client .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 67px; height: 65px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; } */
#client .slick-dots {display: none !important; }
#client .slick-next {left: -6%; top: 36%; bottom: 0; }
#client .slick-prev {left: -6%; z-index: 9; top: auto; bottom: 36%; }
#client .slick-next,#client .slick-prev{color: #16a085;}
#client .slick-next::before, #client .slick-prev::before{
    color: inherit;
    font-size: 56px;
    font-family: 'FontAwesome';}
#client .slick-prev::before{content: "\f0a9";}
#client .slick-next::before {content: "\f0a8";}

.content {position: relative; width: 100%; max-width: 100%; margin: auto; overflow: hidden; padding: 2px; }
#client .content .content-overlay {position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; z-index: 1; background: linear-gradient(rgba(40, 64, 183, 0.76), rgba(18, 102, 203, 0.3)); background: -webkit-linear-gradient(rgba(40, 64, 183, 0.76), rgba(18, 102, 203, 0.3)); background: #16a085;}
#client .content-image {display: block; height: 100%; object-fit: cover; width: 100%; }
#client .content img + h2 {position: absolute; bottom: 15px; left: 24px; font-weight: 600; color: #fff; text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35); font-size: 24px; }
#client .content-details {position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 2; }
#client .btn-yellow {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ background: #3996d2; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #fff; padding: 14px 40px; border-radius: 3px; border: 0; font-size: 16px; transition: 0.5s ease-in-out; margin: 13px 0; font-weight: 600; background: #16a085;}
#client .content-details h3 {color: #fff; font-weight: 500; font-size: 20px;letter-spacing: 0.15em; margin-bottom: 0.5em; text-transform: uppercase; }
#client .content:hover .content-overlay {opacity: 0.5; }
#client .content:hover .content-details {top: 50%; left: 50%; opacity: 1; }

/*----------client_slider-css-end-----------*/




/*============Packages CSS==============*/
.main-packges-sec{background-color:  #ffffff; padding: 60px 0px 0px 0px; z-index: 9; position: relative; }
.package-wrapper{background-color: #fafeff; border-radius: 16px 16px 16px 16px; overflow: hidden; padding-top: 30px; padding-right: 15px; padding-bottom: 30px; padding-left: 15px; margin-top: 20px; margin-bottom: 0px;transition: box-shadow 300ms ease 0ms,box-shadow 300ms ease 0ms,box-shadow 300ms ease 0ms, background-color 300ms ease 0ms,background-image 300ms ease 0ms; transition: all .2s ease-in-out; border: 1px solid #16a085; position: relative;}
.package-wrapper.bst-selr:after{content: "BEST SELLER"; color: #fff; font-size: 12px; font-weight: bold; vertical-align: middle; padding: 7px 10px; text-indent: 35px; display: block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 35px; width: 180px; background-color: red; position: absolute; border: 2px solid #b70000; box-shadow: 2px 1px 7px -1px #b70000; right: -62px; top: 23px; }
.btn-hvr:hover .package-wrapper{transform: scale(1.03);-moz-transform: scale(1.03);-o-transform: scale(1.03);-ms-transform: scale(1.03);-webkit-transform: scale(1.03); border-color:#fff; background-color: #fff; box-shadow: 0px 1px 17px 10px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0px 1px 17px 10px rgba(0, 0, 0, 0.06); -o-box-shadow: 0px 1px 17px 10px rgba(0, 0, 0, 0.06); -ms-box-shadow: 0px 1px 17px 10px rgba(0, 0, 0, 0.06); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
/*.btn-hvr:hover .heading h2, .btn-hvr:hover .pkge-prce, .btn-hvr:hover .ticklist2 li:before,
.btn-hvr:hover .chat-con ul li p a{color: #4fa8bf; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.btn-hvr:hover .btn-white {background-color: #b10f7d; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.btn-hvr:hover .btn-white::after{background-color: #b10f7d; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.btn-hvr:hover .chat-con ul li.pkge-ordr a{ transition: all 0.3s ease-in-out; 
    -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; }
.btn-hvr:hover .chat-con ul li.pkge-bkcl a{color: #4fa8bf; border-color: #4fa8bf; 
    transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }*/
.heading h2 {color: #141315; font-size: 26px; line-height: 1.1;font-weight: 600;padding: 0;}
.heading h2 span{display: block;color: #141315;}
.heading p{padding:0; font-size: 16px; color: #141315; }
.pkge-prce p {font-size: 18px; font-weight: 600; color: #7b7b7b; padding: 10px 0 5px 0; line-height: 1.2; }
.pkge-prce p span{text-decoration: line-through;color: #7b7b7b;}
.pricing {text-align: center; justify-content: center; display: flex; }
span.main_price {font-size: 44px; font-weight: 700; color: #fff; line-height: 1.2; padding-bottom: 5px; }
.old-price span {font-size: 36px; color: #16a085; font-weight: 600;margin-top: 10px; }
.suit p{padding: 10px 0 10px 0;font-size: 15px;color: #141315;}
.package-wrapper hr {border: 0.5px solid #d0d0d0; width: 85%; margin: 50px auto 0px auto; }
.package-wrapper .package-item .list {color: #fff; padding: 5px 0px 5px 0px; font-size: 16px; clear: both; }
.package-wrapper .package-item .list + hr{margin: -4px auto 13px auto; }
.ticklist2 li{width: 100%;}
.ticklist2 li:before {content: "\f05d";position: absolute;font-family: 'fontawesome' !important;font-size: 13px;left: 0px;top: 2px;}
.ticklist2 li.heading:before{display: none;}
.adons p{padding: 10px 0 0px 0;font-size: 13px;font-weight: 700;color: #141315;text-align: center;}
.adons p span{color: #16a085;}
.adons p a span{font-size: 20px;}
.package-item .list ul li.heading{font-size: 16px;font-weight: 700;/* padding-left: 30px; */}
.package-item .list ul {max-height: 130px; }
.package-item .list ul li {padding-left: 25px;position: relative;line-height: 1.4;font-size: 14px;color: #7b7b7b;}
.package-item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #16a085; }
.package-item .mCSB_scrollTools .mCSB_draggerRail{background: #16a085; opacity: 0.7;}
.item-button {margin-top: -35px; position: relative; text-align: center; }
 .item-button a{color: #ffffff; border-width: 0px; border-radius: 50px; letter-spacing: 1.5px; font-size: 16px; font-weight: 700; padding: 16px 40px; text-transform: uppercase; }
.package-wrapper:hover + .package-wrapper .pricing span.old-price{color: #fff !important }
.packges-inner .tabbing-links li {padding: 10px 25px;float: none; }
.chat-con ul li {display: inline-block;width: 49%;text-align: center;margin: 0;padding: 10px 0;color: #fff;}
.chat-con ul li.pkge-ordr a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ background: #3996d2; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 9px 10px; border-radius: 3px; width: 100%; display: inline-block; background: #16a085;}
.chat-con ul li.pkge-bkcl a{color: #838383; font-size: 15px; font-weight: 600; text-transform: uppercase; padding: 9px 10px; border-radius: 3px; background-color: transparent; border: 1px solid #838383; width: 100% !important; /* float: left; */ margin-left:4px; display: inline-block; }
.chat-con {overflow: hidden;padding: 15px 0px 0 0px;}
.chat-con ul li p {color: #fff; font-size: 18px; margin: 0; padding: 1px 15px; font-weight: 700; }
.chat-con ul li p a{color: #59bad3; text-transform: uppercase; }
.chat-con ul li p.speak{font-weight: 500; font-size: 14px; text-transform: uppercase; color: #000000; }
.pckgslidersec .slick-prev:before {content: "\f104"; font-family: FontAwesome; font-size: 50px; color: #59bad3; }
.pckgslidersec .slick-next:before {content: "\f105"; font-family: FontAwesome; font-size: 50px; color: #59bad3; }
.pckgslidersec .slick-prev, .pckgslidersec .slick-next{top: 45% !important;}
.packagepage .main-packges-sec {padding: 0px 0px 60px 0px; }
.actions {border-top: 1px solid #eeeeee; padding-top: 15px; margin-top: 15px; text-align: center; position: relative; }
.actions a span {font-size: 14px; font-weight: 700; color: #7b7b7b; }
.actions a span small {display: block; font-size: 14px; line-height: normal; color: #16a085; font-weight: 700; }
.actions::before {position: absolute; content: ""; height: 43px; background-color: #eee; width: 1px; left: 52%; top: 10px; }
.tabs-mobile-applications-packages .container{box-shadow: 0 0 11px #eaf0f6; font-size: 0; margin: 32px 0 0 0; padding: 30px 35px 30px 35px; background: #fff; border-radius: 3px; display: inline-block; width: 100%;}
.mble-pckge-lft{text-align: center;}
.mble-pckge-lft a{display: inline-block; margin: 20px 0 0 0; }
.mble-pckge-rght h3{font-size: 26px;margin: 0;color: #141315;padding: 0;font-weight: 600;}
.mble-pckge-rght p{font-size: 16px;margin: 0;color: #676767;padding: 15px 0 25px 0;line-height: 1.4;}
.mble-pckge-rght h4{font-size: 16px;margin: 0;color: #141315;padding: 0 0 10px 0;font-weight: 600;}




/*======================Packages CSS End===================*/



.bages-box {
    padding: 25px 0px;
}
.bages-box li {
    display: inline-block;
    padding: 0px;
    margin: 0px;
}
.bages-box li {
    vertical-align: middle;
}

.bages-box li .imag {
    max-width: 100px;
    margin: 0 30px;

}
/*.bages-box li img {filter: grayscale(100%);}*/
/*.bages-box li img:hover {filter: grayscale(00%);}*/
.bages-box li .imag:first-child {margin-left:0;}
.bages-box li .sec {
    max-width: 100px;
    margin: 0 30px;
}
.home-banner-content ul.bages-box li{ width: auto; padding-left: 0; }
.home-banner-content ul.bages-box li:before{ display: none; }


/*=========notfound-start======*/
#notfound {position: relative;padding: 70px 0;height: 600px; margin-top:92px;}
#notfound .notfound {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.notfound {max-width: 545px;width: 100%;text-align: center;line-height: 1.4;}
.notfound .notfound-404 {height: 190px; }
.notfound .notfound-404 h1 {font-size: 146px; font-weight: 700; margin: 0px; color: #141315; }
.notfound .notfound-404 h1>span {display: inline-block; width: 120px; height: 120px; background-image: url(../images/emoji.png); background-size: cover; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); z-index: -1; }
.notfound h2 {font-size: 36px; font-weight: 700; margin: 0; text-transform: uppercase; color: #141315; }
.notfound p {color: #676767;line-height: 1.4;font-size: 22px;font-weight: 500;padding: 5px 0px 30px 0;}
.flex.belief-illustration-wrapper img{width: 100px;}
.notfound a.btn-main{font-size: 20px;padding: 15px 30px;}
/*=========notfound-end======*/
.main-thankyou-sec h1{color: #141315;font-size: 56px;}
.main-thankyou-sec p.subtitle{color: #676767;line-height: 1.4;font-size: 22px;font-weight: 500;padding: 5px 0 30px 0;}
.main-thankyou-sec {
    padding: 100px 0 100px 0;
    position: relative;
    margin: 104px 0 0 0;
}
.main-thankyou-sec:before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 20%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../images/left.png); }
.main-thankyou-sec:after{content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 20%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../images/right.png); }
.main-thankyou-sec img{width: 100px;padding: 0 0 10px 0;display: inline-block;}
.main-thankyou-sec a.btn-main{font-size: 20px;padding: 15px 30px;display: inline-block;margin: 0 5px;}
/*.callusnow {width: 50px; height: 50px; color: #ffffff; display: block; text-align: center; border-radius: 100%; font-size: 24px; position: fixed; bottom: 20px; left: 20px; z-index: 9999; box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71); padding: 6px 0px 11px 0; animation: scrollDownAnimation .5s ease infinite alternate; -webkit-animation: scrollDownAnimation .5s ease infinite alternate; background: #3996d2; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bad3', endColorstr='#9b2c92',GradientType=1); border: solid 3px #ffffff; background: #16a085;}
*/
.callusnow {
    width: 50px;
    height: 50px;
    color: #ffffff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71);
    padding: 6px 0px 11px 0;
    animation: scrollDownAnimation .3s ease infinite alternate;
    background: #3996d2;
    border: solid 3px #ffffff;
    background: #16a085;
}
.callusnow:hover{color:#ffffff;}
.whatsapp {
    width: 50px;
    height: 51px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 34px;
    position: fixed;
    bottom: 100px;
    left: 20px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71);
    padding: 1px 0;
    animation: scrollDownAnimation .3s ease infinite alternate;
    background: #00e676;
    background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);
}
/*.whatsapp {width: 50px; height: 51px; color: #fff; display: block; text-align: center; border-radius: 100%; font-size: 34px; position: fixed; bottom: 100px; left: 20px; z-index: 9999; box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71); padding: 1px 0; animation: scrollDownAnimation .5s ease infinite alternate; -webkit-animation: scrollDownAnimation .5s ease infinite alternate; background: #00e676; background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 ); }*/
.whatsapp:hover {color: #ffffff; }
.mblchat {width: 50px; height: 51px; color: #fff; display: block; text-align: center; border-radius: 100%; font-size: 30px; position: fixed; bottom: 178px; left: 20px; z-index: 9999; box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71); padding: 1px 0; animation: scrollDownAnimation .5s ease infinite alternate; -webkit-animation: scrollDownAnimation .5s ease infinite alternate; background: #f8be2b; background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 ); display: none;}
.mblchat:hover {color: #ffffff; }
@keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0
rgba(1, 201, 226, 0.3), 0 0 0 10px
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}
@keyframes ripple{0%{box-shadow:0 0 0 0
rgba(201, 205, 206, 0.3), 0 0 0 10px
rgba(232, 238, 239, 0.3), 0 0 0 20px
rgba(219, 224, 224, 0.3), 0 0 0 30px
rgba(197, 199, 199, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(207, 219, 220, 0.3), 0 0 0 20px
rgba(167, 174, 175, 0.3), 0 0 0 30px
rgba(187, 194, 195, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}




/*================BLINK-POPUP-START===============*/
.main-heading {font-weight: 600; font-size: 40px; line-height: 1.1; color: #141315; padding-bottom: 5px; text-align: center; }
.book-call-ys-layer{display:none;opacity:0.7;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;}
.book-call-ys-container{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color: rgba(0, 0, 0, 0.81);z-index:9999;}
.inp-dsleb{position:relative;}
.inp-dsleb:after{position:absolute;content:"";top:0px;left:0px;width:100%;background-color:rgba(0, 0, 0, 0.08);height:100%;border-radius:6px;}
.book-call-ys-container.visible, .book-call-ys-layer.visible{display:block;}
.book-call-ys-box{background-color:#fff;width:0;height:0;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);border-radius:20px 20px 20px 20px;transition:height .2s ease-in-out;}
.crossbtn{float:right;font-size:30px;border:2px solid #000;padding:2px 7px;border-radius:3px;color:#212529;}
.crossbtn:hover{color:#212529;}
.book-call-ys-popup-close{position:absolute;color: #283fb7;text-align:center;font-size:18px;text-decoration:none;display:block;right:10px;top:10px;font-weight:700;padding:3px 9px;line-height:initial;border-radius:100%;}
.book-call-ys-container.finished .book-call-ys-popup-close{width:30px;height:30px;text-indent:0;}
.book-call-ys-popup-content{display:none;padding:20px 40px;background:#fff;border-radius:3px;}
.book-call-ys-container.finished .book-call-ys-popup-content{display:block;}
.book-call-ys-popup-close:hover{text-decoration:none;color:#000019;}
.book-call-ys-box{height:auto;width:572px !important;background:#f3c06a;padding:0;background-size:cover;}
.book-call-ys-box .mainbann{border-radius:20px 20px 0 0;width:100%;}
.book-call-popupform h2 span{padding: 0 0 5PX 0;}
.book-call-popupform p{color:#000019;padding:0 0 25px 0;font-size:14px;line-height: 1.2;}
.book-call-popupform form p{color: #000019; font-size: 16px; font-weight: 700; margin: 0; padding: 20px 0 20px 0; text-align: center; }
.book-call-popupform form p span{color:#0c71f4;}
p.small{font-size:14px;color:#000;text-align:center;display:block;}
.book-call-popupform form{font-size:0;}
.book-call-popupform form .fldst{margin:0 0 20px;display:block;width:100%;}
.book-call-popupform form .fldst.sndus{margin:0 0 15px 0;}
.book-call-popupform span.heading{font-size:30px;font-weight:500;text-align:center;display:block;}
.book-call-popupform figure{-webkit-animation:ripple 0.9s linear infinite;animation:ripple 0.9s linear infinite;width:50px;height:50px;border-radius:100%;display:block;margin:-40px auto 30px;border:solid 1px #ededed;background:#fff;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.book-call-popupform form .fldst .intl-tel-input{width:79%;margin-bottom:15px;display: inline-block;}
.book-call-popupform form .fldst.btnattach button{position:relative;bottom:0;border:0;display:block;right:0;background:#59bad3;width:100%;height:50px;border-radius:4px;cursor:pointer;font-size:16px;color:#fff;}
.book-call-popupform form .callus{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ background: #3996d2; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */height: 55px;border-top:3px solid transparent;font-size:20px;color:#fff;line-height:33px;padding:8px 25px;outline:none;cursor:pointer;border-radius:3px;display:block;text-align:center;}
.book-call-popupform form .callus i{margin:0 0 0 15px;}
.book-call-popupform form .lst-p{text-align:center;padding:0px 0px 15px;}
.book-call-popupform form .lst-p a{font-weight:700;color: #283fb7;}
.book-call-popupform form .lst-p a:hover{color:#000019;}
.book-call-popupform form input{width:100%;margin:0 0 0 0;border:1px solid #cbcbcb;background:white;padding:10px 15px;color: #535353;;font-size:16px;border-radius:3px;height:55px;font-weight:400;outline:none !important;margin:0 0 0px 0;}
.book-call-popupform form .newbtn{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ background: #3996d2; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ height: 55px; width: 100px; color: #fff; display: inline-block; vertical-align: top; border-radius: 0px 3px 3px 0px; cursor: pointer; border: 1px solid #cbcbcb; border-left: 0; font-size: 16px; font-weight: bold; } 
.book-call-popupform #phone-coun{border-radius: 3px 0px 0px 3px;}
.fldst-two{width:50%;display:inline-block;padding:0px 5px 0px 0px;}
.fldst-two.last{padding: 0px 4px 0px 5px;}
.flagimg-exit{width:20px;margin-left:10px;margin-right:2px;}
@keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0
rgba(1, 201, 226, 0.3), 0 0 0 10px
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}
@keyframes ripple{0%{box-shadow:0 0 0 0
rgba(201, 205, 206, 0.3), 0 0 0 10px
rgba(232, 238, 239, 0.3), 0 0 0 20px
rgba(219, 224, 224, 0.3), 0 0 0 30px
rgba(197, 199, 199, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(207, 219, 220, 0.3), 0 0 0 20px
rgba(167, 174, 175, 0.3), 0 0 0 30px
rgba(187, 194, 195, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}
/*================BLINK-POPUP-END===============*/


/*=============COMBO-PACKAGES-START=================*/
.main-combo-pack-sec{margin: 104px 0 0px 0;padding: 120px  0 60px 0;}
.cmbo-head{padding: 0 0 40px 0;}
.cmbo-head .main-cnt-heading{text-align: left;font-size: 52px;}
.cmbo-head .main-cnt-para{text-align: left;font-size: 22px;}
.main-combo-pack-sec .table-packages .head h5 {text-align: left; font-size: 28px; font-weight: 700; margin: 0; padding: 0; color: #141315; display: inline-block; }
.main-services-list .table-packages .body ul li {text-align: left; padding: 14px 0 14px 0; border-bottom: 1px solid #eaeaea; width: 95%; position: relative; }
.main-services-list .table-packages .body ul li h6 {font-size: 16px; font-weight: 400; margin: 0; padding: 0; color: #676767; display: inline-block; }
.main-services-list .table-packages .body ul li span.tick {font-size: 20px; color: #16a085; display: block; margin: 0; padding: 0; text-align: center; position: absolute; right: 0; top: 0; }
.main-services-list .table-packages .body ul li span.tick::before {font-family: fontawesome; content: "\f00c"; position: absolute; top: 0px; }
.main-services-list .table-packages .body .subscription-list {height: 430px; margin-top: 20px; padding: 0; }
/*=============COMBO-PACKAGES-END=================*/

.bages-box {
    padding: 0px;
}
.bages-box li {
    display: inline-block;
    padding: 0px;
    margin: 0px;
}
.bages-box li {
    vertical-align: middle;
}
.bages-box li .imag {
    max-width: 100px;
    margin: 0 30px;
}
.bages-box li .sec {
    max-width: 100px;
    margin: 0 30px;
}



.main-prvcy-trms-sec{padding: 60px 0;}
.main-prvcy-trms-sec h2{color: #141315;font-size: 46px;padding: 0 0 30px 0;}
.privacy-txt h3{color: #141315; font-size: 28px; padding: 0 0 15px 0; }
.privacy-txt p{color: #676767; line-height: 1.4; font-size: 16px; font-weight: 500; }
.main-clients-logo-sec{ background: -moz-linear-gradient(-45deg, #3996d2 0%, #1169cd 100%); background: -webkit-linear-gradient(-45deg, #3996d2 0%,#1169cd 100%); background: linear-gradient(135deg, #3996d2 15%,#1169cd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); position: relative;z-index: 9;padding: 30px 0;background:#16a085;}
.clients-logo-inner ul{font-size: 0;margin: 0;}
.clients-logo-inner ul li{display: inline-block; width: 20%; text-align: center; }
.clients-logo-inner ul li img{display: inline-block;transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2);} .main-clients-logo-sec .slick-active img {transform: scale(1); }
.banner-clients-logos{position: relative;z-index: 9;}
.clients-logo-inner ul li.clint-logo1 img{width: 100px;}
.clients-logo-inner ul li.clint-logo2 img{width: 100px;}
.clients-logo-inner ul li.clint-logo3 img{width: 100px;}
.clients-logo-inner ul li.clint-logo4 img{width: 100px;}
.clients-logo-inner ul li.clint-logo5 img{width: 100px;}
.main-services-banner-sec{overflow: hidden;margin: 72px 0 0 0;padding: 80px 0 30px 0;position: relative;z-index: 9;background-repeat: no-repeat;background-size: cover;height: 685px;}
.main-services-banner-sec:before{position: absolute; content: ""; background: #071C35B3; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 9-; }
.srvce-cont h1{font-size: 54px;color: #fff;}
.srvce-cont h1 span{display: block;}
.srvce-cont p{font-size: 18px;color: #fff;padding: 20px 30px 0 0;}
.srvce-cont img{width: 200px;display: block;padding: 30px 0 0 0;}
.banner-form.srv-bnr-frm h3{text-align: center;font-size: 30px;}
.technologiespg .main-vruos-induis-sec{padding: 0px 0 60px 0;}
.services-inner-pge .main-vruos-induis-sec, .workpg .main-vruos-induis-sec{padding: 0 0 60px 0;}
.customlogodesignpage .main-vruos-induis-sec, .custom-website-design-development-page .main-vruos-induis-sec{
    padding: 60px 0 60px 0;
}
.workpage .main-vruos-induis-sec{padding: 60px 0 60px 0;}
.main-srve-porflio-sec{padding: 60px 0;}
.workpage .main-tbing-sec{padding: 60px 0 60px 0px; background: #f5f8fa; }
.intl-tel-input .country-list .country .dial-code, .intl-tel-input .country-list .country-name {font-size: 14px; }
/*.main-services-banner-sec video {width: 100%; /*height: 100%;*/ left: 0; position: absolute; top: 0; transform: scale(1.1); z-index: -9; }*/
.footer-top .linkinglist li a.address{cursor: default;}
.footer-top .linkinglist li a.address:hover{color: #cbd6e2;}
.footer-top .linkinglist li a:hover{color: #fff;}
.accordlist{}
.accordlist li{color: #687087;padding-left: 20px;position: relative;}
.accordlist li:before{content: "";position: absolute;left: 0px;border-bottom: 1px solid #687087;width: 10px;height: 1px;top: 10px;}
.header-main .othermenu>li:hover a{ transition: all 700ms; }
/*.main-menu > ul > li:hover a{    color: #f38440;}*/
.header-main .othermenu>li.current a{color: #fff; transition: all 700ms; }
.header-main .othermenu>li.current h6 a{color: #fff; transition: all 700ms; }


.servicesec .boxwrap li.current{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */
    background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #466cf7 0%,#2a3db6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    box-shadow: 0px 0px 45px #20CB9817;
    transform: translateY(-0.625rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background: #16a085;
}
.servicesec .boxwrap li.current i.two {
    background-position: -70px -70px;
}
.servicesec .boxwrap li.current h6{color: #fff;}
.servicesec .boxwrap li.current i.one {
    background-position: 13px -70px;
}
.servicesec .boxwrap li.current i.three{background-position: -150px -70px;}
.servicesec .boxwrap li.current i.four{background-position: -230px -70px;}
.servicesec .boxwrap li.current i.five{background-position: -320px -70px;}
.myservices .left h2 {font-size: 35px; color: #16a085; }
.myservices .left h3 {font-size: 18px; }
.myservices .left p {font-size: 18px; text-align: left; }
.pointlisting {margin-bottom: 0; display: inline-block; }
.pointlisting li {position: relative; width: 50%; font-size: 14px; padding-left: 0px; padding-bottom: 10px; display: inline-block; text-align: left; }
/*.pointlisting li:before {position: absolute; left: 0; top: 0; color: #2c42b3; content: "\f00c";font-family:fontawesome; }*/
.pointlisting li span{ margin-right: 10px; color: #16a085;}
.left {margin: 30px 0 0 0; }


/*================COMPLETE-BRANDING-SOLUTION-CSS-START=================*/
.main-cmplte-brnd-sec{padding: 60px 0 60px 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 Old browsers */ background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background:#16a085; }
.cmpo-prc-inner ul{padding: 0px;margin: 0px 0 30px 0;}
.cmpo-prc-inner ul li:before{content: "\f05d"; position: absolute; font-family: 'fontawesome' !important; font-size: 13px; color: #f2cd2e; left: 0px; bottom: 0px; }
.cmpo-prc-inner ul li.cmp-heading{font-weight: bold;font-size: 20px;padding: 0 0 3px 0;color: #f2cd2e;text-transform: uppercase;position: relative;}
.cmpo-prc-inner ul li.cmp-heading:before{content: ""; position: absolute; height: 2px; background-color: #f2cd2e; bottom: 0px; left: 0px; }
.cmpo-prc-inner ul li.cmp-heading.brd1:before{width: 132px;}
.cmpo-prc-inner ul li.cmp-heading.brd2:before{width: 97px;}
.cmpo-prc-inner ul li.cmp-heading.brd3:before{width: 250px;}
.cmpo-prc-inner ul li.cmp-heading.brd4:before{width: 200px;}
.cmpo-prc-inner ul li{color: #fff; font-size: 13px; display: block; line-height: 1.1; padding: 10px 0 0 20px; position: relative;}
.cmpo-prc-inner ul li span{font-size: 10px;}
.cmplet-img img{width: 100%;}
.main-cmple-img-sec{position:relative;}
.brndng-txt{width: 35%;position: absolute;top: 0px;left: 0px;}
.brndng-txt img{width: 100%; -ms-transform: rotate(3deg); /* IE 9 */ -webkit-transform: rotate(3deg); /* Safari prior 9.0 */ transform: rotate(3deg); /* Standard syntax */}
.cmplet-img {padding: 150px 0 0 0;}
.chat-con-combo .pkge-ordr{display: inline-block;}
.chat-con-combo .pkge-bkcl{display: inline-block;}
a.cmp-btn {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ background: #3996d2; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #fff; font-size: 13px; font-weight: 600; text-transform: uppercase; padding: 10px 12px; border-radius: 5px; }
a.out-cmp-btn {color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; padding: 9.5px 14px; border-radius: 5px; background-color: transparent; border: 1px solid #fff; width: 100% !important; /* float: left; */ margin-left: 4px; }
.chat-con-combo {padding: 60px 0 0 0; text-align: center; }
.brndng-plan{position: absolute; right: 0px; top: -20px; }
.brndng-plan img{width: 100%;}
.main-cmplte-mob-sec{padding: 30px 0 30px 0;display: none;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ background: #3996d2; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.cmpl-mob-img{text-align: center; width: 75%; margin: 0 auto 15px; }
.cmpl-mob-img img{width: 100%;}
.main-cmplte-mob-sec .slick-dots{bottom: -10px;}
.main-cmplte-mob-sec .chat-con-combo {padding: 7px 0 30px 0; }
/*================COMPLETE-BRANDING-SOLUTION-CSS-END=================*/


/*==============logo---&---web-requirements===========*/
.main-lgo-requiremnts-sec{margin: 104px 0 0 0;padding: 100px 0 60px 0;}
.bsnuss-heading{padding: 0 0 15px 0;}
.infrm-inpts{margin: 0 0 30px 0;font-size: 0;}
.infrm-inpts span, .social_media_type span{display: inline-block; padding: 0 0 10px 0; font-size: 16px; color: #7d758e; font-weight: bold; }
.infrm-inpts input, .infrm-inpts textarea, .infrm-inpts select {width: 100%; padding: 12px 20px 12px 20px; font-size: 16px; margin: 0; background-color: transparent; height: 50px; border: 1px solid #e0e0e0; outline: none; transition: all 700ms; color: #7d758e; font-weight: 500; border-radius: 3px; }
.infrm-inpts textarea{resize: none;height: 278px;}
.infrm-inpts.infrm-selt{position: relative;}
.infrm-inpts.infrm-selt select{padding: 10px 20px 12px 20px;}
.infrm-inpts.infrm-selt:after {content: "\f107"; font-family: fontawesome; right: 25px; top: 47px; font-size: 16px; position: absolute; }
.clre-heading{padding: 30px 0 0 0;}
.font_box1{text-align: center;position: relative;}
.font_box1 label, .logo_box1 label{padding: 0;margin: 0;}
.font_box1 img, .logo_box1 img{width: 100%;}
.font_box1 div{width: 100%; height: 100px; border: 5px solid #DEE0EC; border-radius: 6px; cursor: pointer; text-align: center; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; padding: 15px 20px; margin: 30px 0 0 0; }
.font_box1:hover div {border: 3px solid #3996d2; box-shadow: 0 17px 25px rgba(0,0,0,.13)!important; -webkit-box-shadow: 0 17px 25px rgba(0,0,0,.13); -moz-box-shadow: 0 17px 25px rgba(0,0,0,.13); -o-box-shadow: 0 17px 25px rgba(0,0,0,.13);}
.font_box1 input{position: absolute;top: 30px;left: 0;width: 100%;opacity: 0;z-index: 99;height: 100px;cursor:pointer;}
.font_box1 input[type="checkbox"]:checked + div {border: 5px solid #3996d2; box-shadow: 0 17px 25px rgba(0,0,0,.13); -webkit-box-shadow: 0 17px 25px rgba(0,0,0,.13); -moz-box-shadow: 0 17px 25px rgba(0,0,0,.13); -o-box-shadow: 0 17px 25px rgba(0,0,0,.13);}
.logo_box1{margin: 30px 0 0 0;}
.logo_box1 input{position: absolute;top: 30px;left: 0;width: 100%;opacity: 0;z-index: 9;cursor:pointer;height: 225px;}
.logo_box1 div{width: 100%; height: auto; border: 5px solid #DEE0EC; border-radius: 6px; cursor: pointer; text-align: center; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;}
p.lgo-titles {font-size: 30px; font-weight: bold; padding: 10px 0 0 0; margin: 0; color: #141315; text-transform: uppercase; }
.logo_box1:hover div{border: 5px solid #3996d2; box-shadow: 0 17px 25px rgba(0,0,0,.13); -webkit-box-shadow: 0 17px 25px rgba(0,0,0,.13); -moz-box-shadow: 0 17px 25px rgba(0,0,0,.13); -o-box-shadow: 0 17px 25px rgba(0,0,0,.13);}
.logo_box1 label{}
.logo_box1 input[type="radio"]:checked + div {border: 5px solid #3996d2; box-shadow: 0 17px 25px rgba(0,0,0,.13); -webkit-box-shadow: 0 17px 25px rgba(0,0,0,.13); -moz-box-shadow: 0 17px 25px rgba(0,0,0,.13); -o-box-shadow: 0 17px 25px rgba(0,0,0,.13);}
.slct-lgo-heading{padding: 60px 0 0 0;}
.slct-tpyogrh-heading{padding: 40px 0 0 0;}
.req-submit input[type=submit] {cursor: pointer; width: auto; color: #fff; border-radius: 3px; padding: 15px 50px; font-size: 16px; height: auto; border: none; font-weight: 600; transform: translateY(0rem); background: #3996d2; background: -moz-linear-gradient(-45deg, #3996d2 0%, #1169cd 100%); background: -webkit-linear-gradient(-45deg, #3996d2 0%,#1169cd 100%); background: linear-gradient(135deg, #3996d2 0%,#1169cd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); transition: all 700ms; }
.req-submit input[type=submit]:hover {transform: translateY(-0.625rem); box-shadow: 0 20px 38px rgba(0,0,0,.16); -webkit-box-shadow: 0 20px 38px rgba(0,0,0,.16); -o-box-shadow: 0 20px 38px rgba(0,0,0,.16); transition: all 700ms; }
.social_media_type{margin: 0 0 30px 0;font-size: 0;}
.social_media_type ul{font-size: 0;margin: 0;padding:0 ;}
.social_media_type ul li{display: inline-block;font-size: 20px;position: relative;margin: 0 0 0 15px;}
.social_media_type ul li:first-child{margin: 0;}
.social_media_type ul li input{position: absolute;opacity: 0;width: 100%;height: 55px;left: 0;top: 0;cursor: pointer;}
.social_media_type ul li i{padding: 10px;border:3px solid #DEE0EC;font-size: 30px;font-weight: bold;border-radius: 6px;}
.social_media_type ul li input[type="checkbox"]:checked + i.fa-facebook-official{color: #496da8;border: 3px solid #496da8;}
.social_media_type ul li input[type="checkbox"]:checked + i.fa-linkedin-square{color: #1883bb;border: 3px solid #1883bb;}
.social_media_type ul li input[type="checkbox"]:checked + i.fa-twitter-square{color: #79c9e9;border: 3px solid #79c9e9;}
.social_media_type ul li input[type="checkbox"]:checked + i.fa-pinterest-square{color: #ce2021;border: 3px solid #ce2021;}
.infrm-inpts.pges-txt textarea{height: 248px;}
.bsnuss-heading p span{display: block;color: #676767;}
.bsnuss-heading p a{font-weight: bold;text-decoration: underline;}
/*==============logo---&---web-requirements===========*/


/*==============thankyou_page_form===========*/
.main-thankyou-form-sec{padding: 0 0 60px 0;}
.thnk_inp{margin: 0 0 30px 0;font-size: 0;}
.thnk_inp span, .social_media_type span{display: inline-block; padding: 0 0 10px 0; font-size: 16px; color: #7d758e; font-weight: bold; }
.thnk_inp input, .thnk_inp textarea, .thnk_inp select {width: 100%; padding: 12px 20px 12px 20px; font-size: 16px; margin: 0; background-color: transparent; height: 50px; border: 1px solid #e0e0e0; outline: none; transition: all 700ms; color: #7d758e; font-weight: 500; border-radius: 3px; }
.thnk_inp textarea{resize: none;height: 278px;}
.thnk_inp_pay ul{padding: 0;margin: 5px 0 0 0;font-size: 0;}
.thnk_inp_pay ul li{display: inline-block;vertical-align: top;padding: 0px 0 0px 0;margin: 0 0 0 0;position: relative;width: 25%;}
.thnk_inp_pay ul li input{opacity: 0;position: absolute;top: 0;left: 0;width: 50%;height: 40px;cursor: pointer;z-index: 9;}
.thnk_inp_pay ul li img{width: 70px;border: 5px solid transparent;border-radius: 6px;}
.thnk_inp_pay ul li input[type="radio"]:checked + div img{border: 5px solid #3996d2;box-shadow: 0 17px 25px rgba(0,0,0,.13); -webkit-box-shadow: 0 17px 25px rgba(0,0,0,.13); -moz-box-shadow: 0 17px 25px rgba(0,0,0,.13); -o-box-shadow: 0 17px 25px rgba(0,0,0,.13);}
.sbmt_btn input{color: #fff; font-weight: 600; cursor: pointer; border: 1px solid transparent; text-transform: capitalize; border-radius: 3px; padding: 10px 40px; font-size: 20px; transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3996d2+0,1169cd+100 */ background: #3996d2; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #466cf7 0%, #2a3db6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #466cf7 0%,#2a3db6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #3996d2 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3996d2', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background:#16a085; }
/*==============thankyou_page_form===========*/

.pkg-img-type i {
    font-size: 48px;
    color: #16a085;     margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
.home-banner { background-position: center left; }
.testimonials-slider-main .slick-prev { left:0px; }
.testimonials-slider-main .slick-next { right:0px; }

.top-info-list li:nth-child(2){display: none;}
.top-info-list li a{font-size: 12px;}


.leftinner figure img{max-width: 100%;}
.landing-pagetext figure img{max-width: 100%;}
.singletestimonials .testwraper .item .quotepart{width: 77%;}
.pricing-sec .nav-pills li{margin: 0 0 0 0;}
.smallboxes .smallbox{width: 30%;}
.navbg-clr .nav-area-full{display: block;}
    
}

@media only screen and (max-width: 769px) and (min-width: 0px)   {
    .servicesec h4,.listsec h2,.maparea h2,.pricing-sec h2,.who-we-sec h2,.ourprocesses .paright h2,.leftinner h2,.ourapproachsec h2,.bottom-form .txtwrap h2,.faqsection h2,.satisfactionfold .textwrap h2,.helpsec h2,.strugglesec h2{font-size: 26px;}
    .servicesec p,.pricing-sec p,.who-we-sec p,.ourprocesses .paright p,.packages-sec p,.ourapproachsec p,.bottom-form .txtwrap p,.satisfactionfold .textwrap p,.helpsec p,.strugglesec p{font-size:18px;  line-height: 1.3;}
    .btn-secondary{}
    .mobile-nav nav{ height: 90%; }
    .nav-area-full{margin-top: 0px;padding: 10px 0;}
    .helpsec .imgplace figure img{width: 100%;}
    .mobile-nav-btn{z-index: 999;    top: 14px;}
    .mobile-nav-btn span:before, .mobile-nav-btn span:after,.mobile-nav-btn span{ background-color: #6c7780;}
    .slider-wrapper {margin-top: 45px;}
    .header-main {position: fixed;    background: #fff;/*height: 750px;*/}
    .main-hme-banner-sec {padding: 25px 0 0px 0; }
    .home-banner-content h1{font-size: 36px;    line-height: 1.2;}
    .home-banner-content .subtitle{font-size: 20px}
    .gclients .textw h3{font-size:36px; }
    .gclients h5{margin-top: 20px;}
    .gclients .clientslist{margin-bottom: 20px;}
    .strugglesec {padding: 60px 0;}
    .strugglesec .paright{padding-right: 0px;}
    .strugglesec p{padding-bottom: 30px;}
    .strugglesec ul li{width: 100%;font-size: 16px;padding-bottom: 15px;}
    .helpsec{padding: 60px 0;}
    .helpsec .wayswrapper ul li {float: left;width: 100%;padding-right: 15px;padding-left: 15px;    margin-bottom: 30px;}
    .helpsec .ctabottom a{float: none;}
    .helpsec .ctabottom{text-align: left;}
    .helpsec .ctabottom h3{font-size: 20px;margin-bottom: 30px;}
    .satisfactionfold .textwrap .satisfylist li{width: 100%;}
    .satisfactionfold figure{display: none;}
    .pricing-sec,.weDifferent-sec,.who-we-sec,.ourprocesses,.packages-sec,.ourapproachsec,.bottom-form,.faqsection,.singletestimonials,.cta,.satisfactionfold{padding: 60px 0;}
    .cta h3{margin-top: 0px;font-size: 20px;margin-bottom: 30px;}
    .cta h6{float: none; text-align: left;    vertical-align: top;}
    .singletestimonials .testwraper .item .quotepart h4{font-size: 22px;line-height: 1.2;}
    .singletestimonials .testwraper .item .quotepart{width: 100%; margin-top: 30px;}
    .singletestimonials .testwraper .item .quotepart h4 span{display: none !important;}
    .faqsection h2{text-align: left;}
    .bottom-form .txtwrap p{padding-bottom: 20px;}
    .bot-form form textarea{    padding: 8px 18px;}
    /*.xsmtpx-30{margin-top: 30px;}*/
    .xshide{display: none;}
    .footer-top .socialmid{margin: 0px;padding: 30px 0;	}
    .logo{display: inline-block;width: 70%;}
    .main-top-bar{display:none;}
    .mobile-nav img{    width: 130px;}
    .mobile-nav nav li a.active{background: #3996d2;}
    .mobile-nav nav li ul li a{font-size: 14px;}
    .mobile-nav nav li a{font-size: 18px;}
    .inner-pages .inner-banner{    margin-top: 62px;    background-position: top left !important;}
    .inner-banner-content h2{font-size: 32px;}
    .inner-banner .inner-banner-content h2 span{font-size: 26px;}
    .inner-banner-content p{    font-size: 18px;padding-bottom: 30px;}
    .ourapproachsec p,.ourapproachsec h2{text-align: left;}
    .ourapproachsec .wrapper .chunk h3{font-size: 20px;}
    .ourapproachsec figure img{display: none;}
    .leftinner figure img{width: 100%;}
    .hidemob{display: none;}
    .cta2 .wrap h3{font-size: 24px;text-align: left;}
    .cta2 .wrap h6{text-align: left;}
    .cta2{height: auto;text-align: left;}
    .ourprocesses .cta{position: relative;margin-top: 30px;margin-bottom: 40px;}
    .ourprocesses .processlistdown li{    width: 100%;height: auto;margin-bottom: 30px;}
    .ourprocesses .processlistdown li:last-child{    margin-bottom: 0;}
    .singletestimonials .testwraper {width: 85%;}
    .ourprocesses .cta h4{line-height: 1.3;}
    .innerservices .inner-banner .inner-banner-content h2 br,.ourprocesses .processlistdown li h3 br{display:none;}
    .accordion{margin-top: 20px;}
    .quest-title{font-size: 20px;}
    .servicepg .inner-banner-content{text-align: left;}
    .servicepg .inner-banner-content figure img.servicefigure{display: none;}
    .servicepg .inner-banner .round1,.servicepg .inner-banner .round2,.servicepg .inner-banner .round3,.servicepg .inner-banner .round4,.servicepg .inner-banner .round5,.servicepg .inner-banner .round6,.servicepg .inner-banner .round7{display: none;}
    .servicepg .inner-banner{height: 460px;}
    .who-we-sec h2.ptpx-40,.who-we-sec h2.ptpx-90{padding-top: 0px!important;}
    .who-we-sec figure{display: none;}
    .diff-wrap li:nth-child(3){margin-right: 20px;}
    .diff-wrap li:nth-child(5),.diff-wrap li:nth-child(3),.diff-wrap li:nth-child(2),.diff-wrap li:nth-child(4) { margin-top: 0px; }
    .diff-wrap li{width: 25%;}
    .diff-wrap{margin-top: 40px;}
    .pricingboxes .largebox .leftarea figure img{width: 200px;}
    .pricingboxes .largebox .leftarea{text-align: left;width: 100%;margin-right: 0px;}
    .pricingboxes .largebox .rightarea{width: 100%;}
    .ticklist li.ralign{display: block;text-align: left;}
    .ticklist li{width: 100%; text-align:left;}
    .smallboxes .smallbox{width: 100%;}
    .smallboxes .smallbox h4{text-align: left;}
    .smallbox.mid{    margin: 0px 0 32px;}
    .smallboxes .smallbox figure img{width: auto;}
    .smallboxes .smallbox figure{text-align: left;}
    .smallboxes .smallbox h2{text-align: left;padding-top: 0;}
    .smallboxes .smallbox .price-btnwrap{text-align:left;}
    .smallbox.mright{margin-right: 0px;}
    .pricing-sec h2{padding-top: 60px;text-align: left;}
    .pricing-sec p{text-align: left;}
    .twoboxes .contactboxeswrap .contactbox{width: 100%;}
    .twoboxes .contactboxeswrap .contactbox.left{margin-right: 0px;margin-bottom: 30px;}
    .oddinner-banner .inner-banner-content h3{font-size: 36px;text-align: left;}
    .oddinner-banner .inner-banner-content p{text-align: left;}
    .maparea h2{text-align: left;    padding-bottom: 40px;}
    .maparea .mapwrap .mappart{width: 100%;}
    .maparea .mapwrap .infopart{width: 100%;    padding: 30px;    height: auto;}
    .listsec h2{text-align:left;padding: 0 15px;}
    .listsec .wrap ul li{width: 100%;}
    .listsec .wrap ul li.br{border-right:0px;padding: 10px 20px;}
    .listsec .wrap ul li:last-child,.listsec .wrap ul li.bb{padding: 10px 20px;}
    .listsec .wrap ul li:nth-child(n+13){    border-bottom: 1px solid #BBBECC;}
    .listsec .wrap ul li:last-child{    border-bottom:0px;}
    .servicesec p{text-align: left;}
    .servicesec h4{text-align: left;}
    .tabs .portfoliolist li{width: 42%;}
    .cta h6 a{font-size: 16px; margin-top: 6px;}
    .nav-area-full{margin: 0;-webkit-box-shadow: 0 2px 20px #01010130;-moz-box-shadow: 0 2px 20px #01010130;-o-box-shadow: 0 2px 20px #01010130;box-shadow: 0 2px 20px #01010130;}
    .servicesec .boxwrap li{width: 29%;}
    .partners-cta{display: none;}

}

.sale-blckfriday.open{-webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.sale-blckfriday{position: fixed;z-index: 999;left: 20px;bottom: 120px;cursor: pointer;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.sale-blckfriday .salecrcle-btn{background: #fff;width: 100px;height: 100px;border-radius: 50%;text-align: center;padding: 15px 0;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: absolute;    box-shadow: 0 5px 30px 0 #0000004d;}
.sale-blckfriday .salecrcle-btn h3{color: #fb293f;font-size: 34px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: relative;font-weight: 700;}
.sale-blckfriday .salecrcle-btn h3 span{display: block;width: 100%;font-size: 12px;color: #000;}
.sale-blckfriday .salecrcle-btn.open{padding: 30px 0;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.sale-blckfriday .salecrcle-btn.open h3{font-size: 0;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.sale-blckfriday .salecrcle-btn.open h3 span{font-size: 0}
.sale-blckfriday .salecrcle-btn.open h3:after{position: relative;content: "X";color: #fb293f;font-size: 38px;-webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.sale-blckfriday .sale-box{width: 350px;margin: 0px 0 20px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;height: 0px;overflow: hidden;background: url(../img/sale.html)no-repeat;background-size: cover;border-radius: 10px;    cursor: default;}
.sale-blckfriday .sale-box.open{height:450px;overflow: visible;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.sale-blckfriday .sale-box.open a{position: absolute; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; padding: 10px 0; left: -1px; right: 0; font-size: 16px; bottom: 46px !important; width: 77%; background: #fff; color: #000; bottom: 30px; text-align: center; border-radius: 5px; margin: auto; display: inline-block; left: 0; right: 0;}
.sale-blckfriday .salecrcle-btn h3:before{display: none !important;}
.portfolio-inner{text-align: center;}
.portfolio-inner h2{text-align: center; font-size: 36px; width: 100%; font-weight: 700; line-height: 1.2;}
.portfolio-inner p{text-align: center;font-size: 20px;width: 100%;padding-bottom: 10px;line-height: 1.4;}
.portfolio-inner a.btn-secondary{margin: 60px auto 0;}
.portwrapper{}
.portfoliolist {text-align: center;margin-bottom: 0px;font-size: 0}
.border-box-effect {position: relative;margin: 20px;display: inline-block;width: 43%;}
.border-box-effect img {width: 100%; border-radius: 3px;}
.border-box-effect figure{margin-bottom: 0px;}
.border-box-effect:before {border-bottom: 3px solid #FFF; border-left: 3px solid #FFF; -webkit-transform-origin: 0 100%; }
.border-box-effect:after {border-top: 3px solid #FFF; border-right: 3px solid #FFF; -webkit-transform-origin: 100% 0%; }
.border-box-effect:before, .border-box-effect:after {width: calc(100% - 22px); height: calc(100% - 22px); z-index: 3; content: ''; position: absolute; top: 10px; left: 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 1; }
.border-box-effect:hover:before, .border-box-effect:hover:after {-webkit-transform: scale(1); }
.border-box-effect > * {position: relative; display: block; }
.border-box-effect > *.new-anim:after {content: "\e92d"; font-family: 'ingicdesign'; color: #fb2224; font-size: 50px; }
.border-box-effect > *:before {background: rgba(0, 0, 0, 0.2); content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: none; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.border-box-effect > *:after {content: "+"; font-size: 74px; color: #ffffff; text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 40px; height: 40px; line-height: 36px; z-index: 2; font-weight: 200; display: none; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.border-box-effect > *:hover:before, .border-box-effect > *:hover:after {display: block; }
.portfoliolist.portfoliolist-logo{}
.portfoliolist.portfoliolist-logo li{width: 100%;font-size: 0}
.portfoliolist.portfoliolist-logo li > div{width: 50%;padding: 20px;display: inline-block;}
.portfoliolist.portfoliolist-logo .border-box-effect:hover:before,.portfoliolist.portfoliolist-logo  .border-box-effect:hover:after,
.portfoliolist.portfoliolist-logo .border-box-effect > *:hover:before,.portfoliolist.portfoliolist-logo .border-box-effect > *:hover:after{display: none}
.portfoliolist.portfoliolist-logo .border-box-effect > div{-webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s;}
.portfoliolist.portfoliolist-logo .border-box-effect > div:hover{-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s;}
.gtquote{}
.gtquote .home-banner{}
.gtquote .home-banner:before{display: none;}
.analyzepg .home-banner:before{display: none;}
#packages option.colr{color: #f38440;font-weight: 700;}
.form-box-main p{text-align: left; font-size: 20px; width: 100%; padding-bottom: 30px; line-height: 1.4; }
.form-box-main form input::placeholder,
.form-box-main form select::placeholder,
.form-box-main form textarea::placeholder{color: #5B6B7F;}
.form-box-main form input[type="file"]{color: #5B6B7F;}
.smallnote{color: #5B6B7F; padding-bottom: 10px; display: inline-block; }
.nopaddding{padding: 0; }
.nopaddding input[type="checkbox"]{}
.nopaddding label{font-size: 16px !important; margin-left: -36px !important; }
.forarrowselect{position:relative;}
.forarrowselect:after{position:absolute;content:"\e955";font-family: 'icomoon' !important;bottom: 16px;right: 16px;}
.servicepg .inner-banner.justbg{background: url(../images/culture.html); position: relative; background-position: top center; background-size: cover; }
.logopg .helpsec {background: #7a23fa;}
.webpg .helpsec {background: #8933fa;}
.seopg .helpsec {background: #6b64cc;}
.mobpg .helpsec {background: #04113e;}
.videopg .helpsec {background: #120043;}
.btn-simplect{color: #f38440; font-size: 24px; font-weight: 600; text-decoration: underline; }
.smallfont{font-size: 18px;}
.smpltxt{width: 100%;}

/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .safari_only {

  color:#5B6B7F; 
  background-color:#fff; 

}

@media not all and (min-resolution:.001dpcm) { @media
{
    .safari_only { 

        color:#5B6B7F; 
        background-color:#fff; 

    }
}}


/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */

@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
    .safari_only { 

        color:#5B6B7F; 
        background-color:#fff; 

    }
}}


/********** Responsive **********/
@media only screen and (max-width: 1200px) {
.home-slider .slick-dots { width:auto; text-align:center; }
}

@media only screen and (max-width: 1024px) {
.home-banner { background-position: center left; }
.testimonials-slider-main .slick-prev { left:0px; }
.testimonials-slider-main .slick-next { right:0px; }
.header-main .secondlogo a img {width: 70px; }
.header-main .secondlogo{margin-right: 15px;}
.home-banner-content h1{font-size: 54px;}
.slider-wrapper, .main-hme-banner-sec{height: 600px;}
.main-hme-banner-sec{padding: 115px 0 0 0;}
.main-services-banner-sec .banner-form.srv-bnr-frm{width: 100%;padding: 30px 20px;}
.banner-form.srv-bnr-frm h3{font-size: 24px;}
.home-banner-content h1 {font-weight: 700;font-size: 25px;} 
.main-menu > ul > li > a{font-size: 12px;}
.main-menu > ul > li{padding: 0px 9px;}
#client .slick-prev {bottom: 9%; }
#client .slick-next {top: 34%; }
/*.nav-area-full{margin-top: 72px;}*/
.header-main .othermenu li {margin-right: 8px; }
.servicesec .boxwrap li{    margin: 0 8px 20px;}
#menuTrigger{display: none;}
}

@media only screen and (max-width: 991px) {
.logo {/* width: 70px; */} 
}
@media only screen and (max-width: 767px) {
.home-banner {
    height: 450px;
}
.inner-banner { height: 300px; }

/*** theme sections padding ***/
.sec-padding-100 { padding:50px 0;}
.sec-padding-90 { padding:45px 0;}
.sec-padding-80 { padding:40px 0;}
.sec-padding-70 { padding:35px 0;}
.sec-padding-60 { padding:30px 0;}
.sec-padding-xlarge { padding:25px 0; }
.sec-padding-large { padding:20px 0; }
.sec-padding-medium { padding:15px 0; }
.sec-padding-small { padding:15px 0; }
.sec-padding-xsmall { padding:10px 0; }

/*** theme sections margin ***/
.sec-margin-100 { margin:50px 0;}
.sec-margin-90 { margin:45px 0;}
.sec-margin-80 { margin:40px 0;}
.sec-margin-70 { margin:35px 0;}
.sec-margin-60 { margin:30px 0;}
.sec-margin-xlarge { margin:25px 0; }
.sec-margin-large { margin:20px 0; }
.sec-margin-medium { margin:15px 0; }
.sec-margin-small { margin:15px 0; }
.sec-margin-xsmall { margin:10px 0; }
.sliderxs { padding-bottom:30px; }
.copyright {margin-top: 10px;text-align: center;}
.footer-nav2 li{float: none;display: inline-block;}  
.footer-nav2 {float: none;margin-top: 0;text-align: center;}
.disclaimer { text-align:center; }
.footer-top .socialmid {padding: 30px 0; }





}

@media screen and (max-width: 768px){
.nav-area-full{display: block;}
.home-banner-content h1 {font-weight: 700;font-size: 25px;}   
.home-banner-content .subtitle {font-size: 18px; }
.home-banner-content ul li {font-size: 14px; float: none; width: 100%; }
.number-banner-content h1 { font-size: var(--font-size-h1-home)!important; }    
.inner-banner-content h1 { font-size: var(--font-size-h1-inner)!important; } 
h2, .h2{font-size: var(--font-size-h2);}
.btn-theme {padding: 16px 30px; font-size: 14px; }
.main-hme-banner-sec, .slider-wrapper{height: 530px;}
.main-hme-banner-sec {padding: 30px 0 0 0; }
.main-cnt-heading {font-size: 34px; }
.strey ul li h3 {font-size: 20px; }
.strey ul li img {width: 55px; }
.inner-img-box {height: 218px; background-size: contain; }
.inner-work-box{min-height: 218px;}
.ultlzng-crnt ul li img{width: 55px;}
.vrous-induist ul li h3 {font-size: 20px; padding: 20px 0 20px 0; }
.cta1 h2{font-size: 30px;}
.main-cta1-sec{height: 228px;}
.digcnt h2{font-size: 22px;}
.digcnt p {font-size: 15px; line-height: 1.4; }
.main-evrybrnd-sec {margin: 45px 0 0 0px; }
.whocntsec p{line-height: 1.4;padding: 0;}
.whocntsec h2 {font-size: 30px; line-height: 1.4; }
.evry-heading-sec h2 {font-size: 40px; line-height: 1.2; }
.main-technolgyes-sec .row {padding: 0 0 40px 0; }
.tech-heading-box h2 {font-size: 24px; line-height: 1.2; padding: 0 0 15px 0; }
.main-services-banner-sec {margin: 45px 0 0 0; height: 655px; }
.main-services-banner-sec .banner-form.srv-bnr-frm{width: 100%;padding: 30px 20px;}
.banner-form.srv-bnr-frm h3{font-size: 24px;}
.col-lg-2.logo-area {display: block; }
#client .slick-prev {bottom: 10%; }
#client .slick-next {top: 33%; }
.nav-area-full{margin-top: 0px;}
.home-banner{height: 530px;}
.myservices .left h2 {font-size: 26px; }
.myservices .left p{font-size: 16px;}
.brndng-plan img {width: 160px; }
.brndng-plan{top: 10px;}
.cmpo-prc-inner ul li.cmp-heading{font-size: 16px;}
.cmpo-prc-inner ul li.cmp-heading.brd3:before {width: 210px; }





}




@media screen and (max-width: 736px){
.floatbutton {display: none; }
.object2, .object3{display: none;}
.para-wdth {width: 100%; margin: 0 auto; }
.slick-slide img{display: inline-block;}
.main-fll-servces-sec {padding: 30px 0 30px 0; }
.main-tbing-sec {padding: 0px 0 30px 0; }
.package-wrapper{margin: 10px 0;}
.main-testimonails-sec {padding: 30px 0 30px 0; height: 550px; }
.slick-dots li button:before{background: #fff;}
.testi-inner-slides p{font-size: 18px;}
.testi-inner-slides span {font-size: 16px; }
.main-vruos-induis-sec{padding: 30px 0 30px 0;}
.main-utlnzng-crent-sec {padding: 30px 0 30px 0; }
.cta1 h2{font-size: 26px;}
.main-cnt-heading, .evry-heading-sec h2{font-size: 26px;line-height: 1.3;}
.main-cnt-para, .evry-heading-sec p{font-size: 16px;}
.lonkgn p {font-size: 16px; }
.main-cta1-inner-sec {padding: 30px 0; }
.main-cta1-sec {height: 180px; }
.btn-theme{font-size: 16px;padding: 14px 30px;}
.main-lets-frm-sec {padding: 30px 0; }
.getquotepg .main-lets-frm-sec {margin: 40px 0 0 0; }
.footer-top {padding: 30px 0 0; }
.ftrr-lgo img {width: 125px; padding: 0px 0 20px 0; }
.footer-bottom {padding: 10px 0; }
.services-inner-pge .main-vruos-induis-sec, .workpg .main-vruos-induis-sec, .technologiespg .main-vruos-induis-sec, .aboutpage .main-vruos-induis-sec {padding: 30px 0 30px 0; }
.main-services-banner-sec video {transform: scale(12); }
.main-services-banner-sec {margin: 45px 0 0 0; }
.main-services-banner-sec{padding: 30px 0;}
.srvce-cont h1 {font-size: 36px; font-weight: 700; }
.banner-form{width: 100%;margin: 30px 0 0 0;}
.main-srvice-second-sec{padding: 30px 0 0 0;}
.evry-img-sec img {margin: 35px auto 0; }
.main-srve-porflio-sec {padding: 30px 0; }
.main-srvng-bsiness-sec {padding: 0px 0 30px 0; }
.main-evrybrnd-sec {margin: 45px 0 0 0px; padding: 30px 0 30px 0; }
.main-abut-img-sec {padding: 30px 0; }
.main-whoweare-sec {padding: 30px 0; }
.main-3clum-sec {padding: 30px 0; }
.main-our-prtner-sec {padding: 30px 0 0 0; }
.main-technolgyes-sec {padding: 30px 0; }
.tech-heading-box h2 {font-size: 20px; padding: 15px 0 15px 0; }
.book-call-ys-box {height: auto;width: 100% !important;max-width: 400px;margin: 0 auto;}
.book-call-popupform form .fldst .intl-tel-input {width: 68%;margin-bottom: 0px;}
.book-call-popupform form .callus{height: auto;font-size:16px;}
.main-heading{font-size: 26px;}
.book-call-ys-popup-content{padding: 20px 15px;}
.main-thankyou-sec {padding: 80px 0 60px 0px;margin: 0;}
.mble-pckge-lft {padding: 0 0 20px 0; }
.ticklist li.ralign {padding: 5px 0 0 0; }
.mobile-applications-page .main-srvng-bsiness-sec .row + .row, 
.pay-per-click-page .main-srvng-bsiness-sec .row + .row, 
.search-engin-marketing-page .main-srvng-bsiness-sec .row + .row, 
.social-media-marketing-page .main-srvng-bsiness-sec .row + .row, 
.creative-content-writing-business-proposals-page .main-srvng-bsiness-sec .row + .row, 
.web-maintenance-securities-page .main-srvng-bsiness-sec .row + .row{padding: 15px 0; background: #fff; margin: 0 5px; box-shadow: 0 0 11px #eaf0f6; -webkit-box-shadow: 0 0 11px #eaf0f6; -moz-box-shadow: 0 0 11px #eaf0f6; -o-box-shadow: 0 0 11px #eaf0f6;  }
.main-services-banner-sec{height: auto;}
.subscribe-tab{padding: 30px 0 30px 0; }
.main-combo-pack-sec {padding: 30px 0 30px 0; margin-top: 40px;}
.main-combo-pack-sec .table-packages .head h5{font-size: 20px;}
.main-services-list {padding: 25px 0 0 0; }
.cmbo-head .main-cnt-heading {font-size: 26px; }
.cmbo-head .main-cnt-para {font-size: 16px;}
.cmbo-head {padding: 0 0 0px 0; }
.form-subscribe input[type="submit"]{margin-top: 15px;}
.main-cmplte-mob-sec {display: block; }
.main-cmplte-brnd-sec {display: none; }
.vsalgs img {width: 100%; }
.servicesec .boxwrap li.current{transform: translateY(0rem);}
.servicesec{padding: 30px 0;}
.myservices .left h2{font-size: 24px;}
.servicesec .right{padding-top: 40px;}
.navbg-clr .nav-area-full{margin-top: 0px;}
.main-services-list .table-packages .body ul li span.tick{font-size: 14px; margin: 13px 0 0 0; }
.mblchat{display: block;}
.main-lgo-requiremnts-sec {margin: 50px 0 0 0; padding: 30px 0 30px 0; }
.font_box1 label{width: 100%;}
.font_box1 div{height: auto;}
.font_box1 img{width: 50%;}


}




@media screen and (max-width: 667px){
	

}





@media only screen and (max-width: 480px) and (min-width: 0px)   {
header .logo a {width: 131px; height: auto; background-size: 100% !important;}
header .logo {top: 5px; }
.helpsec .cstn-column .imgplace{display: none;}
.helpsec .cstn-column .txtwrap{width: 100%;padding: 0 20px;}
.innerctabottom{width: 100%;}
.inner-pages .inner-banner{height: 1020px;}
.portfoliolist.portfoliolist-logo li > div{margin: 10px;}
.accordion{margin-top: 0;}
.faqsection{padding: 30px 0;}
.quest-section{padding-bottom: 5px;}
.landing-pagetext figure img{display: none}
.main-clients-logo-sec{display: none;}
.slider-wrapper, .main-hme-banner-sec{height: auto;}
.inner-img-box {height: 355px; background-size: contain; }
.inner-work-box{min-height: 355px;}
.main-testimonails-sec {height: 515px; }
.main-cta1-sec {height: 167px; }
.home-banner-content h1 {font-size: 30px; }
.services-inner-pge .inner-img-box {height: 383px; background-size: contain; }
.services-inner-pge .inner-work-box{min-height: 383px;}
#client .slick-next {left: auto; top: auto; bottom: -28%; right: 70%; }
#client .slick-prev {left: auto; z-index: 9; top: auto; bottom: -28%; right: 30%; }

.fotr-lgos ul li {display: inline-block; margin: 0px 20px 15px 0px; }
.fotr-lgos ul li img {width: 80px; }

.main-thankyou-sec a.btn-main {display: block; margin: 10px 0px; width: 100%; }

}

@media screen and (max-width: 375px){

.inner-img-box {height: 317px; background-size: contain; }
.inner-work-box{min-height: 317px;}
.main-testimonails-sec {height: 550px; }
.main-cnt-heading {font-size: 22px; line-height: 1.3; }
.main-cta1-sec {height: 167px; }
.services-inner-pge .inner-work-box {min-height: 346px; }
.services-inner-pge .inner-img-box {height: 346px; background-size: contain; }
.main-cnt-heading, .evry-heading-sec h2 {font-size: 22px; }
.book-call-ys-box {max-width: 350px;}
.home-banner-content h1 {font-size: 28px; }



}


@media screen and (max-width: 360px){
	.inner-img-box {height: 302px; background-size: contain; }
.inner-work-box{min-height: 302px;}
.book-call-ys-box {max-width: 350px;}
.banner-form.srv-bnr-frm h3 {font-size: 28px; }
.home-banner-content h1 {font-size: 26px; }

}

@media screen and (max-width: 320px){
.main-cnt-heading {font-size: 20px; line-height: 1.3; }
.home-banner-content h1 span {display: initial; }
.home-banner-content h1 {font-size: 25px; line-height: 1.2; }
.home-banner-content .subtitle {font-size: 18px; }
.btn-theme {font-size: 14px; padding: 12px 26px; }
.inner-img-box {height: 265px; background-size: contain; }
.inner-work-box{min-height: 265px;}
.main-testimonails-sec {padding: 30px 0 30px 0; height: 510px; }
.testi-inner-slides p {font-size: 16px; line-height: 1.6; padding-bottom: 30px; }
.cta1 h2 {font-size: 22px; }
.main-cta1-sec {height: 160px; }
.chat-con ul li.pkge-bkcl a, .chat-con ul li.pkge-ordr a{font-size: 14px;}
.heading h2 {font-size: 20px; }
.old-price span {font-size: 26px; }
.package-wrapper {padding-right: 15px; padding-left: 15px; }
.services-inner-pge .inner-img-box {height: 293px; background-size: contain; }
.services-inner-pge .inner-work-box {min-height: 293px; }
.banner-form.srv-bnr-frm h3 {font-size: 24px; }
.srvce-cont h1 {font-size: 28px; }
.evry-heading-sec h2 {font-size: 20px; line-height: 1.3; }
.book-call-ys-box { max-width: 300px;}
.book-call-popupform form .fldst .intl-tel-input { width: 62%;}




}



div#google_recaptcha {
    margin: 0 0 20px 0;
}



/* thai */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 200;
  src: local('Niramit ExtraLight Italic'), local('Niramit-ExtraLightItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiXim-uLfFVZ8.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 200;
  src: local('Niramit ExtraLight Italic'), local('Niramit-ExtraLightItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiXim-o7fFVZ8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 200;
  src: local('Niramit ExtraLight Italic'), local('Niramit-ExtraLightItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiXim-orfFVZ8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 200;
  src: local('Niramit ExtraLight Italic'), local('Niramit-ExtraLightItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiXim-rLfF.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 300;
  src: local('Niramit Light Italic'), local('Niramit-LightItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiOiq-uLfFVZ8.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 300;
  src: local('Niramit Light Italic'), local('Niramit-LightItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiOiq-o7fFVZ8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 300;
  src: local('Niramit Light Italic'), local('Niramit-LightItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiOiq-orfFVZ8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 300;
  src: local('Niramit Light Italic'), local('Niramit-LightItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiOiq-rLfF.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 400;
  src: local('Niramit Italic'), local('Niramit-Italic'), url(https://fonts.gstatic.com/s/niramit/v4/I_usMpWdvgLdNxVLXbZqhQirk5Y.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 400;
  src: local('Niramit Italic'), local('Niramit-Italic'), url(https://fonts.gstatic.com/s/niramit/v4/I_usMpWdvgLdNxVLXbZqngirk5Y.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 400;
  src: local('Niramit Italic'), local('Niramit-Italic'), url(https://fonts.gstatic.com/s/niramit/v4/I_usMpWdvgLdNxVLXbZqnwirk5Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 400;
  src: local('Niramit Italic'), local('Niramit-Italic'), url(https://fonts.gstatic.com/s/niramit/v4/I_usMpWdvgLdNxVLXbZqkQir.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 500;
  src: local('Niramit Medium Italic'), local('Niramit-MediumItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiYiu-uLfFVZ8.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 500;
  src: local('Niramit Medium Italic'), local('Niramit-MediumItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiYiu-o7fFVZ8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 500;
  src: local('Niramit Medium Italic'), local('Niramit-MediumItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiYiu-orfFVZ8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 500;
  src: local('Niramit Medium Italic'), local('Niramit-MediumItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiYiu-rLfF.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 600;
  src: local('Niramit SemiBold Italic'), local('Niramit-SemiBoldItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiTiy-uLfFVZ8.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 600;
  src: local('Niramit SemiBold Italic'), local('Niramit-SemiBoldItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiTiy-o7fFVZ8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 600;
  src: local('Niramit SemiBold Italic'), local('Niramit-SemiBoldItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiTiy-orfFVZ8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 600;
  src: local('Niramit SemiBold Italic'), local('Niramit-SemiBoldItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiTiy-rLfF.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 700;
  src: local('Niramit Bold Italic'), local('Niramit-BoldItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiKi2-uLfFVZ8.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 700;
  src: local('Niramit Bold Italic'), local('Niramit-BoldItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiKi2-o7fFVZ8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 700;
  src: local('Niramit Bold Italic'), local('Niramit-BoldItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiKi2-orfFVZ8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Niramit';
  font-style: italic;
  font-weight: 700;
  src: local('Niramit Bold Italic'), local('Niramit-BoldItalic'), url(https://fonts.gstatic.com/s/niramit/v4/I_upMpWdvgLdNxVLXbZiKi2-rLfF.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 200;
  src: local('Niramit ExtraLight'), local('Niramit-ExtraLight'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVXx7hjuOrq_B.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 200;
  src: local('Niramit ExtraLight'), local('Niramit-ExtraLight'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVXx7hiCOrq_B.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 200;
  src: local('Niramit ExtraLight'), local('Niramit-ExtraLight'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVXx7hiGOrq_B.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 200;
  src: local('Niramit ExtraLight'), local('Niramit-ExtraLight'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVXx7hi-Org.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 300;
  src: local('Niramit Light'), local('Niramit-Light'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVRh4hjuOrq_B.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 300;
  src: local('Niramit Light'), local('Niramit-Light'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVRh4hiCOrq_B.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 300;
  src: local('Niramit Light'), local('Niramit-Light'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVRh4hiGOrq_B.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 300;
  src: local('Niramit Light'), local('Niramit-Light'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVRh4hi-Org.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 400;
  src: local('Niramit Regular'), local('Niramit-Regular'), url(https://fonts.gstatic.com/s/niramit/v4/I_uuMpWdvgLdNxVLXadakxCv.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 400;
  src: local('Niramit Regular'), local('Niramit-Regular'), url(https://fonts.gstatic.com/s/niramit/v4/I_uuMpWdvgLdNxVLXbxakxCv.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 400;
  src: local('Niramit Regular'), local('Niramit-Regular'), url(https://fonts.gstatic.com/s/niramit/v4/I_uuMpWdvgLdNxVLXb1akxCv.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 400;
  src: local('Niramit Regular'), local('Niramit-Regular'), url(https://fonts.gstatic.com/s/niramit/v4/I_uuMpWdvgLdNxVLXbNakw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 500;
  src: local('Niramit Medium'), local('Niramit-Medium'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVUB5hjuOrq_B.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 500;
  src: local('Niramit Medium'), local('Niramit-Medium'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVUB5hiCOrq_B.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 500;
  src: local('Niramit Medium'), local('Niramit-Medium'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVUB5hiGOrq_B.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 500;
  src: local('Niramit Medium'), local('Niramit-Medium'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVUB5hi-Org.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 600;
  src: local('Niramit SemiBold'), local('Niramit-SemiBold'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVWx-hjuOrq_B.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 600;
  src: local('Niramit SemiBold'), local('Niramit-SemiBold'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVWx-hiCOrq_B.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 600;
  src: local('Niramit SemiBold'), local('Niramit-SemiBold'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVWx-hiGOrq_B.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 600;
  src: local('Niramit SemiBold'), local('Niramit-SemiBold'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVWx-hi-Org.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 700;
  src: local('Niramit Bold'), local('Niramit-Bold'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVQh_hjuOrq_B.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 700;
  src: local('Niramit Bold'), local('Niramit-Bold'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVQh_hiCOrq_B.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 700;
  src: local('Niramit Bold'), local('Niramit-Bold'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVQh_hiGOrq_B.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Niramit';
  font-style: normal;
  font-weight: 700;
  src: local('Niramit Bold'), local('Niramit-Bold'), url(https://fonts.gstatic.com/s/niramit/v4/I_urMpWdvgLdNxVLVQh_hi-Org.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: local('Titillium Web ExtraLight Italic'), local('TitilliumWeb-ExtraLightItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPFcZTIAOhVxoMyOr9n_E7fdMbewI1Db5yciWM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: local('Titillium Web ExtraLight Italic'), local('TitilliumWeb-ExtraLightItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPFcZTIAOhVxoMyOr9n_E7fdMbewI1DYZyc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPFcZTIAOhVxoMyOr9n_E7fdMbepI5Db5yciWM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPFcZTIAOhVxoMyOr9n_E7fdMbepI5DYZyc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPAcZTIAOhVxoMyOr9n_E7fdMbWAaxWXr0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPAcZTIAOhVxoMyOr9n_E7fdMbWD6xW.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPFcZTIAOhVxoMyOr9n_E7fdMbe0IhDb5yciWM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPFcZTIAOhVxoMyOr9n_E7fdMbe0IhDYZyc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPFcZTIAOhVxoMyOr9n_E7fdMbetIlDb5yciWM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPFcZTIAOhVxoMyOr9n_E7fdMbetIlDYZyc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPDcZTIAOhVxoMyOr9n_E7ffAzHGIVzY4SY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPDcZTIAOhVxoMyOr9n_E7ffAzHGItzYw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGIVzY4SY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGItzYw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPecZTIAOhVxoMyOr9n_E7fdM3mDbRS.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPecZTIAOhVxoMyOr9n_E7fdMPmDQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGIVzY4SY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGItzYw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGIVzY4SY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzYw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: local('Titillium Web Black'), local('TitilliumWeb-Black'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPDcZTIAOhVxoMyOr9n_E7ffEDBGIVzY4SY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: local('Titillium Web Black'), local('TitilliumWeb-Black'), url(https://fonts.gstatic.com/s/titilliumweb/v8/NaPDcZTIAOhVxoMyOr9n_E7ffEDBGItzYw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.header-main .main-top-bar{background:#fff;position: fixed;top: 0px;width: 100%;padding: 6px 0 6px 0;left: 0;}
.header-main .main-top-bar p{
    text-align: right;
    transition: all 700ms;
    font-size: 16px;
    color: #171717;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    }
.header-main .main-top-bar p a{
    color: #000;
    margin-left: 12px;
}

.header-main .main-top-bar p a:hover{
    color: #293fb7;
    transition: all 700ms;
}




.gre {
	color: #16a085 !important;
	-webkit-transition: color 300ms ease-in-out
}
.pet {
	color: #3498db !important;
	-webkit-transition: color 300ms ease-in-out
}
.pur {
	color: #8e44ad !important;
	-webkit-transition: color 300ms ease-in-out
}
.ali {
	color: #e74c3c !important;
	-webkit-transition: color 300ms ease-in-out
}
.sea {
	color: #9a12b3 !important;
	-webkit-transition: color 300ms ease-in-out
}
.san {
	color: #446cb3 !important;
	-webkit-transition: color 300ms ease-in-out
}
.mad {
	color: #2c3e50 !important;
	-webkit-transition: color 300ms ease-in-out
}

.gre-hov:hover {
	background: #16a085 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.pet-hov:hover {
	background: #3498db !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important}
.pur-hov:hover {
	background: #8e44ad !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important}
.ali-hov:hover {
	background: #e74c3c !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important}
.sea-hov:hover {
	background: #9a12b3 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important}
.san-hov:hover {
	background: #446cb3 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important}
.mad-hov:hover {
	background: #2c3e50 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important}

.gre-bg {
	background: #16a085 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.pet-bg {
	background: #3498db !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.pur-bg {
	background: #8e44ad !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.ali-bg {
	background: #e74c3c !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.sea-bg {
	background: #9a12b3 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.san-bg {
	background: #446cb3 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.mad-bg {
	background: #2c3e50 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.gre-nav {
	background-color: #16a085 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.pet-nav {
	background-color: #3498db !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.pur-nav {
	background-color: #8e44ad !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.ali-nav {
	background-color: #e74c3c !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.sea-nav {
	background-color: #9a12b3 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.san-nav {
	background-color: #446cb3 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.mad-nav {
	background-color: #2c3e50 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.gre-bor:focus {
	border-color: #16a085 !important
}
.pet-bor:focus {
	border-color: #3498db !important
}
.pur-bor:focus {
	border-color: #8e44ad !important
}
.ali-bor:focus {
	border-color: #e74c3c !important
}
.sea-bor:focus {
	border-color: #9a12b3 !important
}
.san-bor:focus {
	border-color: #446cb3 !important
}
.mad-bor:focus {
	border-color: #2c3e50 !important
}
.gre-bg-o {
	background-color: #16a085 !important;
	opacity: 0.9;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.pet-bg-o {
	background-color: #3498db !important;
	opacity: 0.9;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.pur-bg-o {
	background-color: #8e44ad !important;
	opacity: 0.9;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.ali-bg-o {
	background-color: #e74c3c !important;
	opacity: 0.9;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.sea-bg-o {
	background-color: #9a12b3 !important;
	opacity: 0.9;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.san-bg-o {
	background-color: #446cb3 !important;
	opacity: 0.9;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
.mad-bg-o {
	background-color: #2c3e50 !important;
	opacity: 0.9;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
button.gre-bg {
	background-color: #16a085 !important;
	border-color: #16a085 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
button.pet-bg {
	background-color: #3498db !important;
	border-color: #3498db !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important
}
button.pur-bg {
	background-color: #8e44ad !important;
	border-color: #8e44ad !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important;
}
button.ali-bg {
	background-color: #e74c3c !important;
	border-color: #e74c3c !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important;
}
button.sea-bg {
	background-color: #9a12b3 !important;
	border-color: #9a12b3 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important;
}
button.san-bg {
	background-color: #446cb3 !important;
	border-color: #446cb3 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important;
}
button.mad-bg {
	background-color: #2c3e50 !important;
	border-color: #2c3e50 !important;
	color: #fff !important;
	-webkit-transition: all 300ms ease-in-out !important;
}
.gre-bg:hover {
	filter: brightness(100%) !important;
}
.pet-bg:hover {
	filter: brightness(100%) !important;
}
.pur-bg:hover {
	filter: brightness(100%) !important;
}
.ali-bg:hover {
	filter: brightness(100%) !important;
}
.sea-bg:hover {
	filter: brightness(100%) !important;
}
.san-bg:hover {
	filter: brightness(100%) !important;
}
.mad-bg:hover {
	filter: brightness(100%) !important;
}
.gre-bg-h:hover {
	background-color: #16a085 !important;
}
.pet-bg-h:hover {
	background-color: #3498db !important;
}
.pur-bg-h:hover {
	background-color: #8e44ad !important;
}
.ali-bg-h:hover {
	background-color: #e74c3c !important;
}
.sea-bg-h:hover {
	background-color: #9a12b3 !important;
}
.san-bg-h:hover {
	background-color: #446cb3 !important;
}
.mad-bg-h:hover {
	background-color: #2c3e50 !important;
}
.gre-h {
	color: #b6b6b4 !important;
	-webkit-transition: color 300ms ease-in-out;
}
.pet-h {
	color: #b6b6b4 !important;
	-webkit-transition: color 300ms ease-in-out;
}
.pur-h {
	color: #b6b6b4 !important;
	-webkit-transition: color 300ms ease-in-out;
}
.ali-h {
	color: #b6b6b4 !important;
	-webkit-transition: color 300ms ease-in-out;
}
.sea-h {
	color: #b6b6b4 !important;
	-webkit-transition: color 300ms ease-in-out;
}
.san-h {
	color: #b6b6b4 !important;
	-webkit-transition: color 300ms ease-in-out;
}
.mad-h {
	color: #b6b6b4 !important;
	-webkit-transition: color 300ms ease-in-out;
}
.gre-h:hover {
	color: #16a085 !important
}
.pet-h:hover {
	color: #3498db !important
}
.pur-h:hover {
	color: #8e44ad !important
}
.ali-h:hover {
	color: #e74c3c !important
}
.sea-h:hover {
	color: #9a12b3 !important
}
.san-h:hover {
	color: #446cb3 !important
}
.mad-h:hover {
	color: #2c3e50 !important
}
.gre-d:hover::before {
	border-top-color: #16a085 !important;
	border-right-color: #16a085 !important;
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s
}
.pet-d:hover::before {
	border-top-color: #3498db !important;
	border-right-color: #3498db !important;
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s
}
.pur-d:hover::before {
	border-top-color: #8e44ad !important;
	border-right-color: #8e44ad !important;
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s
}
.ali-d:hover::before {
	border-top-color: #e74c3c !important;
	border-right-color: #e74c3c !important;
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s
}
.sea-d:hover::before {
	border-top-color: #9a12b3 !important;
	border-right-color: #9a12b3 !important;
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s
}
.san-d:hover::before {
	border-top-color: #446cb3 !important;
	border-right-color: #446cb3 !important;
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s
}
.mad-d:hover::before {
	border-top-color: #2c3e50 !important;
	border-right-color: #2c3e50 !important;
	-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s
}
.gre-d:hover::after {
	border-bottom-color: #16a085 !important;
	border-left-color: #16a085 !important;
	-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s
}
.pet-d:hover::after {
	border-bottom-color: #3498db !important;
	border-left-color: #3498db !important;
	-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s
}
.pur-d:hover::after {
	border-bottom-color: #8e44ad !important;
	border-left-color: #8e44ad !important;
	-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s
}
.ali-d:hover::after {
	border-bottom-color: #e74c3c !important;
	border-left-color: #e74c3c !important;
	-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s
}
.sea-d:hover::after {
	border-bottom-color: #9a12b3 !important;
	border-left-color: #9a12b3 !important;
	-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s
}
.san-d:hover::after {
	border-bottom-color: #446cb3 !important;
	border-left-color: #446cb3 !important;
	-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s
}
.mad-d:hover::after {
	border-bottom-color: #2c3e50 !important;
	border-left-color: #2c3e50 !important;
	-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
	transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s
}
.gre-d:hover {
	color: #16a085 !important
}
.pet-d:hover {
	color: #3498db !important
}
.pur-d:hover {
	color: #8e44ad !important
}
.ali-d:hover {
	color: #e74c3c !important
}
.sea-d:hover {
	color: #9a12b3 !important
}
.san-d:hover {
	color: #446cb3 !important
}
.mad-d:hover {
	color: #2c3e50 !important
}
.gre-dots:before {
	color: #16a085 !important;
	-webkit-transition: color 300ms ease-in-out
}
.pet-dots:before {
	color: #3498db !important;
	-webkit-transition: color 300ms ease-in-out
}
.pur-dots:before {
	color: #8e44ad !important;
	-webkit-transition: color 300ms ease-in-out
}
.ali-dots:before {
	color: #e74c3c !important;
	-webkit-transition: color 300ms ease-in-out
}
.sea-dots:before {
	color: #9a12b3 !important;
	-webkit-transition: color 300ms ease-in-out
}
.san-dots:before {
	color: #446cb3 !important;
	-webkit-transition: color 300ms ease-in-out
}
.mad-dots:before {
	color: #2c3e50 !important;
	-webkit-transition: color 300ms ease-in-out
}
.logo-gre {
	background-position: center 0px !important;
	-webkit-transition: all 1s ease-in-out;
	width: 100%;
}
/* 1 */
header #header-sroll.small .logo a {
	background-position: center -3px;
}
header #header-sroll.small .logo a.logo-gre {
	background-position: center -3px !important
}
/* 2 */
/*.logo-pet {
	background-position: center -80px !important;
	-webkit-transition: all 300ms ease-in-out;
}
header #header-sroll.small .logo a.logo-pet {
	background-position: center -140px !important
}*/
/* 3 */
/*.logo-pur {
	background-position: center -173px !important;
	-webkit-transition: all 300ms ease-in-out;
	
}

header #header-sroll.small .logo a.logo-pur {
	background-position: center -233px !important
}
*//* 4 */
/*.logo-ali {
	background-position: center -359px !important;
	-webkit-transition: all 300ms ease-in-out;
}
header #header-sroll.small .logo a.logo-ali {
	background-position: center -419px !important
}*/
/* 5 */
/*.logo-sea {
	background-position: center -555px !important;
	-webkit-transition: all 300ms ease-in-out;
}
header #header-sroll.small .logo a.logo-sea {
	background-position: center -603px !important
}*/
/* 6 */
/*.logo-san {
	background-position: center -645px !important;
	-webkit-transition: all 300ms ease-in-out;
	
}
header #header-sroll.small .logo a.logo-san {
	background-position: center -695px !important
}*/
/* 7 */
/*.logo-mad {
	background-position: center -700px !important;
	-webkit-transition: all 300ms ease-in-out;
	
}
header #header-sroll.small .logo a.logo-mad {
	background-position: center -790px !important
}*/


.gre-fill {
	border: 1px solid #16a085 !important;
	color: #16a085 !important
}
.gre-fill:hover {
	background-color: #16a085;
	color: #fff !important
}
.pet-fill {
	border: 1px solid #3498db !important;
	color: #3498db !important
}
.pet-fill:hover {
	background-color: #3498db;
	color: #fff !important
}
.pur-fill {
	border: 1px solid #8e44ad !important;
	color: #8e44ad !important
}
.pur-fill:hover {
	background-color: #8e44ad;
	color: #fff !important
}
.ali-fill {
	border: 1px solid #e74c3c !important;
	color: #e74c3c !important
}
.ali-fill:hover {
	background-color: #e74c3c;
	color: #fff !important
}
.sea-fill {
	border: 1px solid #9a12b3 !important;
	color: #9a12b3 !important
}
.sea-fill:hover {
	background-color: #9a12b3;
	color: #fff !important
}
.san-fill {
	border: 1px solid #446cb3 !important;
	color: #446cb3 !important
}
.san-fill:hover {
	background-color: #446cb3;
	color: #fff !important
}
.mad-fill {
	border: 1px solid #2c3e50 !important;
	color: #2c3e50 !important
}
.mad-fill:hover {
	background-color: #2c3e50;
	color: #fff !important
}
.gre-border {
	border: 1px solid #16a085 !important
}
.pet-border {
	border: 1px solid #3498db !important
}
.pur-border {
	border: 1px solid #8e44ad !important
}
.ali-border {
	border: 1px solid #e74c3c !important
}
.sea-border {
	border: 1px solid #9a12b3 !important
}
.san-border {
	border: 1px solid #446cb3 !important
}
.mad-border {
	border: 1px solid #2c3e50 !important
}
.tab-ini {
	background-color: #f5f5f5 !important
}

/*top bar css start*/
section.newtopbar {
    /* position: absolute; */
    /* top: 14px; */
    /* z-index: 128; */
    /* width: 100%; */
    background-color: #eee;
}
.navbarmain {
    padding: 14px 0;
    box-sizing: border-box;
    /* box-shadow: 1px 0px 0px 2px #cccccc6e; */
    border-radius: 20px;
}
.navbarmain ul li a {
    color: #000;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
}
.navbarmain ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.navbarmain ul li {
    margin: 0 21px;
}
/*top bar css end*/