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

/* box-sizing border box */
html {-webkit-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {  -webkit-box-sizing: inherit;  box-sizing: inherit; }

/** SITE STYLES **/

html { background-color: #545454;}
body { -webkit-text-size-adjust: none; background-color:#fff; font-size:14px;}

h1, h2, h3, h4 { font-family: 'Playfair Display', serif; margin:0; padding:0; text-decoration:none; outline:none; border:none; line-height:1.6;}

h1, header h1, header p { font-size: 22px; color:#1E68AF; margin:0 0 20px 0;}
h2 { font-size: 18px; color:#545454; margin:0 0 15px 0;}
h3 { font-size: 16px; color:#545454; margin:0 0 10px 0;}
h4 { font-size: 14px; color:#545454; margin:0 0 10px 0;}

p, a, li { font-family: 'Open Sans', sans-serif; margin:0; padding:0; text-decoration:none; border:none;}
p, li { color:#545454; line-height:1.6;}
p { margin:0 0 10px 0;}

a { text-decoration:none; color:#545454; border:none;}
a, button { text-decoration:none; color:#545454; border:none; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
a:hover { text-decoration:none; color:#F7941E;}

ul, ol { margin-left:20px; margin-bottom:10px;}
ul { list-style:disc;}
ol { list-style:decimal;}

table { margin:20px auto;}
th {font-family: 'Open Sans', sans-serif; text-transform:uppercase; border-bottom:2px solid #aaa !important;}
th, td { padding:10px; border:1px solid #ccc;}
table tr:nth-of-type(even) { background:#f2f2f2;}
@media screen and (max-width: 600px) {table { overflow-x: auto; display: block; border-right:1px dashed #ccc; padding:30px 0; }}

b, strong { font-family: 'Open Sans', sans-serif; font-weight: 700;}
em, i { font-family: 'Open Sans', sans-serif; font-style: italic;}
em b, i b, em strong, i strong { font-family: 'Open Sans', sans-serif; font-style: italic; font-weight: 700;}

@media only screen and (min-width :700px) {
body, p, a, li { font-size:16px;}
h1, header h1, header p { font-size: 24px;}
h2 { font-size: 20px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
}

@media only screen and (min-width :1200px) {
body, p, a, li { font-size:18px;}
h1, header h1, header p { font-size: 26px;}
h2 { font-size: 22px;}
h3 { font-size: 20px;}
h4 { font-size: 18px;}
}

.container-fluid { padding-left: 0; padding-right: 0;}
.container { width: 100%; max-width: 1400px;}
.pg-body { min-height: 700px;}

img { max-width: 100%; height: auto;}

/* fonts

font-family: 'Playfair Display', serif;
font-family: 'Open Sans', sans-serif;

*/
	


/** HEADER **/
	header { position:relative; margin:0; padding:10px 0; text-align: center;}
    header .container { border-bottom: 1px solid #67C8EE;}
    header h1, header p { font-family: 'Playfair Display', serif; margin-bottom: 10px; line-height: 1;}
    header p i {color: #B7B7B7;}

@media only screen and (min-width :700px) {
    header { padding-top: 10px; text-align: left;}
    .head-ph { text-align: right; padding-top: 10px;}
}

@media only screen and (min-width :900px) {
    header { padding-top: 20px;}    
}

@media only screen and (min-width :1200px) {
     header { padding-top: 30px;}  
    header h1, header p { margin-bottom: 30px; font-size: 36px;}
}
	/* nav */
	
.navbar button { border: 1px solid #ededed; width: 100%; padding: 7px 10px; margin-top: 7px; font-weight: 700; font-family: 'Open Sans', sans-serif;}

@media only screen and (min-width :992px) {
    .navbar .nav-item { padding-left: 25px; padding-right: 25px;}
    .navbar .nav-item a { font-weight: 700; font-family: 'Open Sans', sans-serif;}
    .navbar .nav-item a.disabled { color: #67C8EE !important;}
    .navbar .nav-item a:hover { color: #67C8EE;}
}
	
@media only screen and (min-width :992px) {
	.dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; }
	.dropdown-menu li:hover .sub-menu { visibility: visible; }
	.dropdown:hover .dropdown-menu { display: block; }
	.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0; }
	.navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px;}
	.navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; top: 11px; left: -6px;}
}





	
/** CONTENT **/

.hm-img { width: 100%; height: 50vh; background-position: top center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.pg-body { padding-top: 30px; padding-bottom: 30px;}
.pg-body.hm-body { position: relative; top: -50px; background: #fff; border-radius: 20px 20px 0 0; padding: 30px;}
.pg-body h1 { color: #1E68AF; font-weight: 700; border-bottom: 1px solid #dedede;}

.hm-side p { color: #F7941E; font-weight: 700;}

.int-title { padding: 15px 10px; text-align: center; background: -moz-linear-gradient(left, rgba(30,104,175,1) 0%, rgba(103,200,238,0.25) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(30,104,175,1) 0%,rgba(103,200,238,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(30,104,175,1) 0%,rgba(103,200,238,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e68af', endColorstr='#4067c8ee',GradientType=1 );}
.int-title h1 { color: #fff; line-height: 1; margin: 0;}

.int-body h2 { color: #1E68AF;}
.int-body h3 { color: #F7941E;}
.int-body a.cta-btn { border:2px solid #F7941E; padding: 15px 30px 20px; display: inline-block; border-radius: 20px;  font-family: 'Playfair Display', serif; text-align: center; font-weight: 700; margin-top: 30px; margin-bottom: 30px; cursor: pointer;}
.int-body a.cta-btn:hover { color: #fff; background: #F7941E;}

.int-body form { margin: 30px auto;}
.int-body label { width: 100px; font-size: 12px; font-weight: 700;}
.int-body input { width: calc(100% - 110px);}
.int-body input[type=submit] { margin-top: 30px;  width: calc(100% - 160px); margin-left: 150px; border:2px solid #F7941E; padding: 10px 30px 15px; display: inline-block; border-radius: 20px;  font-family: 'Playfair Display', serif; text-align: center; font-weight: 700; margin-top: 30px; margin-bottom: 30px; cursor: pointer; background: #fff;}
.int-body input[type=submit]:hover { color: #fff; background: #F7941E;}

@media only screen and (min-width :900px) {
    .pg-body { padding-top: 50px; padding-bottom: 50px;}
    .int-title { padding: 30px 10px; text-align: left;}
    .int-title h1 { font-size: 30px;}
    
    .int-body label { width: 150px; font-size: 14px; font-weight: 700;}
    .int-body input { width: calc(100% - 160px);}
}
				
				
				
/** FOOTER **/
	footer { background:#EDEFEF; padding:10px 10px; position:relative;}
	footer p, footer p a {font-size:14px;}
    footer h1 { color: #545454; font-size: 30px; line-height: 1.2;}
    footer h3 { color: #67C8EE; font-weight: 700; line-height: 1.2; font-family: 'Open Sans', sans-serif;}
footer p span { color: #67C8EE; font-weight: 700;}
	
footer .credits { border-top:1px solid #545454; padding-top: 15px; margin-top: 15px;}
    footer .credits p  { font-size:10px; text-align:center; padding-top:5px; color:#939598;}
	footer .credits a  { color:#939598;}
	footer .credits p a:hover { color:#fff;}
	
@media only screen and (min-width :700px) {
    footer { padding:10px 10px;}
}
	
@media only screen and (min-width :900px) {
    footer { padding:30px 10px 10xp;}
}	

@media only screen and (min-width :1200px) {
    footer { padding:50px 10px 10px;}
}
	
	
/* misc */
	
	/* form */
	.gform_wrapper label.gfield_label { font-size:16px; font-family: 'Open Sans', sans-serif; color:#808285; font-weight:400; padding:0 0 3px 0; margin:10px 0 0 0;}
	.gform_wrapper input[type=text], .gform_wrapper textarea, .gform_wrapper input[type=submit] { border-radius: 0; background-color:#fff; padding:10px; resize:none; border:1px solid #ccc; width:100%; margin:0 0 0 0; font-size:16px; font-family: 'Raleway', sans-serif;}
	.gform_wrapper input[type=submit] { background-color:#bcbec0; color:#fff; text-transform:uppercase; font-weight:800; width:100%; max-width:400px; font-size:18px; font-family: 'Open Sans', sans-serif; cursor:pointer; margin:0;-webkit-appearance: none;}
	.gform_wrapper input[type=submit]:hover { background-color:#808285; }
    .gform_confirmation_wrapper { font-size:16px; font-family: 'Open Sans', sans-serif;}

    .ginput_container_select { background: url(/images/select.png) no-repeat 96% 0;  height: 39px; border-radius: 0; overflow: hidden; width: 100%;}
    .ginput_container_select select { background: transparent; border: none; border-radius: 0; font-size: 14px; height: 39px; padding: 5px;  width: calc(100% + 30px)-webkit-appearance: none;  -moz-appearance: none;}
    .stylin .ginput_container_select { background: #ededed url(/images/select.png) no-repeat 98% center; height: 44px; width: 100%;}
    .stylin .ginput_container_select select { border: none; background: transparent; border-radius:5px !important; font-size: 14px; height: 44px; width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none;}

.scrollup{ width:40px; height:40px; border-radius: 50%; text-indent:-9999px; opacity:0.3; position:fixed; bottom:50px; right:100px; display:none; background: url('images/icon_top.svg') no-repeat; }
.scrollup:hover {opacity:0.6;}
				
/* WP Paginate */
	ol.wp-paginate { margin-top:30px; position:relative; text-align:center;}
	ol.wp-paginate li, ol.wp-paginate li a, ol.wp-paginate li span.current { background:none; border:1px solid #ccc;}
	ol.wp-paginate li a:hover { background:none; border:1px solid #ccc; color:#545454;}
	ol.wp-paginate li a { color:#ccc;}

/* image align */
	img.alignright {float:right; margin:10px; margin-right:0px;} .alignright {float:right; }
	img.alignleft {float:left; margin:10px; margin-left:0px;} .alignleft {float:left; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
	@media only screen and (min-width : 500px) and (max-width : 1023px) {img.alignright, .alignright, img.alignleft, .alignleft { max-width:50%; height:auto;} }
	@media only screen and (max-width : 499px) {img.alignright, .alignright, img.alignleft, .alignleft, img.aligncenter, .aligncenter { max-width:100%; height:auto; margin:15px auto;}}
	
				
				
	.cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; }
	.fl { float:left;}
	.fr { float:right;}

	.no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.no-r-pad { padding-right:0 !important;}
	.no-l-pad { padding-left:0 !important;}
	.hidden {display:none; height:0; width:0;}
	.display {display:block;}

@media only screen and (min-width : 993px) {
	.d-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.d-no-r-pad { padding-right:0 !important;}
	.d-no-l-pad { padding-left:0 !important;}
	}

@media only screen and (min-width : 700px) and (max-width : 992px) {
	.t-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.t-no-r-pad { padding-right:0 !important;}
	.t-no-l-pad { padding-left:0 !important;}
}

@media only screen and (max-width : 699px) {
	.m-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.m-no-r-pad { padding-right:0 !important;}
	.m-no-l-pad { padding-left:0 !important;}
	}
	
