.sppb-section {
    margin-top: -1px!important;
}
/*-------------------------
			FONT
--------------------------*/
/*-------------------------
   FONT
--------------------------*/
@font-face {
  font-family: gotham;
  src: url('../fonts/gotham.ttf');
}
@font-face {
  font-family: centurygothic;
  src: url('../fonts/CenturyGothic.ttf');
}
@font-face {
  font-family: servertica;
  src: url('../fonts/servertica.ttf');
}



h1 {font-size: 65px !important;line-height: 75px!important;}
h2 { font-size: 45px !important; line-height:55px!important; }
h3 {font-size: 46px !important;line-height: 1.1!important;}
h4 { font-size: 30px !important; line-height:40px!important; }
h5 { font-size: 25px !important; line-height:35px!important; }
h6 { font-size: 20px !important; line-height:30px!important; }
body { font-size: 16px !important; line-height:26px!important; }

@media(min-width:768px)and (max-width:1199px){
h1 {font-size: 55px !important;line-height: 65px!important;}
h2 { font-size: 35px !important; line-height:45px!important; }
h3 {font-size: 35px !important;line-height: 45px!important;}
h4 { font-size: 25px !important; line-height:35px!important; }
h5 { font-size: 20px !important; line-height:30px!important; }
h6 { font-size: 18px !important; line-height:28px!important; }
body { font-size: 16px !important; line-height:26px!important; }
}

@media(max-width:767px){
h1 { font-size: 27px !important; line-height:37px!important; }
h2 { font-size: 27px !important; line-height:37px!important; }
h3 { font-size: 24px !important; line-height:34px!important; }
h4 { font-size: 20px !important; line-height:30px!important; }
h5 { font-size: 18px !important; line-height:28px!important; }
h6 {font-size: 15px !important;line-height:26px!important;}
body { font-size: 14px !important; line-height:24px!important; }
.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {font-size: 18px!important;}
}

/*color*/
.sppb-addon-content, .sppb-addon-text, .sppb-addon-content, p {
    color: rgb(255 255 255 / 70%)!important;
}

/*header*/

#sp-header { padding: 20px 0;background: transparent; }

#sp-header.header-sticky {
    padding: 0;
    background: #141e3e;
    box-shadow: 0 2px 8px #3769906e;
}

#sp-header .logo { height: 70px; width: 250px; }


.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #376990;
}

.sp-megamenu-parent > li:hover > a {
    color: #376990;
}

.sp-megamenu-parent > li > a:before, .sp-megamenu-parent > li > span:before {
    display: none;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    line-height: 70px;
    color: #8d8d8d;
    font-weight: 400 !important;
    padding-right: 0;
    padding-left: 25px;
}

.sp-megamenu-parent > li.active > a {
    font-weight: 700 !important;
}

@media (max-width: 1300px) {
  #sp-header .container-inner { padding: 0 15px; }
}
  
@media (min-width: 800px) and (max-width:1040px){
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-size: 12px;}}


/*end of header*/


/*page title*/

.sp-page-title .sp-page-title-heading {
    font-size: 42px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}
.sp-page-title {
    padding: 150px 0 100px;
    border-bottom: 5px solid #376990;
    background-position: center bottom;
}
@media(max-width:991px){
.sp-page-title .sp-page-title-heading {
    font-size: 26px;
    text-align: left;
}
.sp-page-title {
    padding: 130px 0 50px;
    border-bottom: 5px solid #376990;
    background-position: center bottom;
}}

.com-spsimpleportfolio.view-item .sp-page-title { display: block; }

/*end of page title*/


/*offcanvas*/

#offcanvas-toggler {
    height: 70px;
    line-height: 70px;
}

.offcanvas-menu { background-color: #000; border-left: 0px solid #376990; }

.offcanvas-menu .offcanvas-inner { padding: 50px 10px 0; }

.close-offcanvas { background: transparent; color: #fff; }

.close-offcanvas:hover { background: transparent; color: #0872ab; }

.offcanvas-menu .sp-module ul >li >a:before { font-family: FontAwesome; content: "\f105"; margin-right: 10px; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span { color: #8f8f8f; padding: 10px 20px; font-weight: 600; font-size: 14px; letter-spacing: 0.5px; line-height: 1.6; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {color: transparent;}

.offcanvas-menu ul.menu-child {
    display: inherit !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus > a {
  background: rgb(255 255 255 / 5%);
  color: #fff;
}

/*end of offcanvas*/


/*bottom*/

#sp-bottom {padding: 80px 0 60px 0;letter-spacing: 0.5px;background: #000;border-top: 5px solid #376990;}



@media (min-width: 992px) {
  #sp-bottom .sp-module { margin-bottom: 0; }
}
@media (max-width: 992px) {
  #sp-bottom {padding: 50px 0 20px 0!important;letter-spacing: 0.5px;background: #000;border-top: 5px solid #376990;}  
}
#sp-bottom1 img {
    width: 120px;
}

#sp-bottom .sp-module .sp-module-title {
    font-size: 16px!important;
    display: inline-block;
    line-height: 1;
    color: #fff;
}

#sp-bottom .sp-module ul > li > a {
    line-height: 1.3;
    margin-bottom: 12px;
    font-size: 14px;
    color: rgb(255 255 255 / 50%);
}

#sp-bottom .sppb-addon-content {
    font-size: 14px;
    color: #a2a2a2;
}

#sp-bottom .bottom-partner-list { width: 300px; }

#sp-bottom .bottom-partner-list img { padding: 0 5px 5px 0; }

/*end of bottom*/


/*footer*/

#sp-footer {
    background: #000;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #333;
}

#sp-footer .container-inner {
    padding: 0;
}

#sp-footer .sp-copyright {
    display: block;
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: rgb(255 255 255 / 50%);
}

/*end of footer*/




/*bg pattern*/

.bg-pattern-001:before {
    content: url(/images/1_Dreamztech/pattern/bg-pattern-001.png);
    position: absolute;
    width: 500px;
    height: 130px;
    right: 0;
    top: 0;
}

.bg-pattern-002:before {
    content: url(/images/1_Dreamztech/pattern/bg-pattern-002.png);
    position: absolute;
    width: 650px;
    height: 180px;
    left: 0;
    bottom: 0;
}

/*end of bg pattern*/


/*bg style*/

.bg-style-001:before { content: ""; position: absolute; background: url(/images/1_Dreamztech/pricing/pricing-bg-001.jpg) no-repeat scroll left top / cover; width: 100%; height: 650px; top: 0; }

.bg-style-001:after { content: ""; position: absolute; background: url(/images/1_Dreamztech/pricing/pricing-bg-002.jpg) no-repeat scroll right bottom / cover; width: 100%; height: 650px; bottom: 0; }

.bg-style-002:before { content: ""; position: absolute; background: url(/images/1_Dreamztech/pricing/pricing-bg-001.jpg) no-repeat scroll left top / cover; width: 100%; height: 650px; top: 0; }


/*end of bg style*/


/*fixed livechat*/

#whatsapp {
    right: 80px !important;
}

/*end fixed livechat*/

/*ipay88 payment*/

.payment-form span.price-title {font-weight: 700; font-size: 20px;} 

input[type="text"]:not(.form-control) {
  margin-bottom: 8px;padding: 12px !important;line-height: normal;height: auto;border: 1px solid #ccc !important; display: inline-block !important;
    width: 30%;
}

.payment-form form input[type="text"] {margin-bottom: 8px;padding: 12px !important;line-height: normal;height: auto;border: 1px solid #ccc !important; display: inline-block !important;
    width: 30%;}

.payment-form input[type="submit"] { color: #fff; background: #376990; border: none; padding: 4px 20px; transition: all ease 400ms; border-radius : 3px; padding: 9px 20px;}

@media (max-width: 991px){.payment-form input[type="submit"] {float: right; margin-top: 10px;}}

.payment-form input[type="submit"]:hover {background: #000; transition: all ease 400ms}

@media (max-width: 1200px){.payment-form form[name=ePayment] input[type="text"] { width: 100% !important;}}

/*end ipay88 payment*/

/*login*/

button.sppb-btn.sppb-btn-primary.sppb-btn-block {
    background-image: none;
   background: #376990;
    color: #fff;
    border: 0;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 20px;
    border-radius: 50px;
}



.alert.alert-danger {
    background-color: aliceblue;
    border-color: blue;
    color: blue;
}

/*.row.justify-content-center {
    background: #fff;
    position: relative;
    border-radius: 20px;
    border: 1px solid #376990;
    box-shadow: 1px 2px 3px #ddd;
    padding: 30px;
    margin: 70px;
}*/

/*#sp-main-body {
    padding: 10px;
}*/

.alert-warning {
    color: #856404;
    background-color: #fff !important;
    border-color: #fff !important;
}

/*end login*/

/*kiple payment*/

label.input-label {min-width: 27%;}

@media (max-width: 767px){
  label.input-label { min-width: 35%; }
}

.kiple-form select, input[type="email"]:not(.form-control), textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
}

.kiple-form input[type="text"]:not(.form-control) {  width: 50%; }

@media (max-width: 767px){
.kiple-form input[type="text"], .kiple-form input[type="email"]:not(.form-control) {  width: 100% !Important; }
}


.kiple-form input[type="email"]:not(.form-control) {
    border: 1px solid #ccc !important;
  	width: 50%;
}
/*end-kiple-payment*/



/*text*/
.text-block-001 .sppb-addon-title {
    color: #fff!important;
    margin-bottom:30px!important;
}
.text-block-001 .sppb-addon-content {
    color: rgb(255 255 255 / 0.5)!important;
}

/*bottom1*/
#sp-bottom1 strong {
    color: #fff!important;
    font-size: 16px;
    font-weight: 900;
}

/*zindex*/
.zindex3{z-index:3!important;}
.zindex2{z-index:2!important;}
/**/


#sp-branches a {
    letter-spacing: 0.5px;
    padding: 0 5px;
}

/*eb whatsapp*/
.whatsappchat .popup-section{
	display:none;
}