/** CSS RESET **/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, 
address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, 
tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, 
output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0;border: 0;font-size: 100%;
font: inherit;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height:1;} 
ol, ul {list-style: none;} blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, 
q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}

/** INFO **/
/*

font-family: 'Exo', sans-serif;
Regular	400
Bold 	800

Red					bc1d1d
Grey				6f6f6e
Light Grey			b1b1b1
LightLight Grey 	dddddd

*/

/** GLOBAL **/
body {
	background-color: #FFF; 
	background: url('../images/bg-2.jpg') no-repeat fixed 100% 100%;
	background-size: 100%;
	font-family: 'Exo', sans-serif; 
	font-weight: 400; 
	font-size: 12px; 
	color: #6f6f6e;
}
a {text-decoration: none; cursor: pointer;}
li{font-family: Tahoma, sans-serif; }
p {font-family: Tahoma, sans-serif; font-size: 14px; text-align: justify; line-height: 24px;}
h1 {font-size: 24px; font-weight: 800; text-transform: uppercase; text-align: center; margin-bottom: 60px;}
h2 {font-size: 14px; font-weight: 400; text-transform: uppercase; text-align: center; }
h3 {font-size: 18px; font-weight: 800; text-transform: uppercase; text-align: center; color: #bc1d1d; margin-bottom: 60px;}
input, textarea {border: 0;  font-size: 14px; line-height: 24px; padding: 10px 15px; color: #6f6f6e;}
b,strong{font-weight: bold;}
i,em{font-style:italic;}
p span{display:inline-block;}
.home li, #home li, #features li, .features li, #offer li, #about li, #experience li, #contact li {list-style:none; background:url(../images/dot.png) no-repeat left 10px; padding-bottom: 0.6em; line-height: 24px; font-size: 14px; padding-left: 30px;}

.wrapper {width: 940px; padding: 20px; margin: 0 auto; overflow: hidden;}
.center {text-align: center !important;}
.left {float: left;}
.right {float: right;}
.right-align {text-align: right;}
.divider {
	height: 20px; 
	background-image: url('../images/divider.png');
	background-position: center;
	background-repeat: no-repeat;
	margin:80px 0 100px 0;
	clear: both;
}
.divider.default {padding: 0 !important; margin-bottom: 0;}
.arrow {width: 87px; height: 56px; margin: 0 auto; background-image: url('../images/arrow.png'); display: block;}
.line {border-top: 1px solid #dddddd; text-align: center;}
.contact_line.line{padding-bottom: 10px;}
.line img {position: relative; display: inline-block; top: -1px;}
.arrow-grey { 
	height: 37px; 
	background-image: url('../images/arrow-grey.png');
	background-position: center;
	background-repeat: no-repeat;
	top:-44px;
	position: relative;
	z-index: 101;
}
.read-more {display: block; text-align: center; font-size: 14px; margin-bottom: 30px; color: #bc1d1d}
.box {float: left; width: 290px; background: #; margin: 0 11px; height: 325px;}
.special {} /* class to add special value to the element */
.clear {overflow: hidden;}

/** SITE **/
.home, #home, #offer, #features, .features, #about, #experience, #contact {padding: 100px;}
.default {padding-top: 0px !important;} /* reduce padding */

#header { line-height: 140px; border-bottom: 1px solid #dddddd; position: fixed; background-color: #FFF; width: 100%; z-index: 9999;}
#header .wrapper{padding: 0px 20px }
#header .left {line-height: 12px;}
#header .left img {margin: 25px 0;}
#header .right ul li a {color: #b1b1b1; text-transform: uppercase;}
#header .right ul li a:hover {color: #6f6f6e;}
#header .right ul li {float: left; margin-left: 60px; list-style: none;}

#home, .home {padding-top: 270px; background-color: #FFF; margin-bottom: 160px;}
#home div.center:first-child p, .home div.center:first-child p {color: #b1b1b1; margin-bottom: 20px;}
#home h1, .home h1 {margin-bottom: 10px;}
#home h3, .home h3 {margin-bottom: 0;}
#home .read-more, .home .read-more {margin-top: 10px;}
#home ul, .home ul {display: block; width: 780px; margin: 0 auto; padding: 0;}
#home .hidden, .home .hidden {padding-top: 20px; padding-bottom: 40px;}

#features, .features {background-color: #FFF; }
#features ul, .features ul {display: block; width: 620px; margin: 0 auto;}

#offer {background-color: #FFF; margin-bottom: 160px;}
#offer .box h2 {padding: 20px; height: 38px; background-color: #dddddd; margin-bottom: 30px; line-height: 20px;}
#offer .box h2.special {line-height: 40px !important;}
#offer .box ul li { font-size: 12px; line-height: 18px; padding-left: 15px; margin-left: 20px;}
#offer .divider {margin-top: 0px;}

#about, .about {background-color: #FFF; padding-bottom: 80px;}
#about p, .about p {width: 780px; margin: 0 auto;}

#experience {background-color: #FFF; padding-bottom: 0;}
#experience h1 {margin-bottom: 15px;}
#experience p {width: 780px; margin: 0 auto;}
#experience .wrapper {margin-bottom: 100px;}
#experience #profiles {width: 820px; margin: 0 auto;}
#experience #profiles div {font-size: 14px; float: left; width: 250px; text-align: center; margin-bottom: 50px !important;}
#experience #profiles div img.photo{margin-bottom: 30px; width: 250px; height: 250px;}
#experience #profiles div:first-child + div {margin: 0 35px;}


#contact {background-color: #FFF; }
#contact h1 {
	height: 80px; 
	background-image: url('../images/icon-mail.png'); 
	background-repeat: no-repeat; 
	background-position: center top; 
	background-color:#;
	line-height: 140px;
	margin-bottom: 100px;
}
#contact table {width: 750px; margin: 0 auto; font-size: 14px; line-height: 24px;}
#contact table tr td { vertical-align: top;}
#contact table tr td p{margin: 0; line-height: 170%;}
#contact a {color: #bc1d1d;}
#contact a:hover {color: #dddddd;}
#contact .contactOb3{width: 750px; margin: 0 auto;}

#form {background-color: #dddddd; padding: 20px 0;}
#form .wrapper {width: 660px;}
#form h3 {cursor: pointer; margin-bottom: 40px;}
#form h3:hover {color: #6f6f6e;}
#form form {padding: 20px 0 40px 0;}
#form .left {width: 320px; background-color: #;}
#form .left input {width: 285px; margin-bottom: 10px; }
#form .right {width: 320px;}
#form .right textarea {width: 285px; height: 250px;}
#form .submit {
	width: 160px; 
	height: 75px; 
	margin: 0 auto; 
	margin-top: 20px; 
	display: block;
	background-color: #FFF;
	font-weight: 800;
	text-transform: uppercase;
	color: #bc1d1d;
}
#form .submit:hover {background-color: #bc1d1d; color: #FFF;}

#map_canvas {height: 340px; margin-top: -80px; width: 100%; position: relative;	}
.map_mask {position: absolute; background: rgba(255, 0, 0, 0.69); width: 100%;height: 100%;left:0;top:0;}
#map_canvas:active .map_mask {z-index:-1}

#footer {margin-top: -50px; color: #FFF; position: relative; z-index: 100;}
#footer a {color: #FFF;}
#footer a:hover {border-bottom: 1px solid #FFF; padding-bottom: 2px;}

.newPage{padding-top: 100px; padding-bottom: 0;}

/* STATEMENT */
#reload,.reload{display: none; width:100%; height: 100%; position: fixed; background: rgba(255,255,255, 0.7) url(../images/ajax-loader.gif) no-repeat center center; z-index: 99999; }
#statement {display: none; width:100%; height: 100%; position: fixed; background: rgba(255,255,255, 0.7) no-repeat center center; z-index: 99999;}
#statement .form{width: 500px;background: #FFF; border: 1px solid #ddd; margin: auto; margin-top: 15%; padding: 20px;}
#statement .form h1.nomargin{margin: 0px !important;}
#statement #closeStatement {background: url("../images/delete.png") no-repeat left center; width: 10px; height: 10px; position: absolute; cursor: pointer; margin-left: 490px;}

/* COOKIES */
#cookies_info {display:none; background: #bc1d1d; width: 100%; height: 30px; }
#cookies_info div.wrapper {line-height: 30px; padding: 0px !important; color: #FFF;}
#cookies_info div.wrapper div{float:left;}
#cookies_hide{margin-left: 10px;float:left; width: 15px; height: 30px; background: url(../images/icon-close.png) no-repeat center right; }