/* Default variables start
------------------------------------*/
:root {
/*** theme colors ***/
    --primary-color: #ff3f00;
    --primary-color-dark: #e24912;    
    --secondary-color: #7c28a3;
    --secondary-color-dark: #682e86;
    --default-color: #333333;
    --theme-dark: #333333;
    --theme-lite: #666666;
    --theme-white: #ffffff;
    --theme-black: #000000;
    --theme-red: #ff0000;     
    --theme-yellow: #ffe400;   
    --theme-yellow-dark: #fab702;
    --theme-green: #4cbe35;   
    --bg-lite: #f5f5f5;
    --bg-lite2: #f2f2f2;
    --bg-dark: #ededed;
    --form-field-color: #7b7b7b;

/*** font family ***/
  --primary-font-family   :'Merriweather Sans', sans-serif;
  --secondary-font-family :'Roboto', sans-serif;
  --heading-font-family   : 'Merriweather Sans', sans-serif;
    
/*** font sizing ***/    
--base-font-size          : 16px;
--font-size-h1-home       : 50px;
--font-size-h1-home-vmin  : 8.5vmin;
--font-size-h1-inner      : 45px;
--font-size-h1-inner-vmin : 8vmin;

--font-size-h2          : 42px;
--font-size-h2-vmin     : 7vmin;

--font-size-h2-medium   : 38px;
--font-size-h2-small    : 35px;
--font-size-h2-xsmall   : 33px;

--font-size-h3 : 28px;
--font-size-h4 : 26px;
--font-size-h5 : 24px;
--font-size-h6 : 22px;
}
/*** Default variables end ***/

/*** mobile nav start ***/
.app-container { position: relative; left: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.app-container.active { left: -80%; }
/**** Mobile Navigation ****/
.mobile-nav { position: fixed; width: 80%; height: 100%; overflow-y: scroll; top: 0; right: -80%; z-index: 12; background: var(--primary-color); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; /*overflow: hidden;*/ background: #e9e9e9; }
.mobile-nav nav { height: 100%; /* overflow: auto; margin-right: -10px;*/ }
.mobile-nav nav li { }
.mobile-nav nav li ul { display: none; background: #ffffff; }
.mobile-nav nav li ul.dropdown { margin-left: 25px; /* margin-bottom: 20px;*/
display: none; padding-bottom: 15px; }
.mobile-nav nav li ul.dropdown a { font-size: 12px; border: none; padding: 6px 39px; position: relative; }
.mobile-nav nav li ul.dropdown a:hover { color: var(--theme-black); background: transparent; }
.mobile-nav nav li ul li { }
.mobile-nav nav li ul li a { font-weight: 500; font-size: 12px; }
.mobile-nav nav li ul li a:hover, .mobile-nav nav li ul li a.active { background: transparent; font-weight: 600; color: var(--dark-color); }

.mobile-nav nav li ul li ul li a:before {
    position: absolute;
    content: "\e957";
    font-family: 'icomoon' !important;
    left: 24px;
    top: 9px;
    font-size: 13px;
    font-weight: 600;
    color: var(--primary-color);
}

.mobile-nav nav li a { color: #333333; 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; }
.mobile-nav nav li a.active { color: #ffffff; background: var(--primary-color); }
.mobile-nav nav li a .xicon { font-size: 20px; float: right; }
.mobile-nav.active { height: 100%; right: 0; }
.mobile-nav .logo-main { font-size: 16px; color: #8795a0; padding: 15px 0px 15px 24px; display: inline-block; }
.mobile-nav .logo-main img { width: 150px; }
.extra-link { }
.extra-link a { border: 2px solid var(--theme-black); width: 40%; margin: 40px auto 10px; padding: 7px 0; font-size: 15px; text-align: center; }
.extra-link:hover { color: var(--theme-black); border: 2px solid var(--theme-black); background: transparent; }
.close-nav { position: absolute; top: 10px; right: 10px; border: 1px solid #ffffff; width: 26px; height: 26px; line-height: 1.5; }
/*** Mobile Nav Button ***/

.mobile-nav-btn { display: none; position: fixed; top: 16px; height: 20px; padding:0px; border-radius: 4px; right: 15px; z-index: 100; cursor: pointer; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; z-index: 14;/*
     &:hover .lines {
         &:before {
             top: 8px;
         }
         &:after {
             top: -8px;
         }
     }
*/

    /*
     &.active .lines {
         transition: background .3s 0 ease;
         background: transparent;
         &:before, &:after {
             transition: top .3s ease,-webkit-transform .3s .5s ease;
             transition: top .3s ease,transform .3s .5s ease;
             top: 0;
             width: 30px;
             background-color: var(--primary-color);
         }
         &:before {
             -webkit-transform: rotate3d(0, 0, 1, 45deg);
             transform: rotate3d(0, 0, 1, 45deg);
         }
         &:after {
             -webkit-transform: rotate3d(0, 0, 1, -45deg);
             transform: rotate3d(0, 0, 1, -45deg);
         }
     }
     */
    
}

@media (max-width: 991px) {
.mobile-nav-btn { display: block; }
}
.mobile-nav-btn .lines:before { top: 6px; }
.mobile-nav-btn .lines:after { top: -6px; }
.mobile-nav-btn.active { transition: 0; }
.mobile-nav-btn span { display: none; height: 3px; width: 22px; background-color: var(--primary-color); display: block; margin-bottom: 6px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; top: 8px; }
.mobile-nav-btn span:before, .mobile-nav-btn span:after { display: block; background-color: var(--primary-color); height: 3px; width: 22px; position: absolute; left: 0; content: ''; -webkit-transform-origin: .28571rem center; transform-origin: .28571rem center; right: 0; margin: 0 auto; }
.mobile-nav-btn.active { /*
        // -webkit-transform: scale3d(0.8, 0.8, 0.8);
        // transform: scale3d(0.8, 0.8, 0.8);
        // padding: 7px 11px 4px 3px;
        // border: 1px solid var(--primary-color);
        // height: 34px;
        */
right: 84%; }
.lines { /* @include transition(background .3s .5s ease);*/
}
.lines:before, .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: top .3s .6s ease, -webkit-transform .3s ease; transition: top .3s .6s ease, transform .3s ease; }
.mobile-nav-btn.regional-mobile { top: 4px; }
/*** mobile nav end ***/


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

/* text selection color */
::-moz-selection { background: var(--primary-color);  color: var(--theme-white); text-shadow: none;}
::selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none; }

/* browser scroller style */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; }
::-webkit-scrollbar-track-piece { background-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; background:var(--primary-color); }


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

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

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

.bg-primary { background-color:var(--primary-color)!important;  }
.bg-secondary { background-color:var(--secondary-color)!important;  }
.bg-lite { background-color: var(--bg-lite)!important; }
.bg-lite2 { background-color: var(--bg-lite2)!important; }
.bg-dark { background-color: var(--bg-dark)!important; }

/* font size */
.fs-xsmall { font-size: 10px; }
.fs-small { font-size: 12px; }
.fs-medium { font-size: 16px; }
.fs-large { font-size: 18px; }
.fs-xlarge { font-size: 20px; }
.fs-xxlarge { font-size: 22px; }

/* font weight */
.fw-thin { font-weight: 100 !important; }
.fw-light { font-weight: 300 !important; }
.fw-normal { font-weight: 400 !important; }
.fw-medium { font-weight: 500 !important; }
.fw-semi-bold { font-weight: 600 !important; }
.fw-bold { font-weight: 700!important; }
.fw-xbold { font-weight: 800!important; }
.fw-black { font-weight: 900 !important; }

/* line height*/
.lh-normal {	line-height: 1;}
.lh-normal2 { line-height: 1.1;}
.lh-medium {	line-height: 1.2;}
.lh-medium2 { line-height: 1.4;}
.lh-medium3 { line-height: 1.6;}
.lh-large { line-height: 1.8;}
.lh-xlarge {	line-height: 2; }

/* letter spacing */
.ls-xsmall{ letter-spacing: -2px; }
.ls-small { letter-spacing: -1px; }
.ls-normal{ letter-spacing: 0px; }
.ls-medium{ letter-spacing: 1px; }
.ls-large{ letter-spacing: 2px; }
.ls-xlarge{ letter-spacing: 4px; }

 .bb-3{border-bottom: 3px solid #fff;}
.fc-yellow-dark {color:var(--theme-yellow-dark) !important;}
.home-banner-content a.home-banner-link { margin: 0;  font-size: 6vmin;line-height:1; font-weight: 700; text-transform: capitalize; padding:12px 35px 12px 40px;
   color:white;  position:relative; display:table; 
   border-radius: 3px 3px 3px 3px; z-index: 110; 

background: rgba(255,94,0,1);
background: -moz-linear-gradient(top, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,94,0,1)), color-stop(100%, rgba(255,34,0,1)));
background: -webkit-linear-gradient(top, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e00', endColorstr='#ff2200', GradientType=0 );
}
.home-banner-content a.home-banner-link:after { content: "\e94d"; font-family: 'icomoon' !important; font-size: 20px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle;  }
.home-banner-content a.home-banner-link:hover { 
background: rgba(255,34,0,1);
background: -moz-linear-gradient(top, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,34,0,1)), color-stop(100%, rgba(255,94,0,1)));
background: -webkit-linear-gradient(top, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2200', endColorstr='#ff5e00', GradientType=0 );
 }

/* buttons */
.primary-btn,.secondary-btn,.yellow-btn, .white-btn, .white-btn-outline ,
.primary-btn-outline,.secondary-btn-outline
{
margin: 0;  font-size: 20px;line-height:1; font-weight: 700; text-transform: capitalize; padding:12px 35px 12px 40px; color:white;  position:relative;
   border-radius: 3px 3px 3px 3px; z-index: 110; border: 1px solid transparent;
-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.1);
box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.1);   

transition:all 0.3s ease-in-out;

 }
.primary-btn:after, .secondary-btn:after,
.yellow-btn:after, .white-btn:after, .white-btn-outline:after,
 .primary-btn-outline:after, .secondary-btn-outline:after
 { content: "\e94d"; font-family: 'icomoon' !important; font-size: 18px;  color: white; padding-left: 10px;
 transition:all 0.3s ease-in-out;  }

.primary-btn:after { color: var(--theme-white); }
.secondary-btn:after { color: var(--theme-white); }
.yellow-btn:after { color: var(--primary-color); }
.white-btn:after { color: var(--primary-color); }
.white-btn-outline:after { color: var(--theme-white); }
.primary-btn-outline:after { color: var(--primary-color); }
.secondary-btn-outline:after { color: var(--secondary-color); }

.primary-btn {  color: white; 
background: rgba(255,94,0,1);
background: -moz-linear-gradient(top, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,94,0,1)), color-stop(100%, rgba(255,34,0,1)));
background: -webkit-linear-gradient(top, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e00', endColorstr='#ff2200', GradientType=0 );
}
.primary-btn:hover { color: white; 
background: rgba(255,34,0,1);
background: -moz-linear-gradient(top, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,34,0,1)), color-stop(100%, rgba(255,94,0,1)));
background: -webkit-linear-gradient(top, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2200', endColorstr='#ff5e00', GradientType=0 );
}

.secondary-btn { color: white; 
background: rgba(156,79,192,1);
background: -moz-linear-gradient(top, rgba(156,79,192,1) 0%, rgba(124,40,164,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,79,192,1)), color-stop(100%, rgba(124,40,164,1)));
background: -webkit-linear-gradient(top, rgba(156,79,192,1) 0%, rgba(124,40,164,1) 100%);
background: -o-linear-gradient(top, rgba(156,79,192,1) 0%, rgba(124,40,164,1) 100%);
background: -ms-linear-gradient(top, rgba(156,79,192,1) 0%, rgba(124,40,164,1) 100%);
background: linear-gradient(to bottom, rgba(156,79,192,1) 0%, rgba(124,40,164,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c4fc0', endColorstr='#7c28a4', GradientType=0 );

 }
.secondary-btn:hover { color: white; 
background: rgba(124,40,164,1);
background: -moz-linear-gradient(top, rgba(124,40,164,1) 0%, rgba(156,79,192,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(124,40,164,1)), color-stop(100%, rgba(156,79,192,1)));
background: -webkit-linear-gradient(top, rgba(124,40,164,1) 0%, rgba(156,79,192,1) 100%);
background: -o-linear-gradient(top, rgba(124,40,164,1) 0%, rgba(156,79,192,1) 100%);
background: -ms-linear-gradient(top, rgba(124,40,164,1) 0%, rgba(156,79,192,1) 100%);
background: linear-gradient(to bottom, rgba(124,40,164,1) 0%, rgba(156,79,192,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c28a4', endColorstr='#9c4fc0', GradientType=0 );
}

.yellow-btn { color: var(--primary-color); 
background: rgba(255,216,0,1);
background: -moz-linear-gradient(top, rgba(255,216,0,1) 0%, rgba(239,203,2,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,216,0,1)), color-stop(100%, rgba(239,203,2,1)));
background: -webkit-linear-gradient(top, rgba(255,216,0,1) 0%, rgba(239,203,2,1) 100%);
background: -o-linear-gradient(top, rgba(255,216,0,1) 0%, rgba(239,203,2,1) 100%);
background: -ms-linear-gradient(top, rgba(255,216,0,1) 0%, rgba(239,203,2,1) 100%);
background: linear-gradient(to bottom, rgba(255,216,0,1) 0%, rgba(239,203,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#efcb02', GradientType=0 );

 }
.yellow-btn:hover { color: var(--primary-color);
background: rgba(239,203,2,1);
background: -moz-linear-gradient(top, rgba(239,203,2,1) 0%, rgba(255,216,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,203,2,1)), color-stop(100%, rgba(255,216,0,1)));
background: -webkit-linear-gradient(top, rgba(239,203,2,1) 0%, rgba(255,216,0,1) 100%);
background: -o-linear-gradient(top, rgba(239,203,2,1) 0%, rgba(255,216,0,1) 100%);
background: -ms-linear-gradient(top, rgba(239,203,2,1) 0%, rgba(255,216,0,1) 100%);
background: linear-gradient(to bottom, rgba(239,203,2,1) 0%, rgba(255,216,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efcb02', endColorstr='#ffd800', GradientType=0 );
 }

.white-btn { background-color: white; color: var(--primary-color); }
.white-btn:hover { background-color: white; color: var(--secondary-color); }
.white-btn:hover:after {  color: var(--secondary-color); }

.white-btn-outline { background-color: transparent; color: white;
border:1px solid white; }
.white-btn-outline:hover { background-color: white; color: var(--secondary-color); }
.white-btn-outline:hover:after {  color: var(--secondary-color); }

.primary-btn-outline { background-color: transparent; color: var(--primary-color);
border:1px solid var(--primary-color); }
.primary-btn-outline:hover { background-color: white; color: var(--secondary-color);
border:1px solid var(--secondary-color); }
.primary-btn-outline:hover:after {  color: var(--secondary-color); }

.secondary-btn-outline { background-color: transparent; color: var(--secondary-color);
border:1px solid var(--secondary-color); }
.secondary-btn-outline:hover { background-color: white; color: var(--primary-color);
border:1px solid var(--primary-color); }
.secondary-btn-outline:hover:after {  color: var(--primary-color); }

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

.no-before:before { display: none; }
.no-after:after { display: none; }

.bg-norepeat { background-repeat:no-repeat; }
.bg-cover { background-size: cover; }

.border-right {border-right: 1px solid  #d8d8d8!important; }
.border-left {border-left: 1px solid  #d8d8d8!important; }

.separator { width: 100%; height: 1px; display: inline-block; margin:0;
background-color:#e7e7e7; }

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


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

.medium-hd, .medium-hd { font-size: 6.7vmin; }
.small-hd, .small-hd { font-size: 6.5vmin; }
.xsmall-hd, .xsmall-hd { font-size: 6.3vmin; }
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-weight: 400; padding: 0; margin:0px;  /*font-size: var(--base-font-size);*/ }

button:focus { outline: none; }

/*** 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 0px; }
.sec-padding-small { padding:25px 0; } .sec-padding-xsmall { padding:20px 0; }
.sec-padding-xxsmall { 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:20px 0; }
.sec-margin-xxsmall { padding:10px 0; }

figure { margin: 0px; }
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; }

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

/* Float Shadow btn */
.hvr-float-shadow {
  display: inline-flex;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:after {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:after, .hvr-float-shadow:focus:after, .hvr-float-shadow:active:after {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Float Shadow btn end */

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

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

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

.primary-separator { width: 232px; height: 4px; background-color:var(--primary-color);
margin: 0 auto; display: table;   }

.primary-btn-outline.chat-btn:after {
    content: "\e963";
    font-family: 'icomoon' !important;
    font-size: 18px;
    color: var(--primary-color);
    padding-left: 10px;
    transition: all 0.3s ease-in-out;
}
.primary-btn-outline.chat-btn:hover:after { color: var(--secondary-color); }

/* header 
------------------------------------*/
.header-main {padding: 0px 0 10px 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100; }

.offer-strip-main { position: absolute; left: 0px; bottom: -52px; z-index: 100;
width: 100%; }
.offer-strip { min-height: 50px; padding: 0 0 0 15px;
 border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0px 5px 25px -2px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 5px 25px -2px rgba(0,0,0,0.7);
box-shadow: 0px 5px 25px -2px rgba(0,0,0,0.7);

background: rgba(255,186,0,1);
background: -moz-linear-gradient(top, rgba(255,186,0,1) 0%, rgba(255,186,0,1) 65%, rgba(255,228,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,186,0,1)), color-stop(65%, rgba(255,186,0,1)), color-stop(100%, rgba(255,228,0,1)));
background: -webkit-linear-gradient(top, rgba(255,186,0,1) 0%, rgba(255,186,0,1) 65%, rgba(255,228,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,186,0,1) 0%, rgba(255,186,0,1) 65%, rgba(255,228,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,186,0,1) 0%, rgba(255,186,0,1) 65%, rgba(255,228,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,186,0,1) 0%, rgba(255,186,0,1) 65%, rgba(255,228,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba00', endColorstr='#ffe400', GradientType=0 );
}
.offer-strip .strip-para { font-size: 16px; float: left; padding: 14px 0 0 0;
color: #391500; font-weight: 400; }
.offer-strip .strip-para .discount { color: #ff1300; font-weight: 700; 
background-color: rgba(255,255,255,0.8); padding: 3px 12px; position: relative; }


.offer-strip .strip-para .discount:before {
    position: absolute; content: ""; left: 0px; top: 0px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-left: 8px solid #ffba00;
    border-bottom: 13px solid transparent;
}
.offer-strip .strip-para .discount:after {
    position: absolute; content: ""; right: 0px; top: 0px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 8px solid #ffba00;
    border-bottom: 13px solid transparent;
}

.offer-strip .strip-btn { background-color: #ffe400; color: #391500; 
font-size: 17px; font-weight: 700; text-transform: uppercase;
padding: 16px 50px 15px 20px;  float: right;border: 1px solid #398f28; line-height: 1;
position: relative;
border-radius: 0px 0px 5px 0px;
-moz-border-radius: 0px 0px 5px 0px;
-webkit-border-radius: 0px 0px 5px 0px;

-webkit-box-shadow: 0px 2px 15px -2px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 2px 15px -2px rgba(0,0,0,0.7);
box-shadow: 0px 2px 15px -2px rgba(0,0,0,0.7);
}
.offer-strip .strip-btn:after {
    content: "\e940";
    font-family: 'icomoon' !important;
    font-size: 18px;
    color: #391500;
    right: 24px; top: 13px;
    position: absolute;
    transition:all 0.3s ease-in-out;
}
.offer-strip .strip-btn:hover:after { top:16px; }

.slider-drop-from-main { position: absolute; left: 0px; top: 100%; z-index: 100;
width: 100%; display: none; z-index: 999; }
.slider-drop-from-content { min-height: 460px; padding: 40px 80px;
background:url('../../../assets/images/slider-drop-form/offer-bg.jpg') no-repeat 0 0; 
background-size: cover; }
.slider-drop-from-content .offer-img { margin:0 auto 10px; display: table; }
.slider-drop-from-content .offer-content { background-color: #251f20; color: white;
padding: 20px 30px; text-align: center; } 

 .offer-content-list { border-collapse: collapse; width: 100%; text-align: left; margin-bottom: 0px; }
.offer-content-list tr{ background-color: #251f20; }
.offer-content-list td{ border: 1px solid #fed61c; padding:7px 10px 7px 15px; font-size: 14px; 
    vertical-align: middle; width:50%; color: white; font-weight: 300; }
.offer-content-list td span{ padding-right: 10px; float: left; padding-top: 3px; color: #5dad19; }


.top-bar { background: #ebebeb; padding: 0; }
.top-info-list { float: right; margin: 0 ; }
.top-info-list li {line-height: 1; float: left; color: #fff; font-size: 14px; font-weight: 500; position: relative; border-right: 1px solid #fff; padding: 0 10px;
}
.top-info-list li span { margin-right: 10px;}
.top-info-list li a{ color:#fff; font-size:13px;   padding: 0px 0px;  }
.top-info-list li a .top-list-icon { margin-right:6px; color:#666666; font-size:14px;
 line-height: 20px; float: left; }
.top-info-list li a:hover {color:var(--theme-black);}
.top-info-list li:last-child { /*background-color: #999999; color: white;*/border:none;margin:0; }
.top-info-list li:last-child a .top-list-icon {color: white; }

.nav-area {  padding: 20px 0 0 0; }

.logo { margin: 0; float: left; }
.logo a { display: block; }


.main-menu { float: right; padding:5px 0 0 0; position: relative;   }
.main-menu > ul { float: right; margin: 0px; }
.main-menu > ul > li {  float: left;  }


.main-menu > ul > li > a { padding: 0px 10px 25px 30px; font-size: 18px; color: #000000 ;
  font-weight: 400; letter-spacing: 1px; display: block; letter-spacing: -0.6px;
   position: relative;  }
.main-menu > ul > li > a:before { position: absolute; content: ""; width: 1px; height: 25px; 
background: #d8d8d8; left: 0px; top: 3%; }   
.main-menu > ul > li:first-child a:before { display: none; }

.main-menu > ul > li:hover > a:after {
    position: absolute; content: "";
    left: 0px; right: 0px; bottom: 6px; margin: auto; 
    width: 0;
    height: 0;
    display: block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--secondary-color);
}
.main-menu > ul > li:last-child > a:hover:after { display: none; }

.main-menu > ul > li:last-child a { padding-left: 15px; }







.main-menu > ul > li > a span {
    position: absolute;
    left: 10px;
    top: 5%;
    font-size: 20px;
    color:var(--secondary-color);
}

.main-menu > ul > li > a:hover span  { color:var(--secondary-color);  }

.main-menu > ul > li.active > a,
.main-menu > ul > li > a:hover,
.main-menu > ul > li > a.active,
.main-menu > ul > li > a:focus
 { color:var(--secondary-color);  }    




.dropdown{ position: absolute; top: 100%; left: 0%;  z-index:999999; padding:0px; 
    display: none; }
.main-menu > ul > li:hover .dropdown{   left: 0;  display: block; }

.dropdown > ul{ list-style:none;  background:white;  width: 660px; float: left;
 border-top:6px solid var(--secondary-color); padding: 0 10px; position: relative;top:-6px;
 border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-webkit-box-shadow: 0px 5px 25px -2px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 5px 25px -2px rgba(0,0,0,0.7);
box-shadow: 0px 5px 25px -2px rgba(0,0,0,0.7);
}


.dropdown > ul > li{ position: relative; float: left; text-align: center;   }
.dropdown > ul > li > a{ color:#666666; font-size:13px; font-weight: 400;
 text-decoration:none; padding:20px 15px 15px 15px; display: block; line-height: 1;
 text-transform: uppercase; font-family: var(--secondary-font-family);
transition:all 0.3s ease-in-out; 
  }
.dropdown > ul > li > a:hover{  color:#666666; background:#efe5f4; }



.dropdown > ul > li > a figure { margin:0 auto 5px auto; display: table;
font-size: 35px; }

.dropdown > ul > li > a figure span {transition:all 0.3s ease-in-out; }

.dropdown > ul > li > a figure.icon2 { display: none; }

.dropdown > ul > li > a:hover figure.icon1 { display: none; }
.dropdown > ul > li > a:hover figure.icon2 { display: block; }




.dropdown > ul > li > ul {  display: none; }


.toll-free-top { float: right; border-left: 1px solid #cccccc; position: relative;
color: #666666; padding-left: 10px; margin-left: 35px;  }
.toll-free-top span { display: block; font-size: 13px; }
.toll-free-top:before { position: absolute;  content: "\e946"; font-family: 'icomoon' !important; font-size: 35px; left: -30px; top: 1px;  color: var(--primary-color);

    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari 3-8 */
    transform: rotate(45deg);

}

.toll-free-top a { color: var(--primary-color); font-size: 25px; font-weight: 700;
letter-spacing: -0.6px; }

.stickyheader { position: fixed; z-index: 999; min-height: auto; }
.stickyheader .logo img { width:160px;  }
.stickyheader .logo { margin: 5px 0; }
.stickyheader .nav-area-full { padding: 0px; border-bottom: 1px solid #cccccc; }
.stickyheader .top-info-list  { display: none!important; }
.stickyheader .slider-form-main { display: none; }

.sticky-ban-offer { position: fixed; z-index: 100; top: -90px; width: 100%; }
.sticky-ban-offer .fc-yellow { color: #ffde00; }
.sticky-ban-offer .btn { border-radius: 5px !important; }
.sticky-ban-offer.fixed { top: 54px; z-index: 9; transition: 0.6s; }
.sticky-ban-offer.close { transition: 0.6s; top: -90px; z-index: 9; }
.sticky-ban-offer .bg-wrap {box-shadow: 0px 2px 30px #0000004a;  width: 100%; height: 63px; padding: 15px 0 15px 50px; border-radius: 0 0 10px 10px; border: 3px solid #eb5050; background-position: top center; position: relative; border-top: 0px; 
}
.sticky-ban-offer .bg-wrap h6 { text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3); }
.sticky-ban-offer .bg-wrap .close-sticky-banner {font-size: 14px; margin: 0px 0 0 0; padding: 0px 6px; font-weight: 100; position: absolute; right: 20px; color: #34332e; background-color: #ffd700; height: 30px; width: 30px; border-radius: 50px; border: 1px solid transparent; transition: all 0.5s ease-in-out;}
.sticky-ban-offer .bg-wrap .close-sticky-banner:hover { background-color: transparent; color: #fff; border: 1px solid #ffd700; }
.sticky-ban-offer .bg-wrap .yellow-btn { padding: 6px 20px; margin-left: 70px; float: left; }
.sticky-ban-offer .bg-wrap .yellow-btn:before{  font-size: 16px; padding-right: 4px;  position: relative; top: 1px; float: left; }
.sticky-ban-offer .bg-wrap .icon-angle-up { font-size:25px; }

/* sldier home 
------------------------------------*/
.slider-wrapper { width:100%;  /*margin-bottom: 20px;*/ position:relative; }
.home-banner { width: 100%; height: 580px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; display: table; }
.home-banner-content { padding-top: 50px; }
.home-banner-content h1 { font-size: var(--font-size-h1-home-vmin); padding-bottom: 10px;  font-weight: 700; color: #ffffff; position: relative; letter-spacing: -1px; 
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3); line-height: 1; }
.home-banner-content .subtitle { color:white; font-size:6.8vmin; font-weight: 300; text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3);  padding: 0 0 5px 0; line-height: 1.1;  }

.banner-list { font-family:var(--secondary-font-family); list-style: none; margin: 15px 0 10px 0; width:100%; display:inline-block; }
.banner-list li {color: white; padding: 0 0 15px 28px;line-height: 16px;font-size: 20px;font-weight: 300;position:relative; text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3); }
.banner-list li:before {position: absolute; left: 0px;top: 0px;
font-size: 18px; font-weight: 400; color:#ffe400; content: "\e92a"; font-family: 'icomoon' !important; }

.home-banner-content a.home-banner-link { margin: 0;  font-size: 6vmin;line-height:1; font-weight: 700; text-transform: capitalize; padding:12px 35px 12px 40px;
   color:white;  position:relative; display:table;
border-radius: 3px 3px 3px 3px; z-index: 110; 

background: rgba(255,94,0,1);
background: -moz-linear-gradient(top, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,94,0,1)), color-stop(100%, rgba(255,34,0,1)));
background: -webkit-linear-gradient(top, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,94,0,1) 0%, rgba(255,34,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e00', endColorstr='#ff2200', GradientType=0 );

-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.2);
box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.2);

}
.home-banner-content a.home-banner-link:after { content: "\e94d"; font-family: 'icomoon' !important; font-size: 18px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle;  }
.home-banner-content a.home-banner-link:hover { 
background: rgba(255,34,0,1);
background: -moz-linear-gradient(top, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,34,0,1)), color-stop(100%, rgba(255,94,0,1)));
background: -webkit-linear-gradient(top, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,34,0,1) 0%, rgba(255,94,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2200', endColorstr='#ff5e00', GradientType=0 );
 }


.slider-overlay { width: 100%; height: 100%; position: absolute; content: "";
left: 0px;  top: 0px; right: 0px; bottom: 0px; background-color:rgba(0,0,0,0.6); z-index: 50; display: none;  }

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

.slide-price { position: relative; top: 8px; }

.slider-form-main {  position: absolute;  top: -530px; right: 0px;background-size: 100%; }
.form-main-area{margin-top: -1px; right: 24px; position: relative;}
.slider-content-img {
    position: absolute;
    right:5%;
    bottom: -120px;
}
.form-hd {     color: white;
    text-shadow:1px 5px 3px rgba(0, 0, 0, 0.3);

    position: relative;
    text-align: center;
    padding: 0 10px 15px 10px;
    font-weight: 700;
    text-transform: capitalize;

 }
 .form-hd-tagline{padding:0 22px;background-color: #ffe400;}
.form-hd-tagline h4 {
     padding: 5px 10px; position: relative; font-weight: 600; color: #222222; text-transform: uppercase;
}
/*.form-hd-tagline h4:before, .form-hd-tagline h4:after { position: absolute; content: ""; 
color: #cccccc; width: 15px; height: 1px; background-color: #c89999; top: 50%; }*/
.form-hd-tagline h4:before{left:0;}.form-hd-tagline h4:after{right:0;}
.slider-form-box {  padding:25px 20px 121px 20px; }

.cbox { opacity: 1 !important; height: 12px; position: relative; top: 2px;}
/* inner banner + inner banner slider
------------------------------------*/
.inner-slider-wrapper { width:100%;  /*margin-bottom: 20px;*/ position:relative; }
.inner-banner { width: 100%; height: 638px; margin-bottom: 0px;
	background-repeat: no-repeat; background-position: center center; 
	background-size: cover;  }
.inner-banner.small { height: 376px; }    
.inner-banner-content { padding-top: 50px; }
.inner-banner-content h1 { font-size: var(--font-size-h1-inner-vmin); padding-bottom: 15px;  font-weight: 700; color: #ffffff; position: relative; letter-spacing: -2px; 
    text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3); line-height: 1; 
  text-transform: uppercase; }
.inner-banner-content .subtitle { color:white; font-size:6.8vmin; text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3);  padding: 0 0 5px 0; line-height: 1.1;  }

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


/* banner small
------------------------------------*/
.inner-banner-small { width: 100%; height: 130px; margin-bottom: 20px;
    background-repeat: no-repeat; background-position: center center; 
    background-size: cover;  }
.inner-banner-small-content { }
.inner-banner-small-content h1 { font-size: 30px; padding-bottom: 0px;  font-weight: 700;
    color: #ffffff; position: relative; letter-spacing: -1px; line-height: 1;
    text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3);  }

.content-page h5 { font-size: 22px; font-weight: 700; color: #3e3e3e;
line-height: 1; padding-bottom: 15px; }
.content-page h6 { font-size: 18px; font-weight: 500; color: #2f2f2f;
line-height: 1; padding-bottom: 15px; }
.content-page p { font-family: var(--secondary-font-family); font-size: 16px; color: #2f2f2f;
 padding-bottom: 25px; }

/* packages area
------------------------------------*/
.packages-area {  }
.packages-area .hd01 { margin:0 auto 15px auto; }

.packages-tab-list { margin:10px 0 40px 0; }
.packages-tab-list > ul { display: table; margin: 0 auto; }
.packages-tab-list ul > li { float: left; padding: 0 5px; text-align: center; }

.packages-tab-list ul > li > a { display: block; color: #666666; font-size: 14px; 
padding: 12px 40px; font-weight: 400; line-height: 1;
border: 1px solid #e1e1e3;
outline:  1px solid transparent;  border-bottom: 2px solid #e1e1e3; 
text-transform: uppercase;

background: rgba(248,248,248,1);
background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff', GradientType=0 );
}

.packages-tab-list > ul > li.current > a { color: var(--primary-color);
border: 1px solid var(--primary-color); font-weight: 700;
outline:  1px solid var(--primary-color); 
-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.2);
box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.2);
}

.package-box-main { transition:  all linear 0.15s; 
margin-top: 15px; margin-bottom: 15px; padding: 20px 20px; position: relative; 
background-color: white; border-radius: 10px; border: 2px solid transparent; 
box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.2);  }
.package-box-main:hover { box-shadow: 0px 0px 30px -2px rgba(0,0,0,0.3); 
border: 2px solid #4fd734; }
.package-box-main .price-box { padding:0 0 10px 0; font-family: var(--secondary-font-family); }
.package-box-main .price-box .name {padding: 0 0 20px 0; width: 100%;  }
.package-box-main .price-box .name h4 { font-size: 30px; font-weight: 700; line-height: 1.2;color:#666666; padding: 0 0 15px 0; border-bottom: 1px solid #cccccc; 
font-family: var(--secondary-font-family); }
.package-box-main .price-box .name h4 span { display: block;
 font-weight: 400; font-size: 17px; }

.package-box-main .price-box .price {  
 width: 100%; color: var(--secondary-color); padding: 0 0 10px 0; } 

.package-box-main .price-box .price h4 { font-size:55px; font-weight: 700; line-height: 1;color: var(--secondary-color); padding: 0px; text-transform: uppercase; 
    font-family: var(--secondary-font-family); float: left; letter-spacing: -1px;
 }
.package-box-main .price-box .price h5 { font-size: 18px; float: right;  font-family: var(--secondary-font-family); margin-bottom: 0px; color: #919191; position: relative; }
.package-box-main .price-box .price h5:before { width: 100%; height: 2px;
    position: absolute; content: ""; left: 0px; top: 10px; 
    background-color: #e62728;
}

.package-box-main .content { padding:0px; }
.package-box-main .content .list-scroll ul { width: 100%; display: inline-block; margin-bottom: 15px; font-family: var(--secondary-font-family); }
.package-box-main .content .list-scroll ul li { padding: 5px 0 5px 20px; position: relative; font-size: 14px;
color: #2f2f2f; font-weight: 400; }
.package-box-main .content .list-scroll ul li+li { border-top: 1px solid #e0e0e0; }
.package-box-main .content .list-scroll ul li:before { position: absolute; content: "\e916"; left: 0px;
top: 6px; font-size: 14px; font-weight: 600; color: #999999;  font-family: 'icomoon' !important;  }

.package-box-main .content .yellow-btn { float: left; padding: 8px 15px 8px 15px; }

.package-box-main:hover .content .list-scroll ul li:before { color: #4fd734; }





.packages-cta-list { margin:0; border-left: 1px solid #d0d0d0; padding-left: 15px; }
.packages-cta-list li {  padding: 0;  }
.packages-cta-list li .cta-txt1 { font-size: 15px; font-weight: 600; color:
#0623e5; font-family: var(--secondary-font-family);  }
.packages-cta-list li+li { padding-top: 6px; }
.packages-cta-list li .cta-txt1 span { padding-right: 6px; font-size: 13px; 
 color: var(--primary-color); }
.packages-cta-list li a { color: var(--secondary-color); display: block; }



.package-offer-strip { position: absolute; right: -13px; top: -14px; }

.home-web-package .package-box-main.professional .content .col-lg-5,
.inner-web-package .package-box-main.professional .content .col-lg-5
 { display: none!important; }
.home-web-package .package-box-main.professional .content .col-lg-7,
.inner-web-package .package-box-main.professional .content .col-lg-7 { 
-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
 }

 .home-animation-package .package-box-main .content .col-lg-5,
.inner-animation-package .package-box-main .content .col-lg-5
 { display: none!important; }
.home-animation-package .package-box-main .content .col-lg-7,
.inner-animation-package .package-box-main .content .col-lg-7 { 
-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
 }


.zoom-effect { transform: scale(1.07); }
.package-box-main.zoom-effect {
    box-shadow: 0px 0px 30px -2px rgba(0,0,0,0.3);
    border: 2px solid #4fd734;
}
.package-box-main.zoom-effect .content .list-scroll ul li:before {
    color: #4fd734;
}


.list-scroll { height: 215px; margin-bottom: 30px; }

.partner-logo { border-right: 1px solid #c5c5c5;  }
.partner-logo figure { margin: 0 auto; display: table;  }
.partner-logo figure img { transition: all 200ms ease-in; }
.partner-logo:last-child { border-right: 0px; }
.partner-logo figure img:hover { transform: scale(1.05); }

.award-customer-slider .slick-dots { bottom: -10px; }
.awards-area .award-hd  { border-right: 1px solid #d9d9d9; margin-right: 30px; display: inline-block;  }
.awards-area  figure img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6; }
.awards-area  figure img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }

/*lp-cta-1*/
.lp-cta-1-list{margin:0;}
.lp-cta-1-list li { float: left; margin-right: 20px; }
.lp-cta-1-list li span.icon-phone{transform: rotate(45deg); margin-top: 6px; display: inline-block; float: left;}
.lp-cta-1-list li p{position: relative;}
.lp-cta-1-list li p:before{position: absolute; content: ""; width: 1px; height: 37px; background-color: #fff; left: 0; top: 3px;}    
.cta-img { position: absolute; bottom: -29px; left: -20px; }
.cta-img3 { position: absolute; bottom: -23px; left: -150px; }
.b-46{bottom:-46px !important;}
.l-200{    left: -200px !important;}
/*lp-cta-1*/

.ofh{overflow: hidden !important;}
/*lp-cta-2*/
.lp-cta-2-list{margin:0;}
.lp-cta-2-list li { float: left; margin-right: 20px; }
.lp-cta-2-list li span.icon-phone{transform: rotate(45deg); margin-top: 6px; display: inline-block; float: left;}
.lp-cta-2-list li p{position: relative;}
.lp-cta-2-list li p:before{position: absolute; content: ""; width: 1px; height: 37px; background-color: #fff; left: 0; top: 3px;}    
 .cta-img2 { position:absolute; bottom: -30px; left: -10px;}
 .lp-web-cta-2 .cta-img{bottom:-41px;}
/*lp-cta-2*/

/* testimonial area home
------------------------------------*/
.testi-slider-main { padding-bottom: 30px; }

.testi-box-main { padding: 0 15px; }
.testi-box { position: relative;  width: 100%; }
 .testi-box-content { position: relative; padding: 30px 20px; 
background-color: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 10px; 
text-align: center; margin-bottom: 40px;
 }
.testi-box-content .home-quote { margin: 0 auto 15px auto; display: table; 
color: #666666; font-size: 40px; } 
.testi-separator { width: 60px; height: 1px; background-color: var(--secondary-color);
margin: 0 auto 20px auto; }
 .testi-box-content h6 { }
.testi-box .testi-image { margin: 0 auto; display: table; }

.testi-edge-arrow { position: absolute; content: ""; left: 0; right: 0px;
width: 35px; height: 21px; bottom: -20px; margin: auto; }
.testi-edge-arrow img {}
.testi-edge-arrow figure { position: relative; overflow: hidden;
width: 35px; height: 21px;  }
.testi-edge-arrow figure img { position: absolute; left: 0px; top: 0px; }

.testi-box-main:hover .testi-box-content { border: 1px solid #4fd734;
  background-color: white; }
.testi-box:hover .testi-edge-arrow figure img {  top: -21px; }
.testi-box:hover .testi-box-content .home-quote  { color: #4fd734; }
.testi-box:hover .testi-box-content h5 { color: #b4216d; }













.more-features-bar { background-color: white; padding: 25px 15px;  }
.features-hd { font-size: 24px; font-weight: 700;  float: left;
background-color: #8f03b1; position: relative; color: var(--theme-white);
padding: 12px 25px 12px 55px; margin-right: 40px;  }
.features-hd:before { position: absolute; content: "\e96b"; color: var(--theme-white);
font-size: 25px; font-weight: 300; left: 15px; top:35%;  font-family: 'icomoon' !important; }
.features-hd:after { position: absolute; content: ""; right: -18px; top: 0px; 
border-top: 36px solid transparent; border-bottom: 36px solid transparent; 
border-left: 18px solid #8f03b1; }

.more-features-list {  }
.more-features-list li { float: left; padding: 0px 25px; color: black; }
.more-features-list li+li { border-left: 1px solid #d9d9d9; }
.more-features-list li figure { margin: 0 10px 0 0;
    float: left;  }



.portfolio-box { }
.portfolio-box figure img { width: 100%; }


.portfolio-area .item { /* width: 33.33%; float: left; */ }
.border-box-effect {
        position: relative;
        display: block;
        padding: 5px;
}
.border-box-effect img {
            width: 100%;
        }

.border-box-effect:before{
            border-bottom: 3px solid #FFF;
            border-left: 3px solid #FFF;
            -webkit-transform-origin: 0 100%;
        }
.border-box-effect:after{
            border-top: 3px solid #FFF;
            border-right: 3px solid #FFF;
            -webkit-transform-origin: 100% 0%;
        }
.border-box-effect:before, .border-box-effect:after {
            width: calc(100% - 22px);
            height: calc(100% - 22px);
            z-index: 3;
            content: '';
            position: absolute;
            top: 10px;
            left: 10px;
            transition:all 0.5s ease-in-out;
            transform:scale(0);
            z-index: 1;
        }

.border-box-effect:hover:before,
.border-box-effect:hover:after
    {
         -webkit-transform: scale(1);
    }
  
.border-box-effect > *{
            position: relative;
            display: block;
        }

.border-box-effect > *:before{
                background: rgba(0,0,0,0.2);
                content: '';
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2;
                display: none;
                transition:all 0.6s ease-in-out;
            }


.border-box-effect > *:after{
                content: "+";
                font-size: 74px;
                color: #ffffff;
                text-align: center;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
                width: 40px;
                height: 40px;
                line-height: 36px;
                z-index: 2;
                font-weight: 300; 
                display: none;
                transition:all 0.6s ease-in-out;
            }

.border-box-effect > *:hover:before,
.border-box-effect > *:hover:after  {
                 display: block;
            }



.features-bar-full { background-color: #180033;padding: 13px 0; }

.features-bar-list {  }
.features-bar-list-box {  padding:0px 15px 0px 20px; color: var(--theme-white); border-left: 1px solid #524066; }
.features-bar-list-box figure { margin: 0 10px 0 0; float: left; width: 50px; height: 50px;
border-radius: 100%; border:2px solid var(--theme-white);  }
.features-bar-list-box figure span { color: var(--theme-white); }

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

.sliderxs .col-lg-2:focus, .sliderxs .col-lg-3:focus, .sliderxs .col-lg-4:focus, .sliderxs .col-lg-6:focus
 { outline:none; }

/* slick Dots general  */
.slick-dots { position: absolute; bottom: 0px; right: 0px; left: 0px; display:
 block; padding: 0; margin: 0 auto; border-radius: 3px; list-style: none; text-align:center;  }
.slick-dots li { position: relative; display: inline-block; margin: 0 6px 0 0; 
padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block;
  width: 10px; height: 10px; padding: 0; cursor: pointer; color: transparent;  outline: none; 
  background: #c5c5c5; border:none; border-radius: 200px; transition: all 0.5s ease; }
.slick-dots li.slick-active button { background: var(--primary-color); border:none; width: 20px; }
.slick-dots li button:before { display:none; }

/* slick arrows .home slider */
.slick-prev, .slick-next { font-size: 0; line-height: 0; 
position: absolute; top: 50%; z-index: 100; display: block;  padding: 0;
cursor: pointer; color: transparent; border: none; outline: none; background: transparent; 
-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); 
transform: translate(0, -50%);}
.slick-prev { left: -30px; }
.slick-next { right: -30px; }
.slick-prev:before, .slick-next:before { font-family: 'icomoon' !important; font-size: 50px; line-height: 1; color:var(--primary-color); }   
.slick-prev:before { content: '\e958'; }
.slick-next:before { content: '\e957'; }
.slick-prev:hover:before,
.slick-next:hover:before { color:var(--secondary-color); }
.slick-prev:focus, .slick-next:focus { outline: none; }

/* contact page 
------------------------------------*/
.contact-list-main { display: inline-block; width: 100%; }
.contact-list-main li { padding: 50px 0 50px 90px; position: relative;
font-family: var(--secondary-font-family); }
.contact-list-main li+li:before  { position: absolute; content: ""; width: 344px; height: 25px;
left: 0px; top: 0px; background:url('../../../assets/images/contact-list-shadow.png') no-repeat 0 0;   }
.contact-list-main li figure  { position: absolute; left: 10px; top: 55px;  }
.contact-list-main li:first-child { padding-top: 0px; }
.contact-list-main li:last-child { padding-bottom: 0px; }
.contact-list-main li:first-child figure { top: 5px; }
.contact-list-main:hover a { color: #36006a; }

.b-bottom{position: relative;padding-bottom: 20px; margin-bottom: 30px;}
.b-bottom:after{position: absolute;display: block;content:'';width: 230px;height: 4px; left: 0;right: 0;bottom: 0;margin:auto;background-color: var(--primary-color);}

/*----------my styling----------*/

.about-tabs { position:relative;}
.about-tabs:before { position: absolute; content: "";  width: 21px; height: 585px;
background:url('../../../assets/images/tab-shadow.png') no-repeat 0 0; 
 right: -20px; top: 0px; opacity: 0.7; }
.about-tabs ul { padding: 0px; margin: 0px;}
.about-tabs ul li { text-align:center; font-size: 14px; color: #2f2f2f; text-transform: uppercase; position:relative; margin: 14px 0 0 0; padding-bottom: 25px;}
.about-tabs ul li:nth-last-child(1):after {display: none;}
.about-tabs ul li span {position: relative;width: 68px;height: 68px;border: 1px solid #5d038b;
  display:  table;border-radius: 50%; color: #5d038b; margin:0 auto 10px auto; }
.about-tabs ul li i { color: #5d038b; font-size: 30px; display: table-cell;
vertical-align: middle;  }
.about-tabs ul li a {color: #2f2f2f;     display: table; margin: 0 auto; }
.about-tabs ul li:after { width: 1px; height: 20px; background: #d8d8d8; position:absolute; left: 0px; right: 0px; content: ''; margin: auto; bottom: 0px;}
.about-tabs ul li span:hover,
 .about-tabs ul li.current span
  {background: #5d038b;color: #fff; box-shadow: 0 0 0 2px #fff, 0 0 0 3px #5d038b;
  }
.about-tabs ul li span:hover i { color: white;  }
.about-tabs ul li.current i { color: white;  }

.tabs-info { padding: 0 0 0 50px;}
.tabs-detail h3 { color: #3e3e3e; position:relative; font-size: 30px; font-weight: 500; border-bottom: 4px solid #b304c6; padding: 0 0 10px 0px; margin: 0px 0 20px 0; text-transform: uppercase; display: inline-block; line-height: 1; }

.over-view-list { padding: 32px 0 0 0;}
.over-view-list img { display: inline-block; margin-right: 25px; float: left;}
.over-view-list h4 {font-size: 16px;font-weight: 500;color: #3e3e3e;padding: 0px;margin: 0px 0 8px 0;}
.over-view-list p {font-size: 14px;color: #7b7b7b;padding: 0px;margin: 0 0 20px 0;line-height: 22px;display: flex;}

ul.gurantee-list { padding: 35px 0; margin: 0px;}
ul.gurantee-list li { padding: 0 0 0 75px;     position: relative;min-height: 105px;}
ul.gurantee-list li:before {width: 47px;height: 47px;position: absolute;left: 0px; top: 0px; border: 1px solid #b304c6; display: block;  content: "\e916"; text-align: center;color: var(--primary-color);font-family: 'icomoon' !important;border-radius: 50%;font-size: 30px;}
ul.gurantee-list li:after {width: 1px;height: 60px;background: #ccc;position: absolute;left: 24px;top: 47px;margin: auto;content: '';}
ul.gurantee-list li h6 { font-size: 16px; font-weight: 500; color: #3e3e3e;     padding-top: 15px;}
ul.gurantee-list li:nth-last-child(1):after { display: none;}

.uidev_box{
padding: 0 15px;
}
.tabs-detail h5 {
  color: #3e3e3e;}
.uidev_box:before{
  width: 22px;
    height: 295px;
    position: absolute;
    left: -23px;
    opacity: .2;
    content: '';
    display: block;
    background-image: url(../../../assets/images/left_shadow.png);
    z-index: 9999999;
    top: 20px;

}
.uides_box{
  padding: 0 15px;
}
.eds_box{
  padding: 0 15px;
}
.eds_box:after{
  width: 22px;
    height: 294px;
    position: absolute;
  opacity: .2;
    content: '';
    display: block;
    background-image: url(../../../assets/images/right_shadow.png);
    z-index: 9999999;
    top: 20px;
    right: -22px;

}

.uidev_box h5{ margin-top: 20px; }
.uides_box h5{ margin-top: 20px; }
.eds_box h5{  margin-top: 20px; }

.work-area{border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
.lrg-num h2{ opacity:0.10; font-size: 147px !important; }
.tab-boxes p { font-size: 14px; }
.tabs-custom .tabs-detail p{ font-family:'Raleway', sans-serif; } 

/* custom popup 
------------------------------------*/
.custom-popup { padding:0 15px; display:none; max-width: 906px;  overflow: initial; border:5px solid #b144ff;    border-radius: 5px;
background: rgba(65,0,137,1);
background: -moz-linear-gradient(top, rgba(65,0,137,1) 0%, rgba(155,3,185,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(65,0,137,1)), color-stop(100%, rgba(155,3,185,1)));
background: -webkit-linear-gradient(top, rgba(65,0,137,1) 0%, rgba(155,3,185,1) 100%);
background: -o-linear-gradient(top, rgba(65,0,137,1) 0%, rgba(155,3,185,1) 100%);
background: -ms-linear-gradient(top, rgba(65,0,137,1) 0%, rgba(155,3,185,1) 100%);
background: linear-gradient(to bottom, rgba(65,0,137,1) 0%, rgba(155,3,185,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#410089', endColorstr='#9b03b9', GradientType=0 );}
.left-content .f-list li { border-right: 1px solid #fff; display: inline-block; padding: 0 1px; font-size: 14px; line-height: 1; }
.left-content .f-list li a{ font-weight: 300;color:#fff;padding: 0 2px 0px 0px;text-transform: uppercase;}
.left-content .f-list li:nth-last-child(1) { border:none;}
.left-content .dbtn { background: #ffd800; padding: 12px 10px; border-radius: 10px; color: #3d0087; text-transform: uppercase; font-weight: 500; }
.right-content { background: #400088; padding: 15px 20px;}
.right-content .signup-form{background:#fff;padding:40px 15px 20px 15px; }

.fancybox-close-small {
   position: absolute; top: -17px; right: -16px; width: 30px; height: 30px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; 
   background: transparent; z-index: 10; cursor: pointer;
}
.fancybox-close-small:after {
    content: "\e926";
    font-family: 'icomoon' !important;
    position: absolute;
    top: 0px;
    right: 0px;
    color: white;
    font-size: 25px;
    text-align: center;
    border: 0;
    box-sizing: border-box;
    background: transparent;
    z-index: 2;
}
.fancybox-close-small:hover:after { color: white; background: transparent; }
.fancybox-close-small:focus { outline: none; }
.fancybox-close-small:focus:after {outline: none; }
/* custom popup  End*/



/* accordians packages Start*/
.packages-accordians .quest-section{margin-bottom: 30px;border: 1px solid #e1e1e3; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.packages-accordians .quest-content{padding: 6px 20px;background: #fff; float:none;border: 1px solid #e1e1e3; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.packages-accordians .quest-section .quest-title{background-color: #f3f3f3;    padding: 0px 15px 0px 22px;
}
.packages-accordians .quest-section a, .packages-accordians .quest-section p{  font-size: 13px; text-transform: none; color: #333333; font-weight: 400; }
.packages-accordians  .quest-title:before {
 content: "\e908";right: 25px; z-index: 1;color:#fff;transition: all 0.3s ease-in-out;
}
.packages-accordians  .quest-title:hover:before {
 content: "\e908";
}
.packages-accordians  .quest-title.active:before {
    content: "\e907";transition: all 0.3s ease-in-out;

}
.packages-accordians  .quest-title:after{width:40px;height: 40px;content:"";position: absolute; right:15px;top:10px;
border-radius: 100px;z-index: 0;color:#fff;transition: all 0.3s ease-in-out;
background: rgba(79,215,52,1);
background: -moz-linear-gradient(top, rgba(79,215,52,1) 0%, rgba(54,186,28,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(79,215,52,1)), color-stop(100%, rgba(54,186,28,1)));
background: -webkit-linear-gradient(top, rgba(79,215,52,1) 0%, rgba(54,186,28,1) 100%);
background: -o-linear-gradient(top, rgba(79,215,52,1) 0%, rgba(54,186,28,1) 100%);
background: -ms-linear-gradient(top, rgba(79,215,52,1) 0%, rgba(54,186,28,1) 100%);
background: linear-gradient(to bottom, rgba(79,215,52,1) 0%, rgba(54,186,28,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fd734', endColorstr='#36ba1c', GradientType=0 );
}
.packages-accordians  .quest-title.active:after {
transition: all 0.3s ease-in-out;
background: rgba(255,93,0,1);
background: -moz-linear-gradient(top, rgba(255,93,0,1) 0%, rgba(255,32,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,93,0,1)), color-stop(100%, rgba(255,32,0,1)));
background: -webkit-linear-gradient(top, rgba(255,93,0,1) 0%, rgba(255,32,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,93,0,1) 0%, rgba(255,32,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,93,0,1) 0%, rgba(255,32,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,93,0,1) 0%, rgba(255,32,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5d00', endColorstr='#ff2000', GradientType=0 );}

/* accordians  End*/





/* Start your Project  start*/
.start-project-main { background-color:#1751a0; padding: 10px 10px;
 box-shadow: 0px 0px 20px -2px rgba(0,0,0,0.5); }
.start-project-main.starter { background-color:#1792a0; }
.start-project-main.corporate { background-color:#452066; }
.start-project-main.professional { background-color:#a01761; }
.start-project-main figure{width: 152px; height: 153px;border-radius: 100%; 
    margin: 0 auto 15px auto; border: 2px solid var(--theme-white); }
.start-project-content { border:1px solid rgba(255,255,255,0); min-height: 240px; padding: 20px 15px;
position: relative;transition:all 0.3s ease-in-out; }
.start-project-content:before { position: absolute; content: ""; left: -22px; bottom: -22px; border:1px solid rgba(255,255,255,0.5); border-left: 0px; border-bottom: 0px; width: 11px; height: 11px;
transition:all 0.3s ease-in-out;  }
.start-project-content:after { position: absolute; content: "";  right: -22px; top: -22px; border:1px solid rgba(255,255,255,0.5); border-right: 0px; border-top: 0px; width: 11px; height: 11px; 
transition:all 0.3s ease-in-out; }
.start-project-main:hover .start-project-content { border:1px solid rgba(255,255,255,0.5); }
.start-project-main:hover .start-project-content:before { left: -11px; bottom: -11px; }
.start-project-main:hover .start-project-content:after { right: -11px; top: -11px; }
.project-form-num:hover {color: #ffd800;}
/* Start your Project  end*/

.about-award-box { padding: 25px 0; margin: 0 auto; display: table; min-height: 145px; }
.about-award-box  figure img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6; }
.about-award-box  figure img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }


.testimonial { border: solid 1px #e5e5e5; padding: 20px; margin: 20px 0; }
.testimonial:hover { background-color: #b304c6; color: #fff; transition: all 0.3s ease-in-out; }
.testi-name { display: inline-block; width: 220px; margin-top: 13px; }
.testi-name p { border-bottom: solid 1px #e5e5e5; line-height: 30px; font-size: 16px; font-weight: 600; }
.testi-rating { margin-top: 5px; }
.testi-rating li { display: inline-block; }
.testi-rating li img { cursor: pointer; }
.testi-quote { display: inline-block; float: right; }
.testi-quote span { font-size: 70px; color: #cccccc; font-weight: 600; }
.testimonial:hover .testi-quote span { color: #fff; }
.quote-2 { width: 37px; height: 37px; background-color: #b304c6; color: #fff; text-align: center; padding: 4px 0; font-size: 22px; 
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
 }
.testimonial:hover .quote-2 { background-color: #fff; color: #000; }
.testi-head { position: relative; padding: 9px 0 0 40px; min-height: 37px; }
.testi-head p { display: inline-block; font-size: 15px; font-weight: 600; color: #2a2a2a; margin-left: 5px; }
.testimonial:hover .testi-head p { color: #fff; }
.testi-desc { margin-top: 15px; color: #2a2a2a; }
.testimonial:hover .testi-desc { color: #fff; }
.wcu_box { box-shadow: 0px 0px 22px #cccccc; min-height: 310px; padding: 40px 30px; margin: 20px 0; }
.wcu_box span { height: 105px; display: inline-block; }
.wcu_box h4 { margin-top: 15px; padding: 0; }
.wcu_box .shead { font-size: 15px; font-weight: 600; margin-top: 20px; }
.wcu_box .lhead { font-size: 20px; font-weight: 600; }
.oc_box { height: 195px; margin: 15px 0; background-repeat: no-repeat; background-position: center; border: 1px solid #cecece; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); filter: grayscale(1); }
.oc_box:hover { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.oc_info > div :nth-child(n+21) { display: none; }
.gl_map { position: relative; }
.gl_map .loc { color: #8d09aa; font-size: 24px; position: absolute; }
.gl_map .loc p { position: absolute; background-color: #fff; color: #8d09aa; font-size: 14px; opacity: 0; font-family: var(--secondary-font-family); font-weight: 700; transition: all 0.3s ease-in-out; }
.gl_map .canada { top: 53px; left: 50px; }
.gl_map .canada .canada_text { top: 24px; left: -48px; }
.gl_map > .loc:hover p { opacity: 1; }
.gl_map .loc p:hover { opacity: 0; cursor: default; }
.gl_map .usa { top: 99px; left: 94px; }
.gl_map .usa .usa_text { top: 25px; left: 31px; }
.gl_map .argentina { top: 222px; left: 125px; }
.gl_map .argentina .argentina_text { top: 31px; left: 26px; }
.gl_map .brasil { top: 174px; left: 153px; }
.gl_map .brasil .brasil_text { top: 36px; left: 33px; }
.gl_map .france { top: 82px; left: 215px; }
.gl_map .france .france_text { top: 24px; left: -47px; }
.gl_map .germany { top: 41px; left: 230px; }
.gl_map .germany .germany_text { top: 19px; left: -63px; }
.gl_map .unknown { top: 129px; left: 257px; }
.gl_map .unknown .unknown_text { top: 33px; left: -1px; }
.gl_map .india { top: 108px; left: 334px; }
.gl_map .india .india_text { top: 38px; left: 5px; }
.gl_map .china { top: 90px; left: 373px; }
.gl_map .china .china_text { top: 26px; left: 32px; }
.gl_map .Australia { top: 183px; left: 415px; }
.gl_map .Australia .australia_text { top: 33px; left: -1px; }
.gl_map .russia { top: 28px; left: 428px; }
.gl_map .russia .russia_text { top: 34px; left: 30px; }
.sitemap_list { list-style-type: none; margin: 5px 0 10px 0; width: 100%; display: inline-block; }
.sitemap_list li { padding: 0; font-family: var(--secondary-font-family); }
.sitemap_list li a { font-size: 13px; font-weight: 600; color: #2f2f2f; display: block; padding: 6px 0 6px 15px; position: relative; }
.sitemap_list li+li { border-top: 1px dashed #d8d8d8; }
.sitemap_list li a:before { position: absolute; content: "\e957"; color: var(--primary-color); font-family: 'icomoon' !important; font-size: 16px; font-weight: 700; left: 0px; top: 3px; }
.sitemap_btn { font-size: 26px; }
.sitemap_btn:before { font-size: 21px; }
.seal-area { }
/** portfolio **/

.popup-form .intl-tel-input.separate-dial-code .selected-dial-code { padding-left: 8px; }
.popup-form form .intl-tel-input .country-list { width: 303px; }

.thank-you-box{box-shadow: 0px 0px 22px #cccccc;}
.thank-you-box figure img {width:100%;}
.thank-you-box-content {padding: 30px 28px;}
.thank-you-box-content h4 {font-size: 20px;}
.thank-you-box-content a {color:#2f2f2f;}
.thank-you-box:hover .thank-you-box-content { background: #b40ac6; color: #fff; }
.thank-you-box:hover .thank-you-box-content h4, 
.thank-you-box:hover .thank-you-box-content a, 
.thank-you-box:hover .thank-you-box-content p{color:#fff;}

.scrolltotop { position: absolute; right: 70px; top: -65px; }

.running-text-area { border-top: 1px solid #e1e1e1; position: relative;
background: rgba(246,246,246,1);
background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 28%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,246,1)), color-stop(28%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 28%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 28%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 28%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 28%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0 );
}
.running-text-area:before { position: absolute; content: ""; width: 100%; height: 1px; 
left: 0px; top: 0px;  background-color: white; }

.partners-area { border-top: 5px solid #4cbe35; }

.reasons-contnet-left { padding-right: 25px; }
.reasons-contnet-left h3 { text-shadow: 4px 2px 5px rgba(0, 0, 0, 0.7); }

.reason-box-main { text-align: center; border-right: 1px solid rgba(255,255,255,0.3);
padding: 0 15px; }
.reason-box-main figure { margin: 0 auto 0px auto; }
.reason-separator { background-color: rgba(255,255,255,0.3); width: 100%; height: 1px; }

.reason-border-left {border-left: 1px solid rgba(255,255,255,0.3);}
.reason-border-right {border-right: 1px solid rgba(255,255,255,0.3);}
.web-reasons .reasons{padding-bottom: 80px !important}

.how-it-works-main section figure { position: relative; }
.how-it-works-main section:nth-child(odd) figure:before { position: absolute; content: "";
  right: 103%; top: 83%; width: 155px; height: 155px; background:url('../../../assets/images/how-it-works/round-line-left.png') no-repeat 0 0; }
.how-it-works-main section:nth-child(even) figure:after { position: absolute; content: "";
  left: 103%; top: 83%; width: 155px; height: 155px; background:url('../../../assets/images/how-it-works/round-line-right.png') no-repeat 0 0; }

.how-it-works-main section:last-child figure:after { display: none; }

/*** forms start ***/
/*** default form styling ***/
input::-webkit-input-placeholder { color:var(--form-field-color); opacity: 1 !important; }
input:-moz-placeholder { color:var(--form-field-color); }
input::-moz-placeholder { color:var(--form-field-color); }
input:-ms-input-placeholder { color:var(--form-field-color); }
textarea::-webkit-input-placeholder { color:var(--form-field-color); opacity: 1 !important; }
textarea:-moz-placeholder { color:var(--form-field-color); }
textarea::-moz-placeholder { color:var(--form-field-color); }
textarea:-ms-input-placeholder { color:var(--form-field-color); }
input:focus, textarea:focus, select:focus, option:focus, button:focus { 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; }

select::-ms-expand { display: none; }
form select[name="txtPhoneCode"] { float: left; width: 26%; margin: 0 1% 0 0;
padding:10px 10px 10px 10px;  cursor:pointer; }
form input[name="txtPhone"] { width: 73%; }

/* form generic style
------------------------------------*/
.form-main { }
.form-main form { font-family: var(--secondary-font-family)!important; }
.form-main form .col-md-6, .form-main form .col-md-12 { padding-bottom: 12px; }
.form-main form label.field-txt {  font-weight: 500; font-size: 14px; color: #000303; 
 margin: 0 0 5px; width: 100%; display: block }
.form-main form label.field-txt span { color: #ec1d23; }
.form-main form input[type="text"],
.form-main form input[type="email"],
.form-main form input[type="number"],
.form-main form input[type="tel"],
.form-main form textarea { width: 100%; margin: 0 0 0 0; border: 1px solid #ae0000; background: white; padding: 9px 15px; color: black; font-size: 14px; font-weight: 400;  }

.form-main form input[type="text"].user 
{ background-image: url('../images/form-icons/user.png');
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 60px;
}
.form-main form input[type="text"].email {
  background-image: url('../images/form-icons/email.png');
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 60px;
}
.form-main form select.service {
/*  background-image: url('/assets/images/form-icons/service.png');
background-repeat: no-repeat;
background-position: 0 0;
*/
}

.form-main form select { width: 100%; margin: 0 0 0 0; border: 1px solid #ae0000; background: white; padding: 11px 15px; color: black; font-size: 14px; font-weight: 400;  }
.form-main form select[name="ddlMonth"], .form-main form select[name="ddlDay"], 
.form-main form select[name="ddlYear"] { float: left; width: 32.5%; margin: 0 1% 0 0; }
.form-main form select[name="ddlYear"] { margin: 0; }
.form-main form textarea { width: 100%; margin: 0; padding: 8px 12px; height: 100px; }
.check-list { float:left; margin:0 15px 0 0; }
.form-main form input[type=checkbox]:not(old),
.form-main form input[type=radio   ]:not(old){ width:28px; margin:0; padding:0; opacity:0;cursor:pointer;  }
.form-main form input[type=checkbox]:not(old) + label, input[type=radio   ]:not(old) + label{
  display: inline-block; margin-left:-28px; padding-left:28px; background:url('../../../assets/images/checks.png') no-repeat 0 0;
  line-height  : 24px; font-weight:400; font-size:13px;  }
.form-main form input[type=checkbox]:not(old):checked + label{ background-position : 0 -24px; }
.form-main form input[type=radio]:not(old):checked + label{ background-position : 0 -48px; }



.form-main form input[type="submit"] { border: 0px; cursor: pointer; font-size: 26px; display: block; background-color: #ffe400; color: #222222; margin: 0; font-size: 24px; line-height: 1; font-weight: 700; text-transform: capitalize; padding: 12px 30px 12px 20px; position: relative; text-transform: uppercase; border-radius: 3px 3px 3px 3px; font-family: var(--secondary-font-family); transition: all 0.3s ease-in-out; display: block; 
-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.2);
box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.2);
}
.form-main form input[type="submit"]:hover { background-color: var(--theme-yellow-dark); }
.form-main .submit-button { width: 100% }
.form-main .submit-button .xicon { position: absolute; top: 11px; right: 60px; font-size: 23px; font-weight: 500; color: #352105; z-index: 10; }


.form-main form input::-webkit-input-placeholder { color: black; opacity: 1 !important; }
.form-main form input:-moz-placeholder { color: black; }
.form-main form input::-moz-placeholder { color: black; }
.form-main form input:-ms-input-placeholder { color: black; }

.form-main form textarea::-webkit-input-placeholder { color: black; opacity: 1 !important; }
.form-main form textarea:-moz-placeholder { color: black; }
.form-main form textarea::-moz-placeholder { color: black; }
.form-main form textarea:-ms-input-placeholder { color: black; }

.form-main form select::-webkit-input-placeholder { color: black; opacity: 1 !important; }
.form-main form select:-moz-placeholder { color: black; }
.form-main form select::-moz-placeholder { color: black; }
.form-main form select:-ms-input-placeholder { color: black; }

.form-main form input:focus, .form-main form textarea:focus,
.form-main form select:focus, .form-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-main form .intl-tel-input { width: 100%; }
.form-main form .intl-tel-input .country-list { width: 284px; }
.form-main form .intl-tel-input .country-list .country { font-size:13px; }
/*** default form styling end ***/

.class form{  font-family: var(--secondary-font-family); }
.class form input[type="text"],
.class form input[type="number"] { height: 40px; line-height: 38px; }
.class form input[type="text"],
.class form input[type="number"],
.class form textarea {
  width: 100%;
  margin: 0 0 10px 0;
  background: white;
  padding: 10px;
  color:var(--form-field-color);
  font-size: 13px;
  font-weight: 400;
  font-family: var(--secondary-font-family);
  border:1px solid #dddddd;
  border-radius: 3px 3px 3px 3px;
}
.class form select {
  width: 100%;
  margin: 0 0 10px 0;
  background-color: white;
  padding: 10px;
  height: 40px;
  line-height: 27px !important;
  color:var(--form-field-color);
  font-size: 13px;
  font-weight: 400;
  font-family: var(--secondary-font-family);
  border:1px solid #dddddd;
  border-radius: 3px 3px 3px 3px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  background-image: url("../images/select-arrow.png");
  background-repeat: no-repeat;
  background-position: right 12px center
}

/* contact page form */
.contact-form { position: relative; z-index: 0; }
.contact-form > form { font-family: var(--secondary-font-family); }
.contact-form > form > ul > li { padding: 0px 10px 10px 10px; width: 33.3%; float: left; }
.contact-form > form > ul > li input[type="text"], .contact-form > form > ul > li input[type="number"] { height: 40px; line-height: 38px; }
.contact-form > form > ul > li input[type="text"], .contact-form > form > ul > li input[type="number"] { width: 100%; height: 46px; line-height: 44px; margin-bottom: 0px; padding: 10px; color: var(--form-field-color); font-size: 15px; font-weight: 400; font-family: var(--secondary-font-family); border-radius: 3px 3px 3px 3px; position: relative; background-color: transparent; z-index: 1; border: 1px solid #a2a2a2; }
.contact-form > form > ul > li textarea { width: 100%; height: 160px; margin: 0 0 10px 0; background: white; padding: 15px; color: var(--form-field-color); font-size: 15px; font-weight: 400; font-family: var(--secondary-font-family); border: 1px solid #a2a2a2; border-radius: 3px 3px 3px 3px; }
.contact-form > form > ul > li select { width: 100%; margin: 0 0 10px 0; background-color: white; padding: 10px; height: 46px;  color: var(--form-field-color); font-size: 13px; font-weight: 400; font-family: var(--secondary-font-family); border: 1px solid #a2a2a2; border-radius: 3px 3px 3px 3px; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; background-image: url("../images/select-arrow.png"); background-repeat: no-repeat; background-position: right 12px center }
.contact-form > form > ul > li .fieldset { background-color: white; margin-bottom: 10px; position: relative; border-radius: 3px 3px 3px 3px; position: relative; }
.contact-form > form > ul > li .fieldset.user input[type="text"] {  padding-left: 48px; }
.contact-form > form > ul > li .fieldset.email input[type="text"] { padding-left: 48px; }
.contact-form > form > ul > li .fieldset.user:before  { position: absolute;content: "\e97b";
left: 10px; top: 7px; font-family: 'icomoon' !important; color: red; font-size: 22px; }
.contact-form > form > ul > li .fieldset.email:before  { position: absolute;content: "\e927";
left: 12px; top: 10px; font-family: 'icomoon' !important; color: red; font-size: 18px; }
.contact-form > form > ul > li label.field-txt { position: absolute; top: 13px; left: 43px; color: var(--form-field-color); transform: translate3d(0, 0, 0); transition: all 0.2s ease-in-out; font-weight: 400; z-index: 0; font-size: 15px; margin-bottom: 0px; }
.contact-form > form > ul > li label.field-txt.focus-effect { transform: translate3d(0, -16px, 0) !important; color: red; font-size: 10px; font-weight: 700; }
.contact-form > form > ul > li label.field-txt span.req { font-size: 14px; display: inline-block; color: red; }
.contact-form > form > ul > li label.phone { left: 105px; }
.contact-form > form > ul > li input.phone-no { padding-left: 105px!important; }
.contact-form > form > ul > li button { color: #ffffff; background-color: var(--secondary-color); font-size: 18px; font-weight: 600; text-transform: uppercase; padding: 12px 45px; position: relative; display: table; border-radius: 3px; border: 0px; cursor: pointer; position: relative; display: flex; line-height: 1; }
.contact-form > form > ul > li button:after { content: "\e973"; font-family: 'icomoon' !important; color: white; font-size: 18px; display: table-cell; vertical-align: middle; padding-left: 10px; font-weight: 300; }
.contact-form > form > ul > li button:hover { background-color: var(--secondary-color-dark); }
/* contact page form end */

/* floating form */
.floating-container { position: fixed; left: -80px; top: 18%; z-index: 999; width: 50px; height: 100%; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.floating-container.fixed { left: 0px; }
.floating-form { background: #d21000; padding: 15px 35px 15px 42px;  -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; position: absolute; top: 50px; left: -407px; width: 400px; height: 411px; }
.floating-form.activesticky { left: 0px; }
.overlay-bg{background: rgba(0, 0, 0, 0.9);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 998;cursor: pointer;display: none;opacity: 0.8;}
.active-overlay{display: block !important;}
/*.floating-form.activesticky:before { content: ""; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); z-index: -1; }*/
.floating-form .sticky-tag { position: absolute; right: -87px; top: 0; bottom: 0; width:93px; text-align: center; cursor: pointer; transition:all 0.3s ease-in-out;  }
.floating-form .sticky-tag:hover { right: -93px; }
.floating-form.activesticky .sticky-tag:hover  { right: -87px;}
.floating-form .sticky-tag > * { height: 100%; width: 93px; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; }
.float-form form input[type="submit"] { border: 0px; cursor: pointer; ; display: block; background-color: #ffe400; color: #352105; margin: 0; font-size: 28px; line-height: 1; font-weight: 700; text-transform: capitalize; padding: 12px 30px 12px 20px; position: relative; text-transform: uppercase; border-radius: 3px 3px 3px 3px; font-family: var(--secondary-font-family); transition: all 0.3s ease-in-out; display: block; 
-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.2);
box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.2);
}
.float-form form input[type="submit"]:hover { background-color: var(--theme-yellow-dark); }
.float-form .submit-main { width: 100% }
.float-form .submit-main .xicon { position: absolute; top: 11px; right: 60px; font-size: 28px; font-weight: 500; color: #352105; z-index: 999; }
.float-form form input[type="text"], .float-form form input[type="email"], .float-form form input[type="number"], .float-form form input[type="tel"], .float-form form textarea { border: 1px solid transparent!important; }
.float-form select { border: 1px solid transparent!important; }
/* floating form end */

/* popup form start */
.popup-form {} 
.popup-form form input[type="text"], .popup-form form input[type="email"],
.popup-form form input[type="number"], .popup-form form input[type="tel"], .popup-form form textarea
{ border:1px solid #cccccc;  }
.popup-form select { border:1px solid #cccccc; }
.popup-form form .col-md-6, .popup-form form .col-md-12 { padding-bottom: 20px; }
.popup-form form input[type="submit"] { border: 0px; cursor: pointer; background-color: transparent; color: white; text-transform: uppercase; font-weight: 700; }
.popup-form form input[type="submit"]:hover { background-color: var(--secondary-color-dark); }
.popup-form .submit-main { cursor: pointer; }
.popup-form .submit-main .xicon { position: absolute; top: 11px; right: 24px; font-size: 23px; font-weight: 500; color: #2e0066; z-index: 999; }
/* popup form start end */

/*start project form start*/
.contact-form > .start-project-form {}
.start-project-form  form > ul > li .fieldset {background:transparent;}
.start-project-form  form > ul > li select,.start-project-form  form > ul > li textarea { 
  background-color:transparent;  color:#fff; font-size:15px; border:1px solid #fff; }
   .start-project-form  form > ul > li select { 
  background-color:transparent; background-image: url("../images/select-arrow-white.png");
   color:#fff; font-size:15px; border:1px solid #fff; }

.start-project-form  form > ul > li select.service option { color: #fff;background: #3f087d;border:none; }
.start-project-form  form  ul  li input::-webkit-input-placeholder ,input:-moz-placeholder{ color:#fff;font-size:15px;}
.start-project-form > form  ul li textarea::-webkit-input-placeholder{ color:#fff !important;font-size:15px;}
.start-project-form > form > ul > li label.field-txt{color:#fff;font-size:15px;}
.start-project-form > form > ul > li label.field-txt span.req{color:#fff;}
.start-project-form > form > ul > li .selected-dial-code{color:#fff;border-right:1px solid #fff;}
.start-project-form > form > ul > li .iti-arrow{display:none;}
.start-project-form > form > ul > li input[type="text"], .start-project-form > form > ul > li input[type="number"]{border:1px solid #fff;}

.start-project-form > form > ul > li .fieldset.user:before  { color: white; }
.start-project-form > form > ul > li .fieldset.email:before  { color: white; }

.start-project-form > form > ul > li button { color: #2e0066; background-color: var(--theme-yellow);margin: 0 auto;}
.start-project-form > form > ul > li button:after{color:#2e0066;}
.start-project-form > form > ul > li button:hover{background-color: var(--theme-yellow);}
/*start project form End*/

form label.error { display: none !important; }
form input.error  { border:1px solid red !important; } 
form select.error, form textarea.error { border:1px solid red !important; }
.error { border:1px solid red !important; }

.float-form form input.error {  border:1px solid red !important; }


.slider-form-box.form-main form input.error, .slider-form-box.form-main form select.error
  { background-color: #FFD7D7; }  
.float-form.form-main form input.error, .float-form.form-main form select.error
  { background-color: #FFD7D7; }  
/*** forms end ***/


/* footer 
------------------------------------*/
.lp-footer { background: #000; }
.lp-footer .lp-cta-2-list li p:before{display: none;}
.lp-footer .lp-cta-2-list li{margin:0;}
.footer-main { padding: 0;  margin: 0;  }
.footer-top { background-color: #191520; border-top: 5px solid #4cbe35; }

.footer-top h4 {color: #fcca00; font-size: 16px;font-weight: 700;text-transform: uppercase;
  margin: 0; padding:10px 0 10px 0; position: relative; }

.address-main {width:100%;display: inline-block;margin: 10px 0;}
.address-main li{ font-size:12px; font-weight: 300; padding:2px 0 18px 30px;position: relative; color:white; }
.address-main li a { color:white; }
.address-main li a:hover { color:#c1c1c1;}
.address-main li span {position: absolute;left: 0px;top: 0px; color: white; font-size:18px;}
.address-main li:last-child { padding-bottom: 0px; }




.footer-nav {list-style-type: none;margin: 5px 0 10px 0;width: 100%;display: inline-block;}
.footer-nav li { padding: 0;   border-bottom: 1px dashed #695f79;  }
  
.footer-nav li a { font-size: 12px; font-weight: 300; color: white; display: block;
padding:10px 0 10px 15px; position: relative;  }

.footer-nav li a:before { position: absolute; content: "\e957"; 
color: white; font-family: 'icomoon' !important; font-size: 15px; font-weight: 700; left: 0px; top:9px; }
.footer-nav li a:hover { color: #c1c1c1; }


.newsletter-main h4 { padding-bottom: 5px; }
.newsletter-main p { font-size: 12px; font-weight: 300; color: #796f8a; line-height: 1.4; }

.subscribe-main { margin:10px 0; width:100%; display:inline-block;
    position: relative;
border-radius: 0px 100px 100px 0px;
-moz-border-radius: 0px 100px 100px 0px;
-webkit-border-radius: 0px 100px 100px 0px;
 }
.subscribe-main input[type='text']{background: #251f30;border: 0;color: #4f475d;padding:10px 10px 10px 15px;font-size: 12px;font-weight: 700; text-transform:uppercase; float: left; height: 45px;line-height: 45px;width: 100%;
border-radius: 0px 100px 100px 0px;
-moz-border-radius: 0px 100px 100px 0px;
-webkit-border-radius: 0px 100px 100px 0px;
}
.subscribe-main input[type='submit']{background: #fe2200;border:0px;color:white;padding: 0;font-size: 16px;font-weight: 700;text-transform:uppercase;cursor:pointer;float: left;height: 45px;
    width: 35%; border-radius: 100px; position: absolute; right: 0px; top: 0px; }
.subscribe-main input[type='submit']:hover{background: #d21000;}
.subscribe-main input::-webkit-input-placeholder {color: #4f475d; opacity: 1 !important; }
.subscribe-main input:-moz-placeholder {color: #4f475d; }
.subscribe-main input::-moz-placeholder {color: #4f475d; }
.subscribe-main input:-ms-input-placeholder {color: #4f475d;}

.subscribe-main .intl-tel-input { display: none; }

.footer-bottom { background: #312940; padding: 10px 0; }
.btm-text {  padding: 0; margin: 0px; font-size: 13px; color: #c5c5c5; }
.copyright span {  color: #4d4d4d; }
.bottom-links{padding: 0; margin: 0px; font-size: 13px; color: #c5c5c5;float: right;}
.bottom-links a{font-size: 13px; color: #c5c5c5;}
.footer-contact-detail { color: #cbcbcb; font-size: 20px; padding: 10px 0; margin-bottom: 30px; }
 .footer-contact-detail span
 { color: #fff;margin-right: 6px; font-size: 20px;}
 .footer-contact-detail a { color: white; }
 .footer-contact-detail a:hover { color: white; }
.copyright {  padding: 0; margin: 0px; font-size: 13px; color: #796f8a; }
.copyright span {  color: #4d4d4d; }

.ftr-social2 {display: inline-block;margin: 5px 0 10px 0; }
.ftr-social2 li { float: left; margin: 0 10px 0 0; position: relative; text-align: center; }
.ftr-social2 li a { display: block; padding: 0; text-align: center; }
.ftr-social2 li a span {width:25px; height:25px; line-height:30px; border-radius: 50%; color: #cbcbcb; font-size: 18px; margin: 0; display: block; }
.ftr-social2 li a:hover span { color: #cbcbcb; }

.disclaimer-area { background: #191520; padding: 20px 0; }
.disclaimer { font-size: 12px; font-weight: 400; color: #70677e; line-height: 1.4; margin: 0; padding: 0 ; }
.disclaimer strong { color: var(--primary-color); font-weight: 500; }
.paypal { padding: 10px 0 0 0; }
.money-back {padding: 40px 0 0 0; }
.money-back img {  transition: all 200ms ease-in;  }
.money-back img:hover { transform: scale(1.05); }
.footer-border{}
/*** footer end ***/

/********** Responsive **********/
@media only screen and (min-width: 768px) {
.home-banner-content h1 { font-size: var(--font-size-h1-home)!important; }    
.home-banner-content .subtitle { font-size:27px; }
.home-banner-content a.home-banner-link { font-size: 20px; }

.inner-banner-content h1 { font-size: var(--font-size-h1-inner)!important; }    
.inner-banner-content .subtitle { font-size:26px; }

h2, .h2{ font-size: var(--font-size-h2)!important; }
.medium-hd, .medium-hd { font-size: var(--font-size-h2-medium)!important; }
.small-hd, .small-hd { font-size: var(--font-size-h2-small)!important; }
.xsmall-hd, .xsmall-hd { font-size: var(--font-size-h2-xsmall)!important; }
}

@media only screen and (min-width: 991px) {

.packages-2by3 .package-view:nth-child(1) .package-box-main .price-box .name,
.packages-2by3 .package-view:nth-child(2) .package-box-main .price-box .name {
/*width: 65%; float: left; font-size: 40px; 
 min-height: 145px;*/
}
.packages-2by3 .package-view:nth-child(1) .package-box-main .price-box .price,
.packages-2by3 .package-view:nth-child(2) .package-box-main .price-box .price {
/* width: 35%; float: left; min-height: 145px;*/  }
.packages-2by3 .package-view:nth-child(1) .package-box-main .price-box .name h4,
.packages-2by3 .package-view:nth-child(2) .package-box-main .price-box .name h4 {
/* font-size: 35px;*/ }
 .packages-2by3 .package-view:nth-child(1) .package-box-main .price-box .price h4 span {
/*    display: block; text-align: right; right: 0;*/ }
.packages-2by3 .package-view:nth-child(2) .package-box-main .price-box .price h4 span {
/*    display: block; text-align: right; right: 0;*/ }

    .packages-2by2 .package-view .package-box-main .price-box .name {
/*width: 65%; float: left; min-height: 145px; font-size: 40px;*/ }
.packages-2by2 .package-view .package-box-main .price-box .price{
/*width: 35%; float: left; min-height: 145px; */ }
.packages-2by2 .package-view .package-box-main .price-box .name h4 { /*font-size: 35px;*/ }
.packages-2by2 .package-box-main .price-box .price h4 span {
    /*display: block; text-align: right; right: 0; */}
}


@media only screen and (max-width: 1200px) {
.slider-wrapper { margin-bottom: 10px; }
.home-slider .slick-dots { width:auto; text-align:center; }
.main-menu > ul > li { padding: 0 15px; }
.packages-cta-list { display: none; }
.more-features-list li { padding: 0 10px; }
.more-features-list li span { font-size: 14px; } 
.features-hd { margin-right: 25px; }
.sticky-ban-offer .bg-wrap { padding: 15px 10px; }
.sticky-ban-offer .bg-wrap .yellow-btn { margin-left: 20px; }
.hidden-xl-down { display: none!important; }
}
@media only screen and (max-width: 1024px) {
.home-banner { background-position: center left; }
.features-bar-full { margin-bottom: 10px; }
.features-bar-list-box { border-left: 1px solid #c781d8!important;
 margin: 5px 0; }
.lrg-num h2 { font-size: 100px !important; }
.hidden-lg-down { display: none!important; }
}
/* 991 media start */
@media only screen and (max-width: 991px) {
  .slider-form-area {
    position: static;
    margin: 15px auto;
    display: table;
}
.slider-form-main {
   margin:0 auto;
   float:none;
}
.form-main form .intl-tel-input .country-list { width: 338px; }
.form-main form .submit-button{ font-size: 22px !important; }
.slider-form-main h2 { font-size: 30px !important; line-height: initial; min-height:45px;}
.about-tabs ul li { width: 33%; float: left; }
.about-tabs:before{display:none;}
.about-tabs .tabs-custom-nav { margin-bottom: 20px; width: 100%; display: inline-block; }
    .contact-list-main { width:initial; margin: 0 auto; display:table; }
.floating-container { display: none; }
.logo {width: 120px; margin: 0; }	
.nav-area-full { padding: 10px 0; }
.nav-area-full:before { display: none; }
.nav-area-full .container { width: 100%; max-width: 100%; }
.slider-overlay { display: none !important; }
.sticky-ban-offer { display: none; }
.award-customer-area { display: none; }
.ultimate-content-main { padding: 25px 40px 20px 40px; }
.ultimate-seal { margin: 0 auto; display: table; }
.discount-price-box { position: static; margin: 20px auto 0 auto; }
.ultimate-content-main .plpx-60 { padding-left: 15px!important; }
.footer-top .plpx-80,.footer-top .plpx-40,.footer-top .plpx-30  { padding-left: 15px!important; }
.paypal { padding: 15px 0 15px 0; }
.scrolltotop { display: none; }
.partner-logo { border-right: 0px; }
.features-bar-list li { width: 33.33%; margin-bottom: 10px; border-left: 1px solid #c781d8; }
.tabs-overview-nav { width: 100%; min-height: initial; }
.tabs-overview-nav > li { padding: 0 15px; position: relative; width: 50%; float: left; }
.tabs-overview-nav > li.current:before { display: none; }
.tabs-overview-nav > li > a { font-size: 14px; padding: 7px 5px 7px 16px; }
.tabs-overview-nav > li > a:before { top: 3px; }
.tabs-overview-content { width: 100%; padding: 20px; }
.testi-quote { display: none; }
.testi-name { width: 100%; }

.hidden-md-down { display: none!important; }
}

/* 991 media end */

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

.cta-img img { display:none; !important;}
.cta-img2 img { display:none; !important;}
.slider-form-main {
    position: static;
    top: 0;
    right: 0px;
    background: #fe3e03 !important;
}
.form-main-area{right:0;}
}

/* 767 media start */
@media only screen and (max-width: 767px) {
    .features-bar-full .sliderxs .slick-dots li button{background: #5a5a5a;}
    .bottom-links{float: none;}
    .slider-form-main {
    position: static;
    top: 0;
    right: 0px;
    background: #fe3e03 !important;
}
.slider-form-box { padding: 20px; }
.home-banner-content h1 span{font-size: 30px !important;  }
.form-hd-tagline h4{font-size: 15px !important;}
.slider-form-main h3{font-size: 22px!important;}
.slider-form-main .form-main form .intl-tel-input .country-list {width: 256px;}
.form-main form .submit-button{ font-size: 20px !important; }
.form-main-area{right:0;}
.form-main p{    font-size: 11px!important;}
.about-tabs ul li:after{display:none;}
.over-view-list img{display:none;}
.about-tabs ul li { border:none;float: left; width: 48%; border: 1px solid; margin: 5px 1px; padding: 5px 0; }
.about-tabs ul li span{display:none;}
.about-tabs ul li.current { background: #8f03b1; }
.about-tabs ul li.current a{color:#fff;}
.quality-box-main{display:none;}
.tabs-info{padding: 20px 0;}
.home-banner { height: 286px; }

.inner-banner { height: 300px; }
.contact-form > form > ul > li { width:100%; }
.intl-tel-input .country-list { width:315px; }
.start-your-project-form-main .intl-tel-input .country-list { width: 294px; }
.contact-form > form > ul > li button { margin:0 auto; }
.packages-tab-list ul > li { padding: 0 10px; }
.packages-tab-list ul > li > a { font-size: 14px; }
.list-scroll { height: 160px; }
.ultimate-logo-package h3 { font-size: 24px; padding: 14px 25px 14px 25px; }
.companies-counter-box-border { border-left: 0px; }
.testi-box-main { padding: 15px 0 10px 0; min-height: initial;  }
.testi-box-main figure { position: static; margin: 0 auto 10px auto; display: table; } 
.portfolio-area .slick-dots { display: none!important; }

.features-bar-list-box { border-left: 0px!important; }
.features-bar-full .sliderxs .slick-dots li.slick-active button { background: white ;  }

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

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

.sliderxs { padding-bottom:30px; }
.portfolio-area.sliderxs { padding-bottom:0px; }

.testimonials-area .sliderxs { padding-bottom:0px; }
.testimonials-area .slick-dots { display: none!important; }


.copyright { text-align:center;  }  
.footer-nav2 { margin: 10px auto 10px auto; display:table; float: none; }
.disclaimer { text-align:center;  }
.hidden-sm-down { display: none!important; }
}
/* 767 media end */

/* 576 media start */
@media only screen and (max-width: 576px) {
  
.tabs-overview-nav > li { width: 100%; }
.hidden-xs-down { display: none!important; }
}
/* 576 media end */

/* 480 media start */
@media only screen and (max-width: 480px) {
.slider-form-main h2 { font-size: 25px !important; }
.form-main form .submit-button{ font-size: 16px !important; }
.slider-form-main {width:100%;}
.form-main {width:100%;}
.about-tabs ul li { float: left; width: 100%; border: 1px solid; margin: 5px 1px; padding: 5px 0; }
.about-tabs ul li.current { background: #8f03b1; }
.about-tabs ul li.current a{color:#fff;}
.packages-tab-list ul > li { width: 100%; }
.packages-tab-list ul > li+li { border-left: 0px; }
.packages-tab-list ul > li > a { padding: 5px 0; }
.ultimate-logo-package h4 { font-size: 16px; }
.ultimate-logo-package h4:before { font-size: 13px; }
.copyright { font-size: 12px; }
}
/* 480 media end */