#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; }
::-moz-selection { background:#d8d4d4;}
::selection { background:#d8d4d4; }
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; }
::-webkit-scrollbar-track-piece { background-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }
@media screen and (-webkit-min-device-pixel-ratio:0) { select {-webkit-appearance: none !important;line-height: 28px;} }
.framework_app ul{
    font-size:17px;
    padding-left:15px;
    margin:12px 0 !important;
}
.framework_app ul li{
    list-style:disc;
}
.framework_img img {
    height: 490px;
    object-fit: cover;
}
.custom-website-design-development-page .evry-heading-sec h3 {
    color: #0a1a29;
}
.evry-heading-sec h3 {
    font-size: 42px;
    font-weight: 600;
}
body {font-family: 'AvenirNext', sans-serif;color: var(--default-color);font-size:var(--base-font-size);position: relative;background-color: #fff;}
.ff-primary { }
.ff-secondary {  }
.fc-primary { color: var(--primary-color); }
.fc-secondary { color: var(--secondary-color); }
.fc-dark { color: var(--theme-dark); }
.fc-lite { color: var(--theme-lite); }
.primary-btn{ font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px;  position:relative; display:table; border-radius: 5px; }
.primary-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 {color: #fff;font-weight: 800;display: inline-block;border: 1px solid transparent;/* text-transform: uppercase; */margin: 10px 0 0 0;border-radius: 5px;padding: 15px 25px;font-size: 14px;transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;background-color: #fa6400;}
.secondary-btn:hover {transform: translateY(-0.625rem); transition: all 700ms; color: #fff; }
.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;}
.trnsprnt-butn {color: #fff;font-weight: 800;display: inline-block;text-transform: uppercase;margin: 10px 0 0 20px;border-radius: 5px;padding: 15px 25px;font-size: 14px;transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;background-color: transparent;border: 1px solid #fff;}
.trnsprnt-butn:hover {transform: translateY(-0.625rem);transition: all 700ms;color: #fff;}
.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; }
.ecom_head{
    font-size:40px !important;
}
.new_cont_ecom h2{
    font-size:27px !important;
    color:#000;
}
.new_cont_ecom p{
    font-size:13px !important;
}
.new_cont_ecom h3{
    font-size:19px;
    color:#000;
    font-weight:600;
    margin-bottom:8px;
}

@font-face {
  font-family: 'AvenirNext';
  font-display: swap;
  src: url(fonts/3A5754_0_0.cb098aaa.eot);
  src: url(fonts/3A5754_0_0.cb098aaa.eot?#iefix) format('embedded-opentype'), url(fonts/3A5754_0_0.ab04b3f0.woff2) format('woff2'), url(fonts/3A5754_0_0.c2082707.woff) format('woff'), url(fonts/3A5754_0_0.93932f6b.ttf) format('truetype');
  font-weight: 800;
  font-style: normal;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
h1, .h1, h2, .h2 {font-family: 'poppins';font-family: 'Poppins', sans-serif;font-family: 'Poppins', sans-serif;}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{/* font-family: 'AvenirNext', sans-serif; */padding-bottom: 0px;color: #4f4f4f;}
input {font-family: 'Poppins', sans-serif;}
b {font-family: 'Poppins', sans-serif;}
span{
    font-family: 'Poppins', sans-serif;
}
p { font-family: 'Poppins', sans-serif;}
select {font-family: 'Poppins', sans-serif;}
textarea {font-family: 'Poppins', sans-serif;}

p {font-weight: 400;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #4f4f4f;font-size: 15px;font-family: 'Poppins', sans-serif;}
img{width: 100%;}
.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; }
.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; }
.p-0 { padding:0; }
.p-15 {padding: 0 8px;}
.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; }
ul,li { list-style-type: none; }
.relative { position:relative; }
.absolute { position:absolute; }
h2,.h2 {color: #4f4f4f;line-height: 1;font-weight: 700;padding: 0 0 10px 0;position: relative;letter-spacing: -1px;}
h2 span,.h2 span { color:var(--primary-color);}
a {text-decoration: none;font-family: 'Poppins', sans-serif;color: #fa6400;}
.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 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.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 { -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); }
.tabs-web-portalzzz.mytabs{display: none;}
.tabs-web-portalzzz.mytabs.current{display: block;}
.tabs-seopackages.mytabs{display: none;}
.tabs-seopackages.mytabs.current{display: block;}
.tabs-2d3dillust.mytabs{display: none;}
.tabs-2d3dillust.mytabs.current{display: block;}
.tabs-2d3dillustrationn.mytabs.port-sec{display: none;}
.tabs-2d3dillustrationn.mytabs.port-sec.current{display: block;}
.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: fixed;padding: 25px 0;width: 100%;top: 0;left: 0;z-index: 99;background-color: #f9f7f0;}
.top-bar.fixed-header{background: #fff;box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);}
.header-main .top-bar.fixed-header .othermenu li.current a {color: #000;transition: all 700ms;}
.header-main .top-bar.fixed-header .othermenu li:hover a{color: #000;transition: all 700ms;}
.top-bar.fixed-header .top-info-list li a{/* background: transparent; *//* border: 1px solid #21ae59; */}
.top-bar.fixed-header .top-info-list li a.phnenmbr {/* border: 1px solid #4a7ee5; */}
.top-bar.fixed-header .top-info-list li span{color: #2c42b3;}
.top-bar.fixed-header .btn-main{border-color: transparent;}
.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: 0;display: inline-block;}
.top-info-list li {float: left;color: #171717;font-size: 14px;padding: 0 4px;}
.top-info-list li:first-child {padding-left: 0px;display: inline-block;}
.top-info-list li:last-child { padding-right: 0px; }
.top-info-list li span {margin-right:8px;color: #ffffff;font-size: 13px;line-height: 20px;}
.top-info-list li span.icon-phone2 {font-size: 15px; top: 1px; position: relative;}
.top-info-list li a.phnenmbr {background: transparent;border-radius: 5px;padding: 10px 15px;border: 1px solid transparent;transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;border: 1px solid #4f4f4f;}
.top-info-list li a.phnenmbr:hover {transform: translateY(-0.625rem);transition: all 700ms;color: #4f4f4f;}
.top-info-list li a.phnenmbr img {width: auto; display: inline-block; vertical-align: top; margin: 0 7px 0 0;}
.showmenu .top-info-list li a.phnenmbr:hover {color: #4f4f4f;}
.top-info-list li+li {/* border-left: 1px solid #171717; */}
.top-info-list li a{color: #4f4f4f;transition: all 700ms;font-weight: 500;display: inline-block;font-size: 12px;}
.top-info-list li a.btn-main-top-bar {color: #fff;}
.top-info-list li a:hover {transition: all 700ms;}
.nav-area-full {position: fixed;padding: 17px 0px;width: 100%;margin-top: -55px;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{margin-top: 5px;}
.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;}
.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: 380px; position: absolute; top: 30px; 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 10px;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: -220px;background: #fff;border: 1px solid #cbd6e2;padding: 10px 0;border-radius: 0px;width: 230px;}
.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: -230px;}
.header-main .othermenu li .dropdown ul li a{transition: all 700ms;color: #171717 !important;font-size: 15px;text-decoration:none;padding: 10px 0 10px 10px;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-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;}
.slider-wrapper {width:100%;position:relative;margin-top: 100px;}
.home-banner {width: 100%;height: 700px;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;display: table;}
.home-banner-content {position:  relative;z-index: 9;}
.home-banner-content h1 {font-size: 46px;margin-bottom: 15px;font-weight: 800;color: #ffffff;font-family: 'poppins';position: relative;/* text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.7); */line-height: 1.1;}
.home-banner-content h1 span.thmeblue{color: #ffffff;display: inline-block;}
.home-banner-content h1 span.thmegren{color: #21ae59; display: inline-block;}
.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: #ffffff;padding-top: 10px;line-height: 1.4;font-size: 20px;padding-bottom: 0;font-family: 'poppins';}
ul.clntlgs {padding: 50px 0 0 0;}
ul.clntlgs li {display: inline-block;margin: 0 15px 0 0;vertical-align: top}
ul.clntlgs li img{width: 100%;}
.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 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-slider .slick-dots { position: absolute; bottom: 20px; right: 0px; left: 0px; display:
 block; padding: 0 15px; margin: 0 auto; border-radius: 5px; 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; }
.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); }
.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%; border-radius: 5px; box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39); font-family: 'Poppins', sans-serif; padding: 15px 20px; font-size: 14px; line-height: inherit; margin: 0; background-color: #fff; border: none; outline: none; transition: all 700ms; color: #7d758e; margin: 0 0 15px 0; }
.banner-form .intl-tel-input{width: 100%;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;border-radius: 5px;padding: 10px 15px;margin: 20px 0 0;border: transparent;}
.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;}
.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); }
.number-slider .slick-dots { position: absolute; bottom: 30px; right: 0px; left: 0px; display: block; padding: 0 15px; margin: 0 auto; border-radius: 5px; 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); }
.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-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: 5px; }
.home-box-main a.more-link:hover { background:var(--primary-color-dark); color:white;  }
.why-book-area { background: url('../images/why-book-bg.jpg') 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 { }
.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;  }
.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; }
.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-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.png) 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-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; }
.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-informative {display: none;}
.tabs-informative.current {display: flex}
.tabs-eCommerce {display: none;}
.tabs-eCommerce.current {display: flex;}
.tabs-webapps {display: none;}
.tabs-webapps.current {display: flex;}
.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 { 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 * { -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-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;}
.mid-banner {position: relative;padding: 30px 0 60px 0;font-family: ''Poppins', sans-serif';background: #fff;}
.cmp-heading-sec {text-align: center; }
.mid-banner h3 {color: #ffffff;line-height: 48px;font-weight: 600;text-transform: none;}
.cmp-heading-sec p {width: 75%;margin: 0 auto;color: #888787;}
.banner-main {padding: 20px 10px;border-radius: 3px;font-size: 0;position: relative;}
.listsss ul {margin: 0; font-size: 0; }
.listsss ul li {display: inline-block; vertical-align: top; width: 25%; }
.listsss ul li .packaging-lists {padding-top: 0px; }
.packaging-lists {float: left; width: 90%; }
.packaging-lists ul {list-style: none; padding: 10px; }
.listsss ul li .packaging-lists > ul >li.heading {background: #f5fbf9;color: #fa6400;color: #fa6400;rder: none;font-weight: 600;margin: 0 0 10px;display: block;text-align: center;border-radius: 3px;padding: 4px 2px;line-height: 24px;position: relative;width: 100%;vertical-align: top;}
.listsss ul li .packaging-lists ul li:before {color: #ffffff;}
.listsss ul li .packaging-lists > ul >li {display: block; margin: 0; width: 100%; vertical-align: top; line-height: 24px; position: relative; }
.listsss ul li .packaging-lists > ul >li.heading:before {content:""; display: none;}
.packaging-lists ul li:before {position: absolute; content: "\f111"; font-size: 5px; left: 7px; top: 10px; line-height: 0; font-family: "fontawesome"; }
div.bub-btn {margin-top: 10px; margin-bottom: 30px; display: inline-block; height: 100%; -webkit-animation: hue-rotate 10s linear infinite; animation: hue-rotate 10s linear infinite; }
.midbanner-text.midbrand .off-percent img {width: auto;}
.packaging-lists ul li {color: #ffffff;font-size: 14px;padding-left: 25px;font-family: 'Poppins', sans-serif;}
.listsss ul li:nth-child(2) .packaging-lists > ul >li.heading {}
.listsss ul li:nth-child(3) .packaging-lists > ul >li.heading {}
.midbanner-text.midbrand .off-percent {text-align: center; padding: 10px 0 0px 0; float: right; position: absolute; top: 0px; right: 0px; width: 250px; }
.off-percent del {font-size: 17px;color: #fff;text-align: center;width: 100%;padding-right: 0;display: block;font-weight: 600;line-height: 20px;}
.mid-banner h2 {font-size: 50px;color: #000000;text-align: center;line-height: 50px;width: 70%;margin: auto;}
.button.largefont:hover {transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #ffffff; }
.button.largefont {transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #f5fbf9;font-weight: 600;text-transform: capitalize;background: -moz-linear-gradient(left, #f9ad1c 0%, #f9be36 100%);background: #fa6400;border-radius: 3px;font-size: 16px;padding: 16px 20px;display: inline-block;}
.brandpackage .cmp-view-btn:hover {transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.brandpackage .cmp-view-btn {transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #ffffff;font-weight: 600;text-transform: capitalize;background: transparent;border-radius: 3px;font-size: 16px;border: 1px solid #487ce1;padding: 16px 15px;display: block;margin: 20px 0 10px 0;}
.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;   }
.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-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; }
.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; }
.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 { 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 { 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%; }
.termzz{padding: 60px 0;background-color: #fff;}
.termzz .conditin h4{padding: 0 0 20px;font-weight: 700;line-height: 1.4;color: #222;font-size: 35px;font-family: 'Poppins', sans-serif;}
.termzz .conditin p{font-weight: 400;line-height: 1.4;padding: 0 0 30px;margin: 0px;color: #687087;}
.termzz .conditin ul{    margin-bottom: 30px;}
.termzz .conditin ul li{  font-size: 15px;font-family: 'Poppins', sans-serif;font-weight: 400;line-height: 1.4;margin: 0px;color: #687087;}
.termzz .conditin ul li a{color: #fa6400;}
.testimnl{background-size:cover;background-position:center;padding: 60px 0;position:relative;background-color: #ffffff;}
.vew-dtls-btn{text-align:center;padding:20px 0;}
.vew-dtls-btn a.view-btn{display:inline-block;color:#e67a3f;font-size:14px;position:relative;}
.vew-dtls-btn a.view-btn:before{content:"";position:absolute;width:100%;height:2px;background-color:#e67a3f;bottom:0px;}
.testimnl img{width:100%;}
.testimnl .list-scroll{height:128px;}
.testimnl .txt-wrp h5{font-size: 18px;text-transform:capitalize;color: #fa6400;padding:0;font-weight: 500;font-family: 'Poppins', sans-serif;}
.testimnl .txt-wrp h2{color:#455963;font-weight:700;font-size:59px;padding:0;}
.testimnl .txt-wrp b{margin:0 0 10px 0;color:#2a2306;font-weight:bold;font-size:45px;line-height:1;}
.testimnl .txt-wrp span{font-size:200px;color:#e67a3f;font-weight:300;line-height:1;position:absolute;right:30px;top:-30px;font-style:italic;}
.testimnl .txt-wrp h6{color:#393939;font-size:13px;}
.testimnl .slick-next:before{content:"\f105";font-family:FontAwesome;color:#b5b5b5;font-size:41px;font-weight:300;}
.testimnl .slick-prev:before{content:"\f104";font-family:FontAwesome;color:#b5b5b5;font-size:41px;font-weight:300;}
.testimnl .slick-prev:hover:before{    color: #21ae59;}
.testimnl .slick-next:hover:before{color:#e67a3f;}
.testimnl .slick-prev{left:-60px;}
.testimnl .slick-next{right:0px;display:none !important;}
.testimnl .txt-wrp{padding-right:120px;padding-left:43%;}
.testimnl .txt-wrp h3{padding:11px 0;position:relative;font-size: 50px;line-height:1;text-transform:capitalize;color:#000;font-family: 'Poppins', sans-serif;}
.testimnl .txt-wrp h3:after{content:"";display:none;position:absolute;background-color:#e67a3f;width:40px;height:3px;left:0;bottom:-40px;}
.testimnl .txt-wrp p{font-size: 15px;padding-bottom: 0;color: #888787;font-weight: 400;text-transform: capitalize;margin-bottom: 15px;}
.testimnl .txt-wrp a{text-transform:uppercase;margin:0px;display:inline-block;}
.testimnl .testim-wrp{padding: 40px  30px 60px;background:#fff;border-radius:15px;margin:0 40px 0 0;-webkit-box-shadow: 0px 11px 15px #16232136;-ms-box-shadow: 0px 11px 15px #16232136;-o-box-shadow: 0px 11px 15px #16232136;box-shadow: 0px 11px 15px #16232136;}
.testimnl .testim-wrp i{font-size:40px;color: #fa6400;}
.testimnl .testim-wrp h4{font-size: 18px;padding: 20px 0 30px;line-height: normal;font-weight: 400;color: #0c1517;font-family: 'Poppins', sans-serif;}
.testimnl .slick-center .testim-wrp{opacity:1;}
.testimnl .testim-wrp{opacity:0.5;}
.testimnl .testim-wrp .img-wrp{/* width:100px; *//* display:inline-block; */float: left;}
.testimnl .testim-wrp .img-wrp img{border-radius:50%;}
.testimnl .testim-wrp .desgnt-sec{/* display:inline-block; */top: 18px;position:relative;left:10px;}
.testimnl .testim-wrp .desgnt-sec b{color:black;font-size: 18px;text-transform:capitalize;line-height: 1;}
.testimnl .testim-wrp .desgnt-sec h6{font-size: 11px;    padding: 0;color: #0c1517;font-weight: 500;line-height: 1.2;font-family: 'Poppins', sans-serif;margin-top: 6px;}
.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; }
.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.png') 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.png) no-repeat top 0 left 0; }
.thumb-slider .slick-next { right: -65px; background: url(../images/slick-arrows-slider.png) 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: 5px; 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 {color: #fff;background-image: linear-gradient(120deg,#575859 0,#2e2f30 85%);}
.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: left;display: block;margin: 15px 0 0 0;}
.ftr-social li {margin: 0 15px 0 0;position: relative;text-align: center;display: inline-flex;}
.ftr-social li a {display: inline-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: 100%;}






.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 {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: #fff;}
.copyright span {color: #fff;}
.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.png) 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.png) 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;  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.png);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;}


.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: #ffffff;}
.listsec h2{text-align:  center;}
.listsec .wrap{margin: 0 auto; width: 85%; }
.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: 18px;
    color: #fa6400;
    display: inline-block;
    top: 0;
    }


.cta2{overflow:  hidden;background:url(../images/cta-fold.png);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: 5px;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: 5px;
    
    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;
}

.btn-main{color: #fff !important;font-weight: 600;border: 1px solid transparent;text-transform: capitalize;border-radius: 5px;padding: 10px 15px;font-size: 14px;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/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.btn-main-top-bar{color: #fff;font-weight: 600;border: 1px solid transparent;/* text-transform: uppercase; */border-radius: 5px;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-color: #1a9dbb;}
.btn-main-top-bar:hover {transform: translateY(-0.625rem); transition: all 700ms; color: #fff;}

.main-btn{color: #fff;font-weight: 600;border: 1px solid transparent;/* text-transform: uppercase; */border-radius: 5px;padding: 15px 25px;font-size: 14px;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/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.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/#4a7ee5+0,1169cd+100 *//* background: #4a7ee5; */ /* Old browsers */background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 *//* background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); */ /* Chrome10-25,Safari5.1-6 *//* background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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; 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;
    -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{
    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;
    width: 100%;
}
.servicesec .boxwrap img {width: 35%;height: 80px;object-fit: contain;}
.servicesec .boxwrap{
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 20px;
}
.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 0;position: relative;border-radius: 5px;min-height: 170px;padding: 20px;float: left;background: #fff;width: 18.1%;}

.servicesec .boxwrap li i{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 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;padding: 5px 0 0 0;font-family: 'poppins';font-weight: 700;}

.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/#4a7ee5+0,1169cd+100 */background: #eceded; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */}



.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{}
.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: #20cb98;
    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; }



.main-vruos-induis-sec .wrap ul {display: inline-block;border-radius: 5px;margin-bottom: 0;border: 1px solid #bbbecc;margin-top: 0;}
.main-vruos-induis-sec .wrap ul li:nth-child(1) {border-radius: 5px 0 0 0;}
.main-vruos-induis-sec .wrap ul li:nth-child(3) {border-radius: 0 5px 0 0;}
.main-vruos-induis-sec .wrap ul li:nth-child(13) {border-radius: 0 0 0px 5px;}
.main-vruos-induis-sec .wrap ul li:nth-child(15) {border-radius: 0 0 5px 0;}
.main-vruos-induis-sec .wrap ul li.br {border-right: 1px solid #bbbecc; }
.main-vruos-induis-sec .wrap ul li.bb {border-bottom: 1px solid #bbbecc; }
.main-vruos-induis-sec .wrap ul li {width: 33.33%;float: left;padding: 20px 35px;/* background: #fff; */}
.main-vruos-induis-sec .wrap ul li p {padding-left: 30px;font-size: 17px;position: relative;padding-bottom: 0;color: #000;font-weight: 500;vertical-align: middle;}



.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;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: #ffffff;background-color: #fa6400;padding: 20px 40px;border-radius: 5px;display: inline-block;margin-top: 0;font-weight: 800;font-size: 15px;/* text-transform: uppercase; */}
.btn-theme:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #ffffff;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;font-family: 'Poppins', sans-serif;font-weight: 700;}
.footer-top .linkinglist{display: block;margin-bottom: 0;}
.footer-top .linkinglist li{padding: 5px 0;}
.footer-top .linkinglist li a{color: #ffffff;font-size: 13px;text-transform: capitalize;}
.footer-top .linkinglist li img {display: inline-block; width: auto; vertical-align: top;}
.footer-top .linkinglist li p{color: #ffffff;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: 5px; 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: 5px; }
.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: 0px; 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: 40px;/* 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: 5px; }
.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: 5px; 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{}
.ticklist li a{color: #fa6400;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: 5px; 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;float: right;}
.header-main .othermenu li{margin-right: 14px;display: inline-block;}
.header-main .othermenu li h6{color: #171717;font-size: 16px;font-weight: 400;cursor: default;}
.header-main .othermenu li a{color: #4f4f4f;font-size: 14px;font-weight: 400;/* transition: all 700ms; *//* -webkit-animation: fadeIn 1s; *//* animation: fadeIn 1s; */padding: 10px 0;text-transform: capitalize;}
.othermenu h6 a {
    cursor: unset;
}
/*================lp custom  website design development===============*/
.custom-website-design-development-page .header-main .othermenu li a {color: #fff; font-size: 15px;}
.custom-website-design-development-page .top-bar {background-color: #ffffff;}
.custom-website-design-development-page .top-info-list li a.phnenmbr {border: 1px solid #000000;}
.custom-website-design-development-page .top-info-list li a {color: #000;}
.secondlogo a img.cwdd{display: none;}
.custom-website-design-development-page .top-bar.fixed-header{background-color: #fff;}
.custom-website-design-development-page .header-main .top-bar.fixed-header .othermenu li:hover a {color: #000;}
.custom-website-design-development-page .header-main .othermenu li:hover a {color: #000;/* font-weight: 600; */}
/*.custom-website-design-development-page .main-services-banner-sec {background-position: center;background-size: cover;margin: 125px 0 0 0;padding: 80px 0;height: auto;}*/
.custom-website-design-development-page .main-services-banner-sec:before {background: #000000a1;}
.custom-website-design-development-page .srvce-cont h1 span {color: #fff;}
.custom-website-design-development-page .srvce-cont p {color: #fff;line-height: 1.4;font-size: 14px;padding: 20px 80px 20px 0;}
.custom-website-design-development-page .package-wrapper {background-color: #fff;box-shadow: 0px 5px 20px 9px rgba(207, 207, 207, 0.39);border-radius: 5px;}
.custom-website-design-development-page .heading h2 span {color: #000;}
.custom-website-design-development-page .package-wrapper:hover .actions a span small{color:#fff;}
.custom-website-design-development-page .old-price span {color: #000000;}
.custom-website-design-development-page .suit p {color: #4f4f4f;}
.custom-website-design-development-page .package-item .list ul li {color: #4f4f4f;}
.custom-website-design-development-page .ticklist2 li:before {color: #21ae59;}
.custom-website-design-development-page .adons p {color: #4f4f4f;}
.custom-website-design-development-page .package-wrapper:hover .heading h2 span {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .old-price span {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .suit p {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .package-item .list ul li {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .adons p {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .ticklist2 li:before {color: #fff;}
.custom-website-design-development-page .srv-bnr-frm {
    background: #ffffff;
    border: 3px solid;
    border-image-source: linear-gradient(0deg, rgb(250, 100, 0), rgba(255, 255, 255, 0));
    border-image-slice: 1;
    }
.custom-website-design-development-page .srv-bnr-frm:after {background-image: url(../images/cwddofer50.png);height: 157px;width: 113px;top: -100px;left: -25px;transform: rotate(0deg);}
.custom-website-design-development-page .header-main .othermenu {float: none; text-align: center;}
.custom-website-design-development-page .second-bar {background: #fa6400;margin: 10px 0 0 0;padding: 5px 0;}
.custom-website-design-development-page .top-bar {padding: 15px 0 0;}
.custom-website-design-development-page .dropdown {text-align: left }
.custom-website-design-development-page .header-main .othermenu li {margin-right: 70px;}
.custom-website-design-development-page .header-main .othermenu li:last-child {margin-right:0; }
.custom-website-design-development-page .top-info-list li a.btn-main-top-bar {color: #fff;font-weight: 600;}
.custom-website-design-development-page .btn-main-top-bar {padding: 15px 20px;}
.custom-website-design-development-page .top-info-list li a.phnenmbr {padding: 15px 20px;font-weight: 600;}
.custom-website-design-development-page .top-info-list li {padding: 0 10px;}
.custom-website-design-development-page .header-main .secondlogo a img {width: 145px; }
.custom-website-design-development-page .srvce-cont h1 span {font-size: 50px;font-weight: 700;}
.custom-website-design-development-page .srvce-cont h1 {font-size: 30px;color: #fafdfb;font-weight: 500;}
.custom-website-design-development-page .main-cta1-sec .bgclr {position: relative;border-radius: 5px;box-shadow: 0px 5px 20px 9px rgba(207, 207, 207, 0.39);}
.custom-website-design-development-page .main-cta1-sec .bgclr:after {position: absolute; top:0; right: 0; width: 100%; height: 100%; background-color:#000; }
.custom-website-design-development-page ul.clntlgs {padding: 20px 0;}
.custom-website-design-development-page .main-btn {margin: 0;}
.custom-website-design-development-page .srvce-cont ul.bltpnts {padding-bottom: 0; margin: 0 ;}
.custom-website-design-development-page .srvce-cont ul.bltpnts li{font-family: 'Poppins', sans-serif;font-size: 14px; display: inline-block; color: #fff; }
.custom-website-design-development-page .srvce-cont ul.bltpnts li i{color: #fa6400;margin: 0 7px 0 0;}
.custom-website-design-development-page .evry-heading-sec h2 {color: #0a1a29; }
.custom-website-design-development-page .cta1 h2 {color: #0a1a29; }
.custom-website-design-development-page .main-cnt-heading {color: #000;}
.custom-website-design-development-page .evry-img-sec img {max-width:100%;}
.custom-website-design-development-page .listsec .wrap ul li:hover {background:#fff;box-shadow: 0px 5px 20px 9px rgba(207, 207, 207, 0.39);}
.custom-website-design-development-page .srv-bnr-frm .banform input {padding: 10px;}
.custom-website-design-development-page .main-services-banner-sec .srv-bnr-frm .banform input[type="submit"] {margin: 10px 0 0;background: #fa6400;}
.custom-website-design-development-page .intl-tel-input.allow-dropdown.separate-dial-code {margin: 0 0 10px 0; }
.custom-website-design-development-page .main-services-banner-sec .srv-bnr-frm .banform textarea {height: 90px;}
.custom-website-design-development-page .main-services-banner-sec .srv-bnr-frm .banform input[type="submit"] {padding: 10px;}
.custom-website-design-development-page .main-services-banner-sec .ban-form select {padding: 10px;}
.custom-website-design-development-page .srv-bnr-frm .slect-arrow:after {    top: 9px;}
.custom-website-design-development-page .srv-bnr-frm h3 {
    color: #0a1a29;
    font-weight: 700;
    font-size: 32px;
    font-family: 'Poppins', sans-serif;
    }
    .custom-website-design-development-page .srv-bnr-frm h4{
        color: #0a1a29;
    font-weight: 700;
    font-size: 27px;
    font-family: 'Poppins', sans-serif;
    text-align:center;
    }
.custom-website-design-development-page .srv-bnr-frm p {color: #fa6400;}
/*.custom-website-design-development-page .srv-bnr-frm:after {content: ""; background-image:url(../images/cwddfrmbg.png); position: absolute;width: 772px; height: 687px; top:0; position: absolute; z-index: -1;}*/
.custom-website-design-development-page .main-services-banner-sec:after {content: "";background-image: url(../images/cwddfrmbg.png);position: absolute;width: 580px;background-repeat: no-repeat;right: 0;background-size: cover;height: 540px;top: 50px;z-index: -1;background: unset;}
.custom-website-design-development-page .actions a span small {color:#000;}
.custom-website-design-development-page.ecommercepage .main-services-banner-sec:after{display:none;}
.bnr-logo{margin:0 auto;padding:20px 0;width:100%;background: #fff;text-align:center;position:relative;bottom:0px;left:0;right:0;}
.bnr-logo ul{position:relative;margin:0 auto;width:70%;}
.bnr-logo li{display:inline-block;width:13%;margin:0 10px;}
.bnr-logo li img{width:70%;filter:grayscale(100%);}
.bnr-logo li.wdtfty img{width:50%;}
.bnr-logo li img:hover{filter:grayscale(0);}

.header-main .secondlogo{position: relative;/* padding-top: 16px; */display: inline-block;z-index: 9;}
.header-main .secondlogo a{}
.header-main .secondlogo a img{width: 120px; }
.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{}
.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: 5px; 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;top: 24px;opacity: 0;}
.header-main .emailsec a{position: relative;  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;background: #fff;}
.main-cntnually-sec{padding: 0px 0 60px 0;}
.main-srvng-bsiness-sec{padding: 60px 0;}
.main-technolgyes-sec{padding: 60px 0 0;}
.main-ofce-adres-sec{padding: 0px 0 60px 0;}
.main-whoweare-sec{padding: 60px 0;}
.main-3clum-sec{padding: 60px 0 0;}
.main-abut-img-sec{padding: 60px 0;}
.main-our-prtner-sec{padding: 60px 0 0 0;}
.main-vruos-induis-sec{padding: 60px 0 0 0;}
.main-utlnzng-crent-sec{padding: 60px 0;}
.main-lets-frm-sec{/* padding: 0 0 70px 0; */}
.main-lets-frm-sec .main-cnt-para a{color: #fa6400;}
.getquotepg .main-lets-frm-sec{margin: 70px 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/#4a7ee5+0,1169cd+100 */
background: #4a7ee5; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.flsevce{text-align:center;}
.main-cnt-heading{font-size: 50px;line-height: 50px;font-weight: 700;color: #4f4f4f;text-align: center;width: 70%;margin: auto;font-family: 'Poppins', sans-serif;}
.main-cnt-para{color: #888787;line-height: 1.4;font-weight: 400;text-align: center;}
.para-wdth{width: 65%;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;border-radius: 5px;cursor: context-menu;}
.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);background: #fff;}
.strey ul li:hover a h3 {color: #407ee5;}
.strey ul li a{padding: 30px 0px;display: inline-block;cursor: context-menu;}
.strey ul li h3{font-size: 18px;line-height: 29px;color: #4f4f4f;font-weight: 600;padding: 5px 0 5px 0;font-family: 'Poppins', sans-serif;cursor: context-menu;}
.strey ul li img{width: 80px;}
.main-view-more{text-align: center;    margin: 30px 0 0 0;}
/*.workpg .main-view-more{display: none;}*/
.main-view-more a{}
.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: #4f4f4f; padding: 20px 0 30px 0;    font-family: 'Poppins', sans-serif;}
.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: 17px;line-height: 29px;font-weight: 700;color: #000000;padding:0;display: inline-block;}
.lonkgn p a{color: #4a7ee5; padding: 0 0 5px 0; position: relative;}
.lonkgn p a:after {content: ""; position: absolute; bottom: 0; left: 0; width: 0%; background:#4a7ee5;margin: 0 auto; right: 0; height: 1px;}
.lonkgn p a:hover:after{transition: all 500ms;width: 100%;}
.main-cta1-inner-sec{padding: 60px 0;background-size:cover;background-repeat: no-repeat;width: 100%;background-position: center center;}
.main-cta1-sec .bgclr {background: #ffffff;height: 215px;}
.main-cta1-sec .cta1 {padding: 0 0 0 40px;}
.main-cta1-sec .imgwrp {}
.main-cta1-sec .imgwrp img{position: absolute;right: 0;top: -5px;width: 100%;}
.main-cta1-sec{text-align: left;padding: 60px 0;}
.cta1 h2{font-size: 32px;line-height: 35px;font-weight: 800;color: #4f4f4f;padding: 0;}
.cta1 p{padding: 0;}
.cta1 .trnsprnt-butn{color: #4f4f4f;}
.ltsbtn-frm {margin: 0 0 40px 0;position: relative;}
.ltsbtn-frm input, .ltsbtn-frm textarea, .ltsbtn-frm select{width: 100%;border: 1px solid #bbb5b5;border-radius: 5px;/* box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39); */background: #f0f2f4;font-family: 'Poppins', sans-serif;padding: 15px 20px;font-size: 14px;margin: 0;background-color: #e8e5e5;outline: none;transition: all 700ms;color: #20292f;}
form#contactForm {margin: 0 60px; }
.contactpg form#contactForm {margin: 0 0px; }
.ltsbtn-frm select{}
.ltsbtn-frm.slect-arrow{position: relative;}
.ltsbtn-frm.slect-arrow:after{content: "\f107";font-family: fontawesome;right: 15px;top: 15px;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
{transition: all 700ms; }
.main-lets-frm-sec input[type=submit]{cursor: pointer;width: auto;color: #fff;/* text-transform: uppercase; */font-family: 'Poppins', sans-serif;border-radius: 5px;padding: 15px 25px;font-size: 14px;height: auto;border:none;font-weight: 600;transform: translateY(0rem); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */ /* FF3.6-15 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.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;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;cursor: context-menu;}
.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: 550px;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: 100%;height: 100%;top: 0;left: 0%;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: #aaa;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;top: 200px;}
.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: 70px 0 0 0px;padding: 60px 0;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.main-srvice-second-sec{padding: 60px 0;width: 100%;/* background-size: cover; *//* background-repeat: no-repeat; *//* background-position: center; */}
.evry-heading-sec h2{font-size: 50px;font-weight: 700;}
.evry-heading-sec p{font-size: 15px;font-weight: 500;color: #888787;line-height: 1.3;}
.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 {}
/*==============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: 60px 0 30px 0;}
.combopack-page .main-tbing-sec{padding: 0px 0px 0;}
.pckgspage .main-tbing-sec{padding: 0px 0;}
.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: 9px 20px;height: 40;cursor: pointer;text-transform: capitalize;font-size: 14px;color: #9a9a9a;font-weight: 600;border: 1px solid #d4d4d4;margin: 10px 3px 5px 3px;border-radius: 5px;font-family: 'Poppins', sans-serif;}
.main-tbing-sec ul.tbing li a {color: #9a9a9a;}
.main-tbing-sec ul.tbing li:hover a {color: #fff;}
.main-tbing-sec ul.tbing li a {}
.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/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.main-tbing-sec ul.tbing li.current a {color: #fff;}
.main-tbing-sec ul.tbing li:hover {transform: translateY(-0.625rem);transition: all 700ms;color: #fff;border: 1px solid white; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
/*==============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: #ffffff;font-size: 13px;}
.main-abut-img-sec{width: 100%;height: 700px;background-size: cover;background-repeat: no-repeat;background-position: center;margin: 60px 0 0;}
.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;}




/*==============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: 10px 0px 0px 10px;display: inline-block;padding-top: 0;vertical-align: top;margin-top: 125px;color: #fa6400;font-size: 16px;font-weight: 700;background: #ffffff;position: relative;text-transform: uppercase;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */}
.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: #4f4f4f;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/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */background: #fa6400;}
.ban-form textarea{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);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/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */top: 63px;background: #ffffff;border-radius: 10px 0px 0px 10px;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;}
.btns_wrap .call_wrap span{color: #4f4f4f;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/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */background: #ffffff;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: 10px 0px 0px 10px;z-index: 9999;}
.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo{color: #fa6400;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C,;background:;;eTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */font-size: 18px;padding: 15px 20px;background: #ffffff;border-radius: 10px 0px 0px 10px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;}
.btns_wrap .chat_wrap span{color: #4f4f4f;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 =================*/
.main-services-banner-sec .ban-form select{
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);
    font-family: 'Poppins', sans-serif;
    padding: 15px 10px;
    font-size: 14px;
    margin: 0;
    background-color: #fff;
    border: none;
    outline: none;
    transition: all 700ms;
    color: #7d758e;
    line-height: inherit;
    /* height: 60px; */
    }
.intl-tel-input.separate-dial-code .selected-dial-code {font-family: 'Poppins', sans-serif;}



/*----------subscribe-tab-css-start-----------*/
.subscribe-tab{padding: 60px 0 60px 0; text-align: center; background: #fd7366; }
.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; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #fff; font-weight: 500; letter-spacing: 1px; transition: 0.5s ease-in-out; margin-top: 0; }
.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.png) 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.png) 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: 42%; bottom: 0; }
#client .slick-prev {left: -6%; z-index: 9; top: auto; bottom: 20%; }
#client .slick-next {background: url(../images/ar-right.png); }
#client .slick-next::before, #client .slick-prev::before{display: none;}
.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)); }
#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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #fff; padding: 14px 40px; border-radius: 5px; border: 0; font-size: 16px; transition: 0.5s ease-in-out; margin: 13px 0; font-weight: 600; }
#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: 1; }
#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: #333333;border-radius: 16px;overflow: hidden;padding: 30px;margin-top: 30px;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;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; }
.testi-sec{margin-top: 60px;}
.heading h2 {color: #fa6400;font-size: 25px;line-height: 1.1;font-weight: 600;padding: 0;}
.heading h2 span{display: block;color: #ffffff;}
.heading p{padding:0; font-size: 16px; color: #141315; }
.pkge-prce p {font-size: 18px;font-weight: 600;color: #7b7b7b;padding: 21px 0 5px 0;line-height: 1.2;}
.pkge-prce p span{text-decoration: line-through;color: #b5b5b5;}
.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: 25px;color: #ffffff;font-weight: 700;margin-top: 10px;}
.suit p{padding: 10px 0 10px 0;font-size: 13px;color: #e6e6e6;}
.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;color: #909090;left: 0px;top: 2px;}
.ticklist2 li.heading:before{display: none;}
.adons p{padding: 10px 0 0px 0;font-size: 13px;font-weight: 700;color: #fbfbfb;text-align: center;}
.adons p span{color: #fa6400;}
.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: 13px;color: #e6e6e6;font-weight: 400;font-family: 'Poppins', sans-serif;}
.package-item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #fa6400;}
.package-item .mCSB_scrollTools .mCSB_draggerRail{background-color: #1a1a1a;}
.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: 100%;text-align: center;margin: 0;/* padding: 10px 0 0 0; */color: #fff;}
.chat-con ul li.pkge-ordr a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */color: #fff;font-size: 13px;font-weight: 600;/* text-transform: uppercase; */padding: 15px 20px;border-radius: 5px;width: 100%;display: inline-block;}
.chat-con ul li.pkge-bkcl a{color: #e6e6e6;font-size: 13px;font-weight: 600;text-transform: uppercase;padding: 15px 20px;border-radius: 5px;background-color: #fa6400;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: #1a9dbb;}
.actions a span small {display: block;font-size: 13px;line-height: normal;color: #ffffff;font-weight: 700;}
/*.actions::before {position: absolute;content: "";height: 43px;background-color: #3d3d3d;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: 5px; 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===================*/





/*=========notfound-start======*/
#notfound {position: relative;padding: 70px 0;height: 600px; }
#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: 140px 0;}
.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;}
.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: #fa6400;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bad3', endColorstr='#9b2c92',GradientType=1);border: solid 3px #ffffff;}
.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 .5s ease infinite alternate;-webkit-animation: scrollDownAnimation .5s ease infinite alternate;background: #00a155;background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 );}
.whatsapp: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/#4a7ee5+0,1169cd+100 */background: #4a7ee5; /* Old browsers */background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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 19px;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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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: 70px 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: #2644b9; 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=================*/


.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{position: relative;z-index: 9;padding: 30px 0;}
.clients-logo-inner ul{font-size: 0;margin: 0;}
.clients-logo-inner ul li{display: inline-block;width: 15%;text-align: center;margin: 0 20px;}
.clients-logo-inner ul li p {font-size: 27px;font-weight: 900;margin: 0;padding: 0;text-transform: capitalize;}
.clients-logo-inner ul li img{display: inline-block;width: 60%;} .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: 80px 0 0 0;padding: 80px 0 30px 0;position: relative;z-index: 9;background-repeat: no-repeat;background-position: right;background-size: contain;height: 685px;background-image: url(../images/services-bg-img.png);}*/
/*.main-services-banner-sec:before{position: absolute;content: "";background: #efefef42;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 0;}*/
.main-services-banner-sec{ padding-top: 60px; }
.srvce-cont h1{font-size: 30px;color: #4a7ee5;font-weight: 600;}
.srvce-cont h1 span{display: block;color: #4f4f4f;font-size: 55px;line-height: 1;}
.srvce-cont p{font-size: 18px;color: #4f4f4f;padding: 20px 30px 20px 0;line-height: normal;}
.srvce-cont img{width: 200px;display: block;padding: 30px 0 0 0;}

.srv-bnr-frm h3{text-align: center;font-size: 40px;color: #21ae59;}
.srv-bnr-frm p{text-align: center;font-size: 17px;color: #282828;padding: 0;}
.srv-bnr-frm {padding: 0 0 0 50px; position: relative; z-index:; border-radius: 5px; margin: 0; width: 95%; display: inline-block; }
.srv-bnr-frm {background: #ffffffad; padding: 30px;}
.srv-bnr-frm {position: relative;}
.srv-bnr-frm:after {position: absolute;content:"";background-image:url(../images/form-discount.png);background-position: center;background-repeat: no-repeat;background-size: cover;height: 95px;width: 100px;z-index: 1;top: -15px;right: -15px;transform: rotate(30deg);}
.srv-bnr-frm .banform input {width: 100%;border: 1px solid #e5e5e5;background: white;padding: 15px 10px;color: gray;box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);font-size: 14px;border-radius: 5px;height: unset;font-weight: 400;outline: none !important;margin: 0 0 16px 0;}
.main-services-banner-sec .srv-bnr-frm .banform textarea {height: 120px;}
.main-services-banner-sec .srv-bnr-frm .banform input[type="submit"] {color: #fff; font-weight: 600; border-radius: 5px; text-align: center; padding: 15px 10px; text-transform: uppercase; margin: 20px 0 0; border: transparent; cursor: pointer; background: #21ae59; }
.srv-bnr-frm .slect-arrow:after {content: "\f107"; font-family: fontawesome; right: 30px; top: 15px; font-size: 16px; position: absolute; }

.technologiespg .main-vruos-induis-sec{padding: 60px 0 0 0;}
.services-inner-pge .main-vruos-induis-sec, .workpg .main-vruos-induis-sec{}
.customlogodesignpage .main-vruos-induis-sec, .custom-website-design-development-page .main-vruos-induis-sec{padding: 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: #f9f7f0;}
.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: #fa6400;}
.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{color: #000000; transition: all 700ms;}
/*.main-menu > ul > li:hover a{    color: #f38440;}*/
.header-main .othermenu li.current a{color: #000000;/* transition: all 700ms; *//* font-weight: 400; *//* font-size: 15px; */}
.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/#4a7ee5+0,1169cd+100 */background: #d6d8d775; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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;}

.servicesec .boxwrap li.current h6{color: #2c2c2c;}
.myservices .left h2 {font-size: 35px;}
.myservices .left h3 {font-size: 18px;font-weight: 600;font-family: 'Poppins', sans-serif;}
.myservices .left p {text-align: left;}
.pointlisting {margin-bottom: 0;display: inline-block;padding: 0 0 15px 0;}
.pointlisting li {position: relative;width: 48%;font-size: 15px;padding-left: 20px;padding-bottom: 4px;display: inline-block;text-align: left;color: #000;font-family: 'Poppins', sans-serif;text-transform: lowercase;}
.pointlisting li:before {position: absolute;font-size: 16px;left: 0;top: 0;color: #21ae59;content: "\f058";font-family:fontawesome;}
.left {margin: 30px 0 0 0; }

/*================contact us page=================*/
.cntctpge-sec {}
.cntctpge-sec .cntc-wrp {background:#fff;padding: 20px;margin-top: -140px;}
.cntctpge-sec .cntc-wrp ul{padding: 0;display: block;    margin: 0 0 30px 0;}
.cntctpge-sec .cntc-wrp ul li{display: block;font-size: 15px;font-family: 'Poppins', sans-serif;margin: 0 0 10px 0;color: #000000;font-weight: 600;}
.cntctpge-sec .cntc-wrp ul li a{color: #000000;}
.cntctpge-sec .cntc-wrp ul li i{background: #fa6400;width: 30px;height: 30px;text-align: center;padding: 8px 0 0 0;color: white;border-radius: 15px;margin: 0 10px 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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    margin-top: 60px;}
.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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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=================*/




@media only screen and (max-width: 1400px){
.header-main .othermenu li {margin-right: 11px;}
.header-main .othermenu li a {font-size: 13px;}

}





@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%;}
.package-wrapper{min-height: 600px;}

.header-main .othermenu li {margin-right: 6px;}
.header-main .othermenu li a {font-size: 14px;}
.cta-new .buttons .trnsprnt-butn{margin: 5px 10px;}
.actions a span small{    font-size: 10px;}
.listsss ul li .packaging-lists > ul >li {    line-height: 20px;}
.packaging-lists ul li {font-size: 12px;}

}

@media only screen and (max-width: 769px) and (min-width: 0px)   {





.mobile-nav.active{z-index: 9999;}



ul.clntlgs{}
.servicesec .main-btn{display: table;margin: auto;}
.main-cta1-sec .imgwrp{}
.main-cta1-sec .cta1 {padding: 0 0 0 20px; }
.main-cta1-sec, .main-cta1-sec .bgclr{padding: 20px 0;height: auto;}
.main-tbing-sec{padding: 20px 10px;}

    .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{}
    .nav-area-full{margin-top: 0px;padding: 10px 0;}
    .helpsec .imgplace figure img{width: 100%;}
    .mobile-nav-btn{z-index: 999;    top: 8px;}
    .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%;}
    .mobile-nav img{    width: 130px;}
    .mobile-nav nav li a.active{background: #4a7ee5;}
    .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.png)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: 5px;}
.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.png); 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; }
.custom-website-design-development-page .header-main .othermenu li{    margin-right: 47px;}

.servicesec .boxwrap li{    margin: 0 8px 20px;min-height: 192px;}
.chat-con ul li.pkge-ordr a, .chat-con ul li.pkge-bkcl a{padding: 15px 0px;}
.actions a span{font-size: 10px;}
.main-tbing-sec ul.tbing li{padding: 10px 15px;}
.main-vruos-induis-sec .wrap ul li p{font-size: 12px;}

}

@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){

.srvce-cont h1 span{font-size: 40px;}
.nav-area-full{display: block;}
.home-banner-content h1 {font-weight: 700;font-size: 25px;}   
.home-banner-content .subtitle {font-size: 16px; }
.home-banner-content ul li { }
ul.clntlgs li img{}
.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: 75px; }
.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: auto;}
.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;}
.custom-website-design-development-page .main-services-banner-sec:after{display:none;}
.custom-website-design-development-page .second-bar{display:none;}
.custom-website-design-development-page .main-services-banner-sec{    margin: 60px 0 0 0;}
.custom-website-design-development-page .top-bar{padding: 10px 0 0;}
.custom-website-design-development-page .main-services-banner-sec{padding: 50px 0;}
.custom-website-design-development-page .srv-bnr-frm:after{    display:none;}
.custom-website-design-development-page .srv-bnr-frm{    margin-top: 40px;}
.package-wrapper{    min-height: 550px;}
.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; }
.mid-banner h2 {font-size: 22px; line-height: normal;}
form#contactForm{    margin: 0px;}
.custom-website-design-development-page .actions::before{display: none;}
.custom-website-design-development-page .bnr-logo li{    width: 12%;}
.package-wrapper {padding: 30px 15px;}
.actions a span {font-size: 8px; font-weight: 400; }
.main-tbing-sec .heading h2 {font-size: 18px;}
.custom-website-design-development-page .old-price span {font-size: 20px;}
.packaging-lists ul li {font-size: 10px; }
.listsss ul li .packaging-lists > ul >li {line-height: 18px; }
.midbanner-text.midbrand .off-percent img {margin: 0 0 0 50px; }
.main-testimonials-sec .testi_box>p {    font-size: 14px;}
.mid-banner .row.extraa {background-repeat: no-repeat; height: auto; background-size: cover; background-position: center; padding: 30px 0;} }



@media screen and (max-width: 736px){
	.main-abut-img-sec{background-position: unset;}
.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; }

.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; }
.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: 60px 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: 60px 0 0 0px; padding: 30px 0 30px 0; }
.srv-bnr-frm{padding: 20px 0;width: 100%;}
.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;}
.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: 60px;}
.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: 90%; }
.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; }



}




@media screen and (max-width: 667px){
.midbanner-text.midbrand .off-percent {width: 100%;position: relative;}  
.listsss ul li {    width: 100%; }


}





@media only screen and (max-width: 480px) and (min-width: 0px)   {
    
.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: auto; }
.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: -21%; right: 30%; }
#client .slick-prev {left: auto; z-index: 9; top: auto; bottom: -21%; right: 55%; }
.main-cta1-sec .imgwrp{display: none;}
.fotr-lgos ul li {display: inline-block; margin: 0px 20px 15px 0px; }
.fotr-lgos ul li img {width: 80px; }

}

@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: auto; }
.main-cta1-sec .cta1{padding:0; }
.cta1 .trnsprnt-butn{margin: 0}
.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; }
.main-cta1-sec .imgwrp{display: none;}
form#contactForm{    margin: 0px;}
.custom-website-design-development-page .main-services-banner-sec{background-position: right;}
.custom-website-design-development-page .main-services-banner-sec ul.clntlgs li{    margin: 0px;}
.custom-website-design-development-page .main-services-banner-sec ul.clntlgs li img{width: 90%;}
.secondary-btn{    font-size: 11px;} 
.actions::before{display: none;}
.top-banner h1.wow {font-size: 48px;}
.cta-new .secondary-btn{padding: 15px 13px;}
.testimnl .txt-wrp {    padding-left: 10%;}
.custom-website-design-development-page .main-btn {padding: 15px 20px;}
.testimnl .testim-wrp h4 {font-size: 15px;}
.testimnl .testim-wrp .desgnt-sec b {    font-size: 12px;}
.abstl {padding-top: 20px; }
}


@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%;}
.custom-website-design-development-page .cta1 .trnsprnt-butn{font-size: 10px;}
.custom-website-design-development-page .secondary-btn{font-size: 9px;}
.custom-website-design-development-page ul.clntlgs{    width: 339px;}
.custom-website-design-development-page .main-services-banner-sec ul.clntlgs li img{    width: 70%;}
.custom-website-design-development-page .srvce-cont h1 span{font-size: 35px;}
.custom-website-design-development-page .srvce-cont h1{    font-size: 20px;}
.custom-website-design-development-page .srvce-cont p{padding: 20px 0 20px 0; 
    font-size: 13px;}
.custom-website-design-development-page .srvce-cont ul.bltpnts li{    font-size: 12px;}
}

.top-banner{
	background-repeat: no-repeat !important;
	margin-top: 9%;
	text-align: center;
	padding: 60px 0 0 0;
	background-size: contain !important;
}
.top-banner h1{
    color: #000;
    font-size: 70px;
    width: 80%;
    margin: auto;
    font-weight: 700;
    line-height: 1;
}
.top-banner p{color: #888787;font-size: 22px;width: 60%;margin: auto;font-weight: 400;padding: 10px;}
.top-banner ul{}
.top-banner ul li{}
.top-banner ul li img{}
.top-banner a{}
.top-banner a:hover{}
.top-banner .images-baner{padding: 40px;}
.top-banner .images-baner img{}

.tab-sec{/* text-align: center; *//* padding: 60px 0 0 0; */}
.tab-sec h1{color: #000; font-size: 50px; width: 70%; margin: auto; font-weight: 700; text-align: center; }
.tab-sec p{color: #888787;font-size: 15px;width: 80%;margin: auto;font-weight: 400;padding: 10px 10px 16px 10px;text-align: center;}
.tab-sec .boxwrap{
}
.tab-sec .boxwrap li{}
.tab-sec .boxwrap li h6{position: relative;text-align: left;color: #000;font-weight: 700;font-size: 22px;cursor: pointer;margin-left: 10px;font-family: 'Poppins', sans-serif;}
.tab-sec .boxwrap li h6:before{
	content: "\f0da";
	position: absolute;
	font-family: 'fontawesome' !important;
	font-size: 30px;
	color: #fa6400;
	left: -15px;
	top: -5px;
	display: none;
}

.tab-sec .tab-content{margin-top: 20px;}
.tab-sec .tab-content img{height: 330px;width: 520px;margin-left: 120px;}

.tab-sec .tab-content p{text-align: left;width: 100%;font-weight: 400;font-size: 16px;}
.tab-sec .tab-content a{color: #fa6400;font-size: 13px;font-weight: 500;display: block;margin: 10px 0;}
.tab-sec .tab-content a:hover{color: #000;}

.port-sec{}
.port-sec .container-fluid{margin: 0px;padding: 0px;}

.cta-new{
    padding: 110px 0 0 0;
}
.cta-new img{
	position: absolute;
	left: 174px;
	top: 59%;
	-webkit-transform: translate(-50%,-50%);
	/* transform: translate(-50%,-50%); */
	width: 660px;
	height: 336px;
}
.cta-new .bgcolor{
	padding: 40px 80px 60px 80px;
	border-radius: 1.25rem;
	position: relative;
	/* overflow: hidden; */
	box-shadow: 0 5px 30px rgba(0,0,0,.2);
	background-image: linear-gradient(120deg,#575859 0,#2e2f30 85%);
}
.cta-new h2{
    color: #fff;
    font-size: 35px;
    padding: 10px 0;
    letter-spacing: normal;
}
.cta-new p{color: #fff;padding: 0;}
.cta-new .buttons{margin-top: 20px;}
.cta-new .buttons a{
    margin: 0 10px 0 0;
    font-size: 12px;
}


/*================TESTIMONIALS-SECTION-START========================*/
.main-testimonials-sec{padding: 0px 0 30px 0;background: #f9f9f987;}
.testi_box {padding: 30px 30px 0 30px;transition: all 700ms;margin: 0px 0 45px 0;}
.testi_box:hover{background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0px 11px 15px #16232136;-ms-box-shadow: 0px 11px 15px #16232136;-o-box-shadow: 0px 11px 15px #16232136;box-shadow: 0px 11px 15px #16232136;transition: all 700ms;}
.testi-heading{text-align:center;}
.testi-heading h2{color: #000;font-size: 50px;}
.testi-heading p{color: #888787;}

.testi_box ul{margin-bottom: 30px;}
.testi_box ul li{display: inline-block;font-size: 16px; color: #ecc70e; margin: 0px 2px 0 2px; }
.testi_box>p{font-size: 20px;font-weight: 500;line-height: 1.5;padding: 0 0 30px 0;}
.main-img{font-size: 0;border-bottom: 2px solid #f3f3f3;padding-bottom: 30px;transition: all 700ms;}
.testi_box:hover .main-img{border-bottom: transparent;transition: all 700ms;}
.testi-img{display: inline-block;width: 45px;vertical-align: top;height: 45px;background: #fa6400;border-radius: 50%;}
.testi-img span{
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding-top: 8px;
}
.testi-img img{border-radius: 50%;}
.testi-cont{display: inline-block;width: 78%;vertical-align: top;padding-left: 20px;}
.testi-cont p{font-size: 16px;padding: 0px;}
.testi-cont p span{display: block;font-size: 14px;}


.slick-prev:before, .slick-next:before{color: #fa6400 !important;}



.top-margin{margin-top: 9%;}



div#google_recaptcha {
    margin: 0 0 20px 0;
}
@keyframes pulse{0%{transform:scale(1);}a

/* @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:#d8d4d4;}
::selection { background:#d8d4d4; }

/* 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-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; background: rgb(40, 9, 104); 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */ 
/* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 );*/
  /* IE6-9 fallback on horizontal gradient */ 
}


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

body {font-family: 'AvenirNext', sans-serif;color: var(--default-color);font-size:var(--base-font-size);position: relative;background-color: #fff;}

/* font family */
.ff-primary { }
.ff-secondary {  }

/* 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{ font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px;  position:relative; display:table; border-radius: 5px; }
.primary-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 {color: #fff;font-weight: 800;display: inline-block;border: 1px solid transparent;/* text-transform: uppercase; */margin: 10px 0 0 0;border-radius: 5px;padding: 15px 25px;font-size: 14px;transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;background-color: #fa6400;}
.secondary-btn:hover {transform: translateY(-0.625rem); transition: all 700ms; color: #fff; }

.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;}

.trnsprnt-butn {color: #fff;font-weight: 800;display: inline-block;text-transform: uppercase;margin: 10px 0 0 20px;border-radius: 5px;padding: 15px 25px;font-size: 14px;transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;background-color: transparent;border: 1px solid #fff;}
.trnsprnt-butn:hover {transform: translateY(-0.625rem);transition: all 700ms;color: #fff;}

.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; }


@font-face {
  font-family: 'AvenirNext';
  font-display: swap;
  src: url(fonts/3A5754_0_0.cb098aaa.eot);
  src: url(fonts/3A5754_0_0.cb098aaa.eot?#iefix) format('embedded-opentype'), url(fonts/3A5754_0_0.ab04b3f0.woff2) format('woff2'), url(fonts/3A5754_0_0.c2082707.woff) format('woff'), url(fonts/3A5754_0_0.93932f6b.ttf) format('truetype');
  font-weight: 800;
  font-style: normal;
}


/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
h1, .h1, h2, .h2 {font-family: 'poppins';font-family: 'Poppins', sans-serif;font-family: 'Poppins', sans-serif;}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{/* font-family: 'AvenirNext', sans-serif; */padding-bottom: 0px;color: #4f4f4f;}

input {font-family: 'Poppins', sans-serif;}
b {font-family: 'Poppins', sans-serif;}
span{
    font-family: 'Poppins', sans-serif;
}
p { font-family: 'Poppins', sans-serif;}
select {font-family: 'Poppins', sans-serif;}
textarea {font-family: 'Poppins', sans-serif;}

p {font-weight: 400;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #4f4f4f;font-size: 15px;font-family: 'Poppins', sans-serif;}
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; }
.p-15 {padding: 0 8px;}
.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: #4f4f4f;line-height: 1;font-weight: 700;padding: 0 0 10px 0;position: relative;letter-spacing: -1px;}
h2 span,.h2 span { color:var(--primary-color);}

a {text-decoration: none;font-family: 'Poppins', sans-serif;color: #fa6400;}
.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: #4a7ee5; background: -moz-linear-gradient(-45deg, #4a7ee5 0%, #1169cd 100%); background: -webkit-linear-gradient(-45deg, #4a7ee5 0%,#1169cd 100%); background: linear-gradient(135deg, #4a7ee5 15%,#1169cd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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: fixed;padding: 25px 0;width: 100%;top: 0;left: 0;z-index: 99;background-color: #f9f7f0;}
.top-bar.fixed-header{background: #fff;box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);}
/*.header-main .top-bar.fixed-header .othermenu li a{color: #2d2b2b;}*/
.header-main .top-bar.fixed-header .othermenu li.current a {color: #000;transition: all 700ms;}
.header-main .top-bar.fixed-header .othermenu li:hover a{color: #000;transition: all 700ms;}
.top-bar.fixed-header .top-info-list li a{/* background: transparent; *//* border: 1px solid #21ae59; */}
.top-bar.fixed-header .top-info-list li a.phnenmbr {/* border: 1px solid #4a7ee5; */}
.top-bar.fixed-header .top-info-list li span{color: #2c42b3;}
.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: 0;display: inline-block;}
.top-info-list li {float: left;color: #171717;font-size: 14px;padding: 0 4px;}
.top-info-list li:first-child {padding-left: 0px;display: inline-block;}
.top-info-list li:last-child { padding-right: 0px; }
.top-info-list li span {margin-right:8px;color: #ffffff;font-size: 13px;line-height: 20px;}
.top-info-list li span.icon-phone2 {font-size: 15px; top: 1px; position: relative;}
.top-info-list li a.phnenmbr {background: transparent;border-radius: 5px;padding: 10px 15px;border: 1px solid transparent;transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;border: 1px solid #4f4f4f;}
.top-info-list li a.phnenmbr:hover {transform: translateY(-0.625rem);transition: all 700ms;color: #4f4f4f;}
.top-info-list li a.phnenmbr img {width: auto; display: inline-block; vertical-align: top; margin: 0 7px 0 0;}
.showmenu .top-info-list li a.phnenmbr:hover {color: #4f4f4f;}
.top-info-list li+li {/* border-left: 1px solid #171717; */}
.top-info-list li a{color: #4f4f4f;transition: all 700ms;font-weight: 500;display: inline-block;font-size: 12px;}
.top-info-list li a.btn-main-top-bar {color: #fff;}
.top-info-list li a:hover {transition: all 700ms;}
.nav-area-full {position: fixed;padding: 17px 0px;width: 100%;margin-top: -55px;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{margin-top: 5px;}
.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;}
.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: 380px; position: absolute; top: 30px; 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 10px;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: -220px;background: #fff;border: 1px solid #cbd6e2;padding: 10px 0;border-radius: 0px;width: 230px;}
.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: -230px;}
.header-main .othermenu li .dropdown ul li a{transition: all 700ms;color: #171717 !important;font-size: 15px;text-decoration:none;padding: 10px 0 10px 10px;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 {width:100%;position:relative;margin-top: 100px;}
.home-banner {width: 100%;height: 700px;position: relative;background-position: 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;}
.home-banner-content h1 {font-size: 46px;margin-bottom: 15px;font-weight: 800;color: #ffffff;font-family: 'poppins';position: relative;/* text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.7); */line-height: 1.1;}
.home-banner-content h1 span.thmeblue{color: #ffffff;display: inline-block;}
.home-banner-content h1 span.thmegren{color: #21ae59; display: inline-block;}

.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: #ffffff;padding-top: 10px;line-height: 1.4;font-size: 20px;padding-bottom: 0;font-family: 'poppins';}
ul.clntlgs {padding: 50px 0 0 0;}
ul.clntlgs li {display: inline-block;margin: 0 15px 0 0;vertical-align: top}
ul.clntlgs li img{width: 100%;}
.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;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: 5px; 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%; border-radius: 5px; box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39); font-family: 'Poppins', sans-serif; padding: 15px 20px; font-size: 14px; line-height: inherit; margin: 0; background-color: #fff; border: none; outline: none; transition: all 700ms; color: #7d758e; margin: 0 0 15px 0; }
.banner-form .intl-tel-input{width: 100%;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;border-radius: 5px;padding: 10px 15px;margin: 20px 0 0;border: transparent;}

/* 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: 5px; 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: 5px; }
.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.jpg') 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.png) 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-informative {display: none;}
.tabs-informative.current {display: flex}
.tabs-eCommerce {display: none;}
.tabs-eCommerce.current {display: flex;}
.tabs-webapps {display: none;}
.tabs-webapps.current {display: flex;}

/* 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;}


/* complete branding package
------------------------------------*/
.mid-banner {position: relative;padding: 70px 0;font-family: ''Poppins', sans-serif';background: #fff;}
.cmp-heading-sec {text-align: center; }
.mid-banner h3 {color: #ffffff;line-height: 48px;font-weight: 600;text-transform: none;}
.cmp-heading-sec p {width: 75%;margin: 0 auto;color: #888787;}
.banner-main {padding: 20px 10px;border-radius: 3px;font-size: 0;position: relative;}

.mid-banner h2 {}

.listsss ul {margin: 0; font-size: 0; }

.listsss ul li {display: inline-block; vertical-align: top; width: 25%; }
.listsss ul li .packaging-lists {padding-top: 0px; }
.packaging-lists {float: left; width: 90%; }
.packaging-lists ul {list-style: none; padding: 10px; }
.listsss ul li .packaging-lists > ul >li.heading {background: #f5fbf9;color: #fa6400;color: #fa6400;rder: none;font-weight: 600;margin: 0 0 10px;display: block;text-align: center;border-radius: 3px;padding: 4px 2px;line-height: 24px;position: relative;width: 100%;vertical-align: top;}

.listsss ul li .packaging-lists ul li:before {color: #ffffff;}
.listsss ul li .packaging-lists > ul >li {display: block; margin: 0; width: 100%; vertical-align: top; line-height: 24px; position: relative; }
.listsss ul li .packaging-lists > ul >li.heading:before {content:""; display: none;}
.packaging-lists ul li:before {position: absolute; content: "\f111"; font-size: 5px; left: 7px; top: 10px; line-height: 0; font-family: "fontawesome"; }
div.bub-btn {margin-top: 10px; margin-bottom: 30px; display: inline-block; height: 100%; -webkit-animation: hue-rotate 10s linear infinite; animation: hue-rotate 10s linear infinite; }
.midbanner-text.midbrand .off-percent img {width: auto;}
.packaging-lists ul li {color: #ffffff;font-size: 14px;padding-left: 25px;font-family: 'Poppins', sans-serif;}
.listsss ul li:nth-child(2) .packaging-lists > ul >li.heading {}
.listsss ul li:nth-child(3) .packaging-lists > ul >li.heading {}
.midbanner-text.midbrand .off-percent {text-align: center; padding: 10px 0 0px 0; float: right; position: absolute; top: 0px; right: 0px; width: 250px; }
.off-percent del {font-size: 17px;color: #fff;text-align: center;width: 100%;padding-right: 0;display: block;font-weight: 600;line-height: 20px;}
.mid-banner h2 {font-size: 50px;color: #000000;text-align: center;line-height: 50px;width: 70%;margin: auto;}
.button.largefont:hover {transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #ffffff; }
.button.largefont {transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #f5fbf9;font-weight: 600;text-transform: capitalize;background: -moz-linear-gradient(left, #f9ad1c 0%, #f9be36 100%);background: #fa6400;border-radius: 3px;font-size: 16px;padding: 16px 20px;display: inline-block;}
.brandpackage .cmp-view-btn:hover {transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.brandpackage .cmp-view-btn {transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #ffffff;font-weight: 600;text-transform: capitalize;background: transparent;border-radius: 3px;font-size: 16px;border: 1px solid #487ce1;padding: 16px 15px;display: block;margin: 20px 0 10px 0;}




/* 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%; }
   
/*terms-and-conditions*/
.termzz{padding: 60px 0;background-color: #fff;}
.termzz .conditin{}
.termzz .conditin h4{
    padding: 0 0 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #222;
    font-size: 35px;
    font-family: 'Poppins', sans-serif;
    }
.termzz .conditin p{font-weight: 400;
    line-height: 1.4;
    padding: 0 0 30px;
    margin: 0px;
    color: #687087;}
.termzz .conditin ul{    margin-bottom: 30px;}
.termzz .conditin ul li{  font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.4;
    margin: 0px;
    color: #687087;}
.termzz .conditin ul li a{color: #fa6400;}


.testimnl{background-size:cover;background-position:center;padding: 60px 0;position:relative;background-color: #ffffff;}
.testimnl{}
.vew-dtls-btn{text-align:center;padding:20px 0;}
.vew-dtls-btn a.view-btn{display:inline-block;color:#e67a3f;font-size:14px;position:relative;}
.vew-dtls-btn a.view-btn:before{content:"";position:absolute;width:100%;height:2px;background-color:#e67a3f;bottom:0px;}
.testimnl img{width:100%;}
.testimnl .list-scroll{height:128px;}
.testimnl .txt-wrp h5{font-size: 18px;text-transform:capitalize;color: #fa6400;padding:0;font-weight: 500;font-family: 'Poppins', sans-serif;}
.testimnl .txt-wrp h2{color:#455963;font-weight:700;font-size:59px;padding:0;}
.testimnl .txt-wrp b{margin:0 0 10px 0;color:#2a2306;font-weight:bold;font-size:45px;line-height:1;}
.testimnl .txt-wrp span{font-size:200px;color:#e67a3f;font-weight:300;line-height:1;position:absolute;right:30px;top:-30px;font-style:italic;}
.testimnl .txt-wrp h6{color:#393939;font-size:13px;}
.testimnl .slick-next:before{content:"\f105";font-family:FontAwesome;color:#b5b5b5;font-size:41px;font-weight:300;}
.testimnl .slick-prev:before{content:"\f104";font-family:FontAwesome;color:#b5b5b5;font-size:41px;font-weight:300;}
.testimnl .slick-prev:hover:before{    color: #21ae59;}
.testimnl .slick-next:hover:before{color:#e67a3f;}
.testimnl .slick-prev{left:-60px;}
.testimnl .slick-next{right:0px;display:none !important;}
.testimnl{}
.testimnl .txt-wrp{padding-right:120px;padding-left:43%;}
.testimnl .txt-wrp h3{padding:11px 0;position:relative;font-size: 50px;line-height:1;text-transform:capitalize;color:#000;font-family: 'Poppins', sans-serif;}
.testimnl .txt-wrp h3:after{content:"";display:none;position:absolute;background-color:#e67a3f;width:40px;height:3px;left:0;bottom:-40px;}
.testimnl .txt-wrp p{
    font-size: 15px;
    padding-bottom: 0;
    color: #888787;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 15px;
    }
.testimnl .txt-wrp a:hover{}
.testimnl .txt-wrp a{text-transform:uppercase;margin:0px;display:inline-block;}
.testimnl .testim-wrp{padding: 40px  30px 60px;background:#fff;border-radius:15px;margin:0 40px 0 0;-webkit-box-shadow: 0px 11px 15px #16232136;-ms-box-shadow: 0px 11px 15px #16232136;-o-box-shadow: 0px 11px 15px #16232136;box-shadow: 0px 11px 15px #16232136;}
.testimnl .testim-wrp i{font-size:40px;color: #fa6400;}
.testimnl .testim-wrp h4{
    font-size: 18px;
    padding: 20px 0 30px;
    line-height: normal;
    font-weight: 400;
    color: #0c1517;
    font-family: 'Poppins', sans-serif;
    }
.testimnl .slick-center .testim-wrp{opacity:1;}
.testimnl .testim-wrp{opacity:0.5;}
.testimnl .testim-wrp .img-wrp{/* width:100px; *//* display:inline-block; */float: left;}
.testimnl .testim-wrp .img-wrp img{border-radius:50%;}
.testimnl .testim-wrp .desgnt-sec{/* display:inline-block; */top: 18px;position:relative;left:10px;}
.testimnl .testim-wrp .desgnt-sec b{color:black;font-size: 18px;text-transform:capitalize;line-height: 1;}
.testimnl .testim-wrp .desgnt-sec h6{
    font-size: 11px;
    padding: 0;
    color: #0c1517;
    font-weight: 500;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
    margin-top: 6px;
    }




/* 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.png') 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.png) no-repeat top 0 left 0; }
.thumb-slider .slick-next { right: -65px; background: url(../images/slick-arrows-slider.png) 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: 5px; 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 {color: #fff;background-image: linear-gradient(120deg,#575859 0,#2e2f30 85%);}
.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: left;display: block;margin: 15px 0 0 0;}
.ftr-social li {margin: 0 15px 0 0;position: relative;text-align: center;display: inline-flex;}
.ftr-social li a {display: inline-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: 100%;}






.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 {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: #fff;}
.copyright span {color: #fff;}
.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.png) 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.png) 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;  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.png);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;}


.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: #ffffff;}
.listsec h2{text-align:  center;}
.listsec .wrap{margin: 0 auto; width: 85%; }
.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: 18px;
    color: #fa6400;
    display: inline-block;
    top: 0;
    }


.cta2{overflow:  hidden;background:url(../images/cta-fold.png);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: 5px;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: 5px;
    
    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;
}

.btn-main{color: #fff !important;font-weight: 600;border: 1px solid transparent;text-transform: capitalize;border-radius: 5px;padding: 10px 15px;font-size: 14px;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/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.btn-main-top-bar{color: #fff;font-weight: 600;border: 1px solid transparent;/* text-transform: uppercase; */border-radius: 5px;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-color: #fa6400;}
.btn-main-top-bar:hover {transform: translateY(-0.625rem); transition: all 700ms; color: #fff;}

.main-btn{color: #fff;font-weight: 600;border: 1px solid transparent;/* text-transform: uppercase; */border-radius: 5px;padding: 15px 25px;font-size: 14px;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/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.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/#4a7ee5+0,1169cd+100 *//* background: #4a7ee5; */ /* Old browsers */background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 *//* background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); */ /* Chrome10-25,Safari5.1-6 *//* background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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; 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{
    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;
    width: 100%;
}
.servicesec .boxwrap img {width: 35%;height: 80px;object-fit: contain;}
.servicesec .boxwrap{
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 20px;
}
.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 0;position: relative;border-radius: 5px;min-height: 170px;padding: 20px;float: left;background: #fff;width: 18.1%;}

.servicesec .boxwrap li i{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 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;padding: 5px 0 0 0;font-family: 'poppins';font-weight: 700;}

.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/#4a7ee5+0,1169cd+100 */background: #eceded; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */}



.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{}
.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: #20cb98;
    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; }



.main-vruos-induis-sec .wrap ul {display: inline-block;border-radius: 5px;margin-bottom: 0;border: 1px solid #bbbecc;margin-top: 0;}
.main-vruos-induis-sec .wrap ul li:nth-child(1) {border-radius: 5px 0 0 0;}
.main-vruos-induis-sec .wrap ul li:nth-child(3) {border-radius: 0 5px 0 0;}
.main-vruos-induis-sec .wrap ul li:nth-child(13) {border-radius: 0 0 0px 5px;}
.main-vruos-induis-sec .wrap ul li:nth-child(15) {border-radius: 0 0 5px 0;}
.main-vruos-induis-sec .wrap ul li.br {border-right: 1px solid #bbbecc; }
.main-vruos-induis-sec .wrap ul li.bb {border-bottom: 1px solid #bbbecc; }
.main-vruos-induis-sec .wrap ul li {width: 33.33%;float: left;padding: 20px 35px;/* background: #fff; */}
.main-vruos-induis-sec .wrap ul li p {padding-left: 30px;font-size: 17px;position: relative;padding-bottom: 0;color: #000;font-weight: 500;vertical-align: middle;}



.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;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: #ffffff;background-color: #fa6400;padding: 20px 40px;border-radius: 5px;display: inline-block;margin-top: 0;font-weight: 800;font-size: 15px;/* text-transform: uppercase; */}
.btn-theme:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #ffffff;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;font-family: 'Poppins', sans-serif;font-weight: 700;}
.footer-top .linkinglist{display: block;margin-bottom: 0;}
.footer-top .linkinglist li{padding: 5px 0;}
.footer-top .linkinglist li a{color: #ffffff;font-size: 13px;text-transform: capitalize;}
.footer-top .linkinglist li img {display: inline-block; width: auto; vertical-align: top;}
.footer-top .linkinglist li p{color: #ffffff;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: 5px; 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: 5px; }
.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: 0px; 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: 40px;/* 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: 5px; }
.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: 5px; 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{}
.ticklist li a{color: #fa6400;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: 5px; 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;float: right;}
.header-main .othermenu li{margin-right: 14px;display: inline-block;}
.header-main .othermenu li h6{color: #171717;font-size: 16px;font-weight: 400;cursor: default;}
.header-main .othermenu li a{color: #4f4f4f;font-size: 14px;font-weight: 400;/* transition: all 700ms; *//* -webkit-animation: fadeIn 1s; *//* animation: fadeIn 1s; */padding: 10px 0;text-transform: capitalize;}
.othermenu h6 a {
    cursor: unset;
}
/*================lp custom  website design development===============*/
.custom-website-design-development-page .header-main .othermenu li a {color: #fff; font-size: 15px;}
.custom-website-design-development-page .top-bar {background-color: #ffffff;}
.custom-website-design-development-page .top-info-list li a.phnenmbr {border: 1px solid #000000;}
.custom-website-design-development-page .top-info-list li a {color: #000;}
.secondlogo a img.cwdd{display: none;}
.custom-website-design-development-page .header-main .secondlogo a img.img-fluid.cwdd{display: block;}
.custom-website-design-development-page .header-main .secondlogo a img.img-fluid{display: none;}
.custom-website-design-development-page .top-bar.fixed-header{background-color: #fff;}
.custom-website-design-development-page .header-main .top-bar.fixed-header .othermenu li:hover a {color: #000;}
.custom-website-design-development-page .header-main .othermenu li:hover a {color: #000;/* font-weight: 600; */}
.custom-website-design-development-page .main-services-banner-sec {background-position: center;background-size: cover;margin: 125px 0 0 0;padding: 80px 0;height: auto;}
.custom-website-design-development-page .main-services-banner-sec:before {background: #000000a1;}
.custom-website-design-development-page .srvce-cont h1 span {color: #fff;}
.custom-website-design-development-page .srvce-cont p {color: #fff;line-height: 1.4;font-size: 14px;padding: 20px 80px 20px 0;}
.custom-website-design-development-page .package-wrapper {background-color: #fff;box-shadow: 0px 5px 20px 9px rgba(207, 207, 207, 0.39);border-radius: 5px;}
.custom-website-design-development-page .heading h2 span {color: #000;}
.custom-website-design-development-page .package-wrapper:hover .actions a span small{color:#fff;}
.custom-website-design-development-page .old-price span {color: #000000;}
.custom-website-design-development-page .suit p {color: #4f4f4f;}
.custom-website-design-development-page .package-item .list ul li {color: #4f4f4f;}
.custom-website-design-development-page .ticklist2 li:before {color: #21ae59;}
.custom-website-design-development-page .adons p {color: #4f4f4f;}
.custom-website-design-development-page .package-wrapper:hover .heading h2 span {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .old-price span {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .suit p {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .package-item .list ul li {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .adons p {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .ticklist2 li:before {color: #fff;}
.custom-website-design-development-page .srv-bnr-frm {
    background: #ffffff;
    border: 3px solid;
    border-image-source: linear-gradient(0deg, rgb(250, 100, 0), rgba(255, 255, 255, 0));
    border-image-slice: 1;
    }
.custom-website-design-development-page .srv-bnr-frm:after {background-image: url(../images/cwddofer50.png);height: 157px;width: 113px;top: -100px;left: -25px;transform: rotate(0deg);}
.custom-website-design-development-page .header-main .othermenu {float: none; text-align: center;}
.custom-website-design-development-page .second-bar {background: #fa6400;margin: 10px 0 0 0;padding: 5px 0;}
.custom-website-design-development-page .top-bar {padding: 15px 0 0;}
.custom-website-design-development-page .dropdown {text-align: left }
.custom-website-design-development-page .header-main .othermenu li {margin-right: 70px;}
.custom-website-design-development-page .header-main .othermenu li:last-child {margin-right:0; }
.custom-website-design-development-page .top-info-list li a.btn-main-top-bar {color: #fff;font-weight: 600;}
.custom-website-design-development-page .btn-main-top-bar {padding: 15px 20px;}
.custom-website-design-development-page .top-info-list li a.phnenmbr {padding: 15px 20px;font-weight: 600;}
.custom-website-design-development-page .top-info-list li {padding: 0 10px;}
.custom-website-design-development-page .header-main .secondlogo a img {width: 145px; }
.custom-website-design-development-page .srvce-cont h1 span {font-size: 50px;font-weight: 700;}
.custom-website-design-development-page .srvce-cont h1 {font-size: 30px;color: #fafdfb;font-weight: 500;}
.custom-website-design-development-page .main-cta1-sec .bgclr {position: relative;border-radius: 5px;box-shadow: 0px 5px 20px 9px rgba(207, 207, 207, 0.39);}
.custom-website-design-development-page .main-cta1-sec .bgclr:after {position: absolute; top:0; right: 0; width: 100%; height: 100%; background-color:#000; }
.custom-website-design-development-page ul.clntlgs {padding: 20px 0;}
.custom-website-design-development-page .main-btn {margin: 0;}
.custom-website-design-development-page .srvce-cont ul.bltpnts {padding-bottom: 0; margin: 0 ;}
.custom-website-design-development-page .srvce-cont ul.bltpnts li{font-family: 'Poppins', sans-serif;font-size: 14px; display: inline-block; color: #fff; }
.custom-website-design-development-page .srvce-cont ul.bltpnts li i{color: #fa6400;margin: 0 7px 0 0;}
.custom-website-design-development-page .evry-heading-sec h2 {color: #0a1a29; }
.custom-website-design-development-page .cta1 h2 {color: #0a1a29; }
.custom-website-design-development-page .main-cnt-heading {color: #000;}
.custom-website-design-development-page .evry-img-sec img {max-width:100%;}
.custom-website-design-development-page .listsec .wrap ul li:hover {background:#fff;box-shadow: 0px 5px 20px 9px rgba(207, 207, 207, 0.39);}
.custom-website-design-development-page .srv-bnr-frm .banform input {padding: 10px;}
.custom-website-design-development-page .main-services-banner-sec .srv-bnr-frm .banform input[type="submit"] {margin: 10px 0 0;background: #fa6400;}
.custom-website-design-development-page .intl-tel-input.allow-dropdown.separate-dial-code {margin: 0 0 10px 0; }
.custom-website-design-development-page .main-services-banner-sec .srv-bnr-frm .banform textarea {height: 90px;}
.custom-website-design-development-page .main-services-banner-sec .srv-bnr-frm .banform input[type="submit"] {padding: 10px;}
.custom-website-design-development-page .main-services-banner-sec .ban-form select {padding: 10px;}
.custom-website-design-development-page .srv-bnr-frm .slect-arrow:after {    top: 9px;}
.custom-website-design-development-page .srv-bnr-frm h3 {
    color: #0a1a29;
    font-weight: 700;
    font-size: 33px;
    font-family: 'Poppins', sans-serif;
    }
.custom-website-design-development-page .srv-bnr-frm p {color: #fa6400;}
/*.custom-website-design-development-page .srv-bnr-frm:after {content: ""; background-image:url(../images/cwddfrmbg.png); position: absolute;width: 772px; height: 687px; top:0; position: absolute; z-index: -1;}*/
.custom-website-design-development-page .main-services-banner-sec:after {content: "";background-image: url(../images/cwddfrmbg.png);position: absolute;width: 580px;background-repeat: no-repeat;right: 0;background-size: cover;height: 540px;top: 50px;z-index: -1;background: unset;}
.custom-website-design-development-page .actions a span small {color:#000;}
.custom-website-design-development-page.ecommercepage .main-services-banner-sec:after{display:none;}
.bnr-logo{margin:0 auto;padding:20px 0;width:100%;background: #fff;text-align:center;position:relative;bottom:0px;left:0;right:0;}
.bnr-logo ul{position:relative;margin:0 auto;width:70%;}
.bnr-logo li{display:inline-block;width:13%;margin:0 10px;}
.bnr-logo li img{width:70%;filter:grayscale(100%);}
.bnr-logo li.wdtfty img{width:50%;}
.bnr-logo li img:hover{filter:grayscale(0);}

.header-main .secondlogo{position: relative;/* padding-top: 16px; */display: inline-block;z-index: 9;}
.header-main .secondlogo a{}
.header-main .secondlogo a img{width: 120px; }
.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{}
.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: 5px; 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;top: 24px;opacity: 0;}
.header-main .emailsec a{position: relative;  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;background: #fff;}
.main-cntnually-sec{padding: 0px 0 60px 0;}
.main-srvng-bsiness-sec{padding: 60px 0;}
.main-technolgyes-sec{padding: 60px 0 0;}
.main-ofce-adres-sec{padding: 0px 0 60px 0;}
.main-whoweare-sec{padding: 60px 0;}
.main-3clum-sec{padding: 60px 0 0;}
.main-abut-img-sec{padding: 60px 0;}
.main-our-prtner-sec{padding: 60px 0 0 0;}
.main-vruos-induis-sec{padding: 60px 0 0 0;}
.main-utlnzng-crent-sec{padding: 60px 0;}
.main-lets-frm-sec{/* padding: 0 0 70px 0; */}
.main-lets-frm-sec .main-cnt-para a{color: #fa6400;}
.getquotepg .main-lets-frm-sec{margin: 70px 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/#4a7ee5+0,1169cd+100 */
background: #4a7ee5; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.flsevce{text-align:center;}
.main-cnt-heading{font-size: 50px;line-height: 50px;font-weight: 700;color: #4f4f4f;text-align: center;width: 70%;margin: auto;font-family: 'Poppins', sans-serif;}
.main-cnt-para{color: #888787;line-height: 1.4;font-weight: 400;text-align: center;}
.para-wdth{width: 65%;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;border-radius: 5px;cursor: context-menu;}
.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);background: #fff;}
.strey ul li:hover a h3 {color: #407ee5;}
.strey ul li a{padding: 30px 0px;display: inline-block;cursor: context-menu;}
.strey ul li h3{font-size: 18px;line-height: 29px;color: #4f4f4f;font-weight: 600;padding: 5px 0 5px 0;font-family: 'Poppins', sans-serif;cursor: context-menu;}
.strey ul li img{width: 80px;}
.main-view-more{text-align: center;    margin: 30px 0 0 0;}
/*.workpg .main-view-more{display: none;}*/
.main-view-more a{}
.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: #4f4f4f; padding: 20px 0 30px 0;    font-family: 'Poppins', sans-serif;}
.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: 17px;line-height: 29px;font-weight: 700;color: #000000;padding:0;display: inline-block;}
.lonkgn p a{color: #4a7ee5; padding: 0 0 5px 0; position: relative;}
.lonkgn p a:after {content: ""; position: absolute; bottom: 0; left: 0; width: 0%; background:#4a7ee5;margin: 0 auto; right: 0; height: 1px;}
.lonkgn p a:hover:after{transition: all 500ms;width: 100%;}
.main-cta1-inner-sec{padding: 60px 0;background-size:cover;background-repeat: no-repeat;width: 100%;background-position: center center;}
.main-cta1-sec .bgclr {background: #ffffff;height: 215px;}
.main-cta1-sec .cta1 {padding: 0 0 0 40px;}
.main-cta1-sec .imgwrp {}
.main-cta1-sec .imgwrp img{position: absolute;right: 0;top: -20px;width: 100%;}
.main-cta1-sec{text-align: left;padding: 60px 0;}
.cta1 h2{font-size: 32px;line-height: 35px;font-weight: 800;color: #4f4f4f;padding: 0;}
.cta1 p{padding: 0;}
.cta1 .trnsprnt-butn{color: #4f4f4f;}
.ltsbtn-frm {margin: 0 0 40px 0;position: relative;}
.ltsbtn-frm input, .ltsbtn-frm textarea, .ltsbtn-frm select{width: 100%;border: 1px solid #bbb5b5;border-radius: 5px;/* box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39); */background: #f0f2f4;font-family: 'Poppins', sans-serif;padding: 15px 20px;font-size: 14px;margin: 0;background-color: #e8e5e5;outline: none;transition: all 700ms;color: #20292f;}
form#contactForm {margin: 0 60px; }
.contactpg form#contactForm {margin: 0 0px; }
.ltsbtn-frm select{}
.ltsbtn-frm.slect-arrow{position: relative;}
.ltsbtn-frm.slect-arrow:after{content: "\f107";font-family: fontawesome;right: 15px;top: 15px;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:none; transition: all 700ms; }
.main-lets-frm-sec input[type=submit]{cursor: pointer;width: auto;color: #fff;/* text-transform: uppercase; */font-family: 'Poppins', sans-serif;border-radius: 5px;padding: 15px 25px;font-size: 14px;height: auto;border:none;font-weight: 600;transform: translateY(0rem); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */ /* FF3.6-15 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.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;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;cursor: context-menu;}
.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: 550px;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: 100%;height: 100%;top: 0;left: 0%;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: #aaa;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;top: 200px;}
.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: 70px 0 0 0px;padding: 60px 0;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.main-srvice-second-sec{padding: 60px 0;width: 100%;/* background-size: cover; *//* background-repeat: no-repeat; *//* background-position: center; */}
.evry-heading-sec h2{font-size: 50px;font-weight: 700;}
.evry-heading-sec p{font-size: 15px;font-weight: 500;color: #888787;line-height: 1.3;}
.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 {}
/*==============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: 60px 0 0 0;}
.combopack-page .main-tbing-sec{padding: 0px 0px 0;}
.pckgspage .main-tbing-sec{padding: 0px 0;}
.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: 9px 20px;height: 40;cursor: pointer;text-transform: capitalize;font-size: 14px;color: #9a9a9a;font-weight: 600;border: 1px solid #d4d4d4;margin: 10px 3px 5px 3px;border-radius: 5px;font-family: 'Poppins', sans-serif;}
.main-tbing-sec ul.tbing li a {color: #9a9a9a;}
.main-tbing-sec ul.tbing li:hover a {color: #fff;}
.main-tbing-sec ul.tbing li a {}
.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/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.main-tbing-sec ul.tbing li.current a {color: #fff;}
.main-tbing-sec ul.tbing li:hover {transform: translateY(-0.625rem);transition: all 700ms;color: #fff;border: 1px solid white; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
/*==============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: #ffffff;font-size: 13px;}
.main-abut-img-sec{width: 100%;height: 700px;background-size: cover;background-repeat: no-repeat;background-position: center;margin: 60px 0 0;}
.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;}




/*==============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: 10px 0px 0px 10px;display: inline-block;padding-top: 0;vertical-align: top;margin-top: 125px;color: #fa6400;font-size: 16px;font-weight: 700;background: #ffffff;position: relative;text-transform: uppercase;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */}
.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: #4f4f4f;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/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */background: #fa6400;}
.ban-form textarea{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);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/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */top: 63px;background: #ffffff;border-radius: 10px 0px 0px 10px;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;}
.btns_wrap .call_wrap span{color: #4f4f4f;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/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */background: #ffffff;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: 10px 0px 0px 10px;z-index: 9999;}
.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo{color: #fa6400;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C,;background:;;eTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */font-size: 18px;padding: 15px 20px;background: #ffffff;border-radius: 10px 0px 0px 10px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;}
.btns_wrap .chat_wrap span{color: #4f4f4f;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 =================*/
.main-services-banner-sec .ban-form select{
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);
    font-family: 'Poppins', sans-serif;
    padding: 15px 10px;
    font-size: 14px;
    margin: 0;
    background-color: #fff;
    border: none;
    outline: none;
    transition: all 700ms;
    color: #7d758e;
    line-height: inherit;
    /* height: 60px; */
    }
.intl-tel-input.separate-dial-code .selected-dial-code {font-family: 'Poppins', sans-serif;}



/*----------subscribe-tab-css-start-----------*/
.subscribe-tab{padding: 60px 0 60px 0; text-align: center; background: #fd7366; }
.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; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #fff; font-weight: 500; letter-spacing: 1px; transition: 0.5s ease-in-out; margin-top: 0; }
.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.png) 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.png) 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: 42%; bottom: 0; }
#client .slick-prev {left: -6%; z-index: 9; top: auto; bottom: 20%; }
#client .slick-next {background: url(../images/ar-right.png); }
#client .slick-next::before, #client .slick-prev::before{display: none;}
.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)); }
#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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #fff; padding: 14px 40px; border-radius: 5px; border: 0; font-size: 16px; transition: 0.5s ease-in-out; margin: 13px 0; font-weight: 600; }
#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: 1; }
#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: #333333;border-radius: 16px;overflow: hidden;padding: 30px;margin-top: 30px;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;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);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;background: #000;}
/*.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: #fa6400;font-size: 25px;line-height: 1.1;font-weight: 600;padding: 0;}
.heading h2 span{display: block;color: #ffffff;}
.heading p{padding:0; font-size: 16px; color: #141315; }
.pkge-prce p {font-size: 18px;font-weight: 600;color: #7b7b7b;padding: 21px 0 5px 0;line-height: 1.2;}
.pkge-prce p span{text-decoration: line-through;color: #b5b5b5;}
.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: 25px;color: #ffffff;font-weight: 700;margin-top: 10px;}
.suit p{padding: 10px 0 10px 0;font-size: 13px;color: #e6e6e6;}
.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;color: #909090;left: 0px;top: 2px;}
.ticklist2 li.heading:before{display: none;}
.adons p{padding: 10px 0 0px 0;font-size: 13px;font-weight: 700;color: #fbfbfb;text-align: center;}
.adons p span{color: #fa6400;}
.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: 13px;color: #e6e6e6;font-weight: 400;font-family: 'Poppins', sans-serif;}
.package-item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #fa6400;}
.package-item .mCSB_scrollTools .mCSB_draggerRail{background-color: #1a1a1a;}
.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: 100%;text-align: center;margin: 0;/* padding: 10px 0 0 0; */color: #fff;}
.chat-con ul li.pkge-ordr a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */color: #fff;font-size: 13px;font-weight: 600;text-transform: uppercase;padding: 15px 20px;border-radius: 5px;width: 100%;display: inline-block;}
.chat-con ul li.pkge-bkcl a{color: #e6e6e6;font-size: 13px;font-weight: 600;text-transform: uppercase;padding: 15px 20px;border-radius: 5px;background-color: #fa6400;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: #fa6400;}
.actions a span small {display: block;font-size: 13px;line-height: normal;color: #ffffff;font-weight: 700;}
.actions::before {position: absolute;content: "";height: 43px;background-color: #3d3d3d;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: 5px; 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===================*/





/*=========notfound-start======*/
#notfound {position: relative;padding: 70px 0;height: 600px; }
#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: 140px 0;}
.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;}
.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: #fa6400;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bad3', endColorstr='#9b2c92',GradientType=1);border: solid 3px #ffffff;}
.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 .5s ease infinite alternate;-webkit-animation: scrollDownAnimation .5s ease infinite alternate;background: #00a155;background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 );}
.whatsapp: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/#4a7ee5+0,1169cd+100 */background: #4a7ee5; /* Old browsers */background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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 19px;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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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: 70px 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: #2644b9; 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=================*/


.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{position: relative;z-index: 9;padding: 30px 0;}
.clients-logo-inner ul{font-size: 0;margin: 0;}
.clients-logo-inner ul li{display: inline-block;width: 15%;text-align: center;margin: 0 20px;}
.clients-logo-inner ul li p {font-size: 27px;font-weight: 900;margin: 0;padding: 0;text-transform: capitalize;}
.clients-logo-inner ul li img{display: inline-block;width: 60%;} .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: 80px 0 0 0;padding: 80px 0 30px 0;position: relative;z-index: 9;background-repeat: no-repeat;background-position: right;background-size: contain;height: 685px;background-image: url(../images/services-bg-img.png);}
.main-services-banner-sec:before{position: absolute;content: "";background: #efefef42;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 0;}
.srvce-cont h1{font-size: 30px;color: #4a7ee5;font-weight: 600;}
.srvce-cont h1 span{display: block;color: #4f4f4f;font-size: 55px;line-height: 1;}
.srvce-cont p{font-size: 18px;color: #4f4f4f;padding: 20px 30px 20px 0;line-height: normal;}
.srvce-cont img{width: 200px;display: block;padding: 30px 0 0 0;}

.srv-bnr-frm h3{text-align: center;font-size: 40px;color: #21ae59;}
.srv-bnr-frm p{text-align: center;font-size: 17px;color: #282828;padding: 0;}
.srv-bnr-frm {padding: 0 0 0 50px; position: relative; z-index: 99999 !important; border-radius: 5px; margin: 0; width: 95%; display: inline-block; }
.srv-bnr-frm {background: #ffffffad; padding: 30px;}
.srv-bnr-frm {position: relative;}
.srv-bnr-frm:after {position: absolute;content:"";background-image:url(../images/form-discount.png);background-position: center;background-repeat: no-repeat;background-size: cover;height: 95px;width: 100px;z-index: 99;top: -15px;right: -15px;transform: rotate(30deg);}
.srv-bnr-frm .banform input {width: 100%;border: 1px solid #e5e5e5;background: white;padding: 15px 10px;color: gray;box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);font-size: 14px;border-radius: 5px;height: unset;font-weight: 400;outline: none !important;margin: 0 0 16px 0;}
.main-services-banner-sec .srv-bnr-frm .banform textarea {height: 120px;}
.main-services-banner-sec .srv-bnr-frm .banform input[type="submit"] {color: #fff; font-weight: 600; border-radius: 5px; text-align: center; padding: 15px 10px; text-transform: uppercase; margin: 20px 0 0; border: transparent; cursor: pointer; background: #21ae59; }
.srv-bnr-frm .slect-arrow:after {content: "\f107"; font-family: fontawesome; right: 30px; top: 15px; font-size: 16px; position: absolute; }

.technologiespg .main-vruos-induis-sec{padding: 60px 0 0 0;}
.services-inner-pge .main-vruos-induis-sec, .workpg .main-vruos-induis-sec{}
.customlogodesignpage .main-vruos-induis-sec, .custom-website-design-development-page .main-vruos-induis-sec{padding: 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: #f9f7f0;}
.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: #fa6400;}
.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{color: #000000; transition: all 700ms;}
/*.main-menu > ul > li:hover a{    color: #f38440;}*/
.header-main .othermenu li.current a{color: #000000;/* transition: all 700ms; *//* font-weight: 400; *//* font-size: 15px; */}
.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/#4a7ee5+0,1169cd+100 */background: #d6d8d775; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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;}

.servicesec .boxwrap li.current h6{color: #2c2c2c;}
.myservices .left h2 {font-size: 35px;}
.myservices .left h3 {font-size: 18px;font-weight: 600;font-family: 'Poppins', sans-serif;}
.myservices .left p {text-align: left;}
.pointlisting {margin-bottom: 0;display: inline-block;padding: 0 0 15px 0;}
.pointlisting li {position: relative;width: 48%;font-size: 15px;padding-left: 20px;padding-bottom: 4px;display: inline-block;text-align: left;color: #000;font-family: 'Poppins', sans-serif;text-transform: lowercase;}
.pointlisting li:before {position: absolute;font-size: 16px;left: 0;top: 0;color: #21ae59;content: "\f058";font-family:fontawesome;}
.left {margin: 30px 0 0 0; }

/*================contact us page=================*/
.cntctpge-sec {}
.cntctpge-sec .cntc-wrp {background:#fff;padding: 20px;}
.cntctpge-sec .cntc-wrp ul{padding: 0;display: block;    margin: 0 0 30px 0;}
.cntctpge-sec .cntc-wrp ul li{display: block;font-size: 15px;font-family: 'Poppins', sans-serif;margin: 0 0 10px 0;color: #000000;font-weight: 600;}
.cntctpge-sec .cntc-wrp ul li a{color: #000000;}
.cntctpge-sec .cntc-wrp ul li i{background: #fa6400;width: 30px;height: 30px;text-align: center;padding: 8px 0 0 0;color: white;border-radius: 15px;margin: 0 10px 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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    margin-top: 60px;}
.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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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=================*/




@media only screen and (max-width: 1400px){
.header-main .othermenu li {margin-right: 11px;}
.header-main .othermenu li a {font-size: 13px;}

}





@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%;}
.package-wrapper{min-height: 600px;}

.header-main .othermenu li {margin-right: 6px;}
.header-main .othermenu li a {font-size: 14px;}
.cta-new .buttons .trnsprnt-butn{margin: 5px 10px;}
.actions a span small{    font-size: 10px;}
.listsss ul li .packaging-lists > ul >li {    line-height: 20px;}
.packaging-lists ul li {font-size: 12px;}
}

@media only screen and (max-width: 769px) and (min-width: 0px)   {





.mobile-nav.active{z-index: 9999;}



ul.clntlgs{}
.servicesec .main-btn{display: table;margin: auto;}
.main-cta1-sec .imgwrp{}
.main-cta1-sec .cta1 {padding: 0 0 0 20px; }
.main-cta1-sec, .main-cta1-sec .bgclr{padding: 20px 0;height: auto;}
.main-tbing-sec{padding: 20px 10px;}

    .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{}
    .nav-area-full{margin-top: 0px;padding: 10px 0;}
    .helpsec .imgplace figure img{width: 100%;}
    .mobile-nav-btn{z-index: 999;    top: 8px;}
    .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%;}
    .mobile-nav img{    width: 130px;}
    .mobile-nav nav li a.active{background: #4a7ee5;}
    .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.png)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: 5px;}
.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.png); 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; }
.custom-website-design-development-page .header-main .othermenu li{    margin-right: 47px;}

.servicesec .boxwrap li{    margin: 0 8px 20px;min-height: 192px;}
.chat-con ul li.pkge-ordr a, .chat-con ul li.pkge-bkcl a{padding: 15px 0px;}
.actions a span{font-size: 10px;}
.main-tbing-sec ul.tbing li{padding: 10px 15px;}
.main-vruos-induis-sec .wrap ul li p{font-size: 12px;}

}

@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){

.srvce-cont h1 span{font-size: 40px;}
.nav-area-full{display: block;}
.home-banner-content h1 {font-weight: 700;font-size: 25px;}   
.home-banner-content .subtitle {font-size: 16px; }
.home-banner-content ul li { }
ul.clntlgs li img{}
.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: 75px; }
.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: auto;}
.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;}
.custom-website-design-development-page .main-services-banner-sec:after{display:none;}
.custom-website-design-development-page .second-bar{display:none;}
.custom-website-design-development-page .main-services-banner-sec{    margin: 60px 0 0 0;}
.custom-website-design-development-page .top-bar{padding: 10px 0 0;}
.custom-website-design-development-page .main-services-banner-sec{padding: 50px 0;}
.custom-website-design-development-page .srv-bnr-frm:after{    display:none;}
.custom-website-design-development-page .srv-bnr-frm{    margin-top: 40px;}
.package-wrapper{    min-height: 550px;}
.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; }
.mid-banner h2 {font-size: 22px; line-height: normal;}
form#contactForm{    margin: 0px;}
.custom-website-design-development-page .actions::before{display: none;}
.custom-website-design-development-page .bnr-logo li{    width: 12%;}
.package-wrapper {padding: 30px 15px;}
.actions a span {font-size: 8px; font-weight: 400; }
.main-tbing-sec .heading h2 {font-size: 18px;}
.custom-website-design-development-page .old-price span {font-size: 20px;}
.packaging-lists ul li {font-size: 10px; }
.listsss ul li .packaging-lists > ul >li {line-height: 18px; }
.midbanner-text.midbrand .off-percent img {margin: 0 0 0 50px; }
.main-testimonials-sec .testi_box>p {    font-size: 14px;}
.mid-banner .row.extraa {background-repeat: no-repeat; height: auto; background-size: cover; background-position: center; padding: 30px 0;} }



@media screen and (max-width: 736px){
	.main-abut-img-sec{background-position: unset;}
.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; }

.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; }
.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: 60px 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: 60px 0 0 0px; padding: 30px 0 30px 0; }
.srv-bnr-frm{padding: 20px 0;width: 100%;}
.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;}
.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: 60px;}
.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: 90%; }
.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; }



}




@media screen and (max-width: 667px){
.midbanner-text.midbrand .off-percent {width: 100%;position: relative;}  
.listsss ul li {    width: 100%; }


}





@media only screen and (max-width: 480px) and (min-width: 0px)   {
    
.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: auto; }
.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: -21%; right: 30%; }
#client .slick-prev {left: auto; z-index: 9; top: auto; bottom: -21%; right: 55%; }
.main-cta1-sec .imgwrp{display: none;}
.fotr-lgos ul li {display: inline-block; margin: 0px 20px 15px 0px; }
.fotr-lgos ul li img {width: 80px; }

}

@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: auto; }
.main-cta1-sec .cta1{padding:0; }
.cta1 .trnsprnt-butn{margin: 0}
.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; }
.main-cta1-sec .imgwrp{display: none;}
form#contactForm{    margin: 0px;}
.custom-website-design-development-page .main-services-banner-sec{background-position: right;}
.custom-website-design-development-page .main-services-banner-sec ul.clntlgs li{    margin: 0px;}
.custom-website-design-development-page .main-services-banner-sec ul.clntlgs li img{width: 90%;}
.secondary-btn{    font-size: 11px;} 
.actions::before{display: none;}
.top-banner h1.wow {font-size: 48px;}
.cta-new .secondary-btn{padding: 15px 13px;}
.testimnl .txt-wrp {    padding-left: 10%;}
.custom-website-design-development-page .main-btn {padding: 15px 20px;}
.testimnl .testim-wrp h4 {font-size: 15px;}
.testimnl .testim-wrp .desgnt-sec b {    font-size: 12px;}
.abstl {padding-top: 20px; }
}


@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%;}
.custom-website-design-development-page .cta1 .trnsprnt-butn{font-size: 10px;}
.custom-website-design-development-page .secondary-btn{font-size: 9px;}
.custom-website-design-development-page ul.clntlgs{    width: 339px;}
.custom-website-design-development-page .main-services-banner-sec ul.clntlgs li img{    width: 70%;}
.custom-website-design-development-page .srvce-cont h1 span{font-size: 35px;}
.custom-website-design-development-page .srvce-cont h1{    font-size: 20px;}
.custom-website-design-development-page .srvce-cont p{padding: 20px 0 20px 0; 
    font-size: 13px;}
.custom-website-design-development-page .srvce-cont ul.bltpnts li{    font-size: 12px;}
}

.top-banner{
	background-repeat: no-repeat !important;
	margin-top: 9%;
	text-align: center;
	padding: 60px 0 0 0;
	background-size: contain !important;
}
.top-banner h1{
    color: #000;
    font-size: 70px;
    width: 80%;
    margin: auto;
    font-weight: 700;
    line-height: 1;
}
.top-banner p{color: #888787;font-size: 22px;width: 60%;margin: auto;font-weight: 400;padding: 10px;}
.top-banner ul{}
.top-banner ul li{}
.top-banner ul li img{}
.top-banner a{}
.top-banner a:hover{}
.top-banner .images-baner{padding: 40px;}
.top-banner .images-baner img{}

.tab-sec{/* text-align: center; *//* padding: 60px 0 0 0; */}
.tab-sec h1{color: #000; font-size: 50px; width: 70%; margin: auto; font-weight: 700; text-align: center; }
.tab-sec p{color: #888787;font-size: 15px;width: 80%;margin: auto;font-weight: 400;padding: 10px 10px 16px 10px;text-align: center;}
.tab-sec .boxwrap{
}
.tab-sec .boxwrap li{}
.tab-sec .boxwrap li h6{position: relative;text-align: left;color: #000;padding-bottom: 10px;font-weight: 700;font-size: 22px;cursor: pointer;margin-left: 10px;font-family: 'Poppins', sans-serif;}
.tab-sec .boxwrap li h6:before{
	content: "\f0da";
	position: absolute;
	font-family: 'fontawesome' !important;
	font-size: 30px;
	color: #fa6400;
	left: -15px;
	top: -5px;
	display: none;
}

.tab-sec .tab-content{margin-top: 20px;}
.tab-sec .tab-content img{height: 300px;width: 69%;margin-left: 210px;}

.tab-sec .tab-content p{text-align: left;width: 100%;font-weight: 400;font-size: 16px;}
.tab-sec .tab-content a{color: #fa6400;font-size: 13px;font-weight: 500;display: block;margin: 10px 0;}
.tab-sec .tab-content a:hover{color: #000;}

.port-sec{}
.port-sec .container-fluid{margin: 0px;padding: 0px;}

.cta-new{
    padding: 110px 0 0 0;
}
.cta-new img{
	position: absolute;
	left: 174px;
	top: 62%;
	-webkit-transform: translate(-50%,-50%);
	/* transform: translate(-50%,-50%); */
	width: 660px;
	height: 336px;
}
.cta-new .bgcolor{
	padding: 40px 80px 60px 60px;
	border-radius: 1.25rem;
	position: relative;
	/* overflow: hidden; */
	box-shadow: 0 5px 30px rgba(0,0,0,.2);
	background-image: linear-gradient(120deg,#575859 0,#2e2f30 85%);
}
.cta-new h2{
    color: #fff;
    font-size: 35px;
    padding: 10px 0;
    letter-spacing: normal;
}
.cta-new p{color: #fff;padding: 0;}
.cta-new .buttons{margin-top: 20px;}
.cta-new .buttons a{
    margin: 0 10px 0 0;
    font-size: 12px;
}


/*================TESTIMONIALS-SECTION-START========================*/
.main-testimonials-sec{padding: 0px 0 30px 0;background: #f9f9f987;}
.testi_box {padding: 30px 30px 0 30px;transition: all 700ms;margin: 0px 0 45px 0;}
.testi_box:hover{background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0px 11px 15px #16232136;-ms-box-shadow: 0px 11px 15px #16232136;-o-box-shadow: 0px 11px 15px #16232136;box-shadow: 0px 11px 15px #16232136;transition: all 700ms;}
.testi-heading{text-align:center;}
.testi-heading h2{color: #000;font-size: 50px;}
.testi-heading p{color: #888787;}

.testi_box ul{margin-bottom: 30px;}
.testi_box ul li{display: inline-block;font-size: 16px; color: #ecc70e; margin: 0px 2px 0 2px; }
.testi_box>p{font-size: 20px;font-weight: 500;line-height: 1.5;padding: 0 0 30px 0;}
.main-img{font-size: 0;border-bottom: 2px solid #f3f3f3;padding-bottom: 30px;transition: all 700ms;}
.testi_box:hover .main-img{border-bottom: transparent;transition: all 700ms;}
.testi-img{display: inline-block;width: 45px;vertical-align: top;height: 45px;background: #fa6400;border-radius: 50%;}
.testi-img span{
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding-top: 8px;
}
.testi-img img{border-radius: 50%;}
.testi-cont{display: inline-block;width: 78%;vertical-align: top;padding-left: 20px;}
.testi-cont p{font-size: 16px;padding: 0px;}
.testi-cont p span{display: block;font-size: 14px;}


.slick-prev:before, .slick-next:before{color: #fa6400 !important;}



.top-margin{margin-top: 9%;}



div#google_recaptcha {
    margin: 0 0 20px 0;
}
@keyframes pulse{0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}



 
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}



a

/* @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:#d8d4d4;}
::selection { background:#d8d4d4; }

/* 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-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }


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

body {font-family: 'Poppins', sans-serif;color: var(--default-color);font-size:var(--base-font-size);position: relative;background-color: #fff;}

/* font family */
.ff-primary { }
.ff-secondary {  }

/* 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{ font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px;  position:relative; display:table; border-radius: 5px; }
.primary-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 {color: #fff;font-weight: 800;display: inline-block;border: 1px solid transparent;/* text-transform: uppercase; */margin: 10px 0 0 0;border-radius: 5px;padding: 15px 25px;font-size: 14px;transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;background-color: #1a9dbb;}
.secondary-btn:hover {transform: translateY(-0.625rem); transition: all 700ms; color: #fff; }

.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;}

.trnsprnt-butn {color: #fff;font-weight: 800;display: inline-block;text-transform: uppercase;margin: 10px 0 0 20px;border-radius: 5px;padding: 15px 25px;font-size: 14px;transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;background-color: transparent;border: 1px solid #fff;}
.trnsprnt-butn:hover {transform: translateY(-0.625rem);transition: all 700ms;color: #fff;}
.light .trnsprnt-butn { border:1px solid #000; }

.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; }


@font-face {
  font-family: 'AvenirNext';
  font-display: swap;
  src: url(fonts/3A5754_0_0.cb098aaa.eot);
  src: url(fonts/3A5754_0_0.cb098aaa.eot?#iefix) format('embedded-opentype'), url(fonts/3A5754_0_0.ab04b3f0.woff2) format('woff2'), url(fonts/3A5754_0_0.c2082707.woff) format('woff'), url(fonts/3A5754_0_0.93932f6b.ttf) format('truetype');
  font-weight: 800;
  font-style: normal;
}


/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
h1, .h1, h2, .h2 {font-family: 'Poppins';}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{/* font-family: 'AvenirNext', sans-serif; */padding-bottom: 0px;color: #4f4f4f;}

input {font-family: 'Poppins', sans-serif;}
b {font-family: 'Poppins', sans-serif;}
span{
    font-family: 'Poppins', sans-serif;
}
p { font-family: 'Poppins', sans-serif;}
select {font-family: 'Poppins', sans-serif;}
textarea {font-family: 'Poppins', sans-serif;}

p {font-weight: 400;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #888787;font-size: 15px;font-family: 'Poppins', sans-serif;}
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; }
.p-15 {padding: 0 8px;}
.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: #4f4f4f;line-height: 1.2;font-weight: 600;padding: 0 0 10px 0;position: relative;letter-spacing: -1px;}
h2 span,.h2 span { color:var(--primary-color);}

a {text-decoration: none;font-family:'Poppins', sans-serif;color: #fa6400;}
.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: #4a7ee5; background: -moz-linear-gradient(-45deg, #4a7ee5 0%, #1169cd 100%); background: -webkit-linear-gradient(-45deg, #4a7ee5 0%,#1169cd 100%); background: linear-gradient(135deg, #4a7ee5 15%,#1169cd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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: relative;padding: 25px 0;width: 100%;top: 0;left: 0;z-index: 99;background-color: #f9f7f0;}
.top-bar.fixed-header{background: #fff;box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);}
/*.header-main .top-bar.fixed-header .othermenu li a{color: #2d2b2b;}*/
.header-main .top-bar.fixed-header .othermenu li.current a {color: #fff;transition: all 700ms;}
.header-main .top-bar.fixed-header .othermenu li:hover a{color: #fff;transition: all 700ms;}
.top-bar.fixed-header .top-info-list li a{/* background: transparent; *//* border: 1px solid #21ae59; */}
.top-bar.fixed-header .top-info-list li a.phnenmbr {/* border: 1px solid #4a7ee5; */}
.top-bar.fixed-header .top-info-list li span{color: #2c42b3;}
.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: 0;display: inline-block;}
.top-info-list li {float: left;color: #171717;font-size: 14px;padding: 0 4px;}
.top-info-list li:first-child {padding-left: 0px;display: inline-block;}
.top-info-list li:last-child { padding-right: 0px; }
.top-info-list li span {margin-right:8px;color: #ffffff;font-size: 13px;line-height: 20px;}
.top-info-list li span.icon-phone2 {font-size: 15px; top: 1px; position: relative;}
.top-info-list li a.phnenmbr {background: transparent;border-radius: 5px;padding: 10px 15px;border: 1px solid transparent;transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;border: 1px solid #4f4f4f;}
.top-info-list li a.phnenmbr:hover {transform: translateY(-0.625rem);transition: all 700ms;color: #4f4f4f;}
.top-info-list li a.phnenmbr img {width: auto; display: inline-block; vertical-align: top; margin: 0 7px 0 0;}
.showmenu .top-info-list li a.phnenmbr:hover {color: #4f4f4f;}
.top-info-list li+li {/* border-left: 1px solid #171717; */}
.top-info-list li a{color: #4f4f4f;transition: all 700ms;font-weight: 500;display: inline-block;font-size: 12px;}
.top-info-list li a.btn-main-top-bar {color: #fff;}
.top-info-list li a:hover {transition: all 700ms;}
.nav-area-full {position: fixed;padding: 17px 0px;width: 100%;margin-top: -55px;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{margin-top: 5px;}
.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;}
.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: 380px; position: absolute; top: 30px; 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 10px;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: -220px;background: #fff;border: 1px solid #cbd6e2;padding: 10px 0;border-radius: 0px;width: 230px;}
.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: -230px;}
.header-main .othermenu li .dropdown ul li a{transition: all 700ms;color: #171717 !important;font-size: 15px;text-decoration:none;padding: 10px 0 10px 10px;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 {width:100%;position:relative;margin-top: 100px;}
.home-banner {width: 100%;height: 700px;position: relative;background-position: 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;}
.home-banner-content h1 {font-size: 46px;margin-bottom: 15px;font-weight: 800;color: #ffffff;font-family: 'poppins';position: relative;/* text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.7); */line-height: 1.1;}
.home-banner-content h1 span.thmeblue{color: #ffffff;display: inline-block;}
.home-banner-content h1 span.thmegren{color: #21ae59; display: inline-block;}

.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: #ffffff;padding-top: 10px;line-height: 1.4;font-size: 20px;padding-bottom: 0;font-family: 'poppins';}
ul.clntlgs {padding: 50px 0 0 0;}
ul.clntlgs li {display: inline-block;margin: 0 50px 0 0;vertical-align: top}
ul.clntlgs li img{width: 100%;}
.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;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: 5px; 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%; border-radius: 5px; box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39); font-family: 'Poppins', sans-serif; padding: 15px 20px; font-size: 14px; line-height: inherit; margin: 0; background-color: #fff; border: none; outline: none; transition: all 700ms; color: #7d758e; margin: 0 0 15px 0; }
.banner-form .intl-tel-input{width: 100%;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;border-radius: 5px;padding: 10px 15px;margin: 20px 0 0;border: transparent;}

/* 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: 5px; 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: 5px; }
.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.jpg') 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.png) 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-informative {display: none;}
.tabs-informative.current {display: flex}
.tabs-eCommerce {display: none;}
.tabs-eCommerce.current {display: flex;}
.tabs-webapps {display: none;}
.tabs-webapps.current {display: flex;}

/* 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;}


/* complete branding package
------------------------------------*/
.mid-banner {position: relative;padding: 30px 0 60px 0;font-family: ''Poppins', sans-serif';background: #fff;}
.cmp-heading-sec {text-align: center; }
.mid-banner h3 {color: #ffffff;line-height: 48px;font-weight: 600;text-transform: none;}
.cmp-heading-sec p {width: 75%;margin: 0 auto;color: #888787;}
.banner-main {padding: 20px 10px;border-radius: 3px;font-size: 0;position: relative;}

.mid-banner h2 {}

.listsss ul {margin: 0; font-size: 0; }

.listsss ul li {display: inline-block; vertical-align: top; width: 25%; }
.listsss ul li .packaging-lists {padding-top: 0px; }
.packaging-lists {float: left; width: 90%; }
.packaging-lists ul {list-style: none; padding: 10px; }
.listsss ul li .packaging-lists > ul >li.heading {background: #f5fbf9;color: #1a9dbb;color: #380083;rder: none;font-weight: 600;margin: 0 0 10px;display: block;text-align: center;border-radius: 3px;padding: 4px 2px;line-height: 24px;position: relative;width: 100%;vertical-align: top;}

.listsss ul li .packaging-lists ul li:before {color: #ffffff;}
.listsss ul li .packaging-lists > ul >li {display: block; margin: 0; width: 100%; vertical-align: top; line-height: 24px; position: relative; }
.listsss ul li .packaging-lists > ul >li.heading:before {content:""; display: none;}
.packaging-lists ul li:before {position: absolute; content: "\f111"; font-size: 5px; left: 7px; top: 10px; line-height: 0; font-family: "fontawesome"; }
div.bub-btn {margin-top: 10px; margin-bottom: 30px; display: inline-block; height: 100%; -webkit-animation: hue-rotate 10s linear infinite; animation: hue-rotate 10s linear infinite; }
.midbanner-text.midbrand .off-percent img {width: auto;}
.packaging-lists ul li {color: #ffffff;font-size: 14px;padding-left: 25px;font-family: 'Poppins', sans-serif;}
.listsss ul li:nth-child(2) .packaging-lists > ul >li.heading {}
.listsss ul li:nth-child(3) .packaging-lists > ul >li.heading {}
.midbanner-text.midbrand .off-percent {text-align: center; padding: 10px 0 0px 0; float: right; position: absolute; top: 0px; right: 0px; width: 250px; }
.off-percent del {font-size: 17px;color: #fff;text-align: center;width: 100%;padding-right: 0;display: block;font-weight: 600;line-height: 20px;}
.mid-banner h2 {font-size: 50px;color: #000000;text-align: center;line-height: 50px;width: 70%;margin: auto;}
.button.largefont:hover {transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #ffffff; }
.button.largefont {transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #f5fbf9;font-weight: 600;text-transform: capitalize;background: -moz-linear-gradient(left, #f9ad1c 0%, #f9be36 100%);background: #1a9dbb;border-radius: 3px;font-size: 16px;padding: 16px 20px;display: inline-block;}
.brandpackage .cmp-view-btn:hover {transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.brandpackage .cmp-view-btn {transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #ffffff;font-weight: 600;text-transform: capitalize;background: transparent;border-radius: 3px;font-size: 16px;border: 1px solid #487ce1;padding: 16px 15px;display: block;margin: 20px 0 10px 0;}




/* 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%; }
   
/*terms-and-conditions*/
.termzz{padding: 60px 0;background-color: #fff;}
.termzz .conditin{}
.termzz .conditin h4{
    padding: 0 0 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #222;
    font-size: 35px;
    font-family: 'Poppins', sans-serif;
    }
.termzz .conditin p{font-weight: 400;
    line-height: 1.4;
    padding: 0 0 30px;
    margin: 0px;
    color: #687087;}
.termzz .conditin ul{    margin-bottom: 30px;}
.termzz .conditin ul li{  font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.4;
    margin: 0px;
    color: #687087;}
.termzz .conditin ul li a{color: #fa6400;}


.testimnl{background-size:cover;background-position:center;padding: 0 0 60px 0;position:relative;background-color: #ffffff;}
.testimnl{}
.vew-dtls-btn{text-align:center;padding:20px 0;}
.vew-dtls-btn a.view-btn{display:inline-block;color:#e67a3f;font-size:14px;position:relative;}
.vew-dtls-btn a.view-btn:before{content:"";position:absolute;width:100%;height:2px;background-color:#e67a3f;bottom:0px;}
.testimnl img{width:100%;}
.testimnl .list-scroll{height:128px;}
.testimnl .txt-wrp h5{font-size: 18px;text-transform:capitalize;color: #fa6400;padding:0;font-weight: 500;font-family: 'Poppins', sans-serif;}
.testimnl .txt-wrp h2{color:#455963;font-weight:700;font-size:59px;padding:0;}
.testimnl .txt-wrp b{margin:0 0 10px 0;color:#2a2306;font-weight: 600;font-size: 42px;line-height:1;}
.testimnl .txt-wrp span{font-size:200px;color:#e67a3f;font-weight:300;line-height:1;position:absolute;right:30px;top:-30px;font-style:italic;}
.testimnl .txt-wrp h6{color:#393939;font-size:13px;}
.testimnl .slick-next:before{content:"\f105";font-family:FontAwesome;color:#b5b5b5;font-size:41px;font-weight:300;}
.testimnl .slick-prev:before{content:"\f104";font-family:FontAwesome;color:#b5b5b5;font-size:41px;font-weight:300;}
.testimnl .slick-prev:hover:before{    color: #21ae59;}
.testimnl .slick-next:hover:before{color:#e67a3f;}
.testimnl .slick-prev{left:-60px;}
.testimnl .slick-next{right:0px;display:none !important;}
.testimnl{}
.testimnl .txt-wrp{padding-right:70px;}
.testimnl .txt-wrp h3{padding:11px 0;position:relative;font-size: 50px;line-height:1;text-transform:capitalize;color:#000;font-family: 'Poppins', sans-serif;}
.testimnl .txt-wrp h3:after{content:"";display:none;position:absolute;background-color:#e67a3f;width:40px;height:3px;left:0;bottom:-40px;}
.testimnl .txt-wrp p{
    font-size: 15px;
    padding-bottom: 0;
    color: #888787;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 15px;
    }
.testimnl .txt-wrp a:hover{}
.testimnl .txt-wrp a{text-transform:uppercase;margin:0px;display:inline-block;}
.testimnl .testim-wrp{padding: 40px  30px 60px;background:#fff;border-radius:15px;margin:0 40px 0 0;-webkit-box-shadow: 0px 11px 15px #16232136;-ms-box-shadow: 0px 11px 15px #16232136;-o-box-shadow: 0px 11px 15px #16232136;box-shadow: 0px 11px 15px #16232136;}
.testimnl .testim-wrp i{font-size:40px;color: #fa6400;}
.testimnl .testim-wrp h4{
    font-size: 15px;
    padding: 20px 0 30px;
    line-height: 1.2;
    font-weight: 400;
    color: #888787;
    font-family: 'Poppins', sans-serif;
    }
.testimnl .slick-center .testim-wrp{opacity:1; min-height: 350px; z-index: 99;}
.testimnl .testim-wrp{opacity:0.5; min-height: 350px; z-index: 99;}
.testimnl .testim-wrp .img-wrp{/* width:100px; *//* display:inline-block; */float: left;}
.testimnl .testim-wrp .img-wrp img{border-radius:50%;}
.testimnl .testim-wrp .desgnt-sec{/* display:inline-block; */top: 18px;position:relative;left:10px;}
.testimnl .testim-wrp .desgnt-sec b{color:black;font-size: 18px;text-transform:capitalize;line-height: 1;}
.testimnl .testim-wrp .desgnt-sec h6{
    font-size: 11px;
    padding: 0;
    color: #0c1517;
    font-weight: 500;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
    margin-top: 6px;
    }




/* 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.png') 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.png) no-repeat top 0 left 0; }
.thumb-slider .slick-next { right: -65px; background: url(../images/slick-arrows-slider.png) 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: 5px; 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 {color: #fff;background: rgb(40, 9, 104);;}
.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: left;display: block;margin: 15px 0 0 0;}
.ftr-social li {margin: 0 15px 0 0;position: relative;text-align: center;display: inline-flex;}
.ftr-social li a {display: inline-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: 100%;}






.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 {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: #fff;}
.copyright span {color: #fff;}
.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.png) 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.png) 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;  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.png);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;}


.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;}
.dark-btn{ border: 1px solid #fff !important;}
.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: #ffffff;}
.listsec h2{text-align:  center;}
.listsec .wrap{margin: 0 auto; width: 85%; }
.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: 18px;
    color: #1a9dbb;
    display: inline-block;
    top: 0;
    }


.cta2{overflow:  hidden;background:url(../images/cta-fold.png);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: 5px;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: 5px;
    
    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;
}

.btn-main{color: #fff !important;font-weight: 600;border: 1px solid transparent;text-transform: capitalize;border-radius: 5px;padding: 10px 15px;font-size: 14px;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/#4a7ee5+0,1169cd+100 */background: #1a9dbb; /* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.btn-main-top-bar{color: #fff;font-weight: 600;border: 1px solid transparent;/* text-transform: uppercase; */border-radius: 5px;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-color: #1a9dbb;}
.btn-main-top-bar:hover {transform: translateY(-0.625rem); transition: all 700ms; color: #fff;}

.main-btn{color: #fff;text-transform: capitalize;font-weight: 600;border: 1px solid transparent;/* text-transform: uppercase; */border-radius: 5px;padding: 15px 25px;font-size: 14px;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/#4a7ee5+0,1169cd+100 */background: #1a9dbb; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.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/#4a7ee5+0,1169cd+100 *//* background: #4a7ee5; */ /* Old browsers */background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 *//* background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); */ /* Chrome10-25,Safari5.1-6 *//* background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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; 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{
    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;
    width: 100%;
}
.servicesec .boxwrap img {width: 35%;height: 80px;object-fit: contain;}
.servicesec .boxwrap{
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 20px;
}
.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 0;position: relative;border-radius: 5px;min-height: 170px;padding: 20px;float: left;background: #fff;width: 18.1%;}

.servicesec .boxwrap li i{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 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;padding: 5px 0 0 0;font-family: 'poppins';font-weight: 700;}

.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/#4a7ee5+0,1169cd+100 */background: #eceded; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */}



.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{}
.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: #20cb98;
    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; }

.main-vruos-induis-sec .wrap ul {display: inline-block;border-radius: 5px;margin-bottom: 0;border: 1px solid #bbbecc;margin-top: 0;}
.main-vruos-induis-sec .wrap ul li:nth-child(1) {border-radius: 5px 0 0 0;}
.main-vruos-induis-sec .wrap ul li:nth-child(3) {border-radius: 0 5px 0 0;}
.main-vruos-induis-sec .wrap ul li:nth-child(13) {border-radius: 0 0 0px 5px;}
.main-vruos-induis-sec .wrap ul li:nth-child(15) {border-radius: 0 0 5px 0;}
.main-vruos-induis-sec .wrap ul li.br {border-right: 1px solid #bbbecc; }
.main-vruos-induis-sec .wrap ul li.bb {border-bottom: 1px solid #bbbecc; }
.main-vruos-induis-sec .wrap ul li {width: 33.33%;float: left;padding: 20px 35px;/* background: #fff; */}
.main-vruos-induis-sec .wrap ul li p {padding-left: 30px;font-size: 17px;position: relative;padding-bottom: 0;color: #000;font-weight: 500;vertical-align: middle;}



.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;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: #ffffff;background-color: #fa6400;padding: 20px 40px;border-radius: 5px;display: inline-block;margin-top: 0;font-weight: 800;font-size: 15px;/* text-transform: uppercase; */}
.btn-theme:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #ffffff;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;font-family: 'Poppins', sans-serif;font-weight: 700;}
.footer-top .linkinglist{display: block;margin-bottom: 0;}
.footer-top .linkinglist li{padding: 5px 0;}
.footer-top .linkinglist li a{color: #ffffff;font-size: 13px;text-transform: capitalize;}
.footer-top .linkinglist li img {display: inline-block; width: auto; vertical-align: top;}
.footer-top .linkinglist li p{color: #ffffff;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: 5px; 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: 5px; }
.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; cursor: pointer;}
.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: 0px; 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: 40px;/* 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: 5px; }
.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: 5px; 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{}
.ticklist li a{color: #1a9dbb;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: 5px; 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;float: right;}
.header-main .othermenu li{margin-right: 14px;display: inline-block;}
.header-main .othermenu li h6{color: #171717;font-size: 16px;font-weight: 400;cursor: default;}
.header-main .othermenu li a{color: #4f4f4f;font-size: 14px;font-weight: 400;/* transition: all 700ms; *//* -webkit-animation: fadeIn 1s; *//* animation: fadeIn 1s; */padding: 15px 0;text-transform: capitalize;}
/*.header-main .fixed-header .othermenu li a{     padding: 10px 0; }*/
.othermenu h6 a {
    cursor: unset;
}
/*================lp custom  website design development===============*/
.custom-website-design-development-page .header-main .othermenu li a {color: #fff; font-size: 15px; border-bottom: 3px solid transparent;}
.custom-website-design-development-page .top-bar {background-color: transparent;}
.custom-website-design-development-page.light .top-bar {background-color: #fff;}
.custom-website-design-development-page .top-info-list li a.black {border: 1px solid #000000;}
.custom-website-design-development-page .top-info-list li a.white {border: 1px solid #fff;}
.light .top-info-list li a.white {border: 1px solid #000000;}
.custom-website-design-development-page .top-info-list li a.black {color: #000;}
.custom-website-design-development-page .top-info-list li a.white {color: #fff;}
.light .top-info-list li a.white {color: #000;}
.secondlogo a img.cwdd{display: none;}
.custom-website-design-development-page .top-bar.fixed-header{background-color: #fff; position: fixed;    
transition: transform 1s, opacity 1s, height 1s;
}


.custom-website-design-development-page .header-main .top-bar.fixed-header .othermenu li:hover a {color: #fff; }
.custom-website-design-development-page .header-main .othermenu li:hover a {color: #fff;}
.custom-website-design-development-page .header-main .dark li:hover a {border-bottom: 3px solid #1a9dbb;}
.custom-website-design-development-page .header-main .light li:hover a { border-bottom: 3px solid #fff;}
.custom-website-design-development-page .header-main .othermenu li .has-submenu:hover a {border-bottom: 3px solid transparent ;}
.custom-website-design-development-page .srvce-cont h1 span {color: #fff;}
.custom-website-design-development-page .srvce-cont p {color: #fff;line-height: 1.4;font-size: 14px;padding: 20px 80px 20px 0;}
.custom-website-design-development-page .package-wrapper {background-color: #fff;box-shadow: 0px 5px 20px 9px rgba(207, 207, 207, 0.39);border-radius: 5px; z-index: 9; position:relative;}
.custom-website-design-development-page .heading h2 span {color: #000;}
.custom-website-design-development-page .package-wrapper:hover .actions a span small{color:#fff;}
.custom-website-design-development-page .old-price span {color: #000000;}
.custom-website-design-development-page .suit p {color: #4f4f4f;}
.custom-website-design-development-page .package-item .list ul li {color: #4f4f4f;}
.custom-website-design-development-page .ticklist2 li:before {color: #21ae59;}
.custom-website-design-development-page .adons p {color: #4f4f4f;}
.custom-website-design-development-page .package-wrapper:hover .heading h2 span {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .old-price span {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .suit p {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .package-item .list ul li {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .adons p {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .ticklist2 li:before {color: #fff;}
.custom-website-design-development-page .srv-bnr-frm {
    background: #ffffff;
    border: 3px solid;
    top: 30px;
    border-image-source: linear-gradient(0deg, rgb(26 157 187), rgba(255, 255, 255, 0));
    border-image-slice: 1;
    }
.custom-website-design-development-page .srv-bnr-frm:after {background-image: url(../images/cwddofer50.png);height: 157px;width: 113px;top: -100px;left: -25px;transform: rotate(0deg);}
.custom-website-design-development-page .header-main .othermenu {float: none; text-align: center;}
.custom-website-design-development-page .second-bar {background: #280968;margin: 15px 0 0 0;padding: 0;}
/*.custom-website-design-development-page .fixed-header .second-bar {margin: 5px 0 0 0;}*/
.custom-website-design-development-page .top-bar {padding: 15px 0 0;}
/*.custom-website-design-development-page .fixed-header.top-bar {padding: 5px 0 0;}*/
.custom-website-design-development-page .dropdown {text-align: left }
.custom-website-design-development-page .header-main .othermenu li {margin-right: 70px;}
.custom-website-design-development-page .header-main .othermenu li:last-child {margin-right:0; }
.custom-website-design-development-page .top-info-list li a.btn-main-top-bar {color: #fff;font-weight: 600;}
.custom-website-design-development-page .btn-main-top-bar {padding: 15px 20px;}
.custom-website-design-development-page .top-info-list li a.phnenmbr {padding: 15px 20px;font-weight: 600;}
.custom-website-design-development-page .top-info-list li {padding: 0 10px;}
.custom-website-design-development-page .header-main .secondlogo a img {width: 145px; }
.custom-website-design-development-page .srvce-cont h1 span {font-size: 50px;font-weight: 600;}
.custom-website-design-development-page .srvce-cont h1 {font-size: 30px;color: #fafdfb;font-weight: 500;}
.custom-website-design-development-page .main-cta1-sec .bgclr {position: relative;border-radius: 5px;box-shadow: 0px 5px 20px 9px rgba(207, 207, 207, 0.39);}
.custom-website-design-development-page .main-cta1-sec .bgclr:after {position: absolute; top:0; right: 0; width: 100%; height: 100%; background-color:#000; }
.custom-website-design-development-page ul.clntlgs {padding: 40px 0;}
.custom-website-design-development-page .main-btn {margin: 0;}
.custom-website-design-development-page .srvce-cont ul.bltpnts {padding-bottom: 0; margin: 0 ;}
.custom-website-design-development-page .srvce-cont ul.bltpnts li{font-family: 'Poppins', sans-serif;font-size: 14px; display: inline-block; color: #fff; }
.custom-website-design-development-page .srvce-cont ul.bltpnts li i{color: #fff;margin: 0 7px 0 0;}
.custom-website-design-development-page .evry-heading-sec h2 {color: #0a1a29; }
.custom-website-design-development-page .cta1 h2 {color: #0a1a29; }
.custom-website-design-development-page .main-cnt-heading {color: #000;}
.custom-website-design-development-page .evry-img-sec img {max-width:100%;}
.custom-website-design-development-page .listsec .wrap ul li:hover {background:#fff;box-shadow: 0px 5px 20px 9px rgba(207, 207, 207, 0.39);}
.custom-website-design-development-page .srv-bnr-frm .banform input {padding: 10px; height: 35px;}
.custom-website-design-development-page .main-services-banner-sec .srv-bnr-frm .banform input[type="submit"] {margin: 10px 0 0;background: #1a9dbb;}
.custom-website-design-development-page .intl-tel-input.allow-dropdown.separate-dial-code {margin: 0 0 10px 0; }
.custom-website-design-development-page .main-services-banner-sec .srv-bnr-frm .banform textarea {height: 90px;}
.custom-website-design-development-page .main-services-banner-sec .srv-bnr-frm .banform input[type="submit"] {padding: 10px;}
.custom-website-design-development-page .main-services-banner-sec .ban-form select {padding: 10px;}
.custom-website-design-development-page .srv-bnr-frm .slect-arrow:after {    top: 9px;}
.custom-website-design-development-page .srv-bnr-frm h3 {
    color: #0a1a29;
    font-weight: 700;
    font-size:32px;
    font-family: 'Poppins', sans-serif;
    }
.custom-website-design-development-page .srv-bnr-frm p {color: #fa6400;}
/*.custom-website-design-development-page .srv-bnr-frm:after {content: ""; background-image:url(../images/cwddfrmbg.png); position: absolute;width: 772px; height: 687px; top:0; position: absolute; z-index: -1;}*/
.custom-website-design-development-page .main-services-banner-sec:after {content: "";background-image: url(../images/cwddfrmbg.png);position: absolute;width: 580px;background-repeat: no-repeat;right: 0;background-size: cover;height: 540px;top: 50px;z-index: -1;background: unset;}
.custom-website-design-development-page .actions a span small {color:#000;}
.custom-website-design-development-page.ecommercepage .main-services-banner-sec:after{display:none;}
.bnr-logo{margin:0 auto;padding:20px 0;width:100%;background: #fff;text-align:center;position:relative;bottom:0px;left:0;right:0;}
.bnr-logo ul{position:relative;margin:0 auto;width:70%;}
.bnr-logo li{display:inline-block;width:13%;margin:0 10px;}
.bnr-logo li img{width:70%;filter:grayscale(100%);}
.bnr-logo li.wdtfty img{width:50%;}
.bnr-logo li img:hover{filter:grayscale(0);}

.header-main .secondlogo{position: relative;/* padding-top: 16px; */display: block;z-index: 9;}
.header-main .secondlogo a{
    width: 100%;
}
.header-main .secondlogo a img{width: 120px; }
.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{}
.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: 5px; 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;top: 24px;opacity: 0;}
.header-main .emailsec a{position: relative;  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;background: #fff;}
.main-cntnually-sec{padding: 0px 0 60px 0;}
.main-srvng-bsiness-sec{padding: 60px 0;}
.main-technolgyes-sec{padding: 60px 0 0;}
.main-ofce-adres-sec{padding: 0px 0 60px 0;}
.main-whoweare-sec{padding: 60px 0;}
.main-3clum-sec{padding: 60px 0 0;}
.main-abut-img-sec{padding: 60px 0;}
.main-our-prtner-sec{padding: 60px 0 0 0;}
.main-vruos-induis-sec{padding: 60px 0 0 0;}
.main-utlnzng-crent-sec{padding: 60px 0;}
.main-lets-frm-sec{ padding: 0 0 70px 0; }
.main-lets-frm-sec .main-cnt-para a{color: #1a9dbb;}
.getquotepg .main-lets-frm-sec{margin: 70px 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/#4a7ee5+0,1169cd+100 */
background: #4a7ee5; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.flsevce{text-align:center;}
.main-cnt-heading{font-size: 42px;line-height: 1.2;font-weight: 600;color: #4f4f4f;text-align: center;width: 80%;margin: auto;font-family: 'Poppins', sans-serif;}
.main-cnt-para{color: #888787;line-height: 1.4;font-weight: 400;text-align: center;}
.para-wdth{width: 65%;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;border-radius: 5px;cursor: context-menu;}
.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);background: #fff;}
.strey ul li:hover a h3 {color: #407ee5;}
.strey ul li a{padding: 30px 0px;display: inline-block;cursor: context-menu;}
.strey ul li h3{font-size: 18px;line-height: 29px;color: #4f4f4f;font-weight: 600;padding: 5px 0 5px 0;font-family: 'Poppins', sans-serif;cursor: context-menu;}
.strey ul li img{width: 80px;}
.main-view-more{text-align: center;    margin: 30px 0 0 0;}
/*.workpg .main-view-more{display: none;}*/
.main-view-more a{}
.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: #4f4f4f; padding: 20px 0 30px 0;    font-family: 'Poppins', sans-serif;}
.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: 17px;line-height: 29px;font-weight: 700;color: #000000;padding:0;display: inline-block;}
.lonkgn p a{color: #4a7ee5; padding: 0 0 5px 0; position: relative;}
.lonkgn p a:after {content: ""; position: absolute; bottom: 0; left: 0; width: 0%; background:#4a7ee5;margin: 0 auto; right: 0; height: 1px;}
.lonkgn p a:hover:after{transition: all 500ms;width: 100%;}
.main-cta1-inner-sec{padding: 60px 0;background-size:cover;background-repeat: no-repeat;width: 100%;background-position: center center;}
.main-cta1-sec .bgclr {background: #ffffff;height: 255px;}
.main-cta1-sec .cta1 {padding: 0 0 0 40px;}
.main-cta1-sec .imgwrp {}
.main-cta1-sec .imgwrp img{position: absolute;right: 0;/* height: 260px; */top: -27px;width: 80%;}
.main-cta1-sec{text-align: left;padding: 60px 0 0 0;}
.cta1 h2{font-size: 32px;line-height: 1.2;font-weight: 600;color: #4f4f4f;padding: 0;}
.cta1 p{padding: 0;}
.cta1 .trnsprnt-butn{color: #4f4f4f;}
.ltsbtn-frm {margin: 0 0 30px 0;position: relative;}
.ltsbtn-frm input, .ltsbtn-frm textarea, .ltsbtn-frm select{width: 100%;border: 1px solid #bbb5b5;border-radius: 5px;/* box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39); */background: #f0f2f4;font-family: 'Poppins', sans-serif;padding: 15px 20px;font-size: 14px;margin: 0;background-color: #fff;outline: none;transition: all 700ms;color: #20292f;}
form#contactForm {margin: 0 60px; }
.cfo form#contactForm {margin: 0; }
.contactpg form#contactForm {margin: 0 0px; }
.ltsbtn-frm select{}
.ltsbtn-frm.slect-arrow{position: relative;}
.ltsbtn-frm.slect-arrow:after{content: "\f107";font-family: fontawesome;right: 15px;top: 15px;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
{transition: all 700ms; }
.main-lets-frm-sec input[type=submit]{cursor: pointer;width: 100%;color: #fff;/* text-transform: uppercase; */font-family: 'Poppins', sans-serif;border-radius: 5px;padding: 15px 25px;font-size: 14px;height: 60px;border:none;font-weight: 600;transform: translateY(0rem); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */background: #1a9dbb; /* Old browsers */ /* FF3.6-15 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.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;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: 32px; line-height: 1.2; font-weight: 600; padding: 0 0 30px 0; color: #141315; }
.tech-heading-box p{    color: #888787; line-height: 1.4; font-size: 15px; font-weight: 400; 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;cursor: pointer; padding: 0 20px;}
.intl-tel-input {display: block; }
.main-work-box {margin: 15px 0 0 0; position: relative; border: 1px solid #ccc;
    border-radius: 10px; overflow: hidden;}
.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: 550px;width: 100%;background-size: cover; background-position: center;-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: 100%;height: 100%;top: 0;left: 0%;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: #aaa;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;top: 100px;}
.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{padding:60px 0px;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.main-srvice-second-sec{padding: 60px 0 0 0;width: 100%;/* background-size: cover; *//* background-repeat: no-repeat; *//* background-position: center; */}
.evry-heading-sec h2{font-size: 42px;font-weight: 600;}
.evry-heading-sec p{font-size: 15px;font-weight: 400;color: #888787;line-height: 1.4;}
.evry-img-sec figure{margin: 0; }
.evry-heading-sec .btn-main { margin-top: 10px; position: absolute;} 
.evry-img-sec img{width: 100%; max-width: 400px; margin: 0 auto; transform: scale(1.2);}
.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 0px 0;}
.technologiespg .main-evrybrnd-sec, .contactpg .main-evrybrnd-sec {}
/*==============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: 60px 0 30px 0;}
.combopack-page .main-tbing-sec{padding: 0px 0px 0;}
.pckgspage .main-tbing-sec{padding: 0px 0;}
.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: 9px 20px;height: 40;cursor: pointer;text-transform: capitalize;font-size: 14px;color: #9a9a9a;font-weight: 600;border: 1px solid #d4d4d4;margin: 10px 3px 5px 3px;border-radius: 5px;font-family: 'Poppins', sans-serif;}
.main-tbing-sec ul.tbing li a {color: #9a9a9a;}
.main-tbing-sec ul.tbing li:hover a {color: #fff;}
.main-tbing-sec ul.tbing li a {}
.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/#4a7ee5+0,1169cd+100 */background: #1a9dbb; /* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.main-tbing-sec ul.tbing li.current a {color: #fff;}
.main-tbing-sec ul.tbing li:hover {transform: translateY(-0.625rem);transition: all 700ms;color: #fff;border: 1px solid white; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */background: #1a9dbb; /* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
/*==============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: #ffffff;font-size: 13px;}
.main-abut-img-sec{width: 100%;height: 700px;background-size: cover;background-repeat: no-repeat;background-position: center;margin: 60px 0 0;}
.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: 15px; line-height: 1.4; font-weight: 400; color: #888787;}
.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;}




/*==============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: 10px 0px 0px 10px;display: inline-block;padding-top: 0;vertical-align: top;margin-top: 125px;color: #1a9dbb;font-size: 16px;font-weight: 700;background: #ffffff;position: relative;text-transform: uppercase;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */}
.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: -48px; text-transform: capitalize; 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: #4f4f4f;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/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */background: #1a9dbb;}
.ban-form textarea{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);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/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */top: 63px;background: #ffffff;border-radius: 10px 0px 0px 10px;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;}
.btns_wrap .call_wrap span{color: #4f4f4f;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/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */background: #ffffff;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: 10px 0px 0px 10px;z-index: 9999;}
.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo{color: #1a9dbb;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C,;background:;;eTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */font-size: 18px;padding: 15px 20px;background: #ffffff;border-radius: 10px 0px 0px 10px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;}
.btns_wrap .chat_wrap span{color: #4f4f4f;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 =================*/
.main-services-banner-sec .ban-form select{
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);
    font-family: 'Poppins', sans-serif;
    padding: 15px 10px;
    font-size: 14px;
    margin: 0;
    background-color: #fff;
    border: none;
    outline: none;
    transition: all 700ms;
    color: #7d758e;
    line-height: inherit;
    /* height: 60px; */
    }
.intl-tel-input.separate-dial-code .selected-dial-code {font-family: 'Poppins', sans-serif;}



/*----------subscribe-tab-css-start-----------*/
.subscribe-tab{padding: 60px 0 60px 0; text-align: center; background: #fd7366; }
.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; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #fff; font-weight: 500; letter-spacing: 1px; transition: 0.5s ease-in-out; margin-top: 0; }
.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.png) 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.png) 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: 42%; bottom: 0; }
#client .slick-prev {left: -6%; z-index: 9; top: auto; bottom: 20%; }
#client .slick-next {background: url(../images/ar-right.png); }
#client .slick-next::before, #client .slick-prev::before{display: none;}
.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)); }
#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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #fff; padding: 14px 40px; border-radius: 5px; border: 0; font-size: 16px; transition: 0.5s ease-in-out; margin: 13px 0; font-weight: 600; }
#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: 1; }
#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: #333333;border-radius: 16px;overflow: hidden;padding: 30px;margin-top: 30px;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;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 .package-wrapper:hover{transform: scale(1.03);-moz-transform: scale(1.03);-o-transform: scale(1.03);-ms-transform: scale(1.03);-webkit-transform: scale(1.03);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;background: rgb(40, 9, 104);}
.btn-hvr .package-wrapper:hover .heading h2{ color: #fff; }
/*.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; }*/
.package-item .heading{ text-align: center; } 
.package-item .old-price{ text-align: center; } 
.heading h2 {color: #000;font-size: 25px;line-height: 1.1;font-weight: 600;padding: 0;}
.heading h2 span{display: block;color: #ffffff;}
.heading p{padding:0; font-size: 16px; color: #141315; }
.pkge-prce p {font-size: 18px; text-align: center; font-weight: 600;color: #7b7b7b;padding: 21px 0 5px 0;line-height: 1.2;}
.pkge-prce p span{text-decoration: line-through;color: #b5b5b5;}
.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: 25px;color: #ffffff;font-weight: 700;margin-top: 10px;}
.suit p{padding: 10px 0 10px 0;font-size: 13px;color: #e6e6e6;}
.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: "\e91a";position: absolute;font-family: 'icomoon' !important;font-size: 13px;color: #909090;left: 0px;top: 2px;}
.ticklist2 li.heading:before{display: none;}
.adons p{padding: 10px 0 0px 0;font-size: 13px;font-weight: 700;color: #fbfbfb;text-align: center;}
.adons p span{color: #fa6400;}
.package-item .list ul li.heading{font-size: 16px;font-weight: 700; text-align: left; /* 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: 13px;color: #e6e6e6;font-weight: 400;font-family: 'Poppins', sans-serif;}
.package-item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #99999940;}
.package-item .mCSB_scrollTools .mCSB_draggerRail{background-color: transparent;}
.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: 100%;text-align: center;margin: 0;/* padding: 10px 0 0 0; */color: #fff;}


.chat-con ul li.pkge-ordr a
{
    background-color: rgb(26 157 187);
    color: #fff;
    font-size: 16px;
    border: 1px solid rgb(26 157 187);
    padding: 14px 30px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 600;
    }

.package-wrapper:hover .chat-con ul li.pkge-ordr a{ background-color: #fff; color: #000;}    
.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: #1a9dbb;}
.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: #1a9dbb;}
.actions a span small {display: block;font-size: 13px;line-height: normal;color: #ffffff;font-weight: 700;}
/*.actions::before {position: absolute;content: "";height: 30px;background-color: #3d3d3d;width: 1px;left: auto;right:50%;top: 18px;}*/
.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: 5px; 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;}
.btn-hvr .package-wrapper:hover .actions::before{background-color: #1a9dbb;}
.table-packages #mCSB_1_container li.heading{
    display:none;
}

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





/*=========notfound-start======*/
#notfound {position: relative;padding: 70px 0;height: 600px; }
#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: 140px 0;}
.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;}
.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: #1a9dbb;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bad3', endColorstr='#9b2c92',GradientType=1);border: solid 3px #ffffff;}
.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 .5s ease infinite alternate;-webkit-animation: scrollDownAnimation .5s ease infinite alternate;background: #00a155;background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 );}
.whatsapp: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;    z-index: 9999;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/#4a7ee5+0,1169cd+100 */background: #4a7ee5; /* Old browsers */background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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 19px;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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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: 70px 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: #2644b9; 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=================*/


.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{position: relative;z-index: 9;padding: 30px 0;}
.clients-logo-inner ul{font-size: 0;margin: 0;}
.clients-logo-inner ul li{display: inline-block;width: 15%;text-align: center;margin: 0 20px;}
.clients-logo-inner ul li p {font-size: 27px;font-weight: 900;margin: 0;padding: 0;text-transform: capitalize;}
.clients-logo-inner ul li img{display: inline-block;width: 60%;} .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: 80px 0 0 0;padding: 80px 0 30px 0;position: relative;z-index: 9;background-repeat: no-repeat;background-position: right;background-size: contain;height: 685px;background-image: url(../images/services-bg-img.png);}*/
/*.main-services-banner-sec:before{position: absolute;content: "";background: #efefef42;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 0;}*/
.srvce-cont h1{font-size: 30px;color: #4a7ee5;font-weight: 600;}
.srvce-cont h1 span{display: block;color: #4f4f4f;font-size: 55px;line-height: 1;}
.srvce-cont p{font-size: 18px;color: #4f4f4f;padding: 20px 30px 20px 0;line-height: normal;}
.srvce-cont img{width: 200px;display: block;padding: 30px 0 0 0;}

.srv-bnr-frm h3{text-align: center;font-size: 40px;color: #21ae59;}
.srv-bnr-frm p{text-align: center;font-size: 17px;color: #282828;padding: 0;}
.srv-bnr-frm {padding: 0 0 0 50px; position: relative; z-index: 0 !important; border-radius: 5px; margin: 0; width: 95%; display: inline-block; }
.srv-bnr-frm {background: #ffffffad; padding: 30px;}
.srv-bnr-frm {position: relative;}
.srv-bnr-frm:after {position: absolute;content:"";background-image:url(../images/form-discount.png);background-position: center;background-repeat: no-repeat;background-size: cover;height: 95px;width: 100px;z-index: 1;top: -15px;right: -15px;transform: rotate(30deg);}
.srv-bnr-frm .banform input {width: 100%;border: 1px solid #e5e5e5;background: white;padding: 15px 10px;color: gray;box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);font-size: 14px;border-radius: 5px;height: unset;font-weight: 400;outline: none !important;margin: 0 0 16px 0;}
.main-services-banner-sec .srv-bnr-frm .banform textarea {height: 120px;}
.main-services-banner-sec .srv-bnr-frm .banform input[type="submit"] {color: #fff; font-weight: 600; border-radius: 5px; text-align: center; padding: 15px 10px; text-transform: uppercase; margin: 20px 0 0; border: transparent; cursor: pointer; background: #21ae59; }
.srv-bnr-frm .slect-arrow:after {content: "\f107"; font-family: fontawesome; right: 30px; top: 15px; font-size: 16px; position: absolute; }

.technologiespg .main-vruos-induis-sec{padding: 60px 0 0 0;}
.services-inner-pge .main-vruos-induis-sec, .workpg .main-vruos-induis-sec{}
.customlogodesignpage .main-vruos-induis-sec, .custom-website-design-development-page .main-vruos-induis-sec{padding: 30px 0 60px 0;}
.workpage .main-vruos-induis-sec{padding: 60px 0 60px 0;}
.main-srve-porflio-sec{padding: 60px 0 0 0;}
.workpage .main-tbing-sec{padding: 60px 0 60px 0px;background: #f9f7f0;}
.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: #fa6400;}
.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{color: #000000; transition: all 700ms;}
/*.main-menu > ul > li:hover a{    color: #f38440;}*/
.header-main .othermenu li.current a{color: #000000;/* transition: all 700ms; *//* font-weight: 400; *//* font-size: 15px; */}
.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/#4a7ee5+0,1169cd+100 */background: #d6d8d775; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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;}

.servicesec .boxwrap li.current h6{color: #2c2c2c;}
.myservices .left h2 {font-size: 35px;}
.myservices .left h3 {font-size: 18px;font-weight: 600;font-family: 'Poppins', sans-serif;}
.myservices .left p {text-align: left;}
.pointlisting {margin-bottom: 0;display: inline-block;padding: 0 0 15px 0;}
.pointlisting li {position: relative;width: 48%;font-size: 15px;padding-left: 20px;padding-bottom: 4px;display: inline-block;text-align: left;color: #000;font-family: 'Poppins', sans-serif;text-transform: lowercase;}
.pointlisting li:before {position: absolute;font-size: 16px;left: 0;top: 0;color: #21ae59;content: "\f058";font-family:fontawesome;}
.left {margin: 30px 0 0 0; }

/*================contact us page=================*/
.cntctpge-sec {}
.cntctpge-sec .cntc-wrp {background:#fff;padding: 20px;}
.cntctpge-sec .cntc-wrp ul{padding: 0;display: block;    margin: 0 0 30px 0;}
.cntctpge-sec .cntc-wrp ul li{display: block;font-size: 15px;font-family: 'Poppins', sans-serif;margin: 0 0 10px 0;color: #000000;font-weight: 600;}
.cntctpge-sec .cntc-wrp ul li a{color: #000000;}
.cntctpge-sec .cntc-wrp ul li i{background: #fa6400;width: 30px;height: 30px;text-align: center;padding: 8px 0 0 0;color: white;border-radius: 15px;margin: 0 10px 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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    margin-top: 60px;}
.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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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=================*/




@media only screen and (max-width: 1400px){
.header-main .othermenu li {margin-right: 11px;}
.header-main .othermenu li a {font-size: 13px;}

}





@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%;}
.package-wrapper{min-height: 600px;}

.header-main .othermenu li {margin-right: 6px;}
.header-main .othermenu li a {font-size: 14px;}
.cta-new .buttons .trnsprnt-butn{margin: 5px 10px;}
.actions a span small{    font-size: 10px;}
.listsss ul li .packaging-lists > ul >li {    line-height: 20px;}
.packaging-lists ul li {font-size: 12px;}
}

@media only screen and (max-width: 769px) and (min-width: 0px)   {





.mobile-nav.active{z-index: 9999;}



ul.clntlgs{}
.servicesec .main-btn{display: table;margin: auto;}
.main-cta1-sec .imgwrp{}
.main-cta1-sec .cta1 {padding: 0 0 0 20px; }
.main-cta1-sec, .main-cta1-sec .bgclr{padding: 20px 0;height: auto;}
.main-tbing-sec{padding: 20px 10px;}

    .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{}
    .nav-area-full{margin-top: 0px;padding: 10px 0;}
    .helpsec .imgplace figure img{width: 100%;}
    .mobile-nav-btn{z-index: 999;    top: 8px;}
    .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%;}
    .mobile-nav img{    width: 130px;}
    .mobile-nav nav li a.active{background: #4a7ee5;}
    .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.png)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: 5px;}
.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.png); 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; }
.custom-website-design-development-page .header-main .othermenu li{    margin-right: 47px;}

.servicesec .boxwrap li{    margin: 0 8px 20px;min-height: 192px;}
.chat-con ul li.pkge-ordr a, .chat-con ul li.pkge-bkcl a{padding: 15px 0px;}
.actions a span{font-size: 10px;}
.main-tbing-sec ul.tbing li{padding: 10px 15px;}
.main-vruos-induis-sec .wrap ul li p{font-size: 12px;}

}

@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){

.srvce-cont h1 span{font-size: 40px;}
.nav-area-full{display: block;}
.home-banner-content h1 {font-weight: 700;font-size: 25px;}   
.home-banner-content .subtitle {font-size: 16px; }
.home-banner-content ul li { }
ul.clntlgs li img{}
.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: 75px; }
.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: auto;}
.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;}
.custom-website-design-development-page .main-services-banner-sec:after{display:none;}
.custom-website-design-development-page .second-bar{display:none;}
.custom-website-design-development-page .main-services-banner-sec{    margin: 60px 0 0 0;}
.custom-website-design-development-page .top-bar{padding: 10px 0 0;}
.custom-website-design-development-page .main-services-banner-sec{padding: 50px 0;}
.custom-website-design-development-page .srv-bnr-frm:after{    display:none;}
.custom-website-design-development-page .srv-bnr-frm{    margin-top: 40px;}
.package-wrapper{    min-height: 550px;}
.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; }
.mid-banner h2 {font-size: 22px; line-height: normal;}
form#contactForm{    margin: 0px;}
.custom-website-design-development-page .actions::before{display: none;}
.custom-website-design-development-page .bnr-logo li{    width: 12%;}
.package-wrapper {padding: 30px 15px;}
.actions a span {font-size: 8px; font-weight: 400; }
.main-tbing-sec .heading h2 {font-size: 18px;}
.custom-website-design-development-page .old-price span {font-size: 20px;}
.packaging-lists ul li {font-size: 10px; }
.listsss ul li .packaging-lists > ul >li {line-height: 18px; }
.midbanner-text.midbrand .off-percent img {margin: 0 0 0 50px; }
.main-testimonials-sec .testi_box>p {    font-size: 14px;}
.mid-banner .row.extraa {background-repeat: no-repeat; height: auto; background-size: cover; background-position: center; padding: 30px 0;} }



@media screen and (max-width: 736px){
	.main-abut-img-sec{background-position: unset;}
.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; }

.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; }
.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: 60px 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: 60px 0 0 0px; padding: 30px 0 30px 0; }
.srv-bnr-frm{padding: 20px 0;width: 100%;}
.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;}
.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: 60px;}
.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: 90%; }
.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; }



}




@media screen and (max-width: 667px){
.midbanner-text.midbrand .off-percent {width: 100%;position: relative;}  
.listsss ul li {    width: 100%; }


}





@media only screen and (max-width: 480px) and (min-width: 0px)   {
    
.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: auto; }
.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: -21%; right: 30%; }
#client .slick-prev {left: auto; z-index: 9; top: auto; bottom: -21%; right: 55%; }
.main-cta1-sec .imgwrp{display: none;}
.fotr-lgos ul li {display: inline-block; margin: 0px 20px 15px 0px; }
.fotr-lgos ul li img {width: 80px; }

}

@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: auto; }
.main-cta1-sec .cta1{padding:0; }
.cta1 .trnsprnt-butn{margin: 0}
.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; }
.main-cta1-sec .imgwrp{display: none;}
form#contactForm{    margin: 0px;}
.custom-website-design-development-page .main-services-banner-sec{background-position: right;}
.custom-website-design-development-page .main-services-banner-sec ul.clntlgs li{    margin: 0px;}
.custom-website-design-development-page .main-services-banner-sec ul.clntlgs li img{width: 90%;}
.secondary-btn{    font-size: 11px;} 
.actions::before{display: none;}
.top-banner h1.wow {font-size: 48px;}
.cta-new .secondary-btn{padding: 15px 13px;}
.testimnl .txt-wrp {    padding-left: 10%;}
.custom-website-design-development-page .main-btn {padding: 15px 20px;}
.testimnl .testim-wrp h4 {font-size: 15px;}
.testimnl .testim-wrp .desgnt-sec b {    font-size: 12px;}
.abstl {padding-top: 20px; }
}


@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%;}
.custom-website-design-development-page .cta1 .trnsprnt-butn{font-size: 10px;}
.custom-website-design-development-page .secondary-btn{font-size: 9px;}
.custom-website-design-development-page ul.clntlgs{    width: 339px;}
.custom-website-design-development-page .main-services-banner-sec ul.clntlgs li img{    width: 70%;}
.custom-website-design-development-page .srvce-cont h1 span{font-size: 35px;}
.custom-website-design-development-page .srvce-cont h1{    font-size: 20px;}
.custom-website-design-development-page .srvce-cont p{padding: 20px 0 20px 0; 
    font-size: 13px;}
.custom-website-design-development-page .srvce-cont ul.bltpnts li{    font-size: 12px;}
}

.top-banner{
	background-repeat: no-repeat !important;
	margin-top: 9%;
	text-align: center;
	padding: 60px 0 0 0;
	background-size: contain !important;
}
.top-banner h1{
    color: #000;
    font-size: 70px;
    width: 80%;
    margin: auto;
    font-weight: 700;
    line-height: 1;
}
.top-banner p{color: #888787;font-size: 22px;width: 60%;margin: auto;font-weight: 400;padding: 10px;}
.top-banner ul{}
.top-banner ul li{}
.top-banner ul li img{}
.top-banner a{}
.top-banner a:hover{}
.top-banner .images-baner{padding: 40px;}
.top-banner .images-baner img{}

.tab-sec{/* text-align: center; *//* padding: 60px 0 0 0; */}
.tab-sec h1{color: #000; font-size: 50px; width: 70%; margin: auto; font-weight: 700; text-align: center; }
.tab-sec p{color: #888787;font-size: 15px;width: 80%;margin: auto;font-weight: 400;padding: 10px 10px 16px 10px;text-align: center;}
.tab-sec .boxwrap{
}
.tab-sec .boxwrap li{}
.tab-sec .boxwrap li h6{position: relative;text-align: left;color: #000;font-weight: 700;font-size: 22px;cursor: pointer;margin-left: 10px;font-family: 'Poppins', sans-serif;}
.tab-sec .boxwrap li h6:before{
	content: "\f0da";
	position: absolute;
	font-family: 'fontawesome' !important;
	font-size: 30px;
	color: #fa6400;
	left: -15px;
	top: -5px;
	display: none;
}

.tab-sec .tab-content{margin-top: 20px;}
.tab-sec .tab-content img{height: 330px;width: 520px;margin-left: 120px;}

.tab-sec .tab-content p{text-align: left;width: 100%;font-weight: 400;font-size: 16px;}
.tab-sec .tab-content a{color: #fa6400;font-size: 13px;font-weight: 500;display: block;margin: 10px 0;}
.tab-sec .tab-content a:hover{color: #000;}

.port-sec{}
.port-sec .container-fluid{margin: 0px;padding: 0px;}

.cta-new{
    padding: 110px 0 0 0;
}
.cta-new img{
	position: absolute;
	left: 174px;
	top: 59%;
	-webkit-transform: translate(-50%,-50%);
	/* transform: translate(-50%,-50%); */
	width: 660px;
	height: 336px;
}
.cta-new .bgcolor{
	padding: 40px 80px 60px 80px;
	border-radius: 1.25rem;
	position: relative;
	/* overflow: hidden; */
	box-shadow: 0 5px 30px rgba(0,0,0,.2);
	background-image: linear-gradient(120deg,#575859 0,#2e2f30 85%);
}
.cta-new h2{
    color: #fff;
    font-size: 35px;
    padding: 10px 0;
    letter-spacing: normal;
}
.cta-new p{color: #fff;padding: 0;}
.cta-new .buttons{margin-top: 20px;}
.cta-new .buttons a{
    margin: 0 10px 0 0;
    font-size: 12px;
}


/*================TESTIMONIALS-SECTION-START========================*/
.main-testimonials-sec{padding: 0px 0 30px 0;background: #f9f9f987;}
.testi_box {padding: 30px 30px 0 30px;transition: all 700ms;margin: 0px 0 45px 0;}
.testi_box:hover{background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0px 11px 15px #16232136;-ms-box-shadow: 0px 11px 15px #16232136;-o-box-shadow: 0px 11px 15px #16232136;box-shadow: 0px 11px 15px #16232136;transition: all 700ms;}
.testi-heading{text-align:center;}
.testi-heading h2{color: #000;font-size: 50px;}
.testi-heading p{color: #888787;}

.testi_box ul{margin-bottom: 30px;}
.testi_box ul li{display: inline-block;font-size: 16px; color: #ecc70e; margin: 0px 2px 0 2px; }
.testi_box>p{font-size: 20px;font-weight: 500;line-height: 1.5;padding: 0 0 30px 0;}
.main-img{font-size: 0;border-bottom: 2px solid #f3f3f3;padding-bottom: 30px;transition: all 700ms;}
.testi_box:hover .main-img{border-bottom: transparent;transition: all 700ms;}
.testi-img{display: inline-block;width: 45px;vertical-align: top;height: 45px;background: #fa6400;border-radius: 50%;}
.testi-img span{
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding-top: 8px;
}
.testi-img img{border-radius: 50%;}
.testi-cont{display: inline-block;width: 78%;vertical-align: top;padding-left: 20px;}
.testi-cont p{font-size: 16px;padding: 0px;}
.testi-cont p span{display: block;font-size: 14px;}


.slick-prev:before, .slick-next:before{color: #fa6400 !important;}



.top-margin{margin-top: 9%;}



div#google_recaptcha {
    margin: 0 0 20px 0;
}
@keyframes pulse{0%{transform:scale(1);}a

/* @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:#d8d4d4;}
::selection { background:#d8d4d4; }

/* 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-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }


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

body {font-family: 'AvenirNext', sans-serif;color: var(--default-color);font-size:var(--base-font-size);position: relative;background-color: #fff;}

/* font family */
.ff-primary { }
.ff-secondary {  }

/* 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{ font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px;  position:relative; display:table; border-radius: 5px; }
.primary-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 {color: #fff;font-weight: 800;display: inline-block;border: 1px solid transparent;/* text-transform: uppercase; */margin: 10px 0 0 0;border-radius: 5px;padding: 15px 25px;font-size: 14px;transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;background-color: #fa6400;}
.secondary-btn:hover {transform: translateY(-0.625rem); transition: all 700ms; color: #fff; }

.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;}

.trnsprnt-butn {color: #fff;font-weight: 800;display: inline-block;text-transform: uppercase;margin: 10px 0 0 20px;border-radius: 5px;padding: 15px 25px;font-size: 14px;transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;background-color: transparent;border: 1px solid #fff;}
.trnsprnt-butn:hover {transform: translateY(-0.625rem);transition: all 700ms;color: #fff;}

.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; }


@font-face {
  font-family: 'AvenirNext';
  font-display: swap;
  src: url(fonts/3A5754_0_0.cb098aaa.eot);
  src: url(fonts/3A5754_0_0.cb098aaa.eot?#iefix) format('embedded-opentype'), url(fonts/3A5754_0_0.ab04b3f0.woff2) format('woff2'), url(fonts/3A5754_0_0.c2082707.woff) format('woff'), url(fonts/3A5754_0_0.93932f6b.ttf) format('truetype');
  font-weight: 800;
  font-style: normal;
}


/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
h1, .h1, h2, .h2 {font-family: 'poppins';font-family: 'Poppins', sans-serif;font-family: 'Poppins', sans-serif;}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{/* font-family: 'AvenirNext', sans-serif; */padding-bottom: 0px;color: #4f4f4f;}

input {font-family: 'Poppins', sans-serif;}
b {font-family: 'Poppins', sans-serif;}
span{
    font-family: 'Poppins', sans-serif;
}
p { font-family: 'Poppins', sans-serif;}
select {font-family: 'Poppins', sans-serif;}
textarea {font-family: 'Poppins', sans-serif;}

p {font-weight: 400;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #4f4f4f;font-size: 15px;font-family: 'Poppins', sans-serif;}
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; }
.p-15 {padding: 0 8px;}
.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: #4f4f4f;line-height: 1;font-weight: 700;padding: 0 0 10px 0;position: relative;letter-spacing: -1px;}
h2 span,.h2 span { color:var(--primary-color);}

a {text-decoration: none;font-family: 'Poppins', sans-serif;color: #fa6400;}
.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: #4a7ee5; background: -moz-linear-gradient(-45deg, #4a7ee5 0%, #1169cd 100%); background: -webkit-linear-gradient(-45deg, #4a7ee5 0%,#1169cd 100%); background: linear-gradient(135deg, #4a7ee5 15%,#1169cd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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: fixed;padding: 25px 0;width: 100%;top: 0;left: 0;z-index: 99;background-color: #f9f7f0;}
.top-bar.fixed-header{background: #fff;box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);}
/*.header-main .top-bar.fixed-header .othermenu li a{color: #2d2b2b;}*/
.header-main .top-bar.fixed-header .othermenu li.current a {color: #000;transition: all 700ms;}
.header-main .top-bar.fixed-header .othermenu li:hover a{color: #000;transition: all 700ms;}
.top-bar.fixed-header .top-info-list li a{/* background: transparent; *//* border: 1px solid #21ae59; */}
.top-bar.fixed-header .top-info-list li a.phnenmbr {/* border: 1px solid #4a7ee5; */}
.top-bar.fixed-header .top-info-list li span{color: #2c42b3;}
.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: 0;display: inline-block;}
.top-info-list li {float: left;color: #171717;font-size: 14px;padding: 0 4px;}
.top-info-list li:first-child {padding-left: 0px;display: inline-block;}
.top-info-list li:last-child { padding-right: 0px; }
.top-info-list li span {margin-right:8px;color: #ffffff;font-size: 13px;line-height: 20px;}
.top-info-list li span.icon-phone2 {font-size: 15px; top: 1px; position: relative;}
.top-info-list li a.phnenmbr {background: transparent;border-radius: 5px;padding: 10px 15px;border: 1px solid transparent;transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;border: 1px solid #4f4f4f;}
.top-info-list li a.phnenmbr:hover {transform: translateY(-0.625rem);transition: all 700ms;color: #4f4f4f;}
.top-info-list li a.phnenmbr img {width: auto; display: inline-block; vertical-align: top; margin: 0 7px 0 0;}
.showmenu .top-info-list li a.phnenmbr:hover {color: #4f4f4f;}
.top-info-list li+li {/* border-left: 1px solid #171717; */}
.top-info-list li a{color: #4f4f4f;transition: all 700ms;font-weight: 500;display: inline-block;font-size: 12px;}
.top-info-list li a.btn-main-top-bar {color: #fff;}
.top-info-list li a:hover {transition: all 700ms;}
.nav-area-full {position: fixed;padding: 17px 0px;width: 100%;margin-top: -55px;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{margin-top: 5px;}
.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;}
.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: 380px; position: absolute; top: 30px; 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 10px;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: -220px;background: #fff;border: 1px solid #cbd6e2;padding: 10px 0;border-radius: 0px;width: 230px;}
.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: -230px;}
.header-main .othermenu li .dropdown ul li a{transition: all 700ms;color: #171717 !important;font-size: 15px;text-decoration:none;padding: 10px 0 10px 10px;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 {width:100%;position:relative;margin-top: 100px;}
.home-banner {width: 100%;height: 700px;position: relative;background-position: 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;}
.home-banner-content h1 {font-size: 46px;margin-bottom: 15px;font-weight: 800;color: #ffffff;font-family: 'poppins';position: relative;/* text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.7); */line-height: 1.1;}
.home-banner-content h1 span.thmeblue{color: #ffffff;display: inline-block;}
.home-banner-content h1 span.thmegren{color: #21ae59; display: inline-block;}

.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: #ffffff;padding-top: 10px;line-height: 1.4;font-size: 20px;padding-bottom: 0;font-family: 'poppins';}
ul.clntlgs {padding: 50px 0 0 0;}
ul.clntlgs li {display: inline-block;margin: 0 15px 0 0;vertical-align: top}
ul.clntlgs li img{width: 100%;}
.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;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: 5px; 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%; border-radius: 5px; box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39); font-family: 'Poppins', sans-serif; padding: 15px 20px; font-size: 14px; line-height: inherit; margin: 0; background-color: #fff; border: none; outline: none; transition: all 700ms; color: #7d758e; margin: 0 0 15px 0; }
.banner-form .intl-tel-input{width: 100%;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;border-radius: 5px;padding: 10px 15px;margin: 20px 0 0;border: transparent;}

/* 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: 5px; 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: 5px; }
.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.jpg') 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.png) 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-informative {display: none;}
.tabs-informative.current {display: flex}
.tabs-eCommerce {display: none;}
.tabs-eCommerce.current {display: flex;}
.tabs-webapps {display: none;}
.tabs-webapps.current {display: flex;}

/* 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;}


/* complete branding package
------------------------------------*/
.mid-banner {position: relative;padding: 70px 0;font-family: ''Poppins', sans-serif';background: #fff;}
.cmp-heading-sec {text-align: center; }
.mid-banner h3 {color: #ffffff;line-height: 48px;font-weight: 600;text-transform: none;}
.cmp-heading-sec p {width: 75%;margin: 0 auto;color: #888787;}
.banner-main {padding: 20px 10px;border-radius: 3px;font-size: 0;position: relative;}

.mid-banner h2 {}

.listsss ul {margin: 0; font-size: 0; }

.listsss ul li {display: inline-block; vertical-align: top; width: 25%; }
.listsss ul li .packaging-lists {padding-top: 0px; }
.packaging-lists {float: left; width: 90%; }
.packaging-lists ul {list-style: none; padding: 10px; }
.listsss ul li .packaging-lists > ul >li.heading {background: #f5fbf9;color: #fa6400;color: #fa6400;rder: none;font-weight: 600;margin: 0 0 10px;display: block;text-align: center;border-radius: 3px;padding: 4px 2px;line-height: 24px;position: relative;width: 100%;vertical-align: top;}

.listsss ul li .packaging-lists ul li:before {color: #ffffff;}
.listsss ul li .packaging-lists > ul >li {display: block; margin: 0; width: 100%; vertical-align: top; line-height: 24px; position: relative; }
.listsss ul li .packaging-lists > ul >li.heading:before {content:""; display: none;}
.packaging-lists ul li:before {position: absolute; content: "\f111"; font-size: 5px; left: 7px; top: 10px; line-height: 0; font-family: "fontawesome"; }
div.bub-btn {margin-top: 10px; margin-bottom: 30px; display: inline-block; height: 100%; -webkit-animation: hue-rotate 10s linear infinite; animation: hue-rotate 10s linear infinite; }
.midbanner-text.midbrand .off-percent img {width: auto;}
.packaging-lists ul li {color: #ffffff;font-size: 14px;padding-left: 25px;font-family: 'Poppins', sans-serif;}
.listsss ul li:nth-child(2) .packaging-lists > ul >li.heading {}
.listsss ul li:nth-child(3) .packaging-lists > ul >li.heading {}
.midbanner-text.midbrand .off-percent {text-align: center; padding: 10px 0 0px 0; float: right; position: absolute; top: 0px; right: 0px; width: 250px; }
.off-percent del {font-size: 17px;color: #fff;text-align: center;width: 100%;padding-right: 0;display: block;font-weight: 600;line-height: 20px;}
.mid-banner h2 {font-size: 50px;color: #000000;text-align: center;line-height: 50px;width: 70%;margin: auto;}
.button.largefont:hover {transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #ffffff; }
.button.largefont {transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #f5fbf9;font-weight: 600;text-transform: capitalize;background: -moz-linear-gradient(left, #f9ad1c 0%, #f9be36 100%);background: #fa6400;border-radius: 3px;font-size: 16px;padding: 16px 20px;display: inline-block;}
.brandpackage .cmp-view-btn:hover {transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.brandpackage .cmp-view-btn {transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #ffffff;font-weight: 600;text-transform: capitalize;background: transparent;border-radius: 3px;font-size: 16px;border: 1px solid #487ce1;padding: 16px 15px;display: block;margin: 20px 0 10px 0;}




/* 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%; }
   
/*terms-and-conditions*/
.termzz{padding: 60px 0;background-color: #fff;}
.termzz .conditin{}
.termzz .conditin h4{
    padding: 0 0 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #222;
    font-size: 35px;
    font-family: 'Poppins', sans-serif;
    }
.termzz .conditin p{font-weight: 400;
    line-height: 1.4;
    padding: 0 0 30px;
    margin: 0px;
    color: #687087;}
.termzz .conditin ul{    margin-bottom: 30px;}
.termzz .conditin ul li{  font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 1.4;
    margin: 0px;
    color: #687087;}
.termzz .conditin ul li a{color: #fa6400;}


.testimnl{background-size:cover;background-position:center;padding: 60px 0;position:relative;background-color: #ffffff;}
.testimnl{}
.vew-dtls-btn{text-align:center;padding:20px 0;}
.vew-dtls-btn a.view-btn{display:inline-block;color:#e67a3f;font-size:14px;position:relative;}
.vew-dtls-btn a.view-btn:before{content:"";position:absolute;width:100%;height:2px;background-color:#e67a3f;bottom:0px;}
.testimnl img{width:100%;}
.testimnl .list-scroll{height:128px;}
.testimnl .txt-wrp h5{font-size: 18px;text-transform:capitalize;color: #fa6400;padding:0;font-weight: 500;font-family: 'Poppins', sans-serif;}
.testimnl .txt-wrp h2{color:#455963;font-weight:700;font-size:59px;padding:0;}
.testimnl .txt-wrp b{margin:0 0 10px 0;color:#2a2306;font-weight:bold;font-size:45px;line-height:1;}
.testimnl .txt-wrp span{font-size:200px;color:#e67a3f;font-weight:300;line-height:1;position:absolute;right:30px;top:-30px;font-style:italic;}
.testimnl .txt-wrp h6{color:#393939;font-size:13px;}
.testimnl .slick-next:before{content:"\f105";font-family:FontAwesome;color:#b5b5b5;font-size:41px;font-weight:300;}
.testimnl .slick-prev:before{content:"\f104";font-family:FontAwesome;color:#b5b5b5;font-size:41px;font-weight:300;}
.testimnl .slick-prev:hover:before{    color: #21ae59;}
.testimnl .slick-next:hover:before{color:#e67a3f;}
.testimnl .slick-prev{left:-60px;}
.testimnl .slick-next{right:0px;display:none !important;}
.testimnl{}
.testimnl .txt-wrp{padding-right:120px;padding-left:43%;}
.testimnl .txt-wrp h3{padding:11px 0;position:relative;font-size: 50px;line-height:1;text-transform:capitalize;color:#000;font-family: 'Poppins', sans-serif;}
.testimnl .txt-wrp h3:after{content:"";display:none;position:absolute;background-color:#e67a3f;width:40px;height:3px;left:0;bottom:-40px;}
.testimnl .txt-wrp p{
    font-size: 15px;
    padding-bottom: 0;
    color: #888787;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 15px;
    }
.testimnl .txt-wrp a:hover{}
.testimnl .txt-wrp a{text-transform:uppercase;margin:0px;display:inline-block;}
.testimnl .testim-wrp{padding: 40px  30px 60px;background:#fff;border-radius:15px;margin:0 40px 0 0;-webkit-box-shadow: 0px 11px 15px #16232136;-ms-box-shadow: 0px 11px 15px #16232136;-o-box-shadow: 0px 11px 15px #16232136;box-shadow: 0px 11px 15px #16232136;}
.testimnl .testim-wrp i{font-size:40px;color: #fa6400;}
.testimnl .testim-wrp h4{
    font-size: 18px;
    padding: 20px 0 30px;
    line-height: normal;
    font-weight: 400;
    color: #0c1517;
    font-family: 'Poppins', sans-serif;
    }
.testimnl .slick-center .testim-wrp{opacity:1;}
.testimnl .testim-wrp{opacity:0.5;}
.testimnl .testim-wrp .img-wrp{/* width:100px; *//* display:inline-block; */float: left;}
.testimnl .testim-wrp .img-wrp img{border-radius:50%;}
.testimnl .testim-wrp .desgnt-sec{/* display:inline-block; */top: 18px;position:relative;left:10px;}
.testimnl .testim-wrp .desgnt-sec b{color:black;font-size: 18px;text-transform:capitalize;line-height: 1;}
.testimnl .testim-wrp .desgnt-sec h6{
    font-size: 11px;
    padding: 0;
    color: #0c1517;
    font-weight: 500;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
    margin-top: 6px;
    }




/* 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.png') 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.png) no-repeat top 0 left 0; }
.thumb-slider .slick-next { right: -65px; background: url(../images/slick-arrows-slider.png) 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: 5px; 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 {color: #fff;background-image: linear-gradient(120deg,#575859 0,#2e2f30 85%);}
.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: left;display: block;margin: 15px 0 0 0;}
.ftr-social li {margin: 0 15px 0 0;position: relative;text-align: center;display: inline-flex;}
.ftr-social li a {display: inline-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: 100%;}






.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 {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: #fff;}
.copyright span {color: #fff;}
.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.png) 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.png) 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;  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.png);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;}


.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: #ffffff;}
.listsec h2{text-align:  center;}
.listsec .wrap{margin: 0 auto; width: 85%; }
.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: 18px;
    color: #fa6400;
    display: inline-block;
    top: 0;
    }


.cta2{overflow:  hidden;background:url(../images/cta-fold.png);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: 5px;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: 5px;
    
    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;
}

.btn-main{color: #fff !important;font-weight: 600;border: 1px solid transparent;text-transform: capitalize;border-radius: 5px;padding: 10px 15px;font-size: 14px;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/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.btn-main-top-bar{color: #fff;font-weight: 600;border: 1px solid transparent;/* text-transform: uppercase; */border-radius: 5px;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-color: #fa6400;}
.btn-main-top-bar:hover {transform: translateY(-0.625rem); transition: all 700ms; color: #fff;}

.main-btn{color: #fff;font-weight: 600;border: 1px solid transparent;/* text-transform: uppercase; */border-radius: 5px;padding: 15px 25px;font-size: 14px;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/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.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/#4a7ee5+0,1169cd+100 *//* background: #4a7ee5; */ /* Old browsers */background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 *//* background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); */ /* Chrome10-25,Safari5.1-6 *//* background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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; 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{
    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;
    width: 100%;
}
.servicesec .boxwrap img {width: 35%;height: 80px;object-fit: contain;}
.servicesec .boxwrap{
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 20px;
}
.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 0;position: relative;border-radius: 5px;min-height: 170px;padding: 20px;float: left;background: #fff;width: 18.1%;}

.servicesec .boxwrap li i{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 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;padding: 5px 0 0 0;font-family: 'poppins';font-weight: 700;}

.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/#4a7ee5+0,1169cd+100 */background: #eceded; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */}



.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{}
.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: #20cb98;
    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; }



.main-vruos-induis-sec .wrap ul {display: inline-block;border-radius: 5px;margin-bottom: 0;border: 1px solid #bbbecc;margin-top: 0;}
.main-vruos-induis-sec .wrap ul li:nth-child(1) {border-radius: 5px 0 0 0;}
.main-vruos-induis-sec .wrap ul li:nth-child(3) {border-radius: 0 5px 0 0;}
.main-vruos-induis-sec .wrap ul li:nth-child(13) {border-radius: 0 0 0px 5px;}
.main-vruos-induis-sec .wrap ul li:nth-child(15) {border-radius: 0 0 5px 0;}
.main-vruos-induis-sec .wrap ul li.br {border-right: 1px solid #bbbecc; }
.main-vruos-induis-sec .wrap ul li.bb {border-bottom: 1px solid #bbbecc; }
.main-vruos-induis-sec .wrap ul li {width: 33.33%;float: left;padding: 20px 35px;/* background: #fff; */}
.main-vruos-induis-sec .wrap ul li p {padding-left: 30px;font-size: 17px;position: relative;padding-bottom: 0;color: #000;font-weight: 500;vertical-align: middle;}



.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;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: #ffffff;background-color: #fa6400;padding: 20px 40px;border-radius: 5px;display: inline-block;margin-top: 0;font-weight: 800;font-size: 15px;/* text-transform: uppercase; */}
.btn-theme:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #ffffff;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;font-family: 'Poppins', sans-serif;font-weight: 700;}
.footer-top .linkinglist{display: block;margin-bottom: 0;}
.footer-top .linkinglist li{padding: 5px 0;}
.footer-top .linkinglist li a{color: #ffffff;font-size: 13px;text-transform: capitalize;}
.footer-top .linkinglist li img {display: inline-block; width: auto; vertical-align: top;}
.footer-top .linkinglist li p{color: #ffffff;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: 5px; 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: 5px; }
.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: 0px; 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: 40px;/* 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: 5px; }
.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: 5px; 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{}
.ticklist li a{color: #fa6400;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: 5px; 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;float: right;}
.header-main .othermenu li{margin-right: 14px;display: inline-block;}
.header-main .othermenu li h6{color: #171717;font-size: 16px;font-weight: 400;cursor: default;}
.header-main .othermenu li a{color: #4f4f4f;font-size: 14px;font-weight: 400;/* transition: all 700ms; *//* -webkit-animation: fadeIn 1s; *//* animation: fadeIn 1s; */padding: 10px 0;text-transform: capitalize;}
.othermenu h6 a {
    cursor: unset;
}
/*================lp custom  website design development===============*/
.custom-website-design-development-page .header-main .othermenu li a {color: #fff; font-size: 15px;}
.custom-website-design-development-page .top-bar {background-color: #ffffff;}
.custom-website-design-development-page .top-info-list li a.phnenmbr {border: 1px solid #000000;}
.custom-website-design-development-page .top-info-list li a {color: #000;}
.secondlogo a img.cwdd{display: none;}
.custom-website-design-development-page .header-main .secondlogo a img.img-fluid.cwdd{display: block;}
.custom-website-design-development-page .header-main .secondlogo a img.img-fluid{display: none;}
.custom-website-design-development-page .top-bar.fixed-header{background-color: #fff;}
.custom-website-design-development-page .header-main .top-bar.fixed-header .othermenu li:hover a {color: #000;}
.custom-website-design-development-page .header-main .othermenu li:hover a {color: #000;/* font-weight: 600; */}
.custom-website-design-development-page .main-services-banner-sec {background-position: center;background-size: cover;margin: 125px 0 0 0;padding: 80px 0;height: auto;}
.custom-website-design-development-page .main-services-banner-sec:before {background: #000000a1;}
.custom-website-design-development-page .srvce-cont h1 span {color: #fff;}
.custom-website-design-development-page .srvce-cont p {color: #fff;line-height: 1.4;font-size: 14px;padding: 20px 80px 20px 0;}
.custom-website-design-development-page .package-wrapper {background-color: #fff;box-shadow: 0px 5px 20px 9px rgba(207, 207, 207, 0.39);border-radius: 5px;}
.custom-website-design-development-page .heading h2 span {color: #000;}
.custom-website-design-development-page .package-wrapper:hover .actions a span small{color:#fff;}
.custom-website-design-development-page .old-price span {color: #000000;}
.custom-website-design-development-page .suit p {color: #4f4f4f;}
.custom-website-design-development-page .package-item .list ul li {color: #4f4f4f;}
.custom-website-design-development-page .ticklist2 li:before {color: #21ae59;}
.custom-website-design-development-page .adons p {color: #4f4f4f;}
.custom-website-design-development-page .package-wrapper:hover .heading h2 span {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .old-price span {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .suit p {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .package-item .list ul li {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .adons p {color: #fff;}
.custom-website-design-development-page .package-wrapper:hover .ticklist2 li:before {color: #fff;}
.custom-website-design-development-page .srv-bnr-frm {
    background: #ffffff;
    border: 3px solid;
    border-image-source: linear-gradient(0deg, rgb(250, 100, 0), rgba(255, 255, 255, 0));
    border-image-slice: 1;
    }
.custom-website-design-development-page .srv-bnr-frm:after {background-image: url(../images/cwddofer50.png);height: 157px;width: 113px;top: -100px;left: -25px;transform: rotate(0deg);}
.custom-website-design-development-page .header-main .othermenu {float: none; text-align: center;}
.custom-website-design-development-page .second-bar {background: #fa6400;margin: 10px 0 0 0;padding: 5px 0;}
.custom-website-design-development-page .top-bar {padding: 15px 0 0;}
.custom-website-design-development-page .dropdown {text-align: left }
.custom-website-design-development-page .header-main .othermenu li {margin-right: 70px;}
.custom-website-design-development-page .header-main .othermenu li:last-child {margin-right:0; }
.custom-website-design-development-page .top-info-list li a.btn-main-top-bar {color: #fff;font-weight: 600;}
.custom-website-design-development-page .btn-main-top-bar {padding: 15px 20px;}
.custom-website-design-development-page .top-info-list li a.phnenmbr {padding: 15px 20px;font-weight: 600;}
.custom-website-design-development-page .top-info-list li {padding: 0 10px;}
.custom-website-design-development-page .header-main .secondlogo a img {width: 145px; }
.custom-website-design-development-page .srvce-cont h1 span {font-size: 50px;font-weight: 700;}
.custom-website-design-development-page .srvce-cont h1 {font-size: 30px;color: #fafdfb;font-weight: 500;}
.custom-website-design-development-page .main-cta1-sec .bgclr {position: relative;border-radius: 5px;box-shadow: 0px 5px 20px 9px rgba(207, 207, 207, 0.39);}
.custom-website-design-development-page .main-cta1-sec .bgclr:after {position: absolute; top:0; right: 0; width: 100%; height: 100%; background-color:#000; }
.custom-website-design-development-page ul.clntlgs {padding: 20px 0;}
.custom-website-design-development-page .main-btn {margin: 0;}
.custom-website-design-development-page .srvce-cont ul.bltpnts {padding-bottom: 0; margin: 0 ;}
.custom-website-design-development-page .srvce-cont ul.bltpnts li{font-family: 'Poppins', sans-serif;font-size: 14px; display: inline-block; color: #fff; }
.custom-website-design-development-page .srvce-cont ul.bltpnts li i{color: #fa6400;margin: 0 7px 0 0;}
.custom-website-design-development-page .evry-heading-sec h2 {color: #0a1a29; }
.custom-website-design-development-page .cta1 h2 {color: #0a1a29; }
.custom-website-design-development-page .main-cnt-heading {color: #000;}
.custom-website-design-development-page .evry-img-sec img {max-width:100%;}
.custom-website-design-development-page .listsec .wrap ul li:hover {background:#fff;box-shadow: 0px 5px 20px 9px rgba(207, 207, 207, 0.39);}
.custom-website-design-development-page .srv-bnr-frm .banform input {padding: 10px;}
.custom-website-design-development-page .main-services-banner-sec .srv-bnr-frm .banform input[type="submit"] {margin: 10px 0 0;background: #fa6400;}
.custom-website-design-development-page .intl-tel-input.allow-dropdown.separate-dial-code {margin: 0 0 10px 0; }
.custom-website-design-development-page .main-services-banner-sec .srv-bnr-frm .banform textarea {height: 90px;}
.custom-website-design-development-page .main-services-banner-sec .srv-bnr-frm .banform input[type="submit"] {padding: 10px;}
.custom-website-design-development-page .main-services-banner-sec .ban-form select {padding: 10px;}
.custom-website-design-development-page .srv-bnr-frm .slect-arrow:after {    top: 9px;}
.custom-website-design-development-page .srv-bnr-frm h3 {
    color: #0a1a29;
    font-weight: 700;
    font-size: 32px;
    font-family: 'Poppins', sans-serif;
    }
.custom-website-design-development-page .srv-bnr-frm p {color: #fa6400;}
/*.custom-website-design-development-page .srv-bnr-frm:after {content: ""; background-image:url(../images/cwddfrmbg.png); position: absolute;width: 772px; height: 687px; top:0; position: absolute; z-index: -1;}*/
.custom-website-design-development-page .main-services-banner-sec:after {content: "";background-image: url(../images/cwddfrmbg.png);position: absolute;width: 580px;background-repeat: no-repeat;right: 0;background-size: cover;height: 540px;top: 50px;z-index: -1;background: unset;}
.custom-website-design-development-page .actions a span small {color:#000;}
.custom-website-design-development-page.ecommercepage .main-services-banner-sec:after{display:none;}
.bnr-logo{margin:0 auto;padding:20px 0;width:100%;background: #fff;text-align:center;position:relative;bottom:0px;left:0;right:0;}
.bnr-logo ul{position:relative;margin:0 auto;width:70%;}
.bnr-logo li{display:inline-block;width:13%;margin:0 10px;}
.bnr-logo li img{width:70%;filter:grayscale(100%);}
.bnr-logo li.wdtfty img{width:50%;}
.bnr-logo li img:hover{filter:grayscale(0);}

.header-main .secondlogo{position: relative;/* padding-top: 16px; */display: inline-block;z-index: 9;}
.header-main .secondlogo a{}
.header-main .secondlogo a img{width: 120px; }
.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{}
.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: 5px; 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;top: 24px;opacity: 0;}
.header-main .emailsec a{position: relative;  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;background: #fff;}
.main-cntnually-sec{padding: 0px 0 60px 0;}
.main-srvng-bsiness-sec{padding: 60px 0;}
.main-technolgyes-sec{padding: 60px 0 0;}
.main-ofce-adres-sec{padding: 0px 0 60px 0;}
.main-whoweare-sec{padding: 60px 0;}
.main-3clum-sec{padding: 60px 0 0;}
.main-abut-img-sec{padding: 60px 0;}
.main-our-prtner-sec{padding: 60px 0 0 0;}
.main-vruos-induis-sec{padding: 60px 0 0 0;}
.main-utlnzng-crent-sec{padding: 60px 0;}
.main-lets-frm-sec{/* padding: 0 0 70px 0; */}
.main-lets-frm-sec .main-cnt-para a{color: #fa6400;}
.getquotepg .main-lets-frm-sec{margin: 70px 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/#4a7ee5+0,1169cd+100 */
background: #4a7ee5; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.flsevce{text-align:center;}
.main-cnt-heading{font-size: 50px;line-height: 50px;font-weight: 700;color: #4f4f4f;text-align: center;width: 70%;margin: auto;font-family: 'Poppins', sans-serif;}
.main-cnt-para{color: #888787;line-height: 1.4;font-weight: 400;text-align: center;}
.para-wdth{width: 65%;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;border-radius: 5px;cursor: context-menu;}
.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);background: #fff;}
.strey ul li:hover a h3 {color: #407ee5;}
.strey ul li a{padding: 30px 0px;display: inline-block;cursor: context-menu;}
.strey ul li h3{font-size: 18px;line-height: 29px;color: #4f4f4f;font-weight: 600;padding: 5px 0 5px 0;font-family: 'Poppins', sans-serif;cursor: context-menu;}
.strey ul li img{width: 80px;}
.main-view-more{text-align: center;    margin: 30px 0 0 0;}
/*.workpg .main-view-more{display: none;}*/
.main-view-more a{}
.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: #4f4f4f; padding: 20px 0 30px 0;    font-family: 'Poppins', sans-serif;}
.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: 17px;line-height: 29px;font-weight: 700;color: #000000;padding:0;display: inline-block;}
.lonkgn p a{color: #4a7ee5; padding: 0 0 5px 0; position: relative;}
.lonkgn p a:after {content: ""; position: absolute; bottom: 0; left: 0; width: 0%; background:#4a7ee5;margin: 0 auto; right: 0; height: 1px;}
.lonkgn p a:hover:after{transition: all 500ms;width: 100%;}
.main-cta1-inner-sec{padding: 60px 0;background-size:cover;background-repeat: no-repeat;width: 100%;background-position: center center;}
.main-cta1-sec .bgclr {background: #ffffff;height: 215px;}
.main-cta1-sec .cta1 {padding: 0 0 0 40px;}
.main-cta1-sec .imgwrp {}
.main-cta1-sec .imgwrp img{position: absolute;right: 0;top: -20px;width: 100%;}
.main-cta1-sec{text-align: left;padding: 60px 0;}
.cta1 h2{font-size: 32px;line-height: 35px;font-weight: 800;color: #4f4f4f;padding: 0;}
.cta1 p{padding: 0;}
.cta1 .trnsprnt-butn{color: #4f4f4f;}
.ltsbtn-frm {margin: 0 0 40px 0;position: relative;}
.ltsbtn-frm input, .ltsbtn-frm textarea, .ltsbtn-frm select{width: 100%;border: 1px solid #bbb5b5;border-radius: 5px;/* box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39); */background: #f0f2f4;font-family: 'Poppins', sans-serif;padding: 15px 20px;font-size: 14px;margin: 0;background-color: #e8e5e5;outline: none;transition: all 700ms;color: #20292f;}
form#contactForm {margin: 0 60px; }
.contactpg form#contactForm {margin: 0 0px; }
.ltsbtn-frm select{}
.ltsbtn-frm.slect-arrow{position: relative;}
.ltsbtn-frm.slect-arrow:after{content: "\f107";font-family: fontawesome;right: 15px;top: 15px;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:none; transition: all 700ms; }
.main-lets-frm-sec input[type=submit]{cursor: pointer;width: auto;color: #fff;/* text-transform: uppercase; */font-family: 'Poppins', sans-serif;border-radius: 5px;padding: 15px 25px;font-size: 14px;height: auto;border:none;font-weight: 600;transform: translateY(0rem); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */ /* FF3.6-15 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.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;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;cursor: context-menu;}
.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: 550px;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: 100%;height: 100%;top: 0;left: 0%;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: #aaa;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;top: 200px;}
.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: 70px 0 0 0px;padding: 60px 0;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.main-srvice-second-sec{padding: 60px 0;width: 100%;/* background-size: cover; *//* background-repeat: no-repeat; *//* background-position: center; */}
.evry-heading-sec h2{font-size: 50px;font-weight: 700;}
.evry-heading-sec p{font-size: 15px;font-weight: 500;color: #888787;line-height: 1.3;}
.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 {}
/*==============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: 60px 0 0 0;}
.combopack-page .main-tbing-sec{padding: 0px 0px 0;}
.pckgspage .main-tbing-sec{padding: 0px 0;}
.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: 9px 20px;height: 40;cursor: pointer;text-transform: capitalize;font-size: 14px;color: #9a9a9a;font-weight: 600;border: 1px solid #d4d4d4;margin: 10px 3px 5px 3px;border-radius: 5px;font-family: 'Poppins', sans-serif;}
.main-tbing-sec ul.tbing li a {color: #9a9a9a;}
.main-tbing-sec ul.tbing li:hover a {color: #fff;}
.main-tbing-sec ul.tbing li a {}
.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/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.main-tbing-sec ul.tbing li.current a {color: #fff;}
.main-tbing-sec ul.tbing li:hover {transform: translateY(-0.625rem);transition: all 700ms;color: #fff;border: 1px solid white; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */  /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
/*==============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: #ffffff;font-size: 13px;}
.main-abut-img-sec{width: 100%;height: 700px;background-size: cover;background-repeat: no-repeat;background-position: center;margin: 60px 0 0;}
.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;}




/*==============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: 10px 0px 0px 10px;display: inline-block;padding-top: 0;vertical-align: top;margin-top: 125px;color: #fa6400;font-size: 16px;font-weight: 700;background: #ffffff;position: relative;text-transform: uppercase;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */}
.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: #4f4f4f;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/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */background: #fa6400;}
.ban-form textarea{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);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/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */top: 63px;background: #ffffff;border-radius: 10px 0px 0px 10px;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;}
.btns_wrap .call_wrap span{color: #4f4f4f;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/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */background: #ffffff;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: 10px 0px 0px 10px;z-index: 9999;}
.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo{color: #fa6400;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C,;background:;;eTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */font-size: 18px;padding: 15px 20px;background: #ffffff;border-radius: 10px 0px 0px 10px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;}
.btns_wrap .chat_wrap span{color: #4f4f4f;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 =================*/
.main-services-banner-sec .ban-form select{
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);
    font-family: 'Poppins', sans-serif;
    padding: 15px 10px;
    font-size: 14px;
    margin: 0;
    background-color: #fff;
    border: none;
    outline: none;
    transition: all 700ms;
    color: #7d758e;
    line-height: inherit;
    /* height: 60px; */
    }
.intl-tel-input.separate-dial-code .selected-dial-code {font-family: 'Poppins', sans-serif;}



/*----------subscribe-tab-css-start-----------*/
.subscribe-tab{padding: 60px 0 60px 0; text-align: center; background: #fd7366; }
.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; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #fff; font-weight: 500; letter-spacing: 1px; transition: 0.5s ease-in-out; margin-top: 0; }
.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.png) 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.png) 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: 42%; bottom: 0; }
#client .slick-prev {left: -6%; z-index: 9; top: auto; bottom: 20%; }
#client .slick-next {background: url(../images/ar-right.png); }
#client .slick-next::before, #client .slick-prev::before{display: none;}
.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)); }
#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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #fff; padding: 14px 40px; border-radius: 5px; border: 0; font-size: 16px; transition: 0.5s ease-in-out; margin: 13px 0; font-weight: 600; }
#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: 1; }
#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: #333333;border-radius: 16px;overflow: hidden;padding: 30px;margin-top: 30px;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;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);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;background: #000;}*/
/*.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: #fa6400;font-size: 25px;line-height: 1.1;font-weight: 600;padding: 0;}
.heading h2 span{display: block;color: #ffffff;}
.heading p{padding:0; font-size: 16px; color: #141315; }
.pkge-prce p {font-size: 18px;font-weight: 600;color: #7b7b7b;padding: 21px 0 5px 0;line-height: 1.2;}
.pkge-prce p span{text-decoration: line-through;color: #b5b5b5;}
.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: 25px;color: #ffffff;font-weight: 700;margin-top: 10px;}
.suit p{padding: 10px 0 10px 0;font-size: 13px;color: #e6e6e6;}
.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;color: #909090;left: 0px;top: 2px;}
.ticklist2 li.heading:before{display: none;}
.adons p{padding: 10px 0 0px 0;font-size: 13px;font-weight: 700;color: #fbfbfb;text-align: center;}
.adons p span{color: #fa6400;}
.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: 13px;color: #e6e6e6;font-weight: 400;font-family: 'Poppins', sans-serif;}
.package-item .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #fa6400;}
.package-item .mCSB_scrollTools .mCSB_draggerRail{background-color: #1a1a1a;}
.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: 100%;text-align: center;margin: 0;/* padding: 10px 0 0 0; */color: #fff;}
.chat-con ul li.pkge-ordr a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4a7ee5+0,1169cd+100 */background: #fa6400; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient */color: #fff;font-size: 13px;font-weight: 600;text-transform: uppercase;padding: 15px 20px;border-radius: 5px;width: 100%;display: inline-block;}
.chat-con ul li.pkge-bkcl a{color: #e6e6e6;font-size: 13px;font-weight: 600;text-transform: uppercase;padding: 15px 20px;border-radius: 5px;background-color: #fa6400;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: #fa6400;}
.actions a span small {display: block;font-size: 13px;line-height: normal;color: #ffffff;font-weight: 700;}
.actions::before {position: absolute;content: "";height: 43px;background-color: #3d3d3d;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: 5px; 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===================*/





/*=========notfound-start======*/
#notfound {position: relative;padding: 70px 0;height: 600px; }
#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: 140px 0;}
.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;}
.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: #fa6400;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bad3', endColorstr='#9b2c92',GradientType=1);border: solid 3px #ffffff;}
.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 .5s ease infinite alternate;-webkit-animation: scrollDownAnimation .5s ease infinite alternate;background: #00a155;background: -moz-linear-gradient(left, #ea018e 0%, #9b2c92 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 );}
.whatsapp: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/#4a7ee5+0,1169cd+100 */background: #4a7ee5; /* Old browsers */background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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 19px;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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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: 70px 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: #2644b9; 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=================*/


.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{position: relative;z-index: 9;padding: 30px 0;}
.clients-logo-inner ul{font-size: 0;margin: 0;}
.clients-logo-inner ul li{display: inline-block;width: 15%;text-align: center;margin: 0 20px;}
.clients-logo-inner ul li p {font-size: 27px;font-weight: 900;margin: 0;padding: 0;text-transform: capitalize;}
.clients-logo-inner ul li img{display: inline-block;width: 60%;} .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: 80px 0 0 0;padding: 80px 0 30px 0;position: relative;z-index: 9;background-repeat: no-repeat;background-position: right;background-size: contain;height: 685px;background-image: url(../images/services-bg-img.png);}
.main-services-banner-sec:before{position: absolute;content: "";background: #efefef42;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 0;}
.srvce-cont h1{font-size: 30px;color: #4a7ee5;font-weight: 600;}
.srvce-cont h1 span{display: block;color: #4f4f4f;font-size: 55px;line-height: 1;}
.srvce-cont p{font-size: 18px;color: #4f4f4f;padding: 20px 30px 20px 0;line-height: normal;}
.srvce-cont img{width: 200px;display: block;padding: 30px 0 0 0;}

.srv-bnr-frm h3{text-align: center;font-size: 40px;color: #21ae59;}
.srv-bnr-frm p{text-align: center;font-size: 17px;color: #282828;padding: 0;}
.srv-bnr-frm {padding: 0 0 0 50px; position: relative; z-index: 99999 !important; border-radius: 5px; margin: 0; width: 95%; display: inline-block; }
.srv-bnr-frm {background: #ffffffad; padding: 30px;}
.srv-bnr-frm {position: relative;}
.srv-bnr-frm:after {position: absolute;content:"";background-image:url(../images/form-discount.png);background-position: center;background-repeat: no-repeat;background-size: cover;height: 95px;width: 100px;z-index: 99;top: -15px;right: -15px;transform: rotate(30deg);}
.srv-bnr-frm .banform input {width: 100%;border: 1px solid #e5e5e5;background: white;padding: 15px 10px;color: gray;box-shadow: 0px 5px 11px 0px rgba(207, 207, 207, 0.39);font-size: 14px;border-radius: 5px;height: unset;font-weight: 400;outline: none !important;margin: 0 0 16px 0;}
.main-services-banner-sec .srv-bnr-frm .banform textarea {height: 120px;}
.main-services-banner-sec .srv-bnr-frm .banform input[type="submit"] {color: #fff; font-weight: 600; border-radius: 5px; text-align: center; padding: 15px 10px; text-transform: uppercase; margin: 20px 0 0; border: transparent; cursor: pointer; background: #21ae59; }
.srv-bnr-frm .slect-arrow:after {content: "\f107"; font-family: fontawesome; right: 30px; top: 15px; font-size: 16px; position: absolute; }

.technologiespg .main-vruos-induis-sec{padding: 60px 0 0 0;}
.services-inner-pge .main-vruos-induis-sec, .workpg .main-vruos-induis-sec{}
.customlogodesignpage .main-vruos-induis-sec, .custom-website-design-development-page .main-vruos-induis-sec{padding: 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: #f9f7f0;}
.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: #1a9dbb;}
.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{color: #000000; transition: all 700ms;}
/*.main-menu > ul > li:hover a{    color: #f38440;}*/
.header-main .othermenu li.current a{color: #fff;/* transition: all 700ms; *//* font-weight: 400; *//* font-size: 15px; */}
.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/#4a7ee5+0,1169cd+100 */background: #d6d8d775; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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;}

.servicesec .boxwrap li.current h6{color: #2c2c2c;}
.myservices .left h2 {font-size: 35px;}
.myservices .left h3 {font-size: 18px;font-weight: 600;font-family: 'Poppins', sans-serif;}
.myservices .left p {text-align: left;}
.pointlisting {margin-bottom: 0;display: inline-block;padding: 0 0 15px 0;}
.pointlisting li {position: relative;width: 48%;font-size: 15px;padding-left: 20px;padding-bottom: 4px;display: inline-block;text-align: left;color: #000;font-family: 'Poppins', sans-serif;text-transform: lowercase;}
.pointlisting li:before {position: absolute;font-size: 16px;left: 0;top: 0;color: #21ae59;content: "\f058";font-family:fontawesome;}
.left {margin: 30px 0 0 0; }

/*================contact us page=================*/
.cntctpge-sec {}
.cntctpge-sec .cntc-wrp {background:#fff;padding: 20px;}
.cntctpge-sec .cntc-wrp ul{padding: 0;display: block;    margin: 0 0 30px 0;}
.cntctpge-sec .cntc-wrp ul li{display: block;font-size: 15px;font-family: 'Poppins', sans-serif;margin: 0 0 10px 0;color: #000000;font-weight: 600;}
.cntctpge-sec .cntc-wrp ul li a{color: #000000;}
.cntctpge-sec .cntc-wrp ul li i{background: #1a9dbb;width: 30px;height: 30px;text-align: center;padding: 8px 0 0 0;color: white;border-radius: 15px;margin: 0 10px 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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    margin-top: 60px;}
.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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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/#4a7ee5+0,1169cd+100 */ background: #4a7ee5; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #4a7ee5 0%, #1169cd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg,  #4a7ee5 0%,#1169cd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,  #4a7ee5 0%,#1169cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7ee5', 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=================*/




@media only screen and (max-width: 1400px){
.header-main .othermenu li {margin-right: 11px;}
.header-main .othermenu li a {font-size: 13px;}

}





@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%;}
.package-wrapper{min-height: 600px;}

.header-main .othermenu li {margin-right: 6px;}
.header-main .othermenu li a {font-size: 14px;}
.cta-new .buttons .trnsprnt-butn{margin: 5px 10px;}
.actions a span small{    font-size: 10px;}
.listsss ul li .packaging-lists > ul >li {    line-height: 20px;}
.packaging-lists ul li {font-size: 12px;}
}




@media only screen and (max-width: 769px) and (min-width: 0px)   {





.mobile-nav.active{z-index: 9999;}



ul.clntlgs{}
.servicesec .main-btn{display: table;margin: auto;}
.main-cta1-sec .imgwrp{}
.main-cta1-sec .cta1 {padding: 0 0 0 20px; }
.main-cta1-sec, .main-cta1-sec .bgclr{padding: 20px 0;height: auto;}
.main-tbing-sec{padding: 20px 10px;}

    .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{}
    .nav-area-full{margin-top: 0px;padding: 10px 0;}
    .helpsec .imgplace figure img{width: 100%;}
    .mobile-nav-btn{z-index: 999;    top: 8px;}
    .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;*/ display: none;}
    .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%;}
    .mobile-nav img{    width: 130px;}
    .mobile-nav nav li a.active{background: #4a7ee5;}
    .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;}
    .top-banner .images-baner img{width: 95%; height: 330px; margin-top: 30px !important ;}
    
.top-banner-section {
    padding-top: 0px !important;}

.intl-tel-input.separate-dial-code .selected-dial-code {
    font-size: 14px;
    text-align: left;padding-left: 21px;}

.subscribe-fold {
    padding: 40px 0 0 0 !important;
}

.subscribe-fold .table-packages .body ul li h6 {
    font-size: 12px !important;}


.subscribe-fold .table-packages .body ul li span.tick:before {top: 0 !important;font-size: 14px !important;}

.subscribe-fold .myheading {
    font-size: 36px !important;
}

}

.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.png)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: 5px;}
.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.png); 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; }
.custom-website-design-development-page .header-main .othermenu li{    margin-right: 47px;}

.servicesec .boxwrap li{    margin: 0 8px 20px;min-height: 192px;}
.chat-con ul li.pkge-ordr a, .chat-con ul li.pkge-bkcl a{padding: 15px 0px;}
.actions a span{font-size: 10px;}
.main-tbing-sec ul.tbing li{padding: 10px 15px;}
.main-vruos-induis-sec .wrap ul li p{font-size: 12px;}

}

@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){

.srvce-cont h1 span{font-size: 40px;}
.nav-area-full{display: block;}
.home-banner-content h1 {font-weight: 700;font-size: 25px;}   
.home-banner-content .subtitle {font-size: 16px; }
.home-banner-content ul li { }
ul.clntlgs li img{}
.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: 75px; }
.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: auto;}
.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;}
.custom-website-design-development-page .main-services-banner-sec:after{display:none;}
.custom-website-design-development-page .second-bar{display:none;}
.custom-website-design-development-page .main-services-banner-sec{    margin: 60px 0 0 0;}
.custom-website-design-development-page .top-bar{padding: 10px 0 0;}
.custom-website-design-development-page .main-services-banner-sec{padding: 50px 0;}
.custom-website-design-development-page .srv-bnr-frm:after{    display:none;}
.custom-website-design-development-page .srv-bnr-frm{    margin-top: 40px;}
.package-wrapper{    min-height: 550px;}
.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; }
.mid-banner h2 {font-size: 22px; line-height: normal;}
form#contactForm{    margin: 0px;}
.custom-website-design-development-page .actions::before{display: none;}
.custom-website-design-development-page .bnr-logo li{    width: 12%;}
.package-wrapper {padding: 30px 15px;}
.actions a span {font-size: 8px; font-weight: 400; }
.main-tbing-sec .heading h2 {font-size: 16px;}
.custom-website-design-development-page .old-price span {font-size: 20px;}
.packaging-lists ul li {font-size: 10px; }
.listsss ul li .packaging-lists > ul >li {line-height: 18px; }
.midbanner-text.midbrand .off-percent img {margin: 0 0 0 50px; }
.main-testimonials-sec .testi_box>p {    font-size: 14px;}
.mid-banner .row.extraa {background-repeat: no-repeat; height: auto; background-size: cover; background-position: center; padding: 30px 0;} }



@media screen and (max-width: 736px){
	.main-abut-img-sec{background-position: unset;}
.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; }

.package-wrapper{margin: 10px 0;}
.main-testimonails-sec {padding: 30px 0 30px 0; height: 550px; }
.slick-dots li button:before{background: #2c3f9a;}
.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; }
.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: 60px 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: 60px 0 0 0px; padding: 30px 0 30px 0; }
.srv-bnr-frm{padding: 20px 0;width: 100%;}
.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;}
.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: 60px;}
.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: 90%; }
.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; }



}




@media screen and (max-width: 667px){
.midbanner-text.midbrand .off-percent {width: 100%;position: relative;}  
.listsss ul li {    width: 100%; }


}





@media only screen and (max-width: 480px) and (min-width: 0px)   {
    
.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: auto; }
.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: -21%; right: 30%; }
#client .slick-prev {left: auto; z-index: 9; top: auto; bottom: -21%; right: 55%; }
.main-cta1-sec .imgwrp{display: none;}
.fotr-lgos ul li {display: inline-block; margin: 0px 20px 15px 0px; }
.fotr-lgos ul li img {width: 80px; }

}

@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: auto; }
.main-cta1-sec .cta1{padding:0; }
.cta1 .trnsprnt-butn{margin: 0}
.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; }
.main-cta1-sec .imgwrp{display: none;}
form#contactForm{    margin: 0px;}
.custom-website-design-development-page .main-services-banner-sec{background-position: right;}
.custom-website-design-development-page .main-services-banner-sec ul.clntlgs li{    margin: 0px;}
.custom-website-design-development-page .main-services-banner-sec ul.clntlgs li img{width: 90%;}
.secondary-btn{    font-size: 11px;} 
.actions::before{display: none;}
.top-banner h1.wow {font-size: 48px;}
.cta-new .secondary-btn{padding: 15px 13px;}
.testimnl .txt-wrp {    padding-left: 10%;}
.custom-website-design-development-page .main-btn {padding: 15px 20px;}
.testimnl .testim-wrp h4 {font-size: 15px;}
.testimnl .testim-wrp .desgnt-sec b {    font-size: 12px;}
.abstl {padding-top: 20px; }
}


@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%;}
.custom-website-design-development-page .cta1 .trnsprnt-butn{font-size: 10px;}
.custom-website-design-development-page .secondary-btn{font-size: 9px;}
.custom-website-design-development-page ul.clntlgs{    width: 339px;}
.custom-website-design-development-page .main-services-banner-sec ul.clntlgs li img{    width: 70%;}
.custom-website-design-development-page .srvce-cont h1 span{font-size: 35px;}
.custom-website-design-development-page .srvce-cont h1{    font-size: 20px;}
.custom-website-design-development-page .srvce-cont p{padding: 20px 0 20px 0; 
    font-size: 13px;}
.custom-website-design-development-page .srvce-cont ul.bltpnts li{    font-size: 12px;}
}

.top-banner{
	background-repeat: no-repeat !important;
	margin-top: 0%;
	text-align: left;
	padding: 80px 0 ;
	background-size: contain !important;
}
.top-banner h1{
    color: #fff;
    font-size: 49px;
    width: 100%;
    margin: auto;
    font-weight: 600;
    line-height: 1;
}
.top-banner h1 span{
	font-size: 24px;
    display: block;
    color: #fff;
    width: fit-content;
    text-transform: uppercase;
    background: #280968;
    padding: 10px;
    border-radius: 5px;
    font-weight: 500;
    margin-bottom: 10px;
}
.banner-client-slider {
    background-color: #fff;
    height: 150px;
    margin-top: 72px;
    padding: 50px 40px;
    position: absolute;
    width: 50%;
    right: 0px;
    border-radius: 10px 0px 0px 10px;
    /*bottom: -153px;*/
    top:90%;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
}
.top-banner-section{ padding-top: 0%;     background-position: bottom !important;
    background-repeat: no-repeat !important;
    background-size : cover !important; height: 880px;}
.top-banner p{color: #fbe2e2;font-size: 14px;width: 100%;margin: auto;font-weight: 400;padding: 10px;}
.top-banner ul{}
.top-banner ul li{}
.top-banner ul li img{}
.top-banner a{}
.top-banner a:hover{}
.top-banner .images-baner{padding: 40px;}
.top-banner .images-baner img{    transform: scale(1.3); margin-top: 40px;}

.tab-sec{/* text-align: center; */ padding:60px 0 0 0; }
.tab-sec h1{color: #000; font-size: 42px; width: 70%; margin: auto; font-weight: 600; text-align: center; }
.tab-sec h3{color: #000; font-size: 42px; width: 70%; margin: auto; font-weight: 600; text-align: center; }
.tab-sec .new_heading{color: #000; font-size: 42px; width: 70%; margin: auto; font-weight: 600; text-align: center; }
.tab-sec p{color: #888787;font-size: 15px;width: 80%;margin: auto;font-weight: 400;padding: 10px 10px 16px 10px;text-align: center;}
.tab-sec .boxwrap{
}
.tab-sec .boxwrap li{}
.tab-sec .boxwrap li h6{position: relative;text-align: left;color: #000;padding-bottom: 10px;font-weight: 700;font-size: 22px;cursor: pointer;margin-left: 10px;font-family: 'Poppins', sans-serif;}
.tab-sec .boxwrap li h6:before{
	content: "\f0da";
	position: absolute;
	font-family: 'fontawesome' !important;
	font-size: 30px;
	color: #fa6400;
	left: -15px;
	top: -5px;
	display: none;
}

.tab-sec .tab-content{margin-top: 20px;}
.tab-sec .tab-content img{height: 300px;width: 69%;margin-left: 210px;}

.tab-sec .tab-content p{text-align: left;width: 100%;font-weight: 400;font-size: 16px;}
.tab-sec .tab-content a{color: #fa6400;font-size: 13px;font-weight: 500;display: block;margin: 10px 0;}
.tab-sec .tab-content a:hover{color: #000;}

.port-sec{}
.port-sec .container-fluid{margin: 0px;padding: 0px;}

.cta-new{
    padding: 110px 0 60px 0;
}
.bgcolor:before {
    position: absolute;
    content: '';
    /* top: 159px; */
    left: -89px;
    width: 300px;
    background: url(../images/cta-icon.png);
    height: 350px;
    background-repeat: no-repeat;
    z-index: 0;
    margin-top: -147px;
    transform: scale(0.8);
    display: none;
}
.cta-new img{
	position: absolute;
	left: 174px;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	/* transform: translate(-50%,-50%); */
	width: 530px;
	height: auto;
}
.cta-new .bgcolor{
	padding: 60px 80px 60px 60px;
	border-radius: 1.25rem;
	position: relative;
	/* overflow: hidden; */
	box-shadow: 0 5px 30px rgba(0,0,0,.2);
	background-image: linear-gradient(120deg,#1a9dbb 0,#380083 85%);
}
.cta-new h2{
    color: #fff;
    font-size: 32px;
    padding: 10px 0;
    letter-spacing: normal;
}
.cta-new p{color: #fff;padding: 0;}
.cta-new .buttons{margin-top: 20px;}
.cta-new .buttons a{
    margin: 0 10px 0 0;
    font-size: 12px;
}
.counter-sec .mcounters {
    position: relative;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
}

.counter-sec .mcounters li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fff;
    border-radius: 15px;
    color: #fff;
    height: 162px;
/*    -ms-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);*/
    width: 25%;
}
.counter-sec .mcounters li h4 {
    font-weight: 600 !important;
    margin-bottom: 0px;
    font-size: 52px;
    font-family: 'Poppins';
    letter-spacing: 2px;
    color: #129aba !important;
}
.counter-sec .mcounters li p {
    color: #888787;
    font-weight: 400;
    margin: 10px 0 20px;
    font-family: 'Poppins';
    padding-bottom: 0;
    text-align: center;
    letter-spacing: 4px;
}

.numbers.counter-sec{ margin-top: 140px; text-align: center; text-transform: uppercase; color: #888787;}
.numbers.counter-sec p{color: #888787; letter-spacing: 5px; font-weight: 600;}

/*================TESTIMONIALS-SECTION-START========================*/
.main-testimonials-sec{padding: 0px 0 30px 0;background: #f9f9f987;}
.testi_box {padding: 30px 30px 0 30px;transition: all 700ms;margin: 0px 0 45px 0;}
.testi_box:hover{background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0px 11px 15px #16232136;-ms-box-shadow: 0px 11px 15px #16232136;-o-box-shadow: 0px 11px 15px #16232136;box-shadow: 0px 11px 15px #16232136;transition: all 700ms;}
.testi-heading{text-align:center;}
.testi-heading h2{color: #000;font-size: 50px;}
.testi-heading p{color: #888787;}

.testi_box ul{margin-bottom: 30px;}
.testi_box ul li{display: inline-block;font-size: 16px; color: #ecc70e; margin: 0px 2px 0 2px; }
.testi_box>p{font-size: 14px;font-weight: 500;line-height: 1.5;padding: 0 0 30px 0;}
.main-img{font-size: 0;border-bottom: 2px solid #f3f3f3;padding-bottom: 30px;transition: all 700ms;}
.testi_box:hover .main-img{border-bottom: transparent;transition: all 700ms;}
.testi-img{display: inline-block;width: 45px;vertical-align: top;height: 45px;background: #1a9dbb;border-radius: 50%;}
.testi-img span{
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding-top: 8px;
}
.testi-img img{border-radius: 50%;}
.testi-cont{display: inline-block;width: 78%;vertical-align: top;padding-left: 20px;}
.testi-cont p{font-size: 16px;padding: 0px;}
.testi-cont p span{display: block;font-size: 14px;}
.f-left{ float: left; }

.slick-prev:before, .slick-next:before{color: #1a9dbb !important;}
.top-banner-section .logo-dark{ display: none; }
.hompg.light .logo-light{ display: none; }

.top-margin{margin-top: 0%;}
.item-svc{
	margin-top: 50px;
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	padding: 30px;
border: 1px solid #f3f0f0;
    box-shadow: 0px 0px 35px 0px rgba(199, 193, 193, 0.11);
}
.svc-btn{
	text-transform: uppercase;
	text-decoration: none;
	color: #1a9dbb;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 600;
	}
.read-btn hr{
    width: 20%;
    color: #1a9dbb;
    background: #1a9dbb;
    margin-top: 0px;
    height: 1px;
    }     
.item-svc img{ width: 50px; }
.item-svc .item-data{ padding-top: 20px; } 
.item-svc .item-data span{ color:#000;  font-size: 18px; font-weight: 800; }

.item-svc .item-data p{margin-top: 20px; font-size: 14px; line-height: 1.5; color: #888787; height: auto; text-align: left; padding: 0px; width: 100%;}
.img-svc .mobile{ height: 50px; width: auto; }
.img-svc { height: 50px; }
.sec-bg{ background-size: cover !important; padding-bottom: 120px;}
.item-svc:hover {
    background: linear-gradient(90deg, #83a8b1, #0896b6);
}
.icon-section{width: 40px;margin: 20px auto;display: none;}
.img-white{ display: none; }
.item-svc:hover span, .item-svc:hover a, .item-svc:hover p{ color: #fff;}
.item-svc:hover hr{ background-color: #fff;}
.item-svc:hover .img-color{ display: none; }
.item-svc:hover .img-white{ display: block; }



div#google_recaptcha {
    margin: 0 0 20px 0;
}
@keyframes pulse{0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}



 
50%{transform:scale(1.1);}
100%{transform:scale(1);}

@media only screen and (max-width: 1599px) and (min-width: 1200px){
.banner-client-slider{ top: 98%; }
	
}
@media only screen and (max-width: 1899px) and (min-width: 1500px){
.banner-client-slider{ top: 95%; }
	
}

::-webkit-scrollbar-thumb{ background: rgb(40, 9, 104); }




@media only screen and (max-width: 451px){
.top-info-list li:nth-child(2){display:block;}    
.tab-sec h3{    font-size: 28px;
    width: 100%;}
    .new_heading{    font-size: 28px;
    width: 100%;}
.cta-new img{    display: none;}
.top-banner{    padding: 10px 0;}
.top-banner h1.wow {font-size: 40px; }
.top-banner p{    font-size: 16px;padding: 5px;}
.custom-website-design-development-page ul.clntlgs {padding: 15px 0; }
ul.clntlgs li{    width: 30%;     margin: 0 8px 0 0;}
.top-banner .images-baner img{width: 100%;padding-top: 20px;}
.numbers.counter-sec{margin-top: 110px}
.counter-sec .mcounters li{width: 53%; height: 120px; }
.sec-bg {padding-bottom: 10px; }
.tab-sec {padding: 50px 0 0 0; }
.tab-sec h1{    font-size: 30px;}
.item-svc{    margin-top: 10px; padding: 15px;}
.item-svc .item-data {padding-top: 10px; }
.item-svc .item-data p{margin-top: 10px; height: auto;     font-size: 12px;}
.tab-sec p{    font-size: 12px; padding: 10px 0px 16px 0px; }
.main-cnt-para, .evry-heading-sec p {font-size: 12px; }
.main-tbing-sec ul.tbing li{font-size: 12px;}
.main-btn {font-size: 12px;}
.cta-new {padding: 10px 0 10px 0; }
.cta-new .bgcolor{   padding: 60px 10px 60px 10px; width: 100%; margin-left: 0;}
.cta-new .buttons .trnsprnt-butn {margin: 5px 0px; }
.bgcolor:before{left: -78px;}
.tab-sec h1 {font-size: 27px; }
.tab-sec p{padding: 10px 0px 0px 0px;}
.mid-banner .row.extraa{padding: 10px 0;}
.mid-banner h3{line-height: 33px;}
.midbanner-text.midbrand .off-percent img {margin: 0 0 15px 0px; }
.testi-sec {margin-top: 10px; } 
.testi-heading h2 {font-size: 30px; }
.testi-heading p{font-size: 12px; padding: 0;}
.testi_box{    padding: 20px 20px 0 20px;}
.testi_box ul {margin-bottom: 10px; }
.testi_box{margin: 0px 0 10px 0;}
.main-lets-frm-sec {padding: 10px 0; }
.ltsbtn-frm{    margin: 0 0 10px 0;}
.footer-top .linkinglist li {padding: 2px 0; }
.custom-website-design-development-page .main-services-banner-sec {margin: 0px 0 0 0; }
.custom-website-design-development-page .main-services-banner-sec {padding: 10px 0; }
.custom-website-design-development-page .srvce-cont h1 span {font-size: 21px; }
.custom-website-design-development-page .srv-bnr-frm {margin-top: 0px; }
.srv-bnr-frm {padding: 10px 0; }
.custom-website-design-development-page .srv-bnr-frm h3{font-size: 30px;}
.srv-bnr-frm .banform input{margin: 0 0 10px 0;}
.custom-website-design-development-page .srvce-cont p{padding: 5px 80px 5px 0;}
.custom-website-design-development-page .srvce-cont ul.bltpnts li{font-size: 12px;}
.custom-website-design-development-page .srvce-cont h1{font-size: 22px;}
.custom-website-design-development-page .main-services-banner-sec .srv-bnr-frm .banform textarea {
    height: 70px;
}

.main-srvice-second-sec {padding: 140px 0 10px 0; }
.main-srve-porflio-sec {padding: 10px 0; }
.inner-img-box .work_section_page_code_txt h5 span:before{top: 90px;}
.evry-img-sec figure {margin: 30px 0 0 0; }
.mble-pckge-rght h3{    font-size: 18px;}
.mble-pckge-lft img {margin-bottom: 10px; }

.top-banner-section {height: 920px;}
.main-srvng-bsiness-sec .slick-dots{bottom: -22px;}

}


@media only screen and (max-width: 769px) and (min-width: 451px){


.top-banner{padding: 20px 0;}
.banner-client-slider{    height: 125px;}
.item-svc .item-data span{    font-size: 16px; }
.new_sub_head{ font-size: 16px !important; }
.item-svc {padding: 5px; }
.item-svc .item-data {padding-top: 10px;     padding-bottom: 30px;}
.cta-new .buttons .trnsprnt-butn {margin: 5px 0px; }
.cta-new img {width: 420px; ; }
.package-wrapper { padding: 10px 6px; }
.chat-con ul li.pkge-ordr a, .chat-con ul li.pkge-bkcl a {padding: 7px 0px; font-size: 12px; }
.ticklist2 li{padding: 0 0 5px 14px;}
.ticklist2 li:before{font-size: 8px;}
.actions a span small {font-size: 7px; }
.actions a span {font-size: 7px; }
.package-wrapper.bst-selr:after{padding: 12px 10px; right: -73px; top: 16px;}
.midbanner-text.midbrand .off-percent img {margin: 0 0 0 52px; }
.testi-cont p span {font-size: 9px; }
.custom-website-design-development-page .main-services-banner-sec {margin: 0px 0 0 0; }
.custom-website-design-development-page .main-services-banner-sec {padding: 10px 0; }
.custom-website-design-development-page .srvce-cont h1 span {font-size: 30px; }
.custom-website-design-development-page .srvce-cont ul.bltpnts li{    padding-right: 10px;}
.custom-website-design-development-page .srv-bnr-frm {margin-top: 20px; }
.srv-bnr-frm{margin-right: 170px;width: 75%;}
.banner-client-slider {display: none; }
.custom-website-design-development-page .package-wrapper{width: 100%;
    margin: 0 auto 30px;}
.listsec h2{padding-bottom: 10px;}
.mble-pckge-lft img {width: 150px; }
.mble-pckge-lft a{    font-size: 12px;}
.mble-pckge-lft img {margin-bottom: 10px; }
.custom-website-design-development-page .main-btn{padding: 15px 20px;}
.evry-heading-sec h2 {font-size: 32px; }





}








@media only screen and (max-width: 1180px) and (min-width: 820px)  { 
    
    
   .custom-website-design-development-page .header-main .othermenu {
    display: block !important;}
    
   
    }






@media only screen and (max-width: 1024px) and (min-width: 767px){

.top-info-list li:nth-child(2) {display: inline-block; }
.custom-website-design-development-page .top-info-list li {padding: 0 8px; }
/*.top-banner {padding: 90px 0; }*/
.numbers.counter-sec {margin-top: 70px; }
.tab-sec {padding: 50px 0 0 0; }
.sec-bg {padding-bottom: 50px; }
.item-svc{margin-top: 20px;     padding: 10px; }
.item-svc .item-data {padding-top: 20px; }
.item-svc .item-data p {margin-top: 10px;    font-size: 12px;}
.tab-sec p{    font-size: 10px; padding: 5px 10px 6px 10px;}
.top-banner p{    font-size: 18px;}
.main-tbing-sec {padding: 30px 0 30px 0; }
.para-wdth {font-size: 12px; }
.cta-new {padding: 50px 0 50px 0; }
.cta-new img{    width: 470px;     left: 153px;}
.cta-new p{font-size: 12px;}
.heading h2{font-size: 22px;}
.old-price span{font-size: 22px;}
.package-item .list ul li{font-size: 10px;}
.package-wrapper {min-height: 506px; padding: 20px;}
.chat-con ul li.pkge-ordr a{    width: 85%;}
.tab-sec {padding: 10px 0 0 0; }
.tab-sec h1{font-size: 38px; }
.packaging-lists ul li {font-size: 10px; }
.testi-sec {margin-top: 30px; }
.testi-heading p{font-size: 12px; padding: 0 0 5px;}
.testi_box ul {margin-bottom: 10px; }
.testi_box>p{    font-size: 12px;}
.testi-cont p {font-size: 13px; }
.ltsbtn-frm {margin: 0 0 15px 0; }
.main-lets-frm-sec {padding: 0 0 50px 0; }
.footer-top {padding: 50px 0 0; }
.ftrr-lgo p {font-size: 12px; }
.footer-top .linkinglist li a {font-size: 12px;}
.custom-website-design-development-page .header-main .othermenu li {margin-right: 40px; }
.custom-website-design-development-page .srv-bnr-frm h3{    font-size: 34px; margin: 0 0 10px 0;}

.custom-website-design-development-page .srv-bnr-frm{top: 0px; padding: 20px;}
.evry-heading-sec h2{    font-size: 40px;}
.evry-heading-sec p {font-size: 12px;}
.main-srvice-second-sec {padding: 50px 0 0 0;}
ul.clntlgs li{    margin: 0 15px 0 0;}
.custom-website-design-development-page ul.clntlgs {padding: 30px 0; }
.customlogodesignpage .main-vruos-induis-sec, .custom-website-design-development-page .main-vruos-induis-sec {
    padding: 30px 0 30px 0;
}
.main-srvng-bsiness-sec {padding: 50px 0; }
.mble-pckge-rght p{font-size: 13px;     padding: 10px 0 20px 0;}
.package-item .list ul li.heading {font-size: 13px;}
.tech-heading-box h2{    padding: 0 0 20px 0;}
.digcnt h2{font-size: 26px;}
.digcnt p{padding: 0 0 5px;}
.main-thankyou-sec {padding: 90px 0; }


  .custom-website-design-development-page .header-main .othermenu li {
    margin-right: 40px;
}   
   .top-info-list li a {
    font-size: 11px;
}  


}









.fancybox-slide--iframe .fancybox-content {
    height: 80vh!important;
}

a.vdbuttn{
    display: block;
    text-align: center;
    margin: 20px 0 0 0;
    color: #1a9dbb;
    font-weight: 700;
    text-decoration: underline;

}

.subscribe-fold {
    padding: 120px 60px 60px 60px;
}
.subscribe-fold .myheading {
    position: relative;
    padding-bottom: 40px;
    font-size: 44px;
    color: #160c28;
    line-height: 1.1em;
    margin-bottom: 30px;
    padding: 0px;
}
.subscribe-fold .mytext {
    text-align: left;
    margin: 0 0 30px;
    padding: 0px;
    font-size: 14px;
    line-height: 20px;
    width: 75%;
}
.subs-pac {
    box-shadow: 0 3px 30px #0000001f;
    display: block;
    width: 100%;
    text-align: center;
    height: 505px;
    margin: 0 0 60px;
    -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;
    border-radius: 10px;
    padding: 75px 0 0;
}
.subscribe-fold h3 {
    font-size: 24px;
    margin: 0;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
    font-weight: 800;
    width: 80%;
        margin: 0 auto 20px;
    text-align: center;
    color: #000;
}
.subs-pac h6 {
    color: #390184;
    font-size: 40px;
    font-weight: 700;
    display: inline-block;
    line-height: 0.9;
    margin: 30px 0 0;
    position: relative;
    padding: 0 20px;
}
.subs-pac h6 span.old {
    position: absolute;
    right: 0;
    left: 0;
    top: -30px;
    text-decoration: line-through;
    font-weight: bold;
    margin: 0;
    font-size: 16px;
}
.subs-pac h6 span {
    font-size: 16px;
    color: #687087;
    display: inline-block;
    margin: 30px 0 0;
    padding: 0;
    position: relative;
    line-height: 1.3;
}
.subs-pac h6 span {
    font-size: 16px;
    color: #000;
    display: inline-block;
    margin: 30px 0 0;
    padding: 0;
    position: relative;
    line-height: 1.3;
}
.subs-pac a.ordrrrr {
    text-align: center;
    margin: 30px auto 0;
    border: none;
    padding: 14px 60px;
    color: #ffffff;
    box-shadow: none;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    background: linear-gradient(
110deg
,#1c9ebc 0,#380083 100%);
    font-family: var(--heading-font-family);
}
.subs-pac .actions {
    border-top: 1px solid #eeeeee;
    padding: 0px 0;
    margin: 40px 0 0;
    position: relative;
}
.subs-pac .actions a.chatbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0px;
    display: inline-block;
    color: #000000;
    margin: 0px;
}
.subs-pac .actions a.numberbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0px;
    color: #000000;
    display: inline-block;
    margin: 0px;
}
.subscribe-fold .table-packages .head {
    width: 100%;
}
.subscribe-fold .table-packages .head h5 {
    text-align: left;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #160c28;
}
.subscribe-fold .table-packages .body ul li {text-align: left;padding: 14px 0 14px 0;border-bottom: 1px solid #eaeaea;width: 95%;list-style: none;margin-left: 0;position: relative;}
.subscribe-fold .table-packages .body ul li h6 {font-size: 16px; font-weight: 400; margin: 0; padding: 0; display: inline-block;
}
.subscribe-fold .table-packages .body ul li span.tick {font-size: 20px;color: #390184;position: relative;display: block;margin: 0;padding: 0;text-align: center;width: 30px;height: 32px;line-height: 1.6;float: right;right: 0;position: absolute;top: 14px;}
.subscribe-fold .table-packages .body ul li span.tick:before {font-family: "fontawesome"; content: "\f00c"; position: absolute; top: -8px; }

.subscribe-fold .table-packages .body .subscription-list {height: 430px; margin-top: 20px; padding: 0; }
.subs-pac.bronze:hover {background: linear-gradient(
110deg
,#1a9dbb 0,#1a9dbb 100%);}
.subs-pac.bronze:hover h6 {color: #fff;}
.subs-pac.bronze:hover h3 {color: #fff;}
.subs-pac.bronze:hover .old {color: #fff;}
.subs-pac.bronze:hover span {color: #fff;}
.subs-pac.bronze:hover .ordrrrr {background-color: #fff; color: #000; }
.subs-pac.bronze:hover .chatbtn, .subs-pac.bronze:hover .numberbtn {color: #fff; }
.subs-pac.bronze:hover .chatbtn, .subs-pac.bronze:hover .numberbtn {color: #fff; }
.pkge-detail header .menu ul li a{color: #222;}


img.b-p {
 
    position: absolute;
    width: 27%;
    right: -3px;
    top: 50px;
}

img.image-responsive {
    padding: 0px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    /* max-width: 290px; */
    transition: transform 1s ease-in-out 0.5s;
    margin: 0 auto;
}

img.image-responsive:hover {
    transform: translateY(-50%);
    /* top: -100%; */
}


.prof_heading h2{
    font-size:27px;
    font-weight:700;
}
.prof_heading h3{
    font-size:18px;
    font-weight:500;
    color:#0a1a29;
    margin-bottom:8px;
}
.prof_heading p{
    font-size:13px;
}

.new_sub_head {
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  width: 100% !important;
  text-align: left !important;
}









#signup_MOdal .modal-dialog {
    max-width: 500px;
    margin: 0 auto;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
#signup_MOdal .modal-dialog .modal-body {
        position: relative;
    padding: 15px 10px;
    background: url(../images/goal.webp);
    background-size: inherit;
    background-position: center;
}
#signup_MOdal .modal-dialog .modal-body .btn-close{
    position:absolute;
    right: -10px;
    top: -10px;
    width: 35px;
    height: 35px;
    font-size: 21px;
    border: none;
    border-radius: 30px;
    background: #1a9dbb;
    color: #fff;
}
#signup_MOdal .modal-dialog .modal-body .subsContent h4 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    /* font-family: 'Cormorant', serif; */
    margin-bottom:10px;
    font-weight: 900;
        text-transform: capitalize;
}
#signup_MOdal .modal-dialog .modal-body .subsContent h5{
    font-size:16px;
    color:rgb(26, 157, 187);
    text-align:center;
}
#signup_MOdal .modal-dialog .modal-body .subsContent form{
    position:relative;
    padding: 20px 20px 0;
}
#signup_MOdal .modal-dialog .modal-body .subsContent form input{
  width: 88%;
    height: 45px;
    padding-left: 18px;
    border-radius: 5px;
    border: 1px solid #fff;
    padding-right: 10px;
    background: #000000b8;
    color: #fff;
    display: block;
    margin: 0 auto 10px;
}
#signup_MOdal .modal-dialog .modal-body .subsContent form input::placeholder{
    color:#fff;
}


#signup_MOdal img.footbl{    right: -30px;
    width: 20%;
    border-radius: 50%;
    position: absolute;
    animation: wobble 2s linear infinite;
    top: 320px;}
#signup_MOdal .modal-dialog .modal-body{position:relative;}
#signup_MOdal .modal-dialog .modal-body .subsContent form button {
    /*position: absolute;*/
    /*right: 0;*/
    background: #1a9dbb;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    border: 0;
    display: flex;
    justify-content: center;
    height: 50px;
    align-items: center;
    /* top: 0; */
    padding: 0 15px;
    margin: 0 auto;
}

#signup_MOdal .modal-dialog .modal-body .subsContent form input::-webkit-outer-spin-button,
#signup_MOdal .modal-dialog .modal-body .subsContent form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}









.evry-heading-sec.cntctpge-sec.wow.fadeInUp  .cntc-wrp {
    margin: 0;
    padding: 0;
}
.evry-heading-sec.cntctpge-sec.wow.fadeInUp .cntc-wrp ul li {
    display: flex;
}




@media only screen and (min-width: 300px) and (max-width: 519px){
    .top-banner h1 {
        font-size: 36px;
    }
    .top-banner p {
        font-size: 17px;
    }
    
}