@import url(https://cdn.jsdelivr.net/darfonts/0.1/cont-hili-jarida-smoth/stylesheet.css);
@import url(https://cdn.jsdelivr.net/darfonts/0.1/liner/stylesheet.css);
/* Reset CSS
 * --------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
}
table {
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
}
strong {
	font-weight: bold;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #444;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/* Custom CSS
 * --------------------------------------- */

.container-fluid {
	height: 100%;
}
body {
	font-family: 'ge_hiliregular', Tahoma;
	color: #333;/*	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(196,196,196,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(196,196,196,1))); 
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(196,196,196,1) 100%); 
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(196,196,196,1) 100%); 
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(196,196,196,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(196,196,196,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c4c4', GradientType=0 ); 
*/
}
.body-text {
	font-family: 'hacen_liner_screenregular', Tahoma;
}
/* Style for our header texts
	* --------------------------------------- */
h1 {
	font-size: 5em;
	color: #fff;
	margin: 0;
	padding: 0;
}
.intro p {
	color: #fff;
}
/* Centered texts in each section
	* --------------------------------------- */
.section, .slide {
	text-align: center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
/* Fixed header and footer.
	* --------------------------------------- */
#header, #footer {
	position: fixed;
	display: block;
	background: #AD1D40;
	z-index: 9;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	left: 0;
	right: 0;
}
#header {
	top: 0px;
	height: 100px;
}
#footer {
	bottom: 0px;
	background: #AD1D40;
	height: 60px;
	padding-top: 20px;
}
.wrap {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
h1 {
	font-size: 6em;
}
ul li p {
	font-size: 1.1em;
	margin-top: 10px;
	font-family: 'ge_hiliregular', Tahoma;
}
.intro {
}
.intro p {
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
#menu {
	position: absolute;
	top: 0;
	left: 0;
}
/* Overwriting styles for control arrows for slides
	* --------------------------------------- */
.controlArrow.prev {
	left: 50px;
}
.controlArrow.next {
	right: 50px;
}
/* --------------------------------------- */
.yamm {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
	position: static;
}
.yamm .container {
	position: relative;
}
.yamm .dropdown-menu {
	right: auto;
}
.yamm .yamm-content {
	padding: 20px;
	text-align: right;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0;
}
/*****************/
.upMenu {
	width: 100%;
	height: 100%;
}
.social {
}
.social a {
	opacity: 0.5;
}
.social a:hover {
	opacity: 1;
}
/***************/
#vitrine {
	height: 100%;
}
.vertical-center {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.size16 {
	font-size: 16px;
}
.paddingRight40 {
	padding-right: 40px;
}
.paddingRight0 {
	padding-right: 0 !important;
}
.rtl {
	direction: rtl;
}
.full-width {
	width: 100%;
}
.redDot {
	color: #eb1c24;
	margin-right: -40px;
	margin-left: 10px;
}
/**********************/
#section1 {
	background: #fff url(../img/bg/home.jpg) left center no-repeat;
}
.mainColor, .mainColor a {
	color: #AD1D40
}
.mainColor a:hover {
	color: #333 !important;
}
#slide0 {
	background: url(../img/bg/2-0.jpg);
}
#slide1 {
	background: #fff;
}
#slide2 {
	background: #fff;
}
/**********************/
/* Main carousel style */
.carousel {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
/**********************/
.colorBg1 {
	background: #ebe4da;
}
.colorBgPic1 {
	background: #ebe4da url(../img/bg/2-1.png) left center no-repeat;
}
.colorBg2 {
	background: #ebe4da;
}
.colorBgPic2 {
	background: #ebe4da url(../img/bg/2-2.png) left center no-repeat;
}
.colorBg3 {
	background: #ebe4da;
}
.colorBgPic3 {
	background: #ebe4da url(../img/bg/2-3.png) left center no-repeat;
}
.colorBgPic4 {
	background: #ebe4da url(../img/bg/2-4.png) left center no-repeat;
}
.colorBgPicSec4 {
	background: #ebe4da url(../img/bg/clients.png)  left center no-repeat;
}
.whiteText {
	color: #fff;
}
/**********************/
/* all map containers must be full height */
html, body, .container-fluid, .row, .map {
	height: 100%
}
#map-canvas {
	width: 100%;
	height: 100%;
	height: calc(100% - 0px);
}
.gray {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
.gray:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

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

.wrapper         {width:100%;height:100%;margin:0 auto;}
.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}