/* Bruges - Interior and Architecture HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two
5. Main Slider
6. Services Section
7. Specialization Section
8. Projects Section
9. Testimonial Section / Style Two
10. News Section
11. Counter Section
12. Clients Section
13. Main Footer / Footer Style Two
14. About Section
15. Shop Section
16. Counter Section
17. Map Section
18. Default Form
19. Page Title
20. Call To Action
21. Categories Section
22. Prices Section
23. Introduction Section
24. Company Section
25. Team Section
26. Press Section
27. Faq Section
28. Catelogue Section
29. Error Section
30. News Section
31. Account Section
32. Shop Item
33. Shop Single Section
34. Contact Form

**********************************************/

@import url('https://fonts.googleapis.com/css?family=Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Marck+Script|Oswald:200,300,400,500,600,700|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

@font-face { font-family: NanumSR; src : url("/font/NanumSquareR.eot"); src : url("/font/NanumSquareR.eot?#iefix") format('embedded-opentype'), url("/font/NanumSquareR.woff") format("woff"); }
@font-face { font-family: NanumSB; src : url("/font/NanumSquareB.eot"); src : url("/font/NanumSquareB.eot?#iefix") format('embedded-opentype'), url("/font/NanumSquareB.woff") format("woff"); }



/*font-family: 'Barlow', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Marck Script', cursive;
font-family: 'Oswald', sans-serif;*/



/*** 

====================================================================
	Reset
====================================================================

 ***/
 
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-size:15px;
	color:#777777;

	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Barlow', sans-serif;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#d5ac63;
}

a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;

	font-family: 'Poppins', sans-serif;
}

input,button,select,textarea{
	
}

textarea{
	overflow:hidden;	
}




.auto-container{
	position:static;


	margin:0 auto;
}










.bbs_btn_con {
    clear: both;
    padding: 30px;
	overflow:hidden;
}

.btn_b02 {
    display: inline-block;
    float: right;
    background: #000;
    color: #fff;
    padding: 10px 20px;
}









/*Services Single Section*/

.services-single-section{
	position:relative;
	padding:30px 0px 30px;
}

.services-block-six{
	position:relative;
}


























.services-block-six .inner-box{
	position:relative;
	min-height:50px;
	padding:0px 18px 0px;
	border:0px solid #f2f2f2;
	-ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.services-block-six:hover .inner-box,
.services-block-six.active .inner-box{
	opacity:0;
}

.services-block-six .inner-box .icon-box{
	position:relative;
	color:#dedede;
	font-size:30px;
	line-height:1em;
	margin-bottom:12px;
}















.services-block-six .inner-box h3{
	position:relative;
	font-size:14px;
	font-weight:700;
	color:#333;text-align:center;

	text-transform:uppercase;
}

.services-block-six .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
}

.services-block-six .overlay-box .image-outer{
	position:relative;
	width:140px;
	height:60px;
	margin:0 auto;
	overflow:hidden;
	opacity:0;
    background-color: rgba(0,0,0,0.80);
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.services-block-six .overlay-box:hover .image-outer,
.services-block-six.active .image-outer{
	
}

.services-block-six .overlay-box .image-outer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	z-index:1;
	background-color:rgba(0,0,0,0.50);
}

.services-block-six .overlay-box .image-outer .image-layer{
	position:relative;
	left:0px;
	top:0px;
	width:140px;

	-webkit-transform: rotate(-45deg) scale(1.3);
	-ms-transform: rotate(-45deg) scale(1.3);
	-moz-transform: rotate(-45deg) scale(1.3);
	transform: rotate(-45deg) scale(1.3);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}







.services-block-six .overlay-box .content-box{
	position:absolute;
	width:100%;
	top:50%;
	opacity:0;

	margin-top:-24px;
	margin-left:-7px;
	-ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.services-block-six .overlay-box:hover .content-box,
.services-block-six.active .overlay-box .content-box{
	opacity:1;
}

.services-block-six .overlay-box .content-box .icon-box{
	position:relative;
	color:#d5ac63;
	font-size:30px;
	line-height:1em;
	margin-bottom:12px;
}


































.services-block-six .overlay-box .content-box h3{
	position:relative;
	font-size:14px;
	font-weight:700;
	color:#ffffff;

	text-transform:uppercase;
}

.services-block-six .overlay-box .content-box h3 a{

}

.services-block-six .overlay-box .content-box h3 a:hover{
	color:#d5ac63;
}