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

    color: red;

}

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.platform {

    padding: 10px 0;

    box-shadow: #00000052 0px -8px 45px;

    z-index: 5;

    position: relative;

}



section.platform .col-md-3 h2 {

    font-size: 24px;

    color: #000;

    text-transform: uppercase;

    /* padding-top: 16px; */

}



section.platform .col-md-3 h2 span {

    font-size: 28px;

    color: #e31010;

    font-weight: 600;

    display: block;

}



section.platform .col-md-9 ul li {

    display: inline-block;

    margin: 0 6px;

}



section.platform .col-md-9 ul li img {

    max-width: 100%;

}



section.banner {text-align: center;background: url(../images/banner.jpg);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: 55px;}

.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: 12px;

}



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-head li:nth-child(3) a {

    background: #fcc512;

    padding: 8px 20px;

    border-radius: 5px;

    color: #000;

    font-size: 14px;

}



header .top-head li:nth-child(3) {

    margin-right: 3px;

}

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: 54px;color: #fff;font-weight: 500;margin: 0 0 10px;line-height: 59px;}

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: -4px;

    display: inline-block;

    position: relative;

    font-size: 50px;

    z-index: 1;

    margin-left: 0;

}

section.banner h3 {

    line-height: 27px;

    font-weight: 800;

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

    position: relative;

    z-index: 1;

    padding: 4px 0;

    text-align: center;

    height: 60px;

    font-size: 25px;

    margin: 0;

    background: #fdfdfd;

    margin: -20px -20px;

    padding-top: 20px;

    padding-bottom: 90px;

    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;

}

section.faq {

    padding: 25px 0;

    color: #848894;

    font-size: 13px;

    line-height: 22px;

    border-bottom: 1px solid #eeeeee;

}

section.faq h2 {

    font-size: 16px;

    margin: 0;

    font-weight: 700;

    color: #282828;

    margin-bottom: 10px;

}

section.faq h3 {

    font-size: 16px;

    margin: 0;

    font-weight: 700;

    color: #282828;

    margin-bottom: 10px;

}

section.faq select {

    padding: 9px 100px 10px 10px;

    font-size: 12px;

    border-radius: 5px;

}

section.faq p {

    margin-bottom: 0;

}

section.faq {}

section.ab-home {

    padding: 70px 0;

    text-align: center;

    color: #848894;

    font-size: 18px;

}

section.ab-home h2 {

    color: #282828;

    margin: 0;

    font-size: 46px;

    font-weight: 700;

    line-height: 55px;

    margin-bottom: 20px;

}

section.ab-home p {

    width: 80%;

    margin: 0 auto;

}





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.jpg);

    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.png) no-repeat;

    width: 143px;

    height: 170px;

    position: absolute;

    top: -108px;

    left: -60px;

    z-index: -1;

}

section.packages {

    padding: 50px 0 0;

    font-size: 14px;

    color: #848894;

    line-height: 23px;

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

    text-align: center;

}

section.packages h2 {

    text-align: center;

    font-size: 37px;

    margin: 0 0 30px;

    color: #282828;

    font-weight: 600;

}

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 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 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.png);

    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.png') no-repeat -10px -5px;width: 15px;height: 26px;margin-bottom: 100px;}

.testimonail-wrapper a.bx-next{display:block;background: url('../images/sprite.png') 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;

    box-shadow: #0000003b 0 11px 92px;

    float:  right;

    z-index: 3;

    text-align: center;

    /* padding: 30px 20px 40px; */

    border: 2px dotted #ccc;

    padding: 5px;

    border-radius: 5px;

}



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

    margin-bottom: 10px;

    border: 0px none;

    border-bottom: 1px solid #ececec!important;

    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;

}

.banner-form textarea {

    min-height: 80px;

    width: 100%;

    padding: 10px 5px;

    margin-bottom: 10px;

    border: 0px none;

    border-bottom: 1px solid #ececec !important;

    outline: none;

    font-size: 12px;

    line-height: normal;

    color: #000000;

    font-weight:500;

    border-radius: 0;

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

}

.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: 14px;

    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: #e5ebf3;

    background-size: cover;

    padding: 44px 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 {

    width: 80%;

    margin: 0 auto;

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

}



section.cform-section form ul li input {

    padding: 10px 20px;

    width: 100%;

    border: none;

    outline: none;

    background: #f3f6fa;

    color: #6166a7;

    border: 1px solid #cad3e0;

    border-radius: 5px;

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

}



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

    width: 100%;

}



section.cform-section form ul li textarea {

    padding: 10px 12px;

    width: 96.9%;

    min-height: 130px;

    margin-top: 17px;

    outline: none;

    background: #f3f6fa;

    color: #6166a7;

    border: 1px solid #cad3e0;

    border-radius: 5px;

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

    margin-left: -3px;

}



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

    border: none;

    box-shadow: none;

    color: #fff !important;

    padding: 10px 40px;

    margin-top: 20px;

    font-weight: 500;

    letter-spacing: 2px;

    font-size: 18px;

    background: #e23f3f;

    width: 270px;

    border-radius: 5px;

}



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: 37px;

    margin: 0 0 10px;

    color: #282828;

    font-weight: 600;

}

section.cform-section h2+p {

    padding: 0 130px;

    margin-bottom: 20px;

    color: #363344;

    font-weight: 500;

}

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{

    text-align: left;

    transition: .5s all;

    background: none;

    margin-bottom: 40px;

    border-top: 1px solid #ccc;

    width: 80%;

    margin: 0 auto 40px;

}





.actions a{

    vertical-align: top;

    min-width: inherit;

    margin: 0px;

    /* position: relative; */

    color: #7b7b7b;

    font-size: 9px;

}

 

 

 .actions a span, .addontag span {

    font-size: 15px;

    float: none;

    font-weight: bold;

    color: #161616;

    cursor: pointer;

}

.actions a span small {

    display: inline-block;

    font-size: 15px;

    line-height: normal;

    color: #d73d4d;

    margin-right: 5px;

}

.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: #ffffff;

    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;

    border-radius: 5px;

}



.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.jpg) 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.png) 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 {}



header .top-head li:last-child a {

    background: #2155ff;

    color: #fff;

    padding: 9px 30px;

    border-radius: 5px;

    font-size: 14px;

    text-transform: capitalize;

    font-weight: 500;

    text-transform: uppercase;

}

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: center;

}



.banner-form:before {

    position: absolute;

    top: -5px;

    left: -5px;

    right: 0px;

    content: "";

    bottom: 0;

    width: 103%;

    height: 24%;

    background: #fcc400;

    border-radius: 5px;

}



.banner-form form:before {content: "";position: absolute;background: url(../images/fbgbefore.png);top: -50px;right: -50px;width: 213px;height: 213px;z-index: 1;}

.banner-form form:after {

    content: "";

    position: absolute;

    background: url(../images/fbgafter.png);

    bottom: -50px;

    left: -50px;

    width: 213px;

    height: 213px;

    z-index: -1;

}



section.logo-types {

    padding: 50px 0;

    background: #f2f2f2;

}



section.logo-types h2 {

    font-size: 37px;

    display: block;

    font-weight: 600;

    text-align: center;

}



section.logo-types h5 {

    font-weight: 300;

    font-size: 15px;

    display: block;

    color: #000000;

    /* font-style: italic; */

    font-weight: 600;

    text-align: center;

}

section.logo-types ul.nav-tabs {text-align: center;border: none;padding-bottom: 10px;margin-top: 30px;}



section.logo-types ul.nav-tabs li {

    background: #f8f8f8;

    width: 180px;

    margin: 0 6px;

    float: none;

    display: inline-block;

    border-radius: 5px;

    z-index: 3;

    position: relative;

}



section.logo-types ul.nav-tabs li a {

    display: block;

    font-size: 16px;

    padding: 0 20px 20px;

    margin: 0;

    text-align: left;

    font-weight: 600;

    color: #000000;

    text-transform: uppercase;

    line-height: 18px;

    -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 .1s ease-in;

    z-index: 1;

    position: relative;

}



section.logo-types ul.nav-tabs li a i {

    position: relative;

    top: 20px;

    left: 0;

    padding-bottom: 0px;

    display: block;

    text-align: center;

    min-height: 110px;

}



section.logo-types ul.nav-tabs li a span {

    display: block;

    font-size: 12px;

}



section.logo-types ul.nav-tabs li a i img {}



section.logo-types ul.nav-tabs li a:hover, section.logo-types ul.nav-tabs li.active a {

    background: blue;

    box-shadow: #867c7c75 0 0 25px;

    color: #fff;

    border-radius: 5px;

    border-color: transparent;

}



section.logo-types ul.nav-tabs li a:hover:after, section.logo-types ul.nav-tabs li.active a:after {opacity: 1;filter: alpha(opacity=50);}



section.logo-types ul.nav-tabs li a:after {content: "";position: absolute;bottom: -10px;left: 50%;width: 30px;height: 10px;background: #00f;margin-left: -15px;z-index: -8;clip-path: polygon(50% 100%, 0 0, 100% 0);opacity: 0;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-ms-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}

section.logo-types .tab-content {

    background: #fff;

    padding: 50px 30px;

    border: 2px solid #cccc;

    border-radius: 10px;

    box-shadow: #716d6d1f 0 0 15px;

}



section.logo-types .tab-content h3 {

    margin: 0;

    font-size: 26px;

    text-transform: uppercase;

    font-weight: 600;

    color: #000;

    margin-bottom: 20px;

}



section.logo-types .tab-content p {

    color: #878787;

    font-size: 15px;

    line-height: 27px;

    font-weight: 500;

    margin-bottom: 20px;

}



section.logo-types .leftbox {

    width: 50%;

    display: inline-block;

}



section.logo-types .rightbox {

    width: 49%;

    display: inline-block;

    text-align: right;

    padding-right: 70px;

}



section.logo-types .tab-content a.tab-btn {

    background: #e23f3f;

    padding: 10px 20px;

    display: inline-block;

    color: #fff;

    font-weight: 600;

    font-size: 14px;

    border-radius: 5px;

    text-transform: uppercase;

}

section.porfoliosection {

    padding: 0px 0 50px;

    text-align: center;

    position: relative;

    overflow: hidden;

}



section.porfoliosection h2 {

    font-size: 37px;

    display: inline-block;

    margin: 0 0 30px;

    font-weight: 600;

}



section.porfoliosection .col-md-3 i {

    border-radius: 5px;

    display: block;

    overflow: hidden;

    margin: 8px;

}



section.porfoliosection .col-md-3 i img {

    width: 100%;

}



section.porfoliosection .col-md-3 {

    padding: 10px;

}

section.porfoliosection:before {content: "";position: absolute;top: 50%;left: -10%;bottom: 0;background: url(../images/pattern1.png);width: 341px;height: 341px;margin-top: -170px;}

section.porfoliosection:after {

    content: "";

    position: absolute;

    top: 50%;

    right: -10%;

    bottom: 0;

    background: url(../images/pattern1.png);

    width: 341px;

    height: 341px;

    margin-top: -170px;

    left: inherit;

}

section.bluecta {

    background: url(../images/ctabg.jpg) no-repeat;

    padding: 110px 0px 157px;

    background-size: cover;

    text-align: center;

    color: #fff;

}

section.bluecta h2 {

    font-size: 37px;

    font-weight: 600;

    margin: 0 0 20px;

}



section.bluecta h3 {

    margin: 20px;

    color: #ffae00;

    font-weight: 500;

    font-size: 26px;

    display: block;

}



section.bluecta a {

    display: inline-block;

    background: #e23f3f;

    padding: 7px 50px;

    color: #fff;

    font-weight: 600;

    font-size: 22px;

    border-radius: 5px;

    margin: 0 7px;

}

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

    display: none;

    font-size: 21px;

}



span.hd2 b {

    font-size: 44px;

    font-weight: 700;

    text-shadow: #000 0 0 6px;

}



span.hd2 b small {

    font-size: 32px;

}



span.hd2 {

    color: #ffc600;

    letter-spacing: -1px;

    position: relative;

    z-index: 1;

    display: inline-block;

    margin-right: 15px;

    text-align: right;

}



span.hd2 sup {

    color: #ffc600;

    font-size: 18px;

    left: -3px;

    font-weight: 600;

}



span.hd2:after {

    background: #0a30ab;

    position: absolute;

    bottom: -4px;

    width: 105%;

    height: 64%;

    content: "";

    left: -3px;

    z-index: -1;

}



span.hd3 sup {

    font-size: 15px;

    top: inherit;

    bottom: -2px;

}



span.hd3 b {

    font-weight: 500;

}



span.hd3 b small {

    font-size: 18px;

}



span.hd3 {

    font-size: 26px;

    position: relative;

}



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

    color: #e23f3f;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 600;

    margin: 20px 0 0px;

    text-align: left;

}



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

    margin:  20px -10px 0;

    background: #ffc600;

    color: #000;

    padding: 6px;

    text-align: center;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 700;

    vertical-align: middle;

    display: none;

}



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

    font-size: 24px;

    font-weight: 800;

    vertical-align: middle;

    margin: 0 5px;

}



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

    background: #e23f3f;

    padding: 10px 20px;

    margin: 10px auto 0;

    width: 90%;

    text-align: center;

    display: block;

    color: #fff;

    font-size: 19px;

    font-weight: 400;

    border-radius: 5px;

}



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

    text-align: right;

    margin: 10px 0;

    font-size: 11px;

    color: #5c5c5c;

    font-weight: 600;

}



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

    border: 3px solid #e23f3f;

}



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

    color: #000;

}



section.packages a.vm-btn {

    background: #f1f8ff;

    padding: 10px 20px;

    margin: 20px auto 0;

    text-align: center;

    color: #1244e8;

    font-size: 17px;

    border-radius: 5px;

    display: inline-block;

    border: 2px solid #d8dfe6;

    font-weight: 500;

}



section.cta-orange {

    padding: 43px 0;

    background: url(../images/orangebg.jpg) no-repeat;

    background-size: cover;

    color: #fff;

    background-position: center;

}

section.cta-orange h2 {

    margin: 0;

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 6px;

}



section.cta-orange h3 {

    margin: 0;

    font-size: 31px;

    font-weight: 600;

}



section.cta-orange h4 {

    margin: 30px 0;

    font-size: 26px;

    font-weight: 600;

}



section.cta-orange h3 span {

    color: #ffc600;

}



section.cta-orane a.blutbtn {}



section.cta-orange a.blutbtn {

    background: #ffdc64;

    padding: 10px 20px;

    display: inline-block;

    border-radius: 5px;

    color: #000;

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    margin: 22px 0;

}



section.cta-orange .col-md-4 {

    text-align: center;

}



section.cta-orange .col-md-2 span {

    font-size: 12px;

    text-transform: uppercase;

    font-weight: 500;

    letter-spacing: 1px;

}



section.cta-orange .col-md-2 {

    text-align: center;

}



section.apart {

    padding: 50px 0;

    position: relative;

}



section.apart h2 {

    text-align: center;

    font-size: 37px;

    margin: 0 0 30px;

    color: #282828;

    font-weight: 600;

}



section.apart .col-md-4 {

    padding: 30px;

    background: #ffe3df;

    text-align: left;

    padding-left: 110px;

    margin: 10px;

    border-radius: 10px;

    width: 370px;

}



section.apart .col-md-4 i {

    position: absolute;

    left: 17px;

    top: 60px;

}



section.apart .col-md-4 i img {}



section.apart .col-md-4 h2 {

    text-align: left;

    margin: 0;

    font-size: 32px;

    font-weight: 700;

    margin-bottom: 5px;

}



section.apart .col-md-4 h3 {

    margin: 0;

    font-size: 16px;

    color: #e23f3f;

    font-weight: 600;

    margin-bottom: 5px;

    text-transform: uppercase;

}



section.apart .col-md-4 p {

    font-size: 12px;

    color: #686868;

    font-weight: 500;

}



section.apart .row:nth-child(2) {

    background: #ffe3df;

}



section.apart :nth-child(2) .col-md-4 {}



section.apart .col-md-4:nth-child(3) {

    background: #e1e8ff;

}



section.apart .col-md-4:nth-child(3) h3 {

    color: #627dd3;

}



section.apart .col-md-4:nth-child(4) {

    background: #d9f5f7;

}



section.apart .col-md-4:nth-child(4) h3 {

    color: #4a9196;

}



section.apart .col-md-4:nth-child(5) {

    background: #d9f7e8;

}



section.apart .col-md-4:nth-child(5) h3 {

    color: #569173;

}



section.apart .col-md-4:nth-child(6) {

    background: #f7f7d9;

}



section.apart .col-md-4:nth-child(6) h3 {

    color: #beac5a;

}



section.apart .col-md-4:nth-child(7) {

    background: #f7e8d9;

}



section.apart .col-md-4:nth-child(7) h3 {

    color: #9f7852;

}

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

section.apart:after {content: "";position: absolute;top: 50%;right: 0;background: url(../images/pattern3.png);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: 37px;

    margin: 0 0 30px;

    color: #fff;

    font-weight: 600;

}

img.v1 {

    position: absolute;

    bottom: -20px;

    left: 0;

}



.clock {

    width: 70%;

}

img.bf {

    /* max-width: 220px; */

    margin-bottom: 0px;

    display: inline-block;

}



img.bfsale {

    max-width: 70%;

    margin: 0 10px 0;

    position: absolute;

    right: 0;

    top: 0;

}



section.logo-types .rightbox ul li {

    display: inline-block;

    width: 32%;

}



/* ---- .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: 265px !important;padding: 8px;/* transform: translate3d(0, 10px, 0) !important; */height: 265px;}

.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.20);

    -ms-transform: scale(1.20);

    -webkit-transform: scale(1.20);

    background: #ffffff;

    border: none !important;

    color: #fff;

    z-index: 1;

    padding: 8px;

    position: relative;

    border-radius: 10px;

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

    transition: all 0.5s;

}



.new-pf div#filters button {

    display: inline-block;

    border-radius: 5px !important;

    width: auto;

    margin: 0 8px;

    outline: none;

    padding: 8px 27px;

    border: 2px solid #ff2e53;

    background: #fff;

    margin-bottom: 8px;

    text-transform: uppercase;

    font-weight: 600;

    color: #000;

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

}



.new-pf div#filters {

    text-align: center;

    margin-bottom: 24px;

}





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

    background: linear-gradient(to right, rgb(255, 46, 83) 0%, rgb(255, 46, 83) 100%);

    color: #fff !important;

}



section.new-pf {

    padding: 40px 0;

}





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

}

.element-item.video {

    height: 200px !important;

}





.new-pf div#filters button:active {

    color: #fff !important;

    background: linear-gradient(to right, rgb(255, 46, 83) 0%, rgb(255, 46, 83) 100%);

}



.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: 20px;

}



ul.list-ul li {

    margin-bottom: 10px;

}











section.bluecta a.btnchat {

    display: inline-block;

    background: #e23f3f;

    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: #ffffff;

    font-weight: 700;

    background: #2155ff;

    padding: 0 8px;

}



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



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

    font-size: 14px;

    color: #000000;

    display: inline-block;

    margin-bottom: 0px;

    width: 100%;

    font-weight: 700;

    /* display: none; */

    margin-top: 11px;

}

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

    color: #000000;

}



section.packages [class^="col-md-4"]>div p.addontag a small {

    color: #d53540;

    margin-right: 5px;

    font-size: 15px;

}



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

    text-align: center;

    display: block;

}



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

    color: #ee6f38;

    font-size: 15px;

    font-weight: 600;

}



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

    font-size: inherit;

    margin-right: 11px;

    color: #fff;

}

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

    color: #000000;

    background:none;

    padding: 0;

    margin: 0 auto;

}



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

    width: auto;

    display: block;

    background: none;

    margin: 0;

    padding: 0;

}



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

    display: inline-block;

}



section.packages .actions [class*=col] {

    margin: 0;

}

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

    color: red;

    font-weight: 600;

    text-transform: uppercase;

}

section.cform-section form ul li:nth-child(3) {

    margin: 0;

    margin-left: 7px;

}

img.bfsale {

    max-width: 70%;

    margin: 0 10px 0;

    position: absolute;

    right: 82px;

    margin-top: 0 !important;

    top: -10px;

}


/*Portfolio New*/
/*-----------------*/
/* Portfolio Page */
/*---------------*/
section.portfolio_firstSec{}
section.portfolio_firstSec h2{
    text-align: center;
    font-size: 37px;
    margin: 0 0 30px;
    color: #282828;
    font-weight: 600;
}
section.portfolio_firstSec p{}
section.portfolio_secondSec{}
section.portfolio_secondSec
.row.nopaddindportfolio {
    padding: 0;
    margin: 0;
}

.port-sec-bg {
    /*float: left;
    width: 100%;*/
    margin: 140px 0 0;
}
.gallery_product img {
    height: 290px;
}

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    /* font-size: 18px; */
    /* border: 1px solid #42B32F; */
    /* border-radius: 5px; */
    /* text-align: center; */
    /* color: #42B32F; */
    /* margin-bottom: 30px; */
    font-size: 15px;
    color: #979797 !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    padding: 0 0 10px 0 !important;
    margin: 0 20px;
    line-height: 15px !important;
    border: 0 !important;
    cursor: pointer !important;
    background: transparent !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    -webkit-transition: all .3s ease !important;
    -moz-transition: all .3s ease !important;
    -o-transition: all .3s ease !important;
    transition: all .3s ease !important;
    box-shadow: inset 0 0px 0 rgb(255 255 255 / 0%), 0 0px 0px rgb(0 0 0 / 0%) !important;
}
 .btn:focus {
    outline: 0;
    outline: 0;
    outline-offset: 0;
}
.filter-button:hover{
    border: 0;
    text-align: center;
    color: #f49335 !important;
    background: transparent;
    border-bottom: 3px solid #f49335 !important;
}
.filter-button.active {
    box-shadow: none;
    color: #f49335 !important;
    border-bottom: 3px solid #f49335 !important;
}

.inner-btn, .inner-btn2 {
    margin-top: 30px;
}
.btn-default:active .filter-button:active{    background-color: #42B32F;    color: white;}
.port-image{    width: 100%; }
.gallery_product{    margin-bottom: 30px; }
.gallery_product img{
    width:100%;
    /* height: 260px; */
    border: 1px solid #dcd7d7;
    padding: 10px 10px 10px 10px;
    }
.Web.gallery_product img {
    height: auto;
}   
/*.Stationary img {
    height: auto;
}*/
.hover-img {    overflow: hidden; }
.hover-img img:hover {    transform: scale(1.1); }
.hover-img img {    transition: 0.5s all 0s; }
 

.gallery_product img:hover{     box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
}
.dropdown.dropdown1 {
    float: left;
    margin: -4px 0 0 0;
    /* position: absolute; */
    /* z-index: 9999; */
    left: 160px;
    display:none;
}

ul.dropdown-menu.logodropdowncat {
    /* position: static; */
}
.portfolio_secondSec .tab_btn {
    position: relative;
}
.dropdown.dropdown1 button {
    border-bottom: 2px solid;
    padding: 9px 7px;
    box-shadow: none;
    border-radius: 0;
    }
.dropdown1 .dropdown-menu{
    min-width: 200px;
    height: 200px;
    overflow-y: scroll;
}
.dropdown1 .dropdown-menu button {
    border: 0;
    text-align: left;
    width: 100%;
    margin: 0;
}
.banner {
    overflow: hidden;
    /* display: block; */
    /* min-height: 100vh; */
    /* padding: 73px 0; */
    background-color: #fffaf2;
    position: relative;
}
.object1 {
  position: absolute;
  left: -26%;
  top: -60%;
  width: 400px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation-name: spinner5;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}

.object2 {
  position: absolute;
  right: 10%;
  top: -40%;
  width: 400px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation-name: spinner5;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}
.object3 {
  position: absolute;
  right: 20%;
  top: 50%;
  width: 400px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation-name: spinner5;
  animation-duration: 12s;
  animation-iteration-count: infinite;
}
.object4 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@-webkit-keyframes spinner5 {
  from,0% { -webkit-transform: scale(1);}
  20%,100%  { -webkit-transform: scale(1.2);}
  to       { -webkit-transform: scale(1);}
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0px !important;
}

header {
    position: absolute;
    top: 0;
    background-color: #000;
    margin: 0 0 40px;
    display: table;
}
/*Portfolio New*/