/*
Theme Name: Indian Ocean Homes
Theme URI: #
Author: Adzoo Team
Author URI: adzoo.com.au
Description: Full Responsive Theme
Version: 2.0
License: GNU General Public License
License URI: license.txt
Tags: blue, light, white, black, gray, one-column, two-columns, custom-header
*/

header nav ul li a{
padding: 22px 12px !important;
}

.content-column.one_fourth {
  text-align: center;
}

.content-column.one_fourth img {
  max-width: 90%;
  height: auto;
}

.content-column.one_fourth a { color: #545456; }

footer{
height:auto !important;
}

.page-id-794 .one_fifth {
    width: calc(25% - 20px);
    margin: 0 20px 0 0;
}
@font-face {
  font-family: 'AvenirNext-Regular';
  src: url('assets/fonts/AvenirNext/AvenirNext-Regular.eot');
  src: url('assets/fonts/AvenirNext/AvenirNext-Regular.eot') format('embedded-opentype'),
       url('assets/fonts/AvenirNext/AvenirNext-Regular.woff') format('woff'),
       url('assets/fonts/AvenirNext/AvenirNext-Regular.ttf') format('truetype'),
       url('assets/fonts/AvenirNext/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextMedium';
  src: url('assets/fonts/AvenirNext/AvenirNextMedium.eot');
  src: url('assets/fonts/AvenirNext/AvenirNextMedium.eot') format('embedded-opentype'),
       url('assets/fonts/AvenirNext/AvenirNextMedium.woff2') format('woff2'),
       url('assets/fonts/AvenirNext/AvenirNextMedium.woff') format('woff'),
       url('assets/fonts/AvenirNext/AvenirNextMedium.ttf') format('truetype'),
       url('assets/fonts/AvenirNext/AvenirNextMedium.svg#AvenirNextMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextBold';
  src: url('assets/fonts/AvenirNext/AvenirNextBold.eot');
  src: url('assets/fonts/AvenirNext/AvenirNextBold.eot') format('embedded-opentype'),
       url('assets/fonts/AvenirNext/AvenirNextBold.woff2') format('woff2'),
       url('assets/fonts/AvenirNext/AvenirNextBold.woff') format('woff'),
       url('assets/fonts/AvenirNext/AvenirNextBold.ttf') format('truetype'),
       url('assets/fonts/AvenirNext/AvenirNextBold.svg#AvenirNextBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextDemiBold';
  src: url('assets/fonts/AvenirNext/AvenirNextDemiBold.eot');
  src: url('assets/fonts/AvenirNext/AvenirNextDemiBold.eot') format('embedded-opentype'),
       url('assets/fonts/AvenirNext/AvenirNextDemiBold.woff2') format('woff2'),
       url('assets/fonts/AvenirNext/AvenirNextDemiBold.woff') format('woff'),
       url('assets/fonts/AvenirNext/AvenirNextDemiBold.ttf') format('truetype'),
       url('assets/fonts/AvenirNext/AvenirNextDemiBold.svg#AvenirNextDemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
   font-family: 'OptimusPrincepsSemiBold';
   src: url('assets/fonts/Optimusprinceps/OptimusPrincepsSemiBold.eot');
   src: url('assets/fonts/Optimusprinceps/OptimusPrincepsSemiBold.eot') format('embedded-opentype'),
        url('assets/fonts/Optimusprinceps/OptimusPrincepsSemiBold.woff2') format('woff2'),
        url('assets/fonts/Optimusprinceps/OptimusPrincepsSemiBold.woff') format('woff'),
        url('assets/fonts/Optimusprinceps/OptimusPrincepsSemiBold.ttf') format('truetype'),
        url('assets/fonts/Optimusprinceps/OptimusPrincepsSemiBold.svg#OptimusPrincepsSemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}html { margin:0; padding:0; }
body { margin:0; padding:0; font-family:'AvenirNext-Regular', Arial, sans-serif; font-size:14px; color:#545456; 
       -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
img { border:none; }
a { text-decoration:none; }
h1, h2, h3, h4, h5 { margin:0; padding:0; }
header, footer, section, nav, article { display:block; }
header { width:100%; height:126px; position:relative; }
header .left-section { width:27.34375%; height:100%; float:left; background-color:#012c58; }
header .right-section { width:72.65625%; height:100%; float:right; background:rgb(1, 44, 88); background:rgba(1, 44, 88, 0.8); }
header .header-content { position:absolute; width:100%; top:25px; left:0; }
header .logo { float:left; background-color:#012c58; }
header .logo img { max-height:75px; }
header nav { float:right; padding-top:30px; padding-right:15px; }
header nav .mobile-menu-button {  -webkit-border-radius:3px; 
                                  -moz-border-radius:3px; border-radius:3px;
                                  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2); display: none; background:rgb(1, 44,88);
                                  background:rgba(1, 44, 88, .83); outline: none; padding: 5px; position: relative;
                                  vertical-align: bottom; width: 35px; margin-top:-12px; float:right; z-index:100; }

header nav .mobile-menu-button span { background: #fff; display: block; height: 3px; margin: 3px 1px;
                                        position: relative; -moz-transition: background .2s;
                                        -o-transition: background .2s; -webkit-transition: background .2s; 
                                        transition: background .2s; }
header nav ul { margin:0; padding:0; list-style:none; float:left; }
header nav ul li { display:inline; padding:0; margin:0; }
header nav ul li a { color:#fff; padding:22px 18px; font-size:14.73px; text-transform:uppercase; }
header nav ul.social-icons li a { padding-left:12px; padding-right:12px; }
header nav ul.social-icons li:last-child a { padding-right:0; }
header nav ul li.current-menu-item a { background:url('assets/images/menu-selected.gif') top center no-repeat; }
#content { padding:0; }
.container { width:1170px; margin:0 auto; }
#content article.entry { padding:56px 0; }
#content article.entry h1 { font-family:'OptimusPrincepsSemiBold', Arial, sans-serif; font-size:28.98px; color:#0099a8; letter-spacing:10px; margin-bottom:8px; }
#content article.entry h3 { font-family:'OptimusPrincepsSemiBold', Arial, sans-serif; font-size:21px; letter-spacing:8px; }
#content .contact-section { background-color:#e4f5f6; padding:60px 0; }
#content .contact-section-description { width:65%; float:left; }
#content .contact-section-description h3 { text-transform:uppercase; font-family:'AvenirNextBold', Arial, sans-serif; letter-spacing:10px; font-size:21px; margin-bottom:35px; }
#content .contact-section-description h3 span { font-family:'AvenirNext-Regular', Arial, sans-serif; }
#content .contact-section-description img { width:34.905660377%; display:block; float:left; }
#content .contact-section-description p { display:block; float:right; width:62%; margin-top:0; }
#content .contact-section-form { width:32.8125%; float:right; }
#content .contact-section-form input, #content .contact-section-form textarea { width:90%; background:#cdd5d9; border:none; font-size:14px; padding:15px 5%; color:#545456; }
#content .contact-section-form input[type="submit"] { padding:15px 0; width:100%; background:#0099a8; color:#fff; text-transform:uppercase; font-size:18px; 
                                                       font-family:'AvenirNextBold', Arial, sans-serif; letter-spacing:10px; }
#content .contact-section-form .gform_wrapper .top_label .gfield_label { display:none; }
#content .contact-section-form .gform_wrapper ul li.gfield { margin-bottom:12px; }
#content .contact-section-form .gform_wrapper .gform_footer { margin-top:0; padding-top:0; }
#content .suppliers { padding:56px 0; }
#content .suppliers ul { margin:0; padding:0; list-style:none; text-align:center; }
#content .suppliers ul li { display:inline; margin:0 10px; padding:0; }
#content .suppliers ul li img { max-height:65px; }
footer { background:url('assets/images/footer-background.jpg') no-repeat; height:134px; background-size:cover; padding:56px 0; }
footer .footer-content { float:left; }
footer .footer-logo { float:right; }
footer ul.social-icons { margin:0 0 10px 0; padding:0; list-style:none; }
footer ul.social-icons li { display:inline; margin:0; padding:0; }
footer ul.social-icons li a { padding-left:10px; padding-right:10px; }
footer ul.social-icons li:first-child a { padding-left:0; }
footer ul.contact { margin:0; padding:0; list-style:none; }
footer ul.contact li { margin:0; padding:0; display:block; color:#fff; text-transform:uppercase; }
footer ul.contact li span { color:#9de2ec; font-family:'AvenirNextBold', Arial, sans-serif; margin-right:5px; }
footer ul.contact li a { color:#fff; }
footer ul.footer-links { margin:5px 0; padding:0; list-style:none; }
footer ul.footer-links li { color:#ecebea; margin:0; padding:0; display:inline; text-transform:uppercase; }
footer ul.footer-links li::after { content:"|"; font-size:10px; top:-2px; position:relative; margin:0 15px; }
footer ul.footer-links li:last-child::after { content:""; margin-right:0; }
footer ul.footer-links li a { color:#ecebea; }
footer a.adzoo { color:#ecebea; }
.clear { clear:both; }

/*** WC CSS  ***/
.social-header a {
    padding:0 !important;
    margin:0 4px;
    
}
.social-header a i {
    background-color:#fff;
    padding:10px;
    font-size:1.5em;
    border-radius:50%;
    /*width:21px;
    height:42px;*/
    text-align:center;
}
.social-header a i.fa-facebook-square {
    color:#3b5998;
}
.social-header a i.fa-instagram {
    color:#e95950;
}
.social-header a i.fa-youtube-play {
    color:#FF0000;
}

@media screen and (max-width:1300px) {
    header .right-section {
        width:75%;
    }
    header .left-section {
        width:25%;
    }
}

@media screen and (max-width:1200px) {
    header .right-section {
        width:80%;
    }
    header .left-section {
        width:20%;
    }
    .social-header a {
        margin:0;   
    }
    .social-header a i {
        font-size:1.2em;   
     
    }
}
@media screen and (max-width:1024px) {
    .social-header a i {
     font-size:1em;   
    }
}

@media screen and (max-width:991px) {
    .social-header a {
        padding:22px 12px !important;
    }
}

@media only screen and (min-width : 1500px) {
  header .left-section { width:30%; }
  header .right-section { width:70%; }	
  header .header-content { top:0; }
  header .logo { padding:25px 25px 0 0; height:101px; background:#012c58; }
  header nav { padding-top:55px; }
}

@media only screen and (max-width : 1300px) {
  #content .suppliers ul li img { max-height:55px; }
}

@media only screen and (max-width : 1120px) {
  #content .suppliers ul li img { max-height:45px; }
}

@media only screen and (max-width : 980px) {
  .container { width:97%; }
}

@media only screen and (max-width : 920px) {
  header nav ul.social-icons { display:none; }
}

@media only screen and (max-width : 870px) {
  footer .footer-content { width:82%; }
  footer .footer-logo { width:18%; }
  footer .footer-logo img { width:100%; height:auto; }
}

@media only screen and (max-width : 991px) {
  header nav ul.menu { display:none; position:absolute; top:102px; left:0; width:100%; z-index:99999; }
  header nav ul.menu li { display:block; padding:0; }
  header nav ul.menu li a { display:block; width:96%; padding:10px 2%; background:#012c58; border-bottom:1px solid #fff; }
  header nav ul.menu li:last-child { border-bottom:none; }
  header nav .mobile-menu-button { display:block; }
}

@media only screen and (max-width : 640px) {
  #content .contact-section-description, #content .contact-section-form { width:100%; float:none; }
}

@media only screen and (max-width : 545px) {
  header .header-content { top:0; }
  header .logo { padding:25px 25px 0 0; height:101px; background:#012c58; }
  header nav { padding-top:55px; }
  header nav ul.menu { top:127px; }
}
@media only screen and (min-width:992px) {
     header nav ul.menu { display:block; }
    
}

@media screen and (max-width:1200px) {
    .container { width:100%; margin:0 auto; padding:0 15px; }
    
}/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(assets/plugins/boxslider/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(assets/plugins/boxslider/images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(assets/plugins/boxslider/images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(assets/plugins/boxslider/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(assets/plugins/boxslider/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
#content .sliders ul { margin:0; padding:0; list-style:none; }
#content .sliders ul li { padding:0; margin:0; }
#content .sliders ul li img { width:100%; height:auto; }
.bx-wrapper { margin-bottom:0; }
.bx-wrapper .bx-viewport { -moz-box-shadow:0; -webkit-box-shadow:0; box-shadow:0; border:0; left:0; background:none; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:5%; }
.bx-wrapper .bx-pager.bx-default-pager a { background:#fff; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background:#011f84; }
.bx-wrapper .bx-controls-direction a { width:46px; height:50px; margin-top:-23px; }
.bx-wrapper .bx-next { background:url('assets/images/arrow-right.png'); right:40px; }
.bx-wrapper .bx-prev { background:url('assets/images/arrow-left.png'); left:40px; }
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover { background-position:0px 0px; }
#content .home-content { padding:60px 0; text-align:center; }
#content .home-content h1 { font-family:'OptimusPrincepsSemiBold', Arial, sans-serif; font-size:28.98px; color:#0099a8; letter-spacing:10px; margin-bottom:10px; }
#content .home-content h3 { font-family:'OptimusPrincepsSemiBold', Arial, sans-serif; font-size:21px; letter-spacing:8px; }
#content .youtube-container { width: 100%; background: #d0d5d9; padding: 60px 0; }
#content .youtube-container:after { content: ''; display: table; clear:both; }
#content .youtube-container .youtube-video { width: 48%; float: left; }
#content .youtube-container .youtube-video iframe { width: 100% !important; height: 260px !important; }
#content .youtube-container .youtube-content { width: 48%; float: right; }
#content .youtube-container .youtube-content h3 { font-family:'AvenirNext-Regular', Arial, sans-serif; text-transform:uppercase; letter-spacing:10px; font-size:21px; margin-bottom:35px; }
#content .youtube-container .youtube-content h3 strong { font-family:'AvenirNextBold', Arial, sans-serif; }

@media (max-width : 768px) {
    #content .youtube-container .youtube-video { margin-bottom: 40px; }
    #content .youtube-container .youtube-video,
    #content .youtube-container .youtube-content { float: none; width: 100%; }
}