html, body						{ font-family: 'Playfair Display', serif; font-size: 18px; background-color: #1a1a1a; height: 100%; font-weight:400; color:white;}
h1,h2,h3,h4                     { font-weight:400;}

h1 								{ font-size:36px;}
p 								{ line-height: 30px;}

ul                              { list-style-type: none; }

a:link                          { text-decoration: none; color: inherit;}
a:visited                       { text-decoration: none; color: inherit;}
a:hover                         { text-decoration: none; color: inherit;}
a:active                        { text-decoration: none; color: inherit;}

*:focus                         { outline: none;}

.bold                           { font-weight:600;}
.center                         { margin-left:auto; margin-right:auto;}
.float_left						{ float:left; }
.float_right                    { float:right; }
.full_width_img					{ width:100%; height:auto; vertical-align: top;}
.full_width_holder              { width:100%; }
.wrapper                        { width:100%; height:auto; max-width: 1600px; margin-left:auto; margin-right: auto;}
.center_text                    { text-align: center;}
.justify						{ text-align: justify;}

.mobile                         { display:none;}
.desktop                        { }

#loader							{ position:fixed; left:0; top:0; display:table; width:100%; height:100%; background-color:#1a1a1a; z-index: 40001;}
#loader .info					{ display:table-cell; width:100%; height:100%; vertical-align: middle; text-align: center; color:white; font-size:14px;}
#loader .info p 				{ opacity: .2;}

#resize_browser					{ position:fixed; left:0; top:0; display:table; width:100%; height:100%; background-color:white; z-index: 40000; visibility: hidden;}
#resize_browser .info			{ display:table-cell; width:100%; height:100%; vertical-align: middle; text-align: center; color:black;}

#menu_holder					{ position:fixed; width: 100%; height:80px; background-color: black; z-index: 20000;}
#lang							{ position:absolute; left:90%; top:30%;}

#slider							{ position:relative; width:100%; height:100%; background-color: black; overflow: hidden; text-align: center;}
#slider .slide 					{ position:absolute; text-align:center; width:100%; height:100%; background-position: center; background-size: cover; background-repeat: no-repeat;}
#slider .slide h1 				{ position:absolute; width: 100%; text-align:center; bottom:20%; font-size:48px; color:black;}
#slider p 						{ position:absolute; width:100%; bottom:15%; color:white;}

#chapter1						{ height:100%; position: relative; overflow: hidden; background-color: #1a1a1a;}
#chapter1 .text_holder 			{ position:absolute; top:40%; width:70%; max-width: 750px; text-align: center; margin-left: auto; margin-right: auto; left:0; right:0; padding:20px;}
#chapter1 .text_holder h1 		{ margin-bottom:15px;}
#chapter1 .bgimg1				{ position:absolute; left:10%; top: 0;}
#chapter1 .bgimg2				{ position:absolute; right:35%; top:10%;}
#chapter1 .bgimg3				{ position:absolute; right:0; bottom: 10%;}

#chapter2						{ position: relative; height:80%;}
#chapter2 .bg 					{ position:absolute; left:30px; top:0; right:30px; bottom:0; background-position: center; background-size: cover; background-repeat: no-repeat;}
#chapter2 .text 				{ position:absolute; background-color: #c4b590; top:30px; bottom:30px; right:60px; left:50%; padding:60px;}
#chapter2 .text h1 				{ margin-bottom:15px;}
.mask							{ position:absolute; width:100%; height:100%; background-color: #1a1a1a; right:0;}

#chapter3						{ position: relative; height:100%; margin-top:60px; z-index: -1;}
#chapter3 .bg 					{ position:absolute; left:0; top:0; right:0; bottom:0; background-position: center; background-size: cover; background-repeat: no-repeat;}
#chapter3 .text 				{ position:absolute; top:10%; left:10%; width:40%; background-color: #1a1a1a; padding:30px;}
#chapter3 .text h1 				{ margin-bottom:15px;}

#services						{ background-color: #c4b590; padding-top:70px; padding-bottom: 110px; z-index: 1;}
#services h1					{ text-align: center; margin-bottom:70px; font-size:48px;}
#services_items_holder 			{ width:60%; margin-left:20%;}
.services_item 					{ float:left; width:33%; text-align: center; padding:10px;}

#contact 						{ position:relative; text-align: center; padding-top:70px; padding-bottom: 90px; z-index: -20000;}
#contact h1						{ font-size:24px;}


@media only screen and (max-width : 1000px)      { 

	#resize_browser				{ visibility: visible;}

}


@media only screen and (max-width : 720px)      { 

	.wrapper 					{ width:98%;}

    .mobile                     { display:block;}
    .desktop                    { display:none;}

}




#footer 						{ padding:5px; font-size:14px; opacity: .4; font-style: italic;}							
#siteby							{ float:right; width:148px; height:45px; background-color:black; opacity:0.9; margin-right:5%; cursor:pointer; background-image:url(../img/siteby.png); margin-top:20px;}