html, body { height: 100%; }

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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 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;
}

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; }

table, td { font-size:12px; vertical-align:middle; }

::-moz-selection { background: #7B133C; color: white; }
::selection { background: #7B133C; color: white; }

/* Common
--------------------------------------------------------*/
body {
	font: 14px 'Open sans',sans-serif;
	font-weight: 300;
	color: #243b4c;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	text-align: left;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	overflow-x:hidden;
}

.clearfix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

.v-align-img {
	vertical-align: middle;
	margin-right:4px;
	margin-bottom: .25em;
	border:0;
}

.full-element-width {
	width:100%;
	height:auto;
}

form { 
	display:inline-block; 
	padding:0;
	margin:0;
}

a { color:#525254;  }

::-webkit-input-placeholder {
	color:#000000;
}
:-moz-placeholder {
    color:    #000000;
    opacity:  1;
}
::-moz-placeholder {
	color:#000000;
    opacity:  1;
}
:-ms-input-placeholder { 
	color:#000000;
}

[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.1s 0.1s ease; 
  opacity: 0;
}

/* Typography
--------------------------------------------------------*/
input, select, textarea {
	font: 12px 'Open sans',sans-serif;
	border:1px solid #999999;
	padding:3px;
	margin-top:4px;
	outline: none;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
} 

INPUT[type="checkbox"], INPUT[type="radio"] {
	width: 13px;
    height: 13px;
    padding: 0;
    margin:0 4px 0 0;
    vertical-align: bottom;
    position: relative;
    top: -2px;
    *overflow: hidden;
}

INPUT[type="button"], INPUT[type="submit"] { cursor:pointer; }

INPUT[type="file"] {
	font-size:11px;
	border:0;
}

h1, h2, h3, h4 {
	padding:0;
	margin-bottom:10px;
}

h1 { font-size:14px; }

p { font-size:12px; }


a { text-decoration:none; }

li { font-size:12px; }

.md-text p { font-size:14px; }
.left-side { float:left; }
.right-side { float:right; }
.image-border-fullwidth { width: 99%; height: 99%; padding: 1px; }
.red { color: #c90119; }

.view-more { 
	display:inline-block;
	background-color:transparent; 
	border:2px solid #404143; 
	font-size:16px; 
	color:#c90119; 
	width:150px; 
	text-align:center;
	padding:6px; 
	margin-top:10px;  
}
.view-more:hover { background-color:#c90119; color:#FFF; }
.mouse-pointer * { cursor:pointer; }
/* to top
--------------------------------------------------------*/
.to-top {
    position: fixed;   
    bottom: 30px; 
	right:10px; 
	background:url(../images/to-top.png) no-repeat center center;
    width: 44px;
    height: 44px;
    cursor: pointer;
    display:none;
}

/* main slider
--------------------------------------------------------*/
.main-slider { position:relative; }
.main-slider .flexslider .flex-control-paging { display:none;  }
.main-slider .flexslider .slides li { position:relative; }
.main-slider .flexslider .slide-image { z-index:1; }
.main-slider .flexslider .slides li a.view-more { height:auto; }

.main-slider-content { position:absolute; top:0; left:0; width:100%; display:inline-block; height:100%; z-index:888; }
.main-slider-content > div { position:relative; height:100%; }
.main-slider-content > div > div { height:100%; }
.slide-details { position:absolute; width:100%; top: 50%; transform: translateY(-50%); text-align:center; display:inline-block; box-sizing:border-box; }
.slide-details * { color:#FFFFFF; }
.slide-details h2 { font-size:48px; text-shadow: 2px 2px #000; }
.slide-details h4 { font-size:32px; text-shadow: 2px 2px #000; }



@media only screen and (min-width: 768px) and (max-width: 960px) { 
	.main-slider .flexslider { height:100%; }
	.slide-details h4 { font-size:20px; }	
}

@media only screen and (min-width:480px) and (max-width: 768px) { 
	.slide-details h4 { font-size:16px; }	
	.main-slider .flexslider .slides li a.view-more { font-size:11px; }
	.slide-details { }		
}

@media only screen and (max-width: 480px) { .main-slider { display:none; } }

/* nav bar
--------------------------------------------------------*/
.nav-bar { padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; position:relative; width: 1180px; }
.nav-bar:before, .nav-bar:after { display: table; content: " "; }
@media only screen and (min-width: 980px) and (max-width: 1199px) {
	.nav-bar { width:960px; }
}

@media only screen and (min-width: 786px) and (max-width: 979px) {
 	.nav-bar { width:768px; }
}
@media screen and (max-width: 785px) { 
	.nav-bar { width:100%; padding-right: 0; padding-left:0; }
}

/* map
--------------------------------------------------------*/
.map-wrapper { position:relative; display:inline-block; width:100%; }
.map-title { position:absolute; width:100%; top:0; left:0; border-top:2px solid #c90119; z-index:999; }
.map-title * p { display:inline-block; background:#c90119; color:#FFF; padding:6px; font-size:20px; }

/* header
--------------------------------------------------------*/
.aside-section { position:relative; width:100%; display:inline-block; background:#7d0010; height:100px; padding-top:20px; padding-bottom:20px; }
.aside-section h3 { font-size:34px; }
.aside-section h3 a { display:inline-block; color:#FFF; line-height:100px; text-transform:uppercase; }
.aside-section h3 a i { vertical-align:middle; margin-left:20px; }

/* accordion
--------------------------------------------------------*/
.accordion {}
.accordion > div { margin-bottom:2px; }
.accordion > div a { 
	background:#c90119; 
	color:#FFFFFF; 
	padding:16px 95px 15px 25px; 
	display:block; 
	position:relative; 
	cursor:pointer; 
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}

.accordion > div a:before {
	content: ''attr(data-open)'';
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	padding: 1px 41px 0 0;
	font-size: 12px;
	line-height: 17px;
	white-space: nowrap;
}

.accordion > div a:after {
	font-family: 'FontAwesome', 'Open sans',sans-serif;
	content: '\f0ab';
	height: 12px;
	width: 12px;
	position: absolute;
	top: 50%;
	right: 18px;
	margin-top: -6px;
	z-index: 1;
}

.accordion > div a.collapsed { background:#003366; }
.accordion > div a.collapsed:before {	content: ''attr(data-close)''; }
.accordion > div a.collapsed:after { font-family: 'FontAwesome', 'Open sans',sans-serif; content: '\f0aa'; }

.accordion > div .accordion-content { display:none; padding-top:20px; padding-bottom:20px; }
.accordion > div .accordion-content p { font-size:14px; }
.accordion > div .accordion-content ul li { font-size:14px; }

/* header
--------------------------------------------------------*/
header { width:100%; position:relative; display:inline-block; background:#FFFFFF; z-index:10000; }

.nav-bar { padding-top:10px; }

.brand { float:left; }
.brand a { display:inline-block; }
.brand a img { float:left; }
.nav-menu { float:right; display:inline-block; }

.nav-menu .toggle-button { 
	display:none; 
	background-color:transparent; 
	border:0; 
	width:50px; 
	height:auto; 
	cursor:pointer; 
	box-sizing:border-box; 
	z-index:999; 
	outline:none; 
	margin-top:10px; 
}
.nav-menu .toggle-button .toggle-line { width:100%; display:inline-block; border-bottom:2px solid #C94848; padding-top:1px; padding-bottom:1px; }
.nav-menu ul { position:relative; left:inherit; right:inherit; display:inline-block; margin-top:0; }
.nav-menu ul li { float:left; background:#FFFFFF; margin-left:10px;  padding:16px 8px 16px 8px;  transition:color 0.5s ease, color 0.5s ease; }
.nav-menu ul li:first-child { margin-left:0; }
.nav-menu ul li:hover { color:#FFF; }
.nav-menu ul li:hover a { color:#C94848; }
.nav-menu ul li a { color:#555555; font-size:12px; display:inline-block; }
.nav-menu ul li.active a { color:#C94848; }

.nav-menu ul li a i { display:block; text-align:center; margin-bottom:6px; margin-right:0; }


@media screen and (max-width: 980px) { 
	.brand a img { width:210px; height:auto; padding-top:8px; }
}

@media screen and (max-width: 768px) { 
	.nav-menu .toggle-button { display:block; }
	.nav-menu ul { display:none; position:absolute; left:0; right:0; z-index:999; margin-top: 10px; }
	.nav-menu ul li { float:none; margin-left:0; width:100%; box-sizing:border-box; }
	.nav-menu ul li { display:block; }
	.nav-menu ul li a i { display:inline-block; text-align:left; margin-bottom:0; margin-right:10px; }
	.nav-menu ul li a { vertical-align:middle; }
}


/* short content
--------------------------------------------------------*/
.short-content { width:84%; }
.short-content-number { font-size:44px; display:inline-block; border:3px solid #c9c9c9; padding:10px; color:#c9c9c9;  }
.short-content h1 { font-size:44px; line-height:44px; text-transform:uppercase; }
.short-content h1 a span { display:block; }
.short-content h1 a { color:#000; }
.short-content p { color:#000000; font-size:18px; }

.content h1 { font-size:34px; line-height:34px; text-transform:uppercase; }
.content h1 span { display:block; }

.content p { color:#000000; font-size:16px; }
.content h2 { font-size:24px; }
.content h3 { font-size:20px; } 
.content table tr td { font-size:16px; }
.content ul li { font-size:16px; }
/* sub sections
--------------------------------------------------------*/
.sub-sections li { display:block; margin-bottom:8px; background:#c90119; width:100%; padding:8px; box-sizing:border-box; font-size:16px; }
.sub-sections li a { color:#FFFFFF; }
.sub-sections-content { display:none; margin-bottom:20px; }
/* requests 
--------------------------------------------------------*/
.requests-form-title { color:#000000; font-size:30px; }

.requests-form form { display:block; }

.requests-form form input[type="text"], .requests-form form textarea { width:100%; padding:8px; box-sizing:border-box; color:#000; border-color:#bababa; }
.requests-form form input[type="text"] { margin-bottom:10px; }
.requests-form form textarea { height:144px; }
.requests-form form p.label { background:#f5f5f5; width:100%; padding:8px; box-sizing:border-box; color:#000; border:1px solid #bababa; }

input[type="text"].username::-webkit-input-placeholder::before { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f007  '; color: #000000 }
input[type="text"].username::-moz-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f007  '; color: #000000 } /* firefox 19+ */
input[type="text"].username:-ms-input-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f007  '; color: #000000 } /* ie */
input[type="text"].username:-moz-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f007  '; color: #000000 }

input[type="text"].email-address::-webkit-input-placeholder::before { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f0e0  '; color: #000000 }
input[type="text"].email-address::-moz-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f0e0  '; color: #000000 } /* firefox 19+ */
input[type="text"].email-address:-ms-input-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f0e0  '; color: #000000 } /* ie */
input[type="text"].email-address:-moz-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f0e0  '; color: #000000 }

input[type="text"].user-phone::-webkit-input-placeholder::before { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f098  '; color: #000000 }
input[type="text"].user-phone::-moz-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f098  '; color: #000000 } /* firefox 19+ */
input[type="text"].user-phone:-ms-input-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f098  '; color: #000000 } /* ie */
input[type="text"].user-phone:-moz-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f098  '; color: #000000 }

input[type="text"].request-title::-webkit-input-placeholder::before { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f0eb  '; color: #000000 }
input[type="text"].request-title::-moz-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f0eb  '; color: #000000 } /* firefox 19+ */
input[type="text"].request-title:-ms-input-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f0eb  '; color: #000000 } /* ie */
input[type="text"].request-title:-moz-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f0eb  '; color: #000000 }

textarea.request-content::-webkit-input-placeholder::before { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f086  '; color: #000000 }
textarea.request-content::-moz-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f086  '; color: #000000 } /* firefox 19+ */
textarea.request-content:-ms-input-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f086  '; color: #000000 } /* ie */
textarea.request-content:-moz-placeholder::before  { font-family: 'FontAwesome', 'Open sans',sans-serif; content:'\f086  '; color: #000000 }

.requests-form form input[type="submit"].send-request { background:#c90219; border:0; color:#FFFFFF; }
.requests-form form input[type="reset"].reset-request { background:#dbdbdb; border:0; color:#000; }
.requests-form form input[type="reset"].reset-request, .requests-form form input[type="submit"].send-request { text-transform:uppercase; width:100px; float:left; display:inline-block; padding:10px; margin-right:10px; }

.requests-form { position:relative; min-height:360px; }
.requests-form .loading { position:absolute; width:100%; top: 20%; transform: translateY(-50%); text-align:center; display:none; box-sizing:border-box; } 

/* footer 
--------------------------------------------------------*/
.page-wrapper { min-height: 100%; margin-bottom: -200px; }
.page-wrapper:after { content: ""; display: block; height: 200px; }
footer { position:relative; width:100%; height:200px; background:#262626; }
footer > div, footer > div .container { height:100%; }
.footer-body { padding-top:20px; }
.footer-bottom { position:absolute; left:0; bottom:10px; color:#545454; }
.social li { float:left; margin-right:10px;  }
.footer-navigation { width:100%; display:inline-block; padding-top:20px; padding-bottom:20px; }
.footer-navigation li { float:left; padding-right:20px; }
.footer-navigation li a { font-size:14px; color:#FFF; }
.footer-bottom { width:100%; }
.footer-bottom > div .desiged-by { text-align:right; }
.footer-bottom > div .desiged-by a { display:inline-block; height:100%; vertical-align:middle; }
.footer-bottom > div .desiged-by a img { margin-left:10px; }

@media screen and (max-width: 1199px) { 
	.aside-section h3 { font-size:24px; }
	.aside-section h3 a i { font-size: 4vw; }
}


@media screen and (max-width: 980px) { 
	.aside-section h3 { font-size:16px; }
}

@media screen and (max-width: 959px) { 
	.short-content h1 { font-size:30px; line-height:30px; }
	.short-content p { font-size:14px; }
	.short-content-number { font-size:30px; }
}


@media screen and (max-width: 768px) { 
	.aside-section h3 { font-size:20px; }
	.aside-section h3 a { line-height:normal; }
	.aside-section { height:auto; }
	.short-content-number { font-size:22px; }
	.short-content-image { display:none; }
	.content p { font-size:14px; }
	.content h2 { font-size:20px; }
	.content h3 { font-size:18px; } 
	.content table tr td { font-size:14px; }
	
}

@media screen and (max-width: 480px) {
	.aside-section h3 { font-size:18px; }
	.short-content-number { font-size:14px; }
}