@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean");

html{font-size: 10px;}
body, html { margin:0; padding:0; }
body {margin: 0; padding: 0; line-height: 1.6; letter-spacing:-0.5px; vertical-align:baseline; font-size:1.6rem; font-family: 'Noto Sans KR', sans-serif; color:#525252; overflow-x:hidden;}
body.holding { width:100%; height:100%;  }
/*body.holding { width:100%; height:100%; overflow:hidden; }*/
a {
	cursor: pointer; text-decoration:none; color:#222;
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
}
a:hover {
	color:#1c75bc; text-decoration:none;
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
}
img {
	height:auto; max-width:100%; border:none; outline:none;
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height:1.3; }
/*===========================================================================================*/
/* common */
/*===========================================================================================*/
.bg-white { background-color:#fff; }
.bg-dark { background-color:#222; }
.bg-black { background-color:#000; }
.bg-gray { background-color:#f0f0f0; }
.bg-blue1 { background-color:#d9dde9 }
.bg-img { background-position:center center; background-repeat:no-repeat; background-size:cover; }
.modal {  }
.modal-header .close { font-size:24px !important; }
.hidden { text-indent: -9999em; position: absolute; font-size: 0; width: 0; height: 0; line-height: 0; background: none; }
.blind { text-indent: -9999em; overflow: hidden; display: none; }

.site-alert { background-color:#000; text-align:center; color:#fff; padding-top:20px; height:170px; margin-bottom:0; }
.site-alert button { color:#ccc; opacity:1; }
.site-alert h3 { display:inline-block; font-size:22px; line-height:28px; border-bottom:1px solid #818081; }
.site-alert p span { color:#ff5600; }

.float-left{ float:left;}
body,p,button,input,textarea,h1,h2,h3,h4,h5,h6 {
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}

/*===========================================================================================*/
/* form */
/*===========================================================================================*/
form { position: relative; }
button { outline: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

/*===========================================================================================*/
/* button */
/*===========================================================================================*/
.btn-black, .btn-black:hover, .btn-black:focus { background-color: rgba(0,0,0,1); border-color: transparent; color: #eee; }
.btn-gray, .btn-gray:hover, .btn-gray:focus { background-color:#9a9a9a; border-color: transparent; color: #fff; }
.btn-navy, .btn-navy:hover, .btn-navy:focus { background-color:#3f4659; border-color: transparent; color: #fff; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { opacity:0.4; }

/*===========================================================================================*/
/* checkbox */
/*===========================================================================================*/
.radio, .checkbox { margin:0; }
.radio label, .checkbox label { padding-left:0; padding-right:10px; }
input[type="checkbox"].hidden + .fa {
  width: 1em;
}
input[type="checkbox"].hidden + .fa:before {
  content: "\f096";
}
input[type="checkbox"].hidden:checked + .fa:before {
  content: "\f14a";
}
input[type="radio"].hidden + .fa {
  width: 1em;
}
input[type="radio"].hidden + .fa:before {
  content: "\f1db";
}
input[type="radio"].hidden:checked + .fa:before {
  content: "\f192";
}

/*===========================================================================================*/
/* switch */
/*===========================================================================================*/
.checkbox-switch > input[type="checkbox"] {
    display: none;   
}

.checkbox-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.checkbox-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.checkbox-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.checkbox-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.checkbox-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
/*===========================================================================================*/
/* wave */
/*===========================================================================================*/
.waves {
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	border-width: 3px;
	border-style: solid;
	border-color: inherit;
	border-radius: inherit;
	-webkit-animation-name: waves;
		  animation-name: waves;
	-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-animation-duration: 1s;
		  animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
		  animation-iteration-count: infinite;
}
[class*="b-s-"] .waves {
	border-style: inherit;
}
[class*="b-w-"] .waves {
	border-width: inherit;
}
@-webkit-keyframes waves {
0% {
	-webkit-transform: scale(0.5);
			transform: scale(0.5);
	opacity: 0.0;
}
25% {
	-webkit-transform: scale(0.5);
			transform: scale(0.5);
	opacity: 0.1;
}
50% {
	-webkit-transform: scale(0.6);
			transform: scale(0.6);
	opacity: 0.3;
}
75% {
	-webkit-transform: scale(0.75);
			transform: scale(0.75);
	opacity: 0.5;
}
100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0.0;
}
}
@keyframes waves {
0% {
	-webkit-transform: scale(0.5);
			transform: scale(0.5);
	opacity: 0.0;
}
25% {
	-webkit-transform: scale(0.5);
			transform: scale(0.5);
	opacity: 0.1;
}
50% {
	-webkit-transform: scale(0.6);
			transform: scale(0.6);
	opacity: 0.3;
}
75% {
	-webkit-transform: scale(0.75);
			transform: scale(0.75);
	opacity: 0.5;
}
100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0.0;
}
}

/*===========================================================================================*/
/* width */
/*===========================================================================================*/
.width-120 { width: 120px; }

/*===========================================================================================*/
/* spacer */
/*===========================================================================================*/
.spacer-15 { width: 100%; height: 15px; }
.spacer-30 { width: 100%;height: 30px; }
.spacer-45 { width: 100%;height: 45px; }
.spacer-60 { width: 100%;height: 60px; }
.spacer-75 { width: 100%;height: 75px; }
.spacer-90 { width: 100%;height: 90px; }
.spacer-100 { width: 100%;height: 100px; }

/*===========================================================================================*/
/* margin padding */
/*===========================================================================================*/
.padding-0 { padding: 0px !important; }
.padding-5 { padding: 5px !important; }
.padding-10 { padding: 10px !important; }
.padding-15 { padding: 15px !important; }
.padding-20 { padding: 20px !important; }
.padding-30 { padding: 30px !important; }
.padding-40 { padding: 40px !important; }
.padding-50 { padding: 50px !important; }
.pl-0 { padding-left: 0px !important; }
.pl-5 { padding-left: 5px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-25 { padding-left: 25px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-60 { padding-left: 60px !important; }
.pl-70 { padding-left: 70px !important; }
.pl-80 { padding-left: 80px !important; }
.pl-90 { padding-left: 90px !important; }
.pr-0 { padding-right: 0px !important; }
.pr-5 { padding-right: 5px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-25 { padding-right: 25px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-60 { padding-right: 60px !important; }
.pr-70 { padding-right: 70px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-90 { padding-right: 90px !important; }
.pt-0 { padding-top: 0px !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-90 { padding-top: 90px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-90 { padding-bottom: 90px !important; }
.plr-0 { padding-left: 0px !important; padding-right: 0px !important; }
.plr-5 { padding-left: 5px !important; padding-right: 5px !important; }
.plr-10 { padding-left: 10px !important; padding-right: 10px !important; }
.plr-15 { padding-left: 15px !important; padding-right: 15px !important; }
.plr-20 { padding-left: 20px !important; padding-right: 20px !important; }
.plr-25 { padding-left: 25px !important; padding-right: 25px !important; }
.plr-30 { padding-left: 30px !important; padding-right: 30px !important; }
.plr-40 { padding-left: 40px !important; padding-right: 40px !important; }
.plr-50 { padding-left: 50px !important; padding-right: 50px !important; }
.ptb-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.ptb-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.ptb-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.ptb-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.ptb-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.ptb-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.ptb-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.ptb-35 { padding-top: 35px !important; padding-bottom: 35px !important; }
.ptb-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.ptb-45 { padding-top: 45px !important; padding-bottom: 45px !important; }
.ptb-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.ptb-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.ptb-70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.ptb-80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.ptb-90 { padding-top: 90px !important; padding-bottom: 90px !important; }
.ptb-100 { padding-top: 100px !important; padding-bottom: 100px !important; }

.margin-0 { padding: 0px !important; }
.margin-5 { padding: 5px !important; }
.margin-10 { padding: 10px !important; }
.margin-15 { padding: 15px !important; }
.margin-20 { padding: 20px !important; }
.margin-30 { padding: 30px !important; }
.margin-40 { padding: 40px !important; }
.margin-50 { padding: 40px !important; }
.mt-0 { margin-top: 0px !important; }
.mt-3 { margin-top: 3px !important; }
.mt-4 { margin-top: 4px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-35 { margin-top: 35px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-100 { margin-top: 100px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mb-100 { margin-bottom: 100px !important; }
.mlr-0 { margin-left: 0px !important; margin-right: 0px !important; }
.mlr-5 { margin-left: 5px !important; margin-right: 5px !important; }
.mlr-10 { margin-left: 10px !important; margin-right: 10px !important; }
.mlr-15 { margin-left: 15px !important; margin-right: 15px !important; }
.mlr-20 { margin-left: 20px !important; margin-right: 20px !important; }
.mlr-25 { margin-left: 25px !important; margin-right: 25px !important; }
.mlr-30 { margin-left: 30px !important; margin-right: 30px !important; }
.mlr-40 { margin-left: 40px !important; margin-right: 40px !important; }
.mlr-50 { margin-left: 50px !important; margin-right: 50px !important; }
.mtb-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.mtb-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mtb-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mtb-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mtb-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mtb-25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.mtb-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mtb-35 { margin-top: 35px !important; margin-bottom: 35px !important; }
.mtb-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mtb-45 { margin-top: 45px !important; margin-bottom: 45px !important; }
.mtb-50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.mtb-60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.mtb-70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.mtb-80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.mtb-90 { margin-top: 90px !important; margin-bottom: 90px !important; }
.mtb-100 { margin-top: 100px !important; margin-bottom: 100px !important; }

@media (max-width: 991px) {
	.padding-sm-0 { padding: 0px !important; }
	.padding-sm-5 { padding: 5px !important; }
	.padding-sm-10 { padding: 10px !important; }
	.padding-sm-15 { padding: 15px !important; }
	.padding-sm-20 { padding: 20px !important; }
	.padding-sm-30 { padding: 30px !important; }
	.padding-sm-40 { padding: 40px !important; }
	.padding-sm-50 { padding: 50px !important; }
	.pl-sm-0 { padding-left: 0px !important; }
	.pl-sm-5 { padding-left: 5px !important; }
	.pl-sm-10 { padding-left: 10px !important; }
	.pl-sm-15 { padding-left: 15px !important; }
	.pl-sm-20 { padding-left: 20px !important; }
	.pl-sm-25 { padding-left: 25px !important; }
	.pl-sm-30 { padding-left: 30px !important; }
	.pl-sm-40 { padding-left: 40px !important; }
	.pl-sm-50 { padding-left: 50px !important; }
	.pl-sm-60 { padding-left: 60px !important; }
	.pl-sm-70 { padding-left: 70px !important; }
	.pl-sm-80 { padding-left: 80px !important; }
	.pl-sm-90 { padding-left: 90px !important; }
	.pr-sm-0 { padding-right: 0px !important; }
	.pr-sm-5 { padding-right: 5px !important; }
	.pr-sm-10 { padding-right: 10px !important; }
	.pr-sm-15 { padding-right: 15px !important; }
	.pr-sm-20 { padding-right: 20px !important; }
	.pr-sm-25 { padding-right: 25px !important; }
	.pr-sm-30 { padding-right: 30px !important; }
	.pr-sm-40 { padding-right: 40px !important; }
	.pr-sm-50 { padding-right: 50px !important; }
	.pr-sm-60 { padding-right: 60px !important; }
	.pr-sm-70 { padding-right: 70px !important; }
	.pr-sm-80 { padding-right: 80px !important; }
	.pr-sm-90 { padding-right: 90px !important; }
	.pt-sm-0 { padding-top: 0px !important; }
	.pt-sm-5 { padding-top: 5px !important; }
	.pt-sm-10 { padding-top: 10px !important; }
	.pt-sm-15 { padding-top: 15px !important; }
	.pt-sm-20 { padding-top: 20px !important; }
	.pt-sm-25 { padding-top: 25px !important; }
	.pt-sm-30 { padding-top: 30px !important; }
	.pt-sm-40 { padding-top: 40px !important; }
	.pt-sm-50 { padding-top: 50px !important; }
	.pt-sm-60 { padding-top: 60px !important; }
	.pt-sm-70 { padding-top: 70px !important; }
	.pt-sm-80 { padding-top: 80px !important; }
	.pt-sm-90 { padding-top: 90px !important; }
	.pb-sm-0 { padding-bottom: 0px !important; }
	.pb-sm-5 { padding-bottom: 5px !important; }
	.pb-sm-10 { padding-bottom: 10px !important; }
	.pb-sm-15 { padding-bottom: 15px !important; }
	.pb-sm-20 { padding-bottom: 20px !important; }
	.pb-sm-25 { padding-bottom: 25px !important; }
	.pb-sm-30 { padding-bottom: 30px !important; }
	.pb-sm-40 { padding-bottom: 40px !important; }
	.pb-sm-50 { padding-bottom: 50px !important; }
	.pb-sm-60 { padding-bottom: 60px !important; }
	.pb-sm-70 { padding-bottom: 70px !important; }
	.pb-sm-80 { padding-bottom: 80px !important; }
	.pb-sm-90 { padding-bottom: 90px !important; }
	.plr-sm-0 { padding-left: 0px !important; padding-right: 0px !important; }
	.plr-sm-5 { padding-left: 5px !important; padding-right: 5px !important; }
	.plr-sm-10 { padding-left: 10px !important; padding-right: 10px !important; }
	.plr-sm-15 { padding-left: 15px !important; padding-right: 15px !important; }
	.plr-sm-20 { padding-left: 20px !important; padding-right: 20px !important; }
	.plr-sm-25 { padding-left: 25px !important; padding-right: 25px !important; }
	.plr-sm-30 { padding-left: 30px !important; padding-right: 30px !important; }
	.ptb-sm-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
	.ptb-sm-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
	.ptb-sm-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
	.ptb-sm-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
	.ptb-sm-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
	.ptb-sm-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
	.ptb-sm-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
	.ptb-sm-35 { padding-top: 35px !important; padding-bottom: 35px !important; }
	.ptb-sm-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
	.ptb-sm-45 { padding-top: 45px !important; padding-bottom: 45px !important; }
	.ptb-sm-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
	.ptb-sm-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
	.ptb-sm-70 { padding-top: 70px !important; padding-bottom: 70px !important; }
	.ptb-sm-80 { padding-top: 80px !important; padding-bottom: 80px !important; }
	
	.margin-sm-0 { padding: 0px !important; }
	.margin-sm-5 { padding: 5px !important; }
	.margin-sm-10 { padding: 10px !important; }
	.margin-sm-15 { padding: 15px !important; }
	.margin-sm-20 { padding: 20px !important; }
	.margin-sm-30 { padding: 30px !important; }
	.margin-sm-40 { padding: 40px !important; }
	.mt-sm-0 { margin-top: 0px !important; }
	.mt-sm-5 { margin-top: 5px !important; }
	.mt-sm-10 { margin-top: 10px !important; }
	.mt-sm-15 { margin-top: 15px !important; }
	.mt-sm-20 { margin-top: 20px !important; }
	.mt-sm-25 { margin-top: 25px !important; }
	.mt-sm-30 { margin-top: 30px !important; }
	.mt-sm-40 { margin-top: 40px !important; }
	.mt-sm-50 { margin-top: 50px !important; }
	.mt-sm-60 { margin-top: 60px !important; }
	.mt-sm-70 { margin-top: 70px !important; }
	.mt-sm-80 { margin-top: 80px !important; }
	.mt-sm-90 { margin-top: 90px !important; }
	.mb-sm-0 { margin-bottom: 0px !important; }
	.mb-sm-5 { margin-bottom: 5px !important; }
	.mb-sm-10 { margin-bottom: 10px !important; }
	.mb-sm-15 { margin-bottom: 15px !important; }
	.mb-sm-20 { margin-bottom: 20px !important; }
	.mb-sm-25 { margin-bottom: 25px !important; }
	.mb-sm-30 { margin-bottom: 30px !important; }
	.mb-sm-40 { margin-bottom: 40px !important; }
	.mb-sm-50 { margin-bottom: 50px !important; }
	.mb-sm-60 { margin-bottom: 60px !important; }
	.mb-sm-70 { margin-bottom: 70px !important; }
	.mb-sm-80 { margin-bottom: 80px !important; }
	.mb-sm-90 { margin-bottom: 90px !important; }
	.mlr-sm-0 { margin-left: 0px !important; margin-right: 0px !important; }
	.mlr-sm-5 { margin-left: 5px !important; margin-right: 5px !important; }
	.mlr-sm-10 { margin-left: 10px !important; margin-right: 10px !important; }
	.mlr-sm-15 { margin-left: 15px !important; margin-right: 15px !important; }
	.mlr-sm-20 { margin-left: 20px !important; margin-right: 20px !important; }
	.mlr-sm-25 { margin-left: 25px !important; margin-right: 25px !important; }
	.mlr-sm-30 { margin-left: 30px !important; margin-right: 30px !important; }
	.mtb-sm-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
	.mtb-sm-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
	.mtb-sm-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
	.mtb-sm-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
	.mtb-sm-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
	.mtb-sm-25 { margin-top: 25px !important; margin-bottom: 25px !important; }
	.mtb-sm-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
	.mtb-sm-35 { margin-top: 35px !important; margin-bottom: 35px !important; }
	.mtb-sm-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
	.mtb-sm-45 { margin-top: 45px !important; margin-bottom: 45px !important; }
	.mtb-sm-50 { margin-top: 50px !important; margin-bottom: 50px !important; }
	.mtb-sm-60 { margin-top: 60px !important; margin-bottom: 60px !important; }
	.mtb-sm-70 { margin-top: 70px !important; margin-bottom: 70px !important; }
	.mtb-sm-80 { margin-top: 80px !important; margin-bottom: 80px !important; }

	.float-none-sm { float: none !important; }
	.float-left-sm { float: left !important; }
	.float-right-sm { float: right !important; }
	.text-center-sm { text-align:center !important; }
	.text-left-sm { text-align:left !important; }
}

@media (max-width: 767px) {
	.padding-xs-0 { padding: 0px !important; }
	.padding-xs-5 { padding: 5px !important; }
	.padding-xs-10 { padding: 10px !important; }
	.padding-xs-15 { padding: 15px !important; }
	.padding-xs-20 { padding: 20px !important; }
	.padding-xs-30 { padding: 30px !important; }
	.padding-xs-40 { padding: 40px !important; }
	.pl-xs-0 { padding-left: 0px !important; }
	.pl-xs-5 { padding-left: 5px !important; }
	.pl-xs-10 { padding-left: 10px !important; }
	.pl-xs-15 { padding-left: 15px !important; }
	.pl-xs-20 { padding-left: 20px !important; }
	.pl-xs-25 { padding-left: 25px !important; }
	.pl-xs-30 { padding-left: 30px !important; }
	.pl-xs-40 { padding-left: 40px !important; }
	.pl-xs-50 { padding-left: 50px !important; }
	.pl-xs-60 { padding-left: 60px !important; }
	.pl-xs-70 { padding-left: 70px !important; }
	.pl-xs-80 { padding-left: 80px !important; }
	.pl-xs-90 { padding-left: 90px !important; }
	.pr-xs-0 { padding-right: 0px !important; }
	.pr-xs-5 { padding-right: 5px !important; }
	.pr-xs-10 { padding-right: 10px !important; }
	.pr-xs-15 { padding-right: 15px !important; }
	.pr-xs-20 { padding-right: 20px !important; }
	.pr-xs-25 { padding-right: 25px !important; }
	.pr-xs-30 { padding-right: 30px !important; }
	.pr-xs-40 { padding-right: 40px !important; }
	.pr-xs-50 { padding-right: 50px !important; }
	.pr-xs-60 { padding-right: 60px !important; }
	.pr-xs-70 { padding-right: 70px !important; }
	.pr-xs-80 { padding-right: 80px !important; }
	.pr-xs-90 { padding-right: 90px !important; }
	.pt-xs-0 { padding-top: 0px !important; }
	.pt-xs-5 { padding-top: 5px !important; }
	.pt-xs-10 { padding-top: 10px !important; }
	.pt-xs-15 { padding-top: 15px !important; }
	.pt-xs-20 { padding-top: 20px !important; }
	.pt-xs-25 { padding-top: 25px !important; }
	.pt-xs-30 { padding-top: 30px !important; }
	.pt-xs-40 { padding-top: 40px !important; }
	.pt-xs-50 { padding-top: 50px !important; }
	.pt-xs-60 { padding-top: 60px !important; }
	.pt-xs-70 { padding-top: 70px !important; }
	.pt-xs-80 { padding-top: 80px !important; }
	.pt-xs-90 { padding-top: 90px !important; }
	.pb-xs-0 { padding-bottom: 0px !important; }
	.pb-xs-5 { padding-bottom: 5px !important; }
	.pb-xs-10 { padding-bottom: 10px !important; }
	.pb-xs-15 { padding-bottom: 15px !important; }
	.pb-xs-20 { padding-bottom: 20px !important; }
	.pb-xs-25 { padding-bottom: 25px !important; }
	.pb-xs-30 { padding-bottom: 30px !important; }
	.pb-xs-40 { padding-bottom: 40px !important; }
	.pb-xs-50 { padding-bottom: 50px !important; }
	.pb-xs-60 { padding-bottom: 60px !important; }
	.pb-xs-70 { padding-bottom: 70px !important; }
	.pb-xs-80 { padding-bottom: 80px !important; }
	.pb-xs-90 { padding-bottom: 90px !important; }
	.plr-xs-0 { padding-left: 0px !important; padding-right: 0px !important; }
	.plr-xs-5 { padding-left: 5px !important; padding-right: 5px !important; }
	.plr-xs-10 { padding-left: 10px !important; padding-right: 10px !important; }
	.plr-xs-15 { padding-left: 15px !important; padding-right: 15px !important; }
	.plr-xs-20 { padding-left: 20px !important; padding-right: 20px !important; }
	.plr-xs-25 { padding-left: 25px !important; padding-right: 25px !important; }
	.plr-xs-30 { padding-left: 30px !important; padding-right: 30px !important; }
	.ptb-xs-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
	.ptb-xs-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
	.ptb-xs-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
	.ptb-xs-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
	.ptb-xs-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
	.ptb-xs-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
	.ptb-xs-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
	.ptb-xs-35 { padding-top: 35px !important; padding-bottom: 35px !important; }
	.ptb-xs-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
	.ptb-xs-45 { padding-top: 45px !important; padding-bottom: 45px !important; }
	.ptb-xs-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
	.ptb-xs-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
	.ptb-xs-70 { padding-top: 70px !important; padding-bottom: 70px !important; }
	.ptb-xs-80 { padding-top: 80px !important; padding-bottom: 80px !important; }
	
	.margin-xs-0 { padding: 0px !important; }
	.margin-xs-5 { padding: 5px !important; }
	.margin-xs-10 { padding: 10px !important; }
	.margin-xs-15 { padding: 15px !important; }
	.margin-xs-20 { padding: 20px !important; }
	.margin-xs-30 { padding: 30px !important; }
	.margin-xs-40 { padding: 40px !important; }
	.mt-xs-0 { margin-top: 0px !important; }
	.mt-xs-5 { margin-top: 5px !important; }
	.mt-xs-10 { margin-top: 10px !important; }
	.mt-xs-15 { margin-top: 15px !important; }
	.mt-xs-20 { margin-top: 20px !important; }
	.mt-xs-25 { margin-top: 25px !important; }
	.mt-xs-30 { margin-top: 30px !important; }
	.mt-xs-40 { margin-top: 40px !important; }
	.mt-xs-50 { margin-top: 50px !important; }
	.mt-xs-60 { margin-top: 60px !important; }
	.mt-xs-70 { margin-top: 70px !important; }
	.mt-xs-80 { margin-top: 80px !important; }
	.mt-xs-90 { margin-top: 90px !important; }
	.mb-xs-0 { margin-bottom: 0px !important; }
	.mb-xs-5 { margin-bottom: 5px !important; }
	.mb-xs-10 { margin-bottom: 10px !important; }
	.mb-xs-15 { margin-bottom: 15px !important; }
	.mb-xs-20 { margin-bottom: 20px !important; }
	.mb-xs-25 { margin-bottom: 25px !important; }
	.mb-xs-30 { margin-bottom: 30px !important; }
	.mb-xs-40 { margin-bottom: 40px !important; }
	.mb-xs-50 { margin-bottom: 50px !important; }
	.mb-xs-60 { margin-bottom: 60px !important; }
	.mb-xs-70 { margin-bottom: 70px !important; }
	.mb-xs-80 { margin-bottom: 80px !important; }
	.mb-xs-90 { margin-bottom: 90px !important; }
	.mlr-xs-0 { margin-left: 0px !important; margin-right: 0px !important; }
	.mlr-xs-5 { margin-left: 5px !important; margin-right: 5px !important; }
	.mlr-xs-10 { margin-left: 10px !important; margin-right: 10px !important; }
	.mlr-xs-15 { margin-left: 15px !important; margin-right: 15px !important; }
	.mlr-xs-20 { margin-left: 20px !important; margin-right: 20px !important; }
	.mlr-xs-25 { margin-left: 25px !important; margin-right: 25px !important; }
	.mlr-xs-30 { margin-left: 30px !important; margin-right: 30px !important; }
	.mtb-xs-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
	.mtb-xs-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
	.mtb-xs-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
	.mtb-xs-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
	.mtb-xs-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
	.mtb-xs-25 { margin-top: 25px !important; margin-bottom: 25px !important; }
	.mtb-xs-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
	.mtb-xs-35 { margin-top: 35px !important; margin-bottom: 35px !important; }
	.mtb-xs-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
	.mtb-xs-45 { margin-top: 45px !important; margin-bottom: 45px !important; }
	.mtb-xs-50 { margin-top: 50px !important; margin-bottom: 50px !important; }
	.mtb-xs-60 { margin-top: 60px !important; margin-bottom: 60px !important; }
	.mtb-xs-70 { margin-top: 70px !important; margin-bottom: 70px !important; }
	.mtb-xs-80 { margin-top: 80px !important; margin-bottom: 80px !important; }

	.float-none-xs { float: none !important; }
	.float-left-xs { float: left !important; }
	.float-right-xs { float: right !important; }
	.text-center-xs { text-align:center !important; }
	.text-left-xs { text-align:left !important; }
	.text-right-xs { text-align:right !important; }
}
/* preloader ========================================================================================*/
#preloader {
    background-color: rgba(255, 255, 255, 1);
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999999999;
}
.site-spinner {
    border: 2px solid #ddd;
    font-size: 44px;
    width: 44px;
    height: 44px;
    left: 50%;
    top: 50%;
    margin: -22px 0 0 -22px;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: site-spin 1s linear infinite;
    -moz-animation: site-spin 1s linear infinite;
    animation: site-spin 1s linear infinite;
    border-top-color: #333;
}
@-webkit-keyframes site-spin {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes site-spin {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes site-spin {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}