/***************************************************************************************
                                        COLOURS
***************************************************************************************/

/*
Blue - #496d88
Bluey green - #1a9199
*/

.text-custom-blue{ color: #496d88; }
.text-custom-blue-green{ color: #1a9199; }
.desktop-device .text-hover-custom-blue:hover{ color: #496d88; }
.desktop-device .text-hover-custom-blue-green:hover{ color: #1a9199; }

.bg-custom-blue{ background-color: #496d88; }
.bg-custom-blue-green{ background-color: #1a9199; }
.desktop-device .bg-hover-custom-blue:hover{ background-color: #496d88; }
.desktop-device .bg-hover-custom-blue-green:hover{ background-color: #1a9199; }

body, p, a, ul li, ol li, span, td{
	color: #496d88;
}







/***************************************************************************************
                                     TYPOGRAPHY
***************************************************************************************/

h2,
h3{
	color: #496d88;
    font-size: 4rem;
    letter-spacing: -1px;
}

p,
a,
ul li,
ol li,
span,
td{
	font-weight: 400;
}

main p{
	float: left;
    width: 100%;
	margin-bottom: 17px;
}

main ul,
main ol{
	float: left;
    width: 100%;
	padding: 0;
    margin: 0 0 20px;
}
main ul ul,
main ol ol{
	margin-bottom: 0;
}

main ul li,
main ol li{
	width: calc(50% - 20px);
    float: left;
    margin: 7px 0 0 20px;
}

main figure{
	float: left;
    width: 100%;
}
main figure table{
	
}
main figure table tr{
	
}
main figure table th{
	border: 1px solid #496d88;
	font-size: 1.5rem;
    text-align: left;
    padding: 10px 20px;
	background-color: #eee;
}
main figure table td{
	border: 1px solid #496d88;
	font-size: 1.5rem;
}

@media screen and (max-width:767px){
	
	h2,
	h3{
		font-size: 3rem;
	}
	
	main ul li,
	main ol li{
		width: calc(100% - 20px);
	}
	
}







/***************************************************************************************
                                   OTHER ELEMENTS
***************************************************************************************/

/***** FORMS *****/

form p{
	margin: 0;
}

textarea{
	min-width: 100%;
	max-width: 100%;
}



/***** TABLES *****/

main table td{
	padding: 10px 20px;
	vertical-align: top;
	font-size: 1.7rem;
}






/***************************************************************************************
                                   GENERAL/RE-USED
***************************************************************************************/

*{
	outline: none !important;
}

main{
	float: left;
    width: 100%;
}

.inner{
	max-width: 1024px;
}

.inner-wide{
	max-width: 1300px;
}
.inner-medium{
	max-width: 800px;
}
.inner-slim{
	max-width: 700px;
}

/*********************** BUTTONS *************************/

body .wrapper .standard-button{
	float: left;
	margin-top: 0;
    padding: 13px 35px;
	background: #fff;
    border: 2px solid #fff;
    color: #496d88;
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 1px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
body.desktop-device .wrapper .standard-button-blue:hover{
	background-color: #496d88;
	color:#fff;
}
body.desktop-device .wrapper .standard-button-blue-green:hover{
	background-color: #1a9199;
	color:#fff;
}

body .wrapper .standard-button.button-centre{
	float: none;
    display: table;
    margin: auto;
}

body .wrapper .standard-button.standard-button-blue-green-bg{
	background-color: #1a9199;
	color: #fff;
	border-color: #1a9199;
	text-align: center;
}
body.desktop-device .wrapper .standard-button.standard-button-blue-green-bg:hover{
	background-color: #fff;
	color: #1a9199;
}

.breaker-image{
	height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



/********************** LEFT/RIGHT SECTIONS **********************/

.left-right-section{
	position: relative;
	float: left;
	width: 100%;
	display: flex;
    flex-direction: row;
	padding: 0;
}
.left-right-section .left-right-section-left,
.left-right-section .left-right-section-right{
	display: flex;
    flex-direction: column;
    justify-content: center;
	width: 50%;
}
.left-right-section .left-right-section-left{
	padding: 100px 10%;
}

.left-right-section p{
	max-width: none;
	color: #496d88;
}

.left-right-section-heading{
	
}
.left-right-section-content{
	
}
.left-right-section-content > .content-width-outer{
	position: relative;
}
.left-right-section .left-right-section-heading h3,
.left-right-section .left-right-section-heading h4{
	margin: 0;
	font-size: 7rem;
    font-weight: 500;
    line-height: 105%;
    color: #fff;
}
.left-right-section p{
	margin: 0 0 20px;
	color: #496d88;
	text-align: left;
	font-size: 1.8rem;
}
/*.left-right-section .left-right-section-middle{*/
.middle-pattern{
	position: absolute;
    background-repeat: no-repeat;
	background-position: center;
	/*background-size: contain;*/
}
.middle-pattern-vertical{
	width: 200px;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
	background-size: auto 100%;
}
.middle-pattern-horizontal{
	width: 100%;
    height: 200px;
    left: 0;
    transform: translateY(-50%);
    /*top: 50%;*/
	top: 100%;
	background-size: 100% auto;
}
.middle-pattern-large-screen{
	
}
.middle-pattern-small-screen{
	display: none;
}

.left-right-section .left-right-section-right{
	padding: 100px 10%;
}
.left-right-section .left-right-section-right p{
	
}

.left-right-section-large-left .left-right-section-left{
	width: 60%;
}
.left-right-section-large-left .left-right-section-right{
	width: 40%;
}
.left-right-section-large-left .left-right-section-middle{
	left: 60%;
}

.left-right-section-large-right .left-right-section-left{
	width: 40%;
}
.left-right-section-large-right .left-right-section-right{
	width: 60%;
}
.left-right-section-large-right .left-right-section-middle{
	left: 40%;
}



/******************* LEFT/RIGHT SECTION WITH SMALLER LEFT AND CAROUSEL ON RIGHT **********************/

/*#testimonal-section{*/
.left-right-carousel-smaller-left-section{
	margin-top: 0;
}
.content-text-upper{
	max-width: none;
	margin-bottom: 20px;
}
.content-text-upper p:before,
.content-text-upper p::before{
	content: '"';
}
.content-text-upper p:after,
.content-text-upper p::after{
	content: '"';
}
.left-right-carousel-smaller-left-section .slick-dots{
	display: block;
    position: absolute;
    left: 0;
    bottom: -45px;
    margin: 0;
    top: auto;
    padding: 0;
    list-style: none;
    transform: none;
    z-index: 20;
}
.left-right-carousel-smaller-left-section .slick-dots li{
	float: left;
	width: auto;
    margin: 0 20px 0 0;
}
.left-right-carousel-smaller-left-section .slick-dots li button{
	font-size: 0.1rem;
    height: 20px;
    width: 20px;
    border: 2px solid #1a9199;
    background: #fff;
	color: #fff;
    opacity: 1;
    border-radius: 50%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.left-right-carousel-smaller-left-section .slick-dots li.slick-active{
	
}
.left-right-carousel-smaller-left-section .slick-dots li.slick-active button{
	background-color: #1a9199;
	color: #1a9199;
}

.content-text-lower{
	font-size: 3rem;
    text-transform: uppercase;
    letter-spacing: 4px;
}

@media screen and (max-width:1550px){
	
	.left-right-carousel-smaller-left-section .left-right-section-left{
		padding: 100px 5% 100px 7%;
	}
	.left-right-carousel-smaller-left-section .left-right-section-heading h3,
	.left-right-carousel-smaller-left-section .left-right-section-heading h4{
		font-size: 6rem;
	}
	
	.left-right-carousel-smaller-left-section .left-right-section-right{
		
	}
	.left-right-carousel-smaller-left-section .left-right-section-right p{
		font-size: 1.6rem;
	}
	.left-right-carousel-smaller-left-section .left-right-section-right .content-text-lower{
		font-size: 2.5rem;
	}
	
}

@media screen and (max-width:1200px){
	
	.left-right-carousel-smaller-left-section .left-right-section-left{
		padding: 100px 100px 100px 5%;
	}
	.left-right-carousel-smaller-left-section .left-right-section-heading h3,
	.left-right-carousel-smaller-left-section .left-right-section-heading h4{
		font-size: 4.5rem;
	}
	
	.left-right-carousel-smaller-left-section .left-right-section-right{
		padding: 80px 5% 100px 100px;
	}
	.left-right-carousel-smaller-left-section .left-right-section-right p{
		font-size: 1.5rem;
	}
	.left-right-carousel-smaller-left-section .left-right-section-right .content-text-lower{
		
	}
	
}

@media screen and (max-width:900px){
	
	.left-right-carousel-smaller-left-section{
		flex-direction: column;
	}
	.left-right-carousel-smaller-left-section .left-right-section-left{
		width: 100%;
		padding: 100px 5%;
	}
	.left-right-carousel-smaller-left-section .left-right-section-heading h3, 
	.left-right-carousel-smaller-left-section .left-right-section-heading h4{
		font-size: 4rem;
	}
	
	.left-right-carousel-smaller-left-section .middle-pattern-large-screen{
		display: none;
	}
	.left-right-carousel-smaller-left-section .middle-pattern-small-screen{
		display: block;
		top: 340px;
		left: 0;
		background-size: 100% 100%;
	}
	
	.left-right-carousel-smaller-left-section .left-right-section-right{
		width: 100%;
		padding: 200px 5% 100px 5%;
	}
	
}

@media screen and (max-width:800px){
	
	#home-carousel-section .home-carousel-section-item .text-content-wrapper{
		padding: 80px 10% 50px;
	}
	#home-carousel-section .home-carousel-section-item .item-link-wrapper{
		float: left;
		width: auto;
		margin: 30px 0 0;
	}
	
	.left-right-carousel-smaller-left-section .middle-pattern-small-screen{
		display: none;
	}
	.left-right-carousel-smaller-left-section .left-right-section-right{
		padding: 70px 5% 100px 5%;
	}
	
	#home-carousel-section .slick-dots{
		transform: translateX(-50%);
		left: 50%;
		bottom: 230px;
	}
	#home-carousel-section .slick-dots li{
		float: left;
    	margin: 0 15px;
	}
	#home-carousel-section .slick-dots li:nth-of-type(2),
	#home-carousel-section .slick-dots li:nth-of-type(3){
		margin-left: 0;
	}
	
}

@media screen and (max-width:650px){
	
	.left-right-carousel-smaller-left-section .left-right-section-left{
		padding: 80px 5%;
	}
	.left-right-carousel-smaller-left-section .left-right-section-heading h3, 
	.left-right-carousel-smaller-left-section .left-right-section-heading h4{
		font-size: 3.5rem;
	}
	/*.left-right-carousel-smaller-left-section .middle-pattern-small-screen{
		display: none;
	}*/
	.left-right-carousel-smaller-left-section .left-right-section-right{
		padding: 70px 5% 100px 5%;
	}
	
}

@media screen and (max-width:480px){
	
	.left-right-carousel-smaller-left-section .left-right-section-heading h3, 
	.left-right-carousel-smaller-left-section .left-right-section-heading h4{
		font-size: 3rem;
	}
	
}



/********************** LARGE TEXT SECTIONS **********************/

.large-text-section{
	float: left;
    width: 100%;
	padding: 120px 0;
}

.large-text-section h2, 
.large-text-section h3, 
.large-text-section h4 {
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 3.5rem;
    letter-spacing: 3px;
    color: #496d88;
}

.large-text-section p{
    margin: 20px 0 0;
    text-align: center;
    color: #1a9199;
    font-size: 2rem;
}

.large-text-section.bg-custom-blue-green *,
.large-text-section.bg-custom-blue *{
	color: #fff;
}
.large-text-section p{
	text-transform: uppercase;
	font-size: 1.7rem;
}

@media screen and (max-width:480px){
	
	.large-text-section h2, 
	.large-text-section h3, 
	.large-text-section h4 {
		font-size: 2.5rem;
	}
	.large-text-section p{
		font-size: 1.5rem;
	}
	
}



/************************* SLICK CAROUSEL ***************************/

.slick-dots *{
	outline: none !important;
}



/*********************** SOCIAL LINKS *************************/

.social-link{
	width: 40px;
    height: 40px;
    background-color: #fff;
    margin-left: 10px;
    border-radius: 50%;
    text-align: center;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
.social-link-facebook{
	
}
.social-link-twitter{
	
}
.social-link-linkedin{
	
}
.social-link i{
	font-size: 2rem;
    line-height: 40px;
	color: #1a9199;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.desktop-device .social-link:hover{
	/*background-color: #1a9199;*/
}
.desktop-device .social-link:hover i{
	/*color: #fff;*/
	color: #496d88;
}




/************************* SIDE BACKGROUND IMAGES ***************************/

.section-side-bg-image{
	position: absolute;
	z-index: -1;
}
.section-side-bg-image-inner{
	height: 100%;
    top: 0;
}
.section-side-bg-image-outer{
	height: 100%;
    max-height: 500px;
}
.section-side-bg-image-inner.section-side-bg-image-left{
	right: calc(50% + 400px);
}
.section-side-bg-image-inner.section-side-bg-image-right{
	left: calc(50% + 400px);
}
.section-side-bg-image-outer.section-side-bg-image-left{
	left: 0;
    bottom: 0;
}
.section-side-bg-image-outer.section-side-bg-image-right{
	top: 0;
    right: 0;
}

@media screen and (max-width:1299px){
	
	.section-side-bg-image-outer{
		opacity: 0.1;
	}
	
}

@media screen and (max-width:950px){
	
	.section-side-bg-image-inner{
		opacity: 0.1;
	}
	.section-side-bg-image-inner.section-side-bg-image-left{
		left: -50px;
		right: auto;
	}
	.section-side-bg-image-inner.section-side-bg-image-right{
		right: -50px;
		left: auto;
	}
	
}




/*************************** QUOTE BUTTONS ********************************/

.quote-button{
	float: left;
    margin-bottom: 10px;
	padding: 8px 30px;
	border: 3px solid #1a9199;
    background-color: #1a9199;
	width: auto;
    border-radius: 0;
	color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.5rem;
	-webkit-transition: color .3s, background-color .3s;
	-moz-transition: color .3s, background-color .3s;
	-o-transition: color .3s, background-color .3s;
	transition: color .3s, background-color .3s;
}
.desktop-device .quote-button:hover{
	background-color: #fff;
    color: #1a9199;
}



/*************************** SIDEBAR WITH BLUEY GREEN BG ********************************/

.sidebar-wrapper-blue-green-bg{
	position: relative;
	padding-left: 0;
}

.sidebar-bg-image{
	position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
	background-repeat: no-repeat;
    max-width: 110px;
    background-position: -10px -30px;
}

.sidebar-wrapper-blue-green-bg .sidebar{
	padding: 0 35px;
    margin-left: 0;
}

.sidebar-wrapper-blue-green-bg .sidebar h2,
.sidebar-wrapper-blue-green-bg .sidebar h3,
.sidebar-wrapper-blue-green-bg .sidebar h4,
.sidebar-wrapper-blue-green-bg .sidebar p,
.sidebar-wrapper-blue-green-bg .sidebar li,
.sidebar-wrapper-blue-green-bg .sidebar span,
.sidebar-wrapper-blue-green-bg .sidebar ul li a{
	color: #fff;
}
.sidebar-wrapper-blue-green-bg .sidebar h2{
	max-width: none;
	font-size: 2.65rem;
	text-transform: uppercase;
    letter-spacing: 1px;
}
.sidebar-wrapper-blue-green-bg .sidebar h3{
	margin-bottom: 10px;
}
.sidebar-wrapper-blue-green-bg .sidebar p{
	margin-bottom: 10px;
}
.sidebar-wrapper-blue-green-bg .sidebar ul li a{
	text-decoration: none;
}
.sidebar-wrapper-blue-green-bg .sidebar ul li a:hover{
	text-decoration: underline;
}
.sidebar-wrapper-blue-green-bg .sidebar ul{
	
}
.sidebar-wrapper-blue-green-bg .sidebar ul li{
	width: 100%;
	margin-bottom: 5px;
}

.sidebar-wrapper-blue-green-bg .sidebar .quote-button{
    width: 100%;
	padding: 8px 10px;
	margin-bottom: 30px;
	border: 3px solid #fff;
    background-color: #fff;
	color: #1a9199;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1.5rem;
}
.desktop-device .sidebar-wrapper-blue-green-bg .sidebar .quote-button:hover{
	background-color: #1a9199;
    color: #fff;
}

@media screen and (max-width: 1023px){
	.sidebar-bg-image{
		opacity: 0.2;
	}
}

@media screen and (max-width: 767px){
	.sidebar-bg-image{
		opacity: 1;
	}
}

@media screen and (max-width: 400px){
	.sidebar-bg-image{
		opacity: 0.2;
	}
}




/*************************** REPEATABLE CONTENT BLOCKS ****************************/

.repeatable-content-block-wrapper{
	display: flex;
	justify-content: space-between;
}

.repeatable-content-block-image{
	position: relative;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.repeatable-content-block-image-mask{
	position: absolute;
	height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.repeatable-content-block-text{
	padding: 50px 5%;
}
.repeatable-content-block-text h2,
.repeatable-content-block-text h3,
.repeatable-content-block-text h4{
	
}
.repeatable-content-block-text p,
.repeatable-content-block-text span{
	
}
.repeatable-content-block-text a{
	
}
.desktop-device .repeatable-content-block-text a:hover{
	
}
.repeatable-content-block-text ul{
	
}
.repeatable-content-block-text ul li{
	
}
.repeatable-content-block-text table{
	margin-bottom: 10px;
}
.repeatable-content-block-text table tr{
	
}
.repeatable-content-block-text table td{
	padding: 0 25px 10px 0;
    font-size: 1.5rem;
}

.repeatable-content-block-wrapper.image-left{
	flex-direction: row;
}
.repeatable-content-block-wrapper.text-left{
	flex-direction: row-reverse;
}
.repeatable-content-block-wrapper.large-text .repeatable-content-block-image,
.repeatable-content-block-wrapper.large-image .repeatable-content-block-text{
	width: 33.333%;
}
.repeatable-content-block-wrapper.large-text .repeatable-content-block-text,
.repeatable-content-block-wrapper.large-image .repeatable-content-block-image{
	width: 66.666%;
}
.repeatable-content-block-wrapper.mask-right .repeatable-content-block-image-mask{
	background-position: right;
}
.repeatable-content-block-wrapper.mask-left .repeatable-content-block-image-mask{
	background-position: left;
}

@media screen and (max-width: 1024px){
	.repeatable-content-block-wrapper.large-image .repeatable-content-block-text{
    	padding: 50px 30px;
	}
	.repeatable-content-block-wrapper.large-image .repeatable-content-block-text h2,
	.repeatable-content-block-wrapper.large-image .repeatable-content-block-text h3,
	.repeatable-content-block-wrapper.large-image .repeatable-content-block-text h4{
		font-size: 3rem;
	}
}

@media screen and (max-width: 767px){
	.repeatable-content-block-wrapper.image-left,
	.repeatable-content-block-wrapper.text-left{
    	flex-direction: column;
	}
	.repeatable-content-block-wrapper.large-text .repeatable-content-block-image, 
	.repeatable-content-block-wrapper.large-image .repeatable-content-block-text,
	.repeatable-content-block-wrapper.large-text .repeatable-content-block-text, 
	.repeatable-content-block-wrapper.large-image .repeatable-content-block-image{
		width: 100%;
	}
	.repeatable-content-block-wrapper .repeatable-content-block-image{
		height: 250px;
	}
}

@media screen and (max-width: 479px){
	.repeatable-content-block-text{
		padding: 30px;
	}
}










/***************************************************************************************
                                        HEADER
***************************************************************************************/

/***** STRUCTURE *****/

#site-header{
	float: left;
    width: 100%;
}

.header-wrapper {
    float: left;
    width: 100%;
    position: relative;
	padding-top: 100px;
}

@media screen and (max-width:480px){
	.header-wrapper {
		padding-top: 85px;
	}
}



/***** HEADER BAR *****/

.trans-header{
	top: 0;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	background: #fff;
}
.trans-header .updated-logo{
	height: 70px;
    margin: 15px 0 15px 5% !important;
}
.trans-header .updated-logo img{
	height: 70px;
}



/***** MAIN NAV *****/

.trans-header nav{
	display: flex;
    flex-direction: row;
    height: 100%;
	width: auto;
}
.trans-header nav ul li{
	height: 100%;
}

.trans-header nav ul li a{
	height: 100%;
	padding: 41px 30px;
}

.trans-header nav ul li a,
.nav ul li.current_page_item > a,
.nav ul li.current_page_parent > a{
	color: #496d88;
}

.nav > ul > li:last-child{
	background: none;
}

.nav > ul > li:last-child a{
	background-color: #496d88;
	color: #fff;
}
.nav > ul > li:last-child a:hover{
	background-color: #1a9199;
}

/***** SUB MENU *****/
.desktop-device .trans-header nav ul li:hover .sub-menu{
	display: block;
}

@media screen and (max-width: 1180px){
	
	.trans-header nav ul{
		position: absolute;
		float: right;
		top: 0;
		right: 0;
		padding: 0;
	}
	.trans-header nav ul li{
		float: left;
    	width: 100%;
		margin: 0;
	}
	.trans-header nav ul li a{
		padding: 20px 30px;
	}
	.trans-header nav ul li:last-of-type a{
		border-bottom: none;
		background-color: #fff;
		color: #496d88;
	}
	.trans-header nav ul li:last-of-type a:hover{
		background: #E9EAEB;
    	color: #22214a;
	}
	
}

@media only screen and (max-width: 599px){
	
	/*.trans-header #primary-navigation{
		width: 100%;
	}*/
	
}

@media only screen and (max-width: 599px){
	
	#hamburger-icon{
		left: auto;
		right: 30px;
		bottom: 5px;
		margin: 0;
	}
	
}

@media screen and (max-width: 480px){
	
	.trans-header .updated-logo{
		height: 60px;
    	margin: 13px 0 12px 5% !important;
	}
	.trans-header .updated-logo img{
		height: 60px;
		width: 153px;
	}
	
	.trans-header #primary-navigation{
		width: 100%;
	}
	
}









/***************************************************************************************
                                         	HERO
***************************************************************************************/

.header-navigation,
.home-header .header-navigation,
.hero-wrapper,
.home-header .hero-wrapper{
	min-height: auto;
	height: auto;
}

.header-navigation.tall-hero-background,
.hero-wrapper.tall-hero-background {
    float: left;
    width: 100%;
    /*min-height: 80vh;*/
	max-height: 70vh;
    overflow: hidden;
	display: flex;
    flex-direction: row;
    align-items: center;
	padding: 150px 0;
}
.hero-wrapper > .inner{
	/*width: 90%;
	max-width: none;
	left: 5%;*/
}
.header-wrapper .header-navigation .hero-text,
.header-wrapper .hero-wrapper .hero-text{
	height: 100%;
	padding: 130px 20px;
}

.header-navigation .hero-text h1,
.hero-wrapper .hero-text h1{
    color: #fff;
    font-weight: 400;
    font-size: 2.05rem;
    margin: 0 0 25px;
    font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
    letter-spacing: 2px;
	
}
.header-navigation .hero-text p,
.hero-wrapper .hero-text p {
    color: #fff;
    font-size: 7rem;
	text-transform: uppercase;
	margin: 0;
	line-height: 115%;
    letter-spacing: 4px;
}

.home-header .header-navigation .hero-text h1{
	margin: 0 0 25px;
	font-size: 7rem;
}
.home-header .header-navigation .hero-text p{
	font-size: 2.05rem;
	text-transform: none;
	line-height: normal;
}

.discover-more{
	text-transform: uppercase;
}
.see-more-arrows{
	margin: 0;
    width: 1px;
}
.see-more-line{
	position: absolute;
	top: 0;
	left: 0;
	width:1px;
	height: 0;
	background: #fff;
	animation: seeMoreArrow 3s infinite;
}

@keyframes seeMoreArrow{
	0% {
		top: 0;
		bottom: auto;
		height: 0;
	}

	49.9999% {
		top: 0;
		bottom: auto;
		height: 100%;
	}
	50% {
		top: auto;
		bottom: 0;
		height: 100%;
	}
	99.9999% {
		top: auto;
		bottom: 0;
		height: 0;
	}
	100% {
		top: 0;
		bottom: auto;
		height: 0;
	}
}

@media only screen and (max-width: 1023px){
	
	.home-header .header-navigation .hero-text{
		left: 10%;
    	width: 80%;
	}
	.home-header .header-navigation .hero-text h1{
		font-size: 6rem;
	}
	
}

@media only screen and (max-width: 900px){
	.header-navigation .hero-text h1, 
	.hero-wrapper .hero-text h1{
		font-size: 2rem;
	}
	.video-hero-background .hero-text p, 
	/*.home-header .header-navigation .hero-text p,*/
	.header-navigation .hero-text p, 
	.hero-wrapper .hero-text p{
    	font-size: 6rem !important;
	}
	.home-header .header-navigation .hero-text h1{
		font-size: 5rem;
		line-height: 60px;
	}
	.home-header .header-navigation .hero-text p{
		font-size: 2rem !important;
	}
}

@media screen and (max-width: 767px){
	.header-navigation .hero-text h1, 
	.hero-wrapper .hero-text h1{
		line-height: 60px;
    	font-size: 1.8rem;
		margin: 0 0 20px;
	}
	.video-hero-background .hero-text p, 
	/*.home-header .header-navigation .hero-text p,*/
	.header-navigation .hero-text p, 
	.hero-wrapper .hero-text p{
    	font-size: 5rem !important;
	}
	
	.home-header .header-navigation .hero-text{
		left: 5%;
		width: 90%;
	}
	.home-header .header-navigation .hero-text h1{
		line-height: 50px;
    	font-size: 4rem;
		margin: 0 0 20px;
	}
	.home-header .header-navigation .hero-text p{
		font-size: 1.8rem !important;
	}
}

@media screen and (max-width: 599px){
	.header-navigation,
	.hero-wrapper {
    	margin-top: 0;
	}
	.header-navigation .hero-text h1, 
	.hero-wrapper .hero-text h1{
		line-height: 45px;
    	font-size: 1.7rem;
	}
	.video-hero-background .hero-text p, 
	/*.home-header .header-navigation .hero-text p,*/
	.header-navigation .hero-text p, 
	.hero-wrapper .hero-text p{
    	font-size: 4rem !important;
	}
	.home-header .header-navigation .hero-text h1{
		line-height: 50px;
    	font-size: 4rem;
	}
	.home-header .header-navigation .hero-text p{
		font-size: 1.7rem !important;
	}
}

@media screen and (max-width: 480px){
	.header-wrapper .header-navigation .hero-text, 
	.header-wrapper .hero-wrapper .hero-text{
		width: 100%;
    	left: 0;
	}
	.header-navigation .hero-text h1, 
	.hero-wrapper .hero-text h1{
		line-height: 35px;
	}
	.video-hero-background .hero-text p, 
	/*.home-header .header-navigation .hero-text p,*/
	.header-navigation .hero-text p, 
	.hero-wrapper .hero-text p{
		text-align: left;
    	font-size: 3rem !important;
	}
	.home-header .header-navigation .hero-text h1{
		line-height: 40px;
    	font-size: 3rem;
		letter-spacing: 1px;
	}
	.home-header .header-navigation .hero-text p{
		font-size: 1.7rem !important;
		text-align: left;
		letter-spacing: 1px;
	}
}








/***************************************************************************************
                                        FOOTER
***************************************************************************************/

#site-footer{
	padding: 50px 0;
	color: #fff;
}

#site-footer *{
	color: #fff;
}

#footer-row-top{
	margin-bottom: 50px;
}

#footer-logo{
	float: left;
    width: 30%;
	padding-right: 50px;
}
#footer-logo img{
	
}

#footer-newsletter{
	float: left;
    width: 45%;
	padding-right: 50px;
	padding-top: 20px;
}
#footer-newsletter #footer-newsletter-heading{
	text-align: left;
    font-size: 2rem;
}
#footer-newsletter form{
	
}
#footer-newsletter form .newsletter-email{
	float: left;
    width: calc(100% - 135px);
    max-width: 350px;
}
#footer-newsletter form p{
	float: left;
}
#footer-newsletter form input[type=email],
#footer-newsletter form input[type=text]{
	background: none;
    border: 2px solid #fff;
    color: #fff;
    padding: 17px 52px;
    letter-spacing: 2px;
}
#footer-newsletter form input[type=submit],
#footer-newsletter form button[type=submit]{
	float: left;
    margin-left: 15px;
    color: #496d88;
    background: #fff;
    letter-spacing: 2px;
    margin-top: 7px;
    padding: 12px 29px;
	border: 2px solid #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
#footer-newsletter form input[type=submit]:hover,
#footer-newsletter form button[type=submit]:hover{
	background-color: #fff;
	color: #496d88 !important;
}
.desktop-device #footer-newsletter form input[type=submit]:hover,
.desktop-device #footer-newsletter form button[type=submit]:hover{
	background-color: #496d88;
	color: #fff !important;
}
#footer-newsletter form .wpcf7-not-valid-tip{
    margin-top: 2px;
	text-align: left;
}
#footer-newsletter form .wpcf7-response-output{
	float: left;
    font-size: 1.3rem;
    margin: 5px 0 0;
}

#footer-social{
	float: right;
    width: 20%;
	padding-top: 50px;
}
#footer-social .footer-social-link i{
	color: #1a9199;
}
.desktop-device #footer-social .footer-social-link:hover i{
	color: #496d88;
}

#footer-row-bottom{
	margin-bottom: 40px;
}

.footer-column{
	
}
#footer-column-1,
#footer-column-2,
#footer-column-3{
	padding: 0 3% 0 0;
}

.footer-column ul li{
	float: left;
    width: 100%;
}
#site-footer .footer-column a{
	color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
#site-footer .footer-column a:hover{
	color: #fff;
}
.desktop-device #site-footer .footer-column a:hover{
	/*text-decoration: underline;*/
	color: #1a9199;
}
.footer-link,
#site-footer #menu-footer-column-1 li a{
	/*color: #fff;*/
    clear: both;
    font-size: 1.5rem;
    float: left;
	text-transform: none;
}
.footer-link-large{
	font-size: 2.1rem;
}
#footer-address-wrapper{
	float: left;
    width: 100%;
	margin-top: 20px;
}
.address-line{
	
}

#site-footer #menu-footer-column-1 li{
	margin-bottom: 10px;
}

#site-footer #menu-footer-column-2 li{
	margin-bottom: 13px;
}

.footer-heading,
h2.footer-heading,
h3.footer-heading,
h4.footer-heading,
#site-footer #menu-footer-column-2 li a{
	font-size: 2.1rem;
    font-weight: 500;
}



/***** CENTRED VERSION OF THE FOOTER COLUMNS *****/



@media screen and (max-width: 1199px){
	
	#footer-logo{
		
	}
	#footer-newsletter{
		width: calc(70% - 150px);
	}
	#footer-social{
		width: 150px;
	}
	
	.footer-link-large{
		font-size: 1.8rem;
	}
	
}

@media screen and (max-width: 1024px){
	
	#footer-logo{
		
	}
	#footer-newsletter{
		width: 70%;
		padding: 30px 0 0 50px;
	}
	#footer-social{
		clear: left;
		float: none;
		display: table;
		margin: auto;
	}
	
	.footer-link-large {
		font-size: 1.5rem;
	}
	
}

@media screen and (max-width: 850px){
	
	#footer-logo{
		width: 100%;
    	padding: 0;
	}
	#footer-logo img{
		max-width: 200px;
	}
	#footer-newsletter{
		width: 100%;
    	padding: 50px 0 0 0;
	}
	#footer-social{
		float: left;
	}
	
	.footer-social-link{
		margin: 0 10px 0 0;
	}
	
	#footer-column-1{
		width:100%;
		margin-bottom: 50px;
	}
	#footer-column-2{
		width:50%;
	}
	#footer-column-3{
		width:50%;
	}
	
}

@media screen and (max-width: 530px){
	
	#footer-newsletter,
	#footer-newsletter .wpcf7,
	#footer-newsletter form,
	#footer-newsletter form > p{
		float: left;
		width: 100%;
	}
	#footer-newsletter form .newsletter-email{
		width: 100%;
	}
	
	#footer-newsletter form input[type=submit], 
	#footer-newsletter form button[type=submit]{
		clear: left;
    	margin: 10px 0;
	}
	
}

@media screen and (max-width: 450px){
	
	#footer-column-2{
		width:100%;
		margin-bottom: 50px;
	}
	#footer-column-3{
		width:100%;
	}
	
}







/***************************************************************************************
                                     MAIN CONTENT
***************************************************************************************/

/***** STRUCTURE *****/





/***** BREADCRUMBS *****/

.breadcrumb-container{
	padding-top: 20px;
}
.breadcrumbs{
	
}
.breadcrumbs > span{
	
}
.breadcrumbs > span:first-of-type{
	padding-left: 0;
}
.breadcrumbs > span > a,
.breadcrumbs > span > span{
	text-transform: uppercase;
	color: #496d88;
	font-weight: 400;
	font-size: 1.5rem;
    letter-spacing: 2px;
}
.breadcrumbs > span > a{
	
}
.desktop-device .breadcrumbs > span > a:hover{
	/*color: #1a9199;*/
	text-decoration: underline;
}
.desktop-device .breadcrumbs > span > a:hover > span{
	/*color: #1a9199;*/
}
.breadcrumbs > span > span{
	
}

.centre-breadcrumbs .breadcrumbs{
	display: flex;
    margin: auto;
    width: auto;
    flex-direction: row;
    justify-content: center;
}





/***************************************************************************************
                                      HOME PAGE
***************************************************************************************/

.home-page-section{
	padding: 0;
}



/*************************** INTRO SECTION ***************************/

#home-page-intro-section{
	display: flex;
    flex-direction: row;
	padding: 0;
}
#home-page-intro-section .top-section-left,
#home-page-intro-section .top-section-right{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
#home-page-intro-section .top-section-left{
	padding: 100px 10% 100px 15%;
}
#home-page-intro-section .top-section-left p{
	margin: 0;
	color: #496d88;
	text-align: left;
}
#home-page-intro-section .top-section-middle{
	/*position: absolute;
    width: 200px;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;*/
}
#middle-pattern-home-intro-small-screens{
	/*display: none;*/
}

#home-page-intro-section .top-section-right{
	padding: 100px 15% 100px 10%;
}
#home-page-intro-section .top-section-right p{
	color: #fff;
	font-size: 1.8rem;
}
#home-page-intro-section .resp-hero-button-center{
	
}
#home-page-intro-section .resp-hero-button-center .hero-button{
	
}

@media screen and (max-width:1200px){
	
	#home-page-intro-section .top-section-left{
		padding: 100px 120px 100px 8%;
	}
	#home-page-intro-section .top-section-left p{
		font-size: 2.2rem;
	}
	#home-page-intro-section .top-section-right{
		padding: 100px 8% 100px 120px;
	}
	
}

@media screen and (max-width:800px){
	
	#home-page-intro-section .top-section-left{
		margin: 0;
	}
	#home-page-intro-section .top-section-left p{
		font-size: 1.8rem;
	}
	
	#home-page-intro-section .top-section-right{
		margin: 0;
	}
	#home-page-intro-section .top-section-right p{
		text-align: left;
		font-size: 1.5rem;
	}
	#home-page-intro-section .resp-hero-button-center{
		float: left;
		width: auto;
		margin: 0;
	}
	
}

@media screen and (max-width:700px){
	
	#home-page-intro-section{
		flex-direction: column;
	}
	
	#home-page-intro-section .top-section-left{
		width: 100%;
		padding: 70px 10% 150px;
	}
	#home-page-intro-section .top-section-left p{
		
	}
	
	#middle-pattern-home-intro-large-screens{
		display: none;
	}
	#middle-pattern-home-intro-small-screens{
		display: block;
	}
	
	#home-page-intro-section .top-section-right{
		width: 100%;
		padding: 150px 10% 70px;
	}
	#home-page-intro-section .top-section-right p{
		
	}
	
}

@media screen and (max-width:600px){
	
	#home-page-intro-section .top-section-left{
		padding-bottom: 100px;
	}
	#home-page-intro-section .top-section-right{
		padding-top: 100px;
	}
	
}

@media screen and (max-width:480px){
	
	#home-page-intro-section .top-section-left{
		padding-bottom: 70px;
	}
	#middle-pattern-home-intro-small-screens{
		display: none;
	}
	#home-page-intro-section .top-section-right{
		padding-top: 70px;
	}
	
}



/************************** LARGE TEXT SECTION ****************************/

#home-large-text-section{
	padding:120px 0;
}
#home-large-text-section h2,
#home-large-text-section h3,
#home-large-text-section h4{
	margin: 0;
	text-align: center;
	text-transform: uppercase;
    font-size: 3.5rem;
    letter-spacing: 3px;
	color: #496d88;
}

#home-large-text-section p{
	margin: 20px 0 0;
	text-align: center;
	color: #1a9199;
	font-size: 2rem;
}

@media screen and (max-width:767px){
	#home-large-text-section h2,
	#home-large-text-section h3,
	#home-large-text-section h4{
		font-size: 3rem;
    	letter-spacing: 2px;
	}
	#home-large-text-section p{
		font-size: 1.8rem;
	}
}

@media screen and (max-width:479px){
	#home-large-text-section h2,
	#home-large-text-section h3,
	#home-large-text-section h4{
		font-size: 2.5rem;
    	letter-spacing: 1px;
	}
	#home-large-text-section p{
		font-size: 1.5rem;
	}
}



/************************* CAROUSEL SECTION ***************************/

#home-carousel-section{
	
}

#home-carousel-section .slick-container-1{
	
}

#home-carousel-section .slick-track{
	display: flex !important;
}

#home-carousel-section .home-carousel-section-item{
	height: inherit !important;
}
#home-carousel-section .home-carousel-section-item-content{
	display: flex;
    flex-direction: row;
	height: 100%;
}
#home-carousel-section .home-carousel-section-item .text-content-wrapper{
	padding: 100px 5% 100px 10%;
	width: calc(50% - 99px);
	color: #fff;
}
#home-carousel-section .home-carousel-section-item .item-heading{
	font-size: 3rem;
    font-weight: 500;
}
#home-carousel-section .home-carousel-section-item .item-text{
	font-size: 1.7rem;
}
#home-carousel-section .home-carousel-section-item .item-link-wrapper{
	
}
#home-carousel-section .home-carousel-section-item .item-link{
	
}
#home-carousel-section .home-carousel-section-item .image-section{
	background-repeat: no-repeat;
	background-position: right 50%;
	background-size: cover;
	width: calc(50% + 100px);
}

#home-carousel-section .middle-pattern{
	background-position: 0 50%;
}

#home-carousel-section .slick-dots{
	position: absolute;
    left: 50%;
    top: 50%;
	margin: 0;
    padding: 0;
	list-style: none;
	transform: translateY(-50%);
	z-index: 20;
}

#home-carousel-section .slick-dots *{
	
}

#home-carousel-section .slick-dots li{
	float: none;
	width: 20px;
    height: 20px;
	margin-bottom: 17px;
}
#home-carousel-section .slick-dots li:nth-of-type(1){
	margin-left: 0;
}
#home-carousel-section .slick-dots li:nth-of-type(2){
	margin-left: 10px;
}
#home-carousel-section .slick-dots li:nth-of-type(3){
	margin-left: 20px;
}
#home-carousel-section .slick-dots li button{
	width: 20px;
    height: 20px;
	padding: 0;
	color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    background: none;
}
#home-carousel-section .slick-dots li.slick-active{
	
}
#home-carousel-section .slick-dots li.slick-active button{
	background-color: #fff;
}

@media screen and (max-width:1023px){
	
	#home-carousel-section .home-carousel-section-item{
		padding-bottom: 300px;
	}
	#home-carousel-section .home-carousel-section-item-content{
		flex-direction: column;
	}
	#home-carousel-section .home-carousel-section-item .text-content-wrapper{
		width: 100%;
		padding: 80px 10% 0;
	}
	#home-carousel-section .home-carousel-section-item .image-section{
		width: 100%;
		height: 280px;
		position: absolute;
		bottom: 0;
		background-position: 50% 50%;
	}
	
	#middle-pattern-home-carousel-large-screens{
		display: none;
	}
	#middle-pattern-home-carousel-small-screens{
		display: block;
		top: calc(100% - 185px);
		background-size: 100% 100%;
	}
	
	#home-carousel-section .slick-dots{
		/*transform: rotate(90deg);
		top: auto;
		bottom: 80px;
		left: 48%;
		width: auto;*/
		transform: rotate(0);
		top: auto;
		bottom: 20px;
		left: auto;
		right: 20px;
		width: auto;
	}
	#home-carousel-section .slick-dots li{
		margin: 0 0 0 15px !important;
		float: left;
		width: auto;
	}
	#home-carousel-section .slick-dots li button{
		
	}
	
}

@media screen and (max-width:767px){
	#home-carousel-section .home-carousel-section-item .item-heading{
		
	}
}

@media screen and (max-width:479px){
	#home-carousel-section .home-carousel-section-item .item-heading{
		font-size: 2.5rem;
	}
	#home-carousel-section .home-carousel-section-item .item-text{
		font-size: 1.5rem;
	}
}



/************************* TWITTER FEED *****************************/

#twitter-page-section{
	padding-top: 70px;
	padding-bottom: 70px;
}
#twitter-page-section .owl-carousel .owl-item{
	border:none;
}
.twitter-body .tweet{
	padding-bottom: 0;
}
#twitter-page-section .twitter-bird{
	background: #1a9199 url(../img/white-twitter.fw.png) no-repeat center;
	height: 80px;
    width: 80px;
    border-radius: 50%;
}
#twitter-page-section .tweet-text{
	font-size: 1.5rem;
	color: #1a9199;
}
#twitter-page-section .tweet-text a{
	color: #496d88;
}
.desktop-device #twitter-page-section .tweet-text a:hover{
	color: #000;
}
#twitter-page-section .tweet-time{
	display: none;
}

#twitter-page-section .more-twitter a{
	width: auto;
	display: table;
}
.desktop-device #twitter-page-section .more-twitter a:hover{
	
}

@media screen and (max-width: 767px){
	
	#twitter-page-section .tweet-text{
		padding: 0;
	}
	
}







/***************************************************************************************
                                    CONTACT PAGE
***************************************************************************************/

/***** CONTENT SECTION *****/

#contact-page-content-section{
	padding-right: 7%;
}

.contact-page-contact-details{
	float: left;
    width: 100%;
	margin-bottom: 10px;
	clear: left;
	font-size: 1.5rem;
	font-weight: 600;
}
.contact-page-contact-details-email{
	margin-top: 10px;
}
.contact-page-contact-details-phone{
	
}
.contact-page-contact-details a{
	color: #496d88;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.desktop-device .contact-page-contact-details a:hover{
	color: #1a9199;
}

.fos{
	float: left;
	margin-top: 80px;
	padding: 20px 0 10px;
	border-color: #1a9199;
    border-width: 2px;
}



/***** FORM SECTION *****/

#contact-page-form-section{
	
}

#contact-page-form-wrapper{
	padding: 25px 40px;
}
#contact-page-form-wrapper form{
	
}
#contact-page-form-wrapper form label{
	margin-bottom: 3px;
	color: #fff;
	font-size: 1.7rem;
}
#contact-page-form-wrapper form input[type=text],
#contact-page-form-wrapper form input[type=email],
#contact-page-form-wrapper form input[type=number],
#contact-page-form-wrapper form textarea{
	margin-bottom: 15px;
	padding: 1%;
    border: 1px solid #ccc;
    width: 100%;
    font-size: 1.4rem;
    text-align: left;
}
#contact-page-form-wrapper form input[type=submit],
#contact-page-form-wrapper form button[type=submit]{
	background-color: #1a9199;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 40px;
	border: 3px solid #1a9199;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
#contact-page-form-wrapper form input[type=submit]:hover,
#contact-page-form-wrapper form button[type=submit]:hover{
	background-color: #fff;
    color: #1a9199 !important;
}

#contact-page-form-wrapper form input[type=text].wpcf7-not-valid, 
#contact-page-form-wrapper form input[type=email].wpcf7-not-valid, 
#contact-page-form-wrapper form input[type=number].wpcf7-not-valid,
#contact-page-form-wrapper form textarea.wpcf7-not-valid{
	margin-bottom: 2px;
}
#contact-page-form-wrapper .wpcf7-not-valid-tip{
	margin-bottom: 10px;
	font-size: 1.7rem !important;
}

.form-notice{
	color: #fff;
	font-size: 1.5rem;
}
.form-required{
	margin: 10px 0 15px;
}
.form-sensitive-data{
	max-width: 200px;
	font-size: 1.3rem;
}

.wpcf7 form .wpcf7-response-output{
	margin: 2em 0 1em;
	color: #fff;
    float: left;
    font-size: 1.6rem;
}



@media screen and (max-width:767px){
	
	#contact-page-content-section,
	#contact-page-form-section{
		width: 100%;
    	padding: 10px 15px 50px;
	}
	
}







/***********************************************************************************
                                    ABOUT PAGE
************************************************************************************/

/***** INTRO SECTION *****/

#about-page-content-section{
	
}

#about-page-content-section h2{
	padding: 0 30px 30px;
	text-align: center;
}

@media screen and (max-width:480px){
	#about-page-content-section h2{
		padding: 0 30px 10px;
		font-size: 3rem;
	}
	#about-page-content-section table tr{
		display: flex;
		flex-direction: column;
	}
	#about-page-content-section table tr td{
		width:100% !important;
	}
}



/***** "IN THIS SECTION" SECTION *****/

#about-page-in-this-section-section .content-image{
	float: left;
    width: 200px;
}
#about-page-in-this-section-section .content-image img{
	
}
#about-page-in-this-section-section .text-wrapper{
	float: left;
    width: calc(100% - 250px);
    max-width: 350px;
    margin-left: 50px;
}
#about-page-in-this-section-section .content-text-upper{
	font-size: 3rem;
    font-weight: 500;
}
#about-page-in-this-section-section .content-text-lower{
	text-transform: none;
    letter-spacing: 0;
    font-size: 1.8rem;
    font-weight: 300;
}

#about-page-in-this-section-section .slick-dots{
	left: 250px;
	width: auto;
}

@media screen and (max-width:1024px){
	
	#about-page-in-this-section-section .content-image{
		display: none;
	}
	#about-page-in-this-section-section .text-wrapper{
		width: 100%;
		margin-left: 0;
	}
	#about-page-in-this-section-section .slick-dots{
		left: 0;
	}
	
}

@media screen and (max-width:900px){
	
	#about-page-in-this-section-section .content-image{
		display: block;
	}
	#about-page-in-this-section-section .text-wrapper{
		width: calc(100% - 250px);
		margin-left: 50px;
	}
	#about-page-in-this-section-section .slick-dots{
		left: 250px;
	}
	
}

@media screen and (max-width:550px){
	
	#about-page-in-this-section-section .content-image{
		display: none;
	}
	#about-page-in-this-section-section .text-wrapper{
		width: 100%;
		max-width: none;
		margin-left: 0;
	}
	#about-page-in-this-section-section .slick-dots{
		left: 0;
	}
	
}







/***********************************************************************************
                                 CATEGORY PAGE
************************************************************************************/

#category-page-content-wrapper{
	display: flex;
    flex-direction: row;
	justify-content: space-between;
	width: 100%;
}



#category-left-content-wrapper{
	
}

.category-item .product-teaser-image-wrapper{
	
}
.product-teaser-image-wrapper .hover-block{
	padding: 0;
    display: flex;
}
.product-teaser-image-wrapper .hover-block span{
	margin: auto;
	padding: 0;
	font-size: 2em;
    color: #fff;
}
.product-teaser-heading-wrapper{
	
}
.product-teaser-heading{
	font-size: 1.8rem;
}



#category-right-content-wrapper{
	padding-top: 135px;
	max-height: 700px;
}

#category-right-content-wrapper .sidebar{
	margin: 0;
	padding: 0 20px 0 30px;
}

@media screen and (max-width: 1023px){
	
	#category-page-content-wrapper .breadcrumb-container .unit.w-1-1{
		padding-left: 0;
    	padding-right: 0;
	}
	
	#category-page-main-content-inner{
		padding: 0;
	}
	.product-teaser-heading{
		font-size: 1.6rem;
	}
	
}

@media screen and (max-width: 900px){
	
	.product-teaser-heading{
		font-size: 1.4rem;
	}
	
}

@media screen and (max-width: 767px){
	
	#category-page-content-wrapper{
		flex-direction: column;
	}
	#category-left-content-wrapper{
		padding-right: 0;
	}
	
	.product-teaser-heading{
		font-size: 1.8rem;
	}
	
	#category-right-content-wrapper{
		padding: 50px 0 30px;
    	max-height: none;
	}
	
}







/***********************************************************************************
                                 PRODUCT PAGE
************************************************************************************/

/***** INTRO SECTION *****/

#product-page-content-wrapper{
	display: flex;
    flex-direction: row;
	justify-content: space-between;
}

#product-left-content-wrapper{
	padding-right: 10%;
}

#product-left-content-wrapper .breadcrumb-container .grid .unit{
	padding: 10px 0px 50px;
}

#product-left-content-wrapper h2{
	text-transform: uppercase;
	letter-spacing: 2px;
}
#product-left-content-wrapper h3,
#product-left-content-wrapper h4{
	float: left;
	font-size: 2.8rem;
}

#product-right-content-wrapper{
	padding-top: 105px;
}

#product-right-content-wrapper .sidebar ul li{
	width: calc(100% - 18px);
	margin-left: 18px;
	list-style: disc;
}

#product-testimonial-section h2,
#product-testimonial-section h3,
#product-testimonial-section h4{
	margin-bottom: 20px;
}
#product-testimonial-section p{
	margin: 0 0 15px;
	text-transform: none;
}
#product-testimonial-section span{
    float: left;
	width: 100%;
	font-size: 2.5rem;
    text-align: center;
}

@media screen and (max-width:1023px){
	
	#product-page-main-content-inner,
	#product-left-content-wrapper .breadcrumb-container .inner{
		padding: 0;
	}
	
	#product-left-content-wrapper{
		padding-right: 5%;
	}
	
}

@media screen and (max-width:850px){
	
	.sidebar-wrapper-blue-green-bg .sidebar{
		padding: 0 25px;
	}
	
}

@media screen and (max-width:767px){
	
	#product-page-content-wrapper{
		flex-direction: column;
	}
	#product-left-content-wrapper h2{
		margin-bottom: 30px;
	}
	#product-left-content-wrapper h3,
	#product-left-content-wrapper h4{
		font-size: 2.3rem;
	}
	
	#product-right-content-wrapper{
		padding: 70px 0;
	}
	#product-right-content-wrapper.sidebar-wrapper-blue-green-bg .sidebar .quote-button{
		width: auto;
		padding: 8px 30px;
	}
	
}



/***** REPEATABLE CONTENT BLOCKS SECTION *****/

.page-template-template-product #repeatable-blocks-section-wrapper{
	margin-bottom: 100px;
}

@media screen and (max-width:767px){
	.page-template-template-product #repeatable-blocks-section-wrapper{
		margin-bottom: 0;
	}
}



/***** RELATED PRODUCTS SECTION *****/

#related-products-section-wrapper{
	padding: 100px 0 50px;
}

#related-products-section-wrapper h2{
	margin-bottom: 40px;
	color: #1a9199;
}

#related-products-section-wrapper .product-teaser{
	margin-bottom: 40px;
}

#related-products-section-wrapper .product-teaser-image-wrapper{
    display: table;
	margin: 0 auto 15px;
}

#related-products-section-wrapper .product-teaser img{
	max-width: 250px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
}

#related-products-section-wrapper .product-teaser-heading{
	margin-bottom: 10px;
}
#related-products-section-wrapper .product-teaser-heading-link{
	font-size: 2.2rem;
    font-weight: 600;
    color: #1a9199;
}

#related-products-section-wrapper .product-teaser-text{
	margin-bottom: 30px;
}

#related-products-section-wrapper .standard-button{
	float: none;
    display: table;
    margin: auto;
}

@media screen and (min-width: 600px){
	#related-products-section-wrapper .product-teaser:nth-of-type(2n + 1){
		clear: left;
	}
}

@media screen and (min-width: 768px){
	#related-products-section-wrapper .product-teaser:nth-of-type(2n + 1){
		clear: none;
	}
}







/***********************************************************************************
                                NEWS/BLOG PAGES
************************************************************************************/

#news-index-left-content-wrapper .breadcrumb-container .grid .unit {
    padding: 10px 0px 50px;
}

/***** TEASERS *****/

.news-item{
	padding: 0;
	margin-bottom: 50px;
}

.news-item .news-item-text-wrapper{
	padding: 0 30px 20px 0 !important;
}
.news-item-text-wrapper h3{
	margin-bottom: 15px;
	line-height: 105%;
}
.news-item-text-wrapper h3 a{
	color: #1a9199;
    font-size: 3.2rem;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.desktop-device .news-item-text-wrapper h3 a:hover{
	color: #496d88;
}
.news-item-text-wrapper p{
	margin-bottom: 25px;
}
.news-item-text-wrapper .standard-button{
	
}

.news-item .news-item-image-wrapper{
	
}
.news-item-image-wrapper img{
	padding-top: 10px;
}

#news-index-left-content-wrapper {
    padding-right: 10%;
}
#news-index-page-content-wrapper{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media screen and (max-width: 1023px){
	
	#news-index-page-main-content-inner, 
	#news-index-left-content-wrapper .breadcrumb-container .inner {
    	padding: 0;
	}
	
	#news-index-left-content-wrapper {
    	padding-right: 30px;
	}
	
}

@media screen and (max-width: 767px){
	#news-index-page-content-wrapper {
		flex-direction: column;
	}
	.news-item .news-item-text-wrapper{
		width: 50%;
	}
	.news-item .news-item-image-wrapper{
		width: 50%;
	}
	.news-item .news-item-image-wrapper img{
		width: 100%;
		padding-top: 0;
	}
}

@media screen and (max-width: 500px){
	.news-item .news-item-text-wrapper{
		width: 100%;
	}
	.news-item .news-item-image-wrapper{
		width: 100%;
	}
	.news-item .news-item-image-wrapper img{
		max-width: 300px;
	}
}



/***** PAGINATION *****/

.pagination-container{
	text-align: left;
}
.pagination-container span, 
.pagination-container a{
	font-size: 1.5em;
	font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.pagination-container a{
	color: #1a9199;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.pagination-container a:hover, .pagination-container span {
    color: #000;
}
.pagination-container .prev,
.pagination-container .next{
	
}



/***** SIDEBAR *****/

#news-index-right-content-wrapper{
	padding-top: 105px;
}

#news-index-right-content-wrapper .sidebar{
	
}
#news-index-right-content-wrapper .sidebar > div{
	float: left;
    width: 100%;
	margin-bottom: 50px;
}
#news-index-right-content-wrapper .sidebar h3{
	text-transform: uppercase;
    font-size: 3rem;
    letter-spacing: 2px;
}
#news-index-right-content-wrapper .sidebar ul{
	
}
#news-index-right-content-wrapper .sidebar ul li{
	
}
#news-index-right-content-wrapper .sidebar a{
	color: #fff;
}
#news-index-right-content-wrapper .sidebar a:hover{
	
}







/***********************************************************************************
                             INDIVIDUAL BLOG PAGES
************************************************************************************/

#news-article-date{
	color: #1a9199;
    font-size: 1.5rem;
    font-weight: 400;
	letter-spacing: 1.5px;
    text-transform: uppercase;
}

.article-title{
	margin: 20px 0 30px;
	color: #496d88;
	font-weight: 500;
}

#blog-article-share-wrapper{
	display: flex;
	flex-direction: row;
    align-items: center;
}
#blog-article-share-text{
	text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-right: 20px;
}
#blog-article-share-icons-wrapper{
	
}
#blog-article-share-icons-wrapper .social-link{
	margin: 5px 0 5px 10px;
	background-color: #1a9199;
}
#blog-article-share-icons-wrapper .social-link i{
	color: #fff;
}
#blog-article-share-icons-wrapper .social-link:hover{
	background-color: #496d88;
}

@media screen and (max-width:767px){
	
	.article-title{
		font-size: 4em;
	}
	
}

@media screen and (max-width:479px){
	
	.article-title{
		font-size: 3em;
	}
	
	#blog-article-share-wrapper{
		flex-direction: column;
		align-items: normal;
	}
	#blog-article-share-text{
		margin-bottom: 10px;
	}
	#blog-article-share-icons-wrapper{
		clear: left;
    	width: 100%;
	}
	#blog-article-share-icons-wrapper .social-link{
		margin: 5px 10px 5px 0;
	}
	
}







/***********************************************************************************
                                  OTHER PAGES
************************************************************************************/

/***** PLAIN TEXT *****/

.page-template-default main figure table tr th,
.page-template-default main figure table tr td{
	width: 50%;
}
.page-template-default main  ul li{
	width: 100%;
}



/***** GET A QUOTE *****/

.page-template-default main form{
	
}
.page-template-default main form label{
	color: #496d88;
    font-size: 1.7rem;
    font-weight: 400;
}
.page-template-default main form div.row{
	margin: 10px 0 20px;
}
.page-template-default main form input[type=text],
.page-template-default main form input[type=text],
.page-template-default main form textarea{
	
}
.page-template-default main form input[type=submit],
.page-template-default main form button[type=submit]{
	background-color: #1a9199;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 40px;
    border: 3px solid #1a9199;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.page-template-default main form input[type=submit]:hover,
.page-template-default main form button[type=submit]:hover{
	color: #1a9199 !important;
	background-color:#fff;
}
.page-template-default main form .wpcf7-not-valid-tip{
	
}
.page-template-default main form .wpcf7-response-output{
	color: #496d88;
}
.page-template-default main form .form-notice{
	color: #496d88;
    clear: left;
}
.page-template-default main form .form-required{
	
}
.page-template-default main form .form-sensitive-data{
	font-size: 1.5rem
}