m/* @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: var(--primary-color);  color: var(--theme-white); text-shadow: none;}
::selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none; }

/* 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:var(--primary-color); }
.mobile-res-logo{
  display: none;
}re

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

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

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

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

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

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


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


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

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

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

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

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

/*** no padding, no marging ***/
.p-0 { padding:0; }
.pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; }
.m-0 { margin:0; }
.mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; }




.tt-uppercase{text-transform: uppercase;}
.tt-capitalize{text-transform: capitalize;}




p strong { color: black; }
p span { color: black; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
img { border: 0px; outline: none; }
/*img { max-width: 100%;  }*/
ul,li { list-style-type: none; }
.relative { position:relative; }
.absolute { position:absolute; }

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

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

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

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

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

/* header 
------------------------------------*/
.header-main {
    /* 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;background: #00000036;padding: 0;width: 100%;top: 0;left: 0;/* border-bottom: 1px solid #cbd6e2; */z-index: 99;}
.top-info-list {float: right;margin: 25px 0;}
.top-info-list li {float: left;color: #171717;font-size: 14px;padding: 0 8px;}
.top-info-list li:first-child { padding-left: 0px; }
.top-info-list li:last-child { padding-right: 0px; }
.top-info-list li span {
 margin-right:8px;
 color: #2261d1;
 font-size: 13px;
 line-height: 20px;
 }
.top-info-list li span.icon-phone2 {font-size: 15px; top: 1px; position: relative;}
.top-info-list li+li {/* border-left: 1px solid #171717; */}
.top-info-list li a{
    color: #ffffff;
    font-weight: 500;
}
.top-info-list li a img{
        width: 30px;
    padding-right: 5px; 
}
.top-info-list li a:hover {color: #ffffff;}

.nav-area-full {box-shadow: 0 2px 20px #01010130;padding: 17px 0 16px;width: 100%;position: fixed;top: 71px;background: #0000001a;border-bottom: 1px solid #ffffff24;}

.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 {margin: 0px;display: flex;/* flex-basis: 0; *//* flex-grow: 1; *//* max-width: 100%; */}
.main-menu > ul > li {padding: 0;/* display: inline-flex; */position: relative;/* border-right: 1px solid #ffffff24; *//* flex-basis: 0; */flex-grow: 1;max-width: 100%;}
.main-menu > ul > li:after{
        content: "";
    position: absolute;
    right: 18px;
    top: 3px;
    border-right: 1px solid #ffffff24;
    height: 23px;
}
.main-menu > ul > li:last-child:after{display: none;}
.header-main.stick .main-menu > ul > li:after {
    border-right: 1px solid #ecebeb;
}
.main-menu > ul > li:last-child {padding-right: 0px;/* margin-top: -14px; */border-right: 0px;border-right: 0px !important;}
.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 {padding: 20px 0;font-size: 13px;color: #ffffff;font-weight: 600;text-transform: capitalize;}
.header-main .has-submenu.progmenu{font-size: 16px;color: #171717;font-weight: 400;margin: 0;padding: 3px 0 4px;font-family: var(--primary-font-family);}
.main-menu > ul > li.active > a,
.main-menu > ul > li > a:hover,
.main-menu > ul > li > a.active,
.main-menu > ul > li > a:focus
 {color: #2261d1 !important;}    

.cstn-column{display: inline-block;width: 100%;font-size: 0;}

.dropdown{
 width:250px;
 position: absolute;
 top: 160%;
 left: 0%;
 visibility: hidden;
 opacity: 0;
 padding:0px;
 background-color: #fff;
 border: 1px solid #cbd6e2;
 border-radius: 0;
 box-shadow: 0 1px 24px rgba(45,62,80,0.12);
 z-index: 95;
 }
.main-menu > ul > li:hover .dropdown{visibility: visible; /* shows sub-menu */opacity: 1;left: 18px;}
.main-menu > ul > li:hover .progmenu .dropdown{left: 0;}
.dropdown > ul{padding: 10px 0;list-style:none;}
.dropdown > ul > li{  }
.dropdown > ul > li:before{ display:none; } 
.dropdown > ul > li+li{}
.dropdown > ul > li > a{color: #171717 !important;font-size: 16px;text-decoration:none;padding:8px 10px 8px 15px;display: block;}
.dropdown > ul > li > a:hover{  color:black; background:none; }
.dropdown > ul > li > a:hover:before  { display:none; }
.double-drop { width: 400px!important; }

.dropdown > ul > li > ul {  display: none; }
.dropdown > ul > li.level2:hover > ul  { display: block; }

.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 
------------------------------------*/
.banslidee .slick-prev, .banslidee .slick-next{
    opacity: 0.4;
    background: #ffffff;
    box-shadow: none;
    -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;
}
.banslidee .slick-next {
    right: 35px;
    top: 400px !important;
}
.banslidee .slick-prev {
    left: 35px;
    z-index: 9;
    top: 400px !important;
}
.banslidee .slick-prev:hover, .banslidee .slick-next:hover {
    background: #ffffff;
    color: #2261d1;
    opacity: 1;
    -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;
}
.banslidee .slick-prev:before, .banslidee .slick-next:before {
    color: #000000;
    font-size: 26px;
}
.slider-wrapper {background: #11151b;width:100%;/*margin-bottom: 20px;*/position:relative;}
.home-banner {width: 100%;height: 800px;position: relative;background-position: center -50px;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;padding-top: 90px;}
.home-banner-content .main{max-width: 450px; }
.home-banner .home-banner-content .pecu-img {position: absolute; bottom: 0; right: -200px; z-index: -1;}

.home-banner-content h1 {font-size: 60px;/* padding-bottom: 15px; */margin-bottom: 15px;font-weight: 600;color: #ffffff;position: relative;/* text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.7); */line-height: 1.1;}
.home-banner-content h1:after {position: absolute;width: 10px;height: 10px;background: #ffffff;right: 0px;bottom: -5px;border-radius: 200px;}
.home-banner-content h1 span {display: block;color: var(--primary-color);}
.home-banner-content .subtitle {color:#fff;font-size: 16px;padding-bottom: 25px;padding-top: 10px;line-height: 1.4;}
.home-banner-content a.home-banner-link { margin: 0;  font-size: 14px;line-height:18px; font-weight: 400; text-transform: capitalize; padding: 10px 20px; background:var(--primary-color); color: white;  position:relative; display:table;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px; }
.home-banner-content 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); }

/* slick Dots .home slider */
.home-slider .slick-dots { position: absolute; bottom: 20px; right: 0px; left: 0px; display:
 block; padding: 0 15px; margin: 0 auto; border-radius: 3px; list-style: none; width:1140px; }
.home-slider .slick-dots li { position: relative; display: inline-block; margin: 0 6px 0 0; 
padding: 0; cursor: pointer; }
.home-slider .slick-dots li button { font-size: 0; line-height: 0; display: block;
  width: 12px; height: 12px; padding: 0; cursor: pointer; color: transparent;  outline: none; 
  background: white; border:none;  border-radius: 200px; }
.home-slider .slick-dots li.slick-active button { background: var(--primary-color); border:none; }
/* slick arrows .home slider */
.home-slider .slick-prev,.home-slider .slick-next { font-size: 0; line-height: 0; 
position: absolute; top: 50%; z-index: 100; display: block;  padding: 0;
cursor: pointer; color: transparent; border: none; outline: none; background: transparent; 
-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); 
transform: translate(0, -50%);}
.home-slider .slick-prev { left: 15px; }
.home-slider .slick-next { right: 15px; }
.home-slider .slick-prev:before,.home-slider .slick-next:before { font-family: 'icomoon' !important; color: white; font-size: 50px; line-height: 1; } 
.home-slider .slick-prev:before { content: '\e958'; }
.home-slider .slick-next:before { content: '\e957'; }
.home-slider .slick-prev:hover:before,
.home-slider .slick-next:hover:before { color:var(--primary-color); }
/* progress bar */
.slider-progress { width: 100%; height: 5px; background: transparent; position:absolute; left:0px; bottom:0px; }
.slider-progress .progress { width: 0%; height: 5px; background: var(--primary-color); }


.banner-form{background: #fff;padding:25px 20px;position: relative;z-index: 9;border-radius: 0;margin: 0;width: 370px;display: inline-block;box-shadow: 0px 0px 30px #0000001f;}
.banform{}
.ban-form{}
.ban-form input{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 16px;border-radius: 8px;height: 45px;font-weight: 400;outline: none !important;margin: 0 0 10px 0;}
.banner-form .intl-tel-input{width: 100%;}

.ban-form input[type="submit"]{color: #fff;font-weight: 600; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);border-radius: 8px;padding: 10px 15px;margin: 10px 0 0;border: transparent;}

.banner-form h3{font-size: 24px; }
.main-pfrn-sec {background: #212640; padding: 30px 0; }
.main-pfrn-sec .per-box2 {    text-align: left; }
.main-pfrn-sec .crte-prf p {margin: 0 0 10px 0;}
.main-wtn-sec ul {font-size: 0; margin: 0px; }
.main-wtn-sec ul li img.lptp {position: absolute;top: -50px;}
.main-wtn-sec ul li {display: inline-block; width: 31%; vertical-align: top; }
.main-wtn-sec ul li:last-child {width: 36%; position: relative; }
.main-wtn-sec{width: 100%; }
.crte-prf h3 {font-size: 18px; color: #fff; margin: 0px; padding: 0px; }
.crte-prf p {font-size: 16px; color: #fff; margin: 0px; padding: 0px; font-weight: 400; line-height: 1.4; }
.dext {padding: 0 0; }
.main-percent {font-size: 0; top: -72px; padding: 0px 30px 0px 30px; left: -1px; width: 100%; /* background-image: url(../images/chat-banner.png); */ }
.dext .main-percent {background-image: none; padding: 0px 0 0 0; position: unset; }
.per-box1 {display: inline-block; width: 32%; vertical-align: top; padding: 25px 0 0 0; }
.per-box2 {display: inline-block; width: 68%; vertical-align: top; text-align: right; }
.per-box2 h3 {font-size: 42px; padding: 0; color: #fff; text-transform: uppercase; }
.per-box2 h3 span {padding: 0px; font-size: 30px; }
.per-box2 h3 p {padding: 0px; line-height: 20px; font-size: 22px; color: #ffffff; }
.chtnow a{padding: 12px 22px; margin: 0px; font-size: 16px; }
.chtnow a.btn-theme{margin: 0 14px 0 0; }


/*==============special-logo-package-css===================*/
.works-wrap {
    padding: 200px 0 100px;
    position: relative;
    background-color: #ffffff;
    z-index: 2;
}
.subscribe-fold .myheading {
    font-size: 72px;
    color: #171717;
    margin-bottom: 32px;
    font-weight: 600;
    position: relative;
    padding-bottom: 40px;
}
.subscribe-fold .mytext {
    font-size: 20px;
        color: #687087;
    text-align: left;
    margin: 0 0 70px;
    padding: 0px;
}
.subscribe-fold .myheading:after {
    content: "";
    position: absolute;
    background: -moz-linear-gradient(left, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* FF3.6-15 */
background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */
    width: 76px;
    height: 2px;
    left: 0;
    bottom: 0;
}
.bronze {
    border: 1px solid transparent;
}
.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: 3px;
    padding: 75px 0 0;
}
.subscribe-fold h3 {
    font-size: 24px;
    margin: 0;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
    font-weight: 800;
    width: 100%;
    text-align: center;
}
.subs-pac h6 {
    color: #3d51ca;
    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 b {
    position: relative;
    font-size: 20px;
    display: inline-block;
    top: -28px;
    color: #555;
}
.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 b.monthss {
    position: absolute;
    right: -61px;
    font-size: 20px;
    top: -37px;
    color: #555;
}
.subs-pac.bronze:hover {
    background: -moz-linear-gradient(left, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* FF3.6-15 */
background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */
}

.subs-pac span {
    display: block;
    margin: 30px 0 20px;
    font-weight: 400;
}
.subs-pac a.ordrrrr {
    text-align: center;
    margin: 30px auto 0;
    background: -moz-linear-gradient(left, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* FF3.6-15 */
background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */
    border: none;
    padding: 14px 60px;
    color: #ffffff;
    box-shadow: none;
    border-radius: 3px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
}
.subs-pac:hover a.ordrrrr {
    background: #ffffff;
    color: #275ecf;
}
.subs-pac .actions {
    border-top: 1px solid #eeeeee;
    padding: 0px 0;
    margin: 40px 0 0;
    position: relative;
}
.subs-pac:hover div.actions{
    border-top: 1px solid #fff;
}
.subs-pac .actions a.chatbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0px;
    display: inline-block;
    color: #782dbb;
    margin: 0px;
}
.subs-pac .actions a.numberbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0px;
    color: #275ecf;
    display: inline-block;
    margin: 0px;
}
.subs-pac.bronze:hover h3, .subs-pac.bronze:hover h6, .subs-pac.bronze:hover span, .subs-pac.silver:hover h3, .subs-pac.silver:hover h6, .subs-pac.silver:hover span, .subs-pac.gold:hover h3, .subs-pac.gold:hover h6, .subs-pac.gold:hover span {
    color: #fff;
}
.subs-pac:hover h6 b {
    color: #fff;
}
.subs-pac.bronze:hover a.chatbtn {
    color: #fff !important;
}
.subs-pac.bronze:hover a.numberbtn{
    color: #fff !important;
}
.subscribe-fold .table-packages.bronze {
    border: none;
}
.subscribe-fold .table-packages {
    -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;
    width: 100%;
}
.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;
    color: #4c4c4c;
    display: inline-block;
}
.subscribe-fold .table-packages .body .subscription-list {
    height: 430px;
    margin-top: 20px;
    padding: 0;
}
.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    padding: 0 10px;
    direction: ltr;
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}
.subscribe-fold .table-packages .body ul li {
    text-align: left;
    padding: 14px 0 14px 0;
    border-bottom: 1px solid #eaeaea;
    width: 95%;
}
.subscribe-fold .table-packages .body ul li h6 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: #4c4c4c;
    display: inline-block;
}
.subscribe-fold .table-packages .body ul li span.tick {
    font-size: 20px;
    color: #1e63d2;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px;
    height: 32px;
    line-height: 1.6;
    float: right;
}
.subscribe-fold .table-packages .body ul li span.tick:before {
    font-family: "fontawesome";
    content: "\f00c";
    position: absolute;
    top: 0;
}
.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}
.mCSB_scrollTools {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.subscribe-fold {
    padding: 0px 0 0;
   
}
.heading{
    font-weight: 700;
}
/*==============special-logo-package-css===================*/





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

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

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

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


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

/* why book area
------------------------------------*/
.why-book-area { background: url('https://americanwebstore.com/not-found') 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(https://americanwebstore.com/not-found) no-repeat 0 0; }
.points-content p {  color:white; font-size:14px; font-weight:400; display:none;  }
.points-box-main:hover .points-content { top:0px; height:100%; padding:100px 15px 20px 15px; background:rgba(8,37,142,0.85); }
.points-box-main:hover .points-content h4 { background:none; border-left:5px solid #d69d03; 
padding:0 0 0 10px; margin:0 0 20px 0; height:auto; }
.points-box-main:hover .points-content p { display:block; }

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

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

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

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

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


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

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

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

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


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






/* Contact (page) 
------------------------------------*/
.form-box-main {background: #ffffff;padding: 0;/* 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: 8px;}
.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: 8px;}
.form-box-main form select:focus{border-radius: 8px 8px 0px 0px;}
.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: 20px;margin:0;padding:0;opacity:0;cursor:pointer;position: relative;top: 24px;}
.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;
     /* FF3.6-15 */
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */
    border:none;
    padding: 20px 60px;
    font-size: 16px;
    border-radius: 8px;
    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(https://americanwebstore.com/not-found) no-repeat top 0 left 0; }
.thumb-slider .slick-next { right: -65px; background: url(https://americanwebstore.com/not-found) no-repeat top 0 left -57px; }
.thumb-slider .thumb-slide:focus { outline: none; }

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

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

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

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

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

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








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

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


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


#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) }


/*-----------------------new landing page css-----------------------*/

.pltfrm-pwrng {padding: 220px 0 100px 0;background: #fbfbfd; display: block;padding-top: 220px; position: relative; z-index: 0;
    overflow: hidden;}
.pltfrm-pwrng .txt-wrp{    align-items: center;}
.pltfrm-pwrng .txt-wrp h2 {padding-right: 70px;margin-bottom: 20px;color: #222d39;font-weight: 700;line-height: 50px;font-size: 40px;}
.pltfrm-pwrng .txt-wrp p {font-weight: 400;margin-bottom: 20px;line-height: 28px;}
.pltfrm-pwrng .img-wrp {}
.pltfrm-pwrng .img-wrp img {height: auto;border: none;border: none;max-width: none!important;}
.pltfrm-pwrng form {}
.pltfrm-pwrng form input {max-width: 370px;width: 100%;border-radius: 3px;background-color: #fff;border: 0;height: 60px;color: #222d39;padding-left: 30px;-webkit-box-shadow: 0 2px 3px 0 rgba(12,0,46,.06);box-shadow: 0 2px 3px 0 rgba(12,0,46,.06);font: 300 14px/28px "Poppins",sans-serif;border: 1px solid transparent;border-bottom: 1px solid #c1c0c0;}
.pltfrm-pwrng form button {    overflow: hidden;cursor: pointer;width: 370px; text-align: center; margin-top: 20px;font: 500 14px "Poppins",sans-serif; color: #fff; background: #7444fd; border-radius: 3px; padding: 15px 30px; border: 1px solid #7444fd; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; cursor: pointer; display: inline-block;}
.pltfrm-pwrng form button:hover{color: #7444fd;background: transparent;}
.pltfrm-pwrng {}

.clint-logo {}
.clint-logo ul.logos {text-align: center;width: 100%;display: flex;flex-wrap: wrap;padding-top: 60px;border-bottom: 1px solid #eeeef5;padding-bottom: 30px;position: relative;z-index: 4;}
.clint-logo ul.logos li {-webkit-filter: contrast(.3%);filter: contrast(.3%);-webkit-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;display: inline-block;text-align: center;width: calc(100% / 5);margin: 0 0 30px 0;}
.clint-logo ul.logos li a {}
.clint-logo ul.logos li a img{    height: auto;}
.clint-logo ul.logos li:hover {-webkit-filter: contrast(100%); filter: contrast(100%);}

.bult-desgn {padding: 80px 0 10px; position: relative; z-index: 0; }
.bult-desgn h2 {color: #222d39;font-weight: 700;line-height: 45px;font-size: 40px;text-align: center!important;}
.bult-desgn p {text-align: center;font-size: 20px;width: 80%;margin: 0 auto;padding-bottom: 50px;}
.bult-desgn .wrpr {margin-bottom: 0;padding-right: 70px;}
.bult-desgn .wrpr .img-wrp {background: #7142f8;-webkit-box-sizing: content-box; box-sizing: content-box; width: 55px; height: 60px; position: relative; margin: 0 0 25px; font-size: 24px; -webkit-border-radius: 50% / 14%; border-radius: 50% / 14%; color: #fff; text-align: center; line-height: 64px; -o-text-overflow: clip; text-overflow: clip; z-index: 1;position: relative;}

.bult-desgn .wrpr .img-wrp:before {-webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; content: ""; top: 10%; right: -5.5%; bottom: 10%; left: -5%; border: none; -webkit-border-radius: 7% / 50%; border-radius: 7% / 50%; -o-text-overflow: clip; text-overflow: clip; text-shadow: none; z-index: -1;}
.bult-desgn .wrpr .txt-wrp {}
.bult-desgn .wrpr .txt-wrp h5 {font-size: 17px;line-height: 22px; margin-bottom: 15px;color: #222d39;    font-weight: 600;font-family: "Poppins",sans-serif;}
.bult-desgn .wrpr .txt-wrp p {font-weight: 300;font: 300 15px/28px "Poppins",sans-serif;letter-spacing: 0;color: #677294;text-align: left;width: 100%;}
.bult-desgn [class^="ti-"], [class*=" ti-"] {font-size: 24px;color: #fff;text-align: center;font-family: 'themify'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.bult-desgn .ti-panel:before {content: "\e686"; }
.bult-desgn .wrpr .img-wrp.gren {background-color: #5cbd2c;}
.bult-desgn .wrpr .img-wrp.ornge {background-color: #f38650;}
.bult-desgn .wrpr .img-wrp.ylow {background-color: #ecbf24;}
.bult-desgn .wrpr .img-wrp.pnk {background-color: #fa4c9a;}
.bult-desgn .wrpr .img-wrp.blu {background-color: #35bfe7;}

.symbols-pulse {position: absolute; top: 48%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: -1;}
.symbols-pulse>div {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 23rem; height: 23rem; border-radius: 100%; background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(227,221,246,.1)),color-stop(65%,rgba(227,221,246,.2)),to(rgba(227,221,246,.1))); background-image: -webkit-linear-gradient(top,rgba(227,221,246,.1) 0%,rgba(227,221,246,.2) 65%,rgba(227,221,246,.1) 100%); background-image: -o-linear-gradient(top,rgba(227,221,246,.1) 0%,rgba(227,221,246,.2) 65%,rgba(227,221,246,.1) 100%); background-image: linear-gradient(-180deg,rgba(227,221,246,.1) 0%,rgba(227,221,246,.2) 65%,rgba(227,221,246,.1) 100%); z-index: -1; }

.symbols-pulse .pulse-1 {-webkit-transform: translate(-50%,-50%) scale(.67); -ms-transform: translate(-50%,-50%) scale(.67); transform: translate(-50%,-50%) scale(.67);}

.symbols-pulse .pulse-2 {-webkit-transform: translate(-50%,-50%) scale(1.05); -ms-transform: translate(-50%,-50%) scale(1.05); transform: translate(-50%,-50%) scale(1.05);}

.symbols-pulse .pulse-3 {-webkit-transform: translate(-50%,-50%) scale(1.63); -ms-transform: translate(-50%,-50%) scale(1.63); transform: translate(-50%,-50%) scale(1.63);}

.symbols-pulse .pulse-4 {-webkit-transform: translate(-50%,-50%) scale(2.1); -ms-transform: translate(-50%,-50%) scale(2.1); transform: translate(-50%,-50%) scale(2.1);}

.symbols-pulse .pulse-x {will-change: transform; -webkit-animation: pulsate 3s infinite; animation: pulsate 3s infinite;}

.intrtv {background: #f4f4f9;position: relative;z-index: 1;padding: 120px 0;display: block;}
.intrtv h2 {margin-bottom: 90px;color: #222d39;font-weight: 700;line-height: normal;font-size: 40px;text-align: center!important;padding: 0 100px;}
.intrtv .txt-wrp {margin-top: 40px;}
.intrtv .txt-wrp h4 {font-size: 26px;line-height: 36px;padding-right: 70px;color: #222d39;font-weight: 500;font-family: "Poppins",sans-serif;}
.intrtv .txt-wrp ul {background-color: #fbfbfd; -webkit-box-shadow: 0 2px 3px 0 rgba(12,0,46,.04); box-shadow: 0 2px 3px 0 rgba(12,0,46,.04); display: inline-block; padding: 7px 16px; margin: 35px 0 45px;}
.intrtv .txt-wrp ul li {display: inline-block;    padding: 10px 12px;}
.intrtv .txt-wrp ul li img{}
.intrtv .txt-wrp p {font-weight: 300;font: 300 15px/28px "Poppins",sans-serif; letter-spacing: 0;color: #677294;text-align: left;}
.intrtv .txt-wrp a { box-shadow: 0 20px 30px 0 rgba(12,0,46,.1); text-decoration: none; font: 500 14px "Poppins",sans-serif; color: #fff; background: #7444fd; border-radius: 3px; padding: 15px 30px; border: 1px solid #7444fd; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; cursor: pointer; display: inline-block; overflow: hidden; z-index: 1;}
.intrtv .txt-wrp a:hover {background: transparent; color:#7444fd; }
.intrtv .imgwpr.mrgrght160 {margin-right: -160px;}
.intrtv .imgwpr.mrglftt160 {margin-left: -160px;} 
.intrtv .mrgtop170 {margin-top: 170px;} 

.desgn-procs .tabs {display: none;}
.desgn-procs .tabs.current {display: block;}
.desgn-procs {background-color: #fbfbfd; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 60px 0px 60px 0px; position: relative; }

.desgn-procs h2 {text-align: center;font-family: "Poppins",Sans-serif;font-size: 40px;font-weight: 700;line-height: 38px;padding: 0;margin: 0;color: #222d39;}
.desgn-procs p.tp {text-align: center;font-weight: 400;padding: 15px 0px 70px 0px;font-size: 20px;}

.desgn-procs ul.design_tab {text-align: center;    font-weight: 400;}
.desgn-procs ul.design_tab li {width: 100%;margin-bottom: 30px; text-align: left;}
.desgn-procs ul.design_tab li.current a {background-color: #7444fd;}
.desgn-procs ul.design_tab li.current h5 {color: #fff;}
.desgn-procs ul.design_tab li.current p {color: #fff;}
.desgn-procs ul.design_tab p {text-align: left;}
.desgn-procs ul.design_tab li a {    background-color: #fff; -webkit-box-shadow: 0 2px 3px 0 rgba(12,0,46,.04); box-shadow: 0 2px 3px 0 rgba(12,0,46,.04); border: 0; border-radius: 0; padding: 25px 50px; -webkit-transition: background .5s ease 0s; -o-transition: background .5s ease 0s; transition: background .5s ease 0s;color: #495057;    text-decoration: none;display: block;}
.desgn-procs ul.design_tab li h5 {margin-bottom: 15px;font-size: 17px; line-height: 26px; font-weight: 500; color: #222d39; -webkit-transition: color .5s ease 0s; -o-transition: color .5s ease 0s; transition: color .5s ease 0s;}
.desgn-procs ul.design_tab li p { margin-bottom: 0; font-size: 15px; font-weight: 300; color: #677294; -webkit-transition: color .5s ease 0s; -o-transition: color .5s ease 0s; transition: color .5s ease 0s;}

.testimonial {background-color: #fbfbfd; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 0px 0px 0px 0px; position: relative; }
.testimonial h2 {color: #222d39;font-family: "Poppins",Sans-serif;font-size: 40px;font-weight: 700;padding: 0;margin: 0;line-height: 1;text-align: center;}
.testimonial p.tp {padding: 15px 0px 70px 0px;text-align: center;font-weight: 400;font: 300 20px/28px "Poppins",sans-serif;letter-spacing: 0;color: #677294;}
.testimonial .wrp {-webkit-box-shadow: 0 30px 30px 0 rgba(12,0,46,.1); box-shadow: 0 30px 30px 0 rgba(12,0,46,.1);    background: #fff; -webkit-box-shadow: 0 30px 40px 0 rgba(3,115,156,.1); box-shadow: 0 30px 40px 0 rgba(3,115,156,.1); padding: 47px 40px 0;         min-height: 370px;position: relative; border: 2px solid transparent; -webkit-transition: border .2s linear; -o-transition: border .2s linear; transition: border .2s linear; cursor: pointer; overflow: hidden; margin-bottom: 120px;}
.testimonial .wrp .icon {background-image: -webkit-linear-gradient(40deg, #e03827 0%, #f9a47a 100%);box-shadow: 0px 14px 30px 0px rgba(224,56,39,0.4); width: 54px; height: 54px; line-height: 54px; font-size: 20px; border-radius: 50%; color: #fff; text-align: center; background-image: -moz-linear-gradient(40deg,#5e2ced 0%,#a485fd 100%); background-image: -webkit-linear-gradient(40deg,#5e2ced 0%,#a485fd 100%); background-image: -ms-linear-gradient(40deg,#5e2ced 0%,#a485fd 100%); -webkit-box-shadow: 0 14px 30px 0 rgba(94,44,237,.4); box-shadow: 0 14px 30px 0 rgba(94,44,237,.4); position: absolute; right: 30px; top: 30px;}
.testimonial .wrp .icon i {}
.testimonial .wrp h4 {margin-bottom: 20px;padding: 0;color: #3f4451;line-height: 28px;font-size: 20px;margin-right: 50px;}
.testimonial .wrp p {  padding: 0;  line-height: 28px;font: 300 15px/28px "Poppins",sans-serif; letter-spacing: 0; color: #677294;}
.testimonial .img-wrp {}
.testimonial .wrp h6 {font: 600 12px/30px "Poppins",sans-serif; letter-spacing: 0; color: #2261d1;}
.testimonial .img-wrp img {}

.testimonial [class^="ti-"], [class*=" ti-"] {font-family: 'themify'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.testimonial .ti-stats-up:before {content: "\e673"; }

.pwrup {display: block; background: #f6f6fa;padding-bottom: 40px;}
.pwrup h2 {font-weight: 700;line-height: 45px;font-size: 40px;margin-bottom: 0;letter-spacing: 0;margin-top: 25px;color: #222d39;}
.pwrup p {font-size: 20px;}
.pwrup a { box-shadow: 0 20px 30px 0 rgba(12,0,46,.1);    text-decoration: none;font: 500 14px "Poppins",sans-serif; color: #fff; background: #7444fd; border-radius: 3px; padding: 15px 30px; border: 1px solid #7444fd; margin-top: 0px; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; cursor: pointer; display: inline-block;overflow: hidden;z-index: 1;}
.pwrup a:hover {background: transparent; color:#7444fd; }
.pwrup .imgwrp {margin-right: -160px; margin-top: -50px;}
.pwrup .imgwrp img {height: auto; max-width: 100%; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}

.seo_fact_area h2 {font-weight: 700; line-height: 45px; font-size: 40px; margin-bottom: 30px; letter-spacing: 0; margin-top: 25px; color: #222d39; }
.seo_fact_area {background: #f9f7fd;position: relative;padding: 60px 0 100px;}
.seo_fact_info {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 1; }
.seo_fact_info:before {content: ""; background: url(https://americanwebstore.com/not-found) no-repeat scroll center center; position: absolute; left: 0; width: 100%; height: 100%; z-index: -1; top: 0; }
.seo_fact_info .seo_fact_item:first-child {margin-top: 25px; }
.seo_fact_info .seo_fact_item {width: 200px; height: 200px; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 20px 40px 0 rgba(38,59,94,.1); box-shadow: 0 20px 40px 0 rgba(38,59,94,.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
.seo_fact_info .seo_fact_item.last {margin-top: 120px; }
.seo_fact_info .seo_fact_item:nth-child(even) {margin-top: 135px; }
.seo_fact_item .text {padding-top: 10px; }
.seo_fact_info .seo_fact_item .counter.one {color: #15b2ec; }
.seo_fact_info .seo_fact_item .counter {font-size: 50px; font-weight: 600; margin-bottom: 15px; }
.seo_fact_info .seo_fact_item p {margin-bottom: 0; color: #6a7695; font-size: 16px; }
.seo_fact_info .seo_fact_item .counter.clr2 {color: #f5a416; }
.seo_fact_info .seo_fact_item .counter.clr3 {color: #00c99c; }
.seo_fact_info .seo_fact_item .counter.clr4 {color: #f12699; }
.seo_fact_area .counter {    background: #ffffff;}






















/*Halloween css*/
.badge-dic {
    width: 160px;
    height: 160px;
    display: block;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 9999;
    padding: 1px 0;
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
}
@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);}
}
/*Halloween css*/



/********** Responsive **********/
@media only screen and (min-width: 768px) {
.home-banner-content h1 {font-weight: 700;font-size: 42px;text-transform: capitalize;}    
.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);}
}
@media only screen and (max-width: 414px){
    .floatbutton{display:none;}
    .cta-img img{display:none;}
    .home-banner .home-banner-content .pecu-img{display:none;}
    #factsTwo{display:none;}
    .floatbutton.visible{    display: none !important;}
    .mprocess .txtwrap .whatlist li figure img{    width: 20% !important;}
    .wrap .new-cta{    padding: 11px 8px;     font-size: 15px !important;}
    .cta2 .wrap .gt-strt{    padding: 12px 4px !important;     font-size: 15px !important;}
    .quality h3{    font-size: 28px !important;}
   .belowform  .mfig{display:none !important;}
   .mygrid{    width: 100% !important;}
   .mycli{margin-top:40px;}
   .mycli li img{width:100%;}
   .smallboxes .smallbox{    width: 100% !important;}
    .pckgepge .mbl-pkagewrp{    text-align: center !important;}
    .mbl-pkagewrp .mble-pckge-rght{margin: 30px 0px!important;}
    .mbl-pkagewrp .ticklist li{width: 100% !important;}
   
}
@media only screen and (max-width: 769px) and (min-width: 0px){
    .home-banner .home-banner-content .pecu-img{display:none;}
    .cta-img img{    top: -46px !important;}
    .wrap .new-cta{    font-size: 12px;padding: 11px 9px !important;}
    .cta2 .wrap .gt-strt{padding: 12px 10px !important;     font-size: 15px !important;}
    .mygrid{width: 95% !important;}
    .smallboxes .smallbox{    width: 40%;}
    .smallboxes .smallbox .price-btnwrap a{    padding: 12px 0 7px 30px !important;}
    .belowform .mfig{display: none !important;}
    .home-banner{    height: auto !important;}
    .pricing-sec h2{text-align: center !important;}
    .pricing-sec p{text-align: center !important;}
    .mbl-pkagewrp .btn-main{    font-size: 16px !important;}
    .badge-dic {
        display: none;
    }
}
@media only screen and (max-width: 375px){
    .smallboxes .smallbox{    width: 100% !important;}
    .filterportfolio .text{padding-right: 0px !important;}
}
@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; }
}
@media only screen and (max-width: 991px) {
.logo {/* width: 70px; */} 
}


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

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


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

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


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

.strugglesec ul{
    display: inline-block;
}
.strugglesec ul li{
    width: 50%;
    padding-left: 35px;
    line-height: 1.4;
    float: left;
    color: #687087;
    position:  relative;
    font-size:  20px;
    padding-bottom: 20px;
}
.strugglesec ul li a{color: #687087;}
.strugglesec ul li a:hover{    color:#2261d1;}
.strugglesec ul li:before{
  content: "\e962";
  position: absolute;
  font-family: 'icomoon' !important;
  left: 0;
  font-size: 20px;
      color:#2261d1;
  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(https://americanwebstore.com/not-found);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: 165px;
    padding: 10px 0 10px 0;
    border-top: 1px solid #eeeeee;
    margin: 0;
    margin-bottom: 20px;
}

.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: 22px;
    max-width: 65%;
    vertical-align: middle;
    font-weight: 500;
    display: inline-block;
}

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

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


.cta2{/* overflow:  hidden; */padding: 60px 0 0px;text-align:  center;width:100%;position: relative;background-size: cover;background-repeat: no-repeat;background-position: top center;}


.cta-img{}


.cta-img img{
    position: absolute;
    content: "";
    top: -86px;
    right: 0;
    /* width: 81%; */
}


.wrap .new-cta{
    padding: 11px 20px;
    font-weight:  700;
    display: inline-block;
    font-size: 18px;
    border-radius: 8px;
    background: transparent;
    border: 1px solid #fff !important;
    color: #fff;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border: none;
    float: left;
    margin-right: 20px;
    font-weight: 500;
}



.cta2 .wrap{    }
.cta2 .wrap h6{color: #ffffff;font-size: 16px;font-weight:  400;padding-bottom: 10px;text-align: left;}
.cta2 .wrap h3{text-align: left;padding-bottom: 0;font-size: 24px;font-weight: 700;margin-bottom: 20px;color: #ffffff;}
.cta2 .wrap .gt-strt{
     padding: 12px 20px;
     color: #000;
     font-weight:  700;
     display: inline-block;
     font-size: 18px;
     border-radius: 8px;
     /* FF3.6-15 */
     background: #fff; /* Chrome10-25,Safari5.1-6 */
     -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
     border: none;
     float: left;
     margin-right: 20px;
     font-weight: 500;
}
.cta2 .wrap a:hover{
    transform: translateY(-0.625rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;}



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

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

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

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


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

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


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

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

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

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


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




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

.bot-form form .intl-tel-input{width:100%;}
.bot-form form .intl-tel-input.separate-dial-code .selected-dial-code{padding-left: 27px;}
.bot-form form .fldset{    margin-bottom: 10px;}
.bot-form form input[type="submit"]{
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
    padding: 20px 60px;
    letter-spacing: 1px;
    border-radius: 3px;
    font-family: var(--primary-font-family);
    background: -moz-linear-gradient(left, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* FF3.6-15 */
background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */
    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;
    text-transform: capitalize;
    border-radius: 8px;
    padding: 10px 15px;
    border: none;
}
.btn-main:hover{color: #fff!important; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);}
.header-main.fixed .btn-main{    color: #fff !important;}
.main-menu > ul > li:nth-child(6) > a{}

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

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

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

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

.flogo figure{
    margin-bottom: 0;
}



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



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

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

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

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

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

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



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

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

.servicesec .boxwrap li:hover{
 /* background: -moz-linear-gradient(left, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* FF3.6-15 */
 background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */ */
 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:hover i.one{background-position: 13px -70px;}
.servicesec .boxwrap li:hover i.two{background-position: -70px -70px;}
.servicesec .boxwrap li:hover i.three{background-position: -150px -70px;}
.servicesec .boxwrap li:hover i.four{background-position: -230px -70px;}
.servicesec .boxwrap li:hover i.five{background-position: -320px -70px;}
.servicesec .boxwrap li:hover h6{color: #fff;}*/


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



@media(min-width:801px){

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

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

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

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

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

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

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




}

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

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

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

.aboutpg .cta2{    background: #f7f9fc;}


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

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

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

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

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

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

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


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


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


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


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

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


.tphead{
    padding: 20px 0;
    position: absolute;
    top: 0;
    z-index: 99;
    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:#2261d1;
  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: -moz-linear-gradient(left, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* FF3.6-15 */
background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */
    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:#2261d1;
    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:#2261d1;
    font-size: 36px;
    font-weight: 700;
}
.policypg h3{
    font-size: 24px;
}
.policypg h4{
    font-size: 22px;
        color:#2261d1;
}


.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:#2261d1;
}
.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: #ffffff;
    width: 100%;
    padding: 40px 0 40px;
    background-size: cover;
    background-position: top center;
    }
.portfolio-page.pricing-sec{
    position: relative;
    padding:27px 0 40px;
}
.sec-padding.pricing-sec.portfolion{
       padding: 28px 0 80px;
}
.sec-padding.pricing-sec.portfolion .port-hed{    margin-top: 55px;}
.portfolio-page.pricing-sec:before {
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
    content: "";
    position: absolute;
    width: 100%;
    height: 500px;
}    

.overlaybox{position: relative;}
.overlaybox:before{
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
    content: "";
    position: absolute;
    width: 100%;
    height: 500px;
}
.portfolio-page.pricing-sec h2,.portfolio-page.pricing-sec p{
    color:#fff;

}
.sec-padding h2.pkgewrp{    margin-top: 70px;} 
.portfolio-page.pricing-sec .nav-pills li a{
    color: #fff;
}

.pricing-sec h2{
    font-size: 36px;
    text-align: center;
    font-weight: 700;
   
    color: #222d39;
}
.pricing-sec p{
    font-size: 20px;
    line-height: 1.4;
    text-align:  center;
}


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





.pricing-sec .tabbing-links{text-align: center;display: block;width: 100%;margin: 20px 0;}
.pricing-sec .tabbing-links li{margin-right: 10px;display: inline-block;background: transparent; }
.pricing-sec .tabbing-links li{color: #717171;padding: 10px;border: 1px solid transparent;}
.pricing-sec .tabbing-links li.current{border-color:#2261d1;}
.pricing-sec .tabbing-links li a{color: #717171;font-size: 14px;}
.pricing-sec .tabbing-links li.current a{color:#2261d1;}
.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: 8px;display: inline-block;background: transparent;}
.pricing-sec .nav-pills li a{color: #717171;padding: 14px 15px;font-weight: 600;border-radius: 8px;border: 1px solid transparent;font-size: 14px;}
.pricing-sec .nav-pills li a.active{border:none;color: #fff; /* FF3.6-15 */background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */}
.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;}





/*===========Complete Branding Package============*/
.packaging-lists ul li:before {
    position: absolute;
    content: "\f111";
    font-size: 5px;
    left: 7px;
    top: 10px;
    line-height: 0;
    font-family: "fontawesome";
}
.listsss ul li:first-child .packaging-lists > ul >li:before {
    color:#2261d1;
}
.packaging-lists ul li {
    color: #666;
    font-size: 14px;
    padding-left: 25px;
    line-height: 24px;
    position: relative;
}
.listsss ul li:nth-child(2) .packaging-lists > ul >li.heading {
    background: #2ecc712b;
    color: #2ecc71;
    border: none;
    font-weight: 600;
}
.listsss ul li:nth-child(2) .packaging-lists > ul >li:before {
    color: #2ecc71;
}
.listsss ul li:nth-child(3) .packaging-lists > ul >li.heading {
    background: #9b59b62b;
    color: #9b59b6;
    border: none;
    font-weight: 600;
}
.listsss ul li:nth-child(3) .packaging-lists > ul >li:before {
    color: #9b59b6;
}
.listsss ul li .packaging-lists > ul >li.heading.head3 {
    background: #6398f62b;
    color: #6398f6;
    border: none;
    font-weight: 600;
}
.listsss ul li .packaging-lists.parhead > ul >li:before {
    color: #6398f6;
}
.listsss ul li .packaging-lists > ul >li.heading.head4 {
    background: #e67e222b;
    color: #e67e22;
    border: none;
}
.listsss ul li .packaging-lists.parhead2 > ul >li:before {
    color: #e67e22;
}
.listsss ul li .packaging-lists > ul >li.heading.heading2 {
    background: #f15e4f2b;
    color: #f15e4f;
    border: none;
}
.listsss ul li .packaging-lists.part-new > ul >li:before {
    color: #f15e4f;
}
.mid-banner {
    position: relative;
    background: #f0f3f8;
    font-family: var(--primary-font-family);
}
.banner-main {
    padding: 20px 10px;
    border-radius: 0;
    background: #ffffff;
    border: 1px solid transparent;
    font-size: 0;
    position: relative;
}
.cmp-heading-sec p{
    font-size: 20px;
    color: #687087;
    line-height: 24px;
        padding: 15px 0 25px;
}
.cmp-heading-sec{
    text-align: center;
}
.listsss ul {
    margin: 0;
    font-size: 0;
}
.listsss ul li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}
.packaging-lists {
    float: left;
    width: 90%;
}
.listsss ul li .packaging-lists {
    padding-top: 0px;
}
.packaging-lists ul {
    list-style: none;
    padding: 10px;
}
.listsss ul li .packaging-lists > ul >li {
    display: block;
    margin: 0;
    width: 100%;
    vertical-align: top;
    font-family: var(--primary-font-family);
}
.listsss ul li:first-child .packaging-lists > ul >li.heading {
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%)2b;
    color:#2261d1;
    border: none;
    font-weight: 600;
}
.listsss ul li:first-child .packaging-lists > ul >li.heading.head3.sochead{
    background: #e67e222b;
    color: #e67e22;
    border: none;
    font-weight: 600;
}
.listsss ul li .packaging-lists.part-new.lst-pack > ul >li:before {
    color: #e67e22;
}
.listsss ul li:nth-child(3) .packaging-lists.lstpagck > ul >li:before {
    color: #2ecc71;
}
.listsss ul li:first-child .packaging-lists > ul >li.heading:before, .listsss ul li:nth-child(2) .packaging-lists > ul >li.heading:before,
.listsss ul li:nth-child(3) .packaging-lists > ul >li.heading:before{
    display: none;
}
.listsss ul li .packaging-lists > ul >li.heading {
    margin: 0 0 10px;
}
.packaging-lists ul li.heading {
    color: #666;
    font-weight: 800;
    font-size: 20px;
    border: 1px solid #666;
    text-align: center;
    border-radius: 3px;
    padding: 4px 2px;
    margin-bottom: 10px;
}
.packaging-lists ul li {
    line-height: 24px;
    position: relative;
}
.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: 16px;
    color: #000;
    text-align: center;
    width: 100%;
    padding-right: 0;
    display: block;
    line-height: 20px;
}
.cmp-heading-sec h1 {
    font-size: var(--font-size-h2);
    color: #171717;
    line-height: 48px;
    font-weight: 600;
    text-transform: none;
}
.mid-banner h2 {
    font-size: var(--font-size-h2);
    color: #171717;
    line-height: 48px;
    font-weight: 600;
    text-transform: none;
    padding: 0px 0 15px 0;
}
.mid-banner h1 {
    font-size: var(--font-size-h2);
    color: #171717;
    line-height: 48px;
    font-weight: 600;
    text-transform: none;
}
.off-percent h1 .dollar {
    font-size: 27px;
    position: relative;
    top: -11px;
    float: none;
    font-weight: 800;
    color: #2c2c2c;
}
.off-percent .subh {
    width: 100%;
    text-align: center;
    color: #fc5545;
    font-size: 25px;
    font-weight: 600;
    float: left;
}
.listsss ul li .packaging-lists > ul >li.heading.heading2 {
    background: #f15e4f2b;
    color: #f15e4f;
    border: none;
}
div.bub-btn.brandpackage {
    
}
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;
}
.button.largefont {
   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;
    /* FF3.6-15 */
   background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */
   border-radius: 0;
   font-size: 16px;
   border: 1px solid transparent;
   padding: 16px 20px;
   display: inline-block;
}
.button.largefont:hover {
    transform: translateY(-0.625rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #ffffff;
}

.brandpackage .cmp-view-btn {
    transform: translateY(0rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color:#2261d1;
    font-weight: 600;
    text-transform: capitalize;
    background: #ffffff;
    border-radius: 0;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 16px 15px;
    display: block;
    margin: 20px 0 10px 0;
}
.brandpackage .cmp-view-btn:hover {
    transform: translateY(-0.625rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.heading.valhead, .heading.webhead, .heading.sochead, .heading.stahead, .heading.lghead{
    border: none;
    font-weight: 600;
    font-size: 20px;
}
.heading.valhead{
    color: #9b59b6;
}
.heading.webhead{
    color: #2ecc71;
}
.heading.sochead{
    color: #e67e22;
}
.heading.stahead{
    color: #f15e4f;
}
.heading.lghead{
    color:#2261d1;
}

/*===========Complete Branding Package============*/


.inner-pages .main-menu > ul > li.callus span{color: #20cb98;}

@media (min-width: 1600px) {
  .inner-banner{height: 76vh}
  .main-menu > ul > li > a{font-size: 13px;}
  .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:#2261d1;}

.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{
}
.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:#2261d1;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: #fff; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);padding: 12px 40px;border-radius: 8px;display: inline-block;margin-top: 20px;font-weight: 600;font-size: 18px;text-transform: capitalize;}
.btn-theme:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #fff;box-shadow: 6px 9px 30px 0 #0003;}

.btn-theme-outline{transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #ffffff; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */border: 1px solid transparent;padding: 12px 40px;border-radius: 8px;display: inline-block;margin-top: 20px;font-weight: 600;border: 1px solid #2260cf;font-size: 18px;text-transform: capitalize;}
.btn-theme-outline:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #ffffff;background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);}

.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:#2261d1;
    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:#2261d1;
        display: block;
        font-size: 24px;
        margin-top: 10px;
}


.quest-section{
    padding-bottom: 30px;
}

.faqsection{
    background: #f5f8fa6e;
    padding: 100px 0;
}

section.faqsection {}
.faqsection h2{
    font-size: 36px;
    font-weight: 700;
}

.footer-top{}
.footer-top h3{
    color: #fff;
    font-size: 22px;
    line-height: 1;
    padding-bottom: 10px;
}
.footer-top .linkinglist{
    display: inline-block;
    margin-bottom: 0;
}


.footer-top ul.scalmdia {padding: 5px 0 0 0;}
.footer-top ul.scalmdia li{display: inline-block;margin: 0 10px 0 0;}
.footer-top ul.scalmdia li a{color: #cbd6e2;font-size: 16px;font-weight: 600;}
.footer-top ul.scalmdia li a:hover {color:#fff;}
.footer-top ul.scalmdia li a i{}


.footer-top .linkinglist li{padding: 5px 0;}
.footer-top .linkinglist li a{
    color: #cbd6e2;
    font-size: 15px;
}

.footer-top .socialmid{
    /* border-bottom: 1px solid #7c98b6; */
    margin: 0px auto 0;
    padding-bottom: 30px;
}

.footer-bottom .fologo{
    width: 200px;
    margin-bottom: 20px;
}
.footer-bottom .fologo img{width: 85%;}

.oddinner-banner{
    height: 350px;
    margin-top: 128px;
}
.oddinner-banner .inner-banner-content{
    padding-right: 0;
    text-align: center;
}
.oddinner-banner .inner-banner-content h3{
    color: #fff;
    font-size: 42px;
    /* padding-top: 55px; */
    font-weight: 700;
}
.oddinner-banner .inner-banner-content p{
    font-size: 20px;
    color: #fff;
    line-height: 1.4;
    padding-bottom: 0;
}

.twoboxes{
    /* padding-bottom: 100px; */
}
.twoboxes .contactboxeswrap{
    font-size: 0px;
    margin-top: -60px;
}
.twoboxes .contactboxeswrap .contactbox{
    text-align: center;
    border-radius: 0;
    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: 0px 20px 50px 20px;
}


.twoboxes .contactboxeswrap .contactbox a{
     /* FF3.6-15 */
     background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */
}

.servicesec .boxwrap li:hover i.two {
    background-position: -70px -70px;
}
.servicesec .boxwrap li:hover i.one {
    background-position: 13px -70px;}
.servicesec .boxwrap li:hover i.three{background-position: -150px -70px;}
.servicesec .boxwrap li:hover i.four{background-position: -230px -70px;}
.servicesec .boxwrap li:hover i.five{background-position: -320px -70px;}
.servicesec .boxwrap li:hover h6{
    color: #fff;
}

.maparea{
    padding: 100px 0;
}
.maparea .mapwrap{
    font-size: 0px;
    border: 1px solid #cbd6e2;
    border-radius: 0;
}
.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;
      right: 45px;
      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{
}
.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{
}
.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{
    position: relative;
    }
.header-main.showmenu .has-submenu{   z-index: 99}
.header-main .has-submenu:hover .dropdown{
    visibility: visible;
    top: 39px;
    opacity: 1;
    left: -138px;
    }

.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: 0;
}
.pricingboxes .largebox{
    box-shadow: 0 0 11px #eaf0f6;
    font-size: 0;
    margin-top: 32px;
    padding: 20px 35px 45px;
    background: #fff;
    border-radius: 3px;
    display: inline-block;
}
.pricingboxes .largebox .leftarea{
    width: 35%;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    margin-right: 20px;
}
.pricingboxes .largebox .leftarea figure{
    margin-bottom: 20px;
}
.pricingboxes .largebox .leftarea figure img{
    /* width: 200px; */
}
.btn-packages{
    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;
     /* FF3.6-15 */
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */
    border-radius: 8px;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 16px 16px;
    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: #ffffff;}

.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: top;
    display: inline-block;
}
.ticklist li img{
    height: 50px;
}
.ticklist li span{}

.ticklist li a{
        color:#2261d1;
        font-size: 16px;
        font-weight: 700;
}
.ticklist li h6{
    font-size: 20px;
    padding-bottom: 0;
}
.ticklist li.ralign{text-align: right;}

.smallboxes{
    padding-top: 0;
    font-size: 0;
    text-align: center;
}
.smallboxes .smallbox{
    vertical-align: top;
    min-height: 430px;
    display: inline-block;
    width: 31%;
    /*box-shadow: 0 0 11px #eaf0f6;*/
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
    /*padding: 30px;*/
    background: #fff;
    border-radius: 8px;
    /* margin-bottom: 32px; */
    /* margin-right: 25px; */
    margin: 12px 12px;
    border: 2px solid #508dde;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.00);
    text-align: left;
    margin-bottom: 60px;
}
.package_inner{
    padding: 30px 30px 0px 30px;
}
.smallboxes .smallbox.seopack {

padding-bottom: 30px;
}
.smallboxes .smallbox .mCustomScrollBox{
    padding-left: 0px;
}
.smallboxes .smallbox.smalbxes{

}
.ticklist2 li{position: relative;}
.ticklist2 li:before{
    content: "\e962";
    position: absolute;
    font-family: 'icomoon' !important;
    font-size: 12px;
    color:#2261d1;
    left: 0;
    top: 0px;
}
.smallboxes .smallbox:hover{    
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);
}
/*.smallboxes .smallbox:hover h2{color: #fff;}
.smallboxes .smallbox:hover h2 span s{    color: #ffffff9c;}
.smallboxes .smallbox:hover h4{color: #fff;}
.smallboxes .smallbox:hover p{color: #fff;}
.smallboxes .smallbox:hover .ticklist2 li{color: #fff;}
.smallboxes .smallbox:hover .ticklist2 li:before{color: #fff;}
.smallboxes .smallbox:hover .btn-packages{background: #fff;color: #2261d1;}
*/
.smallbox.bst-selr{
    /*position: relative;*/
    /*overflow: hidden;*/
}
.smallbox.bst-selr .package_inner{
    overflow:hidden;
    position: relative;
}

.smallbox.bst-selr .package_inner:after{
    content: "BEST SELLER";
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    padding: 7px 10px;
    text-indent: -15px;
    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;
    text-align: center;

}

.smallboxes .smallbox figure{}
.smallboxes .smallbox figure img{
    height: 150px;
    width: 100%;
}
.smallboxes .smallbox h4{margin: 0 auto;font-size: 21px;font-weight: 600;text-align: left;max-width: 100%;}
.smallboxes .smallbox p{
    font-size: 12px;
    text-align: left;
    line-height: 1.4;
    padding-bottom: 10px;
    font-weight: 600;
}
.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;
    display: none;
}

.ticklist2{}
.ticklist2 li{font-size: 14px; padding: 0 0 0px 20px; text-align: left;position: relative;line-height: 24px;}
.ticklist2 li > ol{padding: 7px 0;}
.ticklist2 li span{margin-right: 12px;font-size: 15px;color:#2261d1;position: absolute;left: 0;top: 4px;}
.smallboxes .smallbox .price-btnwrap{margin-top: 15px;text-align: center;}
.smallboxes .smallbox .price-btnwrap a{
    display: block;
    max-width: 175px;
    margin: 3px auto;
    height: 45px;
    padding: 0px 0 12px 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #2261d1;
    background: #ffffff;
    border:none;
}
.smallboxes .smallbox .price-btnwrap a.btn-packages,.smallboxes .smallbox .price-btnwrap a.btn-packages:hover{
    background:linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
    color:#fff;
    text-decoration: none;

}
.smallboxes .smallbox .price-btnwrap a:hover{
    /*color: #ffffff;*/
    /*background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);*/
}
.smallboxes .smallbox .price-btnwrap a + a{
    color: #d8d8d8;
    -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;
}
.smallboxes .smallbox .actions {
    border-top: 1px solid #eeeeee;
    padding-top: 15px;
    text-align: left;
}
.smallboxes .smallbox a.spek-us {
    font-size: 16px;
    color: #7b7b7b;
    position: relative;
}
.smallboxes .smallbox a.spek-us:after{
    content: "";
    position: absolute;
    top: 0px;
    right: -140px;
    background: #eeeeee;
    height: 30px;
    width: 1px;
}
.smallboxes .smallbox a.wnt-disx{
    font-size: 16px;
}
.smallboxes .smallbox .actions a span small {
    display: block;
    font-size: 12px;
    line-height: normal;
    color: #2261d1;
    font-weight: bold;
}
.smallboxes .smallbox .actions a span {
    font-size: 13px;
    float: left;
    font-weight: bold;
    color: #7b7b7b;
}
.smallboxes .smallbox .actions .act-box2{
    /*padding-left: 35px;*/
}
.smallboxes .smallbox .price-btnwrap a + a:hover{
    color: #333333;
    text-decoration: underline;
    -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;
    background: transparent;
}

.smallboxes .smallbox .price-btnwrap .btn-packages {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    padding-top: 15px;
}
.smallboxes .smallbox h2{
    font-size: 44px;
    color:#d12e49;
    padding-bottom: 0;
    text-align: left;
    line-height: 1;
    margin-bottom: 15px;
    padding-top: 0px;
    display: inline-block;
    text-align: left;
}
.smallboxes .smallbox h2 span{
    display: block;
    color: #687087;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
    font-size: 48px;
}

.smallboxes .smallbox h2 span.currency_symbol {
    font-size: 18px;
}

.smallboxes .smallbox h2 span:last-child {
    font-size: 18px;
}
.smallboxes .smallbox .ad-don{
    display: block;
    color: #333333;
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 0px;
    margin: -16px 0 0 0;
    padding: 10px 0;
    border-top: 1px solid #eee;
}
.smallboxes .smallbox .ad-don span{
    color: #2261d1;
}
.cmbo-pgess .smallboxes .smallbox{
    min-height: 430px;
}
.cmbo-pgess .smallboxes .smallbox .actions{
    margin-top: 20px;
}
.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{
}
.header-main .othermenu li{
    margin-right: 10px;
    display: inline-block;
}
.header-main .othermenu li h6{color: #171717;font-size: 16px;margin-top: 8px;font-weight: 400;cursor: default;}
.header-main .othermenu li a{
    color: #171717;
    font-size: 16px;
    margin-top: 18px;
    font-weight: 400;
}
.header-main .secondlogo{
    position: relative;
    padding-top: 16px;
    /* margin-right: 50px; */
    display: inline-block;
    z-index: 9;
    vertical-align: middle;
}
.header-main .secondlogo a{}
.header-main .secondlogo a img{
    width: 145px;
}

.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: 3px;
    border: 1px solid #cbd6e2;
}

.smallbox.mright{
    margin-right: 32px;
}
.ourapproachsec .wrapper .cta{
    padding-bottom: 0;
}
.ourapproachsec .wrapper .cta h4{
    font-size: 20px;
}
.ourapproachsec .wrapper .cta h6{
    text-align: left;
    float: none;
    width: 100%;
}
.ourapproachsec .wrapper .cta h6 a{
    display: inline-block;
    margin-top: 0;
    margin-left: 20px;
}


.ourprocesses{
    padding: 100px 0;
}
.ourprocesses .paright{
    height: 100%;
    position: relative;
    padding-right: 50px;
}
.ourprocesses .paright h2{
    text-align: left;
    font-size: 36px;
    width: 100%;
    font-weight: 700;
    line-height: 1.2;
}
.ourprocesses .paright p{
    text-align: left;
    font-size: 20px;
    width: 100%;
    padding-bottom: 0;
    line-height: 1.4;
}
.ourprocesses .processlistdown{
    display: inline-block;
    margin-bottom: 0;
}
.ourprocesses .processlistdown li{
    width: 33%;
    float: left;
    height: 200px;
    padding-right: 40px;
}
.ourprocesses .processlistdown li .check{
    font-size: 26px;
        color:#2261d1;
}
.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: 200px;
}
.ourprocesses .processlistdown li.noheight{height: auto;}

.contactpg .oddinner-banner .inner-banner-content{margin-top: 0px;clear: both;width: 100%;display: inline-block;}

.header-main .emailsec{
     display: inline-block;
     font-family: var(--primary-font-family);
     vertical-align: middle;
     padding: 21px 0px 0;
}
.header-main .emailsec a{
    position: relative;
    font-family: var(--primary-font-family);
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    padding-left: 20px;
}
.header-main .emailsec a span{
    left: 0;
    color: #2261d1;
    top: 3px;
    position: absolute;
}

.header-main.showmenu .emailsec{
}

.innerservices .inner-banner{}
.innerservices .inner-banner .inner-banner-content{
    margin-top: 0;
    text-align: left;
}
.innerservices .inner-banner .inner-banner-content h5{
        color:#2261d1;
}
.innerservices .inner-banner .inner-banner-content h2{
    color: #171717;
}
.innerservices .inner-banner .inner-banner-content h2 span{
    color: #171717;
}
.innerservices .inner-banner .inner-banner-content h1{
    color: #fff;font-size: 42px; line-height: 1.2; padding-bottom: 15px;text-shadow: none;border-bottom: none;
}
.innerservices .inner-banner .inner-banner-content h1:after{display: none}
.innerservices .inner-banner .inner-banner-content h1 span{
    color: #fff;font-size: 36px; display: block; font-weight: 300; margin-top: 10px;text-shadow: none;
}
.innerservices .inner-banner .inner-banner-content p{
    color: #fff;
}
.innerservices .inner-banner .inner-banner-content a{
    margin-bottom: 0;
}
.servicepg .inner-banner-content{
    margin-top: 70px;
    display: block;
}
.servicepg .inner-banner-content figure{}
.servicepg .inner-banner-content figure img.servicefigure{width: 550px;}
.servicepg .inner-banner{
    background: #fff0eb;
    position: relative;
}

.servicepg .inner-banner .inner-banner-content h5{
        color:#2261d1;
}
.servicepg .inner-banner .inner-banner-content h2{
    color: #171717;
}
.servicepg .inner-banner .inner-banner-content h2 span{
    color: #171717;
}
.servicepg .inner-banner .inner-banner-content p{
    color: #687087;
}
.servicepg .inner-banner .inner-banner-content a{
    margin-bottom: 25px;
}
.servicepg .inner-banner .round1{
    position: absolute;
    width: 90px;
    height: 90px;
    background: #7d4cc040;
    border-radius: 50%;
    top: 10%;
    left: 10%;
}
.servicepg .inner-banner .round2{
    position: absolute;
    width: 60px;
    height: 60px;
    background: #f58e6a69;
    border-radius: 50%;
    top: 33%;
    right: 10%;
    }
.servicepg .inner-banner .round3{
    position: absolute;
    width: 120px;
    height: 120px;
    background: #b3de6178;
    border-radius: 50%;
    bottom: 10%;
    left: 22%;
    }
.servicepg .inner-banner .round4{
    position: absolute;
    width: 40px;
    height: 40px;
    background: #6bdfd291;
    border-radius: 50%;
    bottom: 36%;
    right: 33%;
    }
.servicepg .inner-banner .round5{
    position: absolute;
    width: 150px;
    height: 150px;
    background: #ffdd6ea3;
    border-radius: 50%;
    right: 10%;
    bottom: -10%;
    }

.servicepg .inner-banner .round6{
    position: absolute;
    width: 50px;
    height: 50px;
    background: #69daced1;
    border-radius: 50%;
    left: 2%;
    top: 55%;
    }
.servicepg .inner-banner .round7{
    position: absolute;
    width: 30px;
    height: 30px;
    background: #ec764e61;
    border-radius: 50%;
    right: 65%;
    bottom: 55%;
    }
.footer-top .linkinglist li a.address{cursor: default;}
.footer-top .linkinglist li a.address:hover{color: #cbd6e2;}
.footer-top .linkinglist li a:hover{color: #fff;}

.accordlist{}
.accordlist li{color: #687087;padding-left: 20px;position: relative;}
.accordlist li:before{content: "";position: absolute;left: 0px;border-bottom: 1px solid #687087;width: 10px;height: 1px;top: 10px;}

.header-main .othermenu li:hover a{
        color:#2261d1;
}
.main-menu > ul > li:hover a{color: #f9bc35;}


.header-main .othermenu li.current a{
        color:#2261d1;
}
.header-main .othermenu li.current h6 a{
        color:#2261d1;
}



@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; }
.main-menu > ul > li > a {    font-size: 12px;}
.top-info-list li:nth-child(2){display: none;}
.top-info-list li a{font-size: 12px;}
.servicesec .boxwrap li {width: 17.1%;     min-height: 260px;}
.servicesec .pointlisting li {    width: 100%;}
.dptestimonials .testwrap .testbox {min-height: 410px;}
section.call-actions h3 span {    font-size: 16px;}
.logodesign section.call-actions h3 {font-size: 20px;}


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



@media only screen and (max-width: 769px) and (min-width: 0px)   {
.mobile-res-logo {
    display: block;
}
    .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, .mid-banner h1, .mid-banner 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{}
.mid-banner h1 {
   line-height: 35px;
}

    .nav-area-full{margin-top: 0px;padding: 10px 0;top: 0;}
    .helpsec .imgplace figure img{width: 100%;}
    .mobile-nav-btn{z-index: 999;    top: 12px;}
    .mobile-nav-btn span:before, .mobile-nav-btn span:after,.mobile-nav-btn span{ background-color: #6c7780;}
    .slider-wrapper {margin-top: 55px;}
    .header-main {position: fixed;    background: #fff;}
    .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;}
    .logo{display: inline-block;width: 70%;}
    .mobile-nav img{    width: 130px;}
    .mobile-nav nav li a.active{background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);}
    .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: 16px;font-weight: 400;text-align: center;}
    .cta2 .wrap h6{text-align: center;}
    .cta2{height: auto;text-align: left;padding-bottom: 60px;}
    .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: center;padding-top: 0;}
    .smallboxes .smallbox .price-btnwrap{text-align:left;}
    .smallbox.mright{margin-right: 0px;}
    .pricing-sec h2{padding-top: 0px;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;}
    .servicesec .boxwrap li{    width: auto; margin: 10px 5px; display: inline-block; float: none;    padding: 20px 10px; min-height: auto;} 
    .partners-cta{display: none;}
    #factsTwo .myinnerlist li {    padding-left: 20px;}
    #factsTwo .myinnerlist {padding: 40px 0;}
    .servicesec .boxwrap li i {display: none;}
    .servicesec .boxwrap li h6 {    font-size: 14px;}
    .servicesec .myservices .left {    width: 100%;}
    .pricing-sec .nav-pills li {margin: 15px 0;}
    .cta h3 {max-width: 100%;}
    .cta h6 {width: 100%;}
    body .mygrid {    padding: 50px 0;}
    body .mygrid h2 {font-weight: 400;font-size:25px;width:100%;}
    body .mygrid p{width:100%;font-size:16px}
    body .dptestimonials .testwrap .testbox .usertest {    width: 100%;}
    body .dptestimonials .testwrap .testbox .usertest h4 {    font-size: 16px;}
    body .dptestimonials .testwrap .testbox {padding: 15px; min-height: 350px; text-align: center;}
    body section.qualities {padding: 50px 0;}
    body section.call-actions .phone-div h3 {padding-left: 30px;}
    body section.call-actions span.phone {    margin-left: 0;}
    body .bottomcta .ctalist li {width: 100%;margin: 10px 0;}
    body .bottomcta {    padding: 30px 0;}
    body .belowform {padding: 50px 0;}
    .floating_wrap.visible {display: none !important;}
    .floatbutton {display: none;}
    .topformcontainer {display: none;}
    .mygrid .gridlisting li {width: 50%;border-right: 0px solid #fff;    border-bottom: 0px solid #fff;padding: 20px 0px;}
    .mygrid .gridlisting li .innerwrap h3 {font-size: 25px;}
    .iconswrap .footer-img figure img {    width: 100%;}


    body .mysatisfied .fullwrapper .rightwrap .coslider .countslide li {vertical-align: top;}
    body .mysatisfied .fullwrapper .rightwrap .coslider .countslide li h4 {font-size: 16px;}
    body .mysatisfied .fullwrapper .rightwrap .coslider .countslide li p {font-size: 10px;}
    body .mysatisfied .fullwrapper .rightwrap .figureslide li p {    font-size: 10px;}
    body .mysatisfied .fullwrapper .leftwrap h3 strong {    font-size: 20px;}
    body .mysatisfied .fullwrapper .leftwrap h3 {    font-size: 15px;}
    body .maparea {padding: 50px 0;}
    body .maparea .mapwrap .infopart .chunk {padding-bottom: 20px;}
    body .maparea .mapwrap .infopart .chunk h3 {font-size: 17px;padding-bottom: 0;}
    body .maparea .mapwrap .infopart .chunk p {padding-bottom: 0;}
   .contactpg .oddinner-banner .inner-banner-content {    margin-top: 30px;}
    body .align-self-center { -ms-flex-item-align: start!important; align-self: start !important;}
    body .oddinner-banner {height: 250px;margin-top: 55px;}
    .twoboxes .contactboxeswrap .contactbox {padding: 20px 20px;}
    .twoboxes .contactboxeswrap .contactbox p { padding-bottom: 20px;}
    .btn-secondary {padding: 10px 10px;font-size: 13px;}
    body .mysatisfied .fullwrapper .leftwrap {    width: 100%;border-right: 0; margin-bottom: 20px;}
    body .mysatisfied .fullwrapper .rightwrap {    width: 100%; padding-left:0px; }
    
    body .filterportfolio {    padding: 50px 0;}
    .pricing-sec .slick-dots {    bottom: -10px;}
    body section.sponsors-sec {    padding: 50px 0;}
    body .dptestimonials { padding: 50px 0;}



}







.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(https://americanwebstore.com/not-found)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;margin-top: 40px;}
.border-box-effect {position: relative;  display: inline-block;width: 30%;margin-bottom: 20px;clear: both;overflow: hidden;/* box-shadow: 0px 0px 20px #0000001f; */margin: 0 10px 20px;}
.border-box-effect img {
    /* min-width: 267px; */
    height: 100%;
    border-radius: 3px;
    width: 100%;
    /* overflow: hidden; */
    }

.border-box-effect figure{margin-bottom: 0px;}

/*.loadmoreweb .border-box-effect{
    display: none;
}

.loadmorewebapp .border-box-effect{
    display: none;
}


.loadmoreecomm .border-box-effect{
    display: none;
}

.loadmorebrand .border-box-effect{
    display: none;
}*/



.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(35, 140, 158, 0.46);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 {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:#2261d1;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: 13px !important;
    margin-left: 0 !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:#2261d1;
    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; 

    }
}}


.main-menu > ul > li:first-child{padding-left: 0px;}
#factsTwo{background:url(../images/counter-bg.jpg) bottom no-repeat;-webkit-background-size:cover;background-size:cover;font-family:'Khula', sans-serif;color:#ffffff;}
#factsTwo .selected{background-color: rgb(254, 52, 1);color:#fff;}
#factsTwo i{display:block;margin-bottom: 10px;}
#factsTwo i::before{font-size: 50px;line-height:60px;}
#factsTwo strong{display:block;font-size: 50px;line-height: 40px;}
.myinnerlist{
    padding: 40px 35px;
    margin-bottom: 0;
}
.myinnerlist li{
    font-family: 'Khula', sans-serif;
    display: block;
    text-align: left;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 2;
    position: relative;
    padding-left: 25px;
}
.counter-wrap{display: inline-block;vertical-align: middle;padding: 40px 55px;}
.myinnerlist li:before{ position: absolute;left: 0; top: 0; content: "\e962";    font-family: 'icomoon' !important;}
.css-overlay {background-color: rgba(26, 1, 1, 0.6);}

.count-description{
    display: inline-block;
    padding-top: 10px;
}

.myservices{
    /* padding-top: 30px; */
    font-size: 0;
}
.myservices .left{
    width: 50%;
    vertical-align: middle;
    padding: 0 15px;
    display: inline-block;
    text-align: left;
}
.myservices .left h2{
    font-size: 35px;
    color: #2261d1;
    font-family: 'Khula', sans-serif;
}
.myservices .left h3{
    font-size: 18px;
}
.myservices .left p{
    font-size: 18px;
    text-align: left;
}
.pointlisting{
    margin-bottom: 0;
    display: inline-block;
}
.pointlisting li{position: relative;width: 50%;font-size: 16px;padding-left: 26px;padding-bottom: 10px;}
.pointlisting li:before{position: absolute;left: 0;top: 0;color: #22cc21;content: "\e962";font-family: 'icomoon' !important;}

.myservices .right{
    display: inline-block;
    width: 50%;
    padding: 30px 15px 0;
    vertical-align: middle;
}
.myservices .right figure{
    margin-bottom: 0;
}
.myservices .right figure img{
    width: 100%;
}
.servicesec .boxwrap li.current{
     /* FF3.6-15 */
 /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
     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 i.two {
    background-position: -70px -70px;
}
.servicesec .boxwrap li.current h6{color: #fff;}
.servicesec .boxwrap li.current i.one {
    background-position: 13px -70px;
}
.servicesec .boxwrap li.current i.three{background-position: -150px -70px;}
.servicesec .boxwrap li.current i.four{background-position: -230px -70px;}
.servicesec .boxwrap li.current i.five{background-position: -320px -70px;}

.mygrid{padding: 30px 20px 30px 20px;background-image: -webkit-linear-gradient(45deg, #6700bd, #00bda5);background-image: linear-gradient(45deg, #6700bd, #00bda5);width: 80%;margin: 0 auto;position: relative;border-radius: 8px;height: 245px;}
.mygrid h2{
    color: #fff;
    text-align: center;
    font-size: 36px;
    width: 70%;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 auto;
}
.mygrid p{
    color: #fff;
    text-align: center;
    font-size: 20px;
    width: 70%;
    padding-bottom: 0;
    line-height: 1.4;
    margin: 0 auto;
}

.gridlisting{
    font-size: 0;
    margin-bottom: 0;
    /* margin-top: 40px; */
}
.gridlisting li{
    text-align: center;
    padding: 20px 30px;
    /* border-right: 1px solid #fff; */
    /* border-bottom: 1px solid #fff; */
    width: 25%;
    display: inline-block;
}
.gridlisting li .innerwrap{}
.gridlisting li .innerwrap figure{}
.gridlisting li .innerwrap figure img{
    /* width: 44px; */
}
.gridlisting li .innerwrap h3{position: relative;font-size: 40px;color: #fff;line-height: 1;}
.gridlisting li .innerwrap h3:after{content: "+";position: absolute;font-size: 24px;bottom: 12px;margin: auto 0px 0 5px;}
.gridlisting li .innerwrap p{
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    padding: 0;
}






.gridlisting li .headd{
    font-size: 0;
}
.gridlisting li .headd .lf{
    display: inline-block;
    width: 16%;
    vertical-align: middle;
}
.gridlisting li .headd .lf i{
    font-size: 40px;
    color: #fff;
}
.gridlisting li .headd .rh{
    display: inline-block;
    width: 84%;
    vertical-align: middle;
}
.gridlisting li .headd .rh h4{
    font-size: 22px;
    color: #fff;
    padding-bottom: 0;
}
.gridlisting li .headd .rh h4 span{
    display: block;
    font-size: 16px;
    margin-top: 5px;
}
.gridlisting li .boddy{}
.gridlisting li .boddy p{
    width: 100%;
    padding-top: 25px;
    font-size: 16px;
    text-align: left;
}
.gridlisting li.nrb{border-right: 0px;}
.gridlisting li.nbb{border-bottom: 0px;}



.quality {
    text-align: center;
}
.quality-img {
    font-size: 70px;
    color: #16a085;
}
section.qualities{
    padding: 60px 0;
    border-bottom: 1px solid #f1f1f1;
    background: #f7f7f7;
}
section.qualities .quality-img img {width: 100%;}
section.qualities .quality-img {
    text-align: center;
    padding: 0px 0px;
    width: 70px;
    display: inline-block;
}
.quality h4 {
    line-height: 1.1;
    padding-top: 5px;
    color: #2e2e2e;
    font-size: 16px;
    text-transform: capitalize;
}
.quality h3 {font-size: 40px;padding: 0;}
section.qualities p{
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    padding-bottom: 25px;
}
.has-border {
    border-right: 1px solid transparent;
}
.icon-Constant-Client-Coordination{
     background-image: url(../images/constant-client-coordination.png); 
     background-size: 100% auto;
     background-position: center;
     width: 59px;
     height:46px;
     display: inline-block;
}
.icon-Customer-Satisfaction{
     background-image: url(../images/customer-satisfaction.png);
     background-size: 100% auto;
     background-position: center;
     width: 59px;
     height:46px;
     display: inline-block;
}
.icon-Ownership-Rights{
     background-image: url(../images/ownership-rights.png); 
     background-size: 100% auto;
     background-position: center;
     width: 59px;
     height:46px;
     display: inline-block;
}
.icon-Secure-Money-Back-Guarantee{
     background-image: url(../images/secure-money-back-Guarantee.png); 
     background-size: 100% auto;
     background-position: center;
     width: 59px;
     height:46px;
     display: inline-block;
}
.icon-Industry-Proven-Professionals {
     background-image: url(../images/industry-proven-professionals.png); 
     background-size: 100% auto;
     background-position: center;
     width: 59px;
     height:46px;
     display: inline-block;
}

section.call-actions {
    border-radius: 0;
}
section.call-actions h2 {
    font-size: 16px;
    margin: 0px;
    line-height: 22px;
    text-transform: capitalize;
    padding: 20px 0 0 30px;
    color: #ffffff;
    letter-spacing: 0.1px;
}
section.call-actions span.phone{
    font-size: 36px;
    float: left;
    color: #f9bc35;
    margin-left: 15px;
    margin-top: 25px;
}
.phone-div {
    padding-left: 48px;
}
section.call-actions span.mail{
    font-size: 36px;
    float: left;
    color: #f9bc35;
    margin-left: 15px;
    margin-top: 25px;
}
section.call-actions h3 span {
    display: block;
    font-size: 18px;
    color: #f9bc35;
    }
section.call-actions .phone-div h3 {
    padding-left: 55px;
    color: #fff;
}
section.call-actions h3 {
    font-size: 24px;
    margin-top: 23px;
    padding-left: 65px;
    color: #fff;
}

section.sponsors-sec h2{
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    padding-bottom: 40px;
}
section.sponsors-sec p{}
.mycli{
    margin-bottom: 70px;
    text-align: center;
}
section.sponsors-sec{
    border-bottom: 1px solid #f1f1f1;
    padding: 100px 0;
}
.mycli li{height: auto;display: inline-block;padding: 15px 25px;}
.mycli li img{height: 40px;width: auto;max-width: 100%;margin: 0 auto;min-height: 40px; object-fit: contain;}

.belowform{
    padding: 0 0 40px;
}

.bottomcta{
    padding: 60px 0;
    background: #232323;
}
.bottomcta .ctalist{
    margin-bottom: 0;
    font-size: 0;
}
.bottomcta .ctalist li{
    display: inline-block;
    width: 33.3333%;
    vertical-align: top;
}
.bottomcta .ctalist li h3{
    color: #fff;
    font-size: 26px;
    padding-bottom: 20px;
}
.bottomcta .ctalist li .wrap{}
.bottomcta .ctalist li .wrap .iconpart{
    display: inline-block;
    width: 13%;
    vertical-align: top;
}
.bottomcta .ctalist li .wrap .iconpart span{
    font-size: 34px;
    color: #3059cd;
}
.bottomcta .ctalist li .wrap .textpart{
    display: inline-block;
    width: 85%;
    vertical-align: top;
}
.bottomcta .ctalist li .wrap .textpart p{
    color: #fff;
    font-size: 16px;
    padding-bottom: 0;
}
.bottomcta .ctalist li .wrap .textpart a{
    display: block;
    color: #fff;
    font-size: 16px;
}




.grid {

}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
  position: relative;
}

.element-item > * {
  margin: 0;
  padding: 0;
}





.filterportfolio{
    padding: 100px 0;
}
.filterportfolio .text{
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-right: 70px;
}
.ecomm .filterportfolio .text{ text-align: center; width: 100%;}
.ecomm .filterportfolio .text h2{text-align: center;}
.ecomm .filterportfolio .text p{text-align: center;}
.filterportfolio .text h2{
    font-size: 40px;
    text-align: left;
    line-height: 1;
    font-weight: 700;
    color: #222d39;
}
.filterportfolio .text p{
    font-size: 20px;
    line-height: 1.4;
    text-align: left;
    padding-bottom: 0;
}
.filterportfolio .droop{
    width: 24%;
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle;
}
.filterportfolio .droop select{
    width: 100%;
    background: #ffffff;
    border-radius: 3px;
    padding: 15px 20px;
    line-height: 1.2!important;
    font-size: 16px;
    color:#2261d1;
    font-weight: 700;
    border: 1px solid transparent;
}
.filterportfolio .droop select option{}
.filterportfolio .droop select:focus{outline: 0px;}
.filterportfolio .droop{position: relative;}
.filterportfolio .droop:after{position: absolute;content: "\e955";font-family: 'icomoon' !important;color:#2261d1;top: 10px;right: 20px;font-size: 20px;}



.testiem{
    padding-top:130px !important;
}


.dptestimonials{
    padding: 80px 0 0;
    z-index: -1;
    /*position: relative;*/
}
.dptestimonials h2{
    font-size: 36px;
    text-align: center;
    font-weight: 700;
}
.dptestimonials p{
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    padding-bottom: 0;
}
.dptestimonials .testwrap{
    font-size: 0px;
    margin-bottom: 0;
    margin-top: 20px;
}
.dptestimonials .testwrap .testbox{
    width: 100%;
    /* margin: 0 11px; */
    display: inline-block;
    box-shadow: 0px 0px 25px #dadada75;
    border-radius: 5px;
    padding: 30px;
    font-size: 0;
    min-height: 285px;
}
.dptestimonials .testwrap .testbox .user{
    width: 90px;
    vertical-align: top;
    display: inline-block;
    height: 90px;
     /* FF3.6-15 */
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */
    border-radius: 50%;
    text-align: center;
    padding-top: 29px;
    margin-right: 26px;
}
.dptestimonials .testwrap .testbox .user h3{
    font-size: 28px;
    padding-bottom: 0;
    font-weight: 700;
    color: #fff;
}
.dptestimonials .testwrap .testbox .usertest{
    width: 74%;
    display: inline-block;
    vertical-align: top;
}
.dptestimonials .testwrap .testbox .usertest h4{
    font-size: 20px;
    font-weight: 700;
}
.dptestimonials .testwrap .testbox .usertest p{
    font-size: 17px;
    text-align: left;
    padding-bottom: 15px;
}
.dptestimonials .testwrap li{
    padding: 20px;
}
.dptestimonials .testwrap .testbox .usertest h6{
    font-size: 14px;
    color:#2261d1;
}
.dptestimonials .testwrap .testbox .usertest .ratings{}
.dptestimonials .testwrap .testbox .usertest .ratings span{
    color: #ff7e65;
    font-size: 14px;
    margin-right: 5px;
}
.ban-form textarea{
    width: 100%;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 400;
    height: 80px;
    outline: none !important;
    margin: 10px 0 0px 0;
}

.myticks{
    margin-bottom: 0;
}
.myticks li{font-size: 16px;position: relative;color: #fff;padding: 0 0 5px 25px;}
.myticks li:before{content: "\e962";position: absolute;left: 0;color: #f9bc35;font-family: 'icomoon' !important;}

/*.floatbutton.visible .clickbutton{opacity: 1;-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: 272px;
    font-size: 0;
    width: 420px;
    }*/
.floating_wrap{opacity: 0;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;display: none;}
.floating_wrap.visible{opacity: 1;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;display: block;}
/*.floatbutton .clickbutton{
    width: 50px;z-index: 99; opacity: 0; vertical-align: top;height: 0px;cursor: pointer;
    box-shadow: -20px 0 35px #0000001f;border-radius: 50% 0% 0 50%;
    background: #fff;display: inline-block;padding-top: 0px;}


   

.floatbutton .clickbutton .crossplus{position: relative;display: block;transform: rotate(0deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .clickbutton .crossplus.rotate{transform: rotate(-90deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .clickbutton .crossplus p {
    font-size: 20px;
    width: 250px;
    top: 0px;
    position: relative;
    margin-top: 194px;
    background: #fff;
    height: 55px;
    background: #ffff;
    border-radius: 20px 20px 0px 0px;
    padding-top: 15px;
    text-align: right;
    
    text-align: center;
    font-weight: 600;
    color: #2261d1;
    box-shadow: 0px 0px 40px #00000026 !important;
    left: -4px;
}
.floatbutton .clickbutton .crossplus {
    transform: rotate(-90deg);
}*/







/*exit popup css start*/


/*popup form*/

.ys-layer {
    display: none;
    /*background-image: url(../images/pattern.png);*/
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.ys-container {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
    
}

.ys-container.visible, .ys-layer.visible {
    display: block;
}

.ys-box {
    background-color: #fff;
    width: 0;
    height: 0;
    margin: 0 auto;
    position: relative;
    top: 43.5%;
    transform: translateY(-65%);
    border-radius: 10px 10px 20px 20px;
    /*box-shadow: 2px 2px 2px 0px rgba(0,0,0,.8);*/
    transition: height .2s ease-in-out;
}
.ys-popup-close{position: absolute; color: #524a61; text-align: center; font-size: 17px; text-decoration: none; display: block; right: 20px; top: 20px; font-weight: 700;}
.ys-container.finished .ys-popup-close {width: 40px;height: 40px;text-indent: 0;}

.ys-popup-content {display: none;padding:20px 0 20px 0px;background: #f5f5f5;border-radius:10px;}

.ys-container.finished .ys-popup-content {display: block;}

.ys-popup-close:hover {text-decoration: none;color: #f00;}

.ys-box{height: 450px;width: 500px !important;background:transparent;padding:0;background-size: cover;}
.ys-box .mainbann{border-radius: 20px 20px 0 0;width:100%;}
.popupform h2{color: #1a74f0;font-size: 26px;font-weight: 400;}
.popupform h2 span{color:#ea2d62 ;}
.popupform p {color: #42526E;
    font-size: 18px;padding: 0 0 8px;text-align: center;}
.popupform form p{color: #42526E;font-size: 14px;font-weight: 500;}
.popupform form p span{color: #0c71f4;}
p.small{font-size: 14px;color: #000;text-align: center;display: block;}
.popupform form{font-size: 0;padding: 0px 40px;}
.popupform form .fldst{margin: 0px; display: block;width: 100%;}
.popupform form .fldst .intl-tel-input{width:100%;margin-bottom:15px;}
/*.popupform form input[type="text"]{border-radius: 10px;}*/
.popupform form .fldst.btnattach button {outline: none; position: relative;bottom: 0;border: 0;display: block;right: 0;background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);width: 100%;height: 50px;border-radius: 5px;cursor: pointer;font-size: 16px;color: #fff;}
.popupform form p a{
    color:#6c35be;
}
.popupform form .lst-p{text-align: center;padding:15px 0px;}
.popupform form input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 7px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 5px;
    height: 40px;
    font-weight: 400;
    outline: none !important;
    margin: 0 0 15px 0;
}
.popupform h3 {
   position: relative;
   top: 0px;
   left: 0px;
   right: 0px;
   margin: 0 auto 10px;
   display: block;
   width: 100%;
   text-align: center;
   background: #524a61;
   color: #fff;
   border-radius: 0px;
   padding: 10px;
   font-size: 30px;
}
.popupform figure{
    text-align: center;
    margin: 0px 0 20px 0;
}
.popupform figure img{
    width: 30%;
}
.fldst textarea {
        width: 100%;
    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;
    margin: 0 0 15px 0;
    resize: none;
    height: 100px;
}


/*exit popup form css end*/



.intl-tel-input .country-list .country{
    font-size: 12px;
}



/*book a call popup css*/









.book-call-ys-layer {
    display: none;
    /*background-image: url(../images/pattern.png);*/
    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, .5);
    z-index: 9999;
    
}

.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;
    /*box-shadow: 2px 2px 2px 0px rgba(0,0,0,.8);*/
    transition: height .2s ease-in-out;
}

/*.book-call-ys-popup-close {
    box-shadow: 0px 0px 10px #0000000d;
    position: absolute;
    background-color: #fff;
    color: #0c71f4;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-decoration: none;
    text-indent: -5000px;
    display: block;
    box-sizing: border-box;
    border-radius: 50%;
    right: 0;
    top: 0;
    line-height: 1.7;
    width: 0;
    height: 0;
    transform: translateX(50%) translateY(-50%);
    transition: .2s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
}*/

.crossbtn {
    float: right;
    font-size: 30px;
    border: 2px solid #000;
    padding: 2px 7px;
    border-radius: 8px;
    color:#212529;
}
.crossbtn:hover{
color:#212529;
}

.book-call-ys-popup-close{position: absolute;color: #2361d1;text-align: center;font-size: 18px;text-decoration: none;display: block;right: 10px;top: 10px;font-weight: 700;border: solid 1px #255fd0;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: 20px 20px 20px 20px;}

.book-call-ys-container.finished .book-call-ys-popup-content {display: block;}

.book-call-ys-popup-close:hover {text-decoration: none;color: #000;}

.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{font-weight: 600;font-size: 20px;color: #3a3a3a;margin: 10px 0 20px;}
.book-call-popupform h2 span{color: #e9028e;}
.book-call-popupform p {color: #000;padding: 0 0 8px;font-size: 14px;}
.book-call-popupform form p{color: #000;font-size: 14px;font-weight: 700;margin: 0;}
.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 15px;display: block;width: 100%;}
.book-call-popupform span.heading {font-size: 30px;
    /*font-family: "Poppins", sans-serif;*/
    font-weight: 700;
    color: #000;
    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: #e9028e;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;}

.book-call-popupform form .fldst .intl-tel-input{width:79%;margin-bottom:15px;}
.book-call-popupform form input[type="text"]{border-radius: 8px;}
.book-call-popupform form .fldst.btnattach button {position: relative;bottom: 0;border: 0;display: block;right: 0;background: #e9028e;width: 100%;height: 50px;border-radius: 4px;cursor: pointer;font-size: 16px;color: #fff;}
 .book-call-popupform form .callus {
    border-top: 3px solid transparent;
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 33px;
    padding: 8px 25px;
    outline: none;
    cursor: pointer;
    border-radius: 8px;
    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: #782dbb;}
.book-call-popupform form .lst-p a:hover {color: #000;}
.book-call-popupform 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: 8px;
    height: 50px;
    font-weight: 400;
    outline: none !important;
    margin: 0 0 0px 0;
}
.book-call-popupform form .newbtn {
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
    height: 51px;
    width: 100px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    border-radius: 0px 4px 4px 0px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-left: 0;
    font-size: 16px;
    font-weight: bold;
    }



.callusnow {
    width: 50px;
    height: 50px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
    position: fixed;
    bottom: 40px;
    left: 20px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71);
    padding: 6px 0px 12px 0;
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
    background: #ffffff;
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 );
    border: solid 3px #116cd5;
}
.callusnow:hover {color: #fff;}

.gototop {
    font-size: 18px;
    position: fixed;
    bottom: 40px;
    right: 50px;
    color: #7b2bba;
    border: 2px solid #7b2bba;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    padding-top: 3px;
    display: none;
    z-index: 999;
}
.gototop:hover,.gototop:active{
    color: #7b2bba;
}

.fldst-two{width: 50%;display: inline-block;padding:5px 5px 5px 0px;}
.fldst-two.last{padding:5px 4px 5px 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);}


}




/*book a call us now popup css end*/























/*floating strips css start */
.floatbutton{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: fixed;right: -650px;top: 130px;font-size: 0;width: 700px;/* transform: translateY(-50%); */z-index: 200;}
.floatbutton {display: none;}
.floatbutton.visible {display: block;}
.floatbutton.active{right: 0;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton.active .floating-overlay{display:block;}
.floatbutton .clickbutton{width: 50px;z-index: 99;height: 50px;cursor: pointer;/*box-shadow: -20px 0 35px #0000001f;*/border-radius: 40px 0px 0px 40px;/*background: #fff;*/display: inline-block;padding-top: 0;vertical-align: top;margin-top: 140px;}
.floatbutton .clickbutton .crossplus{
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
    /* height: 76px; */
    width: 152px;
    left: 0;
    color: #fff;
    /* -webkit-transform: skew(-14deg); */
    -moz-transform: skew(-14deg);
    -o-transform: skew(-14deg);
    /* transform: skew(-14deg); */
    /* border-right: 3px; */
    display: block;
    position: absolute;
    /* right: -225px; */
    width: 220px;
    background: #fff;
    top: 0;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 50px 0px 0px 50px;
    padding: 15px 4px;
}
.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: relative;
    display: block;
    /*transform: rotate(0deg);*/
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    }
.floatbutton .clickbutton .crossplus:before{
    position: absolute;
    content: "";
    background: url(../images/float-icon.png);
    width:26px;
    height: 25px;
    display: block;
    left: -171px;
    top: -96px;
    /*background-repeat: no-repeat;
    width: 124px;
    height: 96px;
    left: -73px;
    top: 75px;
    display: block;
    background-color: transparent;*/
}

p.parafloat {
    color: #fff;
    font-size: 13px;
    padding: 0 0 0 7px;
    font-weight: 700;
}

p.parafloat span {
    color: #f9bc35;
    /*font-weight: 600;*/
    font-size: 19px;
}

.crossplus h3 {
    color: #ffff;
    font-size: 45px;
    padding-left: 11px;
    line-height: 40px;
}
/*.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: #2865d2;margin: 4px 0 0 13px;}
.floatbutton .banner-form{background: #fff;padding: 20px 30px 20px 20px;position: relative;z-index: 9;border-radius: 5px 0 0 5px;margin: 0;width: 450px;max-width: 650px;display: inline-block;box-shadow: 0px 0px 30px #0000001f;}
.floatbutton .banform{}
.floatbutton .ban-form{}
.floatbutton .ban-form input{position: relative;width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 10px 15px 10px 40px;color: gray;font-size: 14px;border-radius: 8px;height: 40px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.floatbutton .ban-form select{position: relative;width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 7px 15px 10px 40px;color: gray;font-size: 14px;border-radius: 8px;height: 40px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.floatbutton .ban-form .flt-slct:after{
    position: absolute;
    content: "\e955";
    font-family: 'icomoon' !important;
    bottom: 23px;
    right: 16px;
    font-size: 14px;
}
.floatbutton .ban-form i{
        position: absolute;
    top: 14px;
    left: 30px;
    font-size: 14px;
    color: #2261d1;
}
.floatbutton .col-lg-6, .floatbutton .col-lg-12{
    padding-right: 0px;
}
.floatbutton .banner-form .intl-tel-input{width: 100%;margin-bottom: 18px;}
.floatbutton .banner-form  h3 {color: #333;
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: 400;
    padding-left: 30px;
    position: relative;
        text-align: left;
}
.floatbutton .banner-form  h3:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 5px;
    height: 85%;
    border-radius: 15px;
    background-color: #2261d1;
}    
.floatbutton .banner-form h3 strong {    font: 24px/24px "gilroy-bold", sans-serif;text-align: left;
    font-weight: 800;}
.floatbutton .ban-form input[type="submit"]{color: #fff;font-weight: 600;background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);border-radius: 6px;text-align: center;padding: 10px 15px;margin: 20px 0 0;border: transparent;}
.floatbutton .ban-form textarea{position:relative;width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px 10px 40px;color: gray;font-size: 14px;border-radius: 8px;font-weight: 400;height: 90px;outline: none !important;margin: 0px 0 0px 0;}

.floatbutton .ban-form textarea + i{
        position: absolute;
    top: 16px;
    left: 30px;
    font-size: 14px;
    color: #2261d1
}
.floating-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color:rgba(0,0,0,0.9);
    width: 100%;
    height: 100%;
    z-index: -9;
    display: none;
}
.floatbutton .btns_wrap{position:fixed;right: -6px;}
.floatbutton .btns_wrap a:hover{text-decoration: none!important;right: 0px;}
/*.floatbutton .btns_wrap .call_wrap{width: 280px;position: absolute;right: -225px;background: #fff;top: 60px;border-radius: 50px 0px 0px 50px;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;}
 
.floatbutton .btns_wrap .call_wrap span{border-left: 1px solid #ded9d9;color: #333;font-size: 20px;vertical-align: middle;background: #fff;padding: 15px 20px 15px 15px;}
.floatbutton .btns_wrap .chat_wrap{display: block;position: absolute;right: -225px;width: 280px;background: #fff;top: -5px;border-radius: 0px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 50px 0px 0px 50px;}
.floatbutton .btns_wrap .chat_wrap span.icoo,
.floatbutton .btns_wrap .call_wrap span.icoo{color: #f23386;background: #fff;font-size: 18px;padding: 15px 20px;vertical-align: middle;
display: inline-block;border-radius: 50px 0px 0px 50px;}
.floatbutton .btns_wrap .chat_wrap span{color: #333;font-size: 20px;vertical-align: middle;background: #fff;padding: 15px 30px 15px 15px;}*/
/*floating strips css end */



























.topformcontainer{
    width: 360px;
    position: absolute;
    right: 235px;
    top: 180px;
    z-index: 9;
}
.topformcontainer .topformwrap{
    background: #fff;
    /* padding: 30px; */
    height: 0px;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    /*overflow: hidden;*/
}
.topformcontainer .topformwrap{
       background: #00000059;
    /* padding: 30px; */
    height: 590px;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    overflow: hidden;
    border-radius: 8px 8px 8px 8px;
    /* box-shadow: 4px 7px 30px 4px #464182; */
}
.topformcontainer .topformwrap .formheading{
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
    text-align: center;
    padding: 20px;
}
.topformcontainer .topformwrap .formheading h2 span{
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}
.topformcontainer .topformwrap .formheading h2{
    font-size: 24px;
    padding-bottom: 0;
    color: #ffffff;
}
.topformcontainer .topformwrap .formbody{
    padding: 30px;
    border-radius:;
}

.topformcontainer .topformswitch{
    position: relative;
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
    cursor: pointer;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    font-size: 0;
    width: 50%;
    float: right;
    box-shadow: 6px 9px 30px 0 #0003;
}
.topformcontainer .topformswitch .switchicon{display: inline-block;width: 50px;height: 50px;vertical-align: middle;background: #fdaf00;text-align: center;padding: 10px;}
.topformcontainer .topformswitch .switchicon span{
    color: #fff;
    font-size: 30px;
}
.topformcontainer .topformswitch h4{
    padding-bottom: 0;
    color: #fff;
    vertical-align: middle;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    line-height: 1;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}
.topformcontainer .topformswitch h4 span{
    color:#2261d1;
    font-weight: 900;
}

.topformcontainer .topformwrap .formbody .fldset{}
.topformcontainer .topformwrap .formbody .fldset input{margin: 0 0 10px 0;background: transparent;color: #fff;border-color: #ffffff5e;}
.topformcontainer .topformwrap .formbody .fldset input[type="submit"]{margin-bottom: 0px;background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);margin-top: 10px;}
.topformcontainer .topformwrap .formbody .fldset textarea{margin:10px 0 0;height: 100px;color: #fff;background: transparent;border-color: #ffffff5e;}
.intl-tel-input{width: 100%;}
.noplus:after{display: none;}

.mysatisfied{
    background: #f5f8fa;
    padding: 30px 0;
}
.mysatisfied .fullwrapper{
    display: inline-block;
    width: 100%;
    font-size: 0;
}
.mysatisfied .fullwrapper .leftwrap{
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #c3c3c3;
}
.mysatisfied .fullwrapper .leftwrap h3{
    padding-bottom: 0;
    font-size: 18px;
    text-align: center;
}
.mysatisfied .fullwrapper .leftwrap h3 strong{
    display: block;
    font-size: 34px;
    padding: 5px 0;
    color:#2261d1;
}
.mysatisfied .fullwrapper .rightwrap{
    width: 75%;
    padding-left: 25px;
    display: inline-block;
    vertical-align: middle;
}
.mysatisfied .fullwrapper .rightwrap .coslider{}
.mysatisfied .fullwrapper .rightwrap .coslider .countslide{
    margin-bottom: 0;
    font-size: 0;
    height: 95px;
}
.mysatisfied .fullwrapper .rightwrap .coslider .countslide li{
    width: 20%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.mysatisfied .fullwrapper .rightwrap .coslider .countslide li.nbr:after{display: none;}
.mysatisfied .fullwrapper .rightwrap .coslider .countslide li:after{position: absolute;content: "";height: 35px;width: 1px;background: #e2dfdf;bottom: 0;right: 0;}
.mysatisfied .fullwrapper .rightwrap .coslider .countslide li h4{
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    color:#2261d1;
}
.mysatisfied .fullwrapper .rightwrap .coslider .countslide li p{
    text-align: center;
    padding-bottom: 0;
    color: #000;
    font-size: 16px;
}
.mysatisfied .fullwrapper .rightwrap .figureslide{
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    height: 95px;
}
.mysatisfied .fullwrapper .rightwrap .figureslide li{
    width: 20%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    position: relative;
}
.mysatisfied .fullwrapper .rightwrap .figureslide li p{font-weight: 400;padding-bottom: 0;font-size: 16px;color: #000;letter-spacing: 1px;padding-top: 52px;}
.mysatisfied .fullwrapper .rightwrap .figureslide li p span{font-weight: 600;color: #000000;}

.mysatisfied .fullwrapper .rightwrap .figureslide li:before{
    content: "";
    position: absolute;
    display: inline-block;
    background: url('../images/sprite.png') no-repeat;
    width: 44px;
    height: 48px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.mysatisfied .fullwrapper .rightwrap .figureslide li.nbr:after{display: none;}
.mysatisfied .fullwrapper .rightwrap .figureslide li:after{position: absolute;content: "";height: 35px;width: 1px;background: #e2dfdf;bottom: 0;right: 0;}
.mysatisfied .fullwrapper .rightwrap .figureslide li:nth-child(2):before{background-position: -117px -283px;}
.mysatisfied .fullwrapper .rightwrap .figureslide li:nth-child(3):before{ background-position: -204px -287px;}
.mysatisfied .fullwrapper .rightwrap .figureslide li:nth-child(4):before{background-position: -293px -286px;}
.mysatisfied .fullwrapper .rightwrap .figureslide li:nth-child(5):before{background-position: -369px -286px;}
.mysatisfied .fullwrapper .rightwrap .figureslide li:nth-child(1):before{background-position: -32px -287px}
.floatbutton.active {right: -200px; z-index: 999; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.slick-prev:before{content: "\e958";font-family: 'icomoon' !important;}
.slick-next:before{content: "\e957";font-family: 'icomoon' !important;}
.slick-prev:before, .slick-next:before{color: #ffffff;font-size: 26px;}
.slick-next{right: -50px; }
.slick-prev{left: -50px; }
.slick-prev, .slick-next{width: 50px; top: 50%; height: 50px; /* FF3.6-15 */ background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */ border-radius: 50%; box-shadow: 0 0 11px #eaf0f6; }


/*floating strips css start */
.floating_wrap{position: fixed; right: 0px; top: 150px; z-index: 201; }
.floating_wrap .btns_wrap{position: fixed;right: 0px;}
.floating_wrap .btns_wrap a:hover{text-decoration: none!important;right: 0px;}
.floating_wrap .btns_wrap .call_wrap{width: 275px; position: absolute; right: -225px; background: #fff; top: 60px; border-radius: 50px 0px 0px 50px; 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; }

.floating_wrap .btns_wrap .call_wrap span{color:#2261d1;font-size: 18px;vertical-align: middle;background: #fff;padding: 15px 20px 15px 15px;}
.floating_wrap .btns_wrap .chat_wrap{display: block; position: absolute; right: -225px; width: 275px; background: #fff; top: 0; border-radius: 0px; overflow: hidden; box-shadow: 0px 0px 40px #00000026 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 50px 0px 0px 50px; }
.floating_wrap .btns_wrap .chat_wrap span.icoo,
.floating_wrap .btns_wrap .call_wrap span.icoo{color:#2261d1; background: #fff; font-size: 20px; line-height: 1; padding: 14px 20px; border-right: 1px solid #ded9d9; vertical-align: middle; display: inline-block; border-radius: 50px 0px 0px 50px; }
.floating_wrap .btns_wrap .chat_wrap span{color:#2261d1;font-size: 18px;vertical-align: middle;background: #fff;padding: 15px 30px 15px 15px;}
/*floating strips css end */


.innerpages .filterportfolio .text{width: 100%;text-align: center;padding-right: 0px;}
.innerpages .filterportfolio .text h2{text-align: center;}
.innerpages .filterportfolio .text p{text-align: center;}
.filterportfolio .droop select option{color: #000;}
.ticklist2 li.heading{font-weight: 700;}

.mobile-cta {position: fixed; bottom: 2%; z-index: 14; left: 3%; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; display: none; }
.mobile-cta .xicon {font-size: 30px; color: #ffffff; text-align: center; width: 54px; height: 54px; display: block; border-radius: 50%; border: 4px solid #ffffff; background: #3575ff; padding-top: 4px; text-decoration: none; }





@media only screen and (min-width: 1650px) {
    /*.home-banner{height: 65vh;}*/
    .home-banner .home-banner-content{padding-top: 150px;}
}
.ticklist2 li{position: relative;}
.ticklist2 li:before{content: "\e962"; position: absolute; font-family: 'icomoon' !important; font-size: 12px; color:#2261d1; left: 0; top: 0px; }
.ticklist2 li.heading:before{display: none;}



.iconswrap{text-align: center; width: 100%; padding: 20px 0 30px; border-bottom: 1px solid #424242; }
.iconswrap .mycenter{margin-bottom: 20px; }
.iconswrap .mycenter .topajencies{margin-bottom: 0; /* text-align: center; */ }
.iconswrap .mycenter .topajencies li{display: inline-block; }
.iconswrap .mycenter .topajencies li figure{margin-bottom: 0; }
.iconswrap .mycenter .topajencies li figure img{height: 60px; }


.iconswrap .footer-img{/* text-align: center; */ }
.iconswrap .footer-img figure{margin-bottom: 0; }
.iconswrap .footer-img figure img{/* height: 40px; */ }

.gtquote .slider-wrapper{margin-top: 0px;} .gtquote .logo img{width: 200px; }

.privacyPolicy{padding-top: 165px; }
.privacy-text-wrapper p strong{font-size: 26px;    color: var(--theme-dark);}

.analyzepg .slider-wrapper{margin-top: 0}



.combo-box-section{padding: 0px 0px 100px;}

.combo-box-section .row {
    position: relative;
}

.combo-box-section .row:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: #f5f8fa;
    border-radius: .2rem;
    -moz-box-shadow: 0 0 11px #eaf0f6;
    -webkit-box-shadow: 0 0 11px #eaf0f6;
    -box-shadow: 0 0 11px #eaf0f6;
    box-shadow: 0 0 11px #eaf0f6;
    content: '';
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out;
}


.combo-box-section .smallboxes{
    /*text-align: left;*/
    padding: 60px 0px;
    }
.combo-box-section .smallboxes .smallbox{text-align: center;width: 70%}

.combobox-content{margin-top: 100px;padding-top: 100px;}
.combobox-hd{font-size: 36px;margin-bottom: .2em;}
.combobox-para{    font-size: 24px;     line-height: 1.4;     margin-bottom: 1.5em;     padding: 0px;}
.combobox-para1{    font-size: 20px;     line-height: 1.4;        padding: 0px 0 30px 0;}

.combo-box-main,.combo-box-main:hover{
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        text-transform: capitalize;
        background: -moz-linear-gradient(left, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* FF3.6-15 */
background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */
        border-radius: 3px;
        padding: 14px 20px;
        width: 215px;
        display: inline-block;
        text-align: center;
}
.combo .main-menu.d-lg-block{display: none !important;}

.combo .header-main.showmenu .othermenu{display: none;}
.combo .header-main.showmenu .secondlogo{padding-top: 19px;}

.brndg-pckg {background: #f0f3f8;padding: 100px 0;text-align: center;}

.brndg-pckg p {font-size: 20px;}
.brndg-pckg .pckg-sec {border: 1px solid transparent;padding: 35px;border-radius: 3px;background: #fff;-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;}
.brndg-pckg .pckg-sec:hover{border: 1px solid #ffffff;background: -moz-linear-gradient(left, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* FF3.6-15 */
background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */-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;}
   .brndg-pckg .pckg-sec:hover .text-wrp h5{
    color: #ffffff;
}
.brndg-pckg .pckg-sec:hover .text-wrp ul li:before{
    color: #ffffff;
}
.brndg-pckg .pckg-sec:hover .text-wrp ul li{
    color: #ffffff;
}
.brndg-pckg .pckg-sec:hover .ofer-wrp h6{
    color: #ffffff;
}
.brndg-pckg .pckg-sec:hover .ofer-wrp a{
    background: #ffffff;
    color:#2261d1;
}
.brndg-pckg .pckg-sec:hover .ofer-wrp p{
    color: #ffffff;
}
.brndg-pckg .pckg-sec .mrg-tp-10 {margin-top: 10px;}
.brndg-pckg .pckg-sec .text-wrp {}
.brndg-pckg .pckg-sec .text-wrp h5 {text-align: left;}
.brndg-pckg .pckg-sec .text-wrp ul {margin: 0;}
.brndg-pckg .pckg-sec .text-wrp ul li {position: relative;font-size: 14px;padding: 0 0 10px 20px;text-align: left;}
.brndg-pckg .pckg-sec .text-wrp ul li:before {content: "\e962";position: absolute;font-family: 'icomoon' !important;
    font-size: 15px;color:#2261d1;left: 0;    top: 3px;}
.brndg-pckg .pckg-sec .text-wrp ul li i {}
.brndg-pckg .pckg-sec .ofer-wrp {    padding: 40px 0 40px 0;}
.brndg-pckg .pckg-sec .ofer-wrp p {font-size: 16px; text-decoration:line-through; padding: 0;}
.brndg-pckg .pckg-sec .ofer-wrp h6 {font-size: 40px; color:#2261d1; padding-bottom: 0; margin-bottom: 15px; font-weight: 700; }
.brndg-pckg .pckg-sec .ofer-wrp a {}
.brndg-pckg .pckg-sec .ofer-wrp .img-wrp {padding: 30px 0 0 0;}
.brndg-pckg .pckg-sec .ofer-wrp span {display: block;}
.brndg-pckg .pckg-sec .ofer-wrp span a {color: #687087;}


.price-btnwrap .vdetails{
    transform: translateY(0rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color:#2261d1;
    font-weight: 600;
    text-transform: capitalize;
    background: #ffffff;
    border-radius: 8px;
    font-size: 16px;
    border: 1px solid transparent;
    padding: 16px 20px;
    display: inline-block;
    margin-right: 11px;
}
.price-btnwrap .vdetails:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color:#2261d1;}

.header-main.stick .top-bar{
    background: #f5f8fa;
}
.header-main.stick{
    -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.stick .nav-area-full{
    background: #ffffff;
}

.header-main.stick .main-menu > ul > li > a{
    color: #000;
}
.hdar-clr .main-menu > ul > li > a{
    color: #000;
}
.hdar-clr .nav-area-full {
    background: #ffffff;
}
.hdar-clr .top-bar {
    background: #f5f8fa;
}
.hdar-clr .emailsec a {
    color: #000;
}
.hdar-clr .top-info-list li a {
    color: #000;
}
.hdar-clr .btn-main {
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
}
.hdar-clr .main-menu > ul > li:after {
    border-right: 1px solid #ecebeb;
}
.hdar-clr .header-main .fwhite {
    display: none;
}
.hdar-clr .header-main .fblack {
    display: block;
}

.header-main.stick .emailsec a{
    color: #000;
}
.header-main.stick .top-info-list li a{color: #000;}
.header-main.stick .main-menu > ul > li{}
.header-main.stick .btn-main{background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);}

.header-main .fblack{display: none;}
.header-main .fwhite{display: block;}
.header-main.stick .fwhite{display: none;}
.header-main.stick .fblack{display: block;}
.rightside{margin-left: 10px;float: right;}
.mybtnwrap{position: relative;}
.mybtnwrap .btn-theme-outline{
    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);
    border:none;
}
.mybtnwrap .rightside{position: relative;right: 0;top: 22px;right: 30px;max-width: 110px;margin:0px;} 
.mybtnwrap .rightside:nth-child(3) {
    margin-left: -20px;
}

.banner-bot{}
.banner-bot ul{  font-size: 0;}
.banner-bot ul li{
    display: inline-block;
    width: 20%;
     padding-top: 20px;
 
}
.banner-bot ul li img{
    width: 100%;
}




.mprocess{
    padding: 40px 0;
}
.mprocess .txtwrap{}
.mprocess .txtwrap h2{
    font-size: 36px;
    text-align: left;
    font-weight: 700;
}
.mprocess .txtwrap p{
    font-size: 20px;
    line-height: 1.4;
    text-align: left;
    padding-bottom: 20px;
}
.mprocess .txtwrap .whatlist{
    margin-bottom: 0;
}
.mprocess .txtwrap .whatlist li{
    padding: 10px 0;
    font-size: 0;
}
.mprocess .txtwrap .whatlist li figure{
    margin-bottom: 0;
    width: 14%;
    display: inline-block;
    vertical-align: top;
}
.mprocess .txtwrap .whatlist li figure img {width: 70%;}
.mprocess .txtwrap .whatlist li figure img {width: 70%;}

}

.mprocess .txtwrap .whatlist li figure span{
    font-size: 50px;
    color: #2261d1;
}
.mprocess .txtwrap .whatlist li .textpart{
    width: 86%;
    display: inline-block;
    vertical-align: top;
}
.mprocess .txtwrap .whatlist li .textpart h3{
    font-size: 22px;
}
.mprocess .txtwrap .whatlist li .textpart p{
    font-size: 16px;
    padding-bottom: 0;
}

.mprocess .mfig{
    margin-top: 50px;
    margin-bottom: 0;
}
.mprocess .mfig img{
    width: auto;
    height: 450px;
}
.header-main .has-submenu a i{font-size: 13px;margin-left: 5px;}
.border-box-effect:hover{
    box-shadow: 0px 0px 20px #00000036;
}

.mylast{
    padding: 30px 0;
    background-image: -webkit-linear-gradient(45deg, #6700bd, #00bda5);
    background-image: linear-gradient(45deg, #6700bd, #00bda5);
}

.personalcta{
    text-align: center;
    margin-bottom: 0;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    padding: 20px 15px;
    font-size: 0;
    margin-top: 45px;
}
.personalcta li{
    display: inline-block;
    vertical-align: middle;
}
.personalcta li.text{width: 100%;}
.personalcta li.text h3{
    font-size: 15px;
}
.personalcta li.text h3 a{
    color: #2261d1;
    margin-left: 10px;
}

.personalcta li.perbtn{
    /* width: 40%; */
}
.personalcta li.perbtn a{
    font-size: 16px;
    margin-top: 0;
    display: inline-block;
    width: 100%;
}

.ecomm .home-banner-content h1{    font-size: 42px;
}

.innerpages .mprocess .txtwrap .whatlist li figure{display: none;}
/*.innerpages .mprocess .txtwrap .whatlist li .textpart{width: 100%;}*/



.mCSB_scrollTools .mCSB_draggerRail{
        background-color: #33333326;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
        background-color: #1668d4;
}

@media only screen and (max-width:1024px){
  .home-banner{
    height: 450px;
  }
  .counter-wrap {
    padding: 20px 40px;
}
.servicesec .myservices .left{
    width: 50%;
}
.myservices .right{
    width: 50%;
}
.btn-theme-outline{
  padding: 12px 20px;
}
.btn-packages {
    font-size: 14px;
    padding: 16px 16px;
}
.price-btnwrap .vdetails{
    margin: 0 0 15px 0;
    font-size: 14px;
    padding: 16px 28px;
}
.smallboxes .smallbox h4 {
   font-size: 18px;
}
.smallboxes .smallbox h2 {
    font-size: 30px;
}
.slick-prev, .slick-next {
    width: 35px;
    height: 35px;
    z-index: 9;
}
.slick-next {
    right: -32px;
}
.slick-prev {
    left: -32px;
}
.listsss ul li {
    width: 100%;
}
.midbanner-text.midbrand .off-percent{
    position: relative;
    width: 100%;
}



}



/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {

.twoboxes .contactboxeswrap .contactbox{
    width: 48.5%;
}
.twoboxes .contactboxeswrap .contactbox p{
    font-size: 16px;
}
.home-banner{
    height: 850px;
  }

}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
.home-banner{
    height: 650px;
  }
  .listsss ul li {
    width: 25%;
}
.listsss ul li .packaging-lists > ul >li.heading{
    font-size: 16px;
}
.twoboxes .contactboxeswrap .contactbox{
    width: 48.5%;
}
.twoboxes .contactboxeswrap .contactbox p{
    font-size: 16px;
}



}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
.mobile-res-logo {
    display: block;
}
.home-banner{
    height: 450px;
    background: #fff;
}
.nav-area-full {
    margin-top: 0px;
    padding: 10px 0;
    top: 0;
    background: #e5e5e5;
}
.mobile-nav-btn {
    z-index: 999;
    top: 12px;
}
.gridlisting li .innerwrap h3 {
    font-size: 22px;
}
.gridlisting li.nbb {
    vertical-align: top;
}
.gridlisting li .innerwrap p {
    font-size: 13px;
}
.counter-wrap {
    padding: 20px 55px;
}
.servicesec .boxwrap li {
    min-height: 200px;
    padding: 15px;
}
.servicesec .boxwrap li h6 {
    font-size: 14px;
}
.qualities.logodesign h2, .brndg-pckg h2, section.sponsors-sec h2, .dptestimonials h2, 
.form-box-main h2, .myservices .left h2, .servicesec h4, .pricing-sec h2, .myservices .left h2, 
.innerpages .filterportfolio .text h2, .mid-banner h1, .mid-banner h2 {
    font-size: 28px;
}
.btn-theme-outline {
    padding: 12px 21px;
}
.pricing-sec .nav-pills li {
    margin: 10px 0 10px 0;
}
.pricing-sec .nav-pills li a {
    padding: 10px 10px;
    font-size: 16px;
}
.brndg-pckg .pckg-sec .text-wrp h5 {
    font-size: 18px;
}
.brndg-pckg .pckg-sec .ofer-wrp h6 {
    font-size: 28px;
}
.bottomcta .ctalist li .wrap .textpart a {
    font-size: 14px;
}
.bottomcta .ctalist li .wrap .textpart p {
    font-size: 14px;
}
.bottomcta .ctalist li .wrap .iconpart span {
    font-size: 22px;
}
.bottomcta .ctalist li h3 {
    font-size: 22px;
}
.bottomcta {
    padding: 30px 0;
}
.mygrid h2 {
    font-size: 26px;
}
.cta h3 {
    font-size: 18px;
}
.cta h6 a {
    font-size: 20px;
}
.filterportfolio, .pricing-sec, section.sponsors-sec, .dptestimonials, section.qualities, .belowform, .mygrid, .brndg-pckg {
    padding: 40px 0;
}
.smallboxes .smallbox h4 {
    font-size: 18px;
}
.smallboxes .smallbox p {
    font-size: 14px;
}
.btn-packages{
    font-size: 14px;
}
.price-btnwrap .vdetails{
    font-size: 14px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 16px 28px;
    margin-right: 10px;
}
.smallboxes .smallbox h2{
    font-size: 30px;
}
.ticklist2 li {
    font-size: 14px;
}
.slider-wrapper{
    margin-top: 57px;
}
.topformcontainer {
    display: none;
}
.listsss ul li{
    width: 100%;
}
.midbanner-text.midbrand .off-percent{
    position: relative;
    width: 100%;
}
.oddinner-banner {
    margin-top: 55px;
}
.floating_wrap.visible, .floatbutton{
    display: none;
}
.home-banner-content {
    padding-top: 0px;
}
.smallboxes .smallbox {
    width: 46%;
    padding: 15px;
}



}


.myban input::-webkit-input-placeholder {color: #ffffffc2; opacity: 1 !important; }
.myban input:-moz-placeholder {color: #ffffffc2; }
.myban input::-moz-placeholder {color: #ffffffc2; }
.myban input:-ms-input-placeholder {color: #ffffffc2;}

.myban textarea::-webkit-input-placeholder {color: #ffffffc2; opacity: 1 !important; }
.myban textarea:-moz-placeholder {color: #ffffffc2; }
.myban textarea::-moz-placeholder {color: #ffffffc2; }
.myban textarea:-ms-input-placeholder {color: #ffffffc2;}

.myban .intl-tel-input.separate-dial-code .selected-dial-code{color: #ffffffc2; }


@media only screen and (max-width: 767px) {
    .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{padding: 5px 20px;}
    .form-box-main form .col-md-6, .form-box-main form .col-md-12 {
    padding-bottom: 15px;
    }
    .form-box-main form input[type=checkbox]:not(old), .form-box-main form input[type=radio ]:not(old){    width: 28px;
    height: 24px;
    position: absolute;}
    .form-box-main form input[type=checkbox]:not(old) + label, input[type=radio ]:not(old) + label{height: 22px;}
    .dptestimonials .testwrap .testbox .user{margin-bottom: 20px;}
    .form-box-main p{    font-size: 16px;text-align: center;}
    .form-box-main form{width: 100%;}
    .nopaddding label{    margin-left: 0px !important;}
    .callusnow{display: none!important;}
    .mybtnwrap .rightside{display: none!important;}
.ys-container.visible, .ys-layer.visible{
    display: none !important;
}
    .filterportfolio .text{
        width: 100%;
    }

    .callusnow{
        left:15px;
        bottom: 80px;
    }

    .book-call-ys-box {
    width: 93% !important;
}

.book-call-popupform h2{
    font-size: 14px;

}
.book-call-popupform h2{
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
}
.book-call-popupform form input{
    height: 40px;
}
.book-call-popupform form .callus{
        line-height: 28px;
        font-size: 16px;
}
.fldst-two{
    width:100%;
    padding:5px 0px;
}
.book-call-popupform form .fldst{
    margin: 0 0 15px;
}

.fldst-two.last{padding:5px  0px;}




.book-call-popupform form .fldst .intl-tel-input{
    width:100%;
}

.book-call-ys-popup-content{
        padding: 20px 20px;
}



.price-btnwrap .vdetails{
        margin: 0 10px 0 0;
     }
.home-banner {
    height: 550px;
}
.brndgpge .home-banner {
    padding-top: 55px;
}
.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: left;}  
.footer-nav2 {/* margin: 10px auto 10px auto; *//* display:table; */float: none;margin-top: 0;}
.disclaimer { text-align:center; }
.portfoliolist .border-box-effect{
   clear: unset;
}
.pricing-sec .nav-pills li a {
    padding: 7px 7px;
}
.pricing-sec .slick-dots {
    bottom: -30px;
}
.listsss ul li{
    width: 100%;
}
.midbanner-text.midbrand .off-percent {
    float: none;
    position: relative;
    width: 100%;
}


}

@media only screen and (max-width:736px){
.pricing-sec h2{
    padding-top: 20px;
}
.main-wtn-sec ul li{
    width: 100%;
    text-align: center;
}
.dext {
    padding: 20px 35px;
}
.main-wtn-sec ul li:last-child {
    width: 100%;
}
.banslidee .slick-next, .banslidee .slick-prev {
     display: none !important;
}
.servicesec .myservices .left {
    width: 100%;
}
.myservices .right {
    width: 100%;
}
.servicesec .boxwrap li h6 {
    font-size: 12px;
}
.servicesec .boxwrap li {
    min-height: 80px;
    padding: 7px;
    margin: 10px 2px;
}
.servicesec .boxwrap li i {
    display: block;
}
.oddinner-banner {
    margin-top: 55px;
}
.mobile-cta{
    display: block;
}
.home-banner {
    background: #3575ff;
    background-image: none !important;
}
.hompg .home-banner-content {
    padding-top: 60px;
}
.pricing-sec, .weDifferent-sec, .who-we-sec, .ourprocesses, .packages-sec, .ourapproachsec, .bottom-form, .faqsection, .singletestimonials, .cta, .satisfactionfold {
    padding: 30px 0;
}
.border-box-effect{
    height: 210px;
}
body .filterportfolio, body section.qualities, body .dptestimonials {
    padding: 30px 0;
}
.mtpx-100 {
    margin-top: 50px !important;
}
.brndgpge .home-banner {
    height: 460px;
}
.brndgpge .container {
    max-width: 700px;
}
.price-btnwrap .vdetails {
    margin: 0 7px 0 0;
}
.brndgpge .home-banner-content {
    padding-top: 0px;
}
.nav-area-full {
    background: #e5e5e5;
}
#factsTwo .slick-next{
    right: 10px;
    box-shadow: none;
    background: #fff;
}
#factsTwo .slick-prev{
    left: 10px;
    box-shadow: none;
    background: #fff;
}
#factsTwo .slick-prev:before, #factsTwo .slick-next:before {
    color: #2261d1;
}
#factsTwo .portfoliolist {
    margin-top: 0px;
}
.smallboxes .smallbox {
    width: 47%;
    padding: 15px;
    margin: 12px 6px;
        border: 1px solid #732fb9;
}
.smallboxes .smallbox .price-btnwrap a{
    text-align: center;
}
.smallboxes .smallbox .actions .col-md-6.col-xs-6 {
    width: 50%;
}
.smallboxes .smallbox .actions .act-box2 {
    padding-left: 0px;
}
.smallboxes .smallbox a.spek-us:after {
    right: -95px;
}
.smallboxes .smallbox .actions a span {
    font-size: 12px;
}



}


@media only screen and (max-width: 480px) and (min-width: 0px)   {
.mobile-nav-btn {
    top: 10px;
}
.pricing-sec .slick-next {
        right: 155px;
    top: auto;
    bottom: -40px;
}
.pricing-sec .slick-prev {
        left: 154px;
    bottom: -40px;
    top: auto;
}
.smallboxes .smallbox {
    margin: 12px 0px;
    width: 100%;
    padding: 0px;
    margin-bottom: 40px;
}
.logodesign section.call-actions h3 {
    font-size: 17px;
}
.brndg-pckg h2, section.sponsors-sec h2, .dptestimonials h2, .form-box-main h2, .myservices .left h2, .servicesec h4, .pricing-sec h2
,.myservices .left h2, .innerpages .filterportfolio .text h2, .mid-banner h1, .mid-banner h2 {font-size: 26px; text-align:center; }
.border-box-effect{
    width: 100%;
}
.mobile-res-logo{
    display: block;
}
.border-box-effect{
    clear: unset;
}
.portfoliolist .slick-dots {
    bottom: -30px !important;
}
.has-border.mob-noborder{
    border-right: none;
}
.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}

.servicesec .myservices .left {
    width: 100%;
}
.myservices .right {
    width: 100%;
}
.pricing-sec{
    padding: 50px 0;
}
.home-banner-content {
    padding-top: 30px;
}
.brndg-pckg {
    padding: 50px 0;
}
.cta{
    padding: 50px 0;
}
.counter-wrap {
    padding: 20px 55px;
}
.servicesec{
    padding: 50px 0;
}
.listsss ul li{
    width: 100%;
}
.midbanner-text.midbrand .off-percent {
    float: none;
    position: relative;
    width: 100%;
}
.oddinner-banner {
    margin-top: 55px;
}
.home-banner {
    height: 600px;
    background: #3575ff;
    background-image: none !important;
}
section.call-actions h3 {
    font-size: 16px;
}
.form-box-main form input[type="file"] {
    width: 100%;
}
.mprocess .txtwrap .whatlist li figure {
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}
.mprocess .txtwrap .whatlist li .textpart {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
}
.mprocess .txtwrap p{
    text-align: center;
}
.pricing-sec, .weDifferent-sec, .who-we-sec, .ourprocesses, .packages-sec, .ourapproachsec, .bottom-form, .faqsection, .singletestimonials, .cta, .satisfactionfold {
    padding: 30px 0;
}
.border-box-effect {
    height: 100%;
    margin: 0px;
}
.filterportfolio .slick-next {
    right: 150px;
    top: auto;
    bottom: -50px;
}
.filterportfolio .slick-prev {
    left: 150px;
    top: auto;
    bottom: -50px;
}
.innerpages .border-box-effect {
    height: 250px;
}
.innerpages .home-banner {
    height: 500px;
}
.btn-theme{font-size: 14px;}
.brandingservices .btn-theme {
    padding: 12px 20px;
    font-size: 14px;
}
.ecomm .home-banner {
    height: auto;
    padding-bottom: 30px;
    background: #172554;
    background-image: none !important;
}
.ecomm .home-banner-content h1 {
    font-size: 30px;
}
.mprocess {
    padding: 30px 0;
}
.mprocess .txtwrap h2 {
    font-size: 24px;
}
.pricing-sec h2{
    padding-top: 30px;
}
body .mygrid {
    padding: 50px 0 0 0;
}
.home-banner-content h1 {
    font-size: 30px;
}
.innerpages .home-banner {
    height: 490px;
}
.mtpx-100 {
    margin-top: 30px !important;
}
.brndgpge .home-banner {
    padding-top: 35px;
}
#factsTwo .slick-next{
    right: 10px;
    box-shadow: none;
    background: #fff;
}
#factsTwo .slick-prev{
    left: 10px;
    box-shadow: none;
    background: #fff;
}
#factsTwo .slick-prev:before, #factsTwo .slick-next:before {
    color: #2261d1;
}
#factsTwo .portfoliolist {
    margin-top: 0px;
}
.webdsgnprtypge .home-banner {
    height: 450px;
}
.smallboxes .smallbox .price-btnwrap a{
    text-align: center;
}
.smallboxes .smallbox .actions .col-md-6.col-xs-6{
    width: initial;
    padding: 0px;

}
.smallboxes .smallbox .actions a span {
    font-size: 13px;
}
.smallboxes .smallbox .actions .act-box2 {
    padding-left: 35px;
}
.smallboxes .smallbox a.spek-us:after {
    right: -150px;
}


.smallboxes .smallbox .actions{
    padding-left: 20px;
}

}

@media only screen and (max-width:375px){
.hompg .home-banner-content {
    padding-top: 30px;
}
.home-banner-content h1 {
    font-size: 32px;
    line-height: 1.2;
}
.slick-dots li {
    margin: 4px 5px;
}
.price-btnwrap .vdetails {
    font-size: 14px;
    padding: 14px 20px;
}
.btn-packages {
    font-size: 14px;
    padding: 14px 20px;
}
.pricing-sec .slick-dots {
    bottom: -17px;
}
.btn-theme-outline {
    padding: 12px 20px;
}
.qualities.logodesign h2, .brndg-pckg h2, section.sponsors-sec h2, .dptestimonials h2, .form-box-main h2, .myservices .left h2, .servicesec h4, .pricing-sec h2, .myservices .left h2, .innerpages .filterportfolio .text h2 {
    font-size: 22px;
    text-align: center;
}
.pricing-sec .slick-next {
    right: 135px;
    top: auto;
    bottom: -40px;
}
.pricing-sec .slick-prev {
    left: 133px;
    top: auto;
    bottom: -40px;
}
.mybtnwrap .rightside {
    right: -10px;
}
.filterportfolio .slick-next {
    right: 140px;
    top: auto;
    bottom: -50px;
}
.filterportfolio .slick-prev {
    left: 130px;
    top: auto;
    bottom: -50px;
}
.home-banner {
    height: 570px;
}
.brndgpge .home-banner {
    padding-top: 22px;
}



}


/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .pricing-sec  .slick-next {
    right: 225px;
    top: auto;
    bottom: 0px;
}
.pricing-sec .slick-prev {
    left: 225px;
    bottom: 0px;
    top: auto;
}
.pricing-sec, .weDifferent-sec, .who-we-sec, .ourprocesses, .packages-sec, .ourapproachsec, .bottom-form, .faqsection, .singletestimonials, .cta, .satisfactionfold {
    padding: 30px 0;
}

.mprocess {
    padding: 30px 0 0px 0;
    margin-bottom: 30px;
}
.mprocess .mfig {
    margin-top: 0px;
    margin-bottom: 0;
}

.home-banner {
    background: #fff;
}


  }



@media only screen and (max-width:320px){
    .btn-theme-outline{
        font-size: 14px;
        padding: 12px 15px;
    }
    .logodesign section.call-actions h3 {
    font-size: 14px;
}
.has-border.mob-noborder {
    border-right: 1px solid transparent;
}
.has-border.nobrd{
    border-right: none;
}
section.call-actions h3 span {
    font-size: 16px;
}
.slick-dots li {
    margin: 4px 4px;
}
.home-banner-content {
    padding-top: 25px;
}
.home-banner-content h1 {
    font-size: 30px;
}
.price-btnwrap .vdetails {
    font-size: 13px;
    padding: 12px 12px;
}
.btn-packages {
    font-size: 13px;
    padding: 12px 12px;
}
.smallboxes .smallbox {
    /*padding: 15px 10px;*/
}
.pricing-sec .slick-dots {
    bottom: -4px;
}
.qualities.logodesign h2, .brndg-pckg h2, section.sponsors-sec h2, .dptestimonials h2, .form-box-main h2, 
.myservices .left h2, .servicesec h4, .pricing-sec h2, .myservices .left h2, 
.innerpages .filterportfolio .text h2, .mid-banner h1, .mid-banner h2 {
    font-size: 20px;
    text-align: center;
}
.mid-banner h1 {
   line-height: 30px;
}
.home-banner {
    height: 620px;
}
.mybtnwrap .rightside {
    top: 80px;
    right: 142px;
}
.pricing-sec .slick-next {
    right: 110px;
}
.pricing-sec .slick-prev {
    left: 105px;
}
.innerpages .home-banner {
    height: 530px;
}
.filterportfolio .slick-next {
    right: 115px;
    top: auto;
    bottom: -50px;
}
.filterportfolio .slick-prev {
    left: 100px;
    top: auto;
    bottom: -50px;
}
.testslider .slick-dots{
    bottom: -20px;
}
.hompg .home-banner-content {
    padding-top: 20px;
}
.ecmerpge .home-banner {
    height: 570px;
}
.webdsgnprtypge .home-banner {
    height: 460px;
}
.smallboxes .smallbox .actions .act-box2 {
    padding-left: 15px;
}
.smallboxes .smallbox a.spek-us:after {
    right: -123px;
}

-moz-appearance:;
-webkit-appearance: radio;

}

@media only screen and (min-width:771px) and (max-width:1370px) {
    .topformcontainer{right:80px;}
}

@media only screen and (min-width: 1700px) {
    .topformcontainer{right: 436px;}
}

.overl{position: relative;}
.overl:before{
    position: absolute;
    opacity: 0.9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000823;
    background: -moz-linear-gradient(45deg, #000823 0%, #2c0776 42%, #91298b 100%);
    background: -webkit-linear-gradient(45deg, #000823 0%,#2c0776 42%,#91298b 100%);
    background: linear-gradient(45deg, #000823 0%,#2c0776 42%,#91298b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000823', endColorstr='#91298b',GradientType=1 );
    
}





.overlay-bg.vis{display: block!important;}
.overlay-bg {
    display: none;
    /*background-image: url(../img/pattern.png);*/
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.94;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

.mypopup-wrap{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;width: 800px;height: 600px;border-radius: 10px;position: fixed;left: 0;right: 0px;top: -20000px;bottom: 0px;margin: auto;z-index: 99999;overflow: hidden;}
.mypopup-wrap .mypopup{border-radius: 10px;font-size: 0px;background: #fff;}
.mypopup-wrap .mypopup .left{width: 50%;vertical-align: top;display: inline-block;overflow: hidden;}
.mypopup-wrap .mypopup .left figure{
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
}
.mypopup-wrap .mypopup .left figure img{
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    }

.mypopup-wrap .mypopup .right{width: 50%;padding: 20px 20px;vertical-align: top;display: inline-block;}
.mypopup-wrap .mypopup .right .closebutton{
    position: relative;
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
    transform: rotate(45deg);
}
.mypopup-wrap .mypopup .right .closebutton:before{content: "";position: absolute;height: 20px;width: 1px;top: 0;background: #000;left: 0;right: 0;margin: 0 auto;display: block;}
.mypopup-wrap .mypopup .right .closebutton:after{content: "";position: absolute;height: 1px;width: 20px;top: 0;left: 0;background: #000;display: block;bottom: 0;margin: auto;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap{
    /*padding-top: 40px;*/
}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3{font-size: 26px;line-height: 1;text-align: center;padding-bottom: 35px;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span{font-size: 48px;display: block;color: #e9292c;margin-top: 5px;}

.mybannerform #contactfrm input::-webkit-input-placeholder { /* Edge */
  color: #848383;
}

.mybannerform #contactfrm input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #848383;
}

.mybannerform #contactfrm input::placeholder {
  color: #848383;
}
.mybannerform #contactfrm input{
    color:#666666;
    
}
.mybannerform #contactfrm textarea::placeholder{
    color: #848383;
    font-size: 14px;
}
.mybannerform #contactfrm textarea::-webkit-input-placeholder {
  color: #848383;
}

.mybannerform #contactfrm textarea:-moz-placeholder { /* Firefox 18- */
  color: #848383;
}

.mybannerform #contactfrm textarea::-moz-placeholder {  /* Firefox 19+ */
  color: #848383;
}

.mybannerform #contactfrm textarea:-ms-input-placeholder {
  color: #848383;
}

.mybannerform #contactfrm textarea::placeholder {
  color: #848383;
}


.mybannerform #contactfrm textarea{
    color:#666666;
    font-size: 14px;
}
.mypopup-innerwrap .form_wrap .mybannerform #contactfrm{
    padding:0px;
}
.mypopup-innerwrap .form_wrap{
    padding: 73px 15px;
}
.mypopup-innerwrap .form_wrap .hero_form{}
.mypopup-innerwrap .form_wrap .hero_form form{}
.mypopup-innerwrap .form_wrap .hero_form .form-control{
    border-radius: 10px;
    border: 1px solid #b9b8b8;
}
.mypopup-innerwrap .form_wrap .hero_form .form-control:focus{border: 1px solid #5d03db;}
.mypopup-innerwrap .form_wrap .hero_form textarea.form-control{color: #000;}
.mypopup-innerwrap .form_wrap #quoteForm textarea.form-control{min-height: 85px;}

.mypopup-innerwrap .form_wrap .hero_form #quoteSubmit{
    border-radius: 10px;
    min-width: 100%;
}
.mypopup-innerwrap .form_wrap .hero_form .col-md-6{width: 100%;}
.mypopup-innerwrap .form_wrap .hero_form .col-sm-6{width: 100%;}
.hero_form .field-mergedleft{padding-left: 15px;}
.hero_form .field-mergedright{padding-right: 15px;}
.mypopup-innerwrap .form_wrap .hero_form .margin-bottom-20 {margin-bottom: 10px;}

.form_wrap .mybannerform{margin-top:0px;padding:40px 20px;background:transparent;text-align:center;}
.eggoffer.show{position: fixed;bottom: 8px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.eggoffer{
    width: 180px;
    cursor: pointer;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    bottom: 10px;
    left: 8px;
    z-index: 999;
    overflow: hidden;
}
.eggoffer .top{
    position: relative;
    z-index: -1;
}
.eggoffer .top figure{
    text-align: center;
}
.eggoffer .top figure img{
    opacity: 1;
    margin:0 auto;
}
.eggoffer .bottom{
    cursor: pointer;
    padding: 16px 5px;
    border-radius: 5px;
    background: #16a07d;
}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3:before,.eggoffer .bottom h3:before{display: none;}
.eggoffer .bottom h3{
    font-size: 14px;
    margin: 0;
    color: #fff;
}
.eggoffer .bottom span{
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  width: 100%;
  padding-top: 6px;
  line-height: 1;
  display: inline-block;
  text-align: center;
  text-shadow: 0 2px 2px #666;
}



.eggoffer .broken{display: none;}
.eggoffer .unbroken{display: block;}

.mypopup-wrap .easter{display: none!important;}


.packages-sec-before{position: relative;background: unset;}
.packages-sec-before:before{
    position: absolute;
    content: '';
    top: 0px;
    z-index: -999999;
    width: 100%;
    height: 450px;
    background: linear-gradient(to bottom, #EAEAFF 0%,#FFFFFF 100%);
}
.packages-sec-before h2{color: #171717;}
.packages-sec-before p{color: #687087;}
.packages-sec-before .nav-pills li a{color: #687087;}

.home-form{padding: 40px;}
.home-form .form-box-main form{width: 100%;}
.home-form img{}

.new-testi .testwrap li{opacity: 0.8;}
.new-testi img.rounded-circle{margin-bottom: 10px;    border: 1px solid #2062d1;}
.new-testi  .testwrap li.slick-active{opacity: 1;}


/*================EXIT-POPUP-START===================*/
.ys-layer{display:none;opacity:0.7;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;}
.ys-container{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0, 0, 0, .5);z-index:9999;}
.ys-container.visible, .ys-layer.visible{display:block;}
.ys-box{background-color:#f5f5f5;width:0;height:0;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);border-radius:10px 10px 20px 20px;transition:height .2s ease-in-out;}
.ys-popup-close{position:absolute;color: #ffffff;text-align:center;font-size: 25px;text-decoration:none;display:block;right: -24px;top: -16px;font-weight:700;background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%);border-radius: 50%;}
.ys-container.finished .ys-popup-close{width:40px;height:40px;text-indent:0;}
.ys-popup-content{display:none;padding:20px 40px;background:#f5f5f5;border-radius:7px 7px 10px 10px}
.ys-container.finished .ys-popup-content{display:block;}
.ys-popup-close:hover{text-decoration:none;color:#f00;}
.ys-box{border-top: 5px solid #7c2cbb;height:574px;width:572px !important;padding:0;background-size:cover;}
.ys-box .mainbann{border-radius:20px 20px 0 0;width:100%;}
.popupform h3.main-heading{
    background: unset;
    color: #1767d3;
}
.popupform h3.main-heading span{
    display: block;
    font-size: 16px;
    color: #5b40c3;
}
.popupform figure{}
.popupform figure img{}
.popupform p{color:#42526E;font-size:18px;padding:0 0 8px;text-align:center;}
.popupform form p{color:#42526E;font-size:14px;font-weight:500;}
.popupform form p span{color:#0c71f4;}
p.small{font-size:14px;color:#000;text-align:center;display:block;}
.popupform form{font-size:0;}
.popupform form .fldst{margin:0px;display:block;width:100%;}
.popupform form .fldst .intl-tel-input{width:100%;margin-bottom:15px;}
.popupform form .fldst.btnattach button{outline:none;position:relative;bottom:0;border:0;display:block;right:0;width:100%;height:50px;border-radius:5px;cursor:pointer;font-size:16px;color:#fff;}
.popupform form p a{font-weight: 600;}
.popupform form .lst-p{text-align:center;padding:15px 0px;}
.popupform form input{width:100%;margin:0 0 0 0;border:1px solid #cbcbcb;background:white;padding:10px 15px;color:gray;font-size:14px;border-radius:10px;height:50px;font-weight:400;outline:none !important;margin:0 0 15px 0;color: #535353;}
/*.popupform h3{position:absolute;top:0px;left:0px;right:0px;margin:0 auto 10px;display:block;width:55%;text-align:center;background:#524a61;color:#fff;border-radius:0 0 10px 10px;padding:10px;font-size:30px;}*/
.popupform figure{text-align:center;margin:0px 0 0px 0;}
.popupform figure img{width:30%;}
.intl-tel-input .country-list .country, .intl-tel-input .country-list .country-name {font-size: 14px; }
.popupform .btn::after{border-radius: 10px !important;}
/*================EXIT-POPUP-END===================*/








@media only screen and (max-width: 767px) and (min-width: 0px)   {
    .wheelpopupwrap.visible,.overlay-bg.vis,.mypopup-wrap,.mypopup-wrap.active,.eggoffer,.mypopup-wrap{display: none!important;}
}
.mypopup-innerwrap .form_wrap form input,.mypopup-innerwrap .form_wrap form textarea{color: #000;}
.mypopup-innerwrap .form_wrap form input[type="submit"]{color: #fff;}
.mypopup-innerwrap .intl-tel-input.separate-dial-code .selected-dial-code{color: gray}
.mypopup-innerwrap .form_wrap form input::-webkit-input-placeholder { color: gray; opacity: 1 !important; }
.mypopup-innerwrap .form_wrap form input:-moz-placeholder { color: gray; }
.mypopup-innerwrap .form_wrap form input::-moz-placeholder { color: gray; }
.mypopup-innerwrap .form_wrap form input:-ms-input-placeholder { color: gray; }
.mypopup-innerwrap .form_wrap form textarea::-webkit-input-placeholder { color: gray; opacity: 1 !important; }
.mypopup-innerwrap .form_wrap form textarea:-moz-placeholder { color: gray; }
.mypopup-innerwrap .form_wrap form textarea::-moz-placeholder { color: gray; }
.mypopup-innerwrap .form_wrap form textarea:-ms-input-placeholder { color: gray; }














		.notfound .notfound-404 h1>span {
    display: inline-block;
    width: 120px;
    height: 120px;
    background-image: url(https://americanwebstore.com/not-found);
    background-size: cover;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    z-index: -1;
}

.notfound .notfound-404 h1 {
    font-size: 146px;
    font-weight: 700;
    margin: 0px;
    color: #141315;
}

.notfound h2 {
    font-size: 36px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    color: #141315;
}

.notfound a.btn-main {
    font-size: 20px;
    padding: 15px 30px;
}

.notfound p {
    color: #676767;
    line-height: 1.4;
    font-size: 22px;
    font-weight: 500;
    padding: 5px 0px 30px 0;
}

.notfound .notfound-404 {
    height: 190px;
}

#notfound {
    position: relative;
    padding: 70px 0;
    height: 600px;
    margin-top: 92px;
}

#notfound .notfound {
    position: absolute;
    left: 60%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}









/*===================================================popup-christmas=======================================================*/





.eggoffer.show{position: fixed;bottom: 8px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.eggoffer{width: 150px; cursor: pointer; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: fixed; bottom: 10px; left: 8px; z-index: 999; overflow: hidden; }
.eggoffer .top{position: relative; z-index: -1; }
.eggoffer .top figure{text-align: center; }
.eggoffer .top figure img{opacity: 1; }
.eggoffer .bottom{cursor: pointer; padding: 16px 5px; border-radius: 5px; background: #16a07d; }
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3:before,.eggoffer .bottom h3:before{display: none;}
.eggoffer .bottom h3{font-size: 14px; margin: 0; color: #fff; }
.eggoffer .bottom span{color: #fff; font-size: 20px; font-weight: 900; width: 100%; padding-top: 6px; line-height: 1; display: inline-block; text-align: center; text-shadow: 0 2px 2px #666; }
.form_wrap .analyzeform form .dtf {width: 100%; }
.form_wrap .analyzeform form input[type="submit"] {width: 100%; margin: 0px; text-align: center; margin-top:10px; border-radius: 4px; }
.form_wrap .analyzeform form .wrap{padding-left:0px; }
.form_wrap .analyzeform{margin:0px; }
.eggoffer .broken{display: none;}
.eggoffer .unbroken{display: block;}
.mypopup-wrap .easter{display: none!important;}
.overlay-bg.vis {display: block!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: 50px; font-weight: 400; outline: none !important; margin-bottom: 10px; }


/*================================================popup-christmas==================================================*/









/*================================================form-christmas=================================================*/


.mypopup-wrap.active{position: fixed;top: 0px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.mypopup-wrap{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;width: 800px;height: 600px;border-radius: 10px;position: absolute;left: 0;right: 0px;top: -20000px;bottom: 0px;margin: auto;z-index: 99999;overflow: hidden;}
.mypopup-wrap .mypopup{border-radius: 10px;font-size: 0px;background: #fff;}
.mypopup-wrap .mypopup .left{width: 50%;vertical-align: top;display: inline-block;overflow: hidden;background: #386163;vertical-align: middle;}
.mypopup-wrap .mypopup .left figure{border-radius: 10px 0px 0px 10px; overflow: hidden; }
.mypopup-wrap .mypopup .left figure img{margin-left: 0; margin-top: 0; width: 100%; }
.mypopup-wrap .mypopup .right{width: 50%;padding: 19px 20px;vertical-align: top;display: inline-block;vertical-align: middle;}
.mypopup-wrap .mypopup .right .closebutton{position: absolute; width: 20px; height: 20px; /*float: right;*/ cursor: pointer; transform: rotate(45deg); right: 20px; top: 20px; }
.mypopup-wrap .mypopup .right .closebutton:before{content: "";position: absolute;height: 20px;width: 1px;top: 0;background: #000;left: 0;right: 0;margin: 0 auto;display: block;}
.mypopup-wrap .mypopup .right .closebutton:after{content: "";position: absolute;height: 1px;width: 20px;top: 0;left: 0;background: #000;display: block;bottom: 0;margin: auto;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap{padding-top: 0px; padding-left: 30px; padding-right: 30px; }
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3{font-size: 26px;line-height: 1;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span{font-size: 38px; display: block; font-weight: 900; color: #edad0d; margin-top: 5px; margin-bottom: 10px; }
.mypopup-innerwrap .form_wrap{padding: 20px 15px; }
.mypopup-innerwrap .form_wrap .hero_form{}
.mypopup-innerwrap .form_wrap .hero_form form{}
.mypopup-innerwrap .form_wrap .hero_form .form-control{border-radius: 10px; border: 1px solid #b9b8b8; }
.mypopup-innerwrap .form_wrap .hero_form .form-control:focus{border: 1px solid #5d03db;}
.mypopup-innerwrap .form_wrap .hero_form textarea.form-control{color: #000;}
.mypopup-innerwrap .form_wrap #quoteForm textarea.form-control{min-height: 85px;}
.mypopup-innerwrap .form_wrap .hero_form #quoteSubmit{border-radius: 10px; min-width: 100%; }
.mypopup-innerwrap .form_wrap .hero_form .col-md-6{width: 100%;}
.mypopup-innerwrap .form_wrap .hero_form .col-sm-6{width: 100%;}
.hero_form .field-mergedleft{padding-left: 15px;}
.hero_form .field-mergedright{padding-right: 15px;}
.mypopup-innerwrap .form_wrap .hero_form .margin-bottom-20 {margin-bottom: 10px;}
.submit:hover {
    background-color: #1f1f1f;
}

.form_wrap .analyzeform form input[type="submit"] {
    width: 100%;
    margin: 0px;
    text-align: center;
    margin-top: 10px;
    border-radius: 4px;
}

.submit {
    border: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 2;
    padding: 5px 51px;
    outline: none;
    cursor: pointer;
    transition: background-color .3s;
    border-radius: 5px;
    background: #000000;
}
/*===================================================form-christmas=======================================================*/



.fancybox-slide--iframe .fancybox-content{height:100% !important;}