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