@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap");



body {

  font-family: "Saira Semi Condensed", sans-serif;

  font-weight: 500;

  font-style: normal;

  color: #4f5168;

  font-size: 16px;

}



.img, img {

  max-width: 100%;

  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);

}



a,

button,

i {

  -webkit-transition: all 0.3s ease-out 0s;

  -moz-transition: all 0.3s ease-out 0s;

  -ms-transition: all 0.3s ease-out 0s;

  -o-transition: all 0.3s ease-out 0s;

  transition: all 0.3s ease-out 0s;

  text-decoration: none;

}



a:focus,

.button:focus {

  text-decoration: none;

  outline: none;

}



a:focus,

a:hover {

  color: inherit;

  text-decoration: none;

}



a,

button {

  color: inherit;

  outline: medium none;

  text-decoration: none;

}



button:focus, input:focus, input:focus, textarea, textarea:focus {

  outline: 0;

}

.uppercase {

  text-transform: uppercase;

}



.capitalize {

  text-transform: capitalize;

}



input,

select,

textarea {

  font-family: "Saira Semi Condensed", sans-serif;

  font-weight: 500;

  opacity: 1;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Saira Semi Condensed", sans-serif;

  color: #151735;

  margin: 0px;

  font-style: normal;

  font-weight: 600;

  text-transform: normal;

  margin-bottom: 10px;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: inherit;

}



ul {

  margin: 0px;

  padding: 0px;

}



p {

  font-size: 16px;

  font-weight: 500;

  line-height: 28px;

  color: #4f5168;

  margin-bottom: 10px;

}



hr {

  border-bottom: 1px solid #eceff8;

  border-top: 0 none;

  margin: 30px 0;

  padding: 0;

}



label {

  color: #1d284b;

  cursor: pointer;

  font-size: 14px;

  font-weight: 400;

}*::-moz-selection {

  background: #222;

  color: #ffffff;

  text-shadow: none;

}



::-moz-selection {

  background: #222;

  color: #ffffff;

  text-shadow: none;

}



::selection {

  background: #222;

  color: #ffffff;

  text-shadow: none;

}



select {

  -webkit-appearance: none;

  -moz-appearance: none;

}



input,

select {

  font-family: "Saira Semi Condensed", sans-serif;

  font-weight: 500;

}



* input::-moz-placeholder {

  font-size: 16px;

  opacity: 1;

  font-family: "Saira Semi Condensed", sans-serif;

  font-weight: 500;

}



* input::placeholder {

  font-size: 16px;

  opacity: 1;

  font-family: "Saira Semi Condensed", sans-serif;

  font-weight: 500;

}



body .sppb-btn {

font-size: 16px;

color: #ffffff;

height: 60px;

line-height: 60px;

text-align: center;

padding: 0px 45px;

border-radius: 50px;

display: inline-block;

background: #ff6600;

font-weight: 600;

border: none;

outline: none;

cursor: pointer;

position: relative;

overflow: hidden;

white-space: normal;

}



body .sppb-btn:before {

	background-color: #fff;

	content: "";

	height: 150px;

	left: -75px;

	position: absolute;

	top: -35px;

	transform: rotate(35deg);

	transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);

	width: 40px;

	opacity: 0;

}



body .sppb-btn.sppb-btn-primary {

	background-color: var(--maincolor);

	color: #ffffff;

}



body .sppb-btn.sppb-btn-primary:hover {

	background-color: var(--secondcolor);

	color: #fff;

}



body .sppb-btn.sppb-btn-primary:hover:before {

	left: 120%;

	transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);

	opacity: 0.25;

}



body .sppb-btn.sppb-btn-secondary {

	background-color: var(--secondcolor);

	color: #ffffff;

}



body .sppb-btn.sppb-btn-secondary:hover {

	background-color: var(--maincolor);

	color: #fff;

}



body .sppb-btn.sppb-btn-secondary:hover:before {

	left: 120%;

	transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);

	opacity: 0.25;

}



body .sppb-btn.sppb-btn-default {

	background: #ffffff;

	color: #151735;

}



body .sppb-btn.sppb-btn-default:hover {

	background-color: var(--maincolor);

	color: #fff;

}



body .sppb-btn.sppb-btn-default:hover:before {

	left: 120%;

	transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);

	opacity: 0.25;

}



button {cursor: pointer;}



.sppb-addon-optin-forms,

.sppb-addon-optin-forms .sppb-optin-form-details-wrap:not(:empty){

	padding: 0px;

}



#sp-footer {

	font-size: inherit;

}



#sp-footer #sp-footer2 {

	text-align: inherit;

}



.p-relative {

	position: relative;

}



textarea.sppb-form-control {height: auto !important;}



.sp-scroll-up {

	background: var(--maincolor);

}



.overflow-hidden {overflow: hidden;}



.z-index2 {z-index: 2 !important;}



.sppb-media-heading {

	margin: 0;

}



.sppb-optin-form .button-wrap i {display: none !important;}



.about-back-bg:before {

  position: absolute;

  content: "";

  height: 100%;

  width: 30%;

  background: #000000;

  top: 0px;

  left: 0px;

  z-index: 1;

}

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

  .about-back-bg:before {

    display: none;

  }

}

@media (max-width: 767px) {

  .about-back-bg:before {

    display: none;

  }

}



/* HEADER */ 



.top-section:before {

    position: absolute;

    content: "";

    height: 100%;

    width: 210px;

    background: var(--maincolor);

    top: 0px;

    left: 0px;

}



.top-section-left:after {

	position: absolute;

	content: "";

	top: 0px;

	right: 0px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 0 60px 22px;

	border-color: transparent transparent #1d284b transparent;

}





.top-section-left-h1:after {

	position: absolute;

	content: "";

	top: 0px;

	right: 0px;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 0 60px 22px;

	border-color: transparent transparent #f3f6f9 transparent;

}





#sp-header {

	height: auto;

	box-shadow: none;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

	padding-bottom: 0px;

	padding-top: 0px;

	background: transparent;

	box-shadow: none;

}



#sp-header.header-sticky {

	background: #fff;

	animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;

	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}



#sp-header > .row {

	-ms-flex-align: center !important;

	align-items: center !important;

}



#sp-header > .container > .container-inner > .row {

	-ms-flex-align: center !important;

	align-items: center !important;

}



#sp-header .logo {

	height: auto;

	padding-bottom: 15px;

	padding-top: 15px;

}



#sp-header .logo a .logo-image,

#sp-header .logo a .logo-image-phone {

	display: inline-block;

	transition: all 0.3s ease-in-out 0s;

	height: auto;

}



.sp-megamenu-parent {

	margin: 0;

	float: none;

}



.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {

font-size: 16px;

display: block;

font-weight: 600;

text-transform: uppercase;

padding: 38px 14px;

line-height: 20px;

}



body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {

	content: "\f067";

	font-size: 12px;

}



@media (min-width: 1200px) and (max-width: 1400px) {



.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {

padding: 38px 12px;

}

body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {

	display: none;

}

	

}



#sp-header.header-sticky .sp-megamenu-parent > li > a {

    color: #333333;

}



#sp-header.header-sticky .sp-megamenu-parent > li.active > a, #sp-header.header-sticky .sp-megamenu-parent > li.active:hover > a, 

#sp-header.header-sticky .sp-megamenu-parent > li:hover > a  {

  color: #ff0000;

}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #ff0000;
}


.sp-megamenu-parent > li.active > a {

	font-weight: 600;

}



.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {

	border: 0px solid transparent;

	border-top: 4px solid var(--maincolor);

	border-radius: 0;	

	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);

	transition: all 0.3s ease 0s;

	padding: 15px 0;

}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item {

	display: block;

	margin: 0px;

	padding: 8px 25px 8px 25px;

}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {

    font-size: 16px;

    color: #212237;

    font-weight: 600;

    text-transform: uppercase;

	padding: 0px;

	display: inline-block;

	color: #212237;

	position: relative;

}



body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {

	

}



#offcanvas-toggler {

	display: block;

	height: auto;

	line-height: inherit;

	font-size: 20px;

	transition: all 0.3s ease-in-out 0s;

}



#offcanvas-toggler > .fa {

	transition: all 0.3s ease-in-out 0s;

	color: #151735;

	font-size: 32px;

}


}
/* */



/* PORTFOLIO */



.featherlight {

  top: 10%;

}



.featherlight .featherlight-content {

  max-height: 95%;

  max-width: 55%;

  padding: 0;

  margin: 0;

  overflow: hidden;

  background: transparent none repeat scroll 0 0;

}



.sp-simpleportfolio .sp-simpleportfolio-filter {

	text-align: center;

	margin-bottom: 0;

}



.sp-simpleportfolio .sp-simpleportfolio-filter > ul {

	padding-top: 0;	

	padding-bottom: 40px;

}



.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {

	float: left;

	display: block;

	margin: 0;

}



.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {

border: 1px solid #dce1e4;

height: 40px;

line-height: 38px;

padding: 0px 30px;

border-radius: 50px;

background: none;

color: #151735;

margin-left: 10px;

outline: none;

cursor: pointer;

display: inline-block;

}



.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a {

background: var(--maincolor);

color: #ffffff;

border-color: var(--maincolor);

}



.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li:hover > a {

background: var(--maincolor);

color: #ffffff;

border-color: var(--maincolor);

}



.portfolio-img {

	overflow: hidden;

	position: relative;

}



.portfolio-img img {

	width: 100%;

}



.sp-simpleportfolio-item:hover img {

	opacity: 0.7;

	transform: scale3d(1.1, 1.1, 1.1);

}



.simpleportfolio-btns {

	position: absolute;

	bottom: 0px;

	left: 0px;

	height: 0%;

	width: 100%;

	background: rgba(29, 40, 75, 0.4);

	-webkit-transition: all 0.5s ease-out 0s;

	-moz-transition: all 0.5s ease-out 0s;

	-ms-transition: all 0.5s ease-out 0s;

	-o-transition: all 0.5s ease-out 0s;

	transition: all 0.5s ease-out 0s;

}



.sp-simpleportfolio-item:hover .simpleportfolio-btns {

	height: 100%;

}



.simpleportfolio-btns a {

	height: 70px;

	width: 70px;

	display: inline-block;

	line-height: 70px;

	vertical-align: middle;

	font-size: 18px;

	color: var(--maincolor);

	display: inline-block;

	background: #ffffff;

	text-align: center;

	border-radius: 50%;

	position: absolute;

	top: 50%;

	left: 50%;

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

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}



.simpleportfolio-btns a:hover {

	background: var(--maincolor);

	color: #ffffff;

}



.simpleportfolio-info {

    box-shadow: 0px 0px 30px 0px rgba(0, 5, 63, 0.1);

    background: #ffffff;

    padding: 25px 35px 30px 35px;

    margin: 0px 20px;

        margin-top: 0px;

    margin-top: -45px;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

	z-index: 2;

position: relative;

}



.sp-simpleportfolio-item:hover .simpleportfolio-info {

	background: var(--maincolor);

}



.simpleportfolio-tags {

    display: block;

    margin-bottom: 7px;

	font-size: 12px;

	text-transform: uppercase;

}



.simpleportfolio-info .simpleportfolio-title {

	font-size: 27px;

	margin-bottom: 0px;

}



.sp-simpleportfolio-item:hover .simpleportfolio-tags,

.sp-simpleportfolio-item:hover .simpleportfolio-title a {

	color: #fff;

}



/* PAGE TITLE */



.sp-page-title {

	padding: 30px 0;

	position: relative;

	background-size: cover;

	padding-bottom: 180px;

	padding-top: 210px;

	text-align: center;

}



.sp-page-title:before {

	position: absolute;

	content: "";

	top: 0px;

	left: 0px;

	height: 100%;

	width: 100%;

	background: rgba(21, 32, 66, 0.9);

	z-index: 0;

}



.sp-page-title .sp-page-title-heading {

    font-size: 80px;

    font-weight: 700;

    line-height: 1;

    text-transform: uppercase;

	position: relative;

	z-index: 3;

}



.sp-page-title .breadcrumb {

position: absolute;

left: 50%;

right: auto;

transform: translatex(-50%);

margin: 0 auto;

bottom: 0px;

padding: 18px 45px;

background: var(--maincolor);

display: inline-block;

border-top-left-radius: 30px;

border-top-right-radius: 30px;

}



@media (max-width: 992px) {

.sp-page-title .breadcrumb {width: 100%;}

}



.sp-page-title .breadcrumb > li {

	display: inline-block;

}



.breadcrumb-item + .breadcrumb-item {

	padding-left: 25px;

}



.breadcrumb-item + .breadcrumb-item::before {

	padding-right: 25px;

	content: "\f30b";

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

}



.sp-page-title .breadcrumb > li > a {

    font-size: 20px;

    font-weight: 500;

}



.sp-page-title .breadcrumb > li > a:hover {

    color: #151735;

}



.sp-page-title .breadcrumb > .active {

    font-size: 20px;

    font-weight: 500;

	color: #fff;

}



/* */



#sp-header.header-sticky ~ section#sp-main-body {

	padding-top: 0;

}

.com-content #sp-main-body,

.com-j2store #sp-main-body,

.com-tags #sp-main-body {

	padding: 110px 0;

}



.com-spsimpleportfolio #sp-main-body,

.com-spsimpleportfolio #sp-header.header-sticky ~ section#sp-main-body {

	padding: 0;

}



.com-spsimpleportfolio #sp-main-body {

	z-index: 2;

	position: relative;

}



.com-spsimpleportfolio .page-content > .sppb-section {

    padding-top: 95px;

}





.com-content #sp-header.header-sticky ~ section#sp-main-body,

.com-j2store #sp-header.header-sticky ~ section#sp-main-body,

.com-tags #sp-header.header-sticky ~ section#sp-main-body {

	padding-top: 110px;

}



/* SIDEBAR */



.sidebar-class  .sppb-row-container {width: 100% !important; }

.sidebar-class.com-sppagebuilder #sp-main-body {margin: 0 auto;}

@media (min-width: 768px) {

.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 750px;}

}

@media (min-width: 992px) {

.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 970px;}

}

@media (min-width: 1200px) {

.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 1170px;}

}



.com-sppagebuilder #sp-right, .com-sppagebuilder #sp-left {

	padding-top: 110px;

	padding-bottom: 110px;

	position: relative;

}



#sp-left .sp-module, #sp-right .sp-module {

	border: 0px solid #f3f3f3;

	padding: 0;

	border-radius: 0px;

}



#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {

	display: block;

	border-bottom: 0px solid #f3f3f3;

}



/* */



/* BLOG */



.article-list .article {

	margin-bottom: 55px;

	padding: 0px;

	border: 0px solid #f5f5f5;

	border-radius: 10px;

	overflow: hidden;

	-webkit-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);

	-moz-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);

	box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);

}



.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {

	margin: 0px;

	border-radius: 0;

	border-bottom: 0px solid #f5f5f5;

	overflow: hidden;

}



.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {

	border-radius: 0;

	width: 100%;

}



.article-body {

	border: 1px solid #dce1e4;

	position: relative;

	padding: 32px 40px 40px 40px;

	border-top: 0px;

}



.ablog__meta4 {

	margin-bottom: 20px;

}



.ablog__meta span {

	display: inline-block;

	list-style: none;

	margin-right: 15px;

	font-size: 18px;

}



.ablog__meta span i {

	font-size: 16px;

	color: var(--maincolor);

	margin-right: 3px;

}



.ablog__meta span:last-child {

	margin-right: 0px;

}



.article-list .article .article-header h2 {

    font-size: 36px;

    margin: 0 0 20px 0;

}



.article-introtext {

    margin-bottom: 30px;

}



/* SINGLE ARTICLE */



.article-details .sppb-row-container {padding: 0;}



.single-article-body {

	border: 1px solid #dce1e4;

    padding: 32px 40px 40px 40px;

    border-top: 0px;

}



.article-details .article-full-image {

	text-align: center;

	margin-bottom: 0;

}



.article-details .article-full-image img {

	display: inline-block;

	border-radius: 0;

}



.main-single-article {

    border-radius: 10px;

    overflow: hidden;

    -webkit-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);

    -moz-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);

    box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);

}



.blog__author {

	display: flex !important;

	padding: 30px 40px;

	-webkit-box-shadow: 0px 1px 4px 0px rgba(10, 0, 58, 0.14);

	-moz-box-shadow: 0px 1px 4px 0px rgba(10, 0, 58, 0.14);

	box-shadow: 0px 1px 4px 0px rgba(10, 0, 58, 0.14);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;

	margin-bottom: 95px;

	margin-top: 55px;

}



.blog__author .mr-30 {

	margin-right: 30px;

}



.blog__author-content h5 {

	font-size: 18px;

	margin-bottom: 0px;

}



.blog__author-content span {

	display: inline-block;

	margin-bottom: 5px;

}



.blog__author-content p {

	margin-bottom: 0px;

}



#article-comments {

	padding-top: 0;

	margin-top: 0;

	border-top: 0px solid #f5f5f5;

}









/* */



/* IMPORT FLATICON */



@font-face {

    font-family: "flaticon";

    src: url("../fonts/flaticon.ttf?5f5c217ed0ce6ba80d9d513972577b7c") format("truetype"),

url("../fonts/flaticon.woff?5f5c217ed0ce6ba80d9d513972577b7c") format("woff"),

url("../fonts/flaticon.woff2?5f5c217ed0ce6ba80d9d513972577b7c") format("woff2"),

url("../fonts/flaticon.eot?5f5c217ed0ce6ba80d9d513972577b7c#iefix") format("embedded-opentype"),

url("../fonts/flaticon.svg?5f5c217ed0ce6ba80d9d513972577b7c#flaticon") format("svg");

}



i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before,

em[class^="flaticon-"]:before, em[class*=" flaticon-"]:before{

    font-family: flaticon !important;

    font-style: normal;

    font-weight: normal !important;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

i {

    line-height: 1;

}

.flaticon-24-hours-support:before {

    content: "\f101";

}

.flaticon-air-conditioner:before {

    content: "\f102";

}

.flaticon-app:before {

    content: "\f103";

}

.flaticon-business-and-trade:before {

    content: "\f104";

}

.flaticon-contact:before {

    content: "\f105";

}

.flaticon-coupons:before {

    content: "\f106";

}

.flaticon-email:before {

    content: "\f107";

}

.flaticon-engineer-1:before {

    content: "\f108";

}

.flaticon-engineer:before {

    content: "\f109";

}

.flaticon-happiness:before {

    content: "\f10a";

}

.flaticon-happy:before {

    content: "\f10b";

}

.flaticon-heating:before {

    content: "\f10c";

}

.flaticon-history:before {

    content: "\f10d";

}

.flaticon-house:before {

    content: "\f10e";

}

.flaticon-message:before {

    content: "\f10f";

}

.flaticon-money-bag:before {

    content: "\f110";

}

.flaticon-office:before {

    content: "\f111";

}

.flaticon-pin:before {

    content: "\f112";

}

.flaticon-quality:before {

    content: "\f113";

}

.flaticon-return-of-investment:before {

    content: "\f114";

}

.flaticon-satisfaction:before {

    content: "\f115";

}

.flaticon-settings:before {

    content: "\f116";

}

.flaticon-snowfall:before {

    content: "\f117";

}

.flaticon-technical-support:before {

    content: "\f118";

}

.flaticon-technician:before {

    content: "\f119";

}

.flaticon-vacuum-cleaner:before {

    content: "\f11a";

}

.flaticon-wrench:before {

    content: "\f11b";

}


	



/* / 02. custom animation / */

@-webkit-keyframes jump {

    0% {

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

        transform: translate3d(0, 0, 0);

    }



    40% {

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

        transform: translate3d(0, 50%, 0);

    }



    100% {

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

        transform: translate3d(0, 0, 0);

    }

}



@keyframes jump {

    0% {

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

        transform: translate3d(0, 0, 0);

    }



    40% {

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

        transform: translate3d(0, 50%, 0);

    }



    100% {

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

        transform: translate3d(0, 0, 0);

    }

}



@-webkit-keyframes rotated {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes rotated {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }



    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@-webkit-keyframes rotatedHalf {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }



    50% {

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

    }



    100% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

}



@keyframes rotatedHalf {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }



    50% {

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

    }



    100% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

}



@-webkit-keyframes rotatedHalfTwo {

    0% {

        -webkit-transform: rotate(-90deg);

        transform: rotate(-90deg);

    }



    100% {

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

    }

}



@keyframes rotatedHalfTwo {

    0% {

        -webkit-transform: rotate(-90deg);

        transform: rotate(-90deg);

    }



    100% {

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

    }

}





@-webkit-keyframes scale-upOne {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    100% {

        -webkit-transform: scale(0.2);

        transform: scale(0.2);

    }

}



@keyframes scale-upOne {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    100% {

        -webkit-transform: scale(0.2);

        transform: scale(0.2);

    }

}



@-webkit-keyframes scale-right {

    0% {

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

    }



    50% {

        -webkit-transform: translateX(50%);

        transform: translateX(50%);

    }



    100% {

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

    }

}



@keyframes scale-right {

    0% {

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

    }



    50% {

        -webkit-transform: translateX(50%);

        transform: translateX(50%);

    }



    100% {

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%);

    }

}



@-webkit-keyframes fade-in {

    0% {

        opacity: 0.7;

    }



    40% {

        opacity: 1;

    }



    100% {

        opacity: 0.7;

    }

}



@keyframes fade-in {

    0% {

        opacity: 0.7;

    }



    40% {

        opacity: 1;

    }



    100% {

        opacity: 0.7;

    }

}





@keyframes hvr-ripple-out {

    0% {

        top: 0px;

        right: 0px;

        bottom: 0px;

        left: 0px;

        opacity: 1;

    }



    100% {

        top: -6px;

        right: -6px;

        bottom: -6px;

        left: -6px;

        opacity: 0;

    }

}



@keyframes hvr-ripple-out-two {

    0% {

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        opacity: 1;

    }



    100% {

        top: -12px;

        right: -12px;

        bottom: -12px;

        left: -12px;

        opacity: 0;

    }

}



@-webkit-keyframes scale-up-one {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    40% {

        -webkit-transform: scale(0.5);

        transform: scale(0.5);

    }



    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes scale-up-one {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    40% {

        -webkit-transform: scale(0.5);

        transform: scale(0.5);

    }



    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@-webkit-keyframes scale-up-two {

    0% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9);

    }



    40% {

        -webkit-transform: scale(0.8);

        transform: scale(0.8);

    }



    100% {

        -webkit-transform: scale(0.5);

        transform: scale(0.5);

    }

}



@keyframes scale-up-two {

    0% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9);

    }



    40% {

        -webkit-transform: scale(0.8);

        transform: scale(0.8);

    }



    100% {

        -webkit-transform: scale(0.5);

        transform: scale(0.5);

    }

}



@-webkit-keyframes scale-up-three {

    0% {

        -webkit-transform: scale(0.7);

        transform: scale(0.7);

    }



    40% {

        -webkit-transform: scale(0.4);

        transform: scale(0.4);

    }



    100% {

        -webkit-transform: scale(0.7);

        transform: scale(0.7);

    }

}



@keyframes scale-up-three {

    0% {

        -webkit-transform: scale(0.7);

        transform: scale(0.7);

    }



    40% {

        -webkit-transform: scale(0.4);

        transform: scale(0.4);

    }



    100% {

        -webkit-transform: scale(0.7);

        transform: scale(0.7);

    }

}



@-webkit-keyframes scale-up-four {

    0% {

        -webkit-transform: scale(0.6);

        transform: scale(0.6);

    }



    40% {

        -webkit-transform: scale(0.7);

        transform: scale(0.7);

    }



    100% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9);

    }

}



@keyframes scale-up-four {

    0% {

        -webkit-transform: scale(0.6);

        transform: scale(0.6);

    }



    40% {

        -webkit-transform: scale(0.7);

        transform: scale(0.7);

    }



    100% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9);

    }

}



@-webkit-keyframes scale-up-five {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    40% {

        -webkit-transform: scale(0.4);

        transform: scale(0.4);

    }



    100% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9);

    }

}



@keyframes scale-up-five {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    40% {

        -webkit-transform: scale(0.5);

        transform: scale(0.5);

    }



    100% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9);

    }

}





@keyframes animationFramesOne {

    0% {

        transform: translate(0px, 0px) rotate(0deg);

    }



    20% {

        transform: translate(73px, 1px) rotate(36deg);

    }



    40% {

        transform: translate(60px, 72px) rotate(72deg);

    }



    60% {

        transform: translate(83px, 122px) rotate(108deg);

    }



    80% {

        transform: translate(40px, 72px) rotate(144deg);

    }



    100% {

        transform: translate(0px, 0px) rotate(0deg);

    }

}



@-webkit-keyframes animationFramesOne {

    0% {

        -webkit-transform: translate(0px, 0px) rotate(0deg);

    }



    20% {

        -webkit-transform: translate(73px, 1px) rotate(36deg);

    }



    40% {

        -webkit-transform: translate(60px, 72px) rotate(72deg);

    }



    60% {

        -webkit-transform: translate(83px, 122px) rotate(108deg);

    }



    80% {

        -webkit-transform: translate(40px, 72px) rotate(144deg);

    }



    100% {

        -webkit-transform: translate(0px, 0px) rotate(0deg);

    }

}



@keyframes animationFramesTwo {

    0% {

        transform: translate(0px, 0px) rotate(0deg) scale(1);

    }



    20% {

        transform: translate(73px, -1px) rotate(36deg) scale(0.9);

    }



    40% {

        transform: translate(141px, 72px) rotate(72deg) scale(1);

    }



    60% {

        transform: translate(83px, 122px) rotate(108deg) scale(1.2);

    }



    80% {

        transform: translate(40px, 72px) rotate(144deg) scale(1.1);

    }



    100% {

        transform: translate(0px, 0px) rotate(0deg) scale(1);

    }

}





@keyframes animationFramesThree {

    0% {

        transform: translate(135px, 90px);

    }



    50% {

        transform: translate(30px, 290px);

    }



    75% {

        transform: translate(80px, 190px);

    }



    100% {

        transform: translate(135px, 90px);

    }

}





@keyframes animationFramesFour {

    0% {

        transform: translate(30px, -70px) rotate(0deg);

    }



    50% {

        transform: translate(251px, 20px) rotate(180deg);

    }



    75% {

        transform: translate(30px, -70px) rotate(0deg);

    }



    100% {

        transform: translate(251px, 20px) rotate(180deg);

    }

}





@keyframes animationFramesFive {

    0% {

        transform: translate(61px, -99px) rotate(0deg);

    }



    21% {

        transform: translate(4px, -190px) rotate(38deg);

    }



    41% {

        transform: translate(-139px, -200px) rotate(74deg);

    }



    60% {

        transform: translate(-263px, -164px) rotate(108deg);

    }



    80% {

        transform: translate(-195px, -49px) rotate(144deg);

    }



    100% {

        transform: translate(-1px, 0px) rotate(180deg);

    }

}







@keyframes gradientBG {

    0% {

        background-position: 0 0;

    }



    50% {

        background-position: 300% 0;

    }



    100% {

        background-position: 0 0;

    }

}



@-webkit-keyframes gradientBG {

    0% {

        background-position: 0 0;

    }



    50% {

        background-position: 300% 0;

    }



    100% {

        background-position: 0 0;

    }

}



@keyframes imageBgAnim {

    0% {

        background-position: 0 0;

    }



    50% {

        background-position: 120% 0;

    }



    100% {

        background-position: 0 0;

    }

}



@-webkit-keyframes gradientBG {

    0% {

        background-position: 0 0;

    }



    50% {

        background-position: 120% 0;

    }



    100% {

        background-position: 0 0;

    }

}





/* / Bob / */



@keyframes float-bob-y {

    0% {

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px);

    }



    50% {

        -webkit-transform: translateY(-10px);

        transform: translateY(-10px);

    }



    100% {

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px);

    }

}



@keyframes float-bob-x {

    0% {

        -webkit-transform: translateX(-50px);

        transform: translateX(-50px);

    }



    50% {

        -webkit-transform: translateX(-10px);

        transform: translateX(-10px);

    }



    100% {

        -webkit-transform: translateX(-50px);

        transform: translateX(-50px);

    }

}



@keyframes pulse {

    0% {

        box-shadow: 0 0 0 0 #ffffff;

    }



    50% {

        box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);

    }



    100% {

        box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);

    }

}



@keyframes pulse-blue {

    0% {

        box-shadow: 0 0 0 0 #2371ff;

    }



    50% {

        box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);

    }



    100% {

        box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);

    }

}



@keyframes pulse-orange {

    0% {

        box-shadow: 0 0 0 0 #ff6600;

    }



    50% {

        box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);

    }



    100% {

        box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);

    }

}



@keyframes pulse-grey {

    0% {

        box-shadow: 0 0 0 0 #ddd;

    }



    50% {

        box-shadow: 0 0 0 30px rgba(1, 93, 199, 0);

    }



    100% {

        box-shadow: 0 0 0 0 rgba(1, 93, 199, 0);

    }

}







/* custom  */

@keyframes team-shape-1 {

    0% {

        transform: translate(0, 0) rotate(0deg);

    }



    25% {

        transform: translate(50px, -20px) rotate(0deg);

    }



    50% {

        transform: translate(100px, -40px) rotate(0deg);

    }



    75% {

        transform: translate(-50px, -70px) rotate(0deg);

    }



    100% {

        transform: translate(90px, 50px) rotate(0deg);

    }

}



@keyframes team-shape-3 {

    0% {

        transform: translate(0, 0) rotate(0deg);

    }



    25% {

        transform: translate(-50px, 20px) rotate(0deg);

    }



    50% {

        transform: translate(-180px, 40px) rotate(0deg);

    }



    75% {

        transform: translate(-50px, -70px) rotate(0deg);

    }



    100% {

        transform: translate(90px, 50px) rotate(0deg);

    }

}





@-webkit-keyframes wobble-vertical {

    16.65% {

        transform: translateY(8px);

    }

    33.3% {

        transform: translateY(-6px);

    }

    49.95% {

        transform: translateY(4px);

    }

    66.6% {

        transform: translateY(-2px);

    }

    83.25% {

        transform: translateY(1px);

    }

    100% {

        transform: translateY(0);

    }

}



@keyframes wobble-vertical {

    16.65% {

        transform: translateY(8px);

    }

    33.3% {

        transform: translateY(-6px);

    }

    49.95% {

        transform: translateY(4px);

    }

    66.6% {

        transform: translateY(-2px);

    }

    83.25% {

        transform: translateY(1px);

    }

    100% {

        transform: translateY(0);

    }

}



@-webkit-keyframes animation-pulse-shrink {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(0.5);

    }

    75% {

        transform: scale(0.7);

    }

    100% {

        transform: scale(1);

    }

}



@keyframes animation-pulse-shrink {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(0.5);

    }

    75% {

        transform: scale(0.7);

    }

    100% {

        transform: scale(1);

    }

}



@-webkit-keyframes phone-icon-animate {

    0%,

    100% {

        transform: rotate(0)scale(1)skew(1deg);

    }

    10% {

        transform: rotate(-25deg)scale(1)skew(1deg);

    }

    20%,

    40% {

        transform: rotate(25deg)scale(1)skew(1deg);

    }

    30% {

        transform: rotate(-25deg)scale(1)skew(1deg);

    }

    50% {

        transform: rotate(0)scale(1)skew(1deg);

    }

}



@keyframes phone-icon-animate {

    0%,

    100% {

        transform: rotate(0)scale(1)skew(1deg);

    }

    10% {

        transform: rotate(-25deg)scale(1)skew(1deg);

    }

    20%,

    40% {

        transform: rotate(25deg)scale(1)skew(1deg);

    }

    30% {

        transform: rotate(-25deg)scale(1)skew(1deg);

    }

    50% {

        transform: rotate(0)scale(1)skew(1deg);

    }

}



/*--- preloader ---*/

.dark #preloader {

  background-color: #232323;

}



#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #fff;

  z-index: 999999;

}



.preloader {

  width: 50px;

  height: 50px;

  display: inline-block;

  padding: 0px;

  text-align: left;

  box-sizing: border-box;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -25px;

  margin-top: -25px;

}



.preloader span {

  position: absolute;

  display: inline-block;

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background: #ff6600;

  -webkit-animation: preloader 1.3s linear infinite;

  animation: preloader 1.3s linear infinite;

}



.preloader span:last-child {

  animation-delay: -0.8s;

  -webkit-animation-delay: -0.8s;

}



@keyframes preloader {

  0% {

    transform: scale(0, 0);

    opacity: 0.5;

  }



  100% {

    transform: scale(1, 1);

    opacity: 0;

  }

}



@-webkit-keyframes preloader {

  0% {

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

    opacity: 0.5;

  }



  100% {

    -webkit-transform: scale(1, 1);

    opacity: 0;

  }

}



/*--- end of preloader ---*/









@media (min-width: 320px) {#sp-footer  .sppb-container-inner {max-width: 400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 576px) {#sp-footer  .sppb-container-inner {max-width: 540px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 768px) {#sp-footer  .sppb-container-inner {max-width: 720px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 992px) {#sp-footer .sppb-container-inner {max-width: 960px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1200px) {#sp-footer  .sppb-container-inner {max-width: 1140px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1400px) {#sp-footer  .sppb-container-inner {max-width: 1200px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}



@media (min-width: 320px) {#sp-footer.home3-footer  .sppb-container-inner {max-width: 400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 576px) {#sp-footer.home3-footer  .sppb-container-inner {max-width: 540px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 768px) {#sp-footer.home3-footer  .sppb-container-inner {max-width: 720px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 992px) {#sp-footer.home3-footer .sppb-container-inner {max-width: 960px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1200px) {#sp-footer.home3-footer  .sppb-container-inner {max-width: 1140px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1400px) {#sp-footer.home3-footer  .sppb-container-inner {max-width: 1400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}





@media (min-width: 320px) {#sp-top1  .sppb-container-inner {max-width: 400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 576px) {#sp-top1  .sppb-container-inner {max-width: 540px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 768px) {#sp-top1  .sppb-container-inner {max-width: 720px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 992px) {#sp-top1 .sppb-container-inner {max-width: 960px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1200px) {#sp-top1  .sppb-container-inner {max-width: 1140px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1400px) {#sp-top1  .sppb-container-inner {max-width: 1400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}





@media (min-width: 320px) {#sp-top3  .sppb-container-inner {max-width: 400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 576px) {#sp-top3  .sppb-container-inner {max-width: 540px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 768px) {#sp-top3  .sppb-container-inner {max-width: 720px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 992px) {#sp-top3 .sppb-container-inner {max-width: 960px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1200px) {#sp-top3  .sppb-container-inner {max-width: 1140px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1400px) {#sp-top3  .sppb-container-inner {max-width: 1400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}





@media (min-width: 320px) {#sp-position1  .sppb-container-inner {max-width: 400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 576px) {#sp-position1  .sppb-container-inner {max-width: 540px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 768px) {#sp-position1  .sppb-container-inner {max-width: 720px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 992px) {#sp-position1 .sppb-container-inner {max-width: 960px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1200px) {#sp-position1  .sppb-container-inner {max-width: 1140px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1400px) {#sp-position1  .sppb-container-inner {max-width: 1400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}





@media (min-width: 320px) {#sp-position2  .sppb-container-inner {max-width: 400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 576px) {#sp-position2  .sppb-container-inner {max-width: 540px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 768px) {#sp-position2  .sppb-container-inner {max-width: 720px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 992px) {#sp-position2 .sppb-container-inner {max-width: 960px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1200px) {#sp-position2  .sppb-container-inner {max-width: 1140px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1400px) {#sp-position2  .sppb-container-inner {max-width: 1400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}





@media (min-width: 1400px) {#sp-header > .container {max-width: 1400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}





@media (min-width: 1400px) {.custom-container > .sppb-row-container {max-width: 1400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}





@media (min-width: 1400px) {.sppb-row-container, .container {max-width: 1200px;}}





@media (min-width: 320px) {.contained-row  .sppb-container-inner {max-width: 400px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 576px) {.contained-row  .sppb-container-inner {max-width: 540px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 768px) {.contained-row  .sppb-container-inner {max-width: 720px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 992px) {.contained-row .sppb-container-inner {max-width: 960px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1200px) {.contained-row  .sppb-container-inner {max-width: 1140px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}

@media (min-width: 1400px) {.contained-row  .sppb-container-inner {max-width: 1200px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}









/* J4 Optimization */



.sp-megamenu-wrapper, #sp-header > .container > .container-inner > .row > div > .sp-column,

#sp-header > .row > div > .sp-column  {display: block !important;}



#sp-header .sp-module {

	margin-left: 0px !important; 

}



@media (min-width: 1400px) {#sp-footer  .sppb-container-inner {max-width: 1320px;width: 100%;

margin-right: auto;

margin-left: auto;

padding-right: 15px;

padding-left: 15px;}}



@media (min-width: 1400px) {#sp-banner  .sppb-container-inner {max-width: 1320px;width: 100%;

margin-right: auto;

margin-left: auto;

padding-right: 15px;

padding-left: 15px;}}



@media (min-width: 1400px) {#sp-bottom1  .sppb-container-inner {max-width: 1320px;width: 100%;

margin-right: auto;

margin-left: auto;

padding-right: 15px;

padding-left: 15px;}}



@media (min-width: 1400px) {#sp-top3  .sppb-container-inner {max-width: 1320px;width: 100%;

margin-right: auto;

margin-left: auto;

padding-right: 15px;

padding-left: 15px;}}



@media (min-width: 1400px) {#sp-position4  .sppb-container-inner {max-width: 1320px;width: 100%;

margin-right: auto;

margin-left: auto;

padding-right: 15px;

padding-left: 15px;}}



@media (min-width: 1400px) {.contained-row  .sppb-container-inner {max-width: 1320px;width: 100%;

margin-right: auto;

margin-left: auto;

padding-right: 15px;

padding-left: 15px;}}



@media (min-width: 1400px) {.contained-section {max-width: 1320px;width: 100%;

margin-right: auto;

margin-left: auto;

padding-right: 15px;

padding-left: 15px;}}



@media (min-width: 1400px) {.sppb-row-container {max-width: 1320px;width: 100%;

margin-right: auto;

margin-left: auto;

padding-right: 15px;

padding-left: 15px;}}



@media (min-width: 1400px) {.sp-slider .sppb-container {max-width: 1320px;width: 100%;

margin-right: auto;

margin-left: auto;

padding-right: 15px;

padding-left: 15px;}}



.text-start,

.text-left {

 text-align:left!important

}

.text-end,

.text-right {

 text-align:right!important

}

@media (min-width:576px) {

 .text-sm-start,

.text-sm-left {

  text-align:left!important

 }

 .text-sm-end,

.text-sm-right {

  text-align:right!important

 }

 .text-sm-center {

  text-align:center!important

 }

}

@media (min-width:768px) {

 .text-md-start,

.text-md-left {

  text-align:left!important

 }

 .text-md-end,

.text-md-right {

  text-align:right!important

 }

 .text-md-center {

  text-align:center!important

 }

}

@media (min-width:992px) {

 .text-lg-start,

.text-lg-left {

  text-align:left!important

 }

 .text-lg-end,

.text-lg-right {

  text-align:right!important

 }

 .text-lg-center {

  text-align:center!important

 }

}

@media (min-width:1200px) {

 .text-xl-start,

.text-xl-left {

  text-align:left!important

 }

 .text-xl-end,

.text-xl-right {

  text-align:right!important

 }

 .text-xl-center {

  text-align:center!important

 }

}

@media (min-width: 333px) and (max-width: 500px) {
.sp-page-title .sp-page-title-heading {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
}
}

@media (min-width: 299px) and (max-width: 332px){
.sp-page-title .sp-page-title-heading {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    padding-bottom: 100px;
}
}

@media (min-width: 200px) and (max-width: 298px){
.sp-page-title .sp-page-title-heading {
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    padding-bottom: 150px;
}
}