@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700&display=swap');
  @import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');


.overlay {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;
background:#000;}
.grd {background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.9) 100%);
background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.9) 100%);
background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(0,0,0,.9) 100%);}

.overlay-half {
position:relative;}
.overlay-half:before {
content: ''; background:rgba(7, 74, 105, 0.6); width: 50%; height: 100%;
    position: absolute; top: 0%; right: 0%; border-left:1px solid #fff;  }
	
	
.bn-horizon .grid {
padding:40px 15%; border:1px solid #ccc; border-radius:10px;}
.bn-horizon .desc {
    padding-left:5%; }
.bn-horizon .img_cell {
overflow:hidden;}
.bn-horizon .btn_cell {
text-align:center;}
 .bn-horizon .btn {
margin:0 auto; font-size:0.9em;}

@media screen and (max-width: 991px) {
.bn-horizon .grid {
display:block !important; padding:30px 5%;}
.bn-horizon .img_cell {
width:20%; margin:0 auto;}
.bn-horizon .desc, .bn-horizon .btn_cell { 
 width:100%; text-align:center; margin-top:10px;}
}

@media (max-width: 575px) {
.bn-horizon .img_cell {
width:35%; }
}


.banner .grid {position:relative; }
.banner .grid::after {clear:both; display:block; content:""; }
.banner .desc-cell {position:absolute; top:0; display:table;}
.banner .desc {display:table-cell; vertical-align:middle;}

@media screen and (max-width: 991px) {
.banner .desc-cell {position:relative;}
}


.num{
background:#ddd; border-radius:50%; width:50px; height:50px; text-align:center;}
.num-dark{
background:#666; color:#fff; font-weight:bold;}
	
	
.scroll {
height:100%; width:100%; opacity:1;
transition:0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.scroll.inactive.left{
margin-left:-250px; opacity:0;}
.scroll.inactive.right{
margin-left:250px; opacity:0;}


.card-cell .img-cell {
	overflow: hidden;  border-radius:5px; position:relative;}
.card-cell .desc {
	margin-top:25px; text-align:center; }
.card-cell h3 {
border-bottom:1px solid #aaa; padding: 0px 0 15px; }
.card-cell p { 
margin: 10px 0px 0px; padding:0 5%;}

@media (max-width: 991px) {
.card-cell .desc {
	margin-top:15px; }
.card-cell h3 {
padding: 0px 0 10px; }
}


.card {
border:0; border-radius:0;}
.card .img-cell {
	overflow: hidden;  border-radius:5px; position:relative;}
.card .img-cell img {
	transition:0.2s ease-out;  transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1);	}
.card .co:hover .img-cell img {
	transform: scale(1.2); -webkit-transform: scale(1.2);}
.card .desc {
	margin-top:25px; text-align:center; position: relative; }
.card .desc h3, .card .desc h4 {
border-bottom:1px solid #ccc; padding: 0px 0 15px; }
.card .desc h3 {
text-transform:capitalize; }
.card .desc h4 {
text-transform:uppercase; word-spacing:0.02em; }
.card .desc p { 
margin: 10px 0px 0px; padding:0 5%;}

@media (max-width: 575px) {
.card .desc {
	margin-top:15px;}
.card .desc h3 {
padding: 0px 0 10px; }
}


.card-icon {
border:0; border-radius:0;}
.card-icon .img-cell {
	overflow: hidden;  border-radius:5px; position:relative;}
.card-icon .img-cell img {
	transition:0.2s ease-out;  transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1);	}
.card-icon .co:hover .img-cell img {
	transform: scale(1.2); -webkit-transform: scale(1.2);}
.card-icon .desc {
	margin-top:25px; text-align:center; position: relative; }
.card-icon .desc h3, .card-icon .desc h4 {
border-bottom:1px solid #ccc; padding: 0px 0 15px; }
.card-icon .desc h3 {
text-transform:capitalize; }
.card-icon .desc h4 {
text-transform:uppercase; word-spacing:0.02em; }
.card-icon .desc p { 
margin: 10px 0px 0px; padding:0 5%;}

@media (max-width: 575px) {
.card-icon .desc {
	margin-top:15px;}
.card-icon .desc h3 {
padding: 0px 0 10px; }
}


.card-cell-txt .co {
padding:0 3%;}
.card-cell-txt .co:hover h3 {
color:#329c3e; }
.card-cell-txt h3:before{
	content: ''; background: #999; width: 14%; height: 2px;
    position: absolute; bottom: 0%; left: 43%; transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.card-cell-txt .co:hover h3:before{
	width: 30%; left: 35%; }
.card-cell-txt p { 
margin: 20px 0px 0px; }
.card-cell-txt .btn {width:80px; height:80px; border-radius:50%; border:1px solid #888; padding:0;
line-height:80px;}
.card-cell-txt .btn:hover{
color:#fff; background:#333; border-color:transparent;}
	

.card-text .co {
padding:0 3%;}
.card-text h3 {
font-family:'source sans pro','nanum gothic'; color:#222; font-size:3.4em; letter-spacing:-1px; font-weight:300;
position:relative; padding-bottom:15px;}
.card-text .co:hover h3 {
color:#329c3e; }
.card-text h3:before{
	content: ''; background: #999; width: 14%; height: 2px;
    position: absolute; bottom: 0%; left: 43%; 
	transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.card-text .co:hover h3:before{
	width: 30%; left: 35%; }
.card-text p { 
margin: 20px 0px 0px; }
.card-text .btn {width:75px; height:75px; border-radius:50%; border:1px solid #888; padding:0;
line-height:75px;}
.card-text .btn:hover{
color:#fff; background:#333; border-color:transparent;}

@media (max-width: 575px) {
.card-text .btn {width:65px; height:65px; line-height:65px;}
}

	
.card-bn {text-align:center; }
.card-bn .img-cell {width:15%;}
.card-bn h2 {font-family:'Oxygen','open sans','nanum gothic'; text-transform:capitalize; 
padding-bottom:10px; margin-top:15px; position:relative;}
.card-bn h2 span {font-weight:400;}
.card-bn h2:before{
	content: ''; background: #666; width: 6%; height: 2px;
    position: absolute; bottom: 0%; left: 47%;}
.card-bn p {margin-top:15px;}

@media (max-width: 991px) {
.card-bn .img-cell {width:30%;}
}


.post .co {
overflow:hidden;}
.post .img-cell {
width:30%; float:left; text-align:center; border-right:1px solid #ccc; border-radius:0;}
.post .img-cell i {
font-size:2.5em; line-height:1.2em; color:#555; margin-top:5px;}
.post .desc {
width:70%; float:left; padding-left:8%; text-align:left;}


.post-icon .co {
overflow:hidden;}
.post-icon .img-cell {
width:30%; float:left; text-align:center; border-right:1px solid #ccc; border-radius:0;}
.post-icon .img-cell i {
font-size:2.5em; line-height:1.2em; color:#555; margin-top:5px;}
.post-icon .desc {
width:70%; float:left; padding-left:8%; text-align:left;}


.post-text .sub_title h4 {
	 padding-bottom:30px; position:relative;}
.post-text .sub_title h4:before{
	content: ''; background: #aaa; width: 10%; height: 2px;
    position: absolute; bottom: 0%; left: 0%;}
.post-text p {
	margin-top: 0px; font-size:0.95em;}

@media (max-width: 991px) {
.post-text .cell {
padding:0px 0%;}
.post-text .sub_title h4 {
	 margin-bottom:10px; padding-bottom:10px; position:relative;}
}


.post-text-half .co:nth-child(2) {
border-left:1px solid #ddd;}
.post-text-half .co:nth-child(1) .desc {
padding-right:15%;}
.post-text-half .co:nth-child(2) .desc {
padding-left:15%;}
.post-text-half h4 {
	position:relative;	padding-bottom:15px; }
.post-text-half h4:before{	
content: ''; background: #bbb; 
    width: 8%;  height: 2px;
    position: absolute;  bottom: 0%; left: 0%;}
.post-text-half p {
   font-size:0.95em; margin: 15px 0 0px;}

@media screen and (max-width: 767px) {
.post-text-half .co:nth-child(2) {
border:0;}
.post-text-half .co:nth-child(1) .desc {
padding-right:0%;}
.post-text-half .co:nth-child(1) .desc {
padding-left:0%;}
}


.bn-icon .img-cell {
width:30%; float:left; text-align:center; }
.bn-icon .img-cell i {
font-size:2.8em; line-height:1.2em;}
.bn-icon .desc {
width:70%; float:left;}

@media (max-width: 991px) {
.bn-icon .img-cell i {
font-size:2.2em; }
}


.movie-cell {
position:relative; overflow:hidden;}

@media (min-width: 992px) {
.movie-center {
 left: 50%; top: 50%; width: 100%; height: auto; position: absolute; z-index: 0; 
transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);}
.movie-overlay:before {
	content: ''; background: rgba(0,0,0, 1); width: 100%; height: 100%;
    position: absolute; top:0%; left: 0%; opacity:0.3; z-index:1;} 
.movie-overlay:after {
content: ''; background: url("../main/overlay.png"); 
    width: 100%; height: 100%;  position: absolute; top: 0%; left: 0%; opacity:0.6;}
}


.square .img-cell {
position:relative; width:100%; height:100%; 
transition: 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
	background-position: center !important; background-size: cover !important;}
.square .desc-cell {
	width: 100%; height: 100%; display: table; background-color: rgba(0, 0, 0, 0.0);
	position:absolute; z-index:10;
	transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.square .desc {
	text-align: center; 
	transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.square .desc p {
	font-size:0.95em; margin-top:10px; }
.square .icon {
width:30px; height:30px; background:#fff; margin:20px auto 0; 
text-align:center; }
.square .icon i {
font-size: 1.0em; line-height:30px; color:#555;}
	

.stack .cell {
	width: 100%; height: 100%; position:relative;}
.stack .img-cell {
width:100%; height:100%; position:relative; z-index:0;
transition: 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.stack .overlay {
background:#000; opacity:0;}
.stack .desc-cell {
position:absolute; top:0; left:0; width:100%; height:100%; display: table; z-index:10; }
.stack .desc {
	text-align: center; vertical-align: middle; display: table-cell; padding:0 5%;
	transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.stack .desc i {
	margin-bottom: 10px; font-size: 2em; display: inline-block;}
.stack .desc p {
 margin-top:10px;}
 
 
	
	
	
	
 .main_wrap{
width:100%; position:relative; }

.section {padding-top:150px; background:#fff; position:relative; }
.section.mg_0 {margin:0px;}
.section.pd_0 {padding:0px;}

.section .title {text-align:center; margin-bottom:40px; padding:0 15%;}
.section .title h2 {font-size:2.3em; font-weight:500; ;position:relative;}
.section .title h3 {font-family:'Montserrat'; font-size:1.9em; font-weight:700;position:relative; text-transform:uppercase;}
.section .title h2, .section .title h3 {
padding-bottom:10px;}
.section .title h2:before, .section .title h3:before{ 
	content: ''; background: #0f6749; width: 14%; height: 2px;
    position: absolute; bottom: 0%; left: 43%;}
.section .title p {font-size:1.4em; font-weight:500;margin-top:15px; color:#0f6749;}
  
.section .grid.mw {
max-width:1400px; margin-left:auto; margin-right:auto;}

 @media (max-width: 991px) {
.section {padding-top:100px; }
.section .title { padding:0 5%; margin-bottom:30;}
.section .title h2 {font-size:2.0em; }
.section .title h3 {font-family:'Montserrat'; font-size:1.7em; font-weight:700;position:relative; text-transform:uppercase;}
.section .title p {font-size:1.1em;}
.section .grid.mw {
max-width:auto;}
 }
 
 
 
	
/* Intro */
	.intro {
		background: #000; margin-top:80px;
		position:relative; overflow:hidden; 
transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out; }	
.intro .container {
		position:relative; height:100%; }	

.intro .img-cell .mobile {display:none;}
.intro .overlay {display:none;}

@media screen and (min-width: 992px){
.intro .img-cell img {
	transition:0.2s ease-out;  transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1);	}
.intro .co:hover .img-cell img {
	transform: scale(1.05); -webkit-transform: scale(1.05);}
}
	
@media screen and (max-width: 991px) {
.intro {
margin-top:70px;}
.intro .img-cell .mobile {display:block;}
.intro .img-cell .desk {display:none;}
}
	

	
	
	
	.tag {
	background:#111; height:70px; margin-top:0px; padding:0px 0; position:relative;	text-align:center;}
	.tag .grid {
	display:inline-block; margin:0 auto; height:100%; vertical-align:middle;}
	.tag .thumb {
	float:left; display:inline-block; position:relative; height:100%; width:auto;
	margin-right:10px; padding:5px 0;}
	.tag .thumb img{
	width:auto; height:100%;}
	.tag .desc {
	 float:left; padding:0px 0; height:100%; }
.tag .desc ul {
display:inline-block; text-align:center; padding-top:5px;}
.tag .desc li {
float:left;}
.tag .desc li.center{
padding:0 10px 0 5px;}
 .tag .desc h2 {
    font-family:'open sans','nanum gothic', sans-serif;  font-size:1.6em;
	letter-spacing:-1px; text-transform:uppercase;}
.tag  .desc .center h2 {
font-family: 'Playfair Display','nanum gothic', sans-serif; font-style:italic;
text-transform:capitalize; font-weight:500; }
	.tag h4{
	font-size:0.95em; letter-spacing:0.02em; text-align:center; text-transform:uppercase;}
	.tag h4 span {
	margin-left:10px; color:#eea629;}


.tag.st_2 {
height:150px;}
.tag.st_2 .desc {
	position:absolute; left:0; top:0%; width:100%; height:100%; text-align:center; }

 .pop_close {  position:absolute; right:5%; top:10%; font-size:0.9em;}
.pop_close input {width:18px; height:18px; margin:0 10px 0px 0; vertical-align:middle;}
.pop_close i {font-size:1.3em; margin:0 0px 0px 10px; }

.tag.st_3 {
height:auto;}
.tag_off {
width:100%; height:40px; text-align:center; background:#444;}
.tag_on {
height:150px;}
.tag_on .desc {
	position:absolute; left:0; top:0%; width:100%; height:100%; text-align:center; }
.tag_on .img_cell {
height:100%; background: url("../main/tag.jpg");}

	@media screen and (max-width: 991px) {
	.tag {display:none;}
	}



	
/* md 02 */
.md_02 {
overflow:hidden; margin-top:-30px;}
.md_02 .scroll {
height:100%; width:100%; opacity:1;
transition:0.4s ease-out; -webkit-transition: all 0.4s ease-out;}

.md_02 .cell h3 {
left:5%; bottom:5%; z-index:10; font-size:1.8em; 
 transition:0.2s ease-out; -webkit-transition:all 0.2s ease-out; }
.md_02 .cell:hover h3 {
left:10%; bottom:5%;}
.md_02 .img-cell {
	position:relative;}
.md_02 .img-cell img {
	transition:0.2s ease-out;  transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1);	}
.md_02 .co:hover .img-cell img {
	transform: scale(1.1); -webkit-transform: scale(1.1);}
.md_02 .overlay {
background:rgba(0,0,0, 0.3); opacity:0; text-align:center; 
transition:0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.md_02 .co:hover .overlay {
opacity:1; }

@media (min-width: 992px) {
.md_02 .co {
padding:0 40px;}
}

@media (max-width: 991px) {
.md_02 .cell h3 {
font-size:1.6em; }
}




/* md 03 */
.md_03  {background: url("../main/con_03_bg.jpg");
background-attachment:fixed;
	position:relative;  }
	
.md_03 h3:before {
display:none;}
.md_03 .img-cell {}

@media (min-width: 992px) {
.md_03 .img-cell-max {margin-top:-50px;}
}

	@media (max-width: 575px) {
	}
	

	
	

/* md 04 */
.md_04 .slide h3 {
font-size:1.6em; font-weight:400; margin:10px 0 0 30px;}

@media (max-width: 991px) {
.md_04 .slide h3 {
font-size:1.4em;}
}


		
	
	
/* md 05 */

.md_05 h2.first {
font-size:2.4em;}
.md_05  h3 {
	text-align: center; font-size: 1.3em; font-weight: 400; 
}

.md_05 .formmail { 
   z-index: 10; text-align: center;
background:rgba(255,255,255, 1); padding:20px 5%; border:2px solid #fff; border-radius:0px; }
.md_05 .formmail_border {
border-radius:3px; height:28px; border-color:#eee}
.md_05 .formmail_textarea_style {
height:100px !important; border-radius:3px; border-color:#eee}
.md_05 .formmail .table_02{
background:none; border:none !important;}
.md_05 .formmail .table_02 td{
background:none; border-bottom:1px solid #999;}
.md_05 .formmail .formmail_title_bgcolor font {
color:#444;}

@media screen and (max-width: 991px) {
.md_05 h2.first {
font-size:2.2em;}
.md_05  h3 {
	font-size: 1.2em;}
}





	

	
.board_gallery_output .board_output_gallery_img {
	border: 0px solid rgb(255, 0, 0); padding:0 10px 0 5px;}
.board_gallery_output .board_output_gallery_img img {
	width: 100%; height: auto; border-radius:5px; overflow:hidden; 
}
.board_gallery_output .board_output_gallery_img:hover img {
	opacity:0.5;}
.board_gallery_output .board_output_gallery_img a {
	width: 100%; height: 100%; display: block; position: relative;
}
.board_gallery_output tbody tr td {
 width: 10%;
}
.board_gallery_output tbody tr td table {
	border: 0; width: 100%; text-align: center;
}
.board_gallery_output .board_output .board_output_gallery_img br{
display:none;}
.board_output_gallery_subject {font-family:'noto sans kr'; color:#333; font-size:1.6em; padding:10px 0 0 20px; display:inline-block; width:100%; text-align:left !important;}
.board_output_gallery_subject a {font-family:'noto sans kr'; color:#666;}
.board_output_gallery_subject a:hover {text-decoration:none;}

	@media screen and (max-width: 991px) {	
		.board_gallery_output .board_output img{width:100%; height:auto;	}
		.board_output_gallery_subject {font-size:1.4em;}
	}

	@media screen and (max-width: 575px) {	
	.board_gallery_output table.board_output table.board_output tr > td:nth-child(6) {display:none;}
	.board_gallery_output .board_output_gallery_img {
	padding:0 5px;}
	}
	

	

.board_list_output .board_output .board_output tbody > tr > td {
	padding: 2px 0px; font-size: 0.9em; border-bottom-color:#ddd; border-bottom-width: 1px; border-bottom-style: dotted;
}
/*.board_list_output .board_output .board_output tr td:nth-child(1) {}
.board_list_output .board_output .board_output tr td:nth-child(2) {}*/
.board_list_output .board_output .board_output tr td:nth-child(3) {
	 text-align: right; }
.board_list_output .list_output .bd_out1 {
	padding: 2px 0px;
}
.board_list_output .board_output .board_output a {font:inherit; color:inherit;}
.board_list_output .board_output .board_output a:hover {text-decoration:none;}
.board_list_output .board_output {font-family:'nanum gothic'; font-size:0.98em; color:#666;}

@media (max-width: 991px) {
.board_list_output .board_output .board_output tr td:nth-child(3) {
	display:none;}
}



.board_blog_output .board_output .board_output tbody > tr > td {
	padding: 5px 0px; font-size: 0.9em; border-bottom-color:#ddd; border-bottom-width: 1px; border-bottom-style: dotted;
}
.board_blog_output .board_output .board_output tr td:nth-child(1) {
	display:none;}
.board_blog_output .board_output .board_output tr td:nth-child(2) {
	width: 20%;}
.board_blog_output .board_output .board_output tr td:nth-child(3) {
	width: 30%; text-align: left; padding-left:20px;
}
.board_blog_output .board_output .board_output tr td:nth-child(4) {
	width: 50%; padding-left:20px;}
.board_blog_output .board_output .board_output img {
width:100%; height:auto;}
.board_blog_output .board_output {font-family:'nanum gothic'; color:#777; }
.board_blog_output .board_output .board_output a {font-family:'nanum gothic'; color:#666;}
.board_blog_output .board_output .board_output a:hover {text-decoration:none;}

@media all and (max-width: 767px) {}






#pop {padding-bottom:30px; position:absolute; right:0; bottom:30%; z-index:20;visibility:hidden;
opacity:0.8; transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
#pop:hover {
opacity:1;}
#pop .img-cell {
margin:0 -350px 0 50px; transition:0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
#pop:hover .img-cell{
margin:0 0px 0 0px; }
#pop .desc {position:absolute; left:0; top:50%; z-index:20; width:100%;
text-align:center;}
#pop .close_tab {text-align:center; position:absolute; bottom:-0px; right:0px;
font-size:0.85em;}
#pop .close_tab input {margin:0 0px 0px 0; vertical-align:middle; }

@media screen and (max-width: 991px) {
			#pop, #pro {display:none;}			
	}

	
	
	#pro {opacity:0.9; transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
#pro:hover {opacity:1;}




.side_tab {
position:fixed; border-radius: 4px; width:190px; z-index:30; background: rgba(50,50,50,.8);
opacity:0; transition:0.4s ease-out; -webkit-transition: all 0.4s ease-out;}	
.side_tab.on {
opacity:1;}	
.side_tab.first {top:300px; right: -140px; border-radius: 4px;  }
.side_tab.first:hover, .side_tab.second:hover {right: -20px}
.buy-theme span, .quick-question span {padding:0 10px; position: relative; top:0; opacity: 0}
.buy-theme:hover span, .quick-question:hover span {opacity: 1}
.buy-theme a, .quick-question a { color: #fff; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; padding:8px 15px; display: block }
.side_tab.second { top:350px; right: -140px; border-radius: 4px; }

@media (max-width: 991px) {
.side_tab {display:none;}
}




.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #ffffff;
  }

  .spinner {
    border: 1px solid transparent;
    border-radius: 3px;
    position: relative;
  }

  .spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 1px solid #575757;
    border-top-color: #ffffff;
    animation: spinner .9s linear infinite;
  }

  @-webkit-@keyframes spinner {
    to {transform: rotate(360deg);}
  }

  @keyframes spinner {
    to {transform: rotate(360deg);}
  }

  
  





/* scroll to top */
	.scrollToTop {
	border-radius: 2px; transition:0.1s ease-out; text-align: center; right: 20px; bottom: 20px; display: none; position: fixed; z-index: 100; background-color: rgb(17, 17, 17); -webkit-transition: all 0.1s ease-out;
}
.scrollToTop:hover {
	bottom: 25px;
}
.scrollToTop a {
	transition:0.1s ease-out; width: 40px; height: 40px; color: rgb(170, 170, 170); padding-top: 7px; font-size: 1em; display: block; -webkit-transition: all 0.1s ease-out;
}
.scrollToTop a:hover {
	color: rgb(255, 255, 255);
}