html { color: #222; font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCC; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browserupgrade { margin: 0; background: #CCC; color: #222; padding: 1.5em 0; }

/* ==========================================================================
   Custom styles
   ========================================================================== */

html, body { margin: 0; }

body { margin: 0; text-align: center; max-width: 100%; overflow-x: hidden; }

body, p, ul, ol, td, th, form, input, select, .click_list { font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 155%; }
p strong, ul strong, ol strong, td strong, th strong { font-weight: 700; }

.otherfont { font-family: 'playfair_displayregular', serif; }
.otherfont strong, strong.otherfont { font-family: 'playfair_displaybold', serif; font-weight: normal; }
p.otherfont { font-size: 1.15em; }

h1, h2, h3, h4, h5, h6, .h1style, .h2style, .h3style, .h4style, .h5style, .h6style { font-family: 'playfair_displayregular', serif; font-weight: normal; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .h1style strong, .h2style strong, .h3style strong, .h4style strong, .h5style strong, .h6style strong { font-family: 'playfair_displaybold', serif; }

p, ul, ol, td, th, form { margin: 0.8em 0; line-height: 155%; }

h1, .h1style { font-size: 2.2em; line-height: 120%; margin-top: 0.85em; margin-bottom: 0.65em; }
h2, .h2style { font-size: 2.0em; line-height: 124%; margin-top: 0.90em; margin-bottom: 0.68em; }
h3, .h3style { font-size: 1.8em; line-height: 128%; margin-top: 0.95em; margin-bottom: 0.71em; }
h4, .h4style { font-size: 1.6em; line-height: 132%; margin-top: 1.00em; margin-bottom: 0.74em; }
h5, .h5style { font-size: 1.4em; line-height: 136%; margin-top: 1.05em; margin-bottom: 0.77em; }
h6, .h6style { font-size: 1.2em; line-height: 140%; margin-top: 1.10em; margin-bottom: 0.80em; }

.underline, .click_title { background: transparent url(../img/main/title_underline.png) no-repeat center bottom; background-size: 2.3em 3px; padding-bottom: 0.7em; margin-top: 1.2em; margin-bottom: 1.2em; text-align: center; }

img { max-width: 100%; }

a { color: #3151A1; text-decoration: none; outline: 0; }
a:hover { color: #222; text-decoration: underline; outline: 0; }
a:focus { outline: 0; }

p.viewmore { font-family: 'playfair_displayregular', serif; font-size: 1.2em; margin: 2em 0; background: transparent url(../img/main/title_underline.png) no-repeat center bottom; background-size: 2.3em 2px; padding-bottom: 0.8em; }
p.viewmore a { color: #222; }
p.viewmore a:hover { text-decoration: none; }

.inline-check label { float: left; }
.inline-check input[type='checkbox'] { float: right; position: relative; top: -1px; }

.nm { margin: 0; }
.ntm { margin-top: 0; }
.nbm { margin-bottom: 0; }
.stm { margin-top: 0.5em; }
.sbm { margin-bottom: 0.5em; }
.btm { margin-top: 1.1em; }
.bbm { margin-bottom: 1.1em; }
.vbtm { margin-top: 1.6em; }
.vbbm { margin-bottom: 1.6em; }
.vvbtm { margin-top: 2em; }
.vvbbm { margin-bottom: 2em; }
.fl { float: left; }
.fr { float: right; }
.cll { clear: left; }
.clr { clear: right; }
.cl { clear: both; }

.error { color: #a94442; font-weight: 700; }
.sm { font-size: 0.9em; }
.bigger { font-size: 1.1em; }

.blue { color: #0076A8; }
.grey1-bg { background-color: #EEEEEE; }
.grey2-bg { background-color: #B5B5B5; }
.blue_bg { background-color: #0076A8; }

#main .row { text-align: left; }
.alleft { text-align: left; }

#top { height: 105px; background-color: #0076A8; }

header { text-align: left; background-color: #0076A8; position: absolute; width: 100%; top: 0; left: 0; z-index: 100; }
header .container { position: relative; }
header #logo { height: 45px; margin: 32px 0 28px 0; }
header #logo img { max-height: 100%; }
@media (min-width: 768px) {
	header #logo { float: left; }
}

#navmobile { width: 35px; height: 35px; position: absolute; right: 30px; top: 36px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#navmobile span { display: block; position: absolute; height: 5px; width: 100%; background: #FFF; border-radius: 3px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#navmobile span:nth-child(1) { top: 3px; }
#navmobile span:nth-child(2),#navmobile span:nth-child(3) { top: 15px; }
#navmobile span:nth-child(4) { top: 27px; }
#navmobile.open span:nth-child(1) { top: 15px; width: 0%; left: 50%; }
#navmobile.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#navmobile.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#navmobile.open span:nth-child(4) { top: 15px; width: 0%; left: 50%; }

#navmain { display: none; background-color: #0076A8; position: absolute; top: 105px; right: -100%; padding: 0 25px; width: 85%; z-index: 150; }
#navmain ul { font-family: 'playfair_displayregular', serif; font-weight: 400; text-align: left; margin: 0; padding: 0; list-style: none; list-style-type: none; }
#navmain ul li { margin: 0; padding: 0; position: relative; font-size: 1.30em; }
#navmain ul li a { display: block; color: #FFF; text-decoration: none; padding: 0.45em 0; border-bottom: 1px solid #FFF; }
#navmain ul li ul { display: none; margin: 0; padding: 0.2em 0; list-style: none; list-style-type: none; }
#navmain ul li ul li a { padding: 0.1em 0 0.1em 0.6em; font-size: 0.9em; border-bottom: 0; }

#navinfo { margin: 2.5em 0; }
#navinfo p { margin: 0.3em 0; }
#navinfo p:first-child { font-size: 1.1em; }
#navinfo p a { color: #FFF; text-decoration: none; }
#navinfo p a:hover { color: #FFF; text-decoration: underline; }
#navinfo p#n_social { font-size: 2em; }
#navinfo p#n_social a { display: inline-block; margin-right: 5px; }

@media (min-width: 768px) {
	#navmobile { display: none; }
	#navmain { display: block; background-color: transparent; margin: 30px 0 0 0; padding: 0; position: static; top: auto; right: auto; width: auto; float: right; }
	#navmain ul { margin: 0 -0.4em; }
	#navmain ul li { font-size: 1.15em; padding: 0; display: inline-block; }
	#navmain ul li a { padding: 0.7em 0.4em 0.6em; display: block; border: 0; background-color: transparent; }
	#navmain ul li a.sel, #navmain ul > li a:hover { background: transparent url(../img/main/navsel.png) no-repeat center bottom; }
	#navmain ul li ul { display: none; position: absolute; min-width: 100px; margin: 0; padding: 0; z-index: 100; font-family: 'playfair_displayregular', serif; font-size: 0.8em; }
	#navmain ul li ul li { margin: 0; padding: 0; width: 100%; border: 0; }
	#navmain ul li ul li:first-child { margin-top: 0.5em; }
	#navmain ul li ul li:last-child a { padding-bottom: 0.8em; }
	#navmain ul li ul li > a { display: block; color: #FFF; white-space: nowrap; background-color: #0076A8; text-decoration: none; padding: 0.3em 0.6em; text-align: left; font-weight: 400; }
	#navmain ul li ul li > a:hover, #navmain ul li ul li a.sel { background-image: none; background-color: #0076A8; }
	#navinfo { display: none; }
}
@media (min-width: 992px) {
	#navmain ul { margin: 0 -0.6em; }
	#navmain ul li { font-size: 1.35em; }
	#navmain ul li a { padding: 0.6em 0.6em 0.55em; }
	#navmain ul > li > ul > li > a { padding: 0.3em 0.6em; }
}
@media (min-width: 1200px) {
	#navmain ul { margin: 0 -0.8em; }
	#navmain ul li { font-size: 1.5em; }
	#navmain ul li a { padding: 0.6em 0.8em 0.52em; }
	#navmain ul > li > ul > li > a { padding: 0.3em 0.8em; }
}

#banner { background-color: #FFF; position: relative; }
#banner_edit { position: absolute; z-index: 98; top: 0; right: 0; background-color: #C00; color: #FFF; padding: 2px 8px; font-size: 0.9em; }
#banner_edit:hover { text-decoration: none; background-color: #666; }
#banner-slider { overflow: hidden; }
#banner-slider, #banner-slider .slide { height: 300px; }
#banner-slider .slide { background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; display: block; text-decoration: none; }
#banner-slider .slide .message { position: absolute; width: 100%; height: 100%; }
#banner-slider .slide .message p:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
#banner-slider .slide .message p { height: 100%; color: #FFF; font-family: 'playfair_displayregular', serif; font-size: 1.1em; font-weight: normal; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); margin: 0 15px; }
#banner-slider .slide .message p span { display: inline-block; vertical-align: middle; }
#banner-slider .slide .message p span:before { content: ''; width: 20%; border-top: 2px solid #FFF; position: absolute; top: 20%; left: 40%; }
#banner-slider .slide .message p span:after { content: ''; width: 20%; border-bottom: 2px solid #FFF; position: absolute; bottom: 20%; left: 40%; }
#banner-slider .slide .message p span strong { display: block; font-size: 2.1em; line-height: 130%; font-weight: normal; margin: 0.3em 0; }
@media (min-width: 400px) {
	#banner-slider, #banner-slider .slide { height: 375px; }
}
@media (min-width: 768px) {
	#banner-slider, #banner-slider .slide { height: 375px; }
	#banner-slider .slide .message { width: 45%; right: 9%; }
	#banner-slider .slide .message p { margin: 0; }
	#banner-slider .slide .message p span { font-size: 1.15em; }
}
@media (min-width: 992px) {
	#banner-slider, #banner-slider .slide { height: 450px; }
	#banner-slider .slide .message p span strong { font-size: 2.4em; }
}
@media (min-width: 1200px) {
	#banner-slider, #banner-slider .slide { height: 500px; }
	#banner-slider .slide .message p span strong { font-size: 2.6em; }
}

@media (min-width: 768px) {
	.home_block { margin-bottom: 4em; }
}

#contact { color: #FFF; background-color: #4C4C4C; padding-bottom: 2.5em; }
#contact h2.underline, #contact h3.underline { background-image: url(../img/main/title_underline_white.png); }

#contact a { color: #FFF; }
#contact_form { margin-bottom: 2em; }
#contact_submit button { width: 100%; }
@media (min-width: 768px) {
	#contact_code { width: 70%; float: left; }
	#contact_submit { width: 30%; float: right; text-align: right; }
	#contact_submit button { width: 90%; }
	#contact p:first-child { padding-right: 30%; }
}

#contact p#f_social { font-size: 2em; }
#contact p#f_social a { display: inline-block; background-color: #B5B5B5; padding: 0.2em 0.3em; margin-right: 0.3em; }
#contact p#f_social a:hover { background-color: #0076A8; }

#map_google { height: 400px; width: 100%; text-align: left; }
#map_google .map_marker1 { width: 0; height: 0; position: relative; }
#map_google .map_marker1:after { font-family: 'FontAwesome'; content: "\f041"; color: #0076A8; font-size: 4em; line-height: 100%; font-weight: normal; position: absolute; bottom: 0; left: -0.25em; }

footer { padding-top: 1em; padding-bottom: 4em; color: #FFF; background-color: #4C4C4C; border-top: 10px solid #0076A8; text-align: center; }
footer p { margin: 0; }
footer p .sep { display: none; }
@media (min-width: 768px) {
	footer p .sep { display: inline; }
}

#brands { margin-top: 0.5em; margin-bottom: 3em; }
#brands a { display: inline-block; height: 70px; margin: 5px 10px; }
#brands img { max-height: 100%; }
@media (min-width: 768px) {
	#brands a { margin: 5px 15px; }
}

#navfooter { margin: 0; padding: 0; list-style: none; list-style-type: none; }
#navfooter li { color: #FFF; }
#navfooter li a { color: #FFF; text-decoration: none; }
#navfooter li a:hover { color: #0076A8; }
#navfooter li.sep { display: none; }
@media (min-width: 768px) {
	#navfooter li { display: inline-block; }
	#navfooter li.sep { display: inline-block; padding: 0 8px; }
}

#toTop { display: block; color: #FFF; background-color: #0076A8; position: fixed; bottom: 40px; right: 0; cursor: pointer; display: none; z-index: 994; margin: 0; padding: 10px 10px 10px 13px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#toTop:link, #toTop:hover, #toTop:active, #toTop:focus { outline: 0; }
@media (min-width: 768px) {
	#toTop { bottom: 60px; padding: 15px 15px 15px 18px; }
}

a.anchor { display: block; visibility: hidden; line-height: 0; height: 0px; position: relative; }

.form-control, .btn, .dropdown-menu, .input-group-addon { border-radius: 0 !important; }

/* ==========================================================================
   Layout
   ========================================================================== */

.padding-bg > .page_article, .padding-bg > .page_article_holder > .page_article { padding: 10px 0 !important; }
@media (min-width: 768px) {
	.padding-bg > .page_article, .padding-bg > .page_article_holder > .page_article { padding: 25px !important; }
	.row.row_reduced { margin-left: 0 !important; margin-right: 0 !important; }
}

.page_article_holder { position: relative; }
.page_article p:last-child {  }
.page_image { margin: 1.2em 0; display: block; position: relative; }
.page_image img { max-width: 100%; }
.padding-bg .page_image { margin: 0 -15px; }
.img_full .page_image { text-align: center; }
@media (min-width: 768px) {
	.padding-bg .page_image { margin: 0 -15px; }
	.img_full .page_image > img { min-width: 100%; }
}

.page_article ul, .page_article ol, .click_article ul { padding-left: 14px; }
.page_article ul li, .page_article ol li, .click_article ul li, .team ul li, .team ol li { margin: 6px 0; }

.page_article table, .page_accordion_body table { border-collapse: collapse; }
.page_article th, .page_article td, .page_accordion_body th, .page_accordion_body td { border: 1px solid #FFF; color: #FFF; padding-top: 2px; padding-bottom: 2px; }

a.click_c1 { background-color: rgba(152,96,85,0.55) !important; }
a.click_c1:hover { background-color: rgba(152,96,85,0.7) !important; }
a.click_c2 { background-color: rgba(143,156,156,0.50) !important; }
a.click_c2:hover { background-color: rgba(143,156,156,0.8) !important; }
a.click_c3 { background-color: rgba(63,111,154,0.45) !important; }
a.click_c3:hover { background-color: rgba(63,111,154,0.7) !important; }
a.click_c4 { background-color: rgba(187,160,65,0.50) !important; }
a.click_c4:hover { background-color: rgba(187,160,65,0.7) !important; }

.click1_sc { margin-bottom: 3em; }
.click1_sc div { float: left; width: 50%; height: 180px; background-size: cover; position: relative; text-align: center; }
.click1_sc div a { color: #FFF; margin: 0; width: 100%; height: 100%; display: block; font-family: 'playfair_displayregular', serif; font-size: 1.3em; line-height: 135%; color: #FFF; }
.click1_sc div a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.click1_sc div a span { display: inline-block; vertical-align: middle; margin-left: 3%; margin-right: 3%; }
.click1_sc div a span:before { content: ''; width: 20%; border-top: 2px solid #FFF; position: absolute; top: 20%; left: 40%; }
.click1_sc div a span:after { content: ''; width: 20%; border-bottom: 2px solid #FFF; position: absolute; bottom: 20%; left: 40%; }
@media (min-width: 550px) {
	.click1_sc div { height: 200px; }
	.click1_sc div a { font-size: 1.4em; }
	.click1_sc div a span { margin-left: 4%; margin-right: 4%; }
}
@media (min-width: 768px) {
	.click1_sc div { height: 230px; }
	.click1_sc div a { font-size: 1.5em; }
	.click1_sc div a span { margin-left: 5%; margin-right: 5%; }
	.click1_sc div a span:before { top: 25%; }
	.click1_sc div a span:after { bottom: 25%; }
}
@media (min-width: 992px) {
	.click1_sc div { height: 200px; }
	.click1_sc div a { font-size: 1.6em; }
	.click1_sc div a span { margin-left: 7%; margin-right: 7%; }
	.click1_sc div a span:before { top: 20%; }
	.click1_sc div a span:after { bottom: 20%; }
}
@media (min-width: 1200px) {
	.click1_sc div a span:before { top: 25%; }
	.click1_sc div a span:after { bottom: 25%; }
}

.click2_sc { margin: -15px -15px 15px -15px; position: relative; }
.click2_sc a { display: block; margin: 15px 0; }
.click2_sc a .click2_sc_img { height: 200px; background-size: cover; background-position: center center; }
.click2_sc a .click2_sc_info { height: 300px; padding: 0.7em; background-color: #EEEEEE; color: #222; }
.click2_sc a .click2_sc_info_pic { height: 100px !important; }
.click2_sc a .click2_sc_info span { display: block; font-family: 'playfair_displayregular', serif; font-size: 1.2em; line-height: 145%; margin-bottom: 0.5em; }
.click2_sc a:hover { text-decoration: none; }
.click2_sc a:hover .click2_sc_info { background-color: #4C4C4C; color: #FFF; }
@media (min-width: 550px) {
	.click2_sc a .click2_sc_img { height: 200px; }
	.click2_sc a .click2_sc_info { height: 300px; }
}
@media (min-width: 768px) {
    .click2_sc { margin: -15px -15px 20px -15px; }
	.click2_sc a .click2_sc_img { height: 230px; }
	.click2_sc a .click2_sc_info { height: 330px; }
}
@media (min-width: 992px) {
	.click2_sc a .click2_sc_img { height: 150px; }
	.click2_sc a .click2_sc_info { height: 250px; }
}
@media (min-width: 1200px) {
	.click2_sc a .click2_sc_img { height: 200px; }
	.click2_sc a .click2_sc_info { height: 300px; }
}

.click3_sc { margin-top: -15px; margin-bottom: -15px; }
.click3_sc > div { margin-top: 15px; margin-bottom: 15px; }
.click3_sc > div > div { background-size: cover; background-position: center; }
.click3_sc a { display: block; padding: 13em 2em 2em 2em; color: #FFF; height: 300px; }
.click3_sc a h1, .click3_sc a h2, .click3_sc a h3, .click3_sc a h4, .click3_sc a h5, .click3_sc a h6, .click3_sc a p { margin: 0; }
.click3_sc a:hover { text-decoration: none; }

.click5_sc { margin-top: -15px; margin-bottom: -15px; }
.click5_sc div div { height: 220px; margin: 15px 0; background-size: cover; position: relative; text-align: center; }
.click5_sc a { color: #FFF; margin: 0; width: 100%; height: 100%; display: block; font-family: 'playfair_displayregular', serif; font-size: 1.4em; line-height: 135%; color: #FFF; }
.click5_sc a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.click5_sc a span { display: inline-block; vertical-align: middle; margin-left: 3%; margin-right: 3%; }
.click5_sc a span:before { content: ''; width: 20%; border-top: 2px solid #FFF; position: absolute; top: 20%; left: 40%; }
.click5_sc a span:after { content: ''; width: 20%; border-bottom: 2px solid #FFF; position: absolute; bottom: 20%; left: 40%; }
@media (min-width: 550px) {
	.click5_sc div div { height: 200px; }
	.click5_sc a span { margin-left: 4%; margin-right: 4%; }
}
@media (min-width: 768px) {
	.click5_sc div div { height: 250px; }
	.click5_sc a { font-size: 1.5em; }
	.click5_sc a span { margin-left: 7%; margin-right: 7%; }
	.click5_sc a span:before { top: 25%; }
	.click5_sc a span:after { bottom: 25%; }
}
@media (min-width: 992px) {
	.click5_sc div div { height: 200px; }
	.click5_sc a { font-size: 1.4em; }
	.click5_sc a span { margin-left: 5%; margin-right: 5%; }
	.click5_sc a span:before { top: 20%; }
	.click5_sc a span:after { bottom: 20%; }
}
@media (min-width: 1200px) {
	.click5_sc div div { height: 250px; }
	.click5_sc a { font-size: 1.6em; }
	.click5_sc a span { margin-left: 7%; margin-right: 7%; }
	.click5_sc a span:before { top: 25%; }
	.click5_sc a span:after { bottom: 25%; }
}

#slick-testimonials { margin-top: 2em; margin-bottom: 2.5em; }
#slick-testimonials .slide .click_body { font-size: 1.3em; line-height: 140%; margin: 1em 0; font-family: 'playfair_displayregular', serif; }
#slick-testimonials .slide .click_body:before { content: "\201C"; }
#slick-testimonials .slide .click_body:after { content: "\201D"; }
#slick-testimonials .slide .click_info1 { background: transparent url(../img/main/title_underline.png) no-repeat center top; background-size: 3.5em 3px; padding-top: 1em; margin-top: 1.6em; }

@media (min-width: 768px) {
    #slick-testimonials .slide { padding: 0 100px; }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Hide visually and from screen readers */
.hidden { display: none !important; }
/* Hide only visually, but have it available for screen readers */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screen readers, but maintain layout */
.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* ==========================================================================
   Media Queries for Responsive Design
   ========================================================================== */

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print { 
	*, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
	a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}