@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans/OpenSans-Light-webfont.eot');
    src: url('../fonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/opensans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat_extrabold';
    src: url('../fonts/montserrat/Montserrat-ExtraBold.otf');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat_regular';
    src: url('../fonts/montserrat/Montserrat-Regular.otf');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'montserrat_semibold';
    src: url('../fonts/montserrat/Montserrat-SemiBold.otf');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans/OpenSans-Semibold-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}



html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background:#000 url('../images/bg-home.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body { 
	font-family:'open_sanslight';
	font-size: 17px;
	padding:0;
	margin:0;
}

.my-overlay:before { content: ""; background: rgba(0,0,0,.20); position: fixed; top: 180px; left: 0; width: 100%; height: 100%;z-index:-3; }
.my-overlay:after { content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACJJREFUeNpiZGBg8AVihv///28G0UwMaIARKIMigKECIMAASJsHAYcd2RAAAAAASUVORK5CYII=); background-size: 2px 2px; position: fixed; top: 180px; left: 0; width: 100%; height: 100%; z-index: -3; }

.logo-big {
	width: 175px;
	height: auto;
	display:block;
	padding-left: 15px;
	padding-bottom: 15px;
	margin-top: -25px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.headmast {
	width: 100%;
	padding: 0;
	top: 100px;
	background-color: #fff;
	z-index: 50;
}
.headmast .contact h2 {
	text-align: center;
	font-size:200%;
	letter-spacing: 2px;
}
.headmast .contact p {
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
}

.content {
	color: #fff;
	height: 100%;
	padding-top: 280px;
}
.slogan h1 {
    font-family: 'montserrat_regular';
	font-size: 200%;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #000;
	z-index: 0;
}



/* TESTIMONIALS */
/* BX SLIDER */
.testimonial .comment {font-style: normal;color:rgba(255,255,255,255.6);font-size: 20px; line-height: 1.3em; padding: 0; text-align:justify; webkit-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important;}
.testimonial .client-info {color:#f9f9f9;font-size: 20px; line-height: 1.3em;font-family: 'montserrat_semibold';}
.testimonial .happy-client {color:#999;font-size: 20px; line-height: 1.3em;font-family: 'montserrat_semibold';}

.review_top_ornament{text-align: center;}
.review_top_ornament_line {border-top:solid 1px rgba(255,255,255,.4)}
.review_top_ornament_quotemark {color:rgba(255,255,255,.4);}
.review_top_ornament_line {margin-left:0.5rem;margin-right:0.5rem;width:6rem;display:inline-block;}
.review_top_ornament_quotemark {font-weight: bold;font-size: 8rem;display:inline-block;margin-bottom:5rem;line-height:3rem;}
.review_bottom_ornament {text-align: center;  margin-bottom: 15px;}
.review_bottom_ornament_line {border-top:solid 1px rgba(255,255,255,.4); }
.review_bottom_ornament_triangle { border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid rgba(255,255,255,.4) }
.review_bottom_ornament_line {margin-left:0rem;margin-right:0rem;width:8rem;display:inline-block;}
.review_bottom_ornament_triangle {width: 0;height: 0;position:relative;display:inline-block;top:9px;margin-left: -5px;margin-right:-5px;}
.review_bottom_ornament_line {margin-left:0rem;margin-right:0rem;width:8rem;display:inline-block;}
.review_bottom_ornament_triangle {width: 0;height: 0;position:relative;display:inline-block;top:9px;margin-left: -5px;margin-right:-5px;}
.review_bottom_ornament_triangle:after {content:'';width: 0; height: 0; position:absolute;top:-10px;left:-9px;}
.review_bottom_ornament_triangle:after { border-left: 9px solid transparent;border-right: 9px solid transparent; border-top: 9px solid rgba(255,255,255,.4);}

.testimonial-photos {text-align: center;}
.testimonial-photos .photo-hold{display:inline-block;width:85px;padding:0;margin-right:-5px;margin-left: -5px; border-radius:4px;box-sizing:border-box;-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear}
.testimonial-photos .photo-bg{background:#000;display:block}
.testimonial-photos img{border-radius: 1%; opacity:.4;width:90%;-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear}
.testimonial-photos .active img{opacity:1}

.bx-slider .testimonial {text-align: center;}
.bx-wrapper {border:none; box-shadow: none;margin: 0;background: none;}


/* SERVICES PAGE */
.services {
	padding: 15px;

}
.services i {
	color: #fff;
	font-size: 100%;
	margin-right: 10px;
}
.services h3 {
    font-family: 'montserrat_semibold';
	color: #fff;
}
.services .triangle {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 75px 75px;
	border-color: transparent transparent #000000 transparent;
	line-height: 0px;
	_border-color: #ffffff #ffffff #000000 #ffffff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}
.slogan-services h1 {
    font-family: 'montserrat_semibold';
	font-size: 250%;
	text-transform: capitalize;
	text-shadow: 1px 1px 2px #000;
	z-index: 0;
}
.slogan-services h2 {
    font-family: 'montserrat_semibold';
	text-shadow: 1px 1px 2px #000;
	font-size: 250%;
	z-index: 0;
	margin-top: 35px;
}
.slogan-services h3 {
	text-shadow: 1px 1px 2px #000;
	z-index: 0;
	margin-top: -10px;
}


.responsive-iframe-container {
	overflow: hidden;
	padding-top: 609px; /* 16:9 aspect ratio */
	position: relative;
	background-color: aqua;
  }
  
  .responsive-iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30%;
	z-index: 100;
  }
  

  
  body, html {
	height: 100%; /* Make the parent container take up the full height of the viewport */
	margin: 0; /* Remove default body margin */
	display: flex; /* Use flexbox to center content */
	justify-content: center; /* Center content horizontally */
	align-items: center; /* Center content vertically */
	text-align: center; /* Center the text alignment */
}

/* Style for the centered div */
.centered-div {
	width: 300px; /* Set width of the div */
	height: 200px; /* Set height of the div */
	background-color: #f0f0f0; /* Light gray background */
	display: flex; /* Use flexbox for centering text inside */
	justify-content: center; /* Center text horizontally */
	align-items: center; /* Center text vertically */
	border-radius: 10px; /* Add rounded corners */
	margin-bottom: 10px; /* Add margin below the div for spacing */
}
  

@media (max-width: 480px)
{
	.headmast .contact h2 {
		font-size:175%;
	}
	.headmast .contact p {
		font-size: 13px;
		font-weight: 600;
	}
}

@media (max-width: 767px)
{
	.slogan-services,
	.slogan {
		padding-top: 170px;
	}
	.content {
		padding-top: 100px;
	}
	.headmast {
		padding-top: 20px;
	}
}

@media (min-width: 768px)
{
	.navbar-nav {
		text-align:right;
		float:none;
	}
	.navbar-nav li {
		float:none;
		display:inline-block;
	}
}