/*--======================= 01. FONTS
=====================================================================================================================*/
@font-face {
	font-family:'KaushanScript-Regular';
	src:url('../fonts/KaushanScript-Regular.ttf');
	format:('ttf');}

@font-face {
	font-family:'Raleway-ExtraLight';
	src:url('../fonts/Raleway-ExtraLight.ttf');
	format:('ttf');}

@font-face {
	font-family:'Raleway-Light';
	src:url('../fonts/Raleway-Light.ttf');
	format:('ttf');}
	
@font-face {
	font-family:'Raleway-Medium';
	src:url('../fonts/Raleway-Medium.ttf');
	format:('ttf');}

@font-face {
	font-family:'Raleway-MediumItalic';
	src:url('../fonts/Raleway-MediumItalic.ttf');
	format:('ttf');}
	
@font-face {
	font-family:'Raleway-ExtraBold';
	src:url('../fonts/Raleway-ExtraBold.ttf');
	format:('ttf');}
	
/*--======================= 02 TYPOGRAPHY 
=====================================================================================================================*/
html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	
.clearfix:before, .clearfix:after { 
	display: table; content: '';}

.clearfix:after {
	clear: both;}
		
html{
	font-size:75%;}
	
body{
	background:rgba(0,0,0, 0.6);
	color: #d2c1a7;
	font-family: 'Raleway', sans-serif;
	font-size:1.4rem;
	font-weight:200;
	letter-spacing:0;
	line-height:1.5;}

a {
	color:#d2c1a7;
	text-weight:600;}

a:hover {
	color: #ddd;}

h1,
h2,
h3 {
	font-family: 'KaushanScript-Regular'; 
	font-size:4rem;
	font-weight:700;}

.main-title {
	font-size:5rem;
	color:d2c1a7;}
	
h1 {
	margin: 0.2em 0;}	
 
.exterior {
   position: relative;
   height: 100vh;
   /* or height: 73.61% */
   /* or height: 35vh */
   /* or height: ANY HEIGHT */}

.interior {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);}	

.white{
	height:3px;
	background:#bca480;
	width:85%;}

.modal-content{
	background:#000;
	color:#eee;}

.right {
	position:absolute;
	bottom:5%;
	right:35px;
	text-align:justify;
	color:#ddd;}
	
.back2 {
	padding:15px;
	background:#transparent;
	text-align:center;}

.back2:hover {
	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.75);}

/*--======================= 03. BUTTON 
=====================================================================================================================*/
	
.hover\:btn-2{
	padding-bottom:.75rem;
	position:relative;}

.hover\:btn-2:after{
	position:absolute;
	left:0;bottom:0;
	background-color:#bca480;
	content:"";
	height:2px;
	-webkit-transition:width .4s;
	transition:width .4s;width:100%;}

.hover\:btn-2:hover:after{
	width:0}

.hover\:btn-2 i {
	display: inline-block;
	line-height: 43px;
	text-align: center; 
	border-left: 1px solid #bca480;
	padding-left: 20px;
	margin: -15px 0 -15px 20px;
	visibility:visible;}
	
.hover\:btn-2:hover i {
	display:inline-block;
	visibility:hidden;}
	
.text-white{
	color:#bca480;}

.text-white:hover{
	color:#bca480;}
	
/*--======================= 04. ACCORDION Style 
=====================================================================================================================*/
.accordion {
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	background-color: #ffffff;}
  
.accordion .card-header {
	background: transparent;}
  
.accordion .mbr-iconfont {
	font-size: 1.4rem!important;}
  
.accordion .card {
	border-radius: 0px;
	margin-bottom: -1px;}
  
.accordion .card .card-header {
	border-radius: 0px;
	border: 0px;
	padding: 0;}
  
.accordion .card .card-header a.panel-title {
	margin-bottom: 0;
	font-style: normal;
	font-weight: 500;
	display: block;
	text-decoration: none !important;
	margin-top: -1px;
	line-height: normal;}
  
.accordion .card .card-header a.panel-title:focus {
	text-decoration: none !important;}
  
.accordion .card .card-header a.panel-title h4 .sign {
	padding-right: 1rem;}
  
.accordion .card .panel-body {
	color: #767676;}
  
.accordion h4 {
	flex-direction: row-reverse;
	display: flex;
	background: transparent!;
	justify-content: space-between;
	align-items: center;
	margin-top: 1rem;
	border: none;
	padding: 1.4rem 1.6rem;}
  
.accordion h4 {
	color: #1c4973;}
  
.accordion h2 {
	color: #1c4973;}	
  
.lang img {
	width:25px;} 
	
/*--======================= 05. RESPONSIVE 
=====================================================================================================================*/
@media only screen and (max-width:768px){
.right {
	right:5px;}}