@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');



body {

  font-family: "Open Sans", sans-serif;

  color: #686f7a;

  line-height: 1.7;

  font-size: 16px;

  font-weight: 400;

}



a {

  text-decoration: none;

  cursor: pointer;

}



a,

.btn,

div,

button,

span,

p,

i,

input,

select,

textarea,

li,

img,

*::after,

*::before,

.transition-3,

h1,

h2,

h3,

h4,

h5,

h6 {

transition: 0.4s;

}



.uppercase {

  text-transform: uppercase;

}



.capitalize {

  text-transform: capitalize;

}





h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Open Sans", sans-serif;

  color: #070337;

  margin-top: 0;

	margin-bottom: .5rem;

  line-height: 1.2;

  color: #29303b;

  font-weight: 700;

}



h1 {

  font-size: 48px;

  line-height: 1.2333333333;

}



h2 {

  font-size: 36px;

  line-height: 1.3380952381;

}



h3 {

  font-size: 30px;

  line-height: 1.3833333333;

}



h4 {

  font-size: 24px;

  line-height: 1.3380952381;

}



h5 {

  font-size: 20px;

  line-height: 1.3380952381;

}



h6 {

  font-size: 16px;

  line-height: 1.2380952381;

}



p {

  color: var(--paragraph-color);

  -webkit-hyphens: auto;

  hyphens: auto;

  margin-bottom: 10px;

}



a {

  color: inherit;

  text-decoration: none;

  transition: 0.4s;

}



a,

a:hover,

a:focus,

a:active {

  text-decoration: none;

  outline: none;

  color: inherit;

}



a:hover {

  color: var(--maincolor);

}



pre {

  word-break: break-word;

}



a i {

  padding: 0 2px;

}



img {

  max-width: 100%;

}



ol {

  counter-reset: counter;

  padding-left: 0;

}



ol li {

  list-style: none;

  margin-bottom: 1rem;

}



ol li:before {

  counter-increment: counter;

  content: counter(counter);

  font-weight: 500;

  margin-right: 10px;

}



button:hover,

button:active,

button:focus {

  outline: 0;

}



/*input and button type focus outline disable*/

input[type=text]:focus,

input[type=email]:focus,

input[type=url]:focus,

input[type=password]:focus,

input[type=search]:focus,

input[type=tel]:focus,

input[type=number]:focus,

textarea:focus,

input[type=button]:focus,

input[type=reset]:focus,

input[type=submit]:focus,

select:focus {

  outline: none;

  box-shadow: none;

  border: 1px solid #ddd;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: inherit;

}





body .sppb-btn,

body .btn {

  height: 50px;

  line-height: 50px;

  padding: 0 32px;

  border-radius: 4px !important;

  overflow: hidden;

  position: relative;

  border: 0;

  font-size: 15px !important;

  transition: all 0.5s ease;

  font-weight: 600;

  border-radius: 4px;

  z-index: 0;

  white-space: normal;

}



body .sppb-btn:after,

body .btn:after {

  content: "";

  background: #10a1d7;

  position: absolute;

  transition: all 0.3s ease-in;

  z-index: -1;

  height: 100%;

  left: -35%;

  top: 0;

  transform: skew(30deg);

  transition-duration: 0.6s;

  transform-origin: top left;

  width: 0;

}



body .sppb-btn:hover,

body .btn:hover {

  color:var(--maincolor);

}



body .sppb-btn:hover:after,

body .btn:hover:after {

  height: 100%;

  width: 135%;

}



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

  color: #fff;

  background: var(--maincolor);

}





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

	color: #fff;

}



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

	border: 2px solid var(--maincolor);

	background: var(--maincolor);

	color: #ffffff;

}



body .sppb-btn.sppb-btn-secondary:after {display: none;}



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

	-webkit-box-shadow: 0px 20px 60px 0px rgba(15, 0, 40, 0.2);

	-moz-box-shadow: 0px 20px 60px 0px rgba(15, 0, 40, 0.2);

	box-shadow: 0px 20px 60px 0px rgba(15, 0, 40, 0.2);

	color: #ffffff;

}



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

}





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; padding-top: 15px !important;}



.sp-scroll-up {

	background: var(--maincolor);

	animation: backto-top-bounce 4s infinite ease-in-out;

}



@keyframes backto-top-bounce {

  0% {

    transform: translateY(-5px);

  }

  50% {

    transform: translateY(10px);

  }

  100% {

    transform: translateY(-5px);

  }

}



.overflow-hidden {overflow: hidden;}



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



.sppb-media-heading {

	margin: 0;

}



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







/* HEADER */ 



#sp-header {

	height: auto;

	box-shadow: none;

	-webkit-transition: all 0.4s;

	-moz-transition: all 0.4s;

	-ms-transition: all 0.4s;

	-o-transition: all 0.4s;

	transition: all 0.4s;

	padding: .5rem 1rem;

	background: #fff;

	box-shadow: none;

}



#sp-header.header-sticky {

	background: #29303b;

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

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

	box-shadow: 0 10px 20px 0 rgba(46, 56, 220, 0.05);

}



#sp-header > .container {

	padding: 12px 15px;

}



@media (max-width: 992px) {

#sp-header {

	padding: 15px 0;

}

}



@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

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

    transform: translateY(-20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes fadeInDown {

  0% {

    opacity: 0;

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

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

    transform: translateY(-20px);

  }



  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

  }

}



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

}



#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-top2 .form-control {

	display: block;

	width: 100%;

	line-height: inherit;

	color: #686f7a;

	background-color: #fff;

	width: 100%;

	border: 0 !important;

	height: 50px;

	padding: 0 18px;

	font-size: 14px;

	height: 45px;

	padding: 0 38px 0 16px;

	border-radius: 4px;

}



#sp-top2 button {

	position: absolute;

right: 15px;

top: 50%;

transform: translatey(-50%);

background: none;

border: none;

padding: 0;

z-index: 4;

}



.sp-megamenu-parent {

	margin: 0;

	float: none;

}



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

display: block;

font-size: 16px;

font-weight: 500;

padding: 0 12px;

line-height: 50px;

color: #fff;

}



@media (max-width: 1200px) {

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

	padding: 0 5px;

}

}



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

	font-weight: 500;

	color: #fff;

}



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

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	content: "\f067";

	float: right;

	margin-left: 5px;

	font-size: 12px;

}



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

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

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	content: "\f068";

	float: right;

	margin-left: 5px;

	font-size: 12px;

}



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

	border: 0px solid transparent;

	border-radius: 0;	

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

	transition: all 0.3s ease 0s;

	padding: 0;

	background: transparent;

}



.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {

	background: #fff;

}



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

	display: block;

	margin: 0px;

	padding: 0;

}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item + li.sp-menu-item {border-top: 1px solid #f5f5f5;}



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

	font-weight: 500;

	color: #050a30;

	display: block;

	padding: 10px 20px;

	position: relative;

	z-index: 1;

	line-height: 26px;

}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:before {

	position: absolute;

	content: "";

	top: 0;

	left: auto;

	right: 0;

	width: 0;

	height: 100%;

	background: #061539;

	z-index: -1;

}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a {

	color: #ffffff;

	padding: 10px 20px 10px 30px;

}



.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover:before {

	left: 0;

	right: auto;

	width: 100%;

}



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

	font-size: 32px;

}



/* */



.hover-overlay .sppb-addon-wrapper:hover .sppb-addon-overlayer {

    background-color: rgba(0, 0, 0, 0.7) !important;

	transition: 0.4s;

}



/* PAGE TITLE */



.sp-page-title {

	padding: 230px 0 130px 0;

	position: relative;

	background-size: cover;

	margin-top: -90px;

}



@media (max-width: 992px) {

	.sp-page-title {margin-top: -108px;}

}



.sp-page-title:after {

	content: "";

	position: absolute;

	height: 100%;

	width: 100%;

	left: 0;

	top: 0;

	background: rgba(0, 0, 0, 0.6);

}



.sp-page-title .container {

	position: relative;

	z-index: 2;

}



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

	font-size: 48px;

	font-weight: 700;

	margin-bottom: 30px;

	color: #fff;

	max-width: 58.333333%;

	line-height: 1.3380952381;

}



@media (max-width: 768px) {

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

	max-width: 100%;

}

}



.sp-page-title .breadcrumb {

list-style: none;

padding: 0;

margin: 0;

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

padding: 5px 25px;

border-radius: 40px;

display: inline-block;

}



.sp-page-title .breadcrumb li:before {display: none;}



.sp-page-title .breadcrumb > li {

	display: inline-block;

	margin-bottom: 0;

}





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

	font-size: 16px;

	font-weight: 400;

	color: var(--maincolor);

	position: relative;

	margin-right: 9px;

	padding-right: 11px;

}



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

	position: absolute;

	right: 0;

	top: -1px;

	content: "/";

	height: 15px;

	width: 1px;

}



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

    color: #565872;

}



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

	font-size: 16px;

	font-weight: 400;

	color: #fff;

}



/* */



/* USERS */



.form-validate {

    background: #F6F6F6;

    border-top: 4px solid #F6F6F6;

	padding: 50px 40px;

}



.spacer, legend {display: none;}



.form-validate .form-control {

border: 0 !important;

height: 50px;

padding: 0 18px;

font-size: 14px;

border-radius: 4px;

}





/* */





#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,

.com-users #sp-main-body {

	padding: 120px 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,

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

	padding-top: 120px;

}



/* 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: 120px;

	padding-bottom: 120px;

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

	padding: 0px;

	border: 0px solid #f5f5f5;

	border-radius: 0px;

}



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

	position: relative;

	overflow: hidden;

	border-radius: 7px;

	margin-bottom: 30px;

}



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

	transform: scale(1);

	transition: 0.9s;

}



.article-list .article:hover img {

	transform: rotate(1deg) scale(1.05);

}



.article-list .article .blog-meta,

.article-details .blog-meta {

    margin-bottom: 15px;

}



.article-list .article .comnt,

.article-details .comnt {

	background: var(--maincolor);

	display: inline-block;

list-style: none;

margin-right: 15px;

    height: 28px;

    color: #fff;

    line-height: 28px;

    padding: 0 12px;

    font-size: 12px;

    margin-top: 0;

    border-top: 0;

    border-radius: 4px;

}



.article-list .article .author,

.article-details .author {

    display: inline-block;

    list-style: none;

    margin-right: 15px;

    color: #949494;

	font-weight: 500;

}



.article-list .article .author span,

.article-details .author span {

    color: #29303b;

}



.article-list .article .date,

.article-details .date {

	display: inline-block;

	list-style: none;

	margin-right: 0;

	color: #949494;

}



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

	font-size: 24px;

	color: #29303b;

	line-height: 1.3380952381;

	margin-bottom: 15px;

}



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

    color: #29303b;

}



.article-list .article .article-header h1 a:hover, .article-list .article .article-header h1 a:active, .article-list .article .article-header h1 a:focus, .article-list .article .article-header h2 a:hover, .article-list .article .article-header h2 a:active, .article-list .article .article-header h2 a:focus,

.postbox__meta span a:hover {

	color: var(--maincolor);

}



.article-introtext {

    margin-bottom: 18px;

}



.article-list .article .readmore-text a {

	position: relative;

	display: inline-block;

}



.article-list .article .readmore-text a:after {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	height: 1px;

	width: 60%;

	background: var(--maincolor);

	transition: 0.4s;

}



.article-list .article .readmore-text a:hover:after {

	width: 100%;

}





/* SINGLE ARTICLE */



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





.article-details .article-full-image {

position: relative;

overflow: hidden;

border-radius: 7px;

margin-bottom: 30px;

}



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

	display: inline-block;

	border-radius: 0;

	transform: scale(1);

	transition: 0.9s;

	width: 100%;

}



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

    transform: rotate(1deg) scale(1.05);

}



.article-details .article-header h1, .article-details .article-header h2 {

	font-size: 24px;

	color: #29303b;

	margin-bottom: 0;

}



.article-details .article-author-information {

	padding-top: 2rem;

	margin-top: 75px;

	border-top: 0px solid #f5f5f5;

	padding: 40px 65px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	background: #f2f7ff;

}



.postbox__share {margin-top: 75px;}



#article-comments {

	padding-top: 0;

	margin-top: 75px;

	border-top: 0px solid #f5f5f5;

}



.article-social-share .social-share-icon ul li a {

	border: none;

	font-size: 15px;

	text-align: center;

	display: inline-block;

	width: 45px;

	height: 45px;

	line-height: 45px;

	text-align: center;

	background: #f2f7ff;

	color: #9499ae;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}



.article-social-share .social-share-icon ul li a:hover {

	color: #ffffff;

	background: var(--maincolor);

}



.single-course .article-full-image, .single-course .article-details .article-can-edit,

.single-course .article-details .article-author-information, .single-course .share-rating, .single-event .article-details .article-can-edit,

.single-event .article-details .article-author-information, .single-event .share-rating {display: none;}



.single-event .article-details  {

	display: flex;

	flex-direction: column;

}



.single-event .article-details .blog-meta {order: 1;}

.single-event .article-details .article-header {order: 2;}

.single-event .article-details .article-full-image {

	order: 3;

	margin-bottom: 0;

	margin-top: 1.5rem;

}

.single-event .article-details .body-main-text {order: 4;}



/* */





@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: 1320px;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: 1320px;width: 100%;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}}





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





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

}



.offcanvas-menu > .d-flex {

	padding: 0 !important;

}



.offcanvas-menu > .d-flex > .logo,

.breadcrumb .float-start {

	display: none !important;

}



.burger-icon > span {

	background-color: #10a1d7;

}

.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

 }

}



.sp-page-title {

	position: relative;

}



.media {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-align: start;

	align-items: flex-start;

}



.media-body {

	-ms-flex: 1;

	flex: 1;

}



@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) {.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) {.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;}}



.sp-page-title {

	margin-top: -93px;

}



.thumb img {

  width: 100%;

}