/*
Theme Name: FINE
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* FONTS */

@import url(https://fonts.googleapis.com/css?family=Saira:100,200,300,400,500,600,700,800,900);

body, input, select, textarea, button {font-family: 'Saira', sans-serif;}

/* GLOBAL */

* {margin: 0; padding: 0; border: none; list-style: none; text-decoration: none; box-sizing: border-box;}
body {font-weight: 500; font-size: 20px;line-height: 1.3; color: #525252;}
input[type="submit"],input[type="button"], button {-webkit-appearance:none; border-radius:0;}
h1, h2, h3, h4, h6, h6 {font-weight:normal;line-height: 1;margin-bottom: 10px;}
p {line-height: 1.2;}

a {color: #328383; transition: all 0.3s ease;}
a:hover {color: #000;}

.left {float: left;}
.right {float: right;}
.clear {float: left; clear: both; width: 100%;}

.centerDiv {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;}

.button {display: inline-block; height: 40px; line-height: 40px; font-size: 16px; text-transform: uppercase; padding: 0 20px; font-weight: 600; color: #fff; background: #328383;}
.button:hover {background: #000; color: #fff;}

.title {float: left; width: 100%; text-align: center; font-size: 21px; line-height: 40px; font-weight: 600; color: #525252; text-transform: uppercase; background: #C6C7C9;}

.title .button {float: right; margin-top: 10px;}
.hidden {display: none;}

/* STRUCTURE */

.row {float: left; width: 100%; position: relative;}
.container { margin: 0 auto; width: 1400px;padding:10px 20px;background-color:#E5E5E5;}


/* HEADER */

.headerRow {padding: 10px; text-align: center;}
.headerRow .right {position: relative;}

.logo {float: left; width: auto;}
.logo img {float: left; width: auto;}

.menu {display: inline-block; width: auto; margin-top: 9px; vertical-align: top;}
.menu .menu-main-menu-container {float: left; width: auto;}
.menu .menu-main-menu-container ul {float: left; width: auto;}
.menu .menu-main-menu-container ul li {float: left; width: auto; margin: 0 15px; position: relative;}
.menu .menu-main-menu-container ul li a {float: left; width: auto; font-size: 18px; line-height:26px;text-transform: uppercase; font-weight: 600; color: #525252;}
.menu .menu-main-menu-container ul li a:hover,
.menu .menu-main-menu-container ul li.current-menu-item a {color: #328383;}
.menu .menu-main-menu-container ul li#menu-item-132 a {color: #525252;}
.menu .menu-main-menu-container ul li#menu-item-132 a:hover {color: #328383;}
.menu .menu-main-menu-container ul li ul { position: absolute; display: none; top: 25px; left: -10px; width: 300px; background: #fff; z-index: 10; padding: 12px 0 10px;}
.menu .menu-main-menu-container ul li:hover ul {display: block;}
.menu .menu-main-menu-container ul li ul li {float: left; width: 100%;}
.menu .menu-main-menu-container ul li.current-menu-item ul li a {color: #525252;line-height:1.2;}
.menu .menu-main-menu-container ul li.current-menu-item ul li a:hover,
.menu .menu-main-menu-container ul li.current-menu-item ul li.current-menu-item a {color: #328383;}

.right {margin-top: 9px;}
.right a {float: left; width: auto; padding: 4px 6px; font-size: 14px; color: #525252;}
.right a:hover, .right a.active {color: #fff; background: #328383;}

/* HOME */

	/* BANNER */

	.bannerRow .banner {float: left; width: 100%; height: 550px; background: #19a7ab;}
	.bannerRow .banner .leftColumn {float: left; width: 30%; height: 550px; padding: 30px; position: relative;}
	.bannerRow .banner .rightColumn {float: left; width: 70%; height: 550px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
	.bannerRow .banner h2 { float: left; width: 100%; font-size: 60px; line-height: 1em; color: #fff; font-weight: 700; text-transform: uppercase; padding-top: 60px;}
	.bannerRow .banner h3 { float: left; width: 80%; max-width: 100%; font-size: 27px; line-height: 1.2em; color: #fff; font-weight: 300; text-transform: uppercase;}
	.bannerRow .banner p { float: left; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 100%; font-size: 20px; line-height: 1.2em; color: #fff; font-weight: 300; text-transform: uppercase; padding: 30px;}


	/* SERVICES */

	.servicesRow {background: #E5E5E5; padding: 30px 0 0 0;}
	.servicesRow .banner {float: left; width: 50%; min-height: 330px; background-color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0 40px; margin-top: 20px;}
	.servicesRow .banner h3 {float: left; width: 100%; font-size: 35px; font-weight: 700; color: #328383; text-transform: uppercase;}
	.servicesRow .banner p {float: left; width: 100%; color: #328383; line-height: 1.4em; margin-bottom: 20px;}

	.servicesRow .banner:nth-child(1) { width: 100%; }
	.servicesRow .banner:nth-child(1) .textBox { width: 45%; }

	.servicesRow .banner:nth-child(2) { background-color: #328383;}
	.servicesRow .banner:nth-child(2) h3,
	.servicesRow .banner:nth-child(2) p {color: #fff;}
	.servicesRow .banner:nth-child(2) .button {background: #fff; color: #328383;}
	.servicesRow .banner:nth-child(2) .button:hover { background: #000; color: #fff;}


	/* FACILITIES */

	.facilitiesRow  {background: #E5E5E5; padding: 30px 0 20px 0;}
	.home .facilitiesCont {float: left; width: calc(100% + 10px); margin-left: -10px;}
	.facilitiesRow .banner {float: left; width: 33.33%; padding-left: 10px; padding-top: 10px;}
	.facilitiesRow .banner .banner {width: 100%; padding: 0; height: 270px; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center; position: relative;}
	.facilitiesRow .banner .banner::before {position: absolute; z-index: 2;left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.15); content: ''; transition: all 0.3s ease;}
	.facilitiesRow .banner .banner .textBox {float: left; width: 100%; position: relative; z-index: 3; font-size: 30px; color: #fff; font-weight: 600; text-transform: uppercase;}
	.facilitiesRow .banner .banner:hover::before {background: rgba(0,0,0,0.7);}

	/* TEXT BLOCK */

	.textBlockRow {padding: 50px 0 30px 0; text-align: center;}
	.textBlockRow h3 {float: left; width: 100%; font-size: 18px; font-weight: 600; color: #525252; text-transform: uppercase; padding-bottom: 20px;}
	.single .textBlockRow h2 {text-align: left; margin-bottom:1em;}
	.textBlockRow p {float: left; width: 100%; padding-bottom: 20px; text-align: left;}

	/* NEWS */

	.newsRow .leftColumn {float: left; width: 57%; padding-right: 20px;}
	.newsRow .leftColumn .banner {float: left; width: 100%; min-height: 340px; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0 30px;}
	.newsRow .leftColumn .banner ul {float: left; width: 100%;}
	.newsRow .leftColumn .banner ul li,
	.newsRow .leftColumn .banner p {float: left; width: 100%; padding-left: 26px; background: url(../png/arrow-2.png) center left no-repeat; font-size: 35px; font-weight: 700; color: #328383; text-transform: uppercase; line-height: 1.2em;}

	.newsRow .rightColumn {float: right; width: 43%; height: 340px; overflow: hidden; padding-bottom: 35px; background: #E5E5E5;}
	.newsRow .rightColumn h2 {float: left; width: 100%; background: #328383; height: 40px; line-height: 40px; font-size: 21px; color: #fff; font-weight: 700; text-transform: uppercase; text-align: center;}
	.newsRow .rightColumn .postBox {float: left; width: 100%; padding: 20px; height: 230px; overflow: hidden;}
	.newsRow .rightColumn .postBox img {float:left;width: 30%; height: auto}
	.newsRow .rightColumn .postBox h3 {float: right; width: 65%; font-size: 25px; font-weight: 700; text-transform: uppercase; color: #1E1E1E;}
	.newsRow .rightColumn .postBox h3 a {color: #1E1E1E;}

	.newsRow .rightColumn .postBox p {float: left; width: 100%; font-size: 16px; font-weight: 300; padding-bottom: 20px;}

	/* SPONSORS */

	.sponsorsBox {float: left; width: 100%; margin-bottom: 15px; text-align: center;}
	.sponsorsBox h3 {float: left; width: 100%; font-size: 18px; font-weight: 600; color: #525252; text-transform: uppercase; padding-bottom: 20px;}
	.sponsorsBox ul {float: left; width: 100%; text-align: center;}
	.sponsorsBox ul li {display: inline-block; padding: 20px;}

	/* SLIDER */

	.owl-carousel .owl-controls .owl-dot {display: inline-block; width: 17px; height: 17px; border-radius: 50%; margin: 0 10px; background: #C6C7C9;}
	.owl-carousel .owl-controls .owl-dots { text-align: center; margin-top: 20px; }
	.owl-carousel .owl-controls .owl-dot.active {background: #328383;}


/* PAGES */


	/* BANNER */

	.bannerPageRow .banner {float: left; width: 100%; height: 400px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;}
	.bannerPageRow .banner::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 2; content: '';}
	.bannerPageRow .banner h2 { float: left; width: 100%; text-align: center; max-width: 100%; font-size: 140px; line-height: 1em; color: #fff; font-weight: 700; text-transform: uppercase; opacity: 0.5; position: relative; z-index: 3;}


	/* BLOCKS */

	.blocksRow  {background: #E5E5E5; padding: 20px 0 0 0;}
	.blocksBox {float: left; width: calc(100% + 20px); margin-left: -20px;}
	.blocksRow .block {float: left; width: 50%; padding-left: 20px; margin-bottom: 20px;}
	.blocksRow .block .text { float: left; width: 100%; padding: 40px 30px 30px 30px; background: #fff; min-height: 470px;}
	.blocksRow .block .text h3 {float: left; width: 100%; font-size: 35px; font-weight: 700; text-transform: uppercase;}
	.blocksRow .block .text p {float: left; width: 100%; padding-bottom: 20px;}
	.text p {overflow: hidden;}
	.blocksRow .block .image { float: left; width: 100%; height: 320px;  background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;}


	/* LIST */

	.listRow { padding: 40px 0; }
	.listRow .leftColumn {float: left; max-width: 33.33%; padding-right: 40px; }
	.listRow .rightColumn {float: left; width: 66.66%;}
	.listRow .rightColumn p {float: left; width: auto; padding-right: 40px;}


	/* FACILITY */

	.facility .imageCont {float: right; width: 50%; height: 400px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
	.facility .text {float: left; width: 50%; min-height: 400px;  padding: 0 60px;}
	.facility .text .textBox {float: left; width: 100%;}
	.facility .text .textBox h3 {float: left; width: 100%; font-size: 35px; font-weight: 700; text-transform: uppercase;}
	.facility .text .textBox p {float: left; width: 100%; padding-bottom: 20px;}
	.facility .text .textBox .button { margin-top: 10px; }
	.facility:nth-child(2n+0) .imageCont {float: left;}
	.facility:nth-child(2n+0) .text {float: right;}


/* POST */

.archiveRow {background: #E5E5E5; padding: 20px 0;}
.archive .title { background: none; }
.blogMenu {float: left; width: 100%; text-align: center; margin-bottom: 20px;}
.blogMenu li {display: inline-block;}
.blogMenu a {display: inline-block; width: 180px; height: 25px; background: #525252; font-size: 14px; text-transform: uppercase; line-height: 26px; color: #fff;}
.blogMenu a:hover, .blogMenu li.current-menu-item a {background: #328383;}
.archiveRow .post {float: left; width: 32.33%; background: #fff; margin: 0 0.5%; margin-bottom: 15px;}
.archiveRow .post img {float: left; width: 100%; height: auto;}
.archiveRow .post .text {float: left; width: 100%; padding: 30px 20px;}
.archiveRow .post .text h3 {float: left; width: 100%; font-size: 35px; color: #1E1E1E; text-transform: uppercase; font-weight: 700;}
.archiveRow .post .text p {float: left; width: 100%; line-height: 1.25em; padding-bottom: 20px; font-weight: 300;}
.archiveRow .post .text span,
.archiveRow .post .text span a {float: left; width: 100%; font-size: 16px; font-weight: 300;}

/* FOPRMS */

.formBox {float: left; width: 100%; margin-top: 20px;}
.formBox li {float: left; width: 50%; padding-right: 20px; margin-bottom: 10px;}
.formBox li.large { width: 100%; }
.formBox li input, .formBox li textarea {float: left; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #A9A9A9; padding: 0 10px;}
.formBox li textarea { height: 80px; }
.formBox li input.wpcf7-submit {width: auto; height: 40px; line-height: 40px; font-size: 21px; text-transform: uppercase; padding: 0 20px; font-weight: 600; color: #fff; background: #328383; cursor: pointer;}
.formBox li input.wpcf7-submit:hover {background: #000;}
.formBox li.right {float: right; margin: 0;}
.formBox li.right input {float: right;}
span.wpcf7-not-valid-tip {float: left; width: 100%; font-size: 14px;}
.wpcf7-response-output {float: left; width: 100%; margin: 20px 0 !important; padding: 0 !important; border: none !important; font-size: 14px;}

/* FOOTER */

.footerRow {padding: 50px 0; background: #C6C7C9; margin-top: 30px;}
.page-facilities .footerRow {margin-top:0;}

.archive .footerRow { margin: 0; }
.footerRow .leftColumm {float: left; width: 50%;}
.footerRow .rightColumm {float: right; width: 50%;}

.footerRow .leftColumm ul {float: left; width: 100%; border-left: 1px solid #525252; padding-left: 20px;}
.footerRow .leftColumm ul li {float: left; width: 100%; margin-bottom: 20px;}
.footerRow .leftColumm ul li a {float: left; font-size: 18px; color: #525252;}
.footerRow .leftColumm ul li a:hover {color: #328383;}
.footerRow .leftColumm ul li ul { padding-left: 0; border: none;}
.footerRow .leftColumm ul li ul li {padding-left: 20px; margin:0;background: url(../png/greyarrow-2.png) center left no-repeat;}
.footerRow .leftColumm ul li ul li a { font-weight: 300; }
.footerRow .leftColumm ul li:nth-last-child(1) { margin-bottom: 0;}

.footerRow h3 {float: left; width: 100%; font-size: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px;}
.footerRow p { font-size: 16px; color: #6F6F6E;}

.socials {float: left; width: 100%; margin-top:10px;}
.socials a {float: left; width: 26px; height: 26px; border-radius: 50%; background: #348082; color: #fff; text-align: center; line-height: 26px; font-size: 12px; margin-right: 10px;}
.socials a:hover { background: #000; }

.contentRow iframe { float: left; width: 100%; }

.text iframe {max-width: 100%;}

.row.full_text {margin-top:30px; border-top:1px solid #ddd;padding-top:30px;}
.alignright {float: right; margin: 30px; margin-right: 0; max-width: 50%; height: auto;}
.alignleft {float: left; margin: 7px 30px 30px 30px; margin-left: 0; max-width: 50%; height: auto;}
.aligncenter, .alignnone {display: block; max-width: 100%;margin: 7px auto 30px; }
.alignnone {margin: 7px 0 7px;}


/* RESPONSIVE */

.responsiveBtn {display: none;}

@media all and (max-width: 1400px) {
	.container {float: left; width: 100%; padding: 10px 20px;background-color:#E5E5E5;}
}

@media all and (max-width: 1300px) {
	.newsRow .leftColumn .banner ul li {font-size: 30px;}
	.sponsorsBox ul li {padding: 0 10px;}
	.sponsorsBox ul li img {height: 80px;}
}

@media all and (max-width: 1250px) {
	.bannerPageRow .banner h2 { font-size: 70px; }
	.bannerRow .banner .leftColumn {width: 40%;}
	.bannerRow .banner .rightColumn {width: 60%;}
}

@media all and (max-width: 1100px) {
	.servicesRow .banner { width: 100%; }
	.servicesRow .banner:nth-child(1) .textBox { width: 100%; }
	.newsRow .leftColumn { width: 100%; padding-right: 0;}
	.newsRow .rightColumn { width: 100%; margin-top: 20px;}
	.footerRow .leftColumm { width: 30%; }
	.footerRow .rightColumm { width: 70%; }

	.newsRow .rightColumn .postBox, .newsRow .rightColumn {height: auto;}
	.owl-carousel .owl-controls .owl-dots {margin-top: 0px;}
}

@media all and (max-width: 960px) {
	.facilitiesRow .banner { width: 50%; }
	.blocksRow .block { width: 100%;}
	.blocksRow .block .text { min-height: 1px; }
	.facility .imageCont { width: 100%; height: 300px;}
	.facility .text { width: 100%; height: auto; min-height: 1px; padding: 30px;}
	.archiveRow .post {width: 49%;}
	.responsiveBtn {display: block;}
	.menu {display: none; position: absolute; top: 50px; left: 0; width: 100%; background: #fff; padding: 20px; z-index: 10;}
	.menu .menu-main-menu-container,
	.menu .menu-main-menu-container ul {float: left; width: 100%;}
	.menu .menu-main-menu-container ul li {float: left; width: 100%; margin-bottom: 10px;}
	.menu .menu-main-menu-container ul li a {float: left; width: 100%;}
	.menu .menu-main-menu-container ul li ul { position: static; display: block; width: 100%; background: #fff; z-index: 10; padding: 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0;}
	.menu .menu-main-menu-container ul li ul li {margin: 0;}

	.facilitiesCont {width: 100%; margin-left: 0;}
	.facilitiesRow .banner {padding-left: 5px; padding-right: 5px;}

	.bannerRow .banner .leftColumn {width: 50%;}
	.bannerRow .banner .rightColumn {width: 50%;}
}

@media all and (max-width: 800px) {
	.bannerPageRow .banner h2 { font-size: 50px; }
	.bannerPageRow .banner {height: 300px;}
}

@media all and (max-width: 770px) {
	.facilitiesRow .banner { width: 50%; }
	.newsRow .leftColumn .banner { padding: 0 40px; }
	body {font-size: 16px;}
	.footerRow .leftColumm { width: 40%; }
	.footerRow .rightColumm { width: 60%; }
	.bannerRow .banner .leftColumn {width: 100%; height: 200px; padding: 20px;}
	.bannerRow .banner .rightColumn {width: 100%; height: 350px;}
	.bannerRow .banner h2 { padding-top: 0; font-size: 40px; }
	.bannerRow .banner h3 { font-size: 18px; }
	.bannerRow .banner p { font-size: 15px; padding: 20px;}
}

@media all and (max-width: 600px) {
	.facilitiesRow .banner { width: 100%; }
	.footerRow .leftColumm { width: 100%; }
	.footerRow .rightColumm { width: 100%; margin-top: 20px;}
	.newsRow .leftColumn .banner ul li, .newsRow .leftColumn .banner p {font-size: 30px;}
	.newsRow .leftColumn .banner {min-height: 270px; padding: 20px 40px;}
	.bannerRow .banner h2 {font-size: 40px;}
	.bannerPageRow .banner h2 { font-size: 30px; }
	.blocksRow .block .text h3 { font-size: 25px; }
	.archiveRow .post {width: 99%;}
	.archiveRow .post .text h3 {font-size: 25px;}

	.facilitiesRow .banner {padding-left: 0; padding-right: 0;}
}

@media all and (max-width: 550px) {
	.newsRow .leftColumn .banner ul li {font-size: 25px;}
}

@media all and (max-width: 500px) {
	.blocksRow .block .image {height: 270px;}
	.newsRow .leftColumn .banner {padding: 20px 15px;}
}

@media all and (max-width: 450px) {
	body {font-size: 16px;}
	.servicesRow .banner {padding: 20px 40px;}
	.newsRow .leftColumn .banner ul li, .newsRow .leftColumn .banner p,
	.newsRow .rightColumn .postBox h3 {font-size: 16px;}
	.newsRow .rightColumn .postBox p {font-size: 14px;}
	.facilitiesRow .banner .banner .textBox {font-size: 25px;}
	.facilitiesRow .banner .banner {height: 250px;}
	.bannerRow .banner h2 {font-size: 35px;}
	.formBox li { width: 100%; padding-right: 0;}
	.blocksRow .block .text {padding: 30px 20px 20px 20px;}
	.listRow .leftColumn { width: 100%; text-align: left; }
	.listRow .rightColumn { width: 100%; }
	.facility .text .textBox h3 {font-size: 25px;}
	.logo {float: left; width: 100px;}
	.logo img {float: left; width: 100%; height: auto;}
	.right {margin-top: 5px;}
	.menu {top: 40px;}
	.facility .imageCont {height: 200px;}
	.blocksRow .block .image {height: 220px;}

	.servicesRow .banner h3 {font-size: 26px;}
		.bannerRow .banner h2 { padding-top: 0; font-size: 30px; }

}

.page-template-template-iframe .newsRow .rightColumn {width: 100%; height: auto; float: none; padding-bottom: 0;}
.page-template-template-iframe .newsRow .rightColumn .postBox {height: auto;}
.page-template-template-iframe .newsRow .rightColumn .postBox img,
.page-template-template-iframe .newsRow .rightColumn .postBox h3 {width:100%;}
.page-template-template-iframe .newsRow .rightColumn .postBox h3 {margin: 15px 0 0;font-size: 17px;}
.page-template-template-iframe .newsRow .rightColumn h2 {margin:0;}
.page-template-template-iframe .newsRow .owl-controls .owl-dots {margin-top:0;}



/* .page-template-template-iframe .newsRow .rightColumn {float:none;width:271px; height: 363px; padding:0;margin:0 auto;}
.page-template-template-iframe .newsRow .rightColumn .postBox {float:none;width:100%; height: 290px;margin:0 auto;padding:15px;} */