section.banner ul.btns li {

    display: inline-block;

}

section.banner ul.btns li+li a {

    background: #567ef6;

    border: 0px solid #ff7200;

    margin-left: 6px;

    padding: 11px 21px;

    text-transform: uppercase;

}

section.banner.inner-banner {

    height: 600px;

    padding-bottom: 43px;

}

a:focus, a{outline: none;}

section.banner.inner-banner h2 {

    font-size: 40px !important;

    margin-bottom: 0;

}

body{

     font-family: 'Poppins', sans-serif;

}

@font-face {

    font-family: 'icomoon';

    src:  url('../fonts/icomoon.eot');

    src:  url('../fonts/icomoon.eot') format('embedded-opentype'),

    url('../fonts/icomoon.ttf') format('truetype'),

    url('../fonts/icomoon.woff') format('woff'),

    url('../fonts/icomoon.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

[class^="icon-"], [class*=" icon-"] {

    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: 'icomoon' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.icon-icon-email:before {

    content: "\e902";

}

.icon-icon-phone:before {

    content: "\e903";

}

.icon-email:before {

    content: "\e900";

}

.icon-phone:before {

    content: "\e901";

}

 

section.banner {text-align: center;background: url(../images/banner.webp);font-size: 14px;color: #fff;line-height: 27px;background-size: cover;text-align: left;font-family: 'Poppins', sans-serif !important;padding-top: 130px;padding-bottom: 82px;}

.logodiv {

    position: absolute;

}

header {

    padding: 15px 0 !important;

    position: absolute;

    z-index: 9;

    width: 100%;

}

header .top-head {

    float: right;

    margin-bottom: 0;

    margin-top: 17px;

}

header .top-head li {

    float: left;

    margin-right: 25px;

}

header .top-head li:last-of-type {

    margin: 0

}

header .top-head li img {

    position: relative;

}

header .top-head li i {

    color: #567ef6;

    margin-right: 6px;

    font-size: 22px;

}

header .top-head li a {

    font-size: 16px;

    text-transform: uppercase;

    /* vertical-align: bottom; */

    font-weight: 500;

}

header .top-menu,  header .main-menu {

    float: left;

    width: 100%;

    text-align: right;

}

header .top-menu li,  header .main-menu li {

    margin-right: 15px;

    display: inline-block;

}

header .top-menu li:last-of-type {

    margin: 0

}

header .top-menu li a, header .main-menu li a {

    font-size: 13px;

    color: #8a8989;

    text-transform: uppercase;

    font-weight: 500

}

div#navbar {text-align: right;}

section.banner h2 {font-size: 45px;color: #fff;font-weight: 500;margin: 0 0 10px;line-height: 50px;border-bottom: 1px solid #ccc;padding-bottom: 20px;width: 82%;}

section.banner a.colored {display: inline-block;color: #fff;position: relative;font-family: 'Poppins', sans-serif;font-weight: 600;padding: 10px 30px;background: #ff0024;/* border: 2px solid #567ef6; */text-transform: uppercase;border-radius: 5px;}

section.banner a i {background: #f7ce0f;padding: 9px;color: #000;border-radius: 100px;height: 43px;width: 43px;font-size: 22px;margin-left: 10px;}

header ul.nav.navbar-nav li a:hover ul.submenu {

    display: block;

}

ul.submenu {

    display: none;

    width: 190px;

    position: absolute;

    left: 20px;

    background: #000;

    text-align: left;

    padding-bottom: 5px;

    top: 30px;

    border-radius: 0px 0px 10px 10px;

}

header ul.nav.navbar-nav li:hover ul.submenu {

    display: block;

}

header ul li a {

    padding: 13px;

    text-transform: uppercase;

    font-weight: 500;

    font-size: 14px;

    font-family: 'Poppins', sans-serif;

    color: #fff;

}

section.banner h2 span {

    color: #ffc600;

    font-weight: 700;

    line-height: 52px;

    padding: 0 0;

    margin-top: 0;

    display: inline-block;

    position: relative;

    font-size: 40px;

    z-index: 1;

}

section.banner h3 {

    line-height: 32px;

    font-weight: 700;

    font-family: 'Poppins', sans-serif !important;

    position: relative;

    z-index: 1;

    padding: 4px 26px;

    text-align: center;

    height: 128px;

    font-size: 23px;

    margin: 0;

    background: #fff;

    margin: -20px -20px;

    padding-top: 20px;

    padding-bottom: 90px;

    color: #2f2f2f;

    text-transform: uppercase;

}

a.grad-btn {

    background: #567ef6;

}

ul.submenu li {

    padding: 8px 10px;

}

header ul.nav.navbar-nav li a:hover {

    border-left: 2px solid #d22a43;

    border-right: 2px solid #f0760a;

    border-radius: 5px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background-position: 0 0, 0 100%;

    background-repeat: no-repeat;

    background-size: 100% 2px;

    background-image: linear-gradient(to right, #d22a43 0%, #f0760a 100%), linear-gradient(to right, #d22a43 0%, #f0760a 100%);

}

header ul.nav.navbar-nav li a:hover {

    color: #fff;

    position: relative;

}

 

input.required.error, textarea.required.error, select.required.error {

    border-bottom: red 2px solid !important;

    color: red !important;

}

label.error {

    display: none !important;

}

.sub-heading {

    color: #f7ce0f;

    font-weight: 600;

    margin-bottom: 8px;

    font-size: 18px;

    margin-top: 15px;

}

.thankyou-banner h1 {

    font-size:  46px;

    font-weight: 600;

    margin-bottom: 22px;

    line-height: 58px;

}

.thankyou-banner h1 span {

    display:  block;

    font-family:  georgia;

    font-style:  italic;

}

.thankyou-banner {

    text-align: center;

    background: url(../images/home-banner.webp);

    display: -webkit-flex;

    display: inline-flex;

    -webkit-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    justify-content: center;

    height: 100vh;

    width: 100%;

    font-size: 22px;

    color: #fff;

    line-height: 26px;

    background-size: cover;

}

a.live-chat-thank.chat {

    background: #ee2c5e;

    display: inline-block;

    border-radius: 50px;

    padding: 14px 70px;

    color: #fff;

    text-transform:  uppercase;

    letter-spacing: 1px;

    margin: 40px 0;

}

i.bulb-icon {

    background: url(../images/logo-icon.webp) no-repeat;

    width: 143px;

    height: 170px;

    position: absolute;

    top: -108px;

    left: -60px;

    z-index: -1;

}

section.packages {

    padding: 50px 0;

    font-size: 14px;

    color: #848894;

    line-height: 23px;

    /* background: url(../images/our-banner-vector.webp) repeat center top; */

    text-align: center;

}

section.packages h2 {

    text-align: center;

    font-size: 32px;

    font-weight: 500;

    margin: 0 0 30px;

    color: #282828;

}

section.packages h2 a.grad-btn {

    color: #fff;

}

section.packages a.grad-btn {

    color: #fff;

    padding: 5px 20px;

    border-radius: 0;

    font-size: 12px;

    /* text-transform: uppercase; */

    font-weight: 500;

    display: inline-block;

    letter-spacing: 1px;

    /* position: relative; */

    /* margin: 0 auto; */

    /* display: table; */

    /* top: 20px; */

}

section.packages p {

    font-size: 12px;

    width: 100%;

    margin: 0 auto;

    text-align: left;

    margin-bottom: 0;

    font-weight: 400;

    line-height: 21px;

    color: #000000;

}

section.packages a.border-btn {

    font-weight: 600;

    padding: 6px 30px;

    background: linear-gradient(to right, #ef4e28 0%, #ec6d28 21%, #f7a358 74%, #f7c158 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    display: inline-block;

    border: 3px solid transparent;

    border-image: linear-gradient(to right, #ef4e28 0%, #ec6d28 21%, #f7a358 74%, #f7c158 100%);

    border-image-slice: 5;

    text-transform: uppercase;

}

a {}

section.packages [class*=col] {

    margin: 0px 0 30px;

}

section.packages [class*=col]>div {

    padding: 20px 10px 0;

    position: relative;

    border: 3px solid #d8dfe6;

    border-radius: 4px;

    box-sizing: border-box;

    width: 100%;

    margin: 0 auto;

    -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    -ms-transition: all .2s ease-in;

    transition: all .2s ease-in;

}

section.packages [class*=col]>div h2 {

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    display: inline-block;

    margin: 0;

    text-align: left;

    text-transform: uppercase;

    margin-right: 15px;

}

section.packages [class*=col]>div i {

    position: absolute;

    right: -2px;

    top: 0;

}

section.packages [class*=col]>div .pricebox {

    position: relative;

    background: blue;

    padding: 20px;

    color: #fff;

    margin: -20px -11px;

    margin-bottom: 20px;

    text-align: left;

} 

section.packages [class*=col]>div .pricebox h3 {

    display: inline-block;

    font-size: 53px;

    margin: 0;

    font-weight: 500;

    color: #d22a41;

    padding-right: 10px;

}

section.packages [class*=col]>div .pricebox strike {

    font-size: 16px;

    color: #db0000;

    position: relative;

    top: -10px;

    font-weight: 700;

} 

c {}

section.packages [class*=col]>div ul li {

    font-size: 13px;

    color: #5c5c5c;

    font-weight: 500;

    padding-left: 15px;

    position: relative;

    margin-bottom: 0px;

    line-height: 13px;

    margin-bottom: 10px;

}

section.packages [class*=col]>div ul li:before {

    content: "\f111";

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 7px;

    top: 3px;

    position: absolute;

    color: #ffc600;

    left: 0;

}

section.packages [class*=col]>div ul {

    margin-bottom: 0px;

    margin-top: 14px;

    text-align: left;

    float: none;

    width: 100%;

}

p.addontag {

    font-size: 12px;

    color: #000000;

    display: inline-block;

    margin-bottom: 0px;

    width: 100%;

    font-weight: 700;

    text-align: v;

    margin: 7px 0;

}

p.addontag strong {

    color: #db0000;

    font-weight: 600;

}

section.packages [class*=col]>div a.mr-det {

    display: block;

    text-transform: uppercase;

    color: #000;

    margin: 10px 0 0px;

    font-weight: 700;

    font-size: 11px;

    letter-spacing: 2px;

    margin-left: 5px;

}

section.packages [class*=col]>div h2+p {

    font-size: 11px;

    color: #727272;

    text-align: center;

    width: 100%;

    margin: 0 0 16px;

    line-height: 14px;

}

section.packages [class*=col]{

    padding: 0 5px;

}

section.packages [class*=col]>div:hover {

    /* border: 2px solid #d22a43 !important; */

    /* border-right: 2px solid #f0760a; */

    /* border-radius: 14px; */

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    /* background-position: 0 0, 0 100%; */

    /* background-repeat: no-repeat; */

    /* background-size: 100% 2px; */

    background: white;

}

/*

 *  STYLE 14

 */

.style-14::-webkit-scrollbar-track

{

    background-color: #fff;

    border: 1px solid #dadfe2;

}

.style-14::-webkit-scrollbar

{

    width: 7px;

    background-color: #4f88f7;

}

.style-14::-webkit-scrollbar-thumb

{

    background-color: #4f88f7;

}

.scrollbar

{

    margin-left: 0px;

    float: left;

    height: 188px;

    width: 100%;

    overflow-y: scroll;

    margin-bottom: 15px;

    overflow-x: hidden;

}

.force-overflow

{

    min-height: 450px;

}

section.br-sol {

    background: url(../images/br-sol-bg.webp);

    color: #fff;

    padding: 50px 0;

    position: relative;

    background-size: cover;

}

section.br-sol .col-md-7 h2 {

    font-size: 42px;

    font-weight: 600;

    line-height: 49px;

    margin: 50px 0 20px;

}

section.br-sol .col-md-7 h2+p {

    font-size: 16px;

    line-height: 26px;

}

section.br-sol .col-md-7 a {

    background: #5d3c83;

    padding: 10px 30px;

    color: #fff;

    font-size: 15px;

    font-weight: 600;

    text-transform: uppercase;

    margin: 10px 0 0;

    display: inline-block;

    border-radius: 5px;

}

section.br-sol [class^="col-md-4"]>div {

    border-radius: 14px;

    padding: 0px 30px 0;

    position: relative;

    /* background: rgba(219,51,76,1); */

    background: -moz-linear-gradient(left, rgba(219,51,76,1) 0%, rgba(249,124,21,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(219,51,76,1)), color-stop(100%, rgba(249,124,21,1)));

    /* background: -webkit-linear-gradient(left, rgba(219,51,76,1) 0%, rgba(249,124,21,1) 100%); */

    background: -o-linear-gradient(left, rgba(219,51,76,1) 0%, rgba(249,124,21,1) 100%);

    background: -ms-linear-gradient(left, rgba(219,51,76,1) 0%, rgba(249,124,21,1) 100%);

    /* background: linear-gradient(to right, rgba(219,51,76,1) 0%, rgba(249,124,21,1) 100%); */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db334c', endColorstr='#f97c15', GradientType=1 );

    position: relative;

    top: 0;

    border: 2px solid #fff;

}

section.br-sol [class^="col-md-4"]>div h2 {

    font-size: 18px;

    font-weight: 600;

    text-align: left;

    margin-bottom: 10p

}

section.br-sol [class^="col-md-4"]>div i {

    position: absolute;

    right: -2px;

    top: 0;

}

section.br-sol [class^="col-md-4"]>div .pricebox {

    position: relative;

}

section.br-sol [class^="col-md-4"]>div .pricebox sup {

    font-size: 25px;

    font-weight: 600;

    position: relative;

}

section.br-sol [class^="col-md-4"]>div .pricebox h3 {

    display: inline-block;

    font-size: 87px;

    margin: 0;

    font-weight: 700;

    color: #fff;

}

section.br-sol [class^="col-md-4"]>div .pricebox strike {

    font-size: 16px;

    color: #ffffff;

    position: relative;

    top: -10px;

    font-weight: 700;

}

section.br-sol [class^="col-md-4"]>div .pricebox span {

    position: absolute;

    top: 20px;

    left: 0;

    font-size: 14px;

    color: #ffffff;

    font-weight: 700;

}

c {}

section.br-sol [class^="col-md-4"]>div ul li {

    font-size: 13px;

    color: #ffffff;

    font-weight: 300;

    padding-left: 15px;

    position: relative;

    margin-bottom: 5px;

}

section.br-sol [class^="col-md-4"]>div ul li:before {

    content: "\f111";

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 7px;

    top: 9px;

    position: absolute;

    left: 0;

}

section.br-sol [class^="col-md-4"]>div ul {

    margin-bottom: 20px;

}

section.br-sol [class^="col-md-4"]>div p.addontag {

    font-size: 13px;

    color: #ffffff;

    display: inline-block;

    margin-bottom: 7px;

}

section.br-sol [class^="col-md-4"]>div p.addontag strong {

    color: #ffffff;

}

section.br-sol [class^="col-md-4"]>div a.mr-det {

    display: block;

    text-transform: uppercase;

    color: #fff;

    margin: 10px 0 0px;

    font-weight: 700;

    font-size: 11px;

    letter-spacing: 2px;

    margin-left: 5px;

}

section.br-sol [class^="col-md-4"]>div h2+p {

    font-size: 12px;

    text-align: left;

    width: 100%;

    margin-bottom: 15px;

}

section.br-sol [class^="col-md-4"]>div a.various {

    display: inline-block;

    background: #fff;

    color: #000;

    font-size: 14px;

    padding: 10px 30px;

    border-radius: 5px;

    font-weight: 700;

    position: relative;

    margin: 0 auto;

    display: table;

    top: 20px;

}

section.solution {

    padding: 100px 0 50px;

    text-align: center;

}

section.solution h2 {

    text-align: center;

    font-size: 47px;

    font-weight: 800;

    margin: 0 0 20px;

    color: #282828;

}

section.solution h2+p {

    color: #848894;

    font-size: 18px;

    width: 80%;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 30px;

    font-style: italic;

    line-height: 28px;

}

section.solution .col-md-4>div {

    text-align: left;

}

section.solution .col-md-4>div i {

    display: inline-block;

    padding-right: 15px;

}

section.solution .col-md-4>div span {

    display: inline-block;

    color: #c8c8c8;

    font-size: 16px;

    position: absolute;

    top: 5px;

}

section.solution .col-md-4>div h3 {

    display: inline-block;

    font-size: 22px;

    color: #000000;

    font-weight: 800;

    margin: 30px 0 20px;

}

section.solution .col-md-4>div p {

    font-size: 13px;

    color: #8e929c;

    line-height: 23px;

}

section.solution a.grad-btn {

    margin: 40px 0;

    display: inline-block;

    color: #fff;

    padding: 10px 30px;

    border-radius: 5px;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 500;

}

section.solution a.border-btn {

    font-weight: 600;

    padding: 6px 30px;

    background: linear-gradient(to right, #ef4e28 0%, #ec6d28 21%, #f7a358 74%, #f7c158 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    display: inline-block;

    border: 3px solid transparent;

    border-image: linear-gradient(to right, #ef4e28 0%, #ec6d28 21%, #f7a358 74%, #f7c158 100%);

    border-image-slice: 5;

    text-transform: uppercase;

}

.contact-sec {

    position: absolute;

    right: 0;

    top: 13px;

}

.contact-sec a {

    display: inline-block;

    text-align: center;

    color: #fff;

    margin-right: 20px;

    font-size: 16px;

    font-weight: 500;

}

.contact-sec a+a {

    padding: 11px 40px;

    font-size: 12px;

    border-radius: 5px;

    margin-right: 0;

    position: relative;

    top: -1px;

}

section.numbers {

    padding: 50px 0;

    text-align: center;

}

section.numbers h2 {

    text-align: center;

    font-size: 47px;

    font-weight: 800;

    margin: 0 0 20px;

    color: #282828;

}

section.numbers h2+p {

    color: #848894;

    font-size: 18px;

    width: 80%;

    margin: 0 auto 0;

    text-align: center;

    margin-bottom: 30px;

    line-height: 28px;

    margin-bottom: 10px;

}

section.numbers .col-md-3 h3 {

    margin: 0;

    color: #d32e3f;

    font-size: 73px;

    font-weight: 300;

}

section.numbers .col-md-3 h4 {

    margin: 0;

    font-size: 16px;

    color: #282828;

    text-transform: uppercase;

    font-weight: 600;

}

section.satisfied-customer {

    background: #eeeeee;

    padding: 50px 0;

}

section.satisfied-customer .leftsec {

    width: 50%;

    float: left;

    display: -webkit-flex;

    display: inline-flex;

    -webkit-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: left;

    align-items: left;

    -webkit-justify-content: center;

    justify-content: center;

    height: 340px;

    padding-left: 50px;

}

section.satisfied-customer .rightsec {

    float: left;

    text-align: right;

    width: 50%;

}

section.satisfied-customer h2 {

    font-size: 32px;

    color: #000000;

    font-weight: 700;

    margin: 0 0 10px;

    position: relative;

}

section.satisfied-customer h2+p {

    font-size: 19px;

    color: #858899;

    font-style: italic;

    font-weight: 300;

}

section.satisfied-customer .row {

    /* padding: 0px 80px; */

}

section.valuedclients {

    padding: 50px 0;

    text-align: center;

}

section.valuedclients ul li {

    display: inline-block;

    padding: 0 25px;

}

section.valuedclients h2 {

    text-align: center;

    font-size: 47px;

    font-weight: 800;

    margin: 0 0 20px;

    color: #282828;

}

section.valuedclients h2+p {

    color: #848894;

    font-size: 18px;

    width: 80%;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 30px;

    font-style: italic;

    line-height: 28px;

}

section.cta-new {

    padding: 30px 0;

    background: #180545;

    color: #fff;

}

section.cta-new h2 {

    margin: 0 0;

    font-size: 45px;

    font-weight: 600;

    margin-top: 2px;

}

section.cta-new a.grad-btn {

    padding: 10px 70px;

    display: inline-block;

    color: #fff;

    border-radius: 5px;

    margin-top: 10px;

    text-transform: uppercase;

    font-weight: 500;

    letter-spacing: 1px;

}

section.cta-new ul li {

    font-size: 15px;

    font-weight: 600;

}

section.cta-new ul li i {

    color: #ff4474;

    font-size: 39px;

}

section.cta-new ul li+li i {

    font-size: 23px;

}

section.cta-new ul {

    margin-bottom: 0;

}

.customerslider .owl-dot.active span {

    height: 11px;

    background: #d42d3e;

    width: 11px;

    display: inline-block;

    border-radius: 100px;

}

.customerslider .owl-dot span {

    height: 8px;

    background: #afafaf;

    width: 8px;

    display: inline-block;

    border-radius: 100px;

}

.customerslider .owl-dot {

    display: inline-block;

    margin: 0 4px;

}

.customerslider .owl-dots {

    position: absolute;

    bottom: 30px;

    left: 50px;

}

/*

section.satisfied-customer h2:before {

    content: "\f10d";

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    position: absolute;

    top: -90px;

    color: #e0dfdf;

    font-size: 152px;

    opacity: .7;

    z-index: -1;

    left: -30px;

}

*/

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

/*CLIENT AND FOOTER*/

section.clients-sec {

    padding: 80px  0;

    font-size: 14px;

    color: #848894;

    font-family: 'Poppins', sans-serif;

}

section.clients-sec h2 {

    color: #282828;

    font-family: 'Poppins', sans-serif;

    font-size: 46px;

    font-weight: 700;

    line-height: 50px;

    position: relative;

    z-index: 1;

    margin-top: 50px;

}

section.clients-sec h2:after {

    content: "";

    left: 0;

    content: "";

    bottom: 8px;

    background: #4eda91;

    height: 9px;

    width: 100px;

    position: absolute;

    z-index: -1;

}

section.clients-sec i {

    color: #e55c49;

    font-size: 25px;

    display: inline-block;

    margin-bottom: 20px;

}

section.clients-sec em {

    font-size: 25px;

    font-style: italic;

    padding-left: 10px;

    color: #686868;

    display: inline-block;

    padding-bottom: 20px;

}

section.clients-sec em+p {

    padding-right: 70px;

    line-height: 26px;

}

.client-feedback h2{font-size:42px;font-weight:800;position:relative;color:#000;margin-bottom:30px;margin-top:0;line-height:34px;}

.client-feedback h2 span{display:block;font-weight:400;font-size:37px;}

div#testimoanial-slider .feeback-img{float:left;width:114px;}

div#testimoanial-slider .feecback-content{display:inline-block;width:66%;font-size:12px;padding-left: 20px;}

div#testimoanial-slider .feecback-content h6{text-transform:uppercase;color:#000;font-size: 16px;margin-bottom: 7px;font-weight:600;font-family: 'Lato', sans-serif;letter-spacing: 3px;}

div#testimoanial-slider .item{clear:both;min-height: 180px;margin-bottom: 20px;}

.testimonail-wrapper{position:relative;margin-top:60px;}

footer {

    background: #020e1e;

    background-size: cover;

    padding: 10px 0 0px !IMPORTANT;

    color: #fff;

    font-family: 'Poppins', sans-serif !important;

    line-height: 26px !important;

}

footer ul li i {

    /* color: #ff4474; */

    font-size: 35px;

}

footer ul li+li i {

    font-size: 22px;

}

footer ul li {

    margin-bottom: 10px;

    font-weight: 500;

}

footer .text-center a {

    background: #ee2c5e;

    display: inline-block;

    border-radius: 50px;

    padding: 10px 40px;

    color: #fff;

    margin-bottom: 20px;

}

ul.social-icons li a {

    background: none;

}

ul.social-icons li {

    display: inline-block;

    padding: 0;

    margin: 0;

}

ul.social-icons li a {

    padding: 0;

    margin: 0;

    padding: 0 8px;

}

ul.social-icons li a i {

    color: #fff;

    font-size: 19px;

}

ul.social-icons {

    margin: 0;

}

footer .row {

    border-bottom: 1px solid #b9c0ba38;

    /* padding-bottom: 30px; */

}

footer h2 {

    font-size: 14px;

    text-transform: uppercase;

    color: #ffffff;

    font-weight: 500;

    font-family: 'Poppins', sans-serif;

    margin-bottom: 20px;

    margin-top: 0px;

}

footer ul li a {

    color: #fff;

    font-size: 14px;

    font-weight: 300;

    font-family: 'Poppins', sans-serif;

}

footer ul li {line-height: 19px;}

.col-md-12.disclaimer {

    color: #ffffff;

    font-size: 13px;

    padding: 10px 0 0;

    font-family: 'Lato', sans-serif;

    font-weight: 500;

}

.col-md-12.disclaimer .col-md-4 {

    padding: 0;

}

.disclaimer ul li a {

    padding: 0 0px;

    color: #ffffff;

    font-size: 13px;

    font-family: 'Lato', sans-serif;

    font-weight: 500;

}

.disclaimer ul li a:after {

    content: "\f111";

    padding: 0 15px;

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 5px;

    position: relative;

    top: -3px;

}

.disclaimer ul li {

    display: inline-block;

}

.disclaimer ul li:last-child a:after {

    display: none;

}

section.clients-sec span i {

    font-size: 145px;

    color: #efefef73;

    top: 30px;

    position: relative;

}

section.clients-sec span {

    display: block;

    position: absolute;

    top: 0;

    left: 180px;

}

section.clients-sec span i {

    font-size: 145px;

    color: #efefef73;

    top: 30px;

    position: relative;

}

.testimonail-wrapper .bx-controls-direction{position:absolute;right:0;text-indent:-9999em;top: 30px;}

.testimonail-wrapper a.bx-prev{display:block;background: url('../images/sprite.webp') no-repeat -10px -5px;width: 15px;height: 26px;margin-bottom: 100px;}

.testimonail-wrapper a.bx-next{display:block;background: url('../images/sprite.webp') no-repeat -10px -44px;width: 15px;height: 26px;}

div#testimoanial-slider .feecback-content p {

    font-size: 12px;

    line-height: 20px;

}

section.banner h1 {

    font-size: 52px;

    font-weight: 600;

    margin: 70px 0 10px 0px;

}

ul.yel-list li:nth-child(2), ul.yel-list li:nth-child(4) {

    margin-right: 0;

}ul.yel-list li {

     display: inline-block;

     margin-right: 13px;

     width: 45%;

     margin-bottom: 8px;

     font-size: 14px;

     font-weight: 500;

 }

ul.yel-list li img {

    width: 12px;

}

.lp-banner ul.yel-list li img {

    width: 12px;

    margin-right: 6px;

}

.banner-form {

    width: 80%;

    color: #000;

    position: relative;

    float:  right;

    z-index: 3;

    text-align: center;

    padding: 5px;

    border-radius: 5px;

    margin-top: 40px;

}

.banner-form h2 {

    padding: 0;

    margin: 0;

    color: #fff;

    font-size: 77px;

    position: relative;

    background: #1d38c6;

    width: 128%;

    margin-left: -40px;

    margin-top: -30px;

    text-align: center;

    margin-bottom: 20px;

}

.banner-form h2 sup {

    display: inline-block;

    top: -6px;

    left: 4px;

}

.banner-form h2 sub {

    display: inline-block;

    font-size: 17px;

    position: absolute;

    left: 193px;

    top: inherit;

    bottom: 44px;

}

.banner-form h2 span {

    display: inline-block;

    color: #f6cf0b;

    font-size: 17px;

    font-style: italic;

    width: 100px;

    padding-left: 54px;

    text-align: left;

    margin-top: -6px;

}

.banner-form select, .banner-form input {

    width: 97%;

    padding: 10px;

    margin-bottom: 10px;

    outline: none;

    background: #fff;

    font-size: 12px;

    color: #464646;

    font-weight:500;

    font-family: 'Poppins', sans-serif;

    height: 40px;

    border-radius: 0;

    box-shadow: none;

    border: 1px solid #cccccc;

}

.banner-form textarea {

    min-height: 80px;

    width: 97%;

    padding: 10px;

    border: 0px none;

    outline: none;

    font-size: 12px;

    line-height: normal;

    color: #000000;

    font-weight:500;

    border-radius: 0;

    font-family: 'Poppins', sans-serif;

    border: 1px solid #cccccc;

}

.banner-form input[type="submit"] {

    box-shadow: none;

    padding: 10px 0 8px;

    margin-top: 0px;

    margin-bottom: 0;

    outline: none;

    letter-spacing:  1px;

    text-transform: uppercase;

    font-size: 11px;

    margin: 0 auto !important;

    height: auto;

    color: #fff;

    font-weight: 500;

    background: #ff0024;

    border: none !important;

    border-radius: 5px;

    font-weight: 700;

}

section.banner a+a {

    font-size: 21px;

    font-weight: 400;

    line-height: 20px;

}

section.banner a+a span {

    color: #4e80ff;

    font-weight: 500;

    padding-right: 4px;

}

section.sponsor-slider {

    margin-top: -134px;

}

section.newserv {

    padding: 56px 0;

}

section.newserv li {

    padding: 28px 30px;

    /* display: inline-block; */

    background: #3d59e8;

    padding-left: 100px;

    position: relative;

    font-size: 13px;

    color: #ffffff;

    /* display: inline-block; */

    width: 25%;

    margin: -2px 0 0 0;

    padding-right: 20px;

    float:  left;

    text-transform: uppercase;

    font-size: 12px;

    min-height: 110px;

}

section.newserv li+li {

    background: #fab04d;

}

section.newserv li+li+li {

    background: #fe7e00;

}

section.newserv li+li+li+li {

    background: #08c482;

}

section.newserv li i img {

    display: inline-block;

    width: auto;

    position: absolute;

    left: 20px;

    vertical-align: middle;

    max-width: 50px !important;

    top: 27px;

}

section.newserv li i {

}

section.newserv li+li+li i img {

    top: 17px;

    max-width: 43px !important;

}

section.newserv li+li i img {

    top: `;

}

section.newserv li+li+li+li i img {

    top: 30px;

    max-width: 47px!important;

}

section.newserv ul {

    width: 100%;

}

section.exp {

    font-family: 'Poppins', sans-serif;

    box-shadow: #adaaaa33 0 0 8px;

    background: #fff5ef;

    text-align: center;

    padding: 40px 0;

}

section.exp h2 {

    font-size: 30px;

    color: #343434;

    font-weight: 500;

    margin: 0;

    margin-top: 10px;

}

section.exp h2 span {

    font-size: 30px;

    font-weight: 600;

    display: inline-block;

    top: -2px;

    position: relative;

    color: #ee7411;

}

section.exp ul li {

    display: inline-block;

    text-align: center;

    color: #555555;

    font-weight: 400;

    font-size: 14px;

    background: #fff;

    padding: 30px;

    width: 237px;

    height: 171px;

    margin: 0 5px 60px;

    box-shadow: #fbd9be 0 5px 0px;

    -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    -ms-transition: all .2s ease-in;

    transition: all .2s ease-in;

    cursor: pointer;

}

section.exp ul li b {

    display: block;

    font-size: 21px;

    color: #17629b;

}

section.exp ul {

    margin: 30px 0 0;

}

section.exp ul li b {}

section.exp ul li+li b {

    color: #5e258b;

}

section.exp ul li+li+li b {

    color: #468c13;

}

section.exp ul li+li+li+li b {

    color: #135e9b;

}

section.exp ul li+li+li+li+li b {

    color: #d02e64;

}

.time_circles {

    position: relative;

    width: 100%;

    height: 100%;

}

.time_circles > div {

    position: absolute;

    text-align: center;

}

.time_circles > div > h4 {

    margin: 0px;

    padding: 0px;

    text-align: center;

    text-transform: uppercase;

    font-family: 'Century Gothic', Arial;

}

.time_circles > div > span {

    display: block;

    width: 100%;

    text-align: center;

    font-family: 'Century Gothic', Arial;

    font-size: 300%;

    margin-top: 0.4em;

    font-weight: bold;

}

div#CountDownTimer {

    width: 300px;

    text-shadow: #000 1px 1px 2px;

    color: #fff;

    margin-top: 0;

}

section.banner h3 span {

    font-weight: 700;

}

.banner-form .border-left, .banner-form .border-right {

    border-left: 2px solid #d22a43;

    border-right: 2px solid #f0760a;

    border-radius: 5px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background-position: 0 0, 0 100%;

    background-repeat: no-repeat;

    background-size: 100% 2px;

    background-image: linear-gradient(to right, #d22a43 0%, #f0760a 100%), linear-gradient(to right, #d22a43 0%, #f0760a 100%);

    position: absolute;

    top: 0;

    display: none;

    width: 2px;

    left: -3px;

    height: 120px;

}

.banner-form .border-right {

    left: inherit;

    right: -3px;

}

.clear {

    clear: both;

}

section.helpingbrand {

    padding: 50px 0;

    text-align: center;

    font-family: 'Poppins', sans-serif;

    color: #232323;

}

section.helpingbrand h2 {

    font-size: 32px;

    font-weight: 600;

    margin-bottom: 20px;

    line-height: 38px;

}

section.helpingbrand p {

    font-size: 14px;

    color: #696969;

    padding: 0 170px;

    font-weight: 400;

    line-height: 23px;

}

section.helpingbrand ul li {

    display: inline-block;

    padding: 0 20px;

    width: 19.3%;

    font-size: 15px;

    font-weight: 700;

}

section.helpingbrand ul li i {

    display: block;

    margin-bottom:  20px;

}

section.helpingbrand ul {

    margin-top: 30px;

}

section.numbers {

    padding: 50px 0;

    font-family: 'Poppins', sans-serif;

    color: #232323;

    background: #f2f2f2;

}

section.numbers h2 {

    font-size: 38px;

    font-weight: 700;

    margin-bottom: 20px;

    text-align: center;

}

section.numbers h2+p {

    font-size: 14px;

    color: #232323;

    padding: 0 100px;

    font-weight: 400;

    line-height: 23px;

}

section.numbers ul li {

    display: inline-block;

    background: #fff;

    width: 367px;

    padding: 30px;

    margin: 0 5px;

    position: relative;

    padding-top: 70px;

    color: #a1a1a1;

    font-size: 12px;

    line-height: 23px;

}

section.numbers ul {

    margin: 110px 0 0;

}

section.numbers ul li i {

    position: absolute;

    top: -60px;

}

section.numbers ul li h3 {

    font-size: 24px;

    color: #000000;

    font-weight: 700;

    margin: 0;

    text-align: left;

}

section.numbers ul li h4 {

    color: #a7a7a7;

    font-size: 14px;

    margin: 0;

    display: none;

}

section.numbers ul li img.aut-img {

    position: absolute;

    right: 30px;

    bottom: -30px;

}

section.numbers ul li p {

    min-height: 180px;

}

section.numbers ul li+li img.aut-img {

    bottom: 22px;

}

section.numbers ul li+li+li img.aut-img {

    bottom: -30px;

}

section.sponsorcta {

    padding: 30px 0;

}

section.cform-section {

    background: url(../images/form-bg.webp) no-repeat;

    background-size: cover;

    padding: 65px 0 52px;

    color: #000;

    text-align: center;

    position: relative;

}

section.cform-section form ul li {

    display: inline-block;

    width: 31.3%;

    margin: 0 4px;

}

section.cform-section form {

    margin: 0 auto;

    font-family: 'Poppins', sans-serif;

}

section.cform-section form ul li input {

    outline: none;

    box-shadow: #9291911f 0 5px 5px;

    padding: 12px;

    background-color: transparent !important;

    z-index: 10;

    position: relative;

    width: 100%;

    border-radius: 5px;

    color: #000;

    background: transparent;

    margin-bottom: 10px;

    border: 1px solid #707070;

}

section.cform-section form ul li.full-li {

    width: 100%;

}

section.cform-section form ul li textarea {

    width: 96%;

    outline: none;

    box-shadow: #9291911f 0 5px 5px;

    background-color: transparent !important;

    z-index: 10;

    position: relative;

    border-radius: 5px;

    color: #000;

    background: transparent;

    border: 1px solid #707070;

    padding: 10px;

    min-height: 170px;

}

section.cform-section form ul li input[type="submit"] {

    box-shadow: none;

    color: #fff !important;

    margin-top: 20px;

    letter-spacing: 2px;

    width: 270px;

    background: #e00030 !important;

    font-size: 17px;

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    font-weight: 700;

    border: none;

    padding: 14px 52px;

    border-radius: 6px;

}

section.cform-section form ul li textarea::-webkit-input-placeholder, section.cform-section form ul li input::-webkit-input-placeholder {color: #363344;font-size: 12px;font-weight: 500;}

section.cform-section h2 {

    line-height: 30px;

    position: relative;

    z-index: 1;

    font-size: 32px;

    font-weight: 700;

    margin: 0 0 10px;

    color: #282828;

}

section.cform-section h2+p {

    /* padding: 0 130px; */

    margin-bottom: 20px;

    font-weight: 500;

    color: #36454f;

    position: relative;

}

section.banner h1 strong {

    color: #f6c920;

    top: -4px;

    position: relative;

}

ul.yel-list li img {margin: 0 6px 0 0;}

/* PF SEC */

section.pfsec {

    padding: 50px 0;

    text-align: center;

}

section.pfsec h2 {

    text-align: center;

    font-size: 37px;

    font-weight: 700;

    margin: 0 0 20px;

    color: #282828;

}

section.pfsec h2+p {

    color: #818181;

    font-size: 14px;

    width: 58%;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 40px;

    font-weight: 400;

    line-height: 1.3;

}

.portfolioslider {}

.portfolioslider i {

    width: 31%;

    display: inline-block;

    margin: 7px 7px;

    transition: all 0.5s;

}

.portfolioslider i img {

    display: block;

    border-radius: 2px;

}

.portfolioslider i:hover {

    transform: scale(1.08);

    background: #ffffff;

    content: "";

    border: none !important;

    color: #fff;

    z-index: 1;

    position: relative;

    border-radius: 10px;

    box-shadow: 0px 0px 18px #00000063;

}

.portfolioslider  .owl-dots {}

.portfolioslider  .owl-dot {

    display: inline-block;

    margin: 0 4px;

}

.portfolioslider  .owl-dot span {

    background: #d32c42;

    height: 10px;

    width: 10px;

    display: inline-block;

    border-radius: 10px;

    transition: all 0.5s;

}

.portfolioslider  .owl-dot.active span {

    background: #ee710e;

    height: 10px;

    width: 20px;

    display: inline-block;

    border-radius: 10px;

}

.actions{

    display: block;

    text-align: left;

    background: white;

    padding: 16px 16px;

    margin: 20px -10px 0;

    transition: .5s all;

}

.actions a{

    vertical-align: top;

    min-width: inherit;

    margin: 0px;

    /* position: relative; */

    color: #7b7b7b;

    font-size: 9px;

}

.actions a span{font-size: 10px;/* float: right; */font-weight: 500;color: #d22a41;line-height: 12px;}

.actions a span small{

    display: block;

    font-size: 10px;

    line-height: normal;

    color: #000000;

}

.actions::before{

    position: absolute;

    content: "";

    height: 43px;

    background-color: #eee;

    width: 1px;

    left: 46%;

    top: 10px;

    display: none;

}

a.pkg-view-detail {

    margin: 4px 0 0 0;

    display: inline-block;

    color: #d6373f !important;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: 600;

    clear: both;

    display: none;

    border-bottom: #ccc 1px dotted;

}

section.packages .row+.row {

    /* margin: 0 auto -15px; */

}

.br-sol .actions a span {

    color: #ffffff;

}

.actions .col-md-6 {

    padding: 0 0px;

}

section.br-sol:before {

    content: "";

    background: #5d3c83ad;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}

.br-sol .actions a span small {

    color: #e3e3e3;

}

.popupform .col-md-12 ul li {

    text-align: center;

}

.banner a.chat.grad-btn {

    background: #f6cf0b;

    color: #000;

    font-weight: 600;

    font-size: 18px;

    border-radius: 92px;

    padding: 13px 40px;

}

.frm-brdr-grd:before {

    content: "";

    position:absolute;

    display:block;

    width: 104%;

    left: -8px;

    right: 0;

    top: -8px;

    border-radius: 22px;

    height: 126px;

    background: rgba(210,42,67,1);

    background: -moz-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(210,42,67,1)), color-stop(100%, rgba(240,118,10,1)));

    background: -webkit-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);

    background: -o-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);

    background: -ms-linear-gradient(left, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);

    background: linear-gradient(to right, rgba(210,42,67,1) 0%, rgba(240,118,10,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d22a43', endColorstr='#f0760a', GradientType=1 );

    z-index: -1;

}

.banner-form form {

    padding: 20px 20px;

    background: #e3e3e3;

    position: relative;

    z-index: 1;

    border-radius: 5px;

}

section.sponsor-slider .container {

    border-top: #2d315f 1px solid;

    padding-top: 17px;

}

#showMore {

    margin-top: 32px;

    clear: both;

    display: block;

}

.grid:after {

    display: block;

    clear: both;

    content: "";

}

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

.element-item {/* display: inline-block; */color: #262524;/* position: inherit !important; *//* float: left !important; *//* left: inherit !important; *//* top: inherit !important; */margin-bottom: 0;width: 345px !important;padding: 8px;/* transform: translate3d(0, 10px, 0) !important; */height: 290px;}

.grid {

    /* height: auto !important; */

}

.element-item > * {

    margin: 0;

    padding: 0;

}

.element-item img {

    border-radius: 7px;

    width: 100%;

}

.element-item:hover img {

    transform: scale(1.15);

    -ms-transform: scale(1.15);

    -webkit-transform: scale(1.15);

    background: #ffffff;

    border: none !important;

    color: #fff;

    z-index: 1;

    padding: 7px;

    position: relative;

    box-shadow: 0px 0px 18px #00000063;

    transition: all 0.5s;

    border-radius: 0;

}

.new-pf div#filters button {

    display: inline-block;

    width: auto;

    margin: 0 8px;

    outline: none;

    padding: 8px 27px;

    background: #fff;

    margin-bottom: 8px;

    text-transform: uppercase;

    font-weight: 600;

    color: #c1c1c1;

    -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    -ms-transition: all .2s ease-in;

    transition: all .2s ease-in;

    border: 0;

    font-size: 15px;

}

.new-pf div#filters {

    text-align: center;

    margin-bottom: 0;

}

.new-pf div#filters .button.is-checked {

    background: #567ef6;

    color: #fff;

    box-shadow: #d3e0fa 0 9px 5px;

}

section.new-pf {

    padding: 40px 0;

    text-align: center;

}

.element-item.col-md-4.video {

    height: 253px !important;

}

.hidden{visibility:hidden;

    width:0px!important;

    height:0px!important;

    margin:0px!important;

    padding:0px!important;

}

.element-item:hover {

    z-index: 1;

}

a#loadMore, #showMore {

    display: table;

    margin: 0px auto 0;

    text-align: center;

    width: auto;

    color: #fff;

    font-size: 13px;

    outline: 0px !important;

    padding: 10px 30px;

    text-transform: uppercase;

    font-weight: 700;

    background: #000;

    border: none;

    box-shadow: #d3e0fa 0 9px 5px;

    letter-spacing: 1px;

}

.new-pf div#filters button:active {

    color: #fff !important;

    background: #567ef6;

}

.grid {

    /* width: 93%; */

    /* margin: 0 auto; */

}

.auto-margi-null{ margin: 0 !important }

.width-auto{ width: 100% !important}

.grid {

    /* height: auto !important; */

    overflow-y: hidden;

    padding: 40px;

}

section.design-art-content {

    margin-top: 38px;

    color: #828282;

    font-size: 14px;

    padding: 60px 0;

    background: rgba(255,255,255,1);

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(245,245,245,1)));

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);

    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);

    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 );

}

section.new-pf h2 {

    font-size: 32px;

    color: #232323;

}

section.design-industry img {

    max-width: 64%;

    display: inline-block;

}

section.design-industry .col-md-6+.col-md-6 {

    text-align: center;

}

section.new-pf h2+p {

    font-size: 14px;

    width: 69%;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 43px;

    font-weight: 400;

    color: #696969;

    line-height: 21px;

}

section.design-industry {

    padding: 30px 0;

    background: #f1f1f1;

}

section.design-industry h4 {

    font-size: 38px;

    color: #232323;

    margin-top: 44px;

    margin-bottom: 0;

    letter-spacing: 3px;

    font-weight: 600;

}

section.design-industry h4 span {

    color: #3e73fb;

}

section.cta-n a {}

section.cta-n a {

    color: #fff;

}

section.cta-n ul {

    margin: 0;

    text-align: right;

}

section.cta-n ul li {

    display: inline-block;

    margin-left: 53px;

    position: relative;

    padding-left: 61px;

    font-size: 16px;

    text-align: left;

}

section.cta-n ul li a {

    display: block;

}

section.cta-n ul li span {

    display: block;

    font-size: 13px;

}

section.cta-n ul li i {

    position: absolute;

    left: 0;

    top: 0;

}

section.cta-n h4 {

    margin: -4px 0 0;

    font-size: 25px;

    font-weight: 400;

}

section.satisfied-customer {

    background: url(../images/testibg.webp) no-repeat;

    padding: 50px 0;

    position: relative;

    background-size: cover;

}

section.satisfied-customer .leftsec {

    width: 50%;

    float: left;

    display: -webkit-flex;

    display: inline-flex;

    -webkit-flex-direction: column;

    flex-direction: column;

    -webkit-align-items: left;

    align-items: left;

    -webkit-justify-content: center;

    justify-content: center;

    height: 340px;

    padding-left: 50px;

    padding-right: 50px;

}

section.satisfied-customer .rightsec {

    float: left;

    text-align: center;

    width: 50%;

    overflow: hidden;

}

section.satisfied-customer h2 {

    font-size: 32px;

    color: #000000;

    font-weight: 700;

    margin: 0 0 10px;

    position: relative;

    display: none;

}

section.satisfied-customer h2+p {

    font-size: 14px;

    color: #ffffff;

    /* font-style: italic; */

    font-weight: 300;

    line-height: 25px;

}

section.satisfied-customer .row {

    /* padding: 0px 80px; */

}

.fullscreen-bg {

    position: absolute;

    top: -4px;

    right: 0;

    bottom: 0;

    left: 0;

    overflow: hidden;

    z-index: 0;

    height: 112%;

    width: 100%;

}

section.br-sol.custom-web-pkg {

    position: relative;

    overflow: hidden;

    padding: 0 0 17px;

    background: #45356a;

}

section.br-sol.custom-web-pkg:before {

    background: #5d3c83ad;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: 1;

}

section.br-sol.custom-web-pkg .container {

    position: relative;

    z-index: 3;

    text-align: center;

}

.cs-wb-ul {

    border-radius: 2px;

    margin: 20px 0 0 0;

    width: 24% !important;

    padding: 0 0 !important;

}

.cs-wb-ul li {

    font-size: 12px;

    padding: 8px 0 8px 10px;

    position: relative;

    border-bottom: #ffffff36 1px solid;

    text-align: left;

}

.cs-wb-ul li:last-child {

    border-bottom: 0px none;

}

.cs-wb-ul li:before {

    content: "";

    background: #ffffff;

    width: 5px;

    height: 3px;

    position: absolute;

    left: 0;

    top: 17px;

}

.cs-wb-ul ul {

    padding: 0 17px;

}

.cs-wb-pkg-show {

    background: #ffffff;

    border-radius: 0px;

    box-shadow: #5d3c83ad 0 0 10px;

    padding: 30px 25px;

    margin-top: 23px;

    color: #424242;

    width: 28% !important;

    margin-left: 0;

}

.cs-wb-ul+.cs-wb-ul+.cs-wb-ul ul {

    /* min-height: 359px !important; */

}

.cs-wb-pkg-show a.grad-btn {

    display: inline-block;

    color: #fff;

    padding: 10px 30px;

    margin-top: 20px;

    border-radius: 2px;

    font-size: 17px;

    width: 83%;

    border-radius: 5px;

}

.cs-wb-pkg-show .pricebox {

    margin-top: 23px;

}

.cs-wb-pkg-show .actions a {

    color: #000 !important;

}

.cs-wb-pkg-show .actions a span {

    color: #000;

}

.cs-wb-pkg-show .actions a small {

    color: #6f6e6e !important;

}

.cs-wb-pkg-show  .actions {

    margin-top: 13px;

    padding-top: 13px;

    margin-bottom: 20px;

}

section.br-sol.custom-web-pkg:after {

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    background: url(../images/video-overlay.webp) rgba(0, 0, 0, 0.6);

    width: 100%;

    height: 100%;

    min-width: 100%;

    min-height: 100%;

    z-index: 2;

}

.cs-wb-pkg-show h2 {

    font-size: 30px !important;

    font-weight: 700 !important;

    color: #614a8a;

    margin: 0 0 -3px !important;

}

.cs-wb-pkg-show h2+p {

    color: #a59e9e;

}

section.br-sol.custom-web-pkg h2 {

    font-size: 32px;

    font-weight: 600;

    margin: 39px 0 2px;

    text-transform: capitalize;

}

.fullscreen-bg video {

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    bottom: 0;

    right: 0;

}

.cs-wb-pkg-show .pricebox h3, .cs-wb-pkg-show .pricebox sup {

    color: #614a8a !important;

}

section.packages * {

    vertical-align: top;

}

section.packages .pricebox *, section.packages ul {

    vertical-align: middle;

}

section.br-sol.custom-web-pkg h2 span {

    font-size: 14px;

    display: block;

    letter-spacing: 1px;

    color: #fff;

}

section.br-sol.custom-web-pkg h2+p {

    font-size: 12px;

    margin-bottom: 23px;

}

.br-sol ul.style-14 {

    height: 90px !important;

}

.cs-wb-pkg-show .pricebox {

    position: relative;

    text-align: left;

}

.cs-wb-pkg-show .pricebox sup {

    font-size: 22px;

    font-weight: 600;

    position: relative;

    color: #dd342f;

}

.cs-wb-pkg-show .pricebox h3 {

    display: inline-block;

    font-size: 55px;

    margin: 0;

    font-weight: 700;

    color: #dd342f;

}

.cs-wb-pkg-show .pricebox strike {

    font-size: 16px;

    color: #6c6c6c;

    position: relative;

    top: -10px;

    font-weight: 700;

    left: 7px;

}

.cs-wb-pkg-show .pricebox span {

    position: absolute;

    top: 16px;

    left: 0;

    font-size: 14px;

    color: #6c6c6c;

    font-weight: 700;

}

section.design-art-content h2 {

    font-size: 33px;

    margin: 10px 0 20px;

    color: #232323;

    font-weight: 500;

}

section.design-art-content p {

    line-height: 21px;

    padding-right: 42px;

    margin-bottom: 0;

    font-size: 14px;

    color: #5f5e5e;

}

.element-item a {

    display: block;

}

/**NEW**/

section.sec-3 {

    background: #edf1ff;

    padding: 60px 0;

    text-align: center;

    font-size: 13px;

    color: #828282;

    line-height: 23px;

    font-weight: 500;

}

section.platform h2 {

    color: #232323;

    font-size: 33px;

}

section.sec-3 h2 {

    color: #232323;

    font-size: 32px;

    font-weight: 600;

    margin: 0 0 20px;

}

section.sec-3 p {

    padding: 0 110px;

}

section.sec-3 ul li {

    display: inline-block;

    padding: 0 15px;

}

section.sec-3 ul {

    margin: 30px 0 0;

}

section.exp h2 span {

}

section.exp ul li h3 {

    margin: 0;

    font-size: 29px;

    font-weight: 700;

    color: #000000;

}

section.exp ul li i {

    display: block;

    margin: 0 0 10px;

}

section.exp ul li i img {}

section.exp ul li p {

    font-size: 14px;

    color: #ee7411;

    font-weight: 500;

    margin: 0;

}

section.exp ul li:hover {

    background: #ff7200;

    color: #fff;

    box-shadow: #fbd9be 0 7px 10px;

}

section.exp ul li:hover i img {

    color: #fff;

    filter: brightness(0) invert(1);

}

section.exp ul li:hover h3 {

    color: #fff;

}

section.exp ul li:hover p {

    color: #fff;

}

section.exp .row {

    text-align: left;

}

section.exp .row h5 {

    margin: 0;

    color: #000000;

    font-size: 18px;

    font-weight: 600;

    line-height: 26px;

    margin-bottom: 15px;

    margin-top: 30px;

}

section.exp .row h5+p {

    color: #acacac;

    font-size: 12px;

    line-height: 26px;

    margin-bottom: 20px;

    font-weight: 400;

}

section.exp .row h5 span {

    display: block;

    color: #ee7411;

    font-size: 33px;

    font-weight: 600;

}

section.exp .row a.chatbtn {

    background: #ff7200;

    padding: 11px 37px;

    display: inline-block;

    color: #ffff;

    font-size: 14px;

    font-weight: 500;

    box-shadow: #fbd9be 0 7px 10px;

}

section.cta-n {

    color: #fff;

    background: #567ef6;

    padding: 50px 0;

}

section.cta-n a {}

section.cta-n a {

    color: #fff;

}

section.cta-n ul {

    margin: 0;

    text-align: left;

}

section.cta-n ul li {

    display: inline-block;

    margin-left: 53px;

    position: relative;

    padding-left: 61px;

    font-size: 16px;

    text-align: left;

}

section.cta-n ul li a {

    display: block;

}

section.cta-n ul li span {

    display: block;

    font-size: 13px;

}

section.cta-n ul li i {

    position: absolute;

    left: 0;

    top: 0;

}

section.cta-n h4 {

    margin: -4px 0 0;

    font-size: 25px;

    font-weight: 400;

}

footer .col-md-6+.col-md-6 {

    text-align: right;

}

footer .col-md-6+.col-md-6 a {

    color: #fff;

    padding: 0 8px;

}

a.get-quote.various {}

section.banner a+a {

    background: none;

    padding: 0;

    margin-left: 20px;

    display: inline-block;

    margin: 0 0 0;

    margin-left: 10px;

}

section.banner a+a span {

    color: #00c9ff;

    font-size: 15px;

}

section.banner img {

    margin-top: 20px;

}  

.actions a.chat {

    display: inline-block;

    margin-left: 5px;

    /* font-size: 11px; */

}

section.packages [class*=col]>div:hover .actions {

    background: #edf9ff;

}

.actions .btns {

    margin-top: 3px;

}

.banner-form form:before {

}

.owl-carousel .owl-item img{

    max-width: 100% !important;

}

section.banner h4 strong {

    font-size: 40px;

}

section.banner .newlay {

    margin-top: 40px;

}

section.banner h3 img {

    margin: 10px 10px 10px;

}

#ouibounce-modal .modal-body a{

    cursor: pointer;

}

section.satisfied-customer .rightsec video {

    width: 100%;

    margin-left: 60px;

}

section.banner h2 span:after {content: "";background: #2155ff;position: absolute;bottom: 0;width: 100%;left: 0;height: 50%;z-index: -1;}

section.banner h3 span {

    display: block;

    font-size: 16px;

    color: #9e9e9e;

    font-weight: 500;

}

.banner-form input[type="submit"]>span {}

.newlay span {

    display: block;

    font-size: 11px;

    font-weight: 500;

    text-align: right;

}



section.apart:before {content: "";position: absolute;top: 50%;left: 0;background: url(../images/pattern2.webp);width: 348px;height: 612px;margin-top: -306px;}

section.apart:after {content: "";position: absolute;top: 50%;right: 0;background: url(../images/pattern3.webp);width: 318px;height: 619px;margin-top: -309px;}

section.satisfied-customer .leftsec img {

    box-shadow: inherit;

    margin: 0;

    position: absolute;

    top: 30px;

}

section.satisfied-customer h3 {

    text-align: center;

    font-size: 32px;

    font-weight: 500;

    margin: 0 0 30px;

    color: #fff;

}

img.v1 {

    position: absolute;

    bottom: -20px;

    left: 0;

}

.clock {

    width: 70%;

}

section.logo-types .rightbox ul li {

    display: inline-block;

    width: 32%;

}

section.bluecta a.btnchat {

    display: inline-block;

    background: #ed604d;

    padding: 7px 50px;

    color: #fff;

    font-weight: 600;

    font-size: 22px;

    border-radius: 5px;

}

section.bluecta h4 {

    margin: 0;

    font-size: 19px;

    font-weight: 300;

}

section.banner h3 b {

    color: #ff0023;

    font-weight: 700;

    padding: 0 8px;

    font-size: 27px;

}

section.packages [class*=col]>div .content {

    overflow: auto;

    position: relative;

    max-width: 100%;

    /* padding: 20px 0; */

    height: 240px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

span.hd3:after {content: "";position: absolute;top: 18px;left: 0;background: #f00;height: 3px;width: 70px;transform: rotate(-20deg);}

/*COPIEDDCSS**/

.web-features-main { padding:50px 0 40px 0;}

.web-features-main h2 {

    color: #36454f;

    font-size: 36px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 40px;

}

.web-features-main h2 strong { font-weight:500;  }

.web-features-main .tabs{}

.web-features-main ul.tabs-nav{margin-bottom:7px;padding:0px;width: 33.33%;float: left;}

.web-features-main ul.tabs-nav li{list-style:none;display: block;}

.web-features-main ul.tabs-nav li a{

    background: white;

    border: 1px solid #d1d1d1;

    color: #232222;

    padding: 31px 15px 31px 90px;

    text-decoration:none;

    display: block;

    font-size: 18px;

    position:relative;

box-shadow: inset 0 0 0 0 #31302B;

    -webkit-transition: all ease 0.8s;

    -moz-transition: all ease 0.8s;

    transition: all ease 0.8s;

    }

.web-features-main ul.tabs-nav li a:before { position:absolute; content:""; width:48px; height:47px;

left:25px; top:0px; bottom:0px; margin:auto; }  

.web-features-main ul.tabs-nav li:nth-child(1) a:before { background:url(../images/tab-icon1.webp) no-repeat 0 0;}

.web-features-main ul.tabs-nav li:nth-child(2) a:before { background:url(../images/tab-icon2.webp) no-repeat 0 0;}

.web-features-main ul.tabs-nav li:nth-child(3) a:before { background:url(../images/tab-icon3.webp) no-repeat 0 0;}

.web-features-main ul.tabs-nav li:nth-child(4) a:before { background:url(../images/tab-icon4.webp) no-repeat 0 0;}

.web-features-main ul.tabs-nav li:nth-child(5) a:before { background:url(../images/tab-icon5.webp) no-repeat 0 0;}

.web-features-main ul.tabs-nav li a.current:before {

    background-position:0px -47px;

    }

.web-features-main ul.tabs-nav li a.current{

    background: #e70a34;

    color: white;

    font-weight:700;

    /*box-shadow: inset 390px 0 0 0 #e70a34;*/

    }   

.web-features-main .tabs .tab-content-panel{

    background:white;

    padding: 60px 410px 25px 50px;

    border: 1px solid #d1d1d1;

    border-left:0px;

    display:none;

    overflow:hidden;

    height: 445px;

    }

.web-features-main .tabs .tab-content-panel img { position:absolute; z-index:5;  }

.web-features-main .tabs .tab-content-panel  .image1 { right:26px; top:25px; }

.web-features-main .tabs .tab-content-panel  .image2 { right:16px; top:25px; }

.web-features-main .tabs .tab-content-panel  .image3 {right:46px;top: 35px;}

.web-features-main .tabs .tab-content-panel  .image4 { right:46px; top:5px; }

.web-features-main .tabs .tab-content-panel  .image5 { right:16px; top:40px; }

.web-features-main .tabs .tab-content-panel h3 {

    font-weight: 500;

    font-size: 18px;

    line-height: 18px;

    padding: 0 0 15px 0;

    color: #232222;

}

.web-features-main .tabs .tab-content-panel p {

    font-weight: 400;

    font-size: 16px;

    line-height: 22px;

    padding: 0 0 0 0;

    margin: 0 0 20px 0;

    color: #555555;

    position:relative; z-index:10;

}   

.web-features-main .tabs .tab-content-panel a.red-link-btn-arrow { font-size:16px; }

.web-features-main .tabs .tab-content-panel.selected{display:block;}    

a.blue-link-btn-arrow {

    background: #e00030;

    color: #fff;

    font-size: 14px;

    display: inline-block;

    padding: 15px 40px 15px 25px;

    border-radius: 5px;

    position: relative;

    font-weight: 700;

    overflow: hidden;

    -webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    -ms-transition: all .3s ease-in;

    transition: all .3s ease-in;

    cursor: pointer;

}

a.blue-link-btn-arrow:before, .siginn:before {

    background: url(../images/sprite.webp) no-repeat -1px -2px;

    width: 15px;

    height: 15px;

    content: "";

    position: absolute;

    right: 13px;

    -webkit-transition: all .2s ease-in;

    -moz-transition: all .2s ease-in;

    -o-transition: all .2s ease-in;

    -ms-transition: all .2s ease-in;

    transition: all .2s ease-in;

    z-index: 1;

    top: 50%;

    margin-top: -6px;

}

.ctaction a.chat::before, a.blue-link-btn-arrow:before, .siginn:before {

    -moz-animation: bounce 2s infinite;

    -webkit-animation: bounce 2s infinite;

    animation: bounce 2s infinite;

}

a.blue-link-btn-arrow:after {

    width: 100%;

    height: 0%;

    left: 0;

    top: 0;

    position: absolute;

    content: "";

    background: rgba(255,0,47,1);

    background: -moz-linear-gradient(top, rgba(255,0,47,1) 0%, rgba(194,0,36,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,0,47,1)), color-stop(100%, rgba(194,0,36,1)));

    background: -webkit-linear-gradient(top, rgba(255,0,47,1) 0%, rgba(194,0,36,1) 100%);

    background: -o-linear-gradient(top, rgba(255,0,47,1) 0%, rgba(194,0,36,1) 100%);

    background: -ms-linear-gradient(top, rgba(255,0,47,1) 0%, rgba(194,0,36,1) 100%);

    background: linear-gradient(to bottom, rgba(255,0,47,1) 0%, rgba(194,0,36,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff002f', endColorstr='#c20024', GradientType=0 );

    -webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    -ms-transition: all .3s ease-in;

    transition: all .3s ease-in;

}

.buttons-main .next-link span, a.blue-link-btn-arrow span {

    position: relative;

    z-index: 1;

}

  @keyframes bounce {

  0%, 20%, 50%, 80%, 100% {

    transform: translateY(0);

  }

  40% {

    transform: translateX(10px);

  }

  60% {

    transform: translateX(10px);

  }

}

section.portfolio-inner-main {

    background: #111b21;

    padding:55px 0 50px 0;

    text-align: center;

}

section.portfolio-inner-main h2 {

    color: #f5f5f5;

    font-size: 44px;

    font-weight: 400;

    margin-bottom: 20px;

}

section.portfolio-inner-main h2+p {

    color: #fff;

    margin-bottom: 50px;

    font-weight: 300;

    font-size:18px;

}

section.portfolio-inner-main .col-md-4 {

    padding: 0;

    margin: 0;

    overflow: hidden;

    cursor:pointer;

}

section.portfolio-inner-main .col-md-4>div {

    position: relative;

    min-height: 284px;

    margin: 5px;

    background:white;

}

section.portfolio-inner-main .col-md-4>div .cover-img {

   /* transform: translate(0, 0);

    transition: opacity .15s linear;*/

}

section.portfolio-inner-main .col-md-4>div .cover-img:hover {

    opacity: .75;

}

section.portfolio-inner-main h5 {

    font-size: 29px;

    color: #aaaaaa;

    margin: 65px 0 20px;

    clear: both;

}

section.portfolio-inner-main h5+a {

    display: inline-block;

    margin: 0 10px;

    overflow: hidden;

    text-transform: uppercase;

}

.animportfolio-mm section.portfolio-inner-main{ padding: 20px 0; }

section.portfolio-website-main {

    background: #111b21;

    padding:55px 0 50px 0;

    text-align: center;

}

section.portfolio-website-main h2 {

    color: #f5f5f5;

    font-size: 44px;

    font-weight: 400;

    margin-bottom: 20px;

}

section.portfolio-website-main h2+p {

    color: #fff;

    margin-bottom: 50px;

    font-weight: 300;

    font-size:18px;

}

section.portfolio-website-main .col-md-4 {

    padding: 0;

    margin: 0;

    overflow: hidden;

    cursor:pointer;

}

section.portfolio-website-main .col-md-4>div {

    position: relative;

    min-height: 293px;

    margin: 5px;

    background:white;

}

section.portfolio-website-main .col-md-4>div .cover-img {

   /* transform: translate(0, 0);

    transition: opacity .15s linear;*/

}

section.portfolio-website-main .col-md-4>div .cover-img:hover {

    opacity: .75;

}

section.portfolio-website-main h5 {

    font-size: 29px;

    color: #aaaaaa;

    margin: 25px 0;

    clear: both;

}

section.portfolio-website-main h5+a {

    display: inline-block;

    margin: 0 10px;

    overflow: hidden;

}

/* .logo-branding-slider-main */

.logo-branding-slider-main { padding-bottom:30px; }

.logo-branding-slider-main .slick-dots { position: absolute; bottom: 0px; right: 0px; left: 0px; display:

 block; padding: 0; margin: 0 auto; border-radius: 3px; list-style: none; width:1140px; }

.logo-branding-slider-main .slick-dots li { position: relative; display: inline-block; margin: 0 6px 0 0; 

padding: 0; cursor: pointer; }

.logo-branding-slider-main .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;  -moz-border-radius: 200px 200px 200px 200px; 

  -webkit-border-radius: 200px 200px 200px 200px; border-radius: 200px 200px 200px 200px; }

.logo-branding-slider-main .slick-dots li.slick-active button { background: #e70a34; border:none; }

.slider-inner-main {margin-bottom: 0px;}

.slider-content.lp-slide-content h5 {margin: 0px;font-size: 16px;display: inline-block;line-height: inherit;padding-bottom: 0;margin-top: 30px;background: #192a74;padding: 5px 10px;}

.slider-content.lp-slide-content h5:before { display: none; }

.slider-content.lp-slide-content h6 {color: white; font-size: 20px; font-weight: 300; min-height: 34px; text-align: center;padding: 4px 10px 0; margin: 0 0 5px 0; display: inline-block; min-width: 367px;background: url("../images/banner-hd-bg.webp") no-repeat center top;}

.slider-content.lp-slide-content ul {overflow: hidden;}

.slider-content.lp-slide-content ul li {width: 50%;float: left;font-size: 16px;margin-bottom: 15px;text-transform: uppercase;position: relative;padding-left: 20px;font-family: 'Roboto', sans-serif;font-weight: 400;}

.slider-content.lp-slide-content ul li::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;display: flex;align-items: center;background: url(../images/sprite.webp) no-repeat;background-position: -101px -279px;width: 12px;height: 12px;}

.fontopen {font-family: 'Open Sans', sans-serif;}

.slick-prev, .slick-next {top: 50%;}

section.portfolio-inner-main .col-md-3>div {position: relative;min-height: 284px;margin: 5px;background: white;}

section.portfolio-inner-main .col-md-3>div::before {content: '';position: absolute;left: 0;right: 0;background: rgba(224, 0, 48, 0.80);width: 100%;height: 100%;opacity: 0;}

section.portfolio-inner-main .col-md-3>div:hover::before {background: rgba(224, 0, 48, 0.80);opacity: 1;}

section.portfolio-inner-main .col-md-3>div::after {content: '\f06e';position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: auto;color: #fff;font-size: 35px;transition-duration: 0.4s;opacity: 0;font-family: fontAwesome;}

section.portfolio-inner-main .col-md-3>div:hover::after {opacity: 1;}

.portfolio-inner-main .logo-branding-slider-sec .col-md-3 {padding: 0;}

.full_slider .slick-dots {bottom: -35px;}

.slick-dots {

    position: absolute;

    bottom: 10px;

    left: 0;

    right: 0;

    text-align: center;

    list-style: none;

    display: block;

    padding: 0;

    margin: auto;

    width: 100%;

}

.slick-dots li {

    position: relative;

    display: inline-block;

    margin: 0 0 0 0;

    padding: 0px 3px;

    cursor: pointer;

    width: initial;

    height: initial;

}

.slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 15px;

    height: 15px;

    padding: 0;

    cursor: pointer;

    color: transparent;

    outline: none;

    background: #eeeeee;

    border: 1px solid #d8d8d8;

    -moz-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    -moz-border-radius: 200px 200px 200px 200px;

    -webkit-border-radius: 200px 200px 200px 200px;

    border-radius: 200px 200px 200px 200px;

}

.slick-dots li.slick-active button {

    background: #ea333f;

    border: 1px solid #ea333f;

}

/* Slider */

.slick-slider

{

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}

.slick-list

{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}

.slick-slider .slick-track,

.slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}

.slick-track

{

    position: relative;

    top: 0;

    left: 0;

    display: block;

}

.slick-track:before,

.slick-track:after

{

    display: table;

    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}

.slick-slide

{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: inline-block;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

    outline: none;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;

    height: auto;

    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}

/* Slider */

.slick-loading .slick-list

{

    background: #fff url('../images/ajax-loader.gif') center center no-repeat;

}

/* Icons */

@font-face

{

    font-family: 'slick';

    font-weight: normal;

    font-style: normal;

    src: url('../fonts/slick.eot');

    src: url('../fonts/slick-1.eot') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg') format('svg');

}

/* Arrows */

.slick-prev,

.slick-next

{

    font-size: 0;

    line-height: 0;

    position: absolute;

    top: 50%;

    display: block;

    width: 20px;

    height: 20px;

    padding: 0;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;

    border: none;

    outline: none;

    background: transparent;

}

.slick-prev:hover,

.slick-prev:focus,

.slick-next:hover,

.slick-next:focus

{

    color: transparent;

    outline: none;

    background: transparent;

}

.slick-prev:hover:before,

.slick-prev:focus:before,

.slick-next:hover:before,

.slick-next:focus:before

{

    opacity: 1;

}

.slick-prev.slick-disabled:before,

.slick-next.slick-disabled:before

{

    opacity: .25;

}

.slick-prev:before,

.slick-next:before

{

    font-family: 'slick';

    font-size: 20px;

    line-height: 1;

    opacity: .75;

    color: white;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

} 

.slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 15px;

    height: 15px;

    padding: 0;

    cursor: pointer;

    color: transparent;

    outline: none;

    background: #eeeeee;

    border: 1px solid #d8d8d8;

    -moz-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    -moz-border-radius: 200px 200px 200px 200px;

    -webkit-border-radius: 200px 200px 200px 200px;

    border-radius: 200px 200px 200px 200px;

}

.calltoaction {background: url(../images/cta_bg.webp) no-repeat;background-size: cover;background-position: center;min-height: 160px;padding: 40px 0;}

.calltoaction .ctaheading {}

.ctaheading h3 {margin: 0;color: #ffffff;font-size: 36px;font-weight: 400;position: relative;margin-bottom: 40px;}

.ctaheading h3 strong {font-weight: 800;}

.ctaheading h3.beforestyle::before {filter: brightness(0) invert(1);}

.calltoaction .ctaction {text-align: center;}

.ctaction a.chat {color: #000000;background: #fed601;font-size: 22px;text-transform: uppercase;display: inline-block;padding: 10px 15px;border-radius: 7px;font-weight: 700;position: relative;line-height: initial;}

/*.ctaction a.chat::before {content: '';position: absolute;right: 18px;background: url(../images/sprite.webp) no-repeat;background-position: -13px -278px;width: 19px;height: 15px;display: flex;align-items: center;top: 0;bottom: 0;margin: auto;}*/

.ctaction a.call {position: relative;color: #ffffff;display: inline-block;font-size: 18px;margin-top: 10px;padding: 0 0 0 55px;font-weight: 300;margin-right: 20px;}

.ctaction a.call span {display: block;font-size: 14px;color: #ffffff;text-align: left;text-transform: uppercase;}

.ctaction a.call strong {font-weight: 700;font-size: 24px;}

.ctaction a.call::before {content: '';background: url(../images/sprite2.webp) no-repeat;background-position: -17px -555px;width: 43px;filter: brightness(0) invert(1);height: 43px;position: absolute;left: 0;top: 0;bottom: 0;display: flex;align-items: center;}

.beforestyle::before {

    content: "";

    width: 61px;

    height: 6px;

    display: block;

    position: absolute;

    bottom: -15px;

    left: 0px;

    right: 0px;

    background: url(../images/sprite.webp) -107px -44px no-repeat;

    background-position: -107px -44px;

    margin: auto;

}

.lp-webpack {

    padding-bottom: 0px;

}

.web-packages-main {

    padding: 30px 0px 20px;

}

.web-packages-main h2 {

    color: rgb(54, 69, 79);

    font-size: 36px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 30px;

    position: relative;

    padding-bottom: 10px;

}

.web-packages-main h2::before {

    content: "";

    width: 61px;

    height: 6px;

    display: block;

    position: absolute;

    bottom: 0px;

    left: 0px;

    right: 0px;

    background: url(../images/sprite.webp) -107px -44px no-repeat;

    background-position: -107px -44px;

    margin: auto;

}

.web-package-box {

    text-align: center;

    min-height: 555px;

    margin-bottom: 25px;

    border-width: 1px;

    border-style: solid;

    border-color: rgb(209, 209, 209);

    border-image: initial;

    transition: all 0.3s ease-out 0s;

    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 52%, rgb(233, 233, 233) 100%);

}

.package-hd-box {

    min-height: 59px;

    display: inline-block;

    width: 100%;

    padding: 0px;

    background: linear-gradient(rgb(255, 0, 76) 0%, rgb(210, 0, 39) 100%);

}

.package-hd-box .package-hd {

    font-size: 25px;

    color: white;

    font-weight: 700;

    line-height: 1;

    text-transform: uppercase;

    float: left;

    text-align: left;

    position: absolute;

    z-index: 10;

    padding: 10px 10px 5px 15px;

}

.package-hd-box .package-hd span {

    font-size: 16px;

    font-weight: 300;

    display: block;

}

.package-hd-box .price-box {

    float: right;

    position: relative;

    padding: 17px 10px 12px 25px;

    background: linear-gradient(rgb(166, 0, 32) 0%, rgb(214, 0, 64) 100%);

}

.package-hd-box .price-box::before {

    position: absolute;

    content: "";

    left: -60px;

    top: 0px;

    width: 75px;

    height: 58px;

    background: url(../images/price-curve.webp) 0px 0px no-repeat;

}

.package-hd-box .price-box .price {

    font-size: 31px;

    color: white;

    font-weight: 700;

    float: left;

    letter-spacing: -1.5px;

    padding: 0px 9px 0px 0px;

}

.package-hd-box .price-box .price span {

    font-size: 21px;

    color: white;

    font-weight: 400;

    float: left;

    padding: 4px 5px 0px 0px;

}

.package-hd-box .price-box .cut-price {

    font-size: 21px;

    color: rgb(177, 177, 177);

    font-weight: 400;

    float: right;

    position: relative;

    padding: 5px 0px 0px;

}

.package-hd-box .price-box .cut-price::before {

    content: "";

    width: 110%;

    height: 2px;

    display: block;

    position: absolute;

    top: 14px;

    left: 0px;

    right: 0px;

    transform: rotate(-20deg);

    z-index: 2;

    background: white;

    margin: auto;

}

.package-hd-box .price-box .cut-price span {

    font-size: 11px;

    color: rgb(177, 177, 177);

}

.package-hd-box .price-box {

    float: right;

    position: relative;

    padding: 17px 10px 12px 25px;

    background: linear-gradient(rgb(166, 0, 32) 0%, rgb(214, 0, 64) 100%);

}

.web-package-box h4.red-hd {

    display: block;

}

.web-package-box ul li strong {

    display: block;

    color: rgb(29, 29, 29);

}

.web-package-box ul li {

    margin-bottom: 0px;

    font-size: 15px;

    line-height: 22px;

    padding: 7px 0px;

}

.web-package-box ul li:nth-child(2n) {

    background: url(../images/package-list-bg.webp) center top / 100% 100% no-repeat;

}

.web-package-box ul li span {

    text-transform: uppercase;

    color: red;

}

.save-box {

    display: inline-block;

    width: 100%;

    color: rgb(252, 238, 9);

    font-size: 15px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1;

    background: url(../images/save-bg.webp) 0px 0px / cover no-repeat rgb(0, 102, 255);

    padding: 7px 15px;

}

.save-box .save-txt {

    float: left;

}

.save-box .save-value {

    float: right;

    text-align: right;

}

.final-price-box-main {

    padding: 12px 10px 20px;

}

.final-price-box-main h6 {

    color: rgb(29, 29, 29);

    font-size: 14px;

    text-transform: uppercase;

    padding: 0px 0px 8px;

}

.final-price-main {

    position: relative;

    display: inline-block;

    padding: 0px 0px 10px;

}

.final-price-box-main .pkg-link a {

    color: rgb(255, 255, 255);

    font-size: 17px;

    display: inline-block;

    position: relative;

    font-weight: 700;

    text-transform: uppercase;

    width: 190px;

    text-align: center;

    background: rgb(231, 10, 52);

    padding: 14px 0px;

    border-radius: 5px;

    overflow: hidden;

}

.final-price-box-main .final-price {

    float: left;

    font-size: 51px;

    color: rgb(230, 23, 23);

    font-weight: 400;

    position: relative;

}

.final-price-box-main .final-price sup {

    font-size: 31px;

    top: -0.5em;

}

.final-price-main .cut-price {

    font-size: 22px;

    color: rgb(177, 177, 177);

    font-weight: 400;

    float: right;

    position: relative;

    padding: 7px 0px 0px 7px;

}

.final-price-main .cut-price span {

    font-size: 14px;

    color: rgb(177, 177, 177);

    display: block;

    text-transform: uppercase;

}

.final-price-main .cut-price .price {

    position: relative;

}

.final-price-main .cut-price .price::before {

    content: "";

    width: 110%;

    height: 2px;

    display: block;

    position: absolute;

    top: 9px;

    left: 0px;

    right: 0px;

    transform: rotate(-15deg);

    z-index: 2;

    background: rgb(230, 23, 23);

    margin: auto;

}

.web-package-box h4.red-hd strong {

    font-weight: 700;

}

.web-package-box h4.red-hd {

    background: transparent;

    font-size: 12px;

    padding: 12px 0 0 0;

    color: #312cc7;

    font-weight: 400;

    margin: 0;

}

.mCustomScrollBox {

    position: relative;

    overflow: hidden;

    height: 100%;

    max-width: 100%;

    outline: none;

    direction: ltr;

}

.web-package-box ul {

    margin: 0;

    padding: 25px 10px 15px 10px;

    color: #1d1d1d;

    min-height: 400px;

    font-size: 15px;

}

/****/

/*

== malihu jquery custom scrollbar plugin ==

Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller

*/

/*

CONTENTS: 

    1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 

    2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 

    3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.

    4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 

    5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 

    6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 

        6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.

*/

/* 

------------------------------------------------------------------------------------------------------------------------

1. BASIC STYLE  

------------------------------------------------------------------------------------------------------------------------

*/

    .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

    .mCustomScrollBox{ /* contains plugin's markup */

        position: relative;

        overflow: hidden;

        height: 100%;

        max-width: 100%;

        outline: none;

        direction: ltr;

    }

    .mCSB_container{ /* contains the original content */

        overflow: hidden;

        width: auto;

        height: auto;

    }

/* 

------------------------------------------------------------------------------------------------------------------------

2. VERTICAL SCROLLBAR 

y-axis

------------------------------------------------------------------------------------------------------------------------

*/

    .mCSB_inside > .mCSB_container{ margin-right: 30px; }

    .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */

        margin-right: 0;

        margin-left: 30px;

    }

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

    .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */

        position: absolute;

        width: 16px;

        height: auto;

        left: auto;

        top: 0;

        right: 0;

        bottom: 0;

    }

    .mCSB_outside + .mCSB_scrollTools{ right: 0px; } /* scrollbar position: outside */

    .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 

    .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */

        right: auto;

        left: 0;

    }

    .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

    .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */

        position: absolute;

        top: 0;

        left: 0;

        bottom: 0;

        right: 0; 

        height: auto;

    }

    .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

    .mCSB_scrollTools .mCSB_draggerRail{

        width: 2px;

        height: 100%;

        margin: 0 auto;

        -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;

    }

    .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */

        cursor: pointer;

        width: 100%;

        height: 30px; /* minimum dragger height */

        z-index: 1;

    }

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */

        position: relative;

        width: 4px;

        height: 100%;

        margin: 0 auto;

        -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;

        text-align: center;

    }

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

    .mCSB_scrollTools .mCSB_buttonUp,

    .mCSB_scrollTools .mCSB_buttonDown{

        display: block;

        position: absolute;

        height: 20px;

        width: 100%;

        overflow: hidden;

        margin: 0 auto;

        cursor: pointer;

    }

    .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }

/* 

------------------------------------------------------------------------------------------------------------------------

3. HORIZONTAL SCROLLBAR 

x-axis

------------------------------------------------------------------------------------------------------------------------

*/

    .mCSB_horizontal.mCSB_inside > .mCSB_container{

        margin-right: 0;

        margin-bottom: 30px;

    }

    .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

    .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

    .mCSB_scrollTools.mCSB_scrollTools_horizontal{

        width: auto;

        height: 16px;

        top: auto;

        right: 0;

        bottom: 0;

        left: 0;

    }

    .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,

    .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

    .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{

        width: 100%;

        height: 2px;

        margin: 7px 0;

    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{

        width: 30px; /* minimum dragger width */

        height: 100%;

        left: 0;

    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{

        width: 100%;

        height: 4px;

        margin: 6px auto;

    }

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{

        height: 12px; /* auto-expanded scrollbar */

        margin: 2px auto;

    }

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{

        height: 8px; /* auto-expanded scrollbar */

        margin: 4px 0;

    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{

        display: block;

        position: absolute;

        width: 20px;

        height: 100%;

        overflow: hidden;

        margin: 0 auto;

        cursor: pointer;

    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }

/* 

------------------------------------------------------------------------------------------------------------------------

4. VERTICAL AND HORIZONTAL SCROLLBARS 

yx-axis 

------------------------------------------------------------------------------------------------------------------------

*/

    .mCSB_container_wrapper{

        position: absolute;

        height: auto;

        width: auto;

        overflow: hidden;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin-right: 30px;

        margin-bottom: 30px;

    }

    .mCSB_container_wrapper > .mCSB_container{

        padding-right: 30px;

        padding-bottom: 30px;

        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

    }

    .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

    .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

    /* non-visible horizontal scrollbar */

    .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

    /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

    .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 

    .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

    /* RTL direction/left-side scrollbar */

    .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

    /* non-visible scrollbar/RTL direction/left-side scrollbar */

    .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */

        margin-right: 0;

        margin-left: 30px;

    }

    .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }

    .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }

    .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{

        margin-right: 0; /* non-visible scrollbar */

        margin-left: 0;

    }

    /* non-visible horizontal scrollbar */

    .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }

/* 

------------------------------------------------------------------------------------------------------------------------

5. TRANSITIONS  

------------------------------------------------------------------------------------------------------------------------

*/

    .mCSB_scrollTools, 

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCSB_scrollTools .mCSB_buttonUp,

    .mCSB_scrollTools .mCSB_buttonDown,

    .mCSB_scrollTools .mCSB_buttonLeft,

    .mCSB_scrollTools .mCSB_buttonRight{

        -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

        -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

        -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

        transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

    }

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */

    .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 

    .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{

        -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 

                    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 

                    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,

                    opacity .2s ease-in-out, background-color .2s ease-in-out; 

        -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 

                    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 

                    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,

                    opacity .2s ease-in-out, background-color .2s ease-in-out; 

        -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 

                    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 

                    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,

                    opacity .2s ease-in-out, background-color .2s ease-in-out; 

        transition: width .2s ease-out .2s, height .2s ease-out .2s, 

                    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 

                    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,

                    opacity .2s ease-in-out, background-color .2s ease-in-out; 

    }

/* 

------------------------------------------------------------------------------------------------------------------------

6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  

------------------------------------------------------------------------------------------------------------------------

*/

    /* 

    ----------------------------------------

    6.1 THEMES 

    ----------------------------------------

    */

    /* default theme ("light") */

    .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

    .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,

    .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

    .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,

    .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,

    .mCustomScrollBox:hover > .mCSB_scrollTools,

    .mCustomScrollBox:hover ~ .mCSB_scrollTools,

    .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,

    .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

    .mCSB_scrollTools .mCSB_draggerRail{

        background-color: #000; background-color: rgba(0,0,0,0.4);

        filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 

    }

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

        background-color: #ff0042; background-color: #ff0042;

        filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 

    }

    .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{

        background-color: #fff; background-color: rgba(255,255,255,0.85);

        filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 

    }

    .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

        background-color: #fff; background-color: rgba(255,255,255,0.9);

        filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 

    }

    .mCSB_scrollTools .mCSB_buttonUp,

    .mCSB_scrollTools .mCSB_buttonDown,

    .mCSB_scrollTools .mCSB_buttonLeft,

    .mCSB_scrollTools .mCSB_buttonRight{

        /*background-image: url(../images/mCSB_buttons.webp); /* css sprites */*/

        background-repeat: no-repeat;

        opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 

    }

    .mCSB_scrollTools .mCSB_buttonUp{

        background-position: 0 0;

        /* 

        sprites locations 

        light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px

        dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px

        */

    }

    .mCSB_scrollTools .mCSB_buttonDown{

        background-position: 0 -20px;

        /* 

        sprites locations

        light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px

        dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px

        */

    }

    .mCSB_scrollTools .mCSB_buttonLeft{

        background-position: 0 -40px;

        /* 

        sprites locations 

        light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px

        dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px

        */

    }

    .mCSB_scrollTools .mCSB_buttonRight{

        background-position: 0 -56px;

        /* 

        sprites locations 

        light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px

        dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px

        */

    }

    .mCSB_scrollTools .mCSB_buttonUp:hover,

    .mCSB_scrollTools .mCSB_buttonDown:hover,

    .mCSB_scrollTools .mCSB_buttonLeft:hover,

    .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

    .mCSB_scrollTools .mCSB_buttonUp:active,

    .mCSB_scrollTools .mCSB_buttonDown:active,

    .mCSB_scrollTools .mCSB_buttonLeft:active,

    .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

    /* theme: "dark" */

    .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

    .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

    .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

    .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

    .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

    .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

    .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

    .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

    /* ---------------------------------------- */

    /* theme: "light-2", "dark-2" */

    .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{

        width: 4px;

        background-color: #fff; background-color: rgba(255,255,255,0.1);

        -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;

    }

    .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

        width: 4px;

        background-color: #fff; background-color: rgba(255,255,255,0.75);

        -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;

    }

    .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 

    .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 

    .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{

        width: 100%;

        height: 4px;

        margin: 6px auto;

    }

    .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

    .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

    .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

    .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; }

    .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; }

    .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }

    /* theme: "dark-2" */

    .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{

        background-color: #000; background-color: rgba(0,0,0,0.1);

        -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;

    }

    .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

        background-color: #000; background-color: rgba(0,0,0,0.75);

        -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;

    }

    .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

    .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

    .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

    .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

    .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

    .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; }

    /* ---------------------------------------- */

    /* theme: "light-thick", "dark-thick" */

    .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{

        width: 4px;

        background-color: #fff; background-color: rgba(255,255,255,0.1);

        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;

    }

    .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

        width: 6px;

            background-color: #283741;

    background-color: #283741;

        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;

    }

    .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 

    .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{

        width: 100%;

        height: 4px;

        margin: 6px 0;

    }

    .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{

        width: 100%;

        height: 6px;

        margin: 5px auto;

    }

    .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ff0042; background-color: #ff0042 }

    .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ff0042; background-color: #ff0042; }

    .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

    .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; }

    .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; }

    .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }

    /* theme: "dark-thick" */

    .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{

        background-color: #000; background-color: rgba(0,0,0,0.1);

        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;

    }

    .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

        background-color: #000; background-color: rgba(0,0,0,0.75);

        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;

    }

    .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

    .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

    .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

    .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

    .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

    .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; }

    /* ---------------------------------------- */

    /* theme: "light-thin", "dark-thin" */

    .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

    .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

    .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 

    .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

    .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{

        width: 100%;

        height: 2px;

        margin: 7px auto;

    }

    /* theme "dark-thin" */

    .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

    .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

    .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

    .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

    .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

    .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

    .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

    .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

    /* ---------------------------------------- */

    /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

    .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }

    .mCS-rounded.mCSB_scrollTools .mCSB_dragger, 

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 

    .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 

    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }

    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

        width: 14px;

        margin: 0 1px;

    }

    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 

    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 

    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 

    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }

    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{

        height: 14px;

        margin: 1px 0;

    }

    .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 

    .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 

    .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{

        width: 16px; /* auto-expanded scrollbar */

        height: 16px;

        margin: -1px 0;

    }

    .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

    .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 

    .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

    .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }

    .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 

    .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 

    .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{

        height: 16px; /* auto-expanded scrollbar */

        width: 16px;

        margin: 0 -1px;

    }

    .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

    .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 

    .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

    .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{

        height: 4px; /* auto-expanded scrollbar */

        margin: 6px 0;

    }

    .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }

    .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }

    .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }

    .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }

    /* theme "rounded-dark", "rounded-dots-dark" */

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 

    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 

    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }

    /* theme "rounded-dots", "rounded-dots-dark" */

    .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 

    .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }

    .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 

    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{

        background-color: transparent;

        background-position: center;

    }

    .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{

        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");

        background-repeat: repeat-y;

        opacity: 0.3;

        filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 

    }

    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 

    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{

        height: 4px;

        margin: 6px 0;

        background-repeat: repeat-x;

    }

    .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }

    .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }

    .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }

    .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }

    /* theme "rounded-dots-dark" */

    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{

        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");

    }

    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }

    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }

    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }

    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }

    /* ---------------------------------------- */

    /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

        background-repeat: repeat-y;

        background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);

        background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));

        background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);

        background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);

        background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);

        background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);

    }

    .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{

        background-repeat: repeat-x;

        background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);

        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));

        background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);

        background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);

        background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);

        background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);

    }

    /* theme "3d", "3d-dark" */

    .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 

    .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }

    .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 

    .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }

    .mCS-3d.mCSB_scrollTools, 

    .mCS-3d-dark.mCSB_scrollTools{

        opacity: 1;

        filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 

    }

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{

        width: 8px;

        background-color: #000; background-color: rgba(0,0,0,0.2);

        box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);

    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,    

    .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 

    .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

    .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 

    .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{

        width: 100%;

        height: 8px;

        margin: 4px 0;

        box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);

    }

    .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{

        width: 100%;

        height: 8px;

        margin: 4px auto;

    }

    .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

    .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

    .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

    .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }

    /* theme "3d-dark" */

    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{

        background-color: #000; background-color: rgba(0,0,0,0.1);

        box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);

    }

    .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{    background-position: -120px -128px; }

    /* ---------------------------------------- */

    /* theme: "3d-thick", "3d-thick-dark" */

    .mCS-3d-thick.mCSB_scrollTools, 

    .mCS-3d-thick-dark.mCSB_scrollTools{

        opacity: 1;

        filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 

    }

    .mCS-3d-thick.mCSB_scrollTools, 

    .mCS-3d-thick-dark.mCSB_scrollTools, 

    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

    .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 

    .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }

    .mCS-3d-thick.mCSB_scrollTools_vertical, 

    .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

    .mCS-3d-thick.mCSB_scrollTools_horizontal, 

    .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{

        bottom: 1px;

        box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);

    }

    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

        box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);

        width: 12px;

        margin: 2px;

        position: absolute;

        height: auto;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

    }

    .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }

    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  

    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 

    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

    .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{

        height: 12px;

        width: auto;

    }

    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{

        background-color: #000; background-color: rgba(0,0,0,0.05);

        box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);

    }

    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

    .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

    .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

    .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

    .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{   background-position: -40px -128px; }

    /* theme: "3d-thick-dark" */

    .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }

    .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }

    .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{

        background-color: #fff; background-color: rgba(0,0,0,0.05);

        box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);

    }

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{  background-position: -120px -128px; }

    /* ---------------------------------------- */

    /* theme: "minimal", "minimal-dark" */

    .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 

    .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{

        right: 0; 

        margin: 12px 0; 

    }

    .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 

    .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 

    .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 

    .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{

        bottom: 0; 

        margin: 0 12px; 

    }

    /* RTL direction/left-side scrollbar */

    .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 

    .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{

        left: 0; 

        right: auto;

    }

    .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

    .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 

    .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }

    .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 

    .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }

    .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

        background-color: #fff; background-color: rgba(255,255,255,0.2);

        filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 

    }

    .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

        background-color: #fff; background-color: rgba(255,255,255,0.5);

        filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 

    }

    /* theme: "minimal-dark" */

    .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

        background-color: #000; background-color: rgba(0,0,0,0.2);

        filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 

    }

    .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{

        background-color: #000; background-color: rgba(0,0,0,0.5);

        filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 

    }

    /* ---------------------------------------- */

    /* theme "light-3", "dark-3" */

    .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{

        width: 6px;

        background-color: #000; background-color: rgba(0,0,0,0.2);

    }

    .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

    .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 

    .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{

        width: 100%;

        height: 6px;

        margin: 5px 0;

    }

    .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

    .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 

    .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

    .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{

        width: 12px;

    }

    .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

    .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 

    .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 

    .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{

        height: 12px;

        margin: 2px 0;

    }

    .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

    .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

    .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

    .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }

    /* theme "dark-3" */

    .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

    .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

    .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

    .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

    .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

    .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

    .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

    .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }

    /* ---------------------------------------- */

    /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

    .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{

        width: 12px;

        background-color: #000; background-color: rgba(0,0,0,0.2);

    }

    .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 

        width: 6px;

        margin: 3px 5px;

        position: absolute;

        height: auto;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

    }

    .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{

        height: 6px;

        margin: 5px 3px;

        position: absolute;

        width: auto;

        top: 0;

        bottom: 0;

        left: 0;

        right: 0;

    }

    .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 

    .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 

    .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 

    .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 

    .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 

    .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{

        width: 100%;

        height: 12px;

        margin: 2px 0;

    }

    .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 

    .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 

    .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

    .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 

    .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 

    .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

    .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 

    .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 

    .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

    .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 

    .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 

    .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }

    /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

    .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

    .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 

    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

    .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 

    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

    .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

    .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 

    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

    .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 

    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

    .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 

    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

    .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 

    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{   background-position: -120px -128px; }

    /* theme "inset-2", "inset-2-dark" */

    .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 

    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{

        background-color: transparent;

        border-width: 1px;

        border-style: solid;

        border-color: #fff;

        border-color: rgba(255,255,255,0.2);

        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;

    }

    .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }

    /* theme "inset-3", "inset-3-dark" */

    .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }

    .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

    .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

    .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

    .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

    /* ---------------------------------------- */

.mcs-horizontal-example{

    width: 100%;

    /* height: 165px; */

    overflow-x: auto;

    white-space: nowrap;

    margin: 25px 0 20px 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.mcs-horizontal-example .col-md-3{ white-space: normal; width: 220px; }

.packages-tabs .tab-pane .row>div>div ul, .packages-main .web-package-box ul, .web-package-box ul {

    margin: 0;

    padding: 25px 10px 15px 10px;

    color: #1d1d1d;

    height: 430px;

    font-size: 15px;

}

.add-on-box-main {border: #d1d1d1 1px solid;padding-bottom: 10px;margin-bottom: 20px;}

.add-on-box-main .add-on-price-main { margin-bottom:0px; display: inline-block; width: 100%;

    padding: 12px 15px 12px 30px; overflow: hidden;

background: rgba(255,0,76,1);

background: -moz-linear-gradient(top, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,0,76,1)), color-stop(100%, rgba(210,0,39,1)));

background: -webkit-linear-gradient(top, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%);

background: -o-linear-gradient(top, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%);

background: -ms-linear-gradient(top, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%);

background: linear-gradient(to bottom, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff004c', endColorstr='#d20027', GradientType=0 );

 }

.add-on-price-main .add-on-hd { float: left; color: #fff; font-size: 19px; text-transform: uppercase; 

    padding: 10px 0 0 0; position: relative; }

.add-on-price-main .add-on-hd:before { position: absolute; content: ""; right: -100px; top: -13px;

    background: url(../images/add-on-hd-bg.webp) no-repeat 0 0;

    width: 81px; height: 64px; }

.add-on-price-main .price-box { float: right; position: relative;  }

.add-on-price-main .price-box .price { font-size: 38px; color:white; font-weight: 400; float: left; 

    padding: 0 9px 0 0; letter-spacing: -1.5px; } 

.add-on-price-main .price-box .price span { font-size: 21px; color:white; font-weight: 400; 

    padding: 4px 4px 0 0; float: left; }

.add-on-price-main .price-box .cut-price { font-size: 21px; color:#d9d9d9; font-weight: 400;

 float: right; padding: 0; margin-top: 9px; position: relative; } 

.add-on-price-main .price-box .cut-price span { /*font-size: 11px; color:#d9d9d9;*/ } 

.add-on-price-main .price-box .cut-price:before {

    content: ''; background: white; width: 110%; height: 2px; display: block; position: absolute;

    top: 10px; margin: auto; left: 0; right: 0; transform: rotate(-20deg); z-index: 2; }

.add-on-box-main h6 { font-size: 14px; color: #1d1d1d; text-transform: uppercase; font-weight: 700; margin-bottom: 14px; margin-left:10px; }

.add-on-box-main h6 span {color: #e70a34;}

section.add-on-web-packages ul { margin: 0; color: #1d1d1d; font-size: 13px; padding-left: 20px; }

section.add-on-web-packages ul li { margin-bottom: 0; padding: 7px 0 7px 13px;

 position: relative; font-weight: 500; color: #1d1d1d;

  background: url('../images/addon-sep.webp') no-repeat 0 0; }

  section.add-on-web-packages ul li:first-child { background: none; }

section.add-on-web-packages ul li span { color: #e70a34; text-transform: uppercase; font-weight:700; }

section.add-on-web-packages ul li span { }

.add-on-box-main h3 span { float: right; font-size: 38px; color: #005381; margin-top: -3px; }

.add-on-box-main h3 span sup { font-size: 22px; }

section.add-on-web-packages ul li:before { content: ""; background: red; padding: 2px; position: absolute; left: 0; top: 11px; width: 1px; height: 1px; border-radius: 100%; }

.grebx-strips { background: #ededed; border-bottom: 1px solid #d1d1d1; }

.add-on-web-packages .add-on-box-main h2 { 

    margin-bottom:25px; display: inline-block; width: 100%;

    padding: 12px 15px 12px 30px; overflow: hidden;

background: rgba(255,0,76,1);

background: -moz-linear-gradient(top, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,0,76,1)), color-stop(100%, rgba(210,0,39,1)));

background: -webkit-linear-gradient(top, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%);

background: -o-linear-gradient(top, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%);

background: -ms-linear-gradient(top, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%);

background: linear-gradient(to bottom, rgba(255,0,76,1) 0%, rgba(210,0,39,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff004c', endColorstr='#d20027', GradientType=0 );

}

.grebx-strips {

    background: #ededed;

    padding: 15px 20px 15px 30px;

    margin-bottom: 25px;

    min-height: 66px;

}

.grebx-strips h3 {

    font-size: 24px;

    color: #36454f;

    font-weight: 300;

    float: left;

    margin-top: 6px;

}

.morefeatures {

    margin-top: 0px;

    background: transparent;

    padding: 0;

    border-top: 0px;

    padding: 55px 20px 5px 30px;

    width: 100%;

    float: left;

}

.morefeatures .fleft {

    position: relative;

}.morefeatures h5 {

    font-size: 15px;

    color: #e70a34;

    text-transform: uppercase;

    position: absolute;

    top: -13px;

    background: #f8f8f8;

    padding: 5px;

    margin: 0;

}

section.add-on-web-packages .morefeatures ul {

    border-bottom: 0px;

}

section.add-on-web-packages .morefeatures ul li {

    background: none;

}

 .morefeatures ul li {

    display: inline-block;

    margin-right: 10px;

    margin-bottom: 0;

}

section.add-on-web-packages .morefeatures ul {

    border-bottom: 1px solid #ccc;

    border-top: 1px solid #ccc;

    padding: 15px 0;

}

section.add-on-web-packages .morefeatures ul {

    border-bottom: 0px;

}

.add-on-save-box {

    background: #0066ff url(../images/save-bg.webp) no-repeat 0 0;

    background-size: cover;

    margin: 0 0 10px 0;

    padding: 7px 15px;

    display: inline-block;

    width: 100%;

    color: white;

    font-size: 15px;

    font-weight: 700;

    text-transform: uppercase;

    line-height: 1;

}

.add-on-save-box .add-on-save-txt {

    float: left;

}

.add-on-save-box .add-on-save-value {

    float: right;

    text-align: right;

}

.final-save-box-main .final-hd {

    color: #1d1d1d;

    font-size: 14px;

    text-transform: uppercase;

    padding: 0 0 8px 0;

    text-align: center;

}

.final-save-box-main .final-price {

    display: block;

    width: 100%;

    padding: 0 0 0 0;

    font-size: 51px;

    color: #e61717;

    font-weight: 400;

    position: relative;

    text-align: center;

}

.final-save-box-main .final-price sup {

    font-size: 31px;

    top: -0.5em;

}

.add-on-final-price-link {

    margin: 10px auto 0 auto;

    display: table;

}

.add-on-final-price-link a {

    background: #e70a34;

    color: #fff;

    font-size: 14px;

    display: inline-block;

    padding: 14px 0;

    border-radius: 5px;

    position: relative;

    text-transform: uppercase;

    overflow: hidden;

    font-weight: 400;

    width: 190px;

    text-align: center;

}

.final-save-box-main {

    margin: 10px 0 0 0;

    padding: 10px 0 0 0;

    border-top: 1px solid #d0d0d0;

}

.showmoresec a.hideShow {

    color: #e70a34;

    font-size: 16px;

    border: 1px solid #e70a34;

    padding: 15px 25px;

    border-radius: 4px;

    font-weight: 600;

    position: relative;

    padding-right: 45px;

}

.showmoresec {

    margin-bottom: 30px;

    margin-top: 20px;

    clear: both;

    text-align: center;

}

.showmoresec a.hideShow::after {

    content: '';

    position: absolute;

    background: url(../images/sprites.webp) no-repeat -185px -15px;

    width: 15px;

    height: 15px;

    right: 20px;

}

.tooltip-main-sec {display: inline-block;padding: 0 0 0 5px;position: relative;line-height: 17px;}

.tooltip-icon {/* width: 13px; *//* height: 14px; */float: left;}

.tooltip-main {position: absolute;right: -41px;bottom: 24px;width: 235px;display: none;}

.tooltip-div { position: relative;  background-color: #36454f; padding: 8px 10px; color: #eeeeee; font-size: 12px; font-weight: 400; text-align: center; line-height: 1.6; border-radius: 5px; }

.tooltip-div:before { position: absolute; content: ""; right: 40px; bottom: -8px; width: 0; height: 0;

border-left: 7px solid transparent; border-right: 7px solid transparent;

border-top: 8px solid #36454f; }

.tooltip-div a {  color:#eeeeee; text-decoration: underline; }

.tooltip-div a:hover { color: red; }

.tooltip-main-sec:hover .tooltip-main { display: block; }   

.red-hd ~ .mCustomScrollbar {

    min-height: 374px!important;

    height: 400px;

}

.flip-clock-wrapper {margin: 8px 8px !important; width: initial;display: inline-block;}

.flip-clock-divider .flip-clock-label{/* display: none; */color: #fff !important;font-size: 10px !important;top: auto;text-transform: uppercase;bottom: -13px !important;}

.flip-clock-wrapper ul {background: #fff;}

.flip-clock-wrapper ul li a div div.inn {color: #373737 !important;text-shadow: 0 1px 2px #fff !important;}

.cta_counter .flip-clock-divider .flip-clock-label {top: auto !important;bottom: -20px !important;}

.flip-clock-wrapper ul li a div div.inn {

    color: #373737;

    text-shadow: 0 1px 2px #fff;

    text-align: center;

    background-color: #fff;

    border-radius: 0px;

    font-size: 22px;

}

.cta_more {background: url(../images/cta_more-bg.webp) no-repeat;background-position: center;background-size: cover;padding: 40px 0;position: relative;}

.cta_more h4 {margin: 0;color: #ffffff;font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 20px;text-transform: uppercase;}

.cta_more h3 {margin: 0;color: #ffffff;font-family: 'Roboto', sans-serif;font-size: 38px;font-weight: 400;}

.cta_more h3 strong {font-weight: 800;position: relative;top: -2px;}

.cta_more h3 span {font-weight: 800;color: #ffde00;}

.cta_more a.chatbtn {position: relative;display: block;background: #f4c007;color: #000000;font-size: 15px;text-transform: uppercase;font-weight: 700;border-radius: 7px;padding: 18px 10px 14px 10px;padding-right: 30px;margin-bottom: 12px;margin-top: 12px;}

.cta_more a.chatbtn::before {content: '';position: absolute;right: 12px;top: 0;bottom: 0;margin: auto;background: url(../images/sprite2.webp) no-repeat;background-position: -13px -278px;width: 19px;height: 15px;}

.cta_more a.ctanum {display: inline-block;color: #ffffff;position: relative;font-size: 18px;font-weight: 300;padding-left: 21px;}

.cta_more a.ctanum::before {content: "\f095";position: absolute;font: normal normal normal 14px/1 FontAwesome;color: #ffffff;font-size: 21px;top: 4px;bottom: 0;margin: auto;left: 0;}

.cta_counter {text-align: center;}

.cta_counter h4 {font-size: 16px;color: #ffffff;text-transform: capitalize;}

.cta_counter .flip-clock-divider .flip-clock-label {top: auto !important;bottom: -20px !important;}

ul.flip:nth-child(2), ul.flip:nth-child(3) {

    display: none;

}

span.flip-clock-divider.hours {

    /* display: none; */

}

.set_apart {padding: 40px 0;background: #eaeaea;}

.set_apart .headingstyleld h2 {font-size: 44px;margin: 0 0 20px;}

.set_apart .apartBox {position: relative;padding: 38px 30px 38px 30px;text-align: center;background: #ffffff;border-radius: 8px;-webkit-box-shadow: 0px 0px 9px 0px rgba(122,122,122,1);-moz-box-shadow: 0px 0px 9px 0px rgba(122,122,122,1);box-shadow: 0px 0px 9px 0px rgb(206, 206, 206);margin-bottom: 25px;min-height: 300px;transition: all 0.3s ease-in;}

.set_apart .apartBox i {background: url(../images/sprite2.webp) no-repeat;background-position: -10px -330px;width: 56px;height: 57px;display: block;left: 0;right: 0;margin: auto;}

.set_apart .apartBox h3 {margin: 0;font-size: 40px;color: #1c1c1c;font-weight: 600;margin-top: 12px;margin-bottom: 7px;}

.set_apart .apartBox h4 {margin: 0;position: relative;font-size: 16px;color: #606060;margin-bottom: 13px;padding-bottom: 13px;display: inline-block;text-transform: uppercase;font-weight: 400;}

.set_apart .apartBox h4::before {content: '';position: absolute;bottom: 0;background: #e00030;width: 70px;height: 2px;left: 0;right: 0;margin: auto;}

.set_apart .apartBox p {margin: 0;font-size: 14px;color: #4d4d4d;font-family: 'Open Sans', sans-serif;}

.set_apart .apartBox i.i2 {background-position: -87px -331px;width: 49px;height: 57px;}

.set_apart .apartBox i.i3 {background-position: -169px -333px;width: 48px;height: 56px;}

.set_apart .apartBox i.i4 {background-position: -250px -333px;width: 58px;height: 58px;}

.set_apart .apartBox i.i5 {background-position: -346px -336px;width: 32px;height: 57px;}

.set_apart .apartBox i.i6 {background-position: -420px -335px;width: 58px;height: 58px;}

.set_apart .apartBox:hover {background: #d90037;}

/*.set_apart .apartBox:hover::before {opacity: 1;}*/

.set_apart .apartBox:hover h3,.set_apart .apartBox:hover h4, .set_apart .apartBox:hover p {color: #ffffff;}

.set_apart .apartBox:hover h4::before {background: #ffffff;}

.set_apart .apartBox:hover i {filter: brightness(0) invert(1);}

.testimonials-new { padding: 0 0 0 0; margin:0; 

  background:#303e47 url(/lp/web-content/images/testi-bg.webp) no-repeat center bottom;

  background-size: cover;  }

.testi-content { padding: 100px 60px 0 0; }

.testi-content h3 { color: white; font-size: 38px; font-weight: 500; font-family: 'Roboto', sans-serif;

    margin-bottom: 10px; }

.testi-content p{ font-family: 'Open Sans', sans-serif; font-size: 18px;  line-height: 1.8; position: relative; color: white; padding: 0 0 0 45px; }

.testi-content p:before {

    content: ''; width: 60px; height: 54px; display: inline-block; position: absolute;

    background: url(../images/quotes.webp) no-repeat;

    background-position: 0 0; left: -34px; top: 3px; }

.testi-content p:after {

    position: absolute; content: '';

    background: url(../images/quotes.webp) no-repeat;

    background-position: 0 -54px;

    width: 60px; height: 54px; display: inline-block; margin: 5px 0 0 20px; }

.testimonials-new .headingstyleld h2 {

    color: #ffffff;

}

.headingstyleld h2 {

    font-size: 50px;

    color: #36454f;

    font-weight: 700;

    margin-bottom: 15px;

    position: relative;

    margin: 0;

}

.testimonials-new {

    padding: 0 0 0 0;

    margin: 0;

    background: #303e47 url(../images/testi-bg.webp) no-repeat center bottom;

    background-size: cover;

}

.client-box { position: relative; padding: 20px 0 0 80px; margin:30px 0 0 0;  }  

.client-box .client-img { position: absolute; left: 0px ;top: 0px; } 

.client-box .stars { margin:0 0 10px 0;  }

.client-box h4 { color: white; font-size: 18px; font-weight: 400; padding: 0 0 8px 0; }

.client-box h5 { color: white; font-size: 14px; font-weight: 400; padding: 0 0 12px 20px; position: relative; }

.client-box h5:before { position: absolute; left: 0px; top: 7px; width: 14px; height: 1px;

 background-color: white; content: ""; }

.client-box h6 {

    color: #767d82;

    font-size: 13px;

     background: url(/lp/web-content/images/calendar-icon.webp) no-repeat 0 0;

     padding: 0 0 0 18px;

}

.testi-img-main1 { position: relative; margin: 0 0 0 0; }

.testi-img-main2 { position: relative; margin: 0 0 0 0; }

.testi-img-main3 { position: relative; margin: 0 0 0 0; }

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

.testimonials-new-slider .slick-dots li.slick-active button {

    background: #e00030; border: 1px solid #e00030; }

.testimonials-new-slider .slick-dots li button {background: transparent;border: 1px solid #747b81;text-indent: -9999em !IMPORTANT;}

.headingstyleld {

    margin-bottom: 40px;

}

.testimonials-new {

    padding: 40px 0 0 0;

}

.sticky-strip {

    padding: 10px 10px 5px 10px;

    font-family: 'Open Sans', sans-serif;

    width: 100%;

    top: 0;

    z-index: 100;

    display: none;

    position: fixed;

    background: url("../images/sticky-strip-bg.webp") no-repeat center top;

    background-size: cover;

    }

.sticky-strip.active { display: block; }

.sticky-para h3 {color: white;font-size: 26px;font-weight: 300;padding: 0px 30px 0 0;text-transform: uppercase;position: relative;margin: 0;}

.sticky-para h3::before {

    content: '';

    position: absolute;

    right: 0;

    background: url(../images/sprite2.webp) no-repeat;

    background-position: -56px -275px;

    width: 19px;

    height: 20px;

    top: -3px;

    bottom: 0;

    margin: auto;

    }

.sticky-para .fc-yellow {color: #ffde00;}

a.signup-new-btn {text-transform: uppercase;padding: 10px 15px 8px 15px;background: #f9cb04;font-size: 18px;display: inline-block;border-radius: 5px;color: #000000;font-weight: 700;font-family: 'Roboto', sans-serif;}

.sticky-offer-now {

    display: inline-block;

}.sticky-para {

    display: inline-block;

}

.flip-clock-divider .flip-clock-label {

    /* display: none; */

    color: #fff !important;

    font-size: 10px !important;

    top: auto;

    text-transform: uppercase;

    bottom: -13px !important;

}

span.flip-clock-divider.days {

    display: none;

}

.flip-clock-divider.hours .flip-clock-dot.top, .flip-clock-divider.hours .flip-clock-dot.bottom {

    display: none;

}

.sticky-strip .flip-clock-divider .flip-clock-label {

    /* display: none; */

    color: #fff !important;

    font-size: 10px !important;

    top: auto;

    text-transform: uppercase;

    bottom: -13px !important;

}

.banner-form form:before {content: "";position: absolute;top: 0;left: 0;width: 5px;height: 300px;background: red;z-index: 2;margin-top: -150px;top: 50%;}

.banner-form form:after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 5px;

    height: 300px;

    background: red;

    z-index: 2;

    margin-top: -150px;

    top: 50%;

}

.footerLP {background: #111b21;color: #ffffff;width: 100%;float: left;position: relative;height: auto;}

.footerLP .logo-policy {padding: 8px 0 0 0; }

.footerLP .logo-policy ul.pp {margin: 15px 0 0 0;float: left;padding: 5px 0 0 25px;position: relative;}

.footerLP .logo-policy ul.pp:before  {position: absolute;content: "";left: 0;top: 0;background: url(../images/nav-sep.webp) no-repeat 0 0;width: 1px;height: 44px;}

.footer-logo { float: left; margin: 0 35px 0 0; }

.footerLP .logo-policy ul.pp li {display: inline-block;margin-bottom: 0;line-height: 0;}

.footerLP .logo-policy ul.pp li+li a {border-left: 1px solid #a9a9a9;}

.footerLP .logo-policy ul.pp li a {padding: 0 5px;color: #a9a9a9;}

footer ul li a:after {display: none;}

.footerLP .footerContact ul.before {border-bottom: 1px solid #a9a9a9;display: inline-block;margin-bottom: 15px;padding-bottom: 10px;}

.footerLP .footerContact ul.before li {padding-left: 30px;}

.footerLP .footerContact ul.before li::before {content: '';position: absolute;left: 0; top: -2px;

background: url(../images/sprites.webp) no-repeat; display: inline-block;background-position: -153px -12px;width: 20px;height: 20px;}

.footerLP .footerContact ul.before li a {color: #a9a9a9;font-size: 16px;}

.footerLP .footerContact ul.before li a strong {color: #ffffff;}

.footerLP .footerContact ul.before li {border-left: none;}

.footerLP .footerContact ul {padding: 0 0 10px 0; float: right; }

.footerLP .footerContact ul h5 {color: #a9a9a9;display: inline-block;font-size: 16px;}

.footerLP .footerContact ul li {display: inline-block;position: relative;margin-bottom: 0}

.footerLP .footerContact ul li+li {border-left: 1px solid #a9a9a9;}

.footerLP .footerContact ul li a i {font-size: 18px;transition: all 0.2s ease-in;}

.footerLP .footerContact ul li {padding: 0 11px;}

.footerLP .footerContact ul li.last {padding-right: 0;}

.footerLP .footerContact ul li a:hover i.fa-facebook {color:#3b5998;}

.footerLP .footerContact ul li a:hover i.fa-twitter {color:#1da1f2;}

.footerLP .footerContact ul li a:hover i.fa-google-plus {color:#dd5044;}

.footerLP .footerContact ul li a:hover i.fa-linkedin {color:#007bb6;}

.footerLP .footerContact ul li a:hover i.fa-youtube-play {color:#c4302b;}

.disclaimer a {color: #de0b36;position: absolute;top: 1px;bottom: 0;margin: auto;left: 83px;}

.disclaimer {

    background: #101010;

    border-top: #1d1d1d 1px solid;

    font-size: 11px;

    padding: 7px 0 12px;

    margin-top: 0px;

}

p.disclaimer_more {

    display: none;

    margin-top: 8px !important;

    line-height: 16px !important;

    text-align: justify;

}

.disclaimer p {

    margin: 0 0px 0 0;

}

header ul li {

    font-size: 18px;

    padding-bottom: 0px;

    margin: 0 0 14px 0;

    display: inline-block;

    margin-bottom: 0;

    padding: 0 15px;

    font-family: 'Open Sans', sans-serif;

    position: relative;

    padding-left: 25px;

}

header ul li {

    border: 1px solid #ffffff;

    border-radius: 4px;

    padding: 10px 6px;

    padding-left: 30px;

    padding-right: 20px;

}

header ul li:last-child {

    padding-left: 15px;

    margin-left: 10px;

    background: #f9cb04;

    border: 1px solid #f9cb04;

    padding: 12px 10px 9px 10px;

}

header ul li:last-child a {

    color: #000000;

    padding: 0;

    font-size: 16px;

    text-transform: uppercase;

}

header ul li a {

    color: white;

    /* padding: 15px 0 10px 0; */

    margin: 0;

}

header ul li:first-child::before {

    content: "\f095";

    font: normal normal normal 14px/1 FontAwesome;

    left: 17px;

    background: none;

    color: #e00030;

    top: 12px;

    bottom: 0;

    margin: auto;

    width: auto;

    height: auto;

    font-size: 16px;

    font-weight: 900;

}

section.portfolio-inner-main .row {

    margin: 0;

}

.logo-branding-slider-sec .slick-slide img {

    width: 100%;

}

.cta_more a.ctanum strong {

    padding-left: 8px;

}

.popi .modal {

    width: 560px !IMPORTANT;

    height: 490px !IMPORTANT;

}

.popi .modal-body a+a {

    background: #e70a34 !important;

    font-size: 19px !IMPORTANT;

    padding: 14px !important;

    line-height: 12px;

    right: -31px !important;

}