

a:focus,
.btn.focus, .btn:focus,
input:focus{outline:none;box-shadow:none !important;}
#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); }
@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: none !important; line-height:28px !important; } }

body {font-size:var(--base-font-size);position: relative;}
a:focus{outline: none}

/* 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;}
.sec-padding-60 {padding: 60px 0; }
.sec-padding-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: #160c28;}

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-family: var(--primary-font-family);font-weight: 400;line-height: 1.4;padding: 0 0 0px;margin:0px;color: #160c28;font-size: 16px;}

/*** 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: #160c28;
 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: fixed;padding: 0 0 0 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;top: 0;}
.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: #f5f8fa;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 10px;}
.top-info-list li:first-child { padding-left: 0px; }
.top-info-list li:last-child { padding-right: 0px; }
.top-info-list li span {margin-right:8px; color: #171717; 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: #171717; }
.top-info-list li a:hover {color: #223235;}
.nav-area-full {padding: 15px 0;width: 100%;/*margin-top: 72px;*/position: fixed;background: #fff;top:0px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.logo {width: 100%; margin: 0; float: left; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.logo a { display: block; }
.top-area { display: inline-block; width: 100%; }
.main-menu {width: 100%;display: inline-block;float: right;margin: 2px 0 0;}
.main-menu > ul {float: right;margin: 0px;font-family: var(--heading-font-family);}
.main-menu > ul > li { padding:0px; float: left; position: relative; }
.main-menu > ul > li:last-child {padding-right: 0px;/* margin-top: -14px; */}
.main-menu > ul > li:before {position: absolute;width: 1px;height: 12px;background: #71787e;left: 0px;top: 30%;}
.main-menu > ul > li:first-child:before { display: none; }
.main-menu > ul > li > a {padding: 20px 15px;font-size: 14px;color: #000000;font-weight: 600;text-transform: capitalize;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.main-menu > ul > li.book-call > a {border: 2px solid #ffffff;border-radius: 10px;padding: 11px 20px;margin: 0 20px 0 10px;color: #fff;}
.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 > a > i {font-size: 16px; padding-left: 3px; }
.cstmwebdesgn .main-menu > ul > li.head-no>a{
    background: linear-gradient(to right, rgb(17 94 234) 0%, #9e1b62 100%);
}
.main-menu > ul > li.head-no>a {border-radius: 10px;padding: 14px 20px;background-color: #fa130d;color: #fff;}
.main-menu > ul > li.head-no>a:hover{color: #fff;}
.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: #fa130d;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.cstn-column{display: inline-block;width: 100%;font-size: 0;}
.dropdown{width: 270px;position: absolute;top: 160%;left: 0%;visibility: hidden;opacity: 0;padding:0px;background-color: #fff;border: 1px solid #cbd6e2;border-radius: .1875rem;box-shadow: 0 1px 24px rgba(45,62,80,0.12);z-index: 95;}
.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: 15px;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
------------------------------------*/
.slider-wrapper {background: #11151b;width:100%;/*margin-bottom: 20px;*/position:relative;margin-top: 69px;}
.home-banner {width: 100%;height: 68vh;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;display: table;}
/*.home-banner:before{position: absolute;width: 100%;height: 100%;background: #00000054;z-index: 8;content: "";}*/
.home-banner-content {position:  relative;z-index: 9;padding-top: 30px;}
.home-banner-content h1 {font-size: 56px;font-weight: 600;color: #ffffff;position: relative;line-height: 1.1;text-transform: uppercase;margin-bottom: 30px;width: 65%;letter-spacing: -1px;}
.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: 24px;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); }
.ban-form input, .ban-form textarea{width: 100%;margin: 0 0 0 0;border: 1px solid #cbcbcb;background: white;padding: 10px 15px;color: #535353;font-size: 14px;border-radius: 10px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.ban-form textarea{height: 100px;margin: 15px 0 0 0;resize: none;}
.banner-form .intl-tel-input{width: 100%;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;background: #fa130d;;border-radius: 3px;padding: 10px 15px;margin: 20px 0 0;border: transparent;cursor: pointer;}
.tophd-ind{background: white;padding: 40px 20px 40px 60px;max-width: 680px;font-size: 55px;font-weight: 700;line-height: 56px;/* position: absolute; */left: 0px;top: 0;bottom: 0;/* margin: auto; */height: 280px;z-index: 12;}
/*boxesinfo css start*/
.boxesinfo{padding: 60px 0;}
.boxesinfo .wrp .listboxes{text-align: center;margin-bottom: 0;width: 100%;font-size: 0;display: inline-block;}
.boxesinfo .wrp .listboxes li{padding: 0 15px;}
.boxesinfo .wrp .listboxes li figure{margin-bottom: 0; }
/*.boxesinfo .wrp .listboxes li figure img{height: 60px; width: auto; margin: 0 auto; display: table; }*/

.boxesinfo .wrp .listboxes li figure {
    background-image: url(../images/icon_sprite.png);
}
.boxesinfo .wrp .listboxes li .develp {
    width: 60px; height: 60px;
    background-position: -170px -90px;
    display: block;
    margin: 0 auto;
}

.boxesinfo .wrp .listboxes li .wpres {
       width: 60px; height: 60px;
     background-position: -10px -90px;
     display: block;
    margin: 0 auto;
}



.boxesinfo .wrp .listboxes li .ecom {
 width: 60px; height: 60px;
    background-position:  -90px -170px;
    display: block;
    margin: 0 auto;
}




.boxesinfo .wrp .listboxes li .appli {
    width: 60px; height: 60px;
     background-position: -90px -10px;
     display: block;
    margin: 0 auto;
}


.boxesinfo .wrp .listboxes li .backen {
    width: 60px; height: 60px;
    background-position:  -90px -90px;
    display: block;
    margin: 0 auto;
}



.boxesinfo .wrp .listboxes li .mobappl {
    width: 60px; height: 60px;
    background-position:  -170px -170px;
    display: block;
    margin: 0 auto;
}



.boxesinfo .wrp .listboxes li .mainten {
  background-position: -250px -90px;
  width: 60px;
  height: 60px;
  display: block;
    margin: 0 auto;
}





.boxesinfo .wrp .listboxes li .domin {
 width: 60px; height: 60px;
    background-position: -10px -170px;
    display: block;
    margin: 0 auto;
}



.boxesinfo .wrp .listboxes li .brendng {
      width: 60px; height: 60px;
    background-position: -170px -10px;
    display: block;
    margin: 0 auto;
}



.boxesinfo .wrp .listboxes li .animatn {
 width: 60px; height: 60px;
    background-position: -10px -10px;
    display: block;
    margin: 0 auto;
}


.boxesinfo .wrp .listboxes li .seeo {
 width: 60px; height: 60px;
  background-position: -250px -10px;
  display: block;
    margin: 0 auto;
}

/*.boxesinfo .wrp .listboxes li .develp {*/
/*    background-image: url(../images/icons/custom-website-development.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/

/*.boxesinfo .wrp .listboxes li .wpres {*/
/*    background-image: url(../images/icons/wordpress-development.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/



/*.boxesinfo .wrp .listboxes li .ecom {*/
/*    background-image: url(../images/icons/ecommerce-website-development.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/




/*.boxesinfo .wrp .listboxes li .appli {*/
/*    background-image: url(../images/icons/web-application-development.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/


/*.boxesinfo .wrp .listboxes li .backen {*/
/*    background-image: url(../images/icons/backend-development.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/



/*.boxesinfo .wrp .listboxes li .mobappl {*/
/*    background-image: url(../images/icons/mobile-application-development.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/



/*.boxesinfo .wrp .listboxes li .mainten {*/
/*    background-image: url(../images/icons/website-maintainance.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/





/*.boxesinfo .wrp .listboxes li .domin {*/
/*    background-image: url(../images/icons/domain-and-hosting.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/



/*.boxesinfo .wrp .listboxes li .brendng {*/
/*    background-image: url(../images/icons/branding.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/



/*.boxesinfo .wrp .listboxes li .animatn {*/
/*    background-image: url(../images/icons/video-animation.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/


/*.boxesinfo .wrp .listboxes li .seeo {*/
/*    background-image: url(../images/icons/seo.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/
















.boxesinfo .wrp .listboxes li .textwrap{}
.boxesinfo .wrp .listboxes li .textwrap h4{font-size: 14px; font-family: var(--secondary-font-family); text-align: center; margin-top: 20px; line-height: 1.4; padding-bottom: 0; letter-spacing: 0.5px; }
.proofbox{background: #3d60a6;padding: 60px 0 60px;}
.proofbox h3{color:#fff;font-size: 30px;}
.proofbox p{color:#fff;font-size: 18px;}
.portfolio_arch{overflow: hidden; }
.portfolio_arch .fixdwrap{width: 100%;}
.portfolio_arch .fixdwrap .portfoliogridlist{position: relative;width: 100%;display: inline-block;/* height: 569px; */margin-bottom: 0;font-size: 0;}
.portfolio_arch .fixdwrap .portfoliogridlist li{/* overflow: hidden; *//* height: 569px; */width: 25%;display: inline-block;}
.portfolio_arch .fixdwrap .portfoliogridlist li a{width: 100%;height: 100%;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;position: relative;display: inline-block;}
.portfolio_arch .fixdwrap .portfoliogridlist li:hover a:after{top: 50%;}
.portfolio_arch .fixdwrap .portfoliogridlist li a:after{opacity:0; position: absolute;content: "\e94a";font-family: 'icomoon' !important;left: 50%;top: 60%;width: 48px;margin-left: -24px;margin-top: 0px;color: #fff;font-size: 48px;line-height: 48px;text-align: center;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;text-shadow: 0 0 10px rgba(0,0,0,.25);}
.portfolio_arch .fixdwrap .portfoliogridlist li:hover a:after{opacity: 1;position: absolute;content: "\e94a";font-family: 'icomoon' !important;left: 50%;top: 48%;width: 48px;margin-left: -24px;margin-top: -24px;color: #fff;font-size: 48px;line-height: 48px;text-align: center;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;text-shadow: 0 0 10px rgba(0,0,0,.25);}
.portfolio_arch .fixdwrap .portfoliogridlist li:hover a:before{background: #3d60a68c;position: absolute;content: "";left: 0;top: 0;width: 100%;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;display:inline-block;height: 100%;}
.portfolio_arch .fixdwrap .portfoliogridlist li a figure{margin-bottom: 0;}
.portfolio_arch .fixdwrap .portfoliogridlist li a figure img{   width: 100%;}
/*.portfolio_arch .fixdwrap .portfoliogridlist li:first-child img{width: 100%;}
.portfolio_arch .fixdwrap .portfoliogridlist li:first-child h3{margin-top: 36px;}*/



/*xfactor section*/
.x-factor-section{min-height: 460px;background: #fff url(../images/multiplier-1.jpg);background-repeat: no-repeat;background-position: 850px 58px;background-size: 38%;padding: 90px 0px;}
.x-factor-section h2{font-size: 44px;color:#160c28;line-height: 1.1em;margin-bottom: 30px;padding:0px;}
.x-factor-section h6{color:#160c28;line-height: 1.25em;font-size: 12px;letter-spacing: 1.1;font-family: AvenirRoman,sans-serif;}
.x-factor-section p{font-size: 18px;text-align: left;padding-bottom: 40px;}
.x-factor-section .factorlink{background:#000;border:1px solid #000;color:#fff;padding:13px 31px;text-align:center;text-transform: uppercase;-webkit-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-moz-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-o-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;display: inline-block;margin-top:36px;font-weight: 600;}
.x-factor-section .factorlink:hover{background: #fff;color:#000;border-radius: 2px;}
/*xfactor like (techmeet) section*/

.x-factor-section.techmet{min-height: 626px; background: #fff url(../images/3services.jpg); background-repeat: no-repeat; background-position: center right -224px; background-size: 50%; }
/*dirupt section css start*/
.disrupt-section{/*background:url(../images/disruption-home2.jpg);background-size: cover;background-attachment: fixed;*/ padding: 90px 0px;position: relative;overflow: hidden;}
.disrupt-section .row-background,.disrupt-section .column-background {position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; -webkit-border-radius: inherit; -webkit-background-clip: padding-box; -moz-border-radius: inherit; -moz-background-clip: padding; border-radius: inherit; background-clip: padding-box; -webkit-overflow-scrolling: touch; }
.disrupt-section .row-background .background-wrapper{height: calc(100% + 30vh); will-change: transform;}
.disrupt-section .background-inner{border-radius: inherit; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-attachment: scroll; }
.disrupt-section .background-wrapper{transform: translate3d(0px, -61.5px, 0px); }
.disrupt-section .background-inner{background-image: url(../images/disruption-home2.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.disrupt-section h6{font-size:12px; margin:0px; color:#fff; font-weight: 600; padding:0px; font-family: AvenirRoman,sans-serif; }
.disrupt-section .home-download{font-size: 45px;margin-bottom: 50px;margin-top:27px; color:#fff; line-height: 1.1em; padding: 0px; }
.disrupt-section .custom-link{background:#fa130d;; border:1px solid #fa130d;; color:#fff; padding: 13px 31px; text-align:center; text-transform: uppercase; border-radius: 2px; -webkit-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out; -o-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out; transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; font-weight: 600; }
.disrupt-section .custom-link:hover{background: transparent; color:#fa130d;; }
.cta-fold .custom-link.btn{padding: 14px 40px 14px 10px;margin-top: 25px;border: solid 1px #ff5349;color: #111;text-transform: uppercase;font-size: 15px;font-weight: 700;position: relative;width: 163px;}
.cta-fold .custom-link.btn:hover{border: solid 1px #ff5349;background: #ff5349;color: #fff;border-color: #ff5349;}
.cta-fold .custom-link.btn:before{position:absolute;content:'\e91f';font-family:icomoon;right: 20px;}
.companies-inf{padding:150px 0px 75px 0px;}
.companies-inf h2{text-align: center;padding-bottom:100px;}
.companies-inf .logosimg{max-width: 100%;}
.cta-fold{padding:75px 0px 0 0;}
.cta-fold h2{color:#160c28;font-size:12px;text-transform: capitalize;}
.cta-fold h2 strong{    border-bottom: solid 2px #ff5349; padding-bottom: 7px; display: inline-block; margin-bottom: 25px;}
.cta-fold p{font-size: 44px;color: #160c28;line-height: 1.1em;margin-bottom: 30px;padding: 0px;font-weight: 700;font-family: var(--heading-font-family);}
/* 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%;}

/* accordion
------------------------------------*/

.faq-fold{padding: 60px 0;}
.faq-fold h2{padding: 0 0 20px;letter-spacing: 2px;font-weight: 700;font-size: 44px;}
.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: 700;color: #303133;margin-bottom: 0px;position: relative;width: 100%;line-height: 1.4;display: inline-block;transition: all linear 0.15s;text-decoration: none;border-top: 1px solid #dbdbdb;padding: 20px 40px 20px 10px;}
.quest-title:before {position: absolute;content: "\e955";width: 20px;height: 20px;right: 15px;top: 20px;font-family: 'icomoon' !important;color: #1e1e1e;font-size: 20px;}
.quest-title.active, .quest-title:hover {color: #fa130d;;content: "\e91c";}
.quest-title.active{color: #fa130d;;content: "\e91c";border-bottom: 1px solid #dbdbdb;}
.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;padding: 0 0 20px 10px;}

/* footer
------------------------------------*/
.footer-main {background: #33475b;}
.footer-top {padding: 260px 0 0;}
.footer-top h4 {color: white;font-size: 14px;font-weight: 700;text-transform: uppercase;margin: 10px 0;padding:0px;position: relative;}
.footer-main p{color: #fff;font-size: 15px;padding-bottom: 15px;}
.footerleft a{color: #fff;font-size: 15px;padding: 0 40px 0 0px;display: inline-block;width: 100%;margin-bottom: 10px;}
.address-main ul {width:100%;display: inline-block;margin: 10px 0;}
.address-main ul li{display: inline-block;line-height:28px;font-size:14px;padding: 0 0 8px 18px;position: relative;color:white;}
.address-main ul li a { color:white;}
.address-main ul li a:hover { color:#c2c2c2;}
.address-main ul li span {position: absolute;left: 0;top: 5px;color: var(--primary-color);font-size:15px;}
.ftr-social {text-align: left;display: table;margin: 0;}
.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: #3d60a6;padding: 20px 0;text-align: center;color: #fff;}
.footer-bottom ul{display: block;text-align: center;font-size: 9px;color: #919bd3;margin: 0;}
.footer-bottom ul li{display: inline-block;padding: 0 7px;font-size: 9px;color: #919bd3;vertical-align: middle;}
.footer-bottom ul li a{display: block;font-size: 9px;color: #919bd3;}
.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) }

ul.footer-level-nav {}
ul.footer-level-nav li {display:inline-block;}
ul.footer-level-nav li a {    padding: 0 16px 0 0px;}



.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; }
.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; }


.list-scroll{height: 190px;}
.ticklist2.list-scroll{height: 146px;}
.cta-left{display: inline-block;width: 65%;vertical-align: middle;}
.cta{background: #f5f8fa; padding: 40px 0; }
.cta h3{/* margin-top: 10px; */ text-align: left; padding-bottom: 0; font-size: 30px; max-width: 65%; vertical-align: middle; font-weight: 500; display: inline-block; }
.cta p{padding: 0;}
.cta p a{color: #fa130d;;}
.cta h3 a{text-decoration:  underline; color: #fa130d;; }
.cta2{overflow:  hidden;background:url(../images/cta-fold.png);padding: 60px 0;text-align:  center;height: 325px;width:100%;position: relative;background-size: cover;background-repeat: no-repeat;background-position: top center;}
.cta2 .wrap{position: relative;z-index: 2;}
.cta2 .wrap h6{color: #fff;font-size: 20px;font-weight:  400;padding-bottom: 20px;}
.cta2 .wrap h3{text-align:  center;padding-bottom: 0;font-size: 30px;font-weight: 700;margin-bottom: 30px;color: #fff;}
.cta2 .wrap a{padding: 20px 40px; color: #fa130d;; font-weight:  700; display: inline-block; font-size: 18px; border-radius: 5px; background: #ffffff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.cta2 .wrap a:hover{transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

@media (min-width: 1600px) {
  .inner-banner{height: 76vh}
  /*.main-menu > ul > li > a{font-size: 16px;}*/
  .nav-area-full .col-lg-10{padding-left: 0px;}
}
.btn-theme{transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #171717;background-color: #fff;padding: 20px 40px;border-radius: 3px;display: inline-block;margin-top: 20px;font-weight: 600;font-size: 18px;text-transform: capitalize;}
.btn-theme:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #171717;}
.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;}



.cta h6{
    text-align: center;
    font-size: 18px;
    padding-bottom: 0;
    display: inline-block;
    width: 34%;
    vertical-align: middle;
}
.cta h6 a{
        color: #fa130d;;
    display: block;
    font-size: 24px;
    margin-top: 10px;
}


.singletestimonials{
    padding: 100px 0;
}
.singletestimonials .testwraper{
    width: 80%;
    margin: 0 auto;
}
.singletestimonials .testwraper .item{}
.singletestimonials .testwraper .item .figpart{
    width: 13%;
    margin-right: 70px;
    display: inline-block;
    vertical-align: top;
}
.singletestimonials .testwraper .item .figpart figure{
    margin-bottom: 0;
    width: 100px;
    height: 100px;
    background: #fa130d;;
    border-radius: 50%;
    text-align: center;
    padding-top: 26px;
    margin: 0 auto;
}
.singletestimonials .testwraper .item .figpart figure img{}
.singletestimonials .testwraper .item .figpart figure h3{
    color: #fff;
    padding-bottom: 0px;
    font-size: 40px;
    letter-spacing: 3px;
    font-weight: 700;
}
.singletestimonials .testwraper .item .quotepart{
    width: 78%;
    display: inline-block;
    vertical-align: top;
}
.singletestimonials .testwraper .item .quotepart h4{
    line-height: 1.3;
    font-size: 34px;
    font-weight: 300;
    position: relative;
}
.singletestimonials .testwraper .item .quotepart h4 span.top{
    position: absolute;
        color: #fa130d;;
    left: -48px;
    top: 0px;
    font-size: 36px;
}
.singletestimonials .testwraper .item .quotepart h4 span.bottom{
    font-size: 36px;
        color: #fa130d;;
    margin-left: 15px;
}
.singletestimonials .testwraper .item .quotepart h5{
    padding-bottom: 0;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}
.singletestimonials .testwraper .item .quotepart h5 span{
    font-weight: 400;
    display: block;
    font-size: 14px;
    margin-top: 5px;
}
.quest-section{
    /* padding-bottom: 30px; */
}

.faqsection{
    background: #f5f8fa6e;
    padding: 100px 0;
}

section.faqsection {}
.faqsection h2{
    font-size: 36px;
    font-weight: 700;
}

.footer-top{background: url(../images/footer-bg-white.png)no-repeat top right;background-size: contain !important;height: 700px;padding: 340px 0 0;background-color: #160c28!important;}
.footer-top h3{
    padding-top: 22px;
    color: #fff;
    border-bottom: solid 2px #ff5349;
    padding-bottom: 7px;
    font-size: 13px;
    margin-bottom: 6px;
}
.footer-top h3.nobrder{border-bottom:0px;}
.footer-top .linkinglist{
    display: inline-block;
    margin-bottom: 0;
}
.footer-top .linkinglist li{padding: 5px 0;}
.footer-top .linkinglist li a{
        color: #fff;
}

.footer-top .socialmid{
    /* margin: 20px auto 0; */
    /* padding-bottom: 30px; */
}

.footer-bottom .fologo{}
.footer-bottom .fologo img{
}

.oddinner-banner{
    height: 350px;
    /* margin-top: 133px; */
}
.oddinner-banner .inner-banner-content{
    padding-right: 0;
    text-align: center;
}
.oddinner-banner .inner-banner-content h3{
    color: #fff;
    font-size: 42px;
    font-weight: 700;
}
.oddinner-banner .inner-banner-content p{
    font-size: 20px;
    color: #fff;
    line-height: 1.4;
    padding-bottom: 0;
}

.twoboxes{
    /* padding-bottom: 100px; */
}
.twoboxes .contactboxeswrap{
    font-size: 0px;
    margin-top: -60px;
}
.twoboxes .contactboxeswrap .contactbox{
    text-align: center;
    border-radius: 3px;
    padding: 50px 40px;
    background-color: #fff;
    border: 1px solid #eaf0f6;
    width: 49%;
    display: inline-block;
}
.twoboxes .contactboxeswrap .contactbox.left{
    margin-right: 22px;
}
.twoboxes .contactboxeswrap .contactbox figure{}
.twoboxes .contactboxeswrap .contactbox figure span{
    color: #171717;
    font-size: 60px;
}
.twoboxes .contactboxeswrap .contactbox figure figcaption{
    color: #171717;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 600;
}
.twoboxes .contactboxeswrap .contactbox p{
    line-height: 1.4;
    font-size: 18px;
    padding-bottom: 50px;
}


.twoboxes .contactboxeswrap .contactbox a{}

.maparea{
    padding: 100px 0;
}
.maparea .mapwrap{
    font-size: 0px;
    border: 1px solid #cbd6e2;
    border-radius: 3px;
}
.maparea .mapwrap .mappart{vertical-align: top;width: 60%;display: inline-block;}
.maparea .mapwrap .mappart iframe{width: 100%;height: 500px;}

.maparea .mapwrap .infopart{
    width: 40%;
    padding: 70px 90px 37px 50px;
    vertical-align: top;
    display: inline-block;
    height: 500px;
}
.maparea .mapwrap .infopart .chunk{
    padding-bottom: 40px;
}
.maparea .mapwrap .infopart .chunk h3{
    color: #171717;
    font-size: 22px;
    padding-bottom: 15px;
}
.maparea .mapwrap .infopart .chunk p{
    font-size: 16px;
    line-height: 1.4;
}

.maparea .mapwrap .infopart .chunk a{
    color: #687087;
    font-size: 16px;
    display: block;
}
.maparea h2{
    font-size: 36px;
    width: 100%;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 100px;
    text-align: center;
}

.dropdown > ul:before{
      position: absolute;
      content: "";
      top: -11px;
      left: 15px;
      z-index: 0;
      width: 20px;
      height: 20px;
      background: #fff;
      -webkit-transform: rotate(45deg);
      transform: rotate(44deg);
      border-radius: 5px;
      border-top: 1px solid #cbd6e2;
      border-left: 1px solid #cbd6e2;
      }
.dropdown > ul > li:hover{background-color: #f5f8fa;}

.header-main .othermenu{
    z-index: -1;
    opacity: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    /* transform: translateY(-10rem); */
}
.header-main.showmenu .othermenu{
    opacity: 1;
    /* transform: translateY(0rem); */
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 99;
}

.header-main .secondlogo{
    z-index: -1;
    opacity: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    /* transform: translateY(-10rem); */
}
.header-main.showmenu .secondlogo{
    opacity: 1;
    padding-top: 16px;
    /* transform: translateY(0rem); */
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 9;
}

.header-main .has-submenu{
    width: 66px;
    display: inline-block;
    z-index: -1;
    padding-bottom: 21px;
    position: relative;
    }
.header-main.showmenu .has-submenu{   z-index: 99}
.header-main .has-submenu:hover .dropdown{
    visibility: visible;
    top: 95%;
    opacity: 1;
    left: 0;
    }

.header-main.showmenu .has-submenu .dropdown > ul{
    margin-bottom: 0;
}
.header-main.showmenu .has-submenu .dropdown > ul:before{}

.header-main.showmenu .has-submenu .dropdown > ul > li > a{color: #171717;margin-top: 0;font-weight: 400;}

.header-main .has-submenu .dropdown > ul > li{
    width: 100%;
    margin-right: 0px;
}



.pricingboxes{
    padding-top: 40px;
}
.pricingboxes .largebox{
    box-shadow: 0 0 11px #eaf0f6;
    font-size: 0;
    margin-top: 32px;
    padding: 20px 35px 45px;
    background: #fff;
    border-radius: 3px;
}
.pricingboxes .largebox .leftarea{
    width: 35%;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    margin-right: 20px;
}
.pricingboxes .largebox .leftarea figure{
    margin-bottom: 20px;
}
.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: #fff;
    font-weight: 600;
    text-transform: capitalize;
    background: #fa130d;;
    border-radius: 3px;
    font-size: 16px;
    padding: 16px 20px;
    display: inline-block;
}
.btn-packages:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #fff;}

.pricingboxes .largebox .rightarea{
    display: inline-block;
    width: 60%;
    padding-top: 32px;
}
.pricingboxes .largebox .rightarea h4{
    font-size: 24px;
    font-weight: 600;
}
.pricingboxes .largebox .rightarea p{
    font-size: 16px;
    text-align: left;
    line-height: 1.4;
    padding-bottom: 30px;
}
.pricingboxes .largebox .rightarea h3{
    font-size: 16px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    /* display: inline-block; */
}
.pricingboxes .largebox .rightarea h3:before{right: 0px;content: '';position: absolute;height: 5px;margin-left: 10px;border-bottom: 1px solid #e0e6ed;top: 5px;width: 330px;z-index: -1;}

.ticklist{
    width: 100%;
    margin-bottom: 0;
    display: inline-block;
}
.ticklist li{
    width: 50%;
    vertical-align: top;
    display: inline-block;
}
.ticklist li img{
    height: 50px;
}
.ticklist li span{}

.ticklist li a{
        color: #fa130d;;
    font-size: 16px;
    font-weight: 700;
}
.ticklist li h6{
    font-size: 20px;
    padding-bottom: 0;
}
.ticklist li.ralign{text-align: right;}

.smallboxes{
    padding-top: 32px;
    font-size: 0;
    text-align: center;
}
.smallboxes .smallbox{
    vertical-align: top;
    min-height: 630px;
    display: inline-block;
    width: 31%;
    box-shadow: 0 0 11px #eaf0f6;
    padding: 30px 25px;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 32px;
    margin-right: 25px;
}
.smallboxes .smallbox figure{}
.smallboxes .smallbox figure img{
    height: 150px;
    width: 100%;
}
.smallboxes .smallbox h4{margin: 0 auto; font-size: 24px; font-weight: 600; text-align: center; max-width: 72%;}
.smallboxes .smallbox p{
    font-size: 16px;
    text-align: left;
    line-height: 1.4;
    padding-bottom: 0;
}
.smallboxes .smallbox h3{
    font-size: 16px;
    font-weight: 600;
    z-index: 99;
    text-align: center;
    position: relative;
}
.smallboxes .smallbox .hrline{
    height: 1px;
    border-bottom: 1px solid #e0e6ed;
    margin: 30px 0;
}

.ticklist2{}
.ticklist2 li{font-size: 16px; padding: 0 0 7px 30px; text-align: left;position: relative;}
.ticklist2 li > ol{padding: 7px 0;}
.ticklist2 li span{margin-right: 12px;font-size: 15px;color: #fa130d;;position: absolute; left: 0;top: 4px;}
.smallboxes .smallbox .price-btnwrap{margin-top: 30px;text-align: center;}
.smallboxes .smallbox h2{
    font-size: 34px;
        color: #fa130d;;
    padding-bottom: 0;
}
.smallboxes .smallbox h2 span{
    display: block;
    color: #687087;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
}
.smallbox.mid{margin: 0px 32px;}
.aboutbg{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2545b+0,ff7a59+100 */
background: #f2545b; /* Old browsers */
background: -moz-linear-gradient(45deg, #f2545b 0%, #ff7a59 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #f2545b 0%,#ff7a59 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #f2545b 0%,#ff7a59 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2545b', endColorstr='#ff7a59',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.inner-banner.aboutbg{position: relative;}
.inner-banner.aboutbg .circles{position: absolute;}


.dropdown > ul > li.seclvl{
    position: relative;
}
.dropdown > ul > li.seclvl:hover .seclvldrop{
    display: block;
    position: absolute;
    width: 200px;
    background: #fff;
    height: auto;
    top: -10px;
    padding: 10px 0;
    right: -200px;
    border: 1px solid #cbd6e2;
    border-radius: .1875rem;
    box-shadow: 0 1px 24px rgba(45,62,80,0.12);
    z-index: 95;
}
.dropdown > ul > li.seclvl .seclvldrop{
    display: none;
}
.dropdown > ul > li.seclvl .seclvldrop .droplist{z-index: 99;position: relative;}
.dropdown > ul > li.seclvl .seclvldrop .droplist:before{
      position: absolute;
      content: "";
      top: 5px;
      left: -12px;
      z-index: -1;
      width: 20px;
      height: 20px;
      background: #fff;
      -webkit-transform: rotate(-44deg);
      transform: rotate(-44deg);
      border-radius: 5px;
      border-top: 1px solid #cbd6e2;
      border-left: 1px solid #cbd6e2;
      }
.dropdown > ul > li.seclvl .seclvldrop .droplist li{}
.dropdown > ul > li.seclvl .seclvldrop .droplist li:hover{
    background-color: #f5f8fa;
}
.dropdown > ul > li.seclvl .seclvldrop .droplist li a{
    color: #171717;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 10px 8px 15px;
    display: block;
    font-weight: 400;
}

.gclients{
    padding: 60px 0;
    position: relative;
}
.gclients:before{position: absolute;content:"";border-bottom: 1px solid #f5f8fa;width: 100%;bottom: 0px;width: 80%;margin: 0 auto;left: 0;right: 0;}
.gclients .textw{}
.gclients .textw h3{
    font-size: 50px;
    font-weight: 700;
    padding-bottom: 0;
}
.gclients .textw p{
    font-size: 18px;
    padding-bottom: 0;
}
.gclients .clientslist{
    margin-top: 36px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 0px;
}
.gclients .clientslist li{
    margin: 0px 15px;
    display: inline-block;
}
.gclients .clientslist li figure{margin: 10px 0;}
.gclients .clientslist li figure img{
    width: 135px;
}
.header-main{
}
.header-main .othermenu{
    position: relative;
    opacity: 0;
    display: inline-block;
    margin-bottom: 0;
    z-index: -2;
}
.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: -1;
}
.header-main .secondlogo a{}
.header-main .secondlogo a img{
    width: 120px;
}

.ourapproachsec{
    background: #f5f8fa;
    padding: 100px 0;
    overflow: hidden;
}
.ourapproachsec h2{
    text-align: center;
    font-size: 36px;
    width: 100%;
    font-weight: 700;
    line-height: 1.2;
}
.ourapproachsec p{
    text-align: center;
    font-size: 20px;
    width: 100%;
    padding-bottom: 60px;
    line-height: 1.4;
}

.ourapproachsec .wrapper{
}
.ourapproachsec .wrapper .chunk{
    margin-bottom: 30px;
}
.ourapproachsec .wrapper .chunk h3{
    font-size: 24px;
    line-height: 1.2;
}
.ourapproachsec .wrapper .chunk p{
    text-align: left;
    line-height: 1.4;
    font-size: 18px;
    padding-bottom: 0;
}


.ourapproachsec figure{margin-bottom: 0;}
.ourapproachsec figure img{border-radius: 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: #fa130d;;}
.ourprocesses .processlistdown li h3{font-size: 18px;text-transform: capitalize;margin-top: 10px;line-height: 1.4;padding-bottom: 15px;}
.ourprocesses .processlistdown li p{font-size: 14px;padding-bottom: 0;}


.ourprocesses .cta{padding: 0;position: absolute;margin-top: 60px;bottom: 0;background: transparent;}
.ourprocesses .cta h4{font-size: 20px;}
.ourprocesses .cta h6{text-align: left;float: none;width: 100%;}
.ourprocesses .cta h6 a{display: inline-block;margin-top: 0;margin-left: 20px;}
.logo img{/* width: 120px; */}


.ourprocesses .processlistdown li.noheight{height: auto;}

.contactpg .oddinner-banner .inner-banner-content{margin-top: 0px;}



.header-main .emailsec{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: absolute;font-family: var(--primary-font-family);top: 24px;}
.header-main .emailsec a{position: relative;font-family: var(--primary-font-family);color: #171717;font-size: 14px;font-weight: 400;padding-left: 20px;}
.header-main .emailsec a span{left: 0;top: 3px;position: absolute;}
.header-main.showmenu .emailsec{display: none;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}



.innerservices .inner-banner{}
.innerservices .inner-banner .inner-banner-content{margin-top: 0;text-align: left;}
.innerservices .inner-banner .inner-banner-content h5{color: #fa130d;;}
.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: #fa130d;;}
.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: #fa130d;;}
.main-menu > ul > li:hover a{color: #fa130d;}
.header-main .othermenu li.current a{color: #fa130d;;}
.header-main .othermenu li.current h6 a{color: #fa130d;;}



@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 769px) and (min-width: 0px)   {
    .home-banner {   height: auto !important;}
    .floatingform-sec{display:none;}
    .cstmwebdesgn .img-price img{display:none;}
    .cstmwebdesgn .comboopack .combopackwrap .footterr .price h2{    left: 0px !important;}

}

@media only screen and (max-width: 375px){
    .btn-black{    width: 120px !important;}
    .btn-red{width: 120px !important;}
}




.gtquote{}
.gtquote .home-banner{}
.gtquote .home-banner:before{display: none;}
.analyzepg .home-banner:before{display: none;}
#packages option.colr{color: #fa130d;;font-weight: 700;}
.form-box-main p{text-align: left;font-size: 20px;width: 100%;padding-bottom: 30px;line-height: 1.4;}

.form-box-main form input::placeholder,
.form-box-main form select::placeholder,
.form-box-main form textarea::placeholder{color: #5B6B7F;}
.form-box-main form input[type="file"]{color: #5B6B7F;}

.smallnote{color: #5B6B7F;padding-bottom: 10px;display: inline-block;}
.nopaddding{padding: 0;}
.nopaddding input[type="checkbox"]{}
.nopaddding label{font-size: 16px !important;margin-left: -36px !important;}
.forarrowselect{position:relative;}
.forarrowselect:after{position:absolute;content:"\e955";font-family: 'icomoon' !important;bottom: 16px;right: 16px;}




.btn-simplect{color: #fa130d;;font-size: 24px;font-weight: 600;text-decoration: underline;}
.smallfont{font-size: 18px;}
.smpltxt{width: 100%;}


























.innerbanner{}
.innerbanner .col-lg-4{vertical-align:top;}
.innerbanner-text{text-align: center;padding: 150px 0 100px 0;}
.innerbanner-text h6{color:#160c28; font-size:12px;text-transform: uppercase;}
.innerbanner-text h6 strong{border-top: solid 2px #ff5349;padding-top: 7px;display: inline-block;margin-bottom: 25px;}
.innerbanner-text h2{font-size: 45px;color:#160c28;line-height: 1.1em;margin-top: 0px;margin-bottom: 30px;padding:0px;}
.innerbanner-text p{font-size: 30px;font-weight: 700;color: #111;}




.services-boxwrapper{text-align: center;margin: 0 0 40px;padding: 0 50px;min-height: 444px;}
.services-boxwrapper .iconanchor{}
.services-boxwrapper .iconanchor figure{padding: 0 90px;margin: 0 0 90px 0;}
.services-boxwrapper .iconanchor figure img{width: 100%;}
.services-boxwrapper h4{color: #3ec2cf;font-size: 15px;font-weight: 700; }
.services-boxwrapper p{font-size: 14px;margin-top: 10px;padding-bottom: 30px;color: #160c28;line-height: 1.6;font-weight: 100;}
.services-boxwrapper a{font-size: 20px;position: relative;color: #30919c;}
.services-boxwrapper a span{}



.text-fold{padding: 60px 0;}
.text-fold .main-textfold{text-align: center;    color: #160c28;}
.text-fold .main-textfold h5{color: #160c28;font-size: 20px;margin: 0 0 20px;}
.text-fold .main-textfold h3{color: #160c28;font-size: 30px;margin: 0 0 10px;}
.text-fold .main-textfold p{padding:0 0 20px;color: #160c28;font-size: 17px;font-weight: 100;line-height: 1.8;}
.text-fold .main-textfold h6{color: #160c28;font-size: 16px;font-weight: 700;}


.parallex-bgone{background: url(../images/banners/4642.jpg)no-repeat; min-height: 498px; background-position: center; background-size: cover; background-attachment: fixed;}

.more-everything{padding: 60px 0;}
.more-everything .innerbanner-text{padding: 0 0 100px 0;}
.more-everything .innerbanner-text h2{}

.more-boxwrapper{padding: 0 30px;text-align: center;}
.more-boxwrapper .col-lg-3{vertical-align: top;}
.more-boxwrapper figure{padding: 0 60px;margin: 0 0 40px;}
.more-boxwrapper figure img{width: 100%;}
.more-boxwrapper h3{margin: 0 0 20px;font-size: 15px;}
.more-boxwrapper p{font-size: 16px;}


.parallex-bgtwo{background: url(../images/banners/4631.jpg)no-repeat;min-height: 498px;background-position: center;background-size: cover;background-attachment: fixed;}


.change{padding: 140px 0;background: #3d60a6;}
.change-textwrapper{text-align: center;}
.change-textwrapper p{color: #fff;font-size: 19px;}
.change-textwrapper h4{color: #fff;font-weight: 800;font-size: 18px;}



.contactus{}
.contact-wrapper{background: url(../images/banners/bg-contact3.jpg)no-repeat;background-position: 100%;background-size: 50% 100%;position: relative;overflow: hidden;padding: 30px 0 50px;margin: 150px 0 0;}
.contact-wrapper figure.circle-img{position: absolute; padding: 0 50px; width: 50%; top: 110px; right: -160px;}
.contact-wrapper figure.circle-img img{width: 100%;}

.contact-wrapper h2{color: #160c28;font-size: 45px;padding: 0;font-weight: 700;letter-spacing: 2px;width: 100%;}
.contact-wrapper p{color: #160c28;margin: 27px 0;}
.contact-wrapper form{width: 65%;}
.contact-wrapper form .from-control{padding: 0 0 30px;}
.contact-wrapper form .from-control label{width: 100%;display: block;color: #000;}
.contact-wrapper form .from-control input{width: 100%;padding: 10px;border-radius: 5px;border: transparent;background: #e4e4e4;}
.contact-wrapper form .from-control input:focus{outline:none}
.contact-wrapper .submit {margin: 0px 0 0;display: inline-block;background: #fa130d;border: 1px solid #fa130d;color: #fff;font-size: 14px;padding: 13px 31px;text-align: center;text-transform: capitalize;border-radius: 5px;-webkit-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-moz-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-o-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;font-weight: 600;cursor: pointer;}






.contact-bottom{margin: 30px 0 0;border-top: 1px solid #687087;padding: 40px 0 0;}
.contactbtm-box{display: inline-block;width: 32%;vertical-align: top;padding: 0 20px 0 0;}
.cbtn-bx{padding: 0 0 20px;}
.cbtn-bx h5{font-size: 12px;font-weight: 700;}
.cbtn-bx a{font-size: 15px;font-weight: 300;color: #fa130d;;}
.cbtn-bx a.gt{border-bottom: 3px solid #687087;padding: 0 0 5px;}
.cbtn-bx p{font-size: 18px;padding: 0 0 10px;margin: 0;}
.cbtn-bx ul{}
.cbtn-bx ul li{padding: 0 0 5px;}
.cbtn-bx ul li a{text-align: left;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.cbtn-bx ul li a p{width: 79%;display: inline-block;text-align: left;padding: 0;margin: 0;font-size: 18px;font-weight: 300;color: #fa130d;;vertical-align: middle;}
.cbtn-bx ul li a span{color: #000;width: 15%;display: inline-block;vertical-align: middle;}
.cbtn-bx ul li a:hover span{color: #fa130d;;}
.cbtn-bx ul li a:hover p{color: #000;}


.clutch-rating{margin: 0 0 30px 0;}
.clutch-rating figure{display: inline-block;vertical-align: middle;width: 17%;margin: 0;}
.clutch-rating figure img{width: 100%;}
.clutch-rating p{display: inline-block;margin: 0;padding: 0 0 0 10px;vertical-align: middle;font-weight: 500;}




.process-banner{/* padding: 90px 0; */overflow-x: hidden;height: 100vh;position: relative;margin-top: 70px;}
.process-banner .col-lg-6{
    display: table;
    height: 100vh;
}
.innerpages-banner-textwrapper{
    display: table-cell;
    vertical-align: middle;
}
.innerpages-banner-textwrapper h5{letter-spacing: 2px!important;font-size: 14px;font-weight: 600;text-transform: uppercase;color: #fa130d;;}
.innerpages-banner-textwrapper h2{color: #160c28;font-size: 45px;margin: 15px 0;}
.innerpages-banner-textwrapper p{font-size: 17px;font-weight: 400;line-height: 1.75;letter-spacing: 0;}
.innerpages-banner-img{display: inline-block;vertical-align: middle;position: absolute;right: -70px;top: 70px;width: 38%;margin: 0;}
.innerpages-banner-img img{width: 100%;}






.priorities{overflow: hidden;width: 100%;/* background-color: #4357ad; */}
.priorities .big-mirrorimg{width: 100%;display: block;margin: 0 auto 20px;text-align: left;border-bottom: 1px solid #b9b9b91c;}
.priorities .big-mirrorimg img{width: 100%;}


.priorities-textwrapper{text-align: center;padding: 60px 0 60px;color: #000;}
.priorities-textwrapper h2{font-weight: 700;font-size: 44px;color: #160c28;line-height: 1.1em;margin-bottom: 30px;padding: 0px;}
.priorities-textwrapper p{color: #000;font-size: 18px;}



.awards-process{position: relative;margin: -1px 0 0;padding: 60px 0 100px;}
.awards-process:before{position: absolute;content: "";background-color: #4357ad;top: 0;height: 38%;width: 100%;}
.awards-process ul{font-size: 0}
.awards-process ul li{display: inline-block;text-align: center;width: 33%;padding: 0 15px;}
.awards-process ul li figure{margin: 0;width: 80%;margin: 0 auto;text-align: center;}
.awards-process ul li figure img{width: 100%;}
.awards-process figure{margin: 0;}
.awards-process figure img{width: 100%;}




.ways{padding: 60px 0;}
.ways .main-heading{display: block;padding: 0 0 60px;max-width: 100%;margin: 0 auto;}
.ways h2{display: block;text-align: center;letter-spacing: 2px;max-width: 60%;margin: 0 auto;font-size: 44px;color: #160c28;line-height: 1.1em;margin-bottom: 30px;padding: 0px;}
.ways .ways-box{text-align: center;padding: 0 30px;}
.ways .ways-box figure{padding: 0 30px;}
.ways .ways-box figure img{width: 100%;}
.ways .ways-box h5{color: #160c28;font-size: 12px;font-weight: 700;margin: 0 0 1rem;padding: 0;}
.ways .ways-box p{color: #160c28;font-size: 15px;padding: 0;line-height: 1.7;}


.siloed{padding: 100px 0;}
.siloed .main-heading{display: block;max-width: 70%;padding: 0 0 30px;}
.siloed .main-heading h3{display: block;text-align: left;letter-spacing: 2px;margin: 0 0 20px;font-size: 44px;color: #160c28;line-height: 1.1em;margin-bottom: 30px;padding: 0px;}
.siloed .main-heading h6{font-size: 26px;color: #160c28;line-height: 1.4;font-family: avenir-roman,sans-serif;}
.siloed p{color: #160c28;line-height: 1.7;font-size: 18px;}




.cultivate{padding: 60px 0;background-color: #281f56;}
.cultivate .cultivate-text{text-align: center;}
.cultivate .cultivate-text h2{color: #fff;padding: 0 0 40px;font-size: 45px;letter-spacing: 2px;}
.cultivate .cultivate-text p{color: #fff;font-size: 20px;font-weight: 500;}

.cultivate .cultivate-text h3{color: #fff;padding: 0 0 10px;font-size: 18px;font-weight: 700;}
.cultivate .cultivate-text h4{color: #fff;font-size: 18px;padding: 0;font-weight: 300;}




.hire-cream{padding: 100px 0;}
.hire-cream h2{letter-spacing: 1px;color: #160c28;padding: 0 0 30px;font-size: 50px;}
.hire-cream p{font-size: 18px;padding: 0 30px 20px 0;color: #160c28;line-height: 1.7;}
.hire-cream figure{}
.hire-cream figure img{width: 100%;}



.inner-testimonials{padding: 100px 0;}
.inner-testimonials .testi-wrapper{text-align: center;position: relative;}
.inner-testimonials .testi-wrapper:before{position: absolute;content: "";width: 80px;border-top:1px solid #ccc;top: 0;left: 0;right: 0;margin: 0 auto;}
.inner-testimonials .testi-wrapper:after{position: absolute;content: "";width: 80px;border-top:1px solid #ccc;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.inner-testimonials .testi-wrapper .item{padding: 40px 0;}
.inner-testimonials .testi-wrapper figure{width: 6%;display: inline-block;margin: 0 auto 40px;}
.inner-testimonials .testi-wrapper figure img{width: 100%;}
.inner-testimonials .testi-wrapper h5{font-size: 20px;letter-spacing: 0;}
.inner-testimonials .testi-wrapper p{color: #160c28;font-weight: 700;font-size: 12px;margin: 36px 0 0;}




.process-commonfolds{padding: 220px 0px;}
.process-commonfolds h2{color:#160c28;font-size: 12px;letter-spacing: 2px;font-family: AvenirRoman,sans-serif;}
.process-commonfolds h6{color:#160c28;font-weight: 700;font-size: 52px;}
.process-commonfolds p{color:#160c28;line-height: 1.7;margin: 30px 0 0;padding:0px;font-size: 18px;font-weight: 300;}
.process-commonfolds .factorlink{background:#000;border:1px solid #000;color:#fff;padding:13px 31px;text-align:center;text-transform: uppercase;-webkit-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-moz-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-o-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;display: inline-block;margin-top:36px;font-weight: 600;}
.process-commonfolds .factorlink:hover{background: transparent;color:#000;border-radius: 2px;}



.process-commonfolds.clickmodel{ background: #fff url(../images/ico-clickmodel-1.webp)no-repeat;background-position: center right -224px; background-size: 50%;}
.process-commonfolds.agiledev{background: #fff url(../images/ico-agiledev-1.png)no-repeat;background-position: center left -224px;background-size: 50%;}
.process-commonfolds.commandview{ background: #fff url(../images/ico-commandview-1.webp)no-repeat;background-position: center right -224px; background-size: 50%;}



/*-------------------------new lp css-------------------------*/

.cstmwebdesgn .inerservice-banner form {width: 100%;background: #ffffffe6;padding: 30px;border-radius: 5px;}
.cstmwebdesgn .inerservice-banner form h4{text-align: center;width: 100%;color: #fa130d;font-size: 30px;font-weight: 700;text-transform: capitalize;padding: 0;}
.cstmwebdesgn .inerservice-banner form p{text-align: center;width: 100%;color: #160c28;font-weight: 500;padding: 0 0 30px 0;}
.cstmwebdesgn .inerservice-banner form .from-control {padding: 0 0 5px 0;}
.cstmwebdesgn .inerservice-banner form .from-control label {margin: 0;color: #160c28;font-weight: 600;}
.header-main {}
.header-main .nav-area-full {position: relative;}
.header-main .top-bar{position: relative; padding: 10px 0;  overflow: hidden; position: relative; }
.header-main .top-bar .sldrwrp{ display: block; width: 200%; position: absolute; overflow: hidden; animation: marquee 20s linear infinite;}
.header-main .top-bar .col-md-8 {overflow: hidden;}
.header-main .top-bar .sldrwrp p{float: left; width: 50%;}
.header-main .top-bar .sldrwrp p span{color: red; font-weight: 600;}

.header-main .cntct{overflow: hidden; position: relative; z-index: 99;background: #f5f8fa;}
.header-main .cntct ul{text-align: right; margin: 0;}
.header-main .cntct ul li{display: inline-block;padding: 0 12px;text-align: center;text-transform: capitalize;position: relative;}
.header-main .cntct ul li.cstm-btn {}
.header-main .cntct ul li.cstm-btn:before {content: "";display: inline-block;width: 5px;position: absolute;height: 5px;top: 8px;border-radius: 50%;background-color: #fa130d;left: -3px;}
.header-main .cntct ul li a {color: #000;font-weight: 600;font-size: 14px;}
.header-main .cntct ul li a i{display: inline-block; margin: 0 5px 0 0; }
.cstmwebdesgn .main-menu > ul {}
.cstmwebdesgn .inner-testimnl {padding: 60px 0 60px;}
.cstmwebdesgn .inner-testimnl .mainwrp{transition: border-color .5s cubic-bezier(.39,.575,.565,1),box-shadow .2s cubic-bezier(.39,.575,.565,1);padding: 16px 20px 8px; border-radius: 5px; border: solid 1px #e2e6ec; }
.cstmwebdesgn .inner-testimnl .mainwrp:hover {box-shadow: 0 5px 30px 0 rgba(35,43,54,.15);}
.cstmwebdesgn .inner-testimnl .mainwrp .name-wrp {}
.cstmwebdesgn .inner-testimnl .mainwrp .name-wrp span{font-size: 14px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; color: #9ba3af; }
.cstmwebdesgn .inner-testimnl .mainwrp .name-wrp img{}
.cstmwebdesgn .inner-testimnl .testi-heading p{ font-weight: 600;font-size: 20px; }
.cstmwebdesgn .inner-testimnl .mainwrp .txt-wrp {}
.cstmwebdesgn .inner-testimnl .mainwrp .txt-wrp p{display: block;text-align: left;font-size: 13px;padding: 25px 0;}
.cstmwebdesgn .inner-testimnl .mainwrp .dtewrp {}
.cstmwebdesgn .inner-testimnl .mainwrp .dtewrp h6{color: #9ba3af;font-size: 12px;display: inline-block;}
.cstmwebdesgn .inner-testimnl .mainwrp .dtewrp img {float: right; display: inline-block; width: 30%; }
.cstmwebdesgn .main-menu > ul > li:last-child {padding-left: 15px; }
.cstmwebdesgn .inerservice-banner .submit {display: block; width: 100%;margin: 15px 0 0 0;}
.cstmwebdesgn .inerservice-banner .submit:hover {background: #fa130d; border: 1px solid #0000;}
.cstmwebdesgn .inerservice-banner .isb-textwrapper h1 {font-size: 42px;}
.cstmwebdesgn .inerservice-banner{margin-top: 120px;padding: 50px 0;}
.cstmwebdesgn .logo{width: 80%;}
.cstmwebdesgn .inerservice-banner:before{background: linear-gradient(to right, rgb(17 94 234) 0%, #9e1b62 100%);}
.cstmwebdesgn .btn-red {font-weight: 600;}
.lgos-sctn {padding: 30px 0 0; }
.lgos-sctn ul {text-align: center;margin: 0;}
.lgos-sctn ul li{display: inline-block;padding: 0 30px;}
.lgos-sctn ul li img{}
.cstmwebdesgn .inerservice-banner .submit {font-size: 16px;}


.nampoup{position: fixed; left: 20px; background: #f2f2f2; border-radius: 50px; padding: 8px 40px; transition: 0.5s;bottom: -100px;z-index: 9;}
.frstn.active{bottom: 20px;}
.scndn.active{bottom: 20px;}
.thrdn.active{bottom: 20px;}
.frthn.active{bottom: 20px;}
.ffthn.active{bottom: 20px;}
.ffthn.active{bottom: 20px;}
.sxxthn.active{bottom: 20px;}
.svnthn.active{bottom: 20px;}
.eghtn.active{bottom: 20px;}
.nnethn.active{bottom: 20px;}
.tnthn.active{bottom: 20px;}
.elvnth.active{bottom: 20px;}
.twlthn.active{bottom: 20px;}
.thrtn.active{bottom: 20px;}
.fftn.active{bottom: 20px;}
.ssxtn.active{bottom: 20px;}
.nampoup .wrp{}
.nampoup .wrp b{color: #000; display: block; text-transform: capitalize; padding: 0 0 5px 0; }
.nampoup .wrp span{color: #000; text-transform: capitalize; }
.nampoup .wrp p{color: #000; font-size: 12px; }

.cstmwebdesgn .callusnow {display: none;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap {background: #9e1b62;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap h3{color: #ffffff;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap h4{color: #ffffff;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap h5{color: #ffffff;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li{color: #ffffff;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li p.extrainfo{color: #ffffff;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap h4 span{color: #ffffff;}
.cstmwebdesgn .btn-pack{background: #ffffff;color: #3d60a6;}
.cstmwebdesgn .btn-pack:hover {color: #3d60a6; }
/*.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular{}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular h3{color: #464c51;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular h4{color: #333a3f;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular h5{color: #757a7e;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular .packfeatures li{color: #63686c;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular .btn-pack{color: #fff;}*/
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular{background: #3d60a6;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular .btn-pack{background: #ffffff;color: #e2130f;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular:after {color: #ffffff;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .viewdetails{background: #ffffff;padding: 12px 60px;display: block;color: #1a58c4;margin: 0;font-weight: bold;font-size: 16px;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap{}
.cstmwebdesgn section.main-cmplte-brnd-sec .viewdetails {color: #1a58c4;font-weight: bold;font-size: 16px;}
.cstmwebdesgn {}
.cstmwebdesgn {}
.cstmwebdesgn {}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}







.inerservice-banner{background-position: center;background-size: cover !important;margin-top: 70px;padding: 120px 0;background-attachment: fixed;position: relative;}
.inerservice-banner:before{position:absolute;content:"";top: 0;width: 100%;height: 100%;background: #0000008c;/* z-index: 1; */}
.inerservice-banner .container{}
.inerservice-banner .col-lg-8,
.inerservice-banner .col-lg-4{display: table;/* height: 100vh; */}
.inerservice-banner .isb-textwrapper{padding: 0 110px 0 0;/* display: table-cell; */width: 100%;vertical-align: middle;}
.inerservice-banner .isb-textwrapper figure{width: 15%;}
.inerservice-banner .isb-textwrapper figure img{width: 100%;}
.inerservice-banner .isb-textwrapper h5{color: #fff;letter-spacing: 2px!important;font-family: AvenirRoman,sans-serif;text-transform: uppercase;font-size: 14px;font-weight: 600;padding: 0;margin: 0;}
.inerservice-banner .isb-textwrapper h1{line-height: 1;text-transform: uppercase;color: #fff;font-size: 50px;margin-bottom: 20px;font-weight: 900;padding: 20px 20px 0 0px;letter-spacing: 2px;}
.inerservice-banner .isb-textwrapper p{color: #fff;font-size: 18px;font-weight: 400;line-height: 1.4;letter-spacing: 0;padding: 0 0 30px;}
.inerservice-banner .isb-textwrapper p.small{font-size: 13px!important;letter-spacing: 2px;text-transform: uppercase;padding: 0 0 20px;line-height: 1;}



.inerservice-banner form{width: 85%;/* display: table-cell; */vertical-align: middle;}
.inerservice-banner form .from-control{padding: 0 0 20px;}
.inerservice-banner form .from-control label{width: 100%;display: block;color: #ffffff;}
.inerservice-banner form .from-control input{width: 100%;padding: 15px;border-radius: 5px;border: transparent;background: #fff;}
.inerservice-banner form .from-control input:focus{outline:none}
.cstmwebdesgn .inerservice-banner .submit{
    background: linear-gradient(to right, rgb(17 94 234) 0%, #9e1b62 100%);
    border:1px solid #0000;
}
.inerservice-banner .submit {margin: 0px 0 0;display: inline-block;background: #000000;border: 1px solid #000000;color: #fff;font-size: 14px;padding: 13px 31px;text-align: center;text-transform: capitalize;display: inline-block;border-radius: 5px;-webkit-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-moz-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-o-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;font-weight: 600;cursor: pointer;}
.inerservice-banner .submit:hover{background: transparent;border: 1px solid #fff;color: #fff;}



.floatbutton .buttonclick {
    width: 50px;
    z-index: 99;
    opacity: 1;
    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;
}









.innserservice-commonfolds{padding: 30px 0px;}
.innserservice-commonfolds h1{font-size: 44px;font-weight: 700;/* padding: 50px 0 0; */color: #160c28;line-height: 1;padding-bottom: 20px;}
.innserservice-commonfolds h2{color:#160c28;font-size: 12px;letter-spacing: 2px;font-family: AvenirRoman,sans-serif;}
.innserservice-commonfolds h6{color: #fa130d;font-weight: 700;font-size: 30px;padding: 30px 0 30px;}
.innserservice-commonfolds p{color:#160c28;line-height: 1.7;padding:0px;font-size: 18px;font-weight: 300;}
.innserservice-commonfolds .factorlink{background:#000;border:1px solid #000;color:#fff;padding:13px 31px;text-align:center;text-transform: uppercase;-webkit-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-moz-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-o-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;display: inline-block;margin-top:36px;font-weight: 600;}
.innserservice-commonfolds .factorlink:hover{background: #fff;color:#000;border-radius: 2px;}


.innserservice-commonfolds.customsoftware{background: #fff url(../images/3services.jpg)no-repeat;background-position: top right -80px;background-size: 40%;padding: 60px 0;}
.innserservice-commonfolds.experience{background: #fff url(../images/experience.jpg)no-repeat;background-position: top left -80px !important;background-size: 40%!important;margin: 70px 0 40px;}


.secondlayer-innerservices-wrapper{text-align: center;padding: 60px 0;}
.secondlayer-innerservices-wrapper h4{color: #160c28;font-size: 16px;font-family: AvenirRoman,sans-serif;font-weight: 700;}
.secondlayer-innerservices-wrapper ul{
    padding: 20px 0 0 0;
}
.secondlayer-innerservices-wrapper ul li{display: block;text-align: center;padding: 0 0 15px;}
.secondlayer-innerservices-wrapper ul li a{font-size: 16px;font-family: AvenirRoman,sans-serif;font-weight: 400;}



.build-to-win{padding: 60px 0 45px;}
.build-to-win .main-heading{text-align: center;margin-bottom: 40px;}
.build-to-win .main-heading h2{font-size: 44px;font-weight: 700;color: #160c28;line-height: 1;padding-bottom: 30px;}
.build-to-win .main-heading p{color: #160c28;line-height: 1.7;padding: 0px;font-size: 18px;}
.build-to-win .to-win-box{text-align: center;border-radius: 5px;position: relative;}
.build-to-win .to-win-box a:hover:before{position: absolute;content: "";background: #3d60a652;width: 100%;height: 100%;left: 0;top: 0;z-index: 9;border-radius: 5px;}
.build-to-win .to-win-box a:hover:after{position: absolute;content: "\e923";font-family: 'icomoon' !important;left: 0;top: 40%;z-index: 91;color: #fa130d;display: inline-block;right: 0;margin: auto;font-size: 40px;}
.build-to-win .to-win-box a{display: block;width: 100%;z-index: 1;position: relative;border-radius: 5px;overflow: hidden;}
.build-to-win .to-win-box a figure{
    margin-bottom: 0;
}
.build-to-win .to-win-box a figure img{width: 100%;}
.build-to-win .to-win-box a h3{font-size: 22px;color: #fff;}
.build-to-win .to-win-box a h3 span{display: block;font-size: 50px;line-height: 1;}

.build-to-win .to-win-box.roi{background: url(../images/results-photo-1.jpg)no-repeat center;background-size: cover;}
.build-to-win .to-win-box.threex{background: url(../images/results-firstcrush.jpg)no-repeat center;background-size: cover;}
.build-to-win .to-win-box.o1m{background: url(../images/results-kids.jpg)no-repeat center;background-size: cover;}

.whether-you{}
.whether-you{padding: 60px 0;}
.whether-you .main-heading{text-align: center;margin-bottom: 40px;width: 75%;margin: 0 auto 50px;}
.whether-you .main-heading h2{font-size: 44px;font-weight: 700;color: #160c28;line-height: 1;padding-bottom: 30px;}
.whether-you .main-heading p{color: #160c28;line-height: 1.7;padding: 0px;font-size: 18px;}

.whether-you .whether-box{text-align: center;margin: 0 0 40px;padding: 0 20px;}
.whether-you .whether-box figure{width: 20%;margin: 0 auto 30px;}
.whether-you .whether-box figure img{width: 100%;}
.whether-you .whether-box h3{font-size: 16px;font-weight: 700;}
.whether-you .whether-box p{line-height: 1.4;font-size: 16px;}




.not-code-but-impact{padding: 60px 0;}
.not-code-but-impact .main-heading{text-align: center;margin: 0 0 40px;}
.not-code-but-impact .main-heading h2{padding: 0 0 20px;letter-spacing: 2px;font-weight: 700;font-size: 44px;}
.not-code-but-impact .main-heading h2 span{display: block;color: #fa130d;;}
.not-code-but-impact .ncbc-box{min-height: 322px;text-align: center;border-radius: 5px;-webkit-transition: background-size .15s ease-in;-moz-transition: background-size .15s ease-in;-ms-transition: background-size .15s ease-in;-o-transition: background-size .15s ease-in;transition: background-size .15s ease-in;}
.not-code-but-impact .ncbc-box a{display: block;padding: 50px;color: #fff;min-height: 322px;position: relative;border-radius: 5px;z-index: 3;display: table;}
.not-code-but-impact .ncbc-box a:before{position: absolute;content: "";background: #00000070;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;border-radius: 5px;}
.not-code-but-impact .ncbc-box a h3{color: #fff;display: table-cell;vertical-align: middle;}


.not-code-but-impact .ncbc-box.one{background: url(../images/ncbc-box-one.png)no-repeat center;background-size: 100%;}
.not-code-but-impact .ncbc-box.two{background: url(../images/ncbc-box-two.png)no-repeat center;background-size: 100%;}
.not-code-but-impact .ncbc-box.three{background: url(../images/ncbc-box-three.jpg)no-repeat center;background-size: 100%;}

.not-code-but-impact .ncbc-box.one:hover{background-size: 110%;-webkit-transition: background-size .15s ease-in;-moz-transition: background-size .15s ease-in;-ms-transition: background-size .15s ease-in;-o-transition: background-size .15s ease-in;transition: background-size .15s ease-in;}
.not-code-but-impact .ncbc-box.two:hover{background-size: 110%;-webkit-transition: background-size .15s ease-in;-moz-transition: background-size .15s ease-in;-ms-transition: background-size .15s ease-in;-o-transition: background-size .15s ease-in;transition: background-size .15s ease-in;}
.not-code-but-impact .ncbc-box.three:hover{background-size: 110%;-webkit-transition: background-size .15s ease-in;-moz-transition: background-size .15s ease-in;-ms-transition: background-size .15s ease-in;-o-transition: background-size .15s ease-in;transition: background-size .15s ease-in;}





.u-friendly{padding: 60px 0;}
.u-friendly .main-heading{text-align: center;}
.u-friendly .main-heading h2{padding: 0 0 20px;letter-spacing: 2px;font-weight: 700;font-size: 44px;}
.u-friendly .col-lg-12{font-size:0;text-align: center;}
.u-friendly .userfri-box{display: inline-block;width: 32.33%;min-height: 322px;border-radius: 5px;padding: 20px;}
.u-friendly .userfri-box a{width: 100%;height: 100%;display: block;border-radius: 5px;position:relative;}
.u-friendly .userfri-box a figure{margin: 0;}
.u-friendly .userfri-box a figure img{width: 100%;border-radius: 5px;}
.u-friendly .userfri-box:hover > a:before{position:absolute;content:"";background: #00000012;width: 100%;height: 100%;left: 0;top: 0;border-radius: 5px;}



.ux-toolbox{padding: 60px 0;}
.ux-toolbox .main-heading{text-align: center;}
.ux-toolbox .main-heading h2{padding: 0 0 20px;letter-spacing: 2px;font-weight: 700;font-size: 44px;}
.ux-toolbox .main-heading p{}

.ux-toolbox .toolbox-wrapper{font-size: 0;padding: 10px 0 0;}
.ux-toolbox .toolbox-wrapper .toolbox{display: inline-block;width: 25%;padding: 0 15px 15px 0;vertical-align: top;}
.ux-toolbox .toolbox-wrapper .toolbox .head{background: #000;padding: 14px 10px;text-align: center;}
.ux-toolbox .toolbox-wrapper .toolbox .head h3{color: #fff;padding: 0;margin: 0;font-size: 14px;}
.ux-toolbox .toolbox-wrapper .toolbox .body{font-size: 0;padding: 20px 10px;background:#28a2a8;min-height: 120px;}
.ux-toolbox .toolbox-wrapper .toolbox .body figure{display: inline-block;width: 20%;vertical-align: middle;margin: 0;padding: 0 0 0 10px;}
.ux-toolbox .toolbox-wrapper .toolbox .body figure img{width: 100%;}
.ux-toolbox .toolbox-wrapper .toolbox .body p{color: #fff;padding: 0 20px 0;margin: 0;display: inline-block;width: 80%;font-size: 15px;vertical-align: middle;line-height: 1.1;}



.software-fails{padding: 60px 0;}
.software-fails .main-heading{display: block;max-width: 100%;padding: 0px 340px 30px 0;border-bottom: 3px solid #000;margin-bottom: 40px;}
.software-fails .main-heading h3{padding: 0 0 20px;}
.software-fails .main-heading h6{font-weight: 300;font-family: avenir-roman,sans-serif;padding: 0px;font-size: 20px;}
.software-fails p{padding: 0 0 20px;font-size: 20px;font-weight: 300;}
.software-fails figure{margin: 0;}
.software-fails figure img{width: 100%;}



.meet-team{padding: 60px 0;}
.meet-team .main-heading{margin: 0 0 50px;}
.meet-team .main-heading h2{text-align: center;padding: 0 0 20px; letter-spacing: 2px; font-weight: 700; font-size: 44px;}
.meet-team .main-heading p{font-size: 20px;font-weight: 300;line-height: 1.6;}
.meet-team .team-box{text-align: center;}
.meet-team .team-box figure{display: block;border-radius: 50%;width: 80%;margin: 0 auto 20px;}
.meet-team .team-box figure img{width: 100%;border-radius: 50%;}
.meet-team .team-box h4{color: #303133;border-bottom: 2px solid #ff5349;font-size: 20px;padding: 0 0 4px;display: inline-block;}
.meet-team .team-box p{color: #160c28;font-size: 11px!important;letter-spacing: 2px;text-transform: uppercase;padding: 10px 0 0;font-weight: 700;}



.my-options{padding: 60px 0;}
.my-options .main-heading{margin: 0 0 60px;}
.my-options .main-heading h2{text-align: center;letter-spacing: 2px;font-weight: 700;font-size: 44px;}
.my-options .nav-pills{}
.my-options .nav-pills li{display: block;width: 100%;text-align: right;}
.my-options .nav-pills li a{font-size: 16px!important;letter-spacing: 2px;color: #303133;font-weight: 700;text-align: right;display: block;padding: 15px 0;position: relative;}
.my-options .nav-pills li a.active{color:#f9130d!important;}
.my-options .nav-pills li a.active:before{z-index: 1;position:absolute;content:"";height: 100%;width: 1px;border-left: 3px solid #f9130d;right: -32px;top: 0;}
.my-options .tab-content{}
.my-options .tab-content .tab-pane{border-left: 1px solid #ccc;padding: 0 0 0 30px;}
.my-options .tab-content .tab-pane figure{width: 10%;}
.my-options .tab-content .tab-pane figure img{width: 100%;}
.my-options .tab-content .tab-pane h6{padding: 20px 0;font-size: 12px;color: #fa413c;font-weight: 700;}
.my-options .tab-content .tab-pane h5{font-size: 20px;letter-spacing: 0;padding: 10px 0 20px;font-weight: 400;}
.my-options .tab-content .tab-pane p{font-size: 17px;line-height: 1.75;margin: 18px 0 0;padding: 0;}
.my-options .tab-content .tab-pane p a{}


.floatingform-sec .banner-form{width: 400px;background: #3d60a6;top:-60px}
.floatingform-sec .banner-form h3{color:#fff;text-align: center;}
.floatingform-sec .banner-form  input[type="submit"]{background: #fa130d;}

.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;}
.floatbutton.visible .buttonclick{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: 265px; font-size: 0; width: 420px; z-index: 99; }
.floating_wrap{opacity: 1;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floating_wrap.visible{opacity: 1;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .buttonclick{
    width: 50px;z-index: 99; opacity: 1; 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 .buttonclick .crossplus{position: relative;display: block;transform: rotate(0deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .buttonclick .crossplus.rotate{transform: rotate(-90deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .buttonclick .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; /* padding-right: 25px; */ text-align: center; font-weight: 600; color: #fa130d;; box-shadow: 0px 0px 40px #00000026 !important; left: -4px; }
.floatbutton .buttonclick .crossplus {transform: rotate(-90deg); }

.crossplus p a:hover{
    color:#fa130d;
}


.floatbutton.active {right: 0; z-index: 9; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
/*floating strips css start */
.floating_wrap{position: fixed; right: 0px; top:140px; z-index: 99; }
.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:#fa130d;; font-size: 20px; 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:#fa130d;; 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:#fa130d;; font-size: 20px; vertical-align: middle; background: #fff; padding: 15px 30px 15px 15px; }
/*floating strips css end */




.main-privacy-sec{padding-top: 120px;}
.prvc-inner-sec p strong{font-size: 26px;}
.prvc-inner-sec p{font-size: 18px;}
.prvc-inner-sec li{font-size: 16px;}
.callusnow {width: 50px; height: 50px; color: #fff; display: block; text-align: center; border-radius: 100%; font-size: 24px; position: fixed; bottom: 20px; left: 20px; z-index: 9999; box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71); padding: 6px 0px 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;}



.cstmwebdesgn .quality {text-align: center;}
.cstmwebdesgn  .quality-img {font-size: 70px;color: #16a085;}
.cstmwebdesgn section.qualities{padding:100px 0;border-bottom: 1px solid #f1f1f1;}
.cstmwebdesgn section.qualities .quality-img {text-align: center; padding: 0px 0px; display: inline-block; }
.cstmwebdesgn .quality h4 {font-size: 16px; line-height: 22px; padding-top: 5px; color: #2e2e2e; }
.cstmwebdesgn section.qualities p{font-size: 20px; line-height: 1.4; text-align: center; padding-bottom: 25px; }
.cstmwebdesgn .has-border {border-right: 1px solid #3d60a6;}
.cstmwebdesgn .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; }
.cstmwebdesgn .icon-Customer-Satisfaction{background-image: url(../images/customer-satisfaction.png); background-size: 100% auto; background-position: center; width: 59px; height:46px; display: inline-block; }
.cstmwebdesgn .icon-Ownership-Rights{background-image: url(../images/ownership-rights.png); background-size: 100% auto; background-position: center; width: 59px; height:46px; display: inline-block; }
.cstmwebdesgn .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; }
.cstmwebdesgn .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; }
.cstmwebdesgn section.call-actions {border: 1px solid #3d60a6 !important;margin-top: 30px;padding: 10px 20px;background: #fff;border-radius: 20px;}
.cstmwebdesgn section.call-actions h2 {font-size: 16px; margin: 0px; line-height: 22px; text-transform: capitalize; padding: 20px 0 0 30px; color: #2c2c2c; }
.cstmwebdesgn section.call-actions span.phone{font-size: 36px;float: left;color: #3c5fa4;margin-left: 15px;margin-top: 25px;}
.cstmwebdesgn .phone-div {padding-left: 48px; }
.cstmwebdesgn section.call-actions span.mail{font-size: 36px;float: left;color: #3d60a6;margin-left: 15px;margin-top: 25px;}
.cstmwebdesgn section.call-actions h3 span {display: block;font-size: 18px;color: #3d60a6;}
.cstmwebdesgn section.call-actions .phone-div h3 {padding-left: 55px; }
.cstmwebdesgn section.call-actions h3 {font-size: 21px; margin-top: 23px; padding-left: 65px; }






@keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}

/*================BLINK-POPUP-START===============*/
.book-call-ys-layer{display:none;opacity:0.7;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;}
.book-call-ys-container{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color: rgba(0, 0, 0, 0.81);z-index:9999;}
.inp-dsleb{position:relative;}
.inp-dsleb:after{position:absolute;content:"";top:0px;left:0px;width:100%;background-color:rgba(0, 0, 0, 0.08);height:100%;border-radius:6px;}
.book-call-ys-container.visible, .book-call-ys-layer.visible{display:block;}
.book-call-ys-box{background-color:#fff;width:0;height:0;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);border-radius:20px 20px 20px 20px;transition:height .2s ease-in-out;}
.crossbtn{float:right;font-size:30px;border:2px solid #000;padding:2px 7px;border-radius:3px;color:#212529;}
.crossbtn:hover{color:#212529;}
.book-call-ys-popup-close{position:absolute;color:#fa130d;;text-align:center;font-size:18px;text-decoration:none;display:block;right:10px;top:10px;font-weight:700;padding:3px 9px;line-height:initial;border-radius:100%;}
.book-call-ys-container.finished .book-call-ys-popup-close{width:30px;height:30px;text-indent:0;}
.book-call-ys-popup-content{display:none;padding:20px 40px;background:#fff;border-radius: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:#000019;}
.book-call-ys-box{height:auto;width:572px !important;background:#f3c06a;padding:0;background-size:cover;}
.book-call-ys-box .mainbann{border-radius:20px 20px 0 0;width:100%;}
.book-call-popupform h2 span{padding: 0 0 5PX 0;}
.book-call-popupform p{color:#000019;padding:0 0 25px 0;font-size:14px;line-height: 1.2;}
.book-call-popupform form p{color: #000019; font-size: 16px; font-weight: 700; margin: 0; padding: 20px 0 20px 0; text-align: center; }
.book-call-popupform form p span{color:#0c71f4;}
p.small{font-size:14px;color:#000;text-align:center;display:block;}
.book-call-popupform form{font-size:0;}
.book-call-popupform form .fldst{margin:0 0 20px;display:block;width:100%;}
.book-call-popupform form .fldst.sndus{margin:0 0 15px 0;}
.book-call-popupform span.heading{font-size:30px;font-weight:500;text-align:center;display:block;}
.book-call-popupform figure{-webkit-animation:ripple 0.9s linear infinite;animation:ripple 0.9s linear infinite;width:50px;height:50px;border-radius:100%;display:block;margin:-40px auto 30px;border:solid 1px #ededed;background:#fff;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.book-call-popupform form .fldst .intl-tel-input{width:79%;margin-bottom:15px;}
/*.book-call-popupform form input[type="text"]{border-radius:3px;}*/
.book-call-popupform form .fldst.btnattach button{position:relative;bottom:0;border:0;display:block;right:0;background:#59bad3;width:100%;height:50px;border-radius:4px;cursor:pointer;font-size:16px;color:#fff;}
.book-call-popupform form .callus{height: 55px;border-top:3px solid transparent;background-color:#fa130d;;font-size:20px;color:#fff;line-height:33px;padding:8px 25px;outline:none;cursor:pointer;border-radius:10px;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:#fa130d;;}
.book-call-popupform form .lst-p a:hover{color:#000019;}
.book-call-popupform form input{width:100%;margin:0 0 0 0;border:1px solid #cbcbcb;background:white;padding:10px 15px;color: #535353;;font-size:16px;border-radius:10px;height:55px;font-weight:400;outline:none !important;margin:0 0 0px 0;}
.book-call-popupform form .newbtn{background: #fa130d;; height: 55px; width: 100px; color: #fff; display: inline-block; vertical-align: top; border-radius: 0px 10px 10px 0px; cursor: pointer; border: 1px solid #cbcbcb; border-left: 0; font-size: 16px; font-weight: bold; }
.book-call-popupform #phone-coun{border-radius: 10px 0px 0px 10px;}
.callusnow{width:50px;height:50px;color: #ffffff;display:block;text-align:center;border-radius:100%;font-size:24px;position:fixed;bottom:70px;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: #fa130d;background:-moz-linear-gradient(left, #59bad3 0%, #9b2c92 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bad3', endColorstr='#9b2c92',GradientType=1);border: solid 3px #fa130d;}
.callusnow:hover{color: #ffffff;}
.fldst-two{width:50%;display:inline-block;padding:0px 5px 0px 0px;}
.fldst-two.last{padding: 0px 4px 0px 5px;}
.flagimg-exit{width:20px;margin-left:10px;margin-right:2px;}
@keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0
rgba(1, 201, 226, 0.3), 0 0 0 10px
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}
@keyframes ripple{0%{box-shadow:0 0 0 0
rgba(201, 205, 206, 0.3), 0 0 0 10px
rgba(232, 238, 239, 0.3), 0 0 0 20px
rgba(219, 224, 224, 0.3), 0 0 0 30px
rgba(197, 199, 199, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(207, 219, 220, 0.3), 0 0 0 20px
rgba(167, 174, 175, 0.3), 0 0 0 30px
rgba(187, 194, 195, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}
/*================BLINK-POPUP-END===============*/


/*================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:#000;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 40px;background:#f5f5f5;border-radius:0px 0px 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 #fa130d;; */height:574px;width:572px !important;padding:0;background-size:cover;}
.ys-box .mainbann{border-radius:20px 20px 0 0;width:100%;}
.popupform p{color:#42526E;font-size:18px;padding:0 0 8px;text-align:center;}
.popupform form p{color:#42526E;font-size: 13px;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;background:#fa130d;;width:100%;height:50px;border-radius:5px;cursor:pointer;font-size:16px;color:#fff;}
.popupform form p a{color:#fa130d;;font-weight: 600;}
.popupform form .lst-p{text-align:center;padding: 15px 0px 0;}
.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===================*/

/*================TESTIMONIALS-SECTION-START========================*/
.main-testimonials-sec{padding: 60px 0 60px 0;background: #f9f9f987;}
.testi_box {padding: 30px 30px 0 30px;transition: all 700ms;margin: 0px 0 45px 0;}
.testi_box:hover{background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0px 11px 15px #16232136;-ms-box-shadow: 0px 11px 15px #16232136;-o-box-shadow: 0px 11px 15px #16232136;box-shadow: 0px 11px 15px #16232136;transition: all 700ms;}
.testi-heading{text-align:center;}
.testi_box ul{margin-bottom: 30px;}
.testi_box ul li{display: inline-block;font-size: 16px; color: #ecc70e; margin: 0px 2px 0 2px; }
.testi_box>p{font-size: 20px;font-weight: 500;line-height: 1.5;padding: 0 0 30px 0;}
.main-img{font-size: 0;border-bottom: 2px solid #f3f3f3;padding-bottom: 30px;transition: all 700ms;}
.testi_box:hover .main-img{border-bottom: transparent;transition: all 700ms;}
.testi-img{display: inline-block;width: 45px;vertical-align: top;height: 45px;background: #fa130d;border-radius: 50%;}
.testi-img span{
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding-top: 8px;
}
.testi-img img{border-radius: 50%;}
.testi-cont{display: inline-block;width: 78%;vertical-align: top;padding-left: 20px;}
.testi-cont p{font-size: 16px;padding: 0px;}
.testi-cont p span{display: block;font-size: 14px;}
.slick-next:before {content: "\f105"; font-family: FontAwesome; font-size: 50px; color: #fa130d;; }
.slick-prev:before {content: "\f104"; font-family: FontAwesome; font-size: 50px; color: #fa130d;; }
.pckgslidersec .slick-prev, .pckgslidersec .slick-next {top: 50% !important;}


.pckkslider .slick-prev, .pckkslider .slick-next {top: 45% !important;}
.pckkslider .slick-prev{    left: -50px;}
.pckkslider .slick-next{    right: -50px;}



.gveplns p{font-size: 18px; font-weight: 500; line-height: 1.5; padding: 0px 30px 0 30px; }
.gveplns p a{text-decoration: underline;}
.tsti-lgos ul li{padding: 0 14px;}
.tsti-lgos ul li figure img{width: 130px;}
/*================TESTIMONIALS-SECTION-END========================*/

/*=============BOTTOM-FORM-CSS-START===============*/
.bottom-form{padding: 60px 0; position: relative; z-index: 9; background: #fff; }
.bottom-form .txtwrap{}
.bottom-form .txtwrap h2{text-align: left;}
.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;color: #000019; }
.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 #cbcbcb;background: white;padding: 14px 40px 14px 16px;color: #535353;font-size: 16px;border-radius: 10px;height: 55px;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: 20px;}
.bot-form form input[type="submit"]{cursor: pointer; }
.bot-form form textarea {width: 100%; margin: 0; padding: 14px 16px; height: 130px;resize: none; }
.bot-form form .finput:focus{outline: none !important;}
.slct-field:after {content: "\f107"; position: absolute; right: 33px; top: 17px; font-family: fontawesome; color: #999; font-size: 16px; }
/*=============BOTTOM-FORM-CSS-END===============*/



.intl-tel-input .country-list .country {
    font-size: 14px;
}

/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .safari_only {



}

@media not all and (min-resolution:.001dpcm) { @media
{

}}


/* 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{}
}


.mycustompop{}
.mycustompop .ys-box{
    width: 800px!important;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}
.mycustompop .ys-box .ys-popup-content{
    font-size: 0;
    padding: 0;
    /* border-radius: 20px; */
}
.mycustompop .ys-box .ys-popup-content .left{
  background:url(../images/exit-pop-up.png);
  height: 550px;
  padding: 30px;
  width: 40%;
  vertical-align: top;
  display: inline-block;
}
.mycustompop .ys-box .ys-popup-content .left h3{
    color: #593b64;
    padding-bottom: 0;
}
.mycustompop .ys-box .ys-popup-content .right{
    padding: 45px 60px;
    width: 60%;
    display: inline-block;
    vertical-align: top;
}

.mybanform{}
.mybanform form{}
.mybanform form .wrap{
    font-size: 0;
    width: 100%;
    box-shadow: 0px 0px 40px #00000073;
    border-radius: 10px;
}
.mybanform form .wrap .dtf{
    display: inline-block;
    vertical-align: top;
    width: 27.6%;
}
.round{border-radius:10px 0 0 10px;}
.mybanform form .wrap .dtf.posrelative{width: 17%;}
.mybanform form .wrap .dtf input[type="text"],.mybanform form .wrap .dtf input[type="email"],.mybanform form .wrap .dtf input[type="number"]{
    background: #fff;
    border: 0;
    font-size: 14px;
    height: 80px;
    width: 100%;
    padding: 20px;
    border-right: 1px solid #e8e9eb;
}
.mybanform form .wrap .dtf input[type="submit"]{
    background: #fa130d;
    font-size: 16px;
    border: 0;
    color: #fff;
    padding: 20px 38px;
    height: 80px;
    cursor: pointer;
    border-radius: 0 10px 10px 0;
}
.home-banner-thnku{background-position: 100% top; background-size: cover; /*background-color: #6446a0;*/ height: 100vh; margin-top: 0px; position: relative; }
.home-banner{background-position: 100% top; background-size: cover; /*background-color: #6446a0;*/ height: 100vh; margin-top: 130px; position: relative; }
.home-banner:after {content: ""; position: absolute; width: 100%; height: 100%; background:#00000078;}

.thnku{ margin-top: 0px !important; }

.clientssection{
    display: inline-block;
    padding: 30px 0;
    background: #fff;
    box-shadow: 0px 0px 20px #0000000f;
    width: 100%;
}
.clientssection h3{
    color: #3c4355;
    font-size: 16px;
    padding-bottom: 0;
    padding: 20px 0;
}
.clientssection ul{
    font-size: 0;
    margin-bottom: 0;
}
.clientssection ul li{
    display: inline-block;
    padding: 0 14px;
}
.clientssection ul li figure{
    margin-bottom: 0;
}
.clientssection ul li figure img{
    width: 130px;
}


.webtech{
    padding: 60px 0;
}
.webtech .tabs-custom-nav{
    margin-bottom: 0;
}
.webtech .tabs-custom-nav li{}
.webtech .tabs-custom-nav li .twrap{
    display: inline-block;
    padding: 50px 40px;
}
.webtech .tabs-custom-nav li .twrap.current{
    background: #f5f6f7;
}
.webtech .tabs-custom-nav li .twrap:hover{
    background: #f5f6f7;
}
.webtech .tabs-custom-nav li .twrap:hover .content .btn-tab{}
.webtech .tabs-custom-nav li .twrap figure{
    display: inline-block;
    margin-bottom: 0;
}
.webtech .tabs-custom-nav li .twrap figure img{
    width: 60px;
}
.webtech .tabs-custom-nav li .twrap .content{
    display: inline-block;
    width: calc(100% - 80px);
    vertical-align: top;
    padding-left: 20px;
}
.webtech .tabs-custom-nav li .twrap .content h4{
    font-size: 22px;
}
.webtech .tabs-custom-nav li .twrap .content p{
    padding-bottom: 0;
    font-size: 16px;
    text-align: left;
}
.webtech .tabs-custom-nav li .twrap .content .btn-tab{}
.webtech .general{}
.webtech .general .tab-content-panel{}
.webtech .general .tab-content-panel figure{}
.webtech .general .tab-content-panel figure img{}



.msliderwrap{
    width: 100vh;
    position: absolute;
    left: -280px;
    top: 112px;
}
.msliderwrap .wowoslider{
    width: 100%;
    font-size: 0;
}
.msliderwrap .wowoslider .item{
    width: 100%;
    font-size: 0;
}
.msliderwrap .wowoslider .item figure{
    width: 100%;
    font-size: 0;
    margin-bottom: 0;
}
.msliderwrap .wowoslider .item figure img{
    width: 709px;
    font-size: 0;
}
.home-banner-content p{
    color: #fff;
    font-size: 20px;
    padding-bottom: 40px;
    width: 60%;
}
.header-main .whitelogo{display: none;}
.header-main .blacklogo{display: block;}
.header-main.stickyyy .whitelogo{display: none;}
.header-main.stickyyy .blacklogo{display: block;}

.inerservice .header-main .whitelogo{display: none;}
.inerservice .header-main .blacklogo{display: block;}

.header-main.stickyyy .nav-area-full{background:#fff;box-shadow: 0px 10px 23px #0000000d;}
.inerservice .header-main .main-menu > ul > li > a{color: #000;}
.header-main.stickyyy .main-menu > ul > li > a{color: #000;}


.header-main.stickyyy .main-menu > ul > li.active > a{color: #fa130d;}
.header-main.stickyyy .main-menu > ul > li:hover > a{color: #fa130d;}
.inerservice .header-main .main-menu > ul > li.active > a{color: #fa130d;}
.inerservice .header-main .main-menu > ul > li:hover > a{color: #fa130d;}

.header-main .main-menu > ul > li.book-call:hover > a{color: #fff;}
.header-main .main-menu > ul > li.live-chat:hover > a{color: #fff;}
.header-main.stickyyy .main-menu > ul > li.book-call:hover > a{color: #000;}
.header-main.stickyyy .main-menu > ul > li.live-chat:hover > a{color: #000;}
.header-main.stickyyy .main-menu > ul > li.head-no > a{color: #fff;}
.inerservice .header-main .main-menu > ul > li.head-no > a{color: #fff;}


.detailsec{
    padding: 60px 0 0;
}
.boxesinfo{}
.proofbox .btnwrap{
    font-family: var(--heading-font-family);
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 50px;
}
.cstmwebdesgn .webcta .btn-black{
    background: #ff000000;
    border: 1px solid white;
}
.btn-black{
    text-align: center;
    border-radius: 10px;
    padding: 14px 20px;
    background-color: #000000;
    color: #fff;
    display: inline-block;
    width: 200px;
    font-size: 16px;
    font-weight: 400;
    margin-right: 20px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    text-transform: capitalize;
}
.btn-black:hover{transform: translateY(-3.925px);color: #fff;-webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.cstmwebdesgn .btn-red{
    background: #000;
}
.btn-red{
    text-align: center;
    border-radius: 10px;
    padding: 14px 20px;
    background-color: #fa130d;
    color: #fff;
    display: inline-block;
    width: 200px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.btn-red:hover{transform: translateY(-3.925px);color: #fff;-webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
button.btn-red{border: none;cursor: pointer;}
.detailsec h2{line-height: 1;font-size: 44px;margin-bottom: 0;padding-bottom: 30px;}

.webcta{
    background: #9e1b62;
    padding: 60px 0 60px;
}
.webcta h3{
    color: #fff;
    font-size: 30px;
    /* padding-bottom: 0; */
}
.webcta p{
    font-size: 18px;
    color: #fff;
}
.webcta .btnwrap{
    padding-top: 28px;
}

.webtech h2{
    line-height: 1;
    font-size: 44px;
    margin-bottom: 0;
    padding-bottom: 30px;
    text-align: center;
}
.webtech p{
    font-size: 18px;
    text-align: center;
    padding-bottom: 40px;
}
.portfolio_arch{
    padding-top: 60px;
}
.portfolio_arch h2{
    line-height: 1;
    font-size: 44px;
    margin-bottom: 0;
    padding-bottom: 30px;
    text-align: center;
}
.portfolio_arch p{
    font-size: 18px;
    text-align: center;
    padding-bottom: 40px;
}
.testi-heading h2{
    font-size: 44px;
    color: #160c28;
    line-height: 1.1em;
    margin-bottom: 30px;
    padding: 0px;
}
.testi-heading p{
    font-size: 18px;
    text-align: center;
    padding-bottom: 40px;
}
.wrp{width: 100%;}

.innserservice-commonfolds .btnwrap{margin-top: 30px;}


.ourpackages{
    padding: 60px 0;
    text-align: center;
    position: relative;
}
.ourpackages h2{
    line-height: 1;
    font-size: 44px;
    margin-bottom: 0;
    padding-bottom: 30px;
    text-align: center;
}
.ourpackages p{
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px;
}
.ourpackages .tab-custom{}
.ourpackages .tab-custom .tabbing-links{
    margin-bottom: 0;
    margin-top: 30px;
}
.ourpackages .tab-custom .tabbing-links li{
    color: #4a5660;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    padding: 18px 30px;
    cursor: pointer;
    background: #eef1f2;
    border-radius: 10px 10px 0 0;
}
.ourpackages .tab-custom .tabbing-links li.current{
    background: #fff;
}
.ourpackages .tab-custom .tabbing-links li:hover{}

.ourpackages .tab-custom .tabs{
    display: none;
    width: 100%;
}
.ourpackages .tab-custom .tabs.current{
    display: inline-block;
    text-align: left;

}
.ourpackages .tab-custom .tabs ul{
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 0;
    margin-bottom: 0;
    margin-top: 40px;
}
.ourpackages .tab-custom .tabs ul li{
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 25%;
    padding: 0 5px;
}
.ourpackages .tab-custom .tabs ul li .packwrap{
    font-family: var(--secondary-font-family);
    padding: 40px 25px;
    background: #f5f6f7;
    border-radius: 10px;
    border: 2px solid transparent;
}
.ourpackages .tab-custom .tabs ul li .packwrap h3{
    font-size: 20px;
    color: #464c51;
    text-align: center;
}
.ourpackages .tab-custom .tabs ul li .packwrap h4{
    font-size: 30px;
    text-align: center;
    font-family: var(--heading-font-family);
    font-weight: 700;
    color: #333a3f;
}
.ourpackages .tab-custom .tabs ul li .packwrap h4 span{
    color: #a6b0ba;
    text-align: center;
    font-size: 12px;
    display: block;
    font-weight: 400;
    margin-bottom: 8px;
    font-family: var(--secondary-font-family);
}
.ourpackages .tab-custom .tabs ul li .packwrap h5{
    text-align: center;
    color: #757a7e;
    font-size: 12px;
    line-height: 1.4;
    font-family: var(--secondary-font-family);
    padding-bottom: 0;
}
.ourpackages .tab-custom .tabs ul li .packwrap a{
    margin: 15px 0;
}


.combo-wrapper .tab-custom{}
.combo-wrapper .tab-custom .tabbing-links{
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
    /* font-size: 10px !important; */
}
.combo-wrapper .tab-custom .tabbing-links li{
    color: #4a5660;
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
    padding: 18px 18px;
    cursor: pointer;
    background: #eef1f2;
    border-radius: 8px;
    width: 26%;
    text-align: center;
}
.combo-wrapper .tab-custom .tabbing-links li:before{display:none}
.combo-wrapper .tab-custom .tabbing-links li.current{
    background: #fff;
}
.combo-wrapper .tab-custom .tabbing-links li:hover{}

.combo-wrapper .tab-custom .tabs{
    display: none;
    width: 100%;
}
.combo-wrapper .tab-custom .tabs.current{
    display: inline-block;
    text-align: left;
}
.combo-wrapper .tab-custom .tabs ul{
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 0;
    margin-bottom: 0;
    margin-top: 20px;
}
.combo-wrapper .tab-custom .tabs ul li{
    vertical-align: top;
    display: block;
    /* text-align: left; */
    width: 100%;
    padding: 0px 25px;
}
.combo-wrapper .tab-custom .tabs ul li .packwrap{
    font-family: var(--secondary-font-family);
    padding: 40px 25px;
    background: #f5f6f7;
    border-radius: 10px;
    border: 2px solid transparent;
}

.btn-pack{
    color: #fff;
    background: #3d60a6;
    padding: 12px 60px;
    /* line-height: 1; */
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--heading-font-family);
    font-weight: 700;
    letter-spacing: 1px;
}
.btn-pack:hover{
    color: #fff;
}
.ourpackages .tab-custom .tabs ul li .packwrap .packfeatures{
    display: inline-block;
    text-align: left;
    padding: 0px 0 15px;
    margin-top: 0;
}
.ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li{position: relative;width: 100%;text-align: left;color: #63686c;font-size: 14px;padding-left: 22px;padding-bottom: 10px;font-family: var(--primary-font-family);}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li:before{color: #fff;}
.ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li:before{content: "\e962";position: absolute;left: 0;font-family: 'icomoon' !important;top: 1px;font-size: 13px;color: #01e252;}
.ourpackages .tab-custom .tabs ul li p.extrainfo{
    color: #a6b0ba;
    text-align: center;
    font-size: 12px;
    display: block;
    font-weight: 400;
    padding-bottom: 0;
    font-family: var(--secondary-font-family);
}
.ourpackages .tab-custom .tabs ul li .viewdetails span{
    font-size:16px;margin-right:10px;
}
.ourpackages .tab-custom .tabs ul li .viewdetails{
    color: #c3c3c3;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    margin-top: 10px;
    font-family: var(--secondary-font-family);
}
.nopadding{padding: 0px;}
.ourpackages .tab-custom .tabs ul li .packwrap.popular{
    background: #fff;
    border: #00b3ed;
    position: relative;
    font-family: var(--heading-font-family);
}
.ourpackages .tab-custom .tabs ul li .packwrap.popular:after{content: "Popular";position: absolute;text-transform: uppercase;font-size: 14px;top: 13px;left: 0;right: 0;margin:0 auto;color: #fa130d;font-weight: 700;}
.ourpackages .tab-custom .tabs ul li .packwrap.popular .btn-pack{
    background: #fa130d;
}
.ourpackages:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 284px;background: #eef1f2;}
.bot-form h2{
    font-size: 34px;
    color: #160c28;
    line-height: 1.1em;
    margin-bottom: 30px;
    padding: 0px;
}

.inerservice .ourpackages:before{display: none;}
.innserservice-commonfolds h6 span{    color: #160c28;}

.myawards{
    padding: 30px 0;
}
.myawards h3{}
.myawards p{
    font-weight: 400;
    padding: 0;
    font-size: 16px;
    padding-right: 50px;
}
.myawards .tsti-lgos{}
.myawards .tsti-lgos .mya{margin-bottom: 0px;font-size: 0;}
.myawards .tsti-lgos .mya li{
    display: inline-block;
    margin: 0 10px;
}
.myawards .tsti-lgos .mya li figure{}
.myawards .tsti-lgos .mya li figure img{}

.techicons{
    padding-top: 30px;
}
.techicons ul{
    font-size: 0;
    margin-bottom: 0;
}
.techicons ul li{
    display: inline-block;
    margin: 0 20px;
}
.techicons ul li figure{
    margin-bottom: 0px;
}
.techicons ul li figure img{
    width: 80px;
}
.wbport{
    display: inline-block;
    width: 100%;
    font-size: 0;
    margin-bottom: 0;
}
.wbport li{
    width: 30%;
    display: inline-block;
    margin: 0 15px 30px;
}

.portbanner{
    background-attachment: inherit;
    height: 400px;
}
.portfoliopg .build-to-win{position: relative;}
.portfoliopg .build-to-win:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 284px;
    background: #eef1f2;
}

.portfoliopg .build-to-win .tab-custom{
    position: relative;
    z-index: 1;
    text-align: center;
}
.portfoliopg .build-to-win .tab-custom .tabbing-links{
    margin-bottom: 0;
    margin-top: 30px;
    margin-bottom: 50px;
}
.portfoliopg .build-to-win .tab-custom .tabbing-links li{
    color: #4a5660;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    padding: 18px 30px;
    cursor: pointer;
    background: #eef1f2;
    border-radius: 10px 10px 0 0;
}
.portfoliopg .build-to-win .tab-custom .tabbing-links li.current{
    background: #fff;
}
.portfoliopg .build-to-win .tab-custom .tabbing-links li:hover{}

.portfoliopg .build-to-win .tab-custom .tabs{
    display: none;
}
.portfoliopg .build-to-win .tab-custom .tabs.current{
    display: inline-block;
    text-align: left;
}
.portfoliopg .build-to-win .main-heading{
    margin-bottom: 0;
}
.packagespg .ourpackages:before{display: block;}
.homeslid .slick-prev{left:40px;z-index: 2;}
.homeslid .slick-next{right:40px;z-index: 2;}
.homeslid .slick-next,.homeslid .slick-prev{top: 46% !important;z-index: 3;}
.footerleft figure img{
    width: 170px;
}

.customquotepg .cta-fold{margin-top: 70px;}
.innserservice-commonfolds.animation{background: #fff url(../images/second-fold/animation.jpg)no-repeat;}
.innserservice-commonfolds.backend{background: #fff url(../images/second-fold/backend-development.jpg)no-repeat;}
.innserservice-commonfolds.ecommerce{background: #fff url(../images/second-fold/ecommerce.jpg)no-repeat;}
.innserservice-commonfolds.mobile{background: #fff url(../images/second-fold/mobile-development.jpg)no-repeat;}
.mtech{
    text-align: center;
    padding: 60px 0;
}
.mtech h2{
    line-height: 1;
    font-size: 44px;
    margin-bottom: 0;
    padding-bottom: 30px;
}
.mtech ul{
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    font-size: 0;
}
.mtech ul li{
    vertical-align: top;
    width: 30%;
    display: inline-block;
    padding: 30px 30px 30px;
    margin: 15px 15px;
    border: 1px solid #e6e2e2;
    border-radius: 10px;
    height: 340px;
}
.mtech ul li figure{
    margin-bottom: 0;
}
.mtech ul li figure img{
    width: 100px;
}
.mtech ul li h3{
    font-size: 22px;
}
.mtech ul li p{
    font-size: 14px;
    line-height: 1.6;
}



.innserservice-commonfolds.cwebdesign{
  background: #fff url(../images/abt/custom-website-design.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.wordpress{
  background: #fff url(../images/abt/wordpress.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.ecommerce{
  background: #fff url(../images/abt/ecommerce-website-development.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.webapp{
  background: #f8f8fa url(../images/abt/web-application-development.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.backend{
  background: #f6f6f6 url(../images/abt/backend-development.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.mobapp{
  background: #fff url(../images/abt/mobile-application.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.webmain{
  background: #fff url(../images/abt/web-maintanance.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.domain{
  background: #fff url(../images/abt/domain-and-hosting.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.branding{
  background: #fff url(../images/abt/branding.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.video{
  background: #fff url(../images/abt/animation.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.seo{
  background: #fff url(../images/abt/seo.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
input.error {
    border: 1px solid red !important;
}


.ourpackages  ul.slick-dots{     bottom: -11px;
    left: 0;
    right: 0;
    margin: 0 auto;}


.works-wrap {
    padding: 150px 0 60px;
    position: relative;
    background-color: #ffffff;
    z-index: 2;
    border-bottom: 1px solid #eaeaea;
}
.subscribe-fold {
    padding: 0px 0 0;

}

.subscribe-fold .myheading {
    position: relative;
    padding-bottom: 40px;
    font-size: 44px;
    color: #160c28;
    line-height: 1.1em;
    margin-bottom: 30px;
    padding: 0px;
}
.subscribe-fold .mytext {
    text-align: left;
    margin: 0 0 70px;
    padding: 0px;
    font-size: 18px;
}
.subscribe-fold .myheading:after {
    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: 10px;
    padding: 75px 0 0;
}
.subscribe-fold h3 {
    font-size: 24px;
    margin: 0;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
    font-weight: 800;
    width: 100%;
    text-align: center;
}
.subs-pac h6 {
    color: #fa130d;
    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 {
     /* FF3.6-15 */
 /* Chrome10-25,Safari5.1-6 */
     background: #fa130d;
}

.subs-pac span {
    display: block;
    margin: 30px 0 20px;
    font-weight: 400;
}
.subs-pac a.ordrrrr {
    text-align: center;
    margin: 30px auto 0;
     /* FF3.6-15 */
 /* Chrome10-25,Safari5.1-6 */
    border: none;
    padding: 14px 60px;
    color: #ffffff;
    box-shadow: none;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    background: #fa130d;
    font-family: var(--heading-font-family);
}
.subs-pac:hover a.ordrrrr {
    background: #ffffff;
    color: #fa130d;
}
.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: #000000;
    margin: 0px;
}
.subs-pac .actions a.numberbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0px;
    color: #000000;
    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%;
}
sub-list {padding-left:40px}
.subscribe-fold .table-packages .head {
    width: 100%;
}
.subscribe-fold .table-packages .head h5 {
    text-align: left;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #160c28;
}
.subscribe-fold .table-packages .body .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;
    display: inline-block;
    font-family: var(--primary-font-family);
}
.subscribe-fold .table-packages .body ul li span.tick {
    font-size: 20px;
    color: #01e252;
    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;
}
.subscribe-fold .table-packages .body .subscription-list {
    height: 430px;
    margin-top: 20px;
    padding: 0;
}
.custompackages .topwrap{
    padding: 20px;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
}
.custompackages{
    font-size: 0;
    padding: 60px 0;
    /* background: #f6f6f6; */
}
.custompackages .textwrap{
    vertical-align: middle;
    display: inline-block;
    width: 60%;
    padding-right: 20px;
}
.custompackages .textwrap h2{
    font-size: 44px;
    font-weight: 700;
    color: #160c28;
    line-height: 1;
    padding-bottom: 15px;
}
.custompackages .textwrap p{
    font-size: 18px;
}
.custompackages .btnwrap{vertical-align: middle;display: inline-block;width: 40%;text-align: right;}
.custompackages .btnwrap a{}

.securedmca{display: inline-block;width: 100%;margin-top: 20px;}
/*================COMPLETE-BRANDING-SOLUTION-CSS-START=================*/
.main-cmplte-brnd-sec{padding: 60px 0 30px 0;background-color: #ffffff;}
.cmpo-prc-inner ul .list-scroll{padding: 0px;margin: 0px 0 30px 0;height:200px;}
.cmpo-prc-inner ul li:before{
    content: "\e962";
    position: absolute;
    left: 0;
    font-family: 'icomoon' !important;
    top: 2px;
    font-size: 13px;
    color: #01e252;
    }
.cmpo-prc-inner ul li.cmp-heading{font-weight: bold;font-size: 20px;padding: 0 0 3px 0;/* color: #ffffff; */text-transform: uppercase;position: relative;font-family: "Bai Jamjuree", sans-serif;font-size: 20px;color: #464c51;/* text-align: center; */margin: 10px auto;}
.cmpo-prc-inner ul li.cmp-heading:before{content: "";position: absolute;height: 2px;/* background-color: #f69201; */bottom: 0px;left: 0px;}
.cmpo-prc-inner ul li.cmp-heading.brd1:before{width: 132px;}
.cmpo-prc-inner ul li.cmp-heading.brd2:before{width: 97px;}
.cmpo-prc-inner ul li.cmp-heading.brd3:before{width: 250px;}
.cmpo-prc-inner ul li.cmp-heading.brd4:before{width: 200px;}
.cmpo-prc-inner ul li{position: relative;
    width: 100%;
    text-align: left;
    color: #63686c;
    font-size: 14px;
    padding-left: 22px;
    padding-bottom: 10px;
    font-family: var(--primary-font-family);}
.cmpo-prc-inner ul li span{font-size: 10px;}
.cmplet-img img{width: 100%;}
.main-cmple-img-sec{position:relative;}
.brndng-txt{width: 35%;position: absolute;top: 0px;left: 0px;}
.brndng-txt img{width: 100%; -ms-transform: rotate(3deg); /* IE 9 */ -webkit-transform: rotate(3deg); /* Safari prior 9.0 */ transform: rotate(3deg); /* Standard syntax */}
.cmplet-img {padding: 0 0 0 0;}
.chat-con-combo .pkge-ordr{/* display: inline-block; */margin: 0;float: left;width: 100%;}
.chat-con-combo .pkge-bkcl{display: inline-block;float: right;}
a.cmp-btn {/* background: #327587; */background: -moz-linear-gradient(-45deg, #327587 0%, #58b9d1 100%);/* background: -webkit-linear-gradient(-45deg, #327587 0%,#58b9d1 100%); */background: #fa130d;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#327587', endColorstr='#58b9d1',GradientType=1 );color: #fff;font-size: 13px;font-weight: 600;text-transform: uppercase;padding: 10px 12px;border-radius: 5px;margin-left: 0;width: 100% !important;float: left;}
a.out-cmp-btn {color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; padding: 9.5px 14px; border-radius: 5px; background-color: transparent; border: 1px solid #fff; width: 100% !important; /* float: left; */ margin-left: 4px; }
.chat-con-combo {padding: 10px 0 0 0;width: 100% !important;color: #333 !important;}
.brndng-plan{position: absolute; right: 0px; top: -20px; }
.brndng-plan img{width: 100%;}
.main-cmplte-mob-sec{padding: 30px 0 30px 0;background-color: #4235b4;display: none;}
.cmpl-mob-img{text-align: center; width: 75%; margin: 0 auto 15px; }
.cmpl-mob-img img{width: 100%;}
.main-cmplte-mob-sec .slick-dots{bottom: -10px;}
.main-cmplte-mob-sec .chat-con-combo {padding: 7px 0 30px 0; }
/*================COMPLETE-BRANDING-SOLUTION-CSS-END=================*/

.cstmwebdesgn .main-cmplte-brnd-sec .packwrap .list-scroll{
    height: 175px;
}
.main-cmplte-brnd-sec .packwrap {
    font-family: var(--secondary-font-family);
    padding: 25px 25px;
    background: #f5f6f7;
    border-radius: 10px;
    border: 2px solid transparent;
}
.line-over-text{
  text-decoration: line-through;
  color: #a6b0ba;
  font-size: 16px;
  font-weight: 700;
  /* position: absolute; */
  right: 7px;
  top: 0;
}
a.out-cmp-btn {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 9.5px 14px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid #fff;
    width: 100% !important;
    /* float: left; */
    margin-left: 4px;
}
a.out-cmp-btn {
    color: #fa130d;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 9.5px 14px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid #fa130d;
    width: 100% !important;
    /* float: right; */
    margin-top: -8px;
    /* margin-right: 2px; */
    }

.cmpo-prc-inner h4{
  font-size: 36px;
  font-weight: 900;
  position: relative;
}
section.main-cmplte-brnd-sec .viewdetails {
   color: #a6b0ba;
   text-align: center;
   display: inline-block;
   font-size: 14px;
   font-weight: 400;
   margin-top: 28px;
   font-family: var(--secondary-font-family);
   /* margin-left: 9px; */
}

.cmpo-prc-inner h2 {
    font-size: 20px;
    color: #464c51;
    text-align: center;
}

.center-btn{
  display: block;
    margin-top: 0px;
    width: 100%;
    float: left;
}

.brd-cbcbcb{
  border: 1px #cbcbcb solid;
    padding: 50px;
    border-radius: 9px;
}
.subscribe-fold .table-packages .body ul li.cmp-heading {
    font-size: 24px;
    font-weight: 600;
}
.combo-wrapper .mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: 0;}

    .combo-wrapper .mCSB_container {

    padding-left: 16px;
}


a.action-no.clearfix.sea span {
    font-size: 11px;
    float: left;
    font-weight: bold;
    color: #7b7b7b;

}
a.action-no.clearfix.sea span small {
    font-size: 11px;
    color: #fa130d;
    font-weight: bold;display:block;
}
a.action-chat.clearfix.pull-right.sea span {
    font-size: 11px;
    font-weight: bold;
}
a.action-chat.clearfix.pull-right.sea span small {
        font-size: 11px;
    font-weight: bold;
    color: #fa130d;
}
a.action-chat.clearfix.pull-right.sea {
    color: #7b7b7b;
}
.actions.row.web {
    border-top: 1px solid #eaeaea;
    position: relative;
}
.actions.row.web::before {
    position: absolute;
    content: "";
    height: 100%;
    background-color: #eaeaea;
    width: 1px;
    left: 49%;
}

.ourpackages .tab-custom .tabs ul li .packwrap {
    padding: 25px 25px 0px;
    }

.cstmwebdesgn .actions.row.web {
    border-top: none;
    position: relative;
}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .viewdetails {

    text-transform: lowercase;
}
.cstmwebdesgn a.action-no.clearfix.sea span {
    font-size: 11px;
    float: left;
    font-weight: 200;
    color: #ffffff;
}
.cstmwebdesgn a.action-no.clearfix.sea span small {
    font-size: 11px;
    color: #ffffff;
    font-weight: 200;
}

.cstmwebdesgn a.action-chat.clearfix.pull-right.sea span small {
    font-size: 11px;
    font-weight: 200;
    color: #ffffff;
}
.cstmwebdesgn a.action-chat.clearfix.pull-right.sea span {
    font-size: 11px;
    font-weight: 200;
    color: white;
}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .viewdetails {
    background: none !important;
    color: #fff;
    text-transform: capitalize;
    font-size: 10px;
    }

.cstmwebdesgn .actions.row.web::before {
    position: absolute;
    content: "";
    height: 77px;
    background-color: #ded7d7;
    width: 1px;
    left: 51%;
}





.cstmwebdesgn .comboopack {background: #f6f6f8; padding-bottom: 90px; padding-top: 60px; }
.cstmwebdesgn .container-custom {max-width: 1285px; margin: auto; padding: 0 15px; }
.cstmwebdesgn .comboopack .combopackwrap {background: #fff; width: 100%; display: inline-block; box-shadow: 0 6px 20px 0 rgba(0,0,0,0.06); }
.cstmwebdesgn .comboopack .combopackwrap .headdd {padding: 20px 50px;background: #3d60a6;text-align: left;position: relative;border-radius:10px 10px 0 0;}
.cstmwebdesgn .comboopack .combopackwrap .headdd figure {position: absolute; margin-bottom: 0; right: -20px; top: -30px; }
.cstmwebdesgn .comboopack .combopackwrap .headdd h3 {text-align: center; padding-bottom: 0; color: #fff; font-size: 38px; text-transform: capitalize; }
.cstmwebdesgn .comboopack .combopackwrap .headdd h3 span {display: block; font-size: 24px; margin-top: -3px; }
.cstmwebdesgn .comboopack .combopackwrap .bodyyy {font-size: 0; padding: 30px 50px; }
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll {width: 33.33%; display: inline-block; vertical-align: top; padding: 0 15px; }
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll ul li.heading {font-weight: 700;color: #3d60a6;padding-left: 0;font-size: 20px;}
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll ul li {color: #5C5856; font-size: 16px; padding: 0 0px 10px 30px; position: relative; line-height: 1.4; }
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll ul li:before {content: "\f058";position: absolute;font: normal normal normal 14px/1 FontAwesome;left: 5px;font-size: 18px;color: #6fb936;display: table-cell;vertical-align: middle;top: 1px;}
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll ul li.heading:before{font-size:0px;}
.cstmwebdesgn .comboopack .combopackwrap .headdd figure img {width: 170px;position: absolute;left: -200px;top: 30px;}
.cstmwebdesgn .comboopack .combopackwrap .footterr {padding: 20px 30px;font-size: 0;background: #3d60a6;border-top: 1px solid #f3f3f3;border-radius: 0 0 10px 10px;}
.cstmwebdesgn .comboopack .combopackwrap .footterr .left {display: inline-block; width: 100%; vertical-align: bottom; font-size: 0; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .txtt {display: inline-block; width: 100%; text-align: center; vertical-align: middle; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .txtt h4 {color: #ffffff; font-size: 22px; /* margin-top: 10px; */ padding-bottom: 0; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .btnwrap {display: inline-block; width: 70%; padding-left: 20px; vertical-align: middle; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .btnwrap .numbercta {color: #fff; font-size: 16px; font-weight: 600; margin-right: 15px; padding: 14px 20px; border: 1px solid #fff; border-radius: 30px; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .btnwrap .chatcta {color: #fff; font-size: 16px; font-weight: 600; margin-right: 21px; padding: 15px 30px; border: 1px solid #fff; border-radius: 30px; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .right {display: inline-block; width: 100%; vertical-align: bottom; position: relative; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .right figure {margin-bottom: 0; display: inline-block; width: 30%; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .right figure img {width: 230px; position: absolute; top: -355px; left: 200px; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .right .price {display: inline-block; width: 40%; vertical-align: middle; padding-left: 10px; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .price h2 {font-size: 44px;color: #3d60a6;padding-bottom: 12px;position: absolute;top: 430px;left: 1040px;}
.cstmwebdesgn .comboopack .combopackwrap .footterr .right .price h6 {color: #fff; font-size: 21px; padding-bottom: 0; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .right .orderbtn {display: inline-block; vertical-align: middle; width: 100%; text-align: center; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .right .orderbtn .viewdetails {color: #a6b0ba; text-align: right; display: block; font-size: 14px; font-weight: 400; margin-top: 10px; padding: 0 20px 0 0; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .price h2 span {position: relative;font-size: 18px;padding-bottom: 0;color: #b3b1b1;margin-left: 10px;}
.cstmwebdesgn .comboopack .combopackwrap .footterr .price h2 span:before {content: "";width: 60px;height: 2px;display: block;background: #9e9c9c;position: absolute;left: 0px;top: 47%;}
.cstmwebdesgn .img-price img {width: 150px;position: absolute;top: 380px;left: 870px;}
.cstmwebdesgn a.numbercta {font-size: 20px;display: inline-block;padding: 10px 20px;border: 1px solid #000;color: #fff;margin-right: 20px;border-radius: 10px;background: #000;}
.cstmwebdesgn a.chatcta {font-size: 20px;border: 1px solid #fff;display: inline-block;border-radius: 3px;padding: 10px 22px;color: #fff;margin-right: 20px;border-radius: 10px;}
.cstmwebdesgn .btn-primary {border: 1px solid #fff !important;background-color: #3d60a6;font-family: 'Poppins', sans-serif;font-size: 18px;color: #fff !important;line-height: 1;border: none;padding: 18px 40px;outline: none;cursor: pointer;border-radius: 10px;white-space: nowrap;display: inline-block;}





@media only screen and (max-width: 767px) and (min-width: 0px)   {

    .cstmwebdesgn .comboopack .combopackwrap .headdd h3{font-size: 30px;text-align: left;}
    .cstmwebdesgn .comboopack .combopackwrap .bodyyy{padding: 30px 30px;}
    .cstmwebdesgn .img-price img{display:none;}
    .cstmwebdesgn .comboopack .combopackwrap .footterr .price h2{position:relative;left: 0;top: 0;text-align: center;    color: #fff;}
    .cstmwebdesgn .comboopack .combopackwrap .footterr .left .txtt h4{font-size:18px;text-align: center;}
    .cstmwebdesgn a.numbercta{margin:10px;}
    .cstmwebdesgn .comboopack .combopackwrap .headdd figure img {width: 130px;left: -140px;top: 30px;}
    .cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll{width:100%;}
    .cstmwebdesgn a.chatcta, .cstmwebdesgn .btn-primary{width: 100%;margin: 10px 0;display: block;    font-size: 16px;}

  a.action-no.clearfix.sea span small {display: block;}
  a.action-chat.clearfix.pull-right.sea span small {display: block;}
  .actions.row.web {padding-right: 25px;}
  .ourpackages ul.slick-dots {bottom: -32px;}


  .msliderwrap{display: none;}
  .header-main .logo img{    width: 126px;}
  .home-banner-content h1{font-size: 32px;width: 100%;}
  .home-banner-content p{font-size: 18px;width: 100%;}
  .floating_wrap{display: none!important;}
  .floatbutton{display: none!important;}
  .mybanform form .wrap{box-shadow: none;}
  .mybanform form .wrap .dtf{width: 100%;margin-bottom: 10px;}
  .mybanform form .wrap .dtf input[type="text"], .mybanform form .wrap .dtf input[type="email"], .mybanform form .wrap .dtf input[type="number"]{width: 100%;height: 52px;border-radius: 10px;}
  .mybanform form .wrap .dtf input[type="submit"]{height: 52px;padding: 10px 30px;line-height: 1;width: 100%;border-radius: 10px;}
  .mybanform form .wrap .dtf.posrelative{width: 100%;}
  .home-banner {padding-top: 0;margin-top: 108px;background-position: center;}
  .webtech .general .tab-content-panel figure img {display: none;}
  .slick-prev,.slick-next{display: none!important;}
  .ourpackages .tab-custom .tabs ul li{width: 100%;    padding: 0 20px;}
  .portfolio_arch .fixdwrap .portfoliogridlist li{width: 100%;}
  .portfolio_arch .fixdwrap .portfoliogridlist{padding: 0 30px;}
  .ourpackages .tab-custom .tabbing-links li{    font-size: 14px;padding: 14px 15px;margin-bottom: 10px;border-radius: 10px;}
  .ourpackages:before{display: none;}
  .ourpackages .tab-custom .tabbing-links li.current{    background: #fa130d;color: #fff;}
  .mybanform {padding: 0 20px;}
  .mobile-nav-btn span{color: #fff;background-color: #000;}

  .mobile-nav-btn span:before, .mobile-nav-btn span:after{background-color: #000;}
  .whether-you .main-heading h2,.build-to-win .main-heading h2,.innserservice-commonfolds h1,.bot-form h2,.cta-fold p,.testi-heading h2,.x-factor-section h2,.webcta h3,.webtech h2,.ourpackages h2,.portfolio_arch h2,.proofbox h3,.detailsec h2{text-align: left;font-size: 28px;}
  .mobile-nav-btn{z-index: 999;top: 60px;}
  .logo-main img{width: 120px;}
  .detailsec p{padding-bottom: 20px;}
  .proofbox p{text-align: left;}
  .proofbox .btnwrap{text-align: left;}
  .btn-black{margin-bottom: 10px;}
  .portfolio_arch p{text-align: left;}
  .ourpackages p{text-align: left;}
  .webtech{padding-top: 0px;}
  .webtech p{text-align: left;}
  .webtech .tabs-custom-nav li .twrap .content{width: 100%;padding-left: 0px;margin-top: 20px;}
  .webtech .tabs-custom-nav li .twrap{padding: 30px;}
  .testi-heading h2{text-align: left;}
  .testi-heading p{text-align: left;}
  .x-factor-section{min-height:auto;    padding: 30px 0;}
  .main-testimonials-sec{padding: 30px 0;}
  .slick-dots{    bottom: 30px;}
  .testi_box>p{font-size: 16px;}
  .myawards{display: none;}
  .bot-form{padding-top: 30px;}
  .footer-top{background:none;    padding: 30px 0;height: auto;}
  .inerservice-banner .isb-textwrapper h1{font-size: 28px;}
  .inerservice-banner .isb-textwrapper{padding-right: 0px;}
  .inerservice-banner .submit{width: 100%;}
  .inerservice-banner form{width: 100%;margin-top: 20px;padding: 0 20px;}
  .innserservice-commonfolds{background: none!important;}
  .innserservice-commonfolds h6 {color: #fa130d;font-weight: 700;font-size: 24px;padding: 15px 0;}
  .build-to-win .to-win-box{width: 100%;}
  .build-to-win .main-heading p{text-align: left;}
  .innserservice-commonfolds.experience{padding: 30px 0;margin-top: 0px;}
  .whether-you .main-heading p{text-align: left;}
  .whether-you .main-heading{width:100%;}
  .whether-you .whether-box{text-align: left;}
  .whether-you .whether-box figure{margin:inherit;}
  .wbport li{margin: 0px;padding: 0px 15px 30px;}
  .ourpackages{padding: 30px 0 50px;}
  .portfoliopg .build-to-win .tab-custom .tabbing-links li{    font-size: 14px;padding: 14px 15px;margin-bottom: 10px;border-radius: 10px;}
  .portfoliopg .build-to-win:before{display: none;}
  .portfoliopg .build-to-win .tab-custom .tabbing-links li.current{    background: #fa130d;color: #fff;}





}


@media only screen and (max-width: 1340px) and (min-width: 768px) {

    .logo img {
    width: 190px !important;
}
   .home-banner-content h1 {
    font-size: 30px;}
    .mybanform form .wrap {

    padding-bottom: 40px;
}
    .btn-black {
    font-size: 13px;
    width: 165px !important;
    margin-bottom: 10px;

}
.footer-top{
        padding: 200px 0 0;    height: 620px;
}
  .msliderwrap .wowoslider .item figure img{width: 570px;}
  .msliderwrap {width: 100vh;position: absolute;left: -260px;top: 135px;}
  .pckkslider .slick-next{        display: none !important;}
  .x-factor-section{    background-position: 520px 160px !important;}
  .innserservice-commonfolds.experience {
    background-position: top left 5px !important;
    background-size: 37%!important;
}
.ourpackages .tab-custom .tabbing-links li{    padding: 18px 21px;}
.ways .ways-box{    padding: 0 0px;}
.webtech .general .tab-content-panel figure {
    display: block;
    text-align: center;}
    .btn-red{    width: 126px !important;}
}
@media only screen and (max-width: 769px) and (min-width: 0px){
    .portfolio_arch .fixdwrap .portfoliogridlist{    text-align: center;}
    .portfolio_arch .fixdwrap .portfoliogridlist li{    margin: 10px 3px;     width: 45%;}
    .ourpackages .tab-custom .tabs ul li{    width: 45%;}
    .btn-black{    font-size: 15px;     width: 120px !important;}
    .btn-red{  font-size: 13px;
    width: 126px !important;}
    .wbport{    text-align: center;}
.cstmwebdesgn .wbport li{    width: 85% !important;}

    /*Harris Css*/
    .cstmwebdesgn .btn-red {
        width: 150px !important;
    }

    .x-factor-section{    background-position: 420px 160px !important;}
    .testi_box{    padding: 30px 0px 0 0px;}
    .mobile-nav-btn{    top: 104px; z-index: 999;}
    .mobile-nav-btn span{    width: 52px; background-color: #fa130d;}
    .mobile-nav-btn span:before, .mobile-nav-btn span:after{    background-color: #fa130d;         width: 45px;}
    .wbport li{    width: 28.7% !important;}
    .inerservice-banner{    padding: 160px 0 0;}
    .innserservice-commonfolds.experience{    background-image: none;}
    .mtech ul li{    width: 45%;}
    .ways .ways-box figure img{    width: 50%;}
    .ways .main-heading{    max-width: 100%;}
    .siloed .main-heading{    max-width: 100%;}
    .mobile-nav-btn .lines:after{    top: -8px;}
    .mobile-nav-btn .lines:before{    top: 8px;}
}
@media only screen and (max-width: 375px){
    .ways h2{    max-width: 90%;
    margin: 0 auto;
    font-size: 27px;}
    .siloed .main-heading h3{font-size: 34px;}
    .contactbtm-box{    width: 100%;}
    .siloed .main-heading{     max-width: 100%;}
    .ourpackages .tab-custom .tabs ul li{    width: 100%;}
    .mobile-nav-btn{    top: 58px;}
    .portfolio_arch .fixdwrap .portfoliogridlist li{width: 50% !important;
    padding-left: 1% !important;
    padding-right: 1% !important;
    margin: 0;}
    .home-banner{    margin-top: 0;height: 96vh;}
    .mobile-nav-btn span{    width: 45px;}
    .portfoliopg .build-to-win .tab-custom .tabs.current{    text-align: center;}
    .wbport li{width: 47.7% !important;     padding: 0px 4px 30px;}
    .techicons ul li{    margin: 0 17px;}
    .mtech ul li{    width: 90%;}
    .contact-wrapper form{    width: 100%;}
    .contact-wrapper{    background-image: none;}
    .combo-wrapper .tab-custom .tabbing-links li{    width: 32%;     font-size: 8px;     padding: 18px 6px;}
    .mobile-nav-btn span:before, .mobile-nav-btn span:after{    width: 40px;}
    .mobile-nav-btn span{    width: 40px;}
    .btn-black{    font-size: 13px;}
}
@media only screen and (max-width: 320px){
    .header-main .cntct ul li a{    font-size: 11px;}
    .home-banner{    height: 152vh;}
    .portfolio_arch .fixdwrap .portfoliogridlist li{

}
}
@media only screen and (max-width: 414px){
      .contactbtm-box{    width: 100%;}
      .siloed .main-heading{    max-width: 100%;}
      .siloed .main-heading h3{    font-size: 34px;}
      .siloed{padding: 20px 0;}
      .btn-black {    width: 170px;    padding: 14px 10px;}
      .btn-red{width: 170px;    padding: 14px 10px;}
      .mobile-nav-btn{    top: 64px;}
      .wbport li{    width: 32.7% !important;}
      .mobile-nav-btn span{    width: 35px;}
      .mobile-nav-btn span:before, .mobile-nav-btn span:after{    width: 35px;}
      .portfoliopg .build-to-win .tab-custom .tabbing-links li{    padding: 10px 15px !important;     font-size: 12px !important;}
      .mtech ul li{    width: 85%;}
      .mtech h2{font-size: 40px;}
      .ourpackages .tab-custom .tabs ul li{    width: 90%;}
      .ways h2{    max-width: 100%;    font-size: 39px;}
      .ways .main-heading{    padding: 0 0 10px;}
      .awards-process{    padding: 60px 0 60px;}
      .contact-wrapper{    background-image: none;}
      .contact-wrapper form{    width: 100%;}
}
@media only screen and (max-width: 1540px) and (min-width: 1341px) {
  .msliderwrap .wowoslider .item figure img{width: 656px;}
    .msliderwrap{top: 118px;}
}
@media only screen and (max-width: 1840px) and (min-width: 1641px) {
  .msliderwrap .wowoslider .item figure img{    width: 772px;}
    .msliderwrap{top: 96px;}
}
@media only screen and (max-width: 2290px) and (min-width: 1841px) {
  .msliderwrap .wowoslider .item figure img{  width: 841px;}
    .msliderwrap{top:50px;left: -290px;}
}

/*Harris Css*/
@media only screen and (max-width: 750px) and (min-width: 414px) {
    .mobile-nav-btn {
        top: 56px;
  }
    .mobile-nav-btn span {
        width: 45px;
  }
  .cstmwebdesgn .build-to-win .to-win-box a figure img{height:auto;}
      .portfolio_arch .fixdwrap .portfoliogridlist li{
    width: 50% !important;
    padding-left: 1% !important;
    padding-right: 1% !important;
    margin: 0;
    }
}
@media only screen and (max-width: 425px) and (min-width: 375px) {
    .portfolio_arch .fixdwrap .portfoliogridlist li{
    width: 50% !important;
    padding-left: 1% !important;
    padding-right: 1% !important;
    margin: 0;
    }
  .cstmwebdesgn .mobile-nav-btn {
      margin-right: 3px;
  }
  .cstmwebdesgn {
      overflow-x: hidden !important;
  }
  .cstmwebdesgn .wbport li {
          width: 50% !important;
    padding-left: 1% !important;
    padding-right: 1% !important;
    margin: 0;

  }
  .cstmwebdesgn .build-to-win .to-win-box a figure img{height:auto;}
  /*.cstmwebdesgn .btn-primary {*/
  /*  padding: 18px 20px !important;*/
  /*  width: 48% !important;*/
  /*}*/
  .cstmwebdesgn .comboopack .combopackwrap .headdd figure {
    right: -7px;
  }
}
@media only screen and (max-width: 480px) {
    .cstmwebdesgn .build-to-win .to-win-box a figure img{height:auto;}
    .cstmwebdesgn .lgos-sctn ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    .cstmwebdesgn .lgos-sctn ul li {
        width: 50%;
        margin-top: 20px;
    }
    .cstmwebdesgn .lgos-sctn ul li:nth-child(1), .cstmwebdesgn .lgos-sctn ul li:nth-child(2) {
        margin-bottom: 20px;
    }
    .cstmwebdesgn .webcta .btnwrap {
        text-align: center;
    }
    .cstmwebdesgn section.call-actions span.mail {
        margin-left: 0px;
    }
    .cstmwebdesgn section.call-actions span.phone {
        font-size: 60px;
        margin-top: 16px;
    }
    .cstmwebdesgn .phone-div {
        padding-left: 0px;
    }
    .cstmwebdesgn section.call-actions .phone-div h3 {
        padding-left: 65px;
    }
    .cstmwebdesgn section.call-actions h2 {
        padding: 20px 0 0 0px;
    }
    .cstmwebdesgn section.qualities {
        padding-bottom: 0px;
    }
    section.home-banner.d-flex .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 {
        width: 100%;
    }
    .callusnow {
        bottom: 0;
    }
    .clientssection ul li figure img {
        width: 100%;
    }

    .x-factor-section a.btn-black {
        width: 145px !important;
    }
    .header-main .top-bar .sldrwrp {
        position: relative;
        margin-bottom: 10px;
    }
    .mobile-nav-btn {
        top: 90px;
    }
    .header-main .cntct ul {
        text-align: left;
    }
    .header-main .cntct ul li:nth-child(1) {
        padding-left: 0;
    }
    .packagespg .mtech ul li p {
        font-size: 12px;
        line-height: 1.5;
    }
    .packagespg .mtech ul li {
        padding: 20px;
    }
    .packagespg .mtech ul li:nth-child(2) {
        height: 375px;
    }
    .contactus .contactbtm-box {
        width: 48%;
    }

}

@media only screen and (max-width: 390px) {
    .header-main .top-bar .sldrwrp p {
        font-size: 14px;
    }
}
@media only screen and (max-width: 370px) {
  .cstmwebdesgn a.chatcta {
    width: 196px;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .cstmwebdesgn .btn-primary {
    width: 196px !important;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .cstmwebdesgn .wbport li {
    width: 48% !important;
    padding-left: 1% !important;
    padding-right: 1% !important;
  }
  .cstmwebdesgn .mobile-nav-btn {
      margin-right: 3px;
  }
  .cstmwebdesgn .comboopack .combopackwrap .headdd figure {
    right: -7px;
  }
}





/********** Responsive **********/

@media only screen and (max-width: 1200px) {
.home-slider .slick-dots { width:auto; text-align:center; }
}
@media only screen and (max-width: 1024px) {
.home-banner { background-position: center left; }
.testimonials-slider-main .slick-prev { left:0px; }
.testimonials-slider-main .slick-next { right:0px; }
.x-factor-section{    background-position: 590px 108px;}
.pckkslider .slick-next{    display: none;}
.ourpackages .tab-custom .tabbing-links li{    padding: 18px 21px;}
.home-banner{    height: 57vh;}
.btn-black{ width: 166px ;    padding: 14px 10px;}
.btn-red{    width: 166px ;    padding: 14px 10px !important;}
.portfoliopg .build-to-win .tab-custom .tabbing-links li{padding: 18px 28px ;}
.wbport li{    width: 29.7% !important;}
.innserservice-commonfolds.experience{    background-position: top left 5px !important;
    background-size: 37%!important;}

}
@media only screen and (max-width: 991px) {
.logo {/* width: 70px; */}
}
@media only screen and (max-width: 767px) {
.home-banner {
    height: 450px;
}

/*** 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; }
}
.blink {
    animation: blinker 1s step-start infinite;
}
.blink {animation: blinker 1s step-start infinite;}



@keyframes blinker {
  50% {
    color: #fa130d;
  }
}


.floatingform-sec {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    left: -450px;
    top: 200px;
    font-size: 0;
    width: 450px;
    /* transform: translateY(-50%); */
    z-index: 999;
    /* display: none; */
}
.floatingform-sec.visible{display:block;}
/*.floatingform-sec .outer-show{width: 50px;z-index: 999;height: 200px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);border-radius: 10px 0px 0px 10px;display: inline-block;padding-top: 0;vertical-align: top;margin-top: 120px;position: relative;text-transform: uppercase;background: #7d45a2;}*/
.floatingform-sec .outer-show {
    width: 50px;
    z-index: 999;
    height: 250px;
    cursor: pointer;
        box-shadow: 0px 0px 40px #00000026 !important;
    border-radius: 0 10px 10px 0;
    display: inline-block;
    padding-top: 0;
    vertical-align: top;
    /* margin-top: 120px; */
    position: relative;
    text-transform: uppercase;
    background: #fff;
    left: 450px;
    right: auto;
    top: 0px;
}
.floatingform-sec .outer-show p{color: #ffffff;font-size: 17px;font-weight: 700;text-transform: uppercase;position: absolute;display: block;transform: rotate(-90deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;left: -50px;text-transform: capitalize;white-space: pre;bottom: 115px;}
.floatingform-sec .outer-show p.blink{color: #fa130d;}
.floatingform-sec .outer-show:hover{right: 0px;}
.floatingform-sec.show{left: -50px;}
.floatingform-sec span.icoo{color: #c39d35;font-size: 18px;padding: 15px 20px;background: #ffffff;border-radius: 10px 0px 0px 10px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;}





/*===================================================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=======================================================*/









