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


#jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%; font-family: 'Poppins', 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-family: 'Poppins', sans-serif;color: var(--default-color);font-size:var(--base-font-size);position: relative;}

/* font family */
.ff-primary { font-family: 'Poppins', sans-serif; }
.ff-secondary {font-family: 'Poppins', sans-serif;}

/* 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: 14px;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: 20px;color: white;padding-left: 10px;display: table-cell;vertical-align: middle;position: absolute;top: 13px;right: 80px;}
.primary-btn { background:var(--primary-color); color: white; }
.primary-btn:hover {background:var(--primary-color-dark); color: white; }
.secondary-btn {color: white;background: linear-gradient(to right, #e99019 0%, #e6304a 100%);border: 0px;}
.secondary-btn:hover {background:var(--secondary-color-dark); color: white; }

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


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


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

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

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

p {font-weight: 400;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #687087;}

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

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

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




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




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

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

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

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

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

/*** scale with transition ***/
.scale-with-transition { -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in; transition: all 200ms ease-in; -webkit-transform: scale(1.05);
-ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }
.btn-main {
  background: rgb(255,151,0);
  border: none;
  background: linear-gradient(to right, #e99019 0%, #e6304a 100%);
  z-index: 1;
  padding: 13px 21px;
  border-radius: 4px;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.btn-main span{
    z-index: 2;
    position: relative;
    color: #fff;
    font-weight: 600;
        font-size: 16px;
}
.btn-main:hover span{}
.btn-main:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  border-radius: 4px;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5);
  transition: all 0.3s ease;
  color: #fff;
  z-index: 1;
  background: linear-gradient(to right, #e99019 0%, #e6304a 100%);
}
.btn-main:hover {
  color: #fff;
}
.btn-main:hover:after {
  top: auto;
  bottom: 0;
  height: 100%;
}
.btn-main:active {
  top: 2px;
}

h2.main-heading{font-size: 40px;color: #000;font-weight: 600;}
p.main-pera{color: #010101; font-size: 16px; }
/*.btn-main{
    padding: 12px 20px;
    color: #fff !important;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    background: linear-gradient(
90deg
, rgba(255,113,248,1) 0%, rgba(46,2,127,1) 87%);
    transition: all 0.4s ease;
}
.btn-main:hover{
    background: linear-gradient( 
90deg
 , rgb(46 2 127) 0%, rgb(249 110 245) 87%);
    transition: all 0.4s ease;
}*/
.btn-secnd{
    padding: 10px 20px;
    color: #000;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid;
    margin: 0 0 0 20px;
    transition: all 0.3s ease;
}
.btn-secnd:hover{
    color: #e62e3f;
}
/* header 
------------------------------------*/
header .logo-blk{display: none;}
.header-main.showmenu .logo-blk{display: block;}
.header-main.showmenu .btm-headr{background-color: #000;}
.header-main.showmenu .logo-clr{display: none;}
.header-main.showmenu{background-color: #fff;box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 75%);}
.header-main.showmenu .navwrp ul li a{color: #000;}
header{position: fixed;width: 100%;z-index: 99;}
.header-main.showmenu .upr-head {
    padding: 7px 0;
}

a.btn-responsive{background: rgb(255,151,0);
    border: none;
    background: linear-gradient(to right, #e99019 0%, #e6304a 100%);
    z-index: 1;
    padding: 13px 21px;
    border-radius: 4px;
    color: #fff;
    position: relative;
    cursor: pointer;}
a.btn-responsive {    display: none;}
a.btn-responsive span{z-index: 2;
    position: relative;
    color: #fff;
    font-weight: 600;
    font-size: 16px;}





.upr-head{padding: 7px 0;}
.upr-head .logowrp{}
.upr-head .logowrp img{width: 100%; }
.upr-head .navwrp{margin: 30px 0 0;}
.upr-head .navwrp ul{text-align: right;margin: 0px 0;}
.upr-head .navwrp ul li{display: inline-block; text-align: right; margin: 0 15px; }
.upr-head .navwrp ul li a{color: #fff;transition: all 0.3s ease;font-size: 15px;font-weight: 600;}
.upr-head .navwrp ul li a:hover{color: #ec8b1f;}
.upr-head .navwrp ul li a.btnwrp{background: linear-gradient(to right, #e99019 0%, #e6304a 100%);color: #fff;padding: 10px 20px;border-radius: 3px;transition: all 0.3s ease;}
.btm-headr{background-color: #06042075;}
.btm-headr .ser-headr{}
.btm-headr .ser-headr ul{margin: 0;text-align: center;}
.btm-headr .ser-headr ul li{display: inline-block;margin: 0 30px;}
.btm-headr .ser-headr ul li a{color: #fff;transition: all 0.3s ease;font-size: 15px;font-weight: 400;padding: 15px 0;display: block;}
.btm-headr .ser-headr ul li a:hover{color: #ec8b1f;}

.btm-headr .ser-headr ul li.has-dropdown {position: relative; }
.btm-headr .ser-headr ul li.has-dropdown ul.submenu {width: 280px;position: absolute;background: #fff;right: 0;top: 52px;text-align: right;padding: 0px 0;display: none;}
.btm-headr .ser-headr ul li.has-dropdown ul.submenu li {
    margin: 0;
    border-bottom: solid 1px;
    display: block;
    padding: 10px 15px;
}
.btm-headr .ser-headr ul li.has-dropdown ul.submenu li a {
    color: #000;
    font-size: 14px;
    padding: 0;
}
.btm-headr .ser-headr ul li.has-dropdown:hover ul.submenu {display: block;border: 1px solid;}

.main-banner:before{content: "";}
.main-banner .txtwrp{}
.main-banner .txtwrp h1{color: #fff;font-size: 40px;padding: 0 0 15px;font-weight: 600;}
.main-banner .txtwrp p{color: #fff; font-size: 18px;    width: 480px; }
.main-banner .txtwrp ul{margin: 0 0 0 0px; }
.main-banner .txtwrp ul li{color: #fff;display: inline-block;width: 100%;font-size: 13px;position: relative;padding: 0 3px 5px;}
/*.main-banner .txtwrp ul li:after{content: "\f00c";font-family: FontAwesome;position: absolute;left: -20px;}*/
.main-banner .imgwrp{}
.imgwrp.hk_set {position: absolute;right: -190px;top: -285px;width: 100%;overflow: hidden;}
.main-banner .formwrp{margin: 0px 0 0; }
.main-banner .formwrp form{}
.main-banner .formwrp form .lable{display: inline-block;width: 16%;margin: 0 -3px;vertical-align: top;}
.main-banner .formwrp form .lable input{width: 100%; padding: 0px 0 0 10px; height: 46px; border-radius: -5px;     outline: none;}
.main-banner .formwrp form .lable input.btn{background: linear-gradient(to right, #e99019 0%, #e6304a 100%); color: #fff; font-weight: 600; margin: 0px 0 0 1px; border-radius: 0px 6px 6px 0px; }
.hero-content ul li i {
    color: #4cb821;
    font-size: 17px;
    margin-right: 6px;
}


.ser-offerwrp{padding: 0px 0 70px;position: relative;overflow: hidden;}
.ser-offerwrp:after{content: "";background-image: url(../images/pkge-b2.png);position: absolute;width: 410px;height: 100%;background-repeat: no-repeat;top: -50px;background-size: cover;right: -60px;z-index: 1;}
.ser-offerwrp:before{content: "";content: "";background-image: url(../images/pkge-b1.png);position: absolute;width: 410px;height: 100%;background-repeat: no-repeat;top: -50px;background-size: cover;left: -60px;z-index: 1;}
.ser-offerwrp .txtwrp{display: block;text-align: center;width: 85%;margin: 0 auto 40px;}
.ser-offerwrp .txtwrp img{width: 30px; margin: 0 0 15px; }

.hexagon {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    width: 92%;
    height: 190px;
    overflow: hidden;
    background: linear-gradient( 
90deg
 , rgb(199 52 192) 0%, rgba(46,2,127,1) 87%);    transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;
}

.hexagon .txtdiv{text-align: center; display: block;}
.hexagon .txtdiv img {
    display: block;
    width: 55px;
    margin: auto;
    padding-top: 40px;
}
.hexagon .txtdiv h4{display: block; font-size: 18px; color: #fff; font-weight: 600; text-align: center; margin: 0 0 0; }

.offrwrp ul{margin: 0;text-align: center;position: relative;z-index: 2;}
.offrwrp ul li{display: inline-block; width: 22%; margin: 0 15px 30px; }
.ser-offerwrp .btnwrp{text-align: center;margin: 0px 0 0;}
.offrwrp ul li:hover .hexagon{    transform: scale(1.2);    background: linear-gradient(to right, #e99019 0%, #e6304a 100%);}


.portsection{padding: 50px 0 170px;background-image: url(../images/banner-bg-port.webp);background-repeat: no-repeat;background-size: cover;background: linear-gradient(to right, #e99019 0%, #e6304a 100%);}
.portsection .txtwrp{width: 80%; margin: 0 auto; display: block; }
.portsection .txtwrp h2{color: #fff;}
.portsection .txtwrp p{color: #fff;}
.portfoliowrp{margin: -160px 0 0;padding: 0 0 70px;}
.portfoliowrp .navwrp{}
.portfoliowrp .navwrp .tabbing-links{text-align: center; margin: 0 0 30px; }
.portfoliowrp .navwrp .tabbing-links li{display: inline-block;color: #fff;margin: 0 20px;font-size: 16px;transition: all 0.3s ease;cursor: pointer;}
.portfoliowrp .navwrp .tabbing-links li.current{border-bottom: 1px solid; }
.portfoliowrp .imgport{width: 100%;margin: 0 auto;text-align: center;}
.portfoliowrp .imgport li{display: inline-block;width: 23%;margin: 0 5px 15px;transition: 1.5s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
.portfoliowrp .imgport li:hover{    transform: scale(1.1);}
.portfoliowrp .imgport li img{width: 100%;border-radius: 10px;}
.portfoliowrp .imgport li figure{margin: 0px;}
.portfoliowrp .btnwrp{text-align: center; display: block; margin: 50px 0 0; }
.portfoliowrp .tabs{display: none;}
.portfoliowrp .tabs.current{display: block;width: 80%;}
.portfoliowrp .tabs.tabs-web-dsgn li{    transition: 7s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;border-radius: 10px;}
.portfoliowrp .tabs.tabs-web-dsgn li:hover{transform: unset;}



.ctawrp{background-color: #6913b0;padding: 110px 0;background-image: url(../images/cta-bnner.webp);background-repeat: no-repeat;background-size: cover;background: linear-gradient(to right, #e99019 0%, #e6304a 100%);position: relative;margin: 70px 0;}
.ctawrp .imgwrp{}
.ctawrp .imgwrp img{
    width: 100%;
    position: absolute;
    top: -160px;
    right: -70px;
}
.ctawrp .txtwrp{}
.ctawrp .txtwrp h2{color: #fff; }
.ctawrp .txtwrp p{color: #fff;}
.ctawrp .btnwrp{margin: 20px 0 0; }
.ctawrp .btnwrp .btn-main{background: linear-gradient(to right, #e99019 0%, #e6304a 100%);transition: all 0.3s ease;}
.ctawrp .btnwrp .btn-secnd{color: #fff;}

.pricingwrp{padding: 60px 0;position: relative;overflow: hidden;}
.pricingwrp:after{content: "";background-image: url(../images/pkge-b2.webp);position: absolute;width: 410px;height: 100%;background-repeat: no-repeat;top: -50px;background-size: cover;right: 0;z-index: -3;}
.pricingwrp:before{content: "";background-image: url(../images/pkge-b1.webp);position: absolute;width: 410px;height: 100%;background-repeat: no-repeat;top: 0;background-size: cover;left: -60px;}
.pricingwrp .txtwrp{display: block;text-align: center;width: 80%;margin: 0 auto;}
.pricingwrp .txtwrp h4{color: #000; font-size: 20px; }
.pricingwrp .tabbing-links{margin: 20px 0 30px;text-align: center;}
.pricingwrp .tabbing-links li{display: inline-block;color: #000;margin: 0 19px;font-size: 16px;cursor: pointer;font-weight: 500;}
.pricingwrp .tabbing-links li.current{border-bottom: 1px solid;}
.pricingwrp ul.pkge-tab{padding: 20px 0 0;text-align: center;}
.pricingwrp ul.pkge-tab li{transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;display: inline-block;width: 31%;margin: 0 10px;box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 75%);border-radius: 7px;margin-bottom: 30px;}
.pricingwrp ul.pkge-tab li:hover{transform: scale(1.1);}
.pricingwrp ul.pkge-tab li .pkgwrp{text-align: center;border: 1px solid #000;padding: 0px 0px 30px;border-radius: 7px;background-color: #fff;}
.pricingwrp ul.pkge-tab li .pkgwrp .namwrp{background: linear-gradient(to right, #e99019 0%, #e6304a 100%);padding: 20px 0 0;border-radius: 7px 7px 0 0;}
.pricingwrp ul.pkge-tab li .pkgwrp .namwrp h4{color: #fff; font-size: 24px; }
.pricingwrp ul.pkge-tab li .pkgwrp .namwrp h2{color: #fff; font-size: 34px; }
.pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail{padding: 11px 30px 0; }
.pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail p{color: #000;text-align: left;font-size: 14px;font-weight: 500;}
.pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail ul{margin: 0 0 10px 0px;height: 205px;}
.pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail ul li{display: block;text-align: left;margin: 0;width: 100%;padding: 0 0 7px;font-size: 13px;color: #777;position: relative;box-shadow: unset;margin: 0 0 0 20px;}
.pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail ul li:hover{      transform: unset;}
.pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail ul li:after{content: "\f058";font-family: 'FontAwesome';position: absolute;left: -20px;top: 0;color: #e63447;overflow: visible;}
.pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp{padding: 10px 20px 0px; }
.pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp p{color: #000; font-size: 15px; font-weight: 600; padding: 0 0 27px; }
.pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp p span{color: #e63646;}
.pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp .btn-main{margin: 0 3px 11px;text-decoration: none;transition: all 0.3s ease;}
/*.pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp a{display: none;color: #777;text-decoration: revert;}*/
.pricingwrp .btnwrp{display: block;text-align: center;margin: 20px 0 0;}
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge{padding: 0 0 50px; }
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp h4{font-size: 28px; }
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp h2{font-size: 38px; }
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp{padding: 25px 0 0; }

.awardswrp{padding: 70px 0;background: #d2d4d614;}
.awardswrp .txtwrp{display: block; text-align: center; }
.awardswrp .mainwrp{}
.awardswrp .mainwrp ul{margin: 20px 0 0; text-align: center; }
.awardswrp .mainwrp ul li{display: inline-block;margin: 0 0px;border-right: 1px solid #00000036;padding: 0 50px;}
.awardswrp .mainwrp ul li img{width: 100%;}
.awardswrp .mainwrp ul li.b-nonee{border-right: unset;}



.btm-form{    padding: 50px 0 90px;}
.btm-form .txtwrp{}
.btm-form .txtwrp img{width: 90%;text-align: center;margin: 0 0 0 -40px;}
.btm-form form{}
.btm-form form .lable{width: 100%;display: flex; height: 55px; border: 1px solid #e9e8ee; background-color: #f9f9f9; margin: 0 0 20px; border-radius: 4px; }
.btm-form form .lable span{font-size: 20px; border-right: 1px solid #e9e8ee; padding: 8px 10px 0 10px; margin: 0 0 0 0px; display: inline-block; height: 100%;    vertical-align: top; }
.btm-form form .lable input{width: 86%; height: 100%; float: right; border: none; background-color: #f9f9f9; padding: 0 0 1px 9px; outline: none; }
.btm-form form button.btn{background: linear-gradient(to right, #e99019 0%, #e6304a 100%);color: #fff;width: 100%;margin: 20px 0 0;font-size: 17px;height: 55px;font-weight: 600;border: none;}
.btm-form form .lable textarea{width: 93%; height: 150px; border: none; background-color: #f9f9f9; padding: 20px 0 1px 47px; outline: none; resize: none; }
.btm-form form .lable select{width: 86%; height: 100%; float: right; border: none; background-color: #f9f9f9; padding: 0 0 1px 9px; outline: none;} 
.btm-form form .lable.msg{height: 100%; position: relative; border-radius: 4px; padding: 0 0 0 10px; }
.btm-form form .lable.msg .txtara{height: 100%; margin: 0; padding: 0; position: absolute; width: 5%; }
.btm-form form .lable.msg i{margin: 60px 0 0px 3px; }





/*==============================================================
    banner Style start
==============================================================*/
.banner-wrap{height: auto; position: relative; overflow: hidden; }
.shape{position: absolute; bottom: -34px; left: 0; width: 100%; }
.shape svg{width: 100%; }
.banner-slider{height: 100%; }
.banner-slider > .banner-slide{display: none; }
.banner-slider > .banner-slide:first-child{display: block; }
.slick-initialized .banner-slide{position: relative; height: 900px; padding-bottom: 0px; display:-webkit-flex !important; display:flex !important; -webkit-align-items:center; align-items:center; }

.banner-slider .slick-arrow{z-index: 12;}
.banner-slider .slick-arrow:before{font-family: "boxicons"; font-size: 30px; text-align: center; line-height: 50px; color: rgba(0,33,71,1); }
.banner-slider .slick-arrow.slick-prev{right: 95px; }
.banner-slider .slick-arrow.slick-prev:before {
    content: "\f060";
    position: absolute;
  left: 50px;
    top: 50%;
    font-size: 25px;
    font-family: fontAwesome;
    cursor: pointer;
    z-index: 9;
    background: linear-gradient( 
90deg
 ,#47D8A2 0,#156F9A 91%);
    background: linear-gradient( 
110deg
 ,#e99019 0,#e62f4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 );
    width: 40px;
    height: 40px;
    color: white;
    width: 45px;
    height: 45px;
    color: white;
    padding-top: 0px;
    border-radius: 5px;
        z-index: 12;
}
.banner-slider .slick-arrow.slick-next{right: 25px; }
.banner-slider .slick-arrow.slick-next:before {
    content: "\f061";
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 25px;
    font-family: fontAwesome;
    cursor: pointer;
    z-index: 9;
    width: 45px;
    height: 45px;
    color: white;
    padding-top: -1px;
    border-radius: 5px;
    background: linear-gradient( 
90deg
 ,#47D8A2 0,#156F9A 91%);
    background: linear-gradient( 
110deg
 ,#e99019 0,#e62f4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 );
}
.hero-image{position: absolute; left: 0; top: 0; height: 90%; width: 100%; background-size: cover; background-position: center center; border-radius: 0px 0px 0px 250px; }



/*==============================================================
    banner Style End
==============================================================*/


footer{background-color: #181818;padding: 30px 0 15px;}
footer .logowrp{}
footer .logowrp a img{width: 150px;}
footer .logowrp p{padding: 20px 0 30px;font-size: 14px;color: #fff;}
footer .logowrp ul{margin: 10px 0 0 10px; }
footer .logowrp ul li{display: inline-block;margin: 0 0px;width: 19%;transition: all 0.3s ease;}
footer .logowrp ul li a i{height: 35px; width: 35px; background-color: #fff; border-radius: 50%; padding: 10px 0 0px 11px; box-sizing: border-box; transition: 2s all; }
footer .logowrp ul li a i:hover{    background: linear-gradient(to right, #e99019 0%, #e6304a 100%); color: #fff;}
footer .fotrnav{
    padding: 10px 0 0;
}
footer .fotrnav h4{color: #fff;font-size: 18px;font-weight: 700;padding: 0 0 30px;}
footer .fotrnav ul{}
footer .fotrnav ul li{display: block; padding: 0 0 5px; }
footer .fotrnav ul li a{color: #fff;font-size: 14px;transition: all 0.3s ease;}
footer .fotrnav ul li a:hover{color: #e8831f;}
footer .fotrnav ul li a img{margin: 10px 0 0; }
footer .fotr-btm{margin: 15px 0 0;}
footer .fotr-btm p{color: #fff;text-align: left;font-size: 14px;padding: 0px 0 0;}

footer .fotrnav ul li a i {
    vertical-align: top;
    display: inline-block;
    width: 15px;
    margin: 4px 5px 0px 0;
}
footer .fotrnav ul li a span {
    width: 80%;
    display: inline-block;
}


.secndwrp .txtwrp{  }
.secndwrp .btnwrp{padding: 20px 0 0;text-align: left;}
.secndwrp .imgwrp{}
.secndwrp .imgwrp img{width: 100%;    transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
.secndwrp:hover .imgwrp img{}

.service-bnner{position: relative;border-radius: unset;z-index: 1;padding-bottom: 90px;padding-top: 17%;overflow: hidden;}
.service-bnner:after{content: "";position: absolute;width: 100%;height: 100%;background-color: #00000085;top: 0;z-index: -1;}
.service-bnner .clintslogo{}
.service-bnner .clintslogo ul{margin: 40px 0 0;}
.service-bnner .clintslogo ul li{}
.service-bnner .clintslogo ul li img{}
.service-bnner .clintslogo ul li img.imgextra{width: 50%; }
.service-bnner .imgwrp img{
    width: 100%;
}
.service-bnner .imgwrp{    position: absolute;
    right: -430px;
    top: -225px;}
.testimonialwrp{background: linear-gradient(to right, #e99019 0%, #e6304a 100%);padding: 70px 0;}
.testimonialwrp .txtwrp{padding: 0 0 30px; }
.testimonialwrp .txtwrp h2{color: #fff;}
.testimonialwrp .imgwrp{}
.testimonialwrp .imgwrp img{    width: 100%;}
.testimonialwrp .txtdiv{}
.testimonialwrp .txtdiv h4{color: #fff; font-size: 30px; font-weight: 600; }
.testimonialwrp .txtdiv p{color: #fff;font-size: 18px;}
.testimonialwrp .txtdiv ul{margin: 0 0 10px; }
.testimonialwrp .txtdiv ul li{display: inline; margin: 0 2px; }
.testimonialwrp .txtdiv ul li i{color: #f7cf31; font-size: 16px; }
.testimonialwrp .txtdiv h5{color: #fff; font-size: 20px; padding: 0; }
.testimonialwrp .txtdiv span{font-size: 15px; color: #fff; }



.port-bnnerwrp{    padding: 210px 0 140px;}
.port-bnnerwrp.getaqoute {
    padding: 0;
    min-height: 145px;
}

.port-bnnerwrp.por-pg:before{display:none;}
.port-bnnerwrp {
    padding: 235px 0 130px;}

.port-bnnerwrp h2{color: #fff;}
.port-pg.portsection{background-image: url(../images/home-pricing-section.jpg);}
.port-pg.portsection .txtwrp h2{color: #000; }
.port-pg.portsection .txtwrp p{color: #000; }
.port-pg.portfoliowrp .navwrp .tabbing-links li{color: #000;font-weight: 600;}
.port-pg.btm-form{padding-top: 50px;}


.about-pg .port-bnnerwrp{    padding: 210px 0 40px;}
.about-pg .port-bnnerwrp .txtwrp{}
.about-pg .port-bnnerwrp .txtwrp p{color: #fff; }
.about-pg .port-bnnerwrp .txtwrp ul{}
.about-pg .port-bnnerwrp .txtwrp ul li{color: #fff; display: inline-block; width: 33%; padding: 0 0 7px; }
.about-pg .port-bnnerwrp .txtwrp ul li i{color: #e98c1b; margin: 0 9px 0 0; }
.about-pg .port-bnnerwrp .clintslogo ul{margin: 30px 0 0; }
.about-pg .btm-form{padding-top: 50px;}




.hexagons {
    position: relative;
    width: 220px;
    height: 127.02px;
    background-color: #ffffff;
    margin: 0;
    border-left: solid 3px #ea9525;
    border-right: solid 3px #e63349;
    transition: 0.5s;
    text-align: center;
    transform: rotate(90deg);
}
.hexagons .txtdiv {
    transform: rotate(270deg);
}
.hexagons:before,
.hexagons:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 155.56px;
  height: 155.56px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 29.2183px;
  box-shadow: 11px 2px 16px 0px rgb(126 126 126 / 15%);
}

.hexagons:before {
  top: -77.7817px;
  border-top: solid 4.2426px #e98c1b;
  border-right: solid 4.2426px #e63448;
}

.hexagons:after {
  bottom: -77.7817px;
  border-bottom: solid 4.2426px #e98e1a;
  border-left: solid 4.2426px #e6314a;
}

/*cover up extra shadows*/
.hexagons span {
  display: block;
  position: absolute;
  top:1.7320508075688772px;
  left: 0;
  width:214px;
  height:123.5530px;
  z-index: 2;
  background: inherit;
}
.txtdiv h4 {
    font-size: 15px;
    color: black;
    font-weight: bold;
    padding-top: 15px;
        margin: 0 15px 0 0;

}
.hexagons:hover {
    background: #e76230;
}
img.smooth {
    position: absolute;
    left: 19px;
    width: 58px;
}
.hexagons:hover h4 {
    color: white !important;
    margin-left: 0px;
    transition: 0.5s;
}

.hexagons:hover img {
    opacity: 0;
}
.hexagons:hover img.smooth {
    opacity: 1;
    text-align: center;
    margin: auto;
    left: 73px;
    top: 5px;
    transition: 0.6s;
}

.offrwrp ul li {
    margin-bottom: 110px;
}
.hk_new li {
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 2.5s;
}
.hk_new li:hover {
    background-position: 100% 100%;
    transition: 3s;
}
section.pricingwrp.portfoliowrp {
    padding: 0;
    position: relative;
    overflow: visible;
    margin: 70px 0px;
}

ul.tab-portal li {
    width: 40%;
}
.navwrp2 ul.tabs li {
    height: auto;
}
.subsection.video-pg .secndwrp {    margin: 70px 0 0;}
.clintslogo {width: 65%;}
.subsection .secndwrp{}
.subsection{}
.subsection{}
.subsection .navwrp{position: relative;}
.subsection .navwrp .tabbing-links{text-align: center;position: absolute;width: 100%;margin: 0 auto;top: 60px;}
.subsection .navwrp .tabbing-links li{display: inline-block;color: #000;margin: 0 20px;font-size: 16px;transition: all 0.3s ease;cursor: pointer;}
.subsection .navwrp .tabbing-links li.current{border-bottom: 1px solid; }
.subsection .imgport{width: 100%;margin: 0 auto;text-align: center;}
.subsection .imgport li{display: inline-block;width: 32%;margin: 0 5px 15px;transition: 3s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
.subsection .imgport li:hover{    transform: scale(1.1);}
.subsection .imgport li img{width: 100%;border-radius: 10px;}
.subsection .imgport li figure{margin: 0px;}
.subsection .tabs{display: none;}
.subsection .tabs.current{display: block;padding: 50px 0;}
ul.color-child-1 {background: #fcfcfc;}
ul.color-child-2 {background: #efefef;}
ul.color-child-3 {background: #f7f7f7;}
ul.color-child-4 {background: #ffffff;}
ul.color-child-5 {background: #fefdfd;}
section.secndwrp h2, section.secndwrp p {text-align: left;}

.navwrp2 ul.inner-tab li {
    line-height: 0;
    height: 22px;
    width: 200px;
}
.pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp a.btn-main {
    color: #fff;
       display: inline-block;
}
.overlay {
  background: rgba(0,0,0,0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: none;
}  

.order-form {
  position: fixed;
  width: 100%;
  max-width: 420px;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 99999;
  display: none;
  align-items: center;
}

.order-form .close-icon {
  position: absolute;
  left: -15px;
  top: 0;
  font-size: 18px;
  z-index: 99999;
  cursor: pointer;
  color: #fff;
  background: #e66b2a;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  text-align: center;
}

.order-form .free-consult {
  position: relative;
  width: 100%;
  z-index: 999999;
  padding: 110px 0 0;
  background-image:url(../images/popup.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 510px;
}

.order-form .free-consult .form textarea {
  height: 100px;
  margin-top: 0px;
}

.order-form .free-consult .pkg-dt {
  margin-top: 10px;
  margin-bottom: 10px;
}

.order-form .free-consult .pkg-dt .pkg-price{
  font-weight: 800;
}

/*CAPTCHA*/
.grecaptcha-badge {
 /*   width: 256px;
    height: 60px;
    box-shadow: grey 0px 0px 5px;
    position: fixed;
    left: -187px;
    bottom: 20px;
    transition: all 0.3s ease-in;*/
    display: none;
}

.grecaptcha-badge:hover {
    left: 0px;
    z-index: 999;
}

/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .get-a-quote-pg .free-consult .form select {

  color: #a7a7a7; 
  background: #f3f5fe; 
  -webkit-appearance: none;

}
.free-consult .form input[type="text"], .free-consult .form input[type=email], .free-consult .form textarea, .free-consult .form select {
    width: 100%;
    font-size: 15px;
    color: #767676;
    font-weight: 600;
    border: 0px;
    padding: 13px 24px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    font-family: inherit;
    margin-bottom: 14px;
}
.free-consult .form .primary-btn {
    width: 100%;
    margin-top: 0;
    padding: 13px;
    border: 0px;
    cursor: pointer;
    font-size: 18px;
    height: 50px;
    line-height: 25px;
}

.primary-btn {
    background: #14aae7;
    background: -moz-linear-gradient(top, #14aae7 0%, #3945d7 100%);
    background: -webkit-linear-gradient(top, #14aae7 0%,#3945d7 100%);
    background: linear-gradient(to bottom, #e88120 0%,#e43f41 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14aae7', endColorstr='#3945d7',GradientType=0 );
    color: white;
}
h2.text-center.pkg-name {
    color: #fff;
    font-size: 32px;
}

.custbs {text-align: center;display: block;}
.custbs li {display: inline-block;}

.our-testi{padding: 60px 0; background-color: #f0f0f0; }
.our-testi .txtwrp{text-align: center; display: block; }
.our-testi .mainwrp{background: #fff;border-radius: 10px;padding: 30px 40px 30px;box-shadow: 0 2px 2px rgb(0 0 0 / 10%);-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;transition: 0.2s ease-out;margin: 0 0 40px;height: 250px;}
.our-testi .mainwrp p{color: #222;font-size: 12px;font-weight: 400;border-bottom: 1px solid #ada2a261;padding: 0 0 10px;margin: 0 0 20px;}
.our-testi .mainwrp .namwrp{display: inline-block; }
.our-testi .mainwrp .namwrp h4{font-size: 17px;color: #000;padding: 0 0 0;}
.our-testi .mainwrp .namwrp h6{color: #6c7b86;font-size: 14px;padding: 6px 0 0;}
.our-testi .mainwrp .namwrp span{color: #ffdd65; font-size: 16px; }
.our-testi .mainwrp .imawrp{display: inline-block;width: 42%;float: right;}
.our-testi .mainwrp .imawrp img{width: 60%;border-radius: 50%;float: right;}
.our-testi .mainwrp:hover{box-shadow: 0px 0px 20px 1px #d2d2d2bf; z-index: 2; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.05); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.05); -moz-transition: all 200ms ease-in; -moz-transform: scale(1.05); transition: all 200ms ease-in; transform: scale(1.05);}

 
.trust ul.clntlgs li {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: middle;
    width: 24%;
}
.trust ul.clntlgs li img {
    width: 110px;
}
.trust ul.clntlgs {
    padding: 20px 0 30px 0;
    margin: 0;
}
.fancybox-content {
    width: 100% !important;
    height: 100% !important;
}
section.main-banner.service-bnner ul li i {
    margin-right: 10px;
}
.navwrp ul li a.active, .ser-headr ul li a.active {
   color: #e63448;
}
section.pricingwrp.portfoliowrp .tabs.current {
    width: 100%;
}
section.secndwrp.inner-scnd-fold {
    padding: 70px 0;
}
.imgwrp.change-pos {right: -370px;}
.imgwrp.change-pos2 {right: -350px;}
.imgwrp.change-pos3 img {width: 96%;}
.imgwrp.change-pos4 {top: -300px;}
.hero-image:before {
    content: "";
    position: absolute;
    /*background-color: rgb(0 0 0 / 54%);*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0px 0px 0px 250px;
    width: 100%;
    height: 100%;
}
.company-about-section {
    background: linear-gradient(to right, #e99019 0%, #e6304a 100%);
    padding: 30px 0px 5px 0px;
}
.company-about-list {
    display: flex;
    justify-content: space-between;
}
.company-about-list li {
    background: url(../images/2020-new/border-sap.png) no-repeat 78% center;
    width: 20%;
}
.company-about-list li p {
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
}
.company-about-list li h4 {
    font-size: 45px;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 0;
}



/********** Landing Page Css **********/
header.hk_prime_landing_header .upr-head {
    background: black;
}
a.bg_with {
    background: linear-gradient( 
90deg
 , #47D8A2 0, #156F9A 91%);
    background: linear-gradient( 
110deg
 , #e99019 0, #e62f4a 100%);
    padding: 15px 30px;
    border-radius: 3px;
}
.hk_left_land h6 {
    background: linear-gradient( 
90deg
 , #47D8A2 0, #156F9A 91%);
    background: linear-gradient( 
110deg
 , #e99019 0, #e62f4a 100%);
    color: white;
    display: block;
    width: 344px;
    padding: 10px 12px;
    border-radius: 5px;
    margin-top: 45px;
}
.hk_left_land h1 {
    margin: 0;
    padding: 14px 0 5px 0;
    font-size: 48px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    line-height: 53px;
}
.hk_left_land span {
    color: #f2ce08;
}
.fc-white li {
    color: white;
    font-size: 18px;
    line-height: 30px;
}
ul.fc-white {
    padding-top: 11px;
}
.hk_left_land h5 {
    color: white;
    font-size: 20px;
    line-height: 35px;
}
.hk_left_land h4 {
    color: white;
    font-size: 20px;
    font-weight: 300;
}
.hk_left_land img {
    width: 123px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin: 10px 10px;
}
a.bg_with_color:hover {
    background: white;
    color: #e7692c;
}
a.bg_with_color {
    background: linear-gradient( 
110deg
 , #e99019 0, #e62f4a 100%);
}
.hk_landing_btn a {
    padding: 16px 36px;
    color: white;
    font-size: 17px;
    border-radius: 100px;
    transition: 0.4s;
    margin-right: 15px;
    font-weight: 500;
}
a.borders_btn {
    border: 1px solid #fff;
}
.hk_landing_btn {
    margin-top: 50px;
}
.main_from_lps {
    width: 85%;
    background-color: rgb(255 255 255 / 28%);
    padding: 35px 40px 45px 40px;
    text-align: left;
    margin: auto;
    border-radius: 7px;
}
.form_top {
    text-align: left;
}
.form_top h3 {
    font-size: 28px;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #fff;
    font-weight: 500;
}
.form_top h1 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #ffaa31;
}
.form_top p {
    font-size: 18px;
    color: #8e8e8e;
    font-weight: 300;
}

form.hk_right_land_form input {
    width: 100%;
    height: 50px;
    border-radius: 7px;
    outline: none;
    border: none;
    padding-left: 15px;
    margin-bottom: 15px;
}
.hk_right_land_form .intl-tel-input {width: 100%;}
select.packs {
    width: 100%;
    height: 50px;
    border-radius: 7px;
    outline: none;
    border: none;
    padding-left: 15px;
    margin-bottom: 15px;
}
form.hk_right_land_form  textarea {
    width: 100%;
    height: 100px;
    border-radius: 7px;
    outline: none;
    border: none;
    padding-left: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
}
button.btn.btn-primary.hk_submtt {
    background: linear-gradient( 
110deg
 , #e99019 0, #e62f4a 100%);
    border: none;
    width: 100%;
    height: 55px;
    border-radius: 100px;
    outline: none;
    font-size: 16px;
}
.hk_after_banner {
    background: #2e333c;
    padding: 20px 0px 5px 0px;
}
section.counter-sec {
    padding: 22px 0;
    background: white;
    -webkit-box-shadow: -1px 2px 24px -4px rgb(0 0 0 / 75%);
    -moz-box-shadow: -1px 2px 24px -4px rgba(0,0,0,0.75);
    box-shadow: -1px 2px 24px -4px rgb(0 0 0 / 75%);
}
.counter-head-box {
    text-align: center;
}
.counter-head-box h4 {
    margin: 0;
    padding: 0;
    font-size: 19px;
    color: #dc004e;
    font-weight: 900;
    line-height: 23px;
}
.counter-head-box h4 span {
    color: #333333;
}
.counters-boxes {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.counter-box {
    text-align: center;
}
.counter-box h6 {
    font-size: 30px;
    color: #00609f;
    font-weight: 600;
    font-family: Poppins, sans-serif;
}
.counter-box p {
    font-size: 16px;
    text-transform: capitalize;
    margin: 0;
    padding: 0px 0 0 0;
    color: #4c4c4c;
    font-weight: 600;
}
.counters-boxes .counter-box:nth-child(2) h6 {
    color: #661c90;
}
.counters-boxes .counter-box:nth-child(3) h6 {
    color: #409c00;
}
.counters-boxes .counter-box:nth-child(5) h6 {
    color: #dc004e;
}
section.hk_landings li{
  margin: 0 !important;
}
section.hk_landings ul li {
    border-bottom: 0 !important;
    border: 1px solid #cacaca !important;
    padding: 8px 40px;
    border-radius: 100px;
    margin-right: 2px !important;
}
section.hk_landings li.current {
    border: 1px solid #6821a0 !important;
    color: #6821a0 !important;
}
section.subsection.hk_landings h2.main-heading {
    font-size: 45px;
    font-weight: 700;
}

section.subsection.hk_landings h2.main-heading span{
color: #7c29ac;
}
section.hk_landings .txtwrp {
    margin-top:0px;
}
.hk_landings p.main-pera {
    font-size: 17px;
    line-height: 30px;
}
.hk_landings a {
    padding: 14px 28px;
    font-size: 17px;
    display: inline-block;
}
.hk_landings a.btn-secnd {
    border: none;
}

.live-box {
    display: flex;
    align-items: center;
}
.btn-live p {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 24px;
    color: #020c1f;
    font-family: Poppins, sans-serif;
}
.live-box h6 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    color: #020c1f;
    font-family: Poppins, sans-serif;
}
.live-box i {
    color: #1035ff;
    padding-left: 7px;
}
.hk_landings .secndwrp .btnwrp {
    display: flex;
    align-items: center;
}
.pbpx-30 {
    padding-bottom: 30px !important;
    margin-top: 5%;
}
.select-pack.bg-secondary.ptpx-30.pbpx-70 {
    background: #0c1623 !important;
}

.select-pack.bg-secondary.ptpx-30.pbpx-70 {
    position: relative;
    padding: 35px;
}
h3.ta-center.fc-white.fw-light.pbpx-20 {
    font-size: 34px;
}
h3.fc-white.bg-dgrey.ta-center.lh-large {
    font-size: 34px;
    line-height: 1.9;
    font-weight: 600;
}
.bg-dgrey {
    background: #18191a;
}
.fc-white {
    color: #ffffff;
}
.ptpx-30 {
    padding-top: 30px !important;
}
.package-new ul li {
    position: relative;
    color: rgb(124, 128, 134);
    border-top: 1px solid rgb(25, 33, 44);
    padding: 7px 0px 7px 20px;
    font-size: 15px;
    line-height: 17px;
}
.package-new ul li::before {
    position: absolute;
    display: block;
    content: "";
    background: url(../images/tick-red.png);
    width: 12px;
    height: 12px;
    left: 0px;
    top: 10px;
}
.fc-red {
    color: #fb2224;
}
.select-pack h6 {
    font-size: 20px;
}
.ult-cut-prc {
    font-size: 40px !important;
    color: #fff !important;
    position: relative;
}
.ult-cut-prc:before {
    content: "";
    background-color: #e92227;
    position: absolute;
    left: 0px;
    right: 0;
    top: 50%;
    width: 135px;
    height: 2px;
}
.package-new .final h1 {
    font-size: 74px;
    margin-bottom: 40px;    font-weight: 700;
}
a.btn-new-secondary.w-100.mtpx-20 {
    background-image: -ms-linear-gradient( -90deg, rgb(209,0,29) 0%, rgb(130,12,29) 100%);
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    padding: 13px 30px;
    border-radius: 4px;
    background-color: #fff;
}
section.cta-3-sec {
    background-image: url(../images/cat-3-banner-img.png);
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    padding: 60px 0;
    position: relative;
}
section.cta-3-sec::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 60px;
    background-image: url(../images/cta-3-dots-img.png);
    height: 55px;
    width: 175px;
}
.cta-3-main-box {
    display: flex;
    align-items: center;
    position: relative;
}
.btn-need {
    background-color: #fff;
    border-radius: 40px;
    font-size: 18px;
    padding: 10px 70px 10px 30px;
    margin-right: 20px;
    color: #a3a3a3;
    font-family: Poppins, sans-serif;
}
.btn-request {
    box-shadow: none;
}
.cat-3-imgbox {
    position: absolute;
    right: 0;
}
.btn-qoute {
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
    border-radius: 40px;
    padding: 13px 54px;
    background: linear-gradient( 
67deg
 , rgba(255,113,248,1) 0%, rgba(46,2,127,1) 87%);
    border: none;
}
.btn-qoute:hover{    color: #6821a1;    border: 2px solid;    background: unset;}
footer.lp_bg {
    background: #000;
}
footer.lp_bg .logowrp img {
     width: 70%;
}
.logowrp.two {
    float: right;
}
.logowrp.two p {
    padding-bottom: 5px;
    font-size: 15px;
}
.logowrp.two a {
    color: #797979;
}
hr.line_lp_footer {
    width: 100%;
    background: #4c4c4c;
    margin-top: 35px;
    margin-bottom: 35px;
}
p.disclaimer {
    color: #848484;
    line-height: 22px;
    font-size: 13px;
}
p.disclaimer span{
  color: white;
}
p.disclaimer span {
    color: white;
    display: block;
    font-size: 16px;
    line-height: 35px;
}
.hk_landings .imgwrp {
    margin-top: 40px;
}
.hk_after_banner .clintslogo {
    width: 100%;
}
.hk_prime_landing_header .navwrp ul li a {
    color: #fff !important;
}
/********** Landing Page Css End **********/


.belowform img {max-width: 100%;}

.belowform h2, .belowform p {
    text-align: left;
}
.belowform {
    padding: 80px 0;
}
.form-box-main h2 {
    width: 100%;
    line-height: 1.2;
    color: #000;
    text-align: left;
}
.form-box-main p {
    text-align: left;
    font-size: 14px;
    width: 100%;
    padding-bottom: 30px;
    font-weight: 500;
    line-height: 1.4;
}
.form-box-main form input[type="text"], .form-box-main form select, .form-box-main form input[type="email"], .form-box-main form input[type="number"], .form-box-main form input[type="tel"], .form-box-main form textarea {
    width: 100%;
    margin: 0 0 0 0;
    border: 0px;
    border-bottom: 1px solid #B2B9C1;
    background: white;
    padding: 18px 15px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    height: 55px;
    border-radius: 0;
}
.form-box-main form textarea {
    width: 100%;
    margin: 0;
    padding: 8px 12px;
    height: 100px;
    resize: none;
}
.form-box-main form select {
    width: 100%;
    margin: 0 0 0 0;
    border-bottom: 1px solid #B2B9C1;
    padding: 12px 15px;
    color: #5B6B7F;
    font-size: 18px;
    font-weight: 400;
    border-radius: 0;
}
.form-box-main form input[type="submit"] {
    display: inline-block;
    transform: translateY(0rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #fff;
    border: 1px solid #ffffff;
    padding: 15px 60px;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
}
.form-box-main form {
    width: 100%;
    margin: 0 auto;
}
.form-box-main form .col-md-6, .form-box-main form .col-md-12 {
    padding-bottom: 20px;
}
.row.web-port .scroll-port {
    /* height: 500px; */
}

.free-consult {
  padding: 80px 0 115px 0;
}

.free-consult .sub-head { 
  padding: 0px;
}

.free-consult .form {
  margin: 20px 0 0 0;
}
.free-consult h2 {color: #fff;font-size: 24px;text-transform: uppercase;}
.free-consult .form input[type="text"],
.free-consult .form input[type=email],
.free-consult .form textarea,
.free-consult .form select {
  width: 100%;
  font-size: 15px;
  color: #767676;
  font-weight: 600;
  border: 0px;
  padding: 13px 24px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  font-family: inherit;
  margin-bottom: 14px;
      height: 50px;
}

.free-consult .form textarea {
  margin: 0;
  resize: none;
  height: 196px;
}

.free-consult .form input[type="text"].error,
.free-consult .form input[type=email].error {
  border-color: var(--red);
}

.free-consult .form .interested-in h6{
  font-size: 15px;
  color: var(--dark);
  font-weight: 600;
  margin: 15px 0;
}


.free-consult .form .cCheckbox {
  background:#fff;
  width:18px;
  height:18px;
  border:1px solid #e1e1e1;
  float:left;
  margin:1px 12px 0 0;
}
 
.free-consult .form .cCheckbox.checked {
  border:1px solid #1e93c4;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAn0lEQVQ4T2NkoBAwUqifYUAM0AW6+hEQfwS5nlQXGAH17AHieUBcQqoBMM1ngRr9gfgbKQZg1YxugCBQQBqIr6DFDE7N6AZMBArEALEzEF+AGoJXM7oB3ECBzUCsDzWECRpgKH5GTzfosQAzxBGqEBTi8ADDluiwRSPIkENA/AeIQQaBQxsXwJUOuKAa8GomJRpJdgE+V6PIkZqUMQwGAP4BHhHaNoizAAAAAElFTkSuQmCC) no-repeat 0 0;
  background-size:100%;
}

.free-consult .form label {
  margin: 0px 0px 15px 0;
  cursor: pointer;
  font-size: 15px;
  color: #767676;
  font-weight: 600;
  width: 33%;
}

.free-consult .form label.error {
  display: none!important;
}

.free-consult .form label.full {
  width: 100%;
}


.free-consult .form .primary-btn {
  width: 100%;
  margin-top: 0;
  padding: 13px;
  border: 0px;
  cursor: pointer;
}
.overlay {
  background: rgba(0,0,0,0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99998;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: none;
}  

.order-form {
  position: fixed;
  width: 100%;
  max-width: 420px;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 99999;
  display: none;
  align-items: center;
}

.order-form .close-icon {
  position: absolute;
  left: -15px;
  top: 0;
  font-size: 18px;
  z-index: 99999;
  cursor: pointer;
  color: #fff;
  background: #334ed0;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  text-align: center;
}

.order-form .free-consult {
  position: relative;
  width: 100%;
  z-index: 999999;
  padding: 80px 0 0;
  background-image:url(../images/popup.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 510px;
}

.order-form .free-consult .form textarea {
  height: 100px;
  margin-top: 0px;
}

.order-form .free-consult .pkg-dt {
  margin-top: 10px;
  margin-bottom: 10px;
}

.order-form .free-consult .pkg-dt .pkg-price{
  font-weight: 800;
}

/*CAPTCHA*/
.grecaptcha-badge {
 /*   width: 256px;
    height: 60px;
    box-shadow: grey 0px 0px 5px;
    position: fixed;
    left: -187px;
    bottom: 20px;
    transition: all 0.3s ease-in;*/
    display: none;
}

.grecaptcha-badge:hover {
    left: 0px;
    z-index: 999;
}

/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .get-a-quote-pg .free-consult .form select {

  color: #a7a7a7; 
  background: #f3f5fe; 
  -webkit-appearance: none;

}




ul.tabs.innertab.current {
    width: 100%;
}




.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.preloader .preloader-after,
.preloader .preloader-before {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
       background: linear-gradient(  90deg  , rgba(255,113,248,1) 0%, rgba(46,2,127,1) 87%);
}

.preloader .preloader-before {
    top: 0;
}

.preloader .preloader-after {
    bottom: 0;
}

.preloader .preloader-block {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%;
}

.preloader .preloader-block .title {
    position: absolute;
    left: 0;
    bottom: calc(50% + 16px);
    width: 100%;
    text-align: center;
    z-index: 2;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 8px;
    color: #fff;
}

.preloader .preloader-block .percent {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    font-weight: 700;
    letter-spacing: 8px;
    font-size: 24vw;
    color: rgba(255, 255, 255, .14);
    z-index: 1;
}

.preloader .preloader-block .loading {
    position: absolute;
    top: calc(50% + 16px);
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 8px;
    color: #fff;
    -webkit-animation: blink-animation 2.2s linear infinite;
}

.preloader .preloader-bar {
    position: absolute;
    z-index: 2;
    top: calc(50% - 1px);
    right: 0;
    width: 100%;
    height: 2px;
    background:rgba(255, 255, 255, .14);
}

.preloader .preloader-bar .preloader-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    height: 100%;
    width: 0;
   background:#fff;
}

@-webkit-keyframes blink-animation {
    0% {
        opacity: 0
    }
}

@-moz-keyframes blink-animation {
    0% {
        opacity: 0
    }
}

@keyframes blink-animation {
    0% {
        opacity: 0
    }
}

.preloader.hidden-main {
    opacity: 0;
    visibility: hidden
}

.preloader .preloader-after,
.preloader .preloader-before {
    transition: .6s ease-in-out
}

.hidden .preloader-after {
    transform: translate(0, 100%)
}

.hidden .preloader-before {
    transform: translate(0, -100%)
}

.loader-width .preloader-progress {
    width: 100%!important
}

.preloader .preloader-bar .preloader-progress {
    transition: width 3.2s;
    transition-timing-function: cubic-bezier(.1, .5, 1.3, .1)
}


.bubbles_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    pointer-events: none
}

@-webkit-keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    to {
        margin-top: -30%
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    to {
        margin-top: -30%
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    to {
        margin-top: -30%
    }
}

@-webkit-keyframes sideWays {
    0% {
        margin-left: 0
    }
    to {
        margin-left: 25px
    }
}

@-moz-keyframes sideWays {
    0% {
        margin-left: 0
    }
    to {
        margin-left: 25px
    }
}

@keyframes sideWays {
    0% {
        margin-left: 0
    }
    to {
        margin-left: 25px
    }
}

.x1 {
    -webkit-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
    left: 6%;
    top: 45%;
    background: #ffb739
}

.x2 {
    -webkit-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
    left: 5%;
    top: 80%;
    background: #fc4fdd
}

.x3 {
    -webkit-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
    left: 10%;
    top: 40%;
    background: #5ed5cb
}

.x4 {
    -webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    left: 20%;
    top: 0;
    background: #3de4a3
}

.x5 {
    -webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    left: 30%;
    top: 50%;
    background: #fc4fb1
}

.x6 {
    -webkit-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
    left: 50%;
    top: 0;
    background: #2c4aff
}

.x7 {
    -webkit-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
    left: 65%;
    top: 70%;
    background: #ffb739
}

.x8 {
    -webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    left: 80%;
    top: 10%;
    background: #8f3de4
}

.x9 {
    -webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    left: 90%;
    top: 50%;
    background: #fff339
}

.x10 {
    -webkit-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
    left: 80%;
    top: 80%;
    background: #fc4f4f
}

.bubble {border-radius: 50%; box-shadow: none; height: 5px; position: absolute; width: 5px }

.fotrnav.lp{    padding: 25px 0 0;}
.fotrnav.lp h4{padding: 0 0 30px;}
.lp_bg .txtdiv{
    margin: 0;
    text-align: right;
    display: block;
}
.lp_bg .txtdiv li{
    display: inline-block;
    margin-left: 21px;
}
.lp_bg .txtdiv li a{
    color: #fff;
}
.subsection .navwrp .lp-wrp{position: unset;    margin: 60px 0 0;       top: 0;}


/*floating strips css start */
.floatbutton.active{    top: 0;    z-index: 99;right: 0;z-index: 9;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: fixed;right: -370px;top: 16%;font-size: 0;width: 420px;/* transform: translateY(-50%); */z-index: 9;}
.floatbutton .clickbutton{border-radius: 10px 0px 0px 10px;background: #fff;width: 50px;z-index: 999;height: 270px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);display: inline-block;padding-top: 0;vertical-align: top;margin-top: 238px;color: #fff;font-size: 14px;font-weight: 700;position: relative;text-transform: uppercase;font-family: 'Poppins', sans-serif;-ms-box-shadow: 0px 0px 40px #00000026;-o-box-shadow: 0px 0px 40px #00000026;border: 1px solid #e98c1a;}
.floatbutton .clickbutton .crossplus:before{content: ""; display:none;position: absolute;width: 20px;height: 2px;right: 0;background: #fbb334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus:after{content: ""; display:none;position: absolute;width: 2px;height: 20px;right: 0;background: #fab334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus{position: relative;display: block;transform: rotate(0deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: absolute;display: block;transform: rotate(-90deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #e98a1d;left: -79px;white-space: pre;bottom: 120px;font-weight: bold;font-size: 16px;}
.floatbutton .clickbutton .crossplus.rotate{/* transform: rotate(45deg); */-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .clickbutton .crossplus i {font-size: 18px;color: #f43535;margin: 17px 0 0 15px;}
.banner-form{background: #fff;padding: 20px 20px;position: relative;z-index: 9;border-radius: 5px 0 0 5px;margin: 0;width: 370px;display: inline-block;box-shadow: 0px 0px 30px #0000001f;margin: 30px 0 0;top: 160px;}
.banform{}
.ban-form{}
.ban-form input{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 45px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.banner-form .intl-tel-input{width: 100%;}
.banner-form h3 {color: #333;font-size: 24px;margin-bottom: 10px;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;background: #f43535;border-radius: 3px;text-align: center;background-image: linear-gradient(to right top, #0569d7, #0858c3, #0948af, #07389c, #042888);padding: 10px 15px;background: linear-gradient(to right, #e99019 0%, #e6304a 100%);margin: 20px 0 0;border: transparent;}
.ban-form textarea{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;font-weight: 400;height: 120px;outline: none !important;margin: 15px 0 0px 0;}



.btns_wrap{position:fixed;right: -6px;}
.btns_wrap a:hover{text-decoration: none!important;right: 0px;}
.btns_wrap .call_wrap{width: 280px;position: absolute;right: -225px;background: #fff;top: 160px;padding: 0;border-radius: 15px 0px 0px 15px;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: 1px solid #e98f1a;}

.btns_wrap .call_wrap span{color: #333;font-size: 20px;vertical-align: middle;background: #fff;padding: 15px 20px 15px 15px;}
.btns_wrap .chat_wrap{display: block;position: absolute;right: -225px;width: 280px;padding: 0;background: #fff;top: 80px;border-radius: 15px 0px 0px 15px !important;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; */border: 1px solid #e98d1b;}
.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo{color: #e98d1b;background: #fff;font-size: 18px;padding: 18px 20px 16px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;border-radius: 50px 0px 0px 50px;}
.btns_wrap .chat_wrap span{color: #333;font-size: 20px;vertical-align: middle;background: #fff;padding: 15px 30px 15px 15px;}
/*floating strips css end */




.termspage{padding: 100px 0 90px;}
.terms-privcy-pg{
    padding: 250px 0 90px;
    background-repeat: no-repeat;
    background-size: cover;
}
.terms-privcy-pg h1{
    color: #fff;
}
.termspage h2{font-size: 32px;}
.termspage p{    font-size: 14px;}
footer .line-wrp{border-top: 1px solid;
    padding: 0px 0 0;
    margin: 30px 0 0;}
footer .line-wrp .txtdiv{    margin: 0;
    display: block;
    text-align: right;}
footer .line-wrp .txtdiv{
    margin: 15px 0 0;
}
footer .line-wrp .txtdiv li{
    display: inline-block;
    margin-left: 15px;
}
footer .line-wrp .txtdiv li a{
    color: #fff;
}

section.slide-form {
    position: relative;
}
.slide-form .trust {
    margin-bottom: 20px;
}

/*.slide-form .formwrp {    position: absolute;    top: 550px;    width: 100%;    z-index: 1;        left: 20px;}*/
.pkge-detail p {
    display: none;
}
form#ordernow-form .flag-container {
    height: 53px;
    top: 0;
    margin-top: 0px;
    margin-left: -5px;
}
#ordernow-form input#free_cons_phone1 {
    padding-left: 80px;
       padding-top: 10px;
    
}
.btm-form #ordernow-form input#free_cons_phone1 {
    padding-top: 18px;
}

.subscribe-fold {    padding: 240px 0 70px; }
.subscribe-fold .myheading {position: relative; padding-bottom: 40px; font-size: 44px; color: #160c28; line-height: 1.1em; margin-bottom: 30px; padding: 0px; }
.subscribe-fold .mytext {text-align: left; margin: 0 0 30px; padding: 0px; font-size: 14px; line-height: 20px; width: 75%; }
.subs-pac {box-shadow: 0 3px 30px #0000001f;display: block;width: 100%;text-align: center;height: 470px;margin: 0 0 60px;-ms-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;border-radius: 10px;padding: 75px 0 0;}
.subscribe-fold h3 {font-size: 24px; margin: 0; font-weight: 400; position: relative; text-transform: capitalize; font-weight: 800; width: 80%; margin: 0 auto 20px; text-align: center; color: #000; }
.subs-pac h6 {color: #87348d;font-size: 40px;font-weight: 700;display: inline-block;line-height: 0.9;margin: 0px 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;display: none;}
.subs-pac h6 span {font-size: 16px; color: #687087; display: inline-block; margin: 30px 0 0; padding: 0; position: relative; line-height: 1.3; }
.subs-pac h6 span {font-size: 16px; color: #000; display: inline-block; margin: 30px 0 0; padding: 0; position: relative; line-height: 1.3; }
.subs-pac a.ordrrrr {text-align: center;margin: 30px auto 0;border: none;padding: 14px 60px;color: #ffffff;box-shadow: none;border-radius: 5px;font-weight: 600;cursor: pointer;display: inline-block;text-decoration: none;font-size: 16px;font-family: var(--heading-font-family);background: linear-gradient(
90deg
 , rgb(146 55 145) 0%, rgb(61 32 113) 87%);}
/*.subs-pac a.ordrrrr{transition: 0.5s ease-in-out;}
.subs-pac a.ordrrrr:hover{ transform: scale(1.1,1.1); }*/
.subs-pac .actions {border-top: 1px solid #eeeeee; padding: 0px 0; margin: 40px 0 0; position: relative; }
.subs-pac .actions a.chatbtn {font-size: 14px; font-weight: 600; padding: 15px 0px; display: inline-block; color: #000000; margin: 0px; }
.subs-pac .actions a.numberbtn {font-size: 14px; font-weight: 600; padding: 15px 0px; color: #000000; display: inline-block; margin: 0px; }
.subscribe-fold .table-packages .head {width: 100%; }
.subscribe-fold .table-packages .head h5 {text-align: left; font-size: 28px; font-weight: 700; margin: 0; padding: 0; display: inline-block; color: #160c28; }
.subscribe-fold .table-packages .body ul li {text-align: left;border-bottom: 1px solid #eaeaea;width: 95%;list-style: none;margin-left: 0;font-size: 17px;font-weight: 400;margin: 0 0 10px;display: block;position: relative;color: #000;padding: 14px 0 14px 0;}
.subscribe-fold .table-packages .body ul li.heading{font-weight: bold; font-size: 18px; }
.subscribe-fold .table-packages .body ul li.heading:after{display: none;}
.subscribe-fold .table-packages .body ul li:after{font-family: "fontawesome";content: "\f00c";position: absolute;top: 20px;color: #8b358e;font-size: 19px;right: 0;}
.subscribe-fold .table-packages .body ul li h6 {font-size: 16px; font-weight: 400; margin: 0; padding: 0; display: inline-block;}
.subscribe-fold .table-packages .body ul li span.tick {font-size: 20px; color: #257adf; 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: -20px; }
.subscribe-fold .table-packages .body .subscription-list {height: 430px; margin-top: 20px; padding: 0; }
.subs-pac.bronze:hover {background: linear-gradient(
90deg
 , rgb(146 55 145) 0%, rgb(61 32 113) 87%);}
.subs-pac.bronze:hover .subs-pac a.ordrrrr{background-image: unset !important; background: #fff; color: #000;}
.subs-pac.bronze:hover h6 {color: #fff;}
.subs-pac.bronze:hover h3 {color: #fff;}
.subs-pac.bronze:hover .old {color: #fff;}
.subs-pac.bronze:hover span {color: #fff;}
.subs-pac.bronze:hover .ordrrrr {background-color: #fff; color: #000; background-image: unset; }
.subs-pac.bronze:hover .chatbtn, .subs-pac.bronze:hover .numberbtn {color: #fff; }
.subs-pac.bronze:hover .chatbtn, .subs-pac.bronze:hover .numberbtn {color: #fff; }
.subscribe-fold .myheading{}
.subscribe-fold .mytext{font-size: 16px; color: #000; }

.subscribe-fold {
    padding: 240px 0 70px;
    background: #d7b2de;
}
.subs-pac {
    background: white;
}
.sub-list {
    background: white;
    padding: 20px;
}


.brief_form {
    position: relative;
    padding: 60px 0;
}

.brief_form:before {

    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/left.png);
    opacity: 0.1;
}
.brief_form:after {

    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/right.png);
    opacity: 0.1;
}
.brief_form .briefleft {
    height: 1000px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    background-position: 50%;
    background-color: #f0f6f6;
}
.brief_form .briefleft h1 {    font-size: 40px;
    font-weight: bold;
    max-width: 70%;
    padding: 30px 30px;}

.brief_form ul {
    display: flex;
    padding: 0;
    text-align: center;
    margin: 0 0 25px;
}
.brief_form ul li {
    display: inline-block;
    width: 25%;
    text-align: center;
    padding: 20px 0;
    border-right: 1px solid #dadada;
    position: relative;
    color: #4c4c4c;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dfe1e3+0,bec5cc+100 */
    background: #dfe1e3; /* Old browsers */
    background: -moz-linear-gradient(top,  #dfe1e3 0%, #bec5cc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #dfe1e3 0%,#bec5cc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #dfe1e3 0%,#bec5cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe1e3', endColorstr='#bec5cc',GradientType=0 ); /* IE6-9 */
}
.brief_form ul li.done {
    display: inline-block;
    width: 25%;
    text-align: center;
    background: #28a745;
    padding: 20px 0;
    border-right: 1px solid #dadada;
    position: relative;
    color: #fff;
}
.brief_form ul li:last-child {border-right: 0px;}
.brief_form ul li i {display: block;color: #4c4c4c;font-size: 28px;margin: 0 0 5px;}
.brief_form ul li.done i {color: #fff;}
.brief_form ul li i.chcked {
    /* position: absolute; */
    top: 0px;
    right: -70px;
    z-index: 1;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-size: 16px;
    display: inline-block;
}


.brief_form ul li.active {    background: #14aae7;
    background: -moz-linear-gradient(top, #14aae7 0%, #3945d7 100%);
    background: -webkit-linear-gradient(top, #14aae7 0%,#3945d7 100%);
    background: linear-gradient(to bottom, #14aae7 0%,#3945d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14aae7', endColorstr='#3945d7',GradientType=0 );}
.brief_form .col-md-12, .brief_form .col-md-6 {
    margin: 7px 0;
}
.brief_form h2 {font-size: 34px;font-weight: bold;margin: 0;padding: 0 0 20px;color: #000000;text-align: left;}

.brief_form h3 {font-size: 16px;font-weight: bold;margin: 0;border-bottom: solid 1px #b2b9c1;padding: 0 0 11px;color: #484848;}
.brief_form input[type=text] {
        width: 100%;
    margin: 0 0 10px 0;
    border: 0px;
    border: 1px solid #e3f1f1;
    background: #eff5f5;
    padding: 18px 10px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    border-radius: 5px;
    }
    .brief_form input[type=file] {border: 0px;}
    .brief_form textarea {
        width: 100%;
    margin: 0 0 10px 0;
    border: 0px;
    border-bottom: 0px solid #B2B9C1;
    background: #eff5f5;
    padding: 18px 13px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    height: 120px;
    border-radius: 5px;
    }

    .brief_form .form-group {
  display: inline-block;
  width: 21%;
  margin: 4px 15px;
}

.brief_form .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.brief_form .form-group label {
  position: relative;
  cursor: pointer;
  font-size: 14px;
}

.brief_form .form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #B2B9C1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.brief_form .form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 6px;
  height: 10px;
  border: solid #86279b;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.brief_form .files {        background: #eff5f5;
    text-align: center;
    margin: 0px 15px;
    height: 80px;
    padding: 10px 0;
    border-radius: 5px;}

.brief_form #project-contactwew-us-button{
    padding: 10px 30px;
    border-radius: 4px;
    background: #14aae7;
    background: -moz-linear-gradient(top, #14aae7 0%, #3945d7 100%);
    background: -webkit-linear-gradient(top, #14aae7 0%,#3945d7 100%);
    background: linear-gradient(to bottom, #14aae7 0%,#3945d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14aae7', endColorstr='#3945d7',GradientType=0 );
    color: #fff;
    margin: 30px 0 0;
    }



/*lp-bark css start*/
.social-left {
    float: left;
    width: 20%;
    padding: 24px 60px 0px 0;
    background: #fff;
    text-align: left;
    height: 96px;
    position: relative;
    font-size: 15px;
    line-height: 18px;
}
.social-right {
    float: left;
    width: 78%;
    margin: 0 0 0 20px;
}
.social-left p {
    background: #fff !important;
    font-weight: 700;
    font-size: 13px;
}
.social-counts {
    background: #fff;
    box-shadow: 3px 5px 8px 1px rgb(132 132 132 / 17%);
    position: relative;
    height: 100px;
    overflow: hidden;
    margin: 0;
}

.clintslogo.bark-clints {width: 100%;}
.bark-banner{padding-top: 10%;}
.bark-banner .formwrp form .lable input{height:60px;}
.bark-banner .txtwrp p {color: #fff;font-size: 18px;width: 80%;text-align: center;margin: auto;}
.bark-banner .txtwrp h1{text-align: center;}
.bark-banner .txtwrp ul{text-align: center;}
.bark-banner .txtwrp ul li{width: 12%;}
.bark-banner .formwrp form .lable{width: 22%;}
.bark-banner .trust ul.clntlgs li{}
.bark-banner #ordernow-form input#free_cons_phone1 {padding-left: 80px;padding-top: 0px;}

.conbowrp {
    padding: 60px 0;
}
.conbowrp .pkgehead {
    text-align: center;
    background-image: url(../images/pkge-head.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 66%;
    margin: 0 auto -20px;
    position: relative;
    z-index: 1;
}
.conbowrp .mainpkge {
    display: block;
    background-image: url(../images/combo-bg.png);
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 50px 30px 20px;
    border-radius: 40px;
    box-shadow: 0px 6px 21px 11px rgb(0 0 0 / 8%);
    background-repeat: no-repeat;
    background-size: cover;
}
.conbowrp .mainpkge:before {
    content: "";
    position: absolute;
    background-color: #ffffffd9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 40px;
}
.conbowrp .pkgehead h2 {
    color: #fff;
    padding: 15px 0 0;
}
.conbowrp .pkgehead p {
    color: #fff;
}
.conbowrp .mainpkge .navwrp h4 {
    font-size: 20px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right top, #801ef5, #7f1ef5, #76229b, #77229c, #762298);
    transform: scale(1.1);
    margin: 12px 0 0 14px;
}
.conbowrp .mainpkge .navwrp ul {
    margin: 0 0 0 30px;
}
.conbowrp .mainpkge .navwrp ul li {
    font-size: 14px;
    color: #151414e3;
    font-weight: 300;
    padding: 0 0 3px;
}
.conbowrp .mainpkge ul li {
    position: relative;
}
.conbowrp .mainpkge ul li:before {
    content: "\f00c";
    position: absolute;
    font-family: 'FontAwesome';
    left: -26px;
    top: -4px;
    color: #3cca19;
    font-size: 16px;
}
.conbowrp .mainpkge .imgwrp img {
    width: 120%;
    position: absolute;
    top: 140px;
    left: -80px;
}
.conbowrp .mainpkge .btnwrp .btn-main {
    display: block;
    margin: 20px 0 13px;
    text-align: center;
    width: 80%;
    padding: 10px 0;
    padding: 15px 40px;
}
.conbowrp .mainpkge .btnwrp .btn-secnd {
    display: block;
    margin: 0;
    text-align: center;
    width: 80%;
    padding: 15px 40px;
}

section.flexiblefeatures-sec {
    padding: 60px 0 70px;
    background: #f3f5f7;
}
.flexiblefeatures-sec h5 {
    color: #0857c1;
    margin-top: 0;
    font-size: 16px;
    padding: 5px 15px;
    background: #73a9f338;
    display: inline-block;
    border-radius: 30px;
    margin-bottom: 20px;
    font-weight: 400;
}
.flexiblefeatures-sec h2 {
    text-transform: capitalize;
    padding: 0 0 20px;
    font-size: 40px;
    font-weight: 600;
}
.flexiblefeatures-sec ul li .txt-wrap h4 {
    font-size: 18px;
    color: #2c2c2c;
    font-family: var(--secondary-font-family);
    font-weight: 700;
}
.flexiblefeatures-sec ul li figure img {
    width: auto;
    margin-right: 15px;
}
.flexiblefeatures-sec ul li .txt-wrap p {
    color: #777;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 300 !important;
    height: 54px;
}
.flexiblefeatures-sec p {
    color: #74757a;
    font-size: 16px;
    padding-bottom: 0px;
    line-height: 1.2;
}
.flexiblefeatures-sec ul li figure {
    margin-bottom: 0px;
    width: 20%;
    float: left;
    height: auto;
    margin: 0 10px 0 0;
}
.flexiblefeatures-sec figure img {
    width: 100%;
}
.flexiblefeatures-sec ul li {
    clear: both;
    /* margin-bottom: 30px; */
    width: 100%;
    display: inline-block;
    height: auto;
    padding: 0 0px 40px 0px;
}


.appr-warp {
    margin: 0 auto;
    width: 85%;
    padding: 0px 0 70px;
}
.ap-sec h2 {
    color: #000;
    padding: 0 0 20px;
    font-size: 40px;
    text-align: center;
    font-weight: 600;
    padding: 60px 0 10px;
}
.ap-sec p {
    color: #3a3a3a;
    font-size: 16px;
    text-align: center;
}
.appr-warp .box-wrap {
    padding: 20px 35px;
    text-align: left;
}
.box-boxi.boxiesnghome {
    min-height: 300px;
}
.box-boxi {
    padding: 40px 20px;
    border-radius: 18px;
    min-height: 350px;
    box-shadow: 0px 1px 14px 0px #00000047;
}
.boxiesng {
    height: 290px;
}
.appr-warp .box-wrap figure {
    margin-bottom: 20px;
}
.appr-warp .box-wrap figure img {
    max-width: 76px;
}
.appr-warp .box-wrap h4 {
    color: #2c2c2c;
    font-family: var(--secondary-font-family);
    font-size: 18px;
    letter-spacing: 0.5px;
    font-weight: 700;
}
.appr-warp .box-wrap p {
    color: #74757a;
    font-size: 15px;
    line-height: 1.4;
    padding: 10px 18px 0px 0px;
    text-align: left;
}
.list-scroll1 {
    height: 100px;
    overflow-y: scroll;
}
.seosteps .btnwrp {
    padding: 70px 0 0;
    position: relative;
    z-index: 1;
}
.list-scroll1::-webkit-scrollbar {
    width: 6px;
    height: 8px;
}
.list-scroll1::-webkit-scrollbar-track-piece {
    background-color: #ffffff;
    -webkit-border-radius: 0px;
    border-left: 1px solid #fff;
}

.cta-sndwrp {
    display: block;
    text-align: center;
    padding: 60px 0 70px;
    background-image: url(../images/cta-2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.cta-sndwrp .txtwrp h2 {
    color: #fff;
}
.cta-sndwrp .txtwrp p {
    color: #fff;
    padding-bottom: 50px;
}
.cta-sndwrp .btnwrp .btn-main {
    background-image: unset;
    color: #fff;
    border: 1px solid #fff;
}
.cta-sndwrp .btnwrp .btn-secnd {
    margin: 0 20px;
    background-color: #fff;
    border: none;
}


/*lp-bark css end*/

.lp-com-pkge{    background: linear-gradient( 110deg  , #e99019 0, #e62f4a 100%);}
.lp-com-pkge.package-new .final h1{font-size: 52px;}
.lp-com-pkge .lp-combo-pkge{    width: 60%;}
.lp-com-pkge h3{padding: 0 !important;    font-size: 30px !important;}
.lp-com-pkge .select-pack.bg-secondary.ptpx-30.pbpx-70{background-color: unset !important;}
.lp-com-pkge .bg-dgrey{background-color: unset;}
.lp-com-pkge .fc-red {color: #421215;}
.lp-com-pkge ul li{color: #fff;      font-size: 14px;    padding: 7px 0px 0px 20px;   border-top: unset;}
.lp-com-pkge ul li:before{background-image: unset; content: "\f05d"; font-family: 'FontAwesome'; top: 8px; color: #ffffffd1; font-weight: 300;}
.lp-com-pkge h6{    border-bottom: 1px solid;}
.lp-pkge-illu.pricingwrp ul.pkge-tab li{border-radius: 30px 0px 30px 30px;}
.lp-pkge-illu.pricingwrp ul.pkge-tab li .pkgwrp{border-radius: 20px 0px 20px 20px;}
.lp-pkge-illu.pricingwrp ul.pkge-tab li .pkgwrp .namwrp{border-radius: 20px 0px 0px 0px;}
.lp-pkge-illu .picwrp{padding: 20px 0; }
.lp-pkge-illu .picwrp h2{font-size: 34px;padding: 0;position: relative;display: inline-block;}
.lp-pkge-illu .picwrp h2:after{content: "";content: "";position: absolute;background-color: #8a358e;width: 50px;height: 3px;right: -47px;top: 16px;}
.lp-pkge-illu .picwrp h2:before{content: "";position: absolute;background-color: #8a358e;width: 50px;height: 3px;left: -47px;top: 16px;}



li.align-focus h4, li.align-focus img.focus{margin-right: 11px;}





/*popup css*/

section.pop-up {
    padding-top: 2%;
    padding-bottom: 3%;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 11111;
}
section.pop-up .main_from_lps {
    width: 90%;
    margin-right: 0px;
}
section.pop-up .main_from_lps {
    background-color: transparent;
}
button.hk_close {
    background: transparent !important;
    box-shadow: none;
    position: absolute;
    right: 216px;
    border: none;
    cursor: pointer;
    top: 180px;
    z-index: 1111111;
}
button.hk_close i {
    font-size: 35px;
    color: white;
    cursor: pointer;
}
.pop_main {
    background-image: url(../images/new_year_pop.webp);
    background-repeat: no-repeat;
    margin: auto;
    width: 65%;
    margin-top: 16%;
}
.hide {
    display: none;
}
.left_image_popout img {
    position: relative;
    top: -75px;
    width: 500px;
    left: -252px;
}
section.pop-up .form_top h3 {
    font-size: 18px;
}
section.pop-up .form_top h1 {
    font-size: 30px;
 }
section.pop-up form.hk_right_land_form input {
        height: 38px;
       border-radius: 5px;
 }
section.pop-up form.hk_right_land_form textarea {
        height: 90px;
        border-radius: 5px;
}
section.pop-up button.btn.btn-primary.hk_submtt {
    height: 40px;
        border-radius: 5px;
}

section.pop-up #ordernow-form input#free_cons_phone1 {
    padding-top: 3px !important;
}
section.pop-up .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    margin-top: -6px !important;
}
.logo_pop img {
    top: -120px;
    width: 560px;
    left: -310px;
}
/*popup css End*/

.topformcontainer {
     width: 360px;
     position: relative;
     top: -20px;
     }
.topformcontainer .topformwrap.active {
    background: #fff;
    /* padding: 30px; */
    height: 515px;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    overflow: hidden;
    position: relative;
    top: 0;
}

.topformcontainer .topformwrap {
    background: #fff;
    /* padding: 30px; */
    height: 0px;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    overflow: hidden;
}
.topformcontainer .topformwrap .formheading {
    background: #f59515;
    text-align: center;
    padding: 20px;
    background: linear-gradient( 
110deg
 , #e99019 0, #e62f4a 100%);
}
.topformcontainer .topformwrap .formheading h2 {
    font-size: 24px;
    padding-bottom: 0;
    color: #ffffff;
}
.topformcontainer .topformwrap .formbody {
    padding: 20px 25px 0px 25px;
}
.topformcontainer .topformwrap .formbody .fldset input {
    margin: 0 0 10px 0;
}

.ban-form input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    height: 50px;
    font-weight: 400;
    outline: none !important;
    margin: 0 0 15px 0;
}
.intl-tel-input {
    width: 100%;
}

.intl-tel-input {
    position: relative;
    display: inline-block;
}
.topformcontainer .topformwrap .formbody .fldset input {
    margin: 0 0 10px 0;
}
.topformcontainer .topformwrap .formbody .fldset textarea {
    margin: 10px 0 0;
    height: 100px;
}

.ban-form textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 400;
    height: 70px;
    outline: none !important;
    margin: 15px 0 0px 0;
}
.topformcontainer .topformswitch {
    position: relative;
    background: #ffffff;
    cursor: pointer;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    border: 2px solid #fdaf00;
    font-size: 0;
    top: 0;
}
.topformcontainer .topformswitch .switchicon {
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    background: #f59515;
    text-align: center;
    padding: 10px;
    background: linear-gradient( 
110deg
 , #e99019 0, #e62f4a 100%);
}
.topformcontainer .topformswitch .switchicon span {
    color: #fff;
    font-size: 30px;
}
.icon-angle-down:before {
    content: "\e955";
}
.topformcontainer .topformswitch h4 {
    padding-bottom: 0;
    color: #000;
    vertical-align: middle;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    line-height: 1;
    width: 306px;
    font-size: 20px;
}
.topformcontainer .topformswitch h4 span {
    color: #f59515;
    font-weight: 900;
}
.formheading h2 span {
    color: white;
    font-weight: 500;
}
form#bannerform button.btn.btn-primary.hk_wth_bg_yellow {
    width: 100%;
    height: 48px;
    border: none;
    margin-top: 3px;
    background: linear-gradient( 
110deg
 , #e99019 0, #e62f4a 100%);
}
.form_stick {
    position: absolute;
    width: 21%;
    right: 18%;
    top: 117px;
    z-index: 11;
}

section.banner.only_services .banner_left_inner h1{
  font-size: 52px;
}
.hk_flex .slick-track {
    display: flex;
    align-items: center;
}
.lp-illis .banner-txt-box ul li{
    font-size: 16px;
    position: relative;
    padding: 0 0 0 30px;
}
.lp-illis .banner-txt-box ul li:after{content: "\f00c";font-family: 'FontAwesome';position: absolute;left: 0;color: #56bf0c;}
.lp-illis .banner-txt-box .ofr-img{
    position: absolute;
    top: 147px;
    width: 50%;
    right: -5px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    animation: heartbeat 2s infinite;
}
.lp-illis .banner-txt-box{}
@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes heartbeat {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pop_main.lp-ai{
    margin-top: 9%;
}
.pop_main.lp-ai button.hk_close{    top: 105px;}



@media only screen and (max-width: 1440px) {
  
.subsection .navwrp .tabbing-links li { margin: 0 12px;}

}

@media only screen and (min-width: 520px) and (max-width: 767px) {
.upr-head .logowrp {
    width: 60%;
}
.upr-head .logowrp img {
    width: 75%;
}
.navwrp {
    display: none;
}
.btm-headr {
    display: none;
}
.mobile-nav-btn {
    top: 22px;
    right: 5%;
    z-index: 111;
}
.mobile-nav.active {
    z-index: 1111;
}



.mobile-nav-btn span:before, .mobile-nav-btn span:after {
    background-color: white;
}
.mobile-nav-btn span {
    background-color: white;
 }

 .stikcy_menu_color span {
    background-color: #4a007d;
}
.stikcy_menu_color span:before, .stikcy_menu_color span:after {
    background-color: #4a007d;
}

 .main-banner .txtwrp h1 {
    font-size: 30px;
}
.main-banner .txtwrp p {
    font-size: 15px;
    width: 85%;
}
.main-banner .txtwrp ul li {
    width: 100%;
    font-size: 14px;
 }
button.slick-prev.slick-arrow {
    display: none !important;
}
button.slick-next.slick-arrow {
    display: none !important;
}
.imgwrp.hk_set {
    position: relative;
    right: 0;
    top: 0;
}
.imgwrp.hk_set img {
    width: 80%;
    margin: auto;
}
.hero-image{
  border-radius:0;
  height: 100%;
}
.main-banner .formwrp form .lable {
    display: inline-block;
    width: 100%;
    margin: 3px 0px;
}
.hero-content {
    padding-top: 115px;
    padding-bottom: 90px;
}
.main-banner .formwrp form .lable input {
    width: 100%;
    height: 40px;
 }
 h2.main-heading {
    font-size: 26px;
 }
p.main-pera {
    font-size: 13px;
    line-height: 20px;
}
.offrwrp ul li {
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
}
.hex_main {
    text-align: center;
    margin: auto;
}
.ser-offerwrp:after{
  display: none;
}
.hexagons {
    text-align: center;
    margin: auto;
    margin-bottom: 110px;
}
.ser-offerwrp .txtwrp {
    margin: 0 auto 70px;
}

.btn-main {
    font-size: 11px;
}
a.btn-secnd {
    font-size: 12px;
    margin: 0;
    padding: 11px 10px;
}
.portfoliowrp .navwrp {
    display: block;
}
.portfoliowrp .navwrp .tabbing-links li {
   margin: 0;
    font-size: 15px;
    padding: 7px;
}
.portfoliowrp .imgport li {
    width: 100%;
 }
 .hk_new li {
    height: 270px;
 }
.pricingwrp .tabbing-links li {
    margin: 0;
    font-size: 14px;
    padding: 7px;
}
.pricingwrp ul.pkge-tab li {
    width: 80%;
    margin: 0;
    margin-bottom: 20px;
}

.pricingwrp ul.pkge-tab {
    padding: 35px 0 0;
}
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp h4 {
    font-size: 24px;
}
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp h2 {
    font-size: 30px;
}
.pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp .btn-main {
    color: white;
}
.awardswrp {
    padding: 38px 0;
}
.awardswrp .mainwrp ul li {
    margin-bottom: 25px;
    border-right: none;
}
.btm-form .txtwrp img {
    margin: 0;
}
.btm-form form .lable {
    height: 45px;
    margin: 0px 0px 12px; 
}

.btm-form form input.btn {
    margin: 20px 0 0;
    font-size: 16px;
    height: 45px; 
}
section.btm-form img {
    margin-bottom: 45px !important;
}
footer .logowrp a img {
    width: 60%;
}
footer {
    padding: 40px 0 14px;
}
footer .logowrp p {
    font-size: 13px;
    line-height: 22px;
}
footer .fotrnav h4 {
    font-size: 21px;
 }
footer .logowrp {
    margin-bottom: 30px;
}
footer .fotrnav ul li a {
    font-size: 13px;
}
footer .fotr-btm {
    margin: 0px 0 0;
}
.fotrnav img {
    width: 80%;
} 
section.pricingwrp {
    margin: 55px 0px 0px 0px !important;
    overflow: hidden !important;
    padding-bottom: 35px !important;
}
.mobile-nav nav {
    height: 100%;
    background: #184894;
}
.mobile-nav nav ul{
  list-style-type: none;
}
.mobile-nav nav li a {
    color: #ffffff;
    font-weight: 400;
    display: block;
    padding: 10px 24px;
    border-top: 1px solid #d6d8db;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service-bnner .imgwrp {
    position: relative;
    right: 0;
    top: 0;
    text-align: center;
    margin: auto;
}
.service-bnner .imgwrp img {
    width: 85%;
    margin: auto;
    text-align: center;
}
.service-bnner .clintslogo ul li img {
    margin: auto;
}
.service-bnner {
    padding-top: 26%;
    padding-bottom: 45px;
}
.main-banner .formwrp form .lable input.btn {
    border-radius: 0;
}
.secndwrp .imgwrp img {
    margin-top: 65px;
}
.testimonialwrp {
    margin-top: 30px;
}

.testimonialwrp .txtwrp h2 {
    padding-top: 15px;
}
.slick-initialized .banner-slide{
  height: auto;
}
footer .logowrp ul li a i {
    padding: 0;
   text-align: center;
    padding-top: 11px;
}
.partnerslider img{
  margin: auto;
}

.partnerslider img{
  margin: auto;
}
.company-about-list li{
 display: block;
    width: 100%;
    float: none;
}
ul.company-about-list {
    display: block;
}
.col-md-6.my-auto.pl-5.hk_left {
    padding: 20px 7px 35px 0px;
    margin: 0 !important;
    padding-left: 20px !important;
}
.clintslogo {
    width: 100%;
    text-align: center;
    margin: auto;
}

ul.clntlgs li {
    width: 25% !important;
}
.subsection .navwrp {
    display: block;
}
.subsection .navwrp .tabbing-links li {
    margin: 5px 20px;
    font-size: 14px;
 }
.subsection .secndwrp .txtwrp {
    margin-top: 20px;
}
.secndwrp .txtwrp {
    margin-top: 20px;
}

/********** Landing Page Media Quiery Start **********/
header.header-main.hk_prime_landing_header {
    position: static;
}
.hk_prime_landing_header .logowrp {
    width: 100%;
    text-align: center;
}
.hk_prime_landing_header .logowrp img {
    width: 45%;
    text-align: center;
    margin: auto;
}
.hk_left_land h6 {
    width: 235px;
    padding: 11px 12px;
    margin-top: 15px;
    font-size: 14px;
}
.hk_left_land h1 {
    font-size: 22px;
    line-height: 33px;
}
.fc-white li {
   font-size: 13px;
    line-height: 25px;
}
.hk_left_land h5 {
    font-size: 17px;
    line-height: 25px;
}
.hk_left_land h4 {
    font-size: 16px;
 }
 .hk_left_land img {
    width: 133px;
 }
 .hk_landing_btn a {
    padding: 12px 19px;
    font-size: 13px;
    margin-right: 6px;
 }
 .main_from_lps {
    width: 80%;
   margin-top: 60px;
   padding: 35px 25px 45px 25px;
}

.form_top h3 {
    font-size: 20px;
    margin-bottom: 6px;
 }
 .form_top h1 {
    font-size: 24px;
 }
 .main_from_lps .form_top h3 {
    color: white;
 }
    
form.hk_right_land_form input {
    height: 40px;
    margin-bottom: 10px;
}
select.packs {
    height: 40px;
    margin-bottom: 10px;
}
form.hk_right_land_form textarea {
    height: 90px;
    margin-bottom: 10px;
 }
button.btn.btn-primary.hk_submtt {
    height: 40px;
    font-size: 15px;
}
.hk_after_banner ul.slick-dots {
    display: none !important;
}
.counter-head-box h4 {
    font-size: 15px;
    line-height: 20px;
}
.counter-head-box h4 span {
    font-size: 14px;
}
.counters-boxes {
    display: inline-block;
    text-align: center;
}
.counter-box {
    display: inline-block;
    width: 45%;
    margin-top: 15px;

}
.counter-box h6 {
    font-size: 24px;
 }
 .counter-box p {
    font-size: 13px;
 }
.pkgwrp {
    margin-bottom: 0px;
}
.btm-form form .lable.msg i {
    margin: 60px 0 0px -2px;
}
h3.ta-center.fc-white.fw-light.pbpx-20 {
    font-size: 22px;
    line-height: 35px;
}
h3.fc-white.bg-dgrey.ta-center.lh-large {
    font-size: 20px;
    line-height: 30px;
    padding-top: 7px;
}
.select-pack h6 {
    font-size: 14px;
}
.package-new ul li {
    font-size: 12px;
 }
 .select-pack .hidden-md-down img {
    width: 55%;
}
 .select-pack .hidden-md-down{
  text-align: center;
  margin: auto;
 }
 .ult-cut-prc {
    font-size: 20px !important;
 }
.ult-cut-prc:before {
    left: 71px;
    top: 33%;
    width: 80px;
}
 .package-new .final h1 {
    font-size: 35px;
    margin-bottom: 25px;
}
a.btn-new-secondary.w-100.mtpx-20 {
    font-size: 13px;
    padding: 10px 20px;
 }
.cta-3-main-box {
    display: block;
    text-align: center;
}
.btn-need {
    font-size: 12px;
    padding: 10px;
    margin-right: 0px;
    width: 80%;
    text-align: center;
}
.select-pack {
    margin-bottom: 35px;
}
.btn-qoute {
    width: 80%;
    padding: 10px;
    font-size: 14px;
    margin-top: 10px;
}
section.cta-3-sec {
    height: 420px;
}
.cat-3-imgbox img {
    width: 55%;
}
.cat-3-imgbox {
    text-align: center;
    margin-top: 40px;
    width: 100%;
}
body.for_only_lp section.testimonialwrp {
    margin-top: 0;
}
.pricingwrp ul.pkge-tab li .pkgwrp .namwrp h4 {
    font-size: 20px;
}
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp h2 {
    font-size: 24px;
}
.pricingwrp ul.pkge-tab li .pkgwrp .namwrp h2 {
   font-size: 24px;
}
.testwraper .imgwrp img {
    width: 65%;
    margin: auto;
    margin-bottom: 20px;
}
footer.lp_bg .logowrp img {
    width: 45%;
}
.logowrp.two {
    float: none;
}
.logowrp.two p {
    font-size: 13px;
    padding: 0;
}
.logowrp.two a {
    color: #797979;
    font-size: 13px;
}
p.disclaimer {
    font-size: 12px;
    width: 90%;
    margin-left: 15px;
    margin-right: 15px;
}
hr.line_lp_footer {
    margin-top: 10px;
    margin-bottom: 30px;
}
section.subsection.hk_landings .navwrp{
  display: block;
}
section.hk_landings ul li {
    padding: 5px 24px;
    margin-right: 2px !important;
    font-size: 12px !important;
    margin-bottom: 7px !important;
}
section.hk_landings .secndwrp {
    padding-top: 110px;
}
section.subsection.hk_landings h2.main-heading {
    font-size: 24px;
    padding-bottom: 5px;
}
.hk_landings p.main-pera {
    font-size: 12px;
    padding-bottom: 0;
    line-height: 25px;
}
.hk_landings a {
    padding: 14px 10px;
    font-size: 10px;
    margin-right: 7px;
    display: inline-block;
}
.live-box h6 {
    font-size: 11px;
 }
 .btn-live p {
    font-size: 18px;
 }
 .live-box i {
    font-size: 11px;
}
section.hk_landings .imgwrp img {
    margin-top: 0;
}
.btn-main {
    padding: 12px 10px;
 }
 .testimonialwrp .txtdiv p {
    font-size: 13px;
    line-height: 24px;
}

/********** Landing Page Media Quiery End **********/




}






@media only screen and (min-width: 320px) and (max-width: 520px) {
    .main-banner .formwrp form .lable{width: 100%;}
    .main-banner .formwrp form #ordernow-form input#free_cons_phone1{width: 73% !important;    margin: 0 0px 0 5px !important;}
    .main-banner .formwrp form #countryCode{height: 40px !important;}
    .btm-form .txtwrp { text-align: center;}
    .select-pack.bg-secondary.ptpx-30.pbpx-70 {
    position: relative;
    padding: 0 6px;
}
    .portfoliowrp .tabs.current {
    display: block;
    width: 100%;
}
    .main-banner .txtwrp h1 {padding: 20px 0px;}
    .pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail {
    padding: 20px 10px 0;
}
/*    header .logo-blk {*/
/*    display: block;*/
/*}*/

/*.logo-clr { display: none;}*/
    
     .brief_form ul {
    display: block;}
    .brief_form ul li {
    display: inline-block;
    width: 49%;}
    
    .brief_form ul li.done {width: 49%;}
    .brief_form .files {
    margin: 0px 15px 10px;}
    .brief_form .briefleft {display:none;}
    
    
.upr-head .logowrp {
    width: 60%;
}
.upr-head .logowrp img {
        width: 180px;
    padding-top: 0;
}
.slide-form .trust {
    margin-bottom: 0;
}

.navwrp {
    display: none;
}
.btm-headr {
    display: none;
}
.mobile-nav-btn {
    top: 26px;
    right: 4%;
    z-index: 111;
}
.mobile-nav.active {
    z-index: 1111;
}

.mobile-nav-btn span:before, .mobile-nav-btn span:after {
    background-color: white;
}
.mobile-nav-btn span {
    background-color: white;
 }

 .stikcy_menu_color span {
    background-color: #4a007d;
}
.stikcy_menu_color span:before, .stikcy_menu_color span:after {
    background-color: #4a007d;
}

 .main-banner .txtwrp h1 {
    font-size: 34px;
}
.main-banner .txtwrp p {
    font-size: 16px;
    width: 100%;
    line-height: 30px;
}
.main-banner .txtwrp ul li {
    width: 100%;
    font-size: 18px;
    display: inline-block;
 }
button.slick-prev.slick-arrow {
    display: none !important;
}
button.slick-next.slick-arrow {
    display: none !important;
}
.imgwrp.hk_set {
    position: relative;
    right: 0;
    top: 0;
    display: none;
}
.imgwrp.hk_set img {
    width: 80%;
    margin: auto;
}
.hero-image{
  border-radius:0;
  height: 100%;
}
.main-banner .formwrp form .lable {
    display: inline-block;
    width: 100%;
    margin: 3px 0px;
}
.hero-content {
    padding-top: 0;
     margin-top: 0;
}
.main-banner .txtwrp {
          padding: 30px 0 0px;

}
.main-banner .formwrp form .lable input {
    width: 100%;
    height: 35px;
}
.main-banner .formwrp form .lable input::placeholder {
    font-size: 11px;
}
.txtdiv h4 {
    font-size: 18px;
 }
h2.main-heading {
    font-size: 28px;
    line-height: initial;
}
p.main-pera {
    font-size: 16px;
    line-height: inherit;
}
.offrwrp ul li {
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
        width: auto;
            margin: 47px 0 0;
}
.hex_main {
    text-align: center;
    margin: auto;
}
.ser-offerwrp:after{
  display: none;
}
.hexagons {
    text-align: center;
    margin: auto;
    margin-bottom: 110px;
}
.ser-offerwrp .txtwrp {
    margin: 0 auto 0px;
    width: 100%;
}

.btn-main {
  font-size: 18px;
  margin-bottom: 12px;
}
a.btn-secnd {
    font-size: 12px;
    margin: 0;
    padding: 12px 15px;
    display: block;
    text-align: center;
}
.portfoliowrp .navwrp {
    display: block;
}
.portfoliowrp .navwrp .tabbing-links li {
   margin: 0;
    font-size: 16px;
    padding: 7px;
}
.portfoliowrp .imgport li {
    width: 48%;
    margin: 3px 1px;
}
.portfoliowrp {
    padding: 0 0 0px;
}
 .hk_new li {
    height: 270px;
 }
.pricingwrp .tabbing-links li {
    margin: 0;
    font-size: 16px;
    padding: 7px;
}
.pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail p {
    font-size: 12px;
 }
.pricingwrp ul.pkge-tab li {
    width: 100% !important;
    margin: 0;
    margin-bottom: 20px;
    font-size: 14px !important;
}

.pricingwrp ul.pkge-tab {
    padding: 35px 0 0;
}
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp h4 {
    font-size: 24px;
}
.pricingwrp .btnwrp {
    margin: 0px 0 0;
}
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp h2 {
    font-size: 30px;
}
.btm-form form button.btn {
    font-size: 18px;
 }
.btm-form form .lable.msg i {
    margin: 60px 0 0px -7px;
}
.pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp .btn-main {
    color: white;
}
.awardswrp {
    padding: 38px 0;
}
.awardswrp .mainwrp ul li {
    margin-bottom: 25px;
    border-right: none;
}
.btm-form .txtwrp img {
    margin: 0;
}
.btm-form form .lable {
    height: 45px;
    margin: 0px 0px 12px; 
}

.btm-form form input.btn {
    margin: 20px 0 0;
    font-size: 16px;
    height: 45px; 
}
section.btm-form img {
    margin-bottom: 45px !important;
}
footer .logowrp a img {
    width: 60%;
}
footer {
    padding: 40px 0 14px;
}
footer .logowrp p {
    font-size: 16px;
    line-height: 22px;
    padding: 20px 0 0;
}
footer .fotrnav h4 {
     font-size: 24px;
    padding: 0 0 10px;
 }
 footer .fotrnav ul li {
    display: block;
    padding: 0 0 3px;
}
footer .logowrp {
    margin-bottom: 30px;
}
footer .fotrnav ul li a {
    font-size: 16px;
}
footer .fotr-btm {
    margin: 20px 0 0;
}
footer .fotr-btm p {
    font-size: 11px;
 }
.fotrnav img {
    width: 80%;
} 
section.pricingwrp {
    margin: 55px 0px 0px 0px !important;
    overflow: hidden !important;
    padding-bottom: 35px !important;
}
.mobile-nav nav {
    height: 100%;
    background: #184894;
}
.mobile-nav nav ul{
  list-style-type: none;
}
.mobile-nav nav li a {
    color: #ffffff;
    font-weight: 400;
    display: block;
    padding: 10px 24px;
    border-top: 1px solid #d6d8db;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
        background: #2e5390;
}
.service-bnner .imgwrp {
    position: relative;
    right: -40px;
    top: 12px;
    text-align: center;
    margin: auto;
}
.service-bnner .imgwrp img {
    width: 85%;
    margin: auto;
    text-align: center;
        display: none;
}
.service-bnner .clintslogo ul li img {
    margin: auto;
}
.service-bnner {
    padding-top: 26%;
    padding-bottom: 45px;
}
.main-banner .formwrp form .lable input.btn {
    border-radius: 0;
}
.secndwrp .imgwrp img {
    margin-top: 65px;
}
.testimonialwrp {
    margin-top: 30px;
}

.testimonialwrp .txtwrp h2 {
    padding-top: 15px;    font-size: 40px;
}
footer .logowrp ul li a i {
    padding: 0;
   text-align: center;
    padding-top: 11px;
}
.partnerslider img{
  margin: auto;
}
.partnerslider img{
  margin: auto;
}
.company-about-list li{
 display: block !important;
    width: 100%;
    float: none;
}
ul.company-about-list {
    display: block;
}
.col-md-6.my-auto.pl-5.hk_left {
    padding: 20px 7px 0px 0px;
    margin: 0 !important;
    padding-left: 20px !important;
}
.clintslogo {
    width: 100%;
    text-align: center;
    margin: auto;
    position: relative;
    bottom: 0;
}
.trust ul.clntlgs li img {
    width: 120px;
}

.main-banner .trust ul.clntlgs li {
   width: 26%;
    font-size: 14px;
    float: none;
    margin: 0 10px 20px;
}
section.ser-offerwrp {
    margin-top: 30px;
} 
.hero-image:before {
    border-radius: 0;
 }

.order-form .close-icon {
    left: 10px;
    top: 12px;
}
.order-form .free-consult {
    background-position: bottom;
}
.clintslogo.about_for {
    margin: 0;
}
.ctawrp {
    margin-top: 40px;
}

.company-about-list li p {
    font-size: 16px;
    padding-bottom: 10px;
}
.company-about-list li h4 {
    font-size: 30px;
 }
.secndwrp .txtwrp {
    margin-top: 30px;
}
section.secndwrp.inner-scnd-fold {
    padding: 15px 0;
}
section.subsection .navwrp {
    display: block;
}
.subsection .navwrp .tabbing-links li {
    margin: 0 0 5px 9px;
    font-size: 11px;
 }
.port-bnnerwrp {
    padding: 100px 0 45px 0 !important;
}


/********** Landing Page Media Quiery Start **********/
header.header-main.hk_prime_landing_header {
    position: static;
}
.hk_prime_landing_header .logowrp {
    width: 100%;
    text-align: center;
}
.hk_prime_landing_header .logowrp img {
    width: 230px;
    text-align: center;
    margin: auto;
}
.hk_left_land h6 {
    width: 100%;
    padding: 11px 12px;
    margin-top: 15px;
    font-size: 18px;
    text-align: center;
    display: block;
}
.hk_left_land h1 {
    font-size: 40px;
    line-height: 50px;
    text-align: center;
}
.fc-white li {
   font-size: 18px;
   line-height: inherit;
   text-align: center;
}
.hk_left_land h5 {
    font-size: 20px;
    line-height: inherit;
    text-align: center;
}
.hk_left_land h4 {
    font-size: 20px;
    text-align: center;
 }
 .hk_left_land img {
width: 133px;
    margin: 20px auto 0;
    display: block;
 }
 .hk_landing_btn a {
    padding: 12px 15px;
    font-size: 18px;
    margin-right: 6px;
    display: block;
    text-align: center;
    margin-bottom: 15px;
 }
 .main_from_lps {
    width: 100%;
    margin-top: 20px;
    padding: 15px 15px 15px 15px;
}

.form_top h3 {
    font-size: 24px;
    margin-bottom: 6px;
    color: #fff;
 }
 .form_top h1 {
    font-size: 30px;
 }
form.hk_right_land_form input {
    height: 40px;
    margin-bottom: 10px;
}
select.packs {
    height: 40px;
    margin-bottom: 10px;
}
form.hk_right_land_form textarea {
    height: 90px;
    margin-bottom: 10px;
 }
button.btn.btn-primary.hk_submtt {
    height: auto;
    font-size: 18px;
    padding: 12px 15px;
}
.hk_after_banner ul.slick-dots {
    display: none !important;
}
.counter-head-box h4 {
    font-size: 24px;
    line-height: initial;
}
.counter-head-box h4 span {
    font-size: 22px;
    display: block;
}
.counters-boxes {
    display: inline-block;
    text-align: center;
}
.counter-box {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin: 20px 0;
}
.counter-box h6 {
    font-size: 30px;
 }
 .counter-box p {
    font-size: 17px;
 }
.pkgwrp {
    margin-bottom:0px;
}
h3.ta-center.fc-white.fw-light.pbpx-20 {
      font-size: 28px;
    line-height: inherit;
}
h3.fc-white.bg-dgrey.ta-center.lh-large {
    font-size: 20px;
    line-height: 30px;
    padding-top: 7px;
}
.select-pack h6 {
      font-size: 18px;
    text-align: center;
}
.package-new ul li {
    font-size: 14px;    color: #efefef;
 }
 .select-pack .hidden-md-down img {
       width: 120px;
}
 .select-pack .hidden-md-down{
  text-align: center;
  margin: auto;
 }
 .ult-cut-prc {
    font-size: 20px !important;
 }
.ult-cut-prc:before {
    left: 71px;
    top: 33%;
    width: 80px;
}
 .package-new .final h1 {
      font-size: 40px;
    margin-bottom: 25px;
    font-weight: bold;
}
a.btn-new-secondary.w-100.mtpx-20 {
    font-size: 13px;
    padding: 10px 20px;
 }
 .cta-3-main-box {
    display: block;
}
.btn-need {
    font-size: 10px;
    padding: 10px;
    margin-right: 0px;
    width: 100%;
    text-align: center;
}
.select-pack {
    margin-bottom: 35px;
}
.btn-qoute {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    margin-top: 10px;
}
section.cta-3-sec {
    height: 420px;
        display: none;
}
.package-new ul li::before {
    left: 10px;
}
.cat-3-imgbox img {
    width: 85%;
}
.cat-3-imgbox {
    text-align: center;
    margin-top: 40px;
}
body.for_only_lp section.testimonialwrp {
    margin-top: 0;     padding: 30px 0 50px;
}
.pricingwrp ul.pkge-tab li .pkgwrp .namwrp h4 {
    font-size: 24px;
}
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp h2 {
    font-size: 24px;
}
.pricingwrp ul.pkge-tab li .pkgwrp .namwrp h2 {
   font-size: 24px;
}
.testwraper .imgwrp img {
    width: 65%;
    margin: auto;
    margin-bottom: 20px;
}
footer.lp_bg .logowrp img {
    width: 210px;
}
.testimonialwrp .imgwrp {
    display: none;
}
.logowrp.two {
    float: none;
}
.logowrp.two p {
    font-size: 13px;
    padding: 0;
}
.logowrp.two a {
    color: #797979;
    font-size: 13px;
}
p.disclaimer {
    font-size: 12px;
    width: 90%;
    margin-left: 15px;
    margin-right: 15px;
}
hr.line_lp_footer {
    margin-top: 10px;
    margin-bottom: 30px;
}
section.subsection.hk_landings .navwrp{
  display: block;
}
section.hk_landings ul li {
    padding: 12px 15px;
    margin-right: 2px !important;
    font-size: 18px !important;
    margin-bottom: 7px !important;
}
section.hk_landings .secndwrp {
    padding-top: 0;
}
section.subsection.hk_landings h2.main-heading {
    font-size: 30px;
    padding-bottom: 5px;
}
.hk_landings p.main-pera {
    font-size: 16px;
    padding-bottom: 0;
    line-height: 25px;
}
.hk_landings .secndwrp .btnwrp {
    display: block;
}
.hk_landings a {
    padding: 12px 15px;
    font-size: 18px;
    margin-right: 7px;
    display: block;
    width: 100%;
    text-align: center;
}
.portsection .txtwrp {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.live-box h6 {
    font-size: 24px;
 }
 .btn-live p {
    font-size: 28px;
 }
 .live-box i {
    font-size: 24px;display:none;
}
section.secndwrp h2, section.secndwrp p {
    text-align: center;
}
.btm-form form .lable span {
    display: none;
}
section.hk_landings .imgwrp img {
    margin-top: 0;
}
.btn-main {
    padding: 12px 15px;
    display: block;
    text-align: center;
 }
 .testimonialwrp .txtdiv p {
    font-size: 16px;
    line-height: 24px;
}
.btm-form {
    padding: 0px 0 50px;
}
/********** Landing Page Media Quiery End **********/


.slide-form .formwrp {
    display: none;
}

.trust ul.clntlgs {
    display: block;
    align-items: center;
}


.floatbutton {
    display: none;
}

.awardswrp .mainwrp ul li {
    padding: 0 0px;
}

footer .line-wrp .txtdiv li a {
    font-size: 11px;
    text-align: left;
}

footer .line-wrp .txtdiv {
    margin: 0px 0 0 !important;
    text-align: left !important;
}
ul.txtdiv li {
    margin-left: 0 !important;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 {
           width: 100%;
}
.header-main.showmenu {
    height: 64px;
}
form#ordernow-form .flag-container {
    height: 43px;
    margin-top: 7px;
}
.btm-form #ordernow-form input#free_cons_phone1 {
    padding-top: 0;
}
.mobile-nav-btn.stikcy_menu_color {
    top: 20px;
}
.selected-flag {
    margin-top: -7px;
}
#ordernow-form input#free_cons_phone1 {
    padding-left: 80px;
    padding-top: 0;
}

.subscribe-fold {
    padding: 240px 0 70px;
    background: #e89af7;
}
.subscribe-fold .subs-pac {
    height: auto;
    background: white;
}
.subscribe-fold h2.myheading {
    font-size: 21px;
}
.subscribe-fold .mytext {
    font-size: 14px;
    color: #000;
    width: 100%;
}
.subscribe-fold h3 {
    font-size: 20px;
}
.subs-pac h6 {
    font-size: 30px;
}
.sub-list {
    background: white;
    padding: 15px;
}
.subscribe-fold .table-packages .body ul li:after{
    display:none;
}


form#ordernow-form input {
      
}
.btm-form form .lable textarea {
    padding: 20px 0 1px 10px;
}
form#ordernow-form input::placeholder {
    font-size: 13px;
}
.slick-initialized .banner-slide {
    height: auto;

}
.live-box {
    display: block;
    align-items: center;
}
}


/*lp-bark css end*/

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .bark-banner .txtwrp {padding: 0;}
    .bark-banner {padding-top: 5%;}
    .bark-banner .txtwrp ul li{width: 49%;text-align: left;}
    .bark-banner .trust ul.clntlgs li{width: 24%;}
    .bark-banner .trust ul.clntlgs li img{width: 95px;}
    .bark-banner .trust ul.clntlgs, .bark-banner .txtwrp h1, .bark-banner .txtwrp p{text-align:left;}
    .bark-banner form#ordernow-form input, .bark-banner .formwrp form .lable{height:50px;}
    .social-counts, .conbowrp .mainpkge .imgwrp img{display:none;}
    .conbowrp .pkgehead {width: 100%;background: #9438ba;border-radius: 0px 10px;margin-bottom: -30px;}
    .conbowrp .pkgehead h2 {font-size: 23px;}
    .conbowrp .pkgehead p {font-size: 14px;}
    .conbowrp .navwrp {display: block;}
    .conbowrp .mainpkge .btnwrp .btn-main, .conbowrp .mainpkge .btnwrp .btn-secnd{width: 100%;padding: 8px 40px;font-size: 16px;}
    .flexiblefeatures-sec figure img {padding-top: 20px;}
    .appr-warp .box-wrap{padding: 20px 20px;}
    .appr-warp{width:100%;}
    .cta-sndwrp .btnwrp .btn-secnd{margin-bottom: 10px;}
    .topformcontainer{display:none;}
    section.pop-up{display: none;}
    .lp-illis .banner-txt-box ul li{       display: block;
    text-align: left;}
    .hk_left_land img{    width: 100px;display: inline-block;}
    .lp-illis .banner-txt-box .ofr-img{    width: 40%;}
    .package-new ul li{    text-align: left;
    padding-left: 30px;}
}


/*lp-bark css end*/


.for_only_lp .floatbutton .clickbutton .crossplus {
    left: -99px;
}


section.continue {
    background-image: url(../images/white-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
    text-align: center;
}

.cont_inner h3 {font-size: 16px; font-weight: 800; color: #e84e30; margin-bottom: 15px; }

.cont_inner {text-align: right; margin-bottom: 45px; }

.cont_inner ul {list-style-type: none; }

.cont_inner ul li {font-size: 15px; font-weight: 600; margin-bottom: 6px; }

.cont_inner.rights {text-align: left; margin-left: 0px; }

.cont_inner.rights ul {padding: 0; }
.cont_inner img {width: 100%; }
.chats {width: 100%; margin-top: 27px; }
.chats h3 {font-weight: 500; font-size: 20px; }
.chats h3 a{color: #e63945;}
.hk_mediaa a {padding: 10px 30px; font-size: 18px; }
.continue .hk_mediaa{}
.continue .hk_mediaa a{color: #fff; font-weight: 700; display: inline-block; /* text-transform: uppercase; */ margin: 10px 0 0 0; border-radius: 5px; padding: 10px 20px; font-size: 15px; transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; background: linear-gradient(110deg , #e99019 0, #e62f4a 100%); transition: 0.4s; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#14aae7', endColorstr='#3945d7', GradientType=0); margin-right: 10px; border: none; }
.continue .hk_mediaa a:after{display: none;}    
.ctawrp .btnwrp .btn-main{border: 1px solid;background: #000;border: none;}


.animate-pg .service-bnner .imgwrp{top: -90px; width: 100%; left: 90px; }


.anima-pg .service-bnner .imgwrp{    position: relative;}
.anima-pg .service-bnner .imgwrp img{    width: 160%; position: absolute; top: 100px; right: 470px; z-index: 0; }

.anima-pg .main-banner .txtwrp{position: relative;z-index: 11;}
.anima-pg .service-bnner:after{display: none;}



/*imran custom*/

.form-box-main form label.field-txt {font-weight: 500;font-size: 18px;color: #5B6B7F;margin: 0 0 5px;width: 100%;display: block;padding: 10px 0px 0;}
.form-box-main form label.field-txt span {color: #e60303;}
.form-box-main form input[type="text"],
.form-box-main form input[type="email"],
.form-box-main form input[type="number"],
.form-box-main form input[type="tel"],
.form-box-main form textarea {width: 100%;margin: 0 0 0 0;border: 1px solid #B2B9C1;background: white;padding: 18px 15px;color: #000;font-size: 18px;font-weight: 400;height: 55px;border-radius: 8px;}
.form-box-main form select {width: 100%;margin: 0 0 0 0;border: 1px solid #B2B9C1;background: white;padding: 12px 15px;color: #5B6B7F;font-size: 18px;font-weight: 400;border-radius: 8px;-webkit-appearance: auto;}
.form-box-main form select:focus{border-radius: 8px 8px 0px 0px;}
.form-box-main form select[name="ddlMonth"], .form-box-main form select[name="ddlDay"], 
.form-box-main form select[name="ddlYear"] { float: left; width: 32.5%; margin: 0 1% 0 0; }
.form-box-main form select[name="ddlYear"] { margin: 0; }
.form-box-main form textarea { width: 100%; margin: 0; padding: 8px 12px; height: 100px; }
.check-list {/* float:left; *//* margin:0 15px 0 0; */}
.form-box-main form input[type=checkbox]:not(old),
.form-box-main form input[type=radio   ]:not(old){width: 20px;margin:0;padding:0;cursor:pointer;position: relative;}
.form-box-main form input[type=checkbox]:not(old) + label, input[type=radio   ]:not(old) + label{display: inline-block; margin-left:-28px; padding-left: 28px; line-height  : 24px; font-weight: 500; font-size: 14px; color: #5B6B7F; }
.form-box-main form input[type=checkbox]:not(old):checked + label{ background-position : 0 -24px; }
.form-box-main form input[type=radio]:not(old):checked + label{ background-position : 0 -48px; }

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


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

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


.form-box-main form label.error, label.error {color: red; font-style: italic; margin-bottom:0px; display: none !important; }
div.error { display: none; }
input.checkbox { border: none }
input.error {border: 1px solid red !important;}
form.cmxform .gray * { color: gray; }
.mybannerform form {margin-bottom: 0; }
.orderpg header{display:none;}
.orederpg #main-content{    overflow-x: inherit;}
.orderpg footer{display:none;}
.intl-tel-input.separate-dial-code .selected-dial-code{padding-left: 10px;color:#000;}
.subscribe-fold {padding: 120px 60px 60px 60px; }

.blk-pg .thnkyoywrp{text-align: center; display: block; padding: 270px 0 140px; }
.thnkyoywrp a{background: linear-gradient(to right, #e99019 0%, #e6304a 100%); color: #fff; padding: 20px 20px; border-radius: 3px; transition: all 0.3s ease; display: inline-block; }
.blk-pg .upr-head{background: #00000029;}
.get-a-pg{    padding: 180px 0 50px;}
.quote-btn button{padding: 10px 30px 10px;font-size: 15px;font-weight: 600;}
.quote-btn button:after{display:none;}
.quote-btn button:hover{background:#e98c1b;}
.home-banner-content.pd-50 {    padding: 100px 0 0;}
.header-main .head-btn{    margin: 0;}
.payment-card img{width:100%;}
.abt .secndwrp .imgwrp img{width: 90%;}



/*=========================================popup======================================================*/
.mypopup-wrap.active{position: fixed;top: 110px;-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: 10%;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 0;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;text-align: left !important;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span{font-size: 38px;display: block;font-weight: 900;color: #ff5905;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; }
.overlay {background: #0000006b; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; position: fixed; }

/*=========================================egg-popup======================================================*/

/*.eggoffer.show{position: fixed;bottom: 8px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
*/.eggoffer{-moz-transition: 0.4s;}
.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;background-image: linear-gradient(to right, #e99019 0%, #e6304a 100%);}
.form_wrap .analyzeform form .wrap{padding-left:0px;width: 100%;}
.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; }
.mypopup-wrap{display:none;}
.mypopup-wrap.active{display:block;}
.eggoffer {position: fixed; z-index: 9999999; bottom: 0; }


#countryCode{width: 25%; margin: 0 !important; height: 100% !important; height: 46px !important; position: relative; float: left; padding: 0 3px; -webkit-appearance: menulist !important; }
input#free_cons_phone1 {padding: 0 !important;     width: 75%; margin: 0 !important; float: left; }
.main-banner .formwrp form .lable {width: 18%; }

.btm-form form .lable #countryCode{    width: 15%;}

.form-box-main #countryCode{width: 19%;height: 55px !important;    margin: 0 10px 0 0px !important;}
.form-box-main #free_cons_phone1{padding: 10px !important;}

form.flofing-form #countryCode{    font-size: 13px;border: 1px solid #e5e5e5;
    background: white;    height: 50px !important;}
/*=========================================egg-popup======================================================*/

.g-recaptcha{overflow: hidden; padding: 10px 0 0px;}
.quote-btn button{    margin: 20px 0 0;}


header .flgwrp{display:inline;margin:0}
header .navwrp .flgwrp ul{display:block;margin:6px 0 0;transition:all .2s ease-in 0s}
header .flgwrp i{color:#fff;}
header .flgwrp:hover ul li img{opacity:1}
header .flgwrp ul li{margin:0;position:relative;left:3px;top:3px}
header .flgwrp ul li img{opacity:0;transition:all .2s ease-in 0s}
.header-main.showmenu .flgwrp i{color:#000;}


.eggoffer {width: 150px; cursor: pointer; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .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; animation: scrollDownAnimation .5s ease infinite alternate; -webkit-animation: scrollDownAnimation .5s ease infinite alternate; width: 150px; }
.get-a-pg .form-box-main form input#free_cons_phone1{    width: 78%;}

.hk_hide{        display: none;}
.hk_hide_2{display: none;}


a.hk_load {    background: unset;
    color: #000;
    font-size: 18px;
    margin: auto;
    display: inline-block;
    padding: 10px 0 0;
    text-decoration: underline;
    font-weight: 500;}
a.hk_load:hover {  background: unset;    color: #000;  }



/*POPUP FORM*/
.popup-sec-overlay {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	background-color: rgba(0, 0, 0, 0.500);
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
}
.popup-sec {
    max-width: 970px;
    margin: auto auto;
    border-radius: 20px;
    position: absolute;
    top: -80%;
    left: 50%;
    transform: translate(-50% , -0%);
    width: 100%;
	transition: all 0.5s;

}
.popup-sec-overlay.active {
    width: 100%;
    z-index: 999999;
	opacity: 1;
	visibility: visible;
}
.popup-sec-overlay.active .popup-sec {
	top: 50%;
	transform: translate(-50% , -50%);
}
.popup-sec-overlay.hide {
	opacity: 0;
	visibility: hidden;
}
.popup-form-sec {
	padding: 60px 49px;
	background-color: #F5F5F5;
	position: relative;
	border-radius: 0 10px 10px 0;
}
.popup-form-img img {
    width: auto;
    height: 572px;
    margin-left: auto;
}
.popup-form-img img {
    border-radius: 13px 0 0 13px;
}
.cross-mark {
	position: absolute;
	top: 20px;
	right: 20px;
}
.cross-mark a i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #707070;
	border-radius: 5px;
	color: #707070;
	text-align: center;
}
.popup-form-sec-title h2 {
	font-size: 34px;
	color: #e98d1b;
	margin-bottom: 10px;
	padding: 0;
}
.popup-form-sec-title p {
	font-size: 18px;
	color: #3B3B3B;
	margin-bottom: 10px;
}
.popup-form input {
	padding: 10px 25px;
	background-color: #FFFFFF;
	color: #757575;
	border: 1px solid #D4D4D4;
	border-radius: 10px;
	width: 100%;
	margin-bottom: 10px;
}
.popup-form input::placeholder {
	color: #757575;
}
.popup-form textarea {
	padding: 10px 25px;
	background-color: #FFFFFF;
	color: #757575;
	border: 1px solid #D4D4D4;
	border-radius: 10px;
	width: 100%;
	margin-bottom: 10px;
}
.popup-form textarea::placeholder {
	color: #757575;
}
.popup-form-btn {
	background-image: linear-gradient(#e98d1b , #e98d1b) !important;
	color: #fff !important;
	margin-bottom: 0px !important;
	font-weight: 700;
}
.popup-form-img {
    text-align: right;
}
.show-mob {
	display: none;
}

/* POPUP FORM */
  
  
  .popup-img {
    position: fixed;
    bottom: 1%;
    left: 1%;
    z-index: 999;
}

.popup-img img {
    animation-name: bounce-5;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    width: auto;
    height: 230px;
}

body {
    position: relative;
}

@keyframes bounce-5 {
    0%   { transform: scale(1,1)    translateY(0); }
    10%  { transform: scale(1.1,.9) translateY(0); }
    30%  { transform: scale(.9,1.1) translateY(-50px); }
    50%  { transform: scale(1,1)    translateY(0); }
    57%  { transform: scale(1,1)    translateY(-7px); }
    64%  { transform: scale(1,1)    translateY(0); }
    100% { transform: scale(1,1)    translateY(0); }
}
/*@media (max-width: 1024px) {*/
/*    .popup-form-img img {*/
/*        height: 642px;*/
/*    }*/
/*}*/
@media (max-width: 1023px) {
    .popup-form-sec {
        padding: 40px 30px;
    }
    .cross-mark {
        top: 10px;
        right: 10px;
    }
    .popup-form-sec-title h2 {
        font-size: 30px;
    }
    .popup-form-img img {
        width: auto;
        height: 553px;
        margin-top: -2px;
    }

}
@media ( max-width: 767px) {
    
    
    

    
    .mypopup-wrap .mypopup {
   
    width: 90% !important;
}
    
    
    
    
    
    
    .popup-form-img img {
        display: none;
    }
    .pl-0 {
        padding-left: 15px !important;
    }
    .popup-form-sec-title h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .popup-form-sec-title p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .popup-form input {
        padding: 5px 10px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .popup-form textarea {
        padding: 5px 10px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .popup-form-sec {
        padding: 30px 20px;
        border-radius: 10px;
    }
    .popup-img img {
        height: 180px;
    }
    
}


@media (max-height: 600px) {
    .popup-form-img img {
        height: 512px;
    }
   .popup-form-sec {
        padding: 30px 49px;
     }
}

























.mypopup-wrap.active {position: fixed; top: 0; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; background: #000000ad; width: 100%; height: 100%; border-radius:  0; }
.mypopup-wrap {-webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; width: 800px; height: 600px; border-radius: 10px; position: absolute; left: 0; right: 0; top: -20000px; bottom: 0; margin: auto; z-index: 99999; background-repeat: no-repeat; background-size: cover; }
.mypopup-wrap .mypopup {border-radius: 10px;font-size: 0;background-image: url(../images/popup-bg.png)!important;background-repeat: no-repeat!important;background-size: cover!important;height: auto;border: 1px solid #c7a339;width: 30%;margin: 70px auto 0;position: relative;background-repeat: n;}
.mypopup-wrap .mypopup {border-radius: 10px; font-size: 0; background: #fff; position:  relative; }
.mypopup-wrap .mypopup .left {width: 50%;vertical-align: top;display: inline-block;overflow: hidden;vertical-align: middle;display: none;}
.mypopup-wrap .mypopup .right {width: 100%;padding: 30px 20px 20px;vertical-align: top;display: inline-block;vertical-align: middle;background: #0e163ff5;border-radius: 10px;}
.mypopup-wrap .mypopup .right .closebutton {position: absolute;width: 20px;height: 20px;cursor: pointer;transform: rotate( 45deg);right: 20px;top: 20px;color: #dfbb51 !important;/* background: #000; */}
.mypopup-wrap .mypopup .right .closebutton:before {content: "";position: absolute;height: 20px;width: 2px;top: 0;background: #ceaa40;left: 0;right: 0;margin: 0 auto;display: block;}
.mypopup-wrap .mypopup .right .closebutton:after {content: "";position: absolute;height: 2px;width: 20px;top: 0;left: 0;background: #ceaa40;display: block;bottom: 0;margin: auto;font-weight: 900;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap {padding-top: 0; padding-left: 30px; padding-right: 30px; }
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 {font-size: 22px;line-height: 1;color: #fff;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h4{    font-size: 22px;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 {font-size: 21px;line-height: 30px!important;padding: 0 0 5px;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span {font-size: 26px;display: block;font-weight: 900;color: #f1ce65;margin: 0 0 2px;text-transform: uppercase;}
.mypopup-innerwrap .form_wrap {padding: 10px 15px; }
.form_wrap .analyzeform {    margin: 0;}
.form_wrap .analyzeform form .wrap {padding-left: 0; }
.form_wrap .analyzeform form .dtf {width: 100%} 
.analyzeform form input[type=email], .analyzeform form input[type=number], .analyzeform form input[type=tel], .analyzeform form input[type=text], .analyzeform form textarea {width: 100%;margin: 0;border: 1px solid #e5e5e5;background: #fff;padding: 13px 15px;color: gray;font-size: 13px;height: 50px;font-weight: 400;outline: 0!important;margin-bottom: 0;border-radius: 4px;}
.analyzeform #countryCode {font-size: 14px;height: 50px;border-radius: 4px;width: 24%;border: 1px solid #e5e5e5;padding: 0 7px;}
.mypopup-wrap .mypopup .imgwpr img {width:  60%; bottom: 0px; left:  -85px; position:  absolute; }
.analyzeform form .dtf {float: left; width: 25%; margin-bottom: 10px; }
.analyzeform form input[type=submit] {border: none;-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;color: #fff;font-weight: 700;cursor: pointer;font-size: 12px;text-transform: uppercase;padding: 18px 60px 19px;margin-left: -10px;text-align: left;letter-spacing: 1px;border-radius: 5px;font-family: var(--primary-font-family);background: linear-gradient( 43deg, #C29E33 0%, #FFDC73 99%);width: 100%;text-align: center;margin: 0;}
.analyzeform input#free_cons_phone1{margin: 0 0 0 7px;width: 73%;}