f/*
/*
Theme Name: OCPond
Theme URI: http://www.blissdrive.com/
Author: the Blissdrive team
Author URI: http://www.blissdrive.com/
Description: The ocpond theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: ocpond

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.
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

:focus{outline: none;}
*{box-sizing: border-box;}
body{line-height:1; background: #fff; font: normal 14px/22px 'arial', Arial; color: #333;}
body.ie7 .wrapper{ display: none;}
.chromeframe{ padding: 15px; font-size: 16px;}

h1, h2, h3, h4, h5, h6{ font: normal 26px/30px 'swiss-b', Arial; text-transform: uppercase; color: #cb8c0e; padding: 15px 0 5px 0; clear: both;}
h2{ font-size: 27px;}
h3{ font-size: 26px;}
h4{ font-size: 22px;}
h5{ font-size: 18px;}
h6{ font-size: 15px;}

p{ padding: 8px 0; text-align: justify;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}

ul{list-style-type: none;}
li{ padding: 2px 0;}

.alignright{ float: right; margin: 10px 0 5px 15px;}
.alignleft{ float: left; margin: 10px 15px 5px 0;}

blockquote, q{quotes:none;}
img{width: auto; max-width: 100%;}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration: none;
	color: #a28018;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

a:hover{ text-decoration: none; color: #a0bc3e;}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del{text-decoration: line-through;}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select{vertical-align:middle;}

.clear-fix{ clear: both;}

/* ==================  Font-Family - Source Sans Pro  =================== */

@font-face {
	font-family: 'swiss-r';
	src: url('fonts/Swiss721BT-RomanCondensed.eot?') format('eot'), 
	     url('fonts/Swiss721BT-RomanCondensed.woff') format('woff'), 
	     url('fonts/Swiss721BT-RomanCondensed.ttf')  format('truetype'),
	     url('fonts/Swiss721BT-RomanCondensed.svg') format('svg');
}

@font-face {
	font-family: 'swiss-b';
	src: url('fonts/Swiss721BT-BoldCondensed.eot?') format('eot'), 
	     url('fonts/Swiss721BT-BoldCondensed.woff') format('woff'), 
	     url('fonts/Swiss721BT-BoldCondensed.ttf')  format('truetype'),
	     url('fonts/Swiss721BT-BoldCondensed.svg') format('svg');
}

/* ==================  Icomoon font Icon  =================== */

@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon/icomoon.eot?2zbu1r');
    src:    url('fonts/icomoon/icomoon.eot?2zbu1r#iefix') format('embedded-opentype'),
        url('fonts/icomoon/icomoon.ttf?2zbu1r') format('truetype'),
        url('fonts/icomoon/icomoon.woff?2zbu1r') format('woff'),
        url('fonts/icomoon/icomoon.svg?2zbu1r#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-left16:before {
    content: "\e908";
}
.icon-twitter47:before {
    content: "\e905";
}
.icon-video193:before {
    content: "\e906";
}
.icon-keyboard_arrow_right:before {
    content: "\e315";
}
.icon-chevron-thin-right:before {
    content: "\e907";
}
.icon-phone:before {
    content: "\e904";
}
.icon-location:before {
    content: "\e903";
}
.icon-facebook2:before {
    content: "\e900";
}


.vc_row{ margin-left: 0 !important; margin-right: 0 !important;}
.vc_row.center-wrapper, .center-wrapper{ width: 100%; max-width: 1110px; margin: 0 auto !important; display: table;}
.vc_row.center-wrapper{ padding: 40px 0;}
.vc_col-sm-12 > .vc_column-inner:first-child{ padding: 0 !important;}

.white-text{ color: #e1e1e1;}

.entry-header{ display: none;}
.entry-header a{ color: #a28018;}
.entry-header a:hover{ color: #a0bc3e; text-decoration: none;}
.entry-content{ min-height: 450px; float: left; width: 100%;}
.post-single{ float: left; width: 100%; padding: 20px; min-height: 450px;}
.post-single .entry-content{ padding: 0; min-height: auto;}
footer.entry-meta{ display: none;}
.comments-link{ display: none;}


/* ==============================  Home Page - Index  ================================== */

body{background-image: url(images/body-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed;}
.wrapper-container{max-width: 1070px; width: 100%; margin: 0 auto; position:relative; z-index: 11; overflow: hidden; padding: 40px 15px 5px;}

.header-top{padding-bottom:40px; font-family: 'swiss-r'; background-image: url(images/topBar-bg.jpg); background-repeat: repeat;}
.header-top .wrapper-container{padding: 12px 0; background-color: transparent;}
.header-top span{color: rgba(255,255,255,0.4); font-size: 15px; float: left; margin-top: 2px;}
.right-info {
    float: right;
    text-align: left;
}
.header-top ul li i{margin-right: 3px; font-size: 16px;}
.header-top ul li a{color: rgba(255,255,255,0.4);}
.header-top ul{padding-left: 15px; float: right; line-height: normal;}
.header-top ul li{color: rgba(255,255,255,0.4); font-size: 15px; line-height: 27px; float: left; border-left: 1px solid rgba(255,255,255,0.4); padding: 0 18px;}
.header-top ul li:first-child{border: 0;}

.header-top .number{font-size: 26px; line-height: 23px;}
.header-top .number i{position: relative; top: -2px;}

.header-top ul li.social-m i {
    float: left;
    font-size: 23px;
}

.logo-main{float: left; padding: 18px 0;}
.logo-main a{color: #a0bc3e; text-transform: uppercase; font-size: 22px; float: left; line-height: 22px; padding-left: 45px; background-image: url(images/logo-icon.png); background-position: 0 center; background-repeat: no-repeat;}
.logo-main a:hover, .logo-main a:focus{text-decoration: none;}
.logo-main a em{color: #bbb; font-style: normal; font-family: 'swiss-r';}
.logo-main a b{font-weight: normal; color: #5b5b5b; display: block;}

.main-nav ul{float: right;}
.main-nav ul li{display: inline-block; padding:0; margin: 0 -1px;}
.main-nav ul li a{display: inline-block; text-transform: uppercase; padding: 30px 18px; font: 17px 'swiss-b'; color: #bf8a21;}
.main-nav ul li a:hover, .main-nav ul li.current-menu-item a{text-decoration: none; background-color: #b4cf54; color: #fff;}

.nav-over{margin-top: -40px; padding: 0 15px; background: #fff;}
.body-content-wrapper{ margin: 0 auto; overflow: auto; width: 100%; max-width: 1070px; background: #fff; position: relative; z-index: 9;}
.wrapper-container.slider-main{max-height: 455px; padding:0;}
.main-slider .wpb_content_element{ margin-bottom: 0 !important;}

.location-map{ float: left; margin-top: 10px;}
.location-map h2{color: #2e2e2e; text-align: center; padding: 10px 5px; font-size: 22px;}
.location-map .wpb_gmaps_widget{ border: 5px solid #ccc;}
.location-map .wpb_gmaps_widget .wpb_wrapper{ background: none; padding: 0;}
.location-map .wpb_gmaps_widget iframe{ width: 100% !important; height: 245px !important;}

.service-c{width: 66%; float: right; padding-top: 30px; padding-bottom: 40px; padding-left: 25px;}

.four-callouts{ padding: 10px 0 0;}
.four-callouts img{ border: 3px solid #9fc612;}
.four-callouts h4{ font-size: 21px;}

.red-grd{ font-family: 'swiss-b'; color: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f23b3b+0,d02929+100 */
background: #f23b3b; /* Old browsers */
background: -moz-linear-gradient(top,  #f23b3b 0%, #d02929 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f23b3b 0%,#d02929 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f23b3b 0%,#d02929 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f23b3b', endColorstr='#d02929',GradientType=0 ); /* IE6-9 */;}

.carousel-heading h2{ color: #fff !important; font-size: 34px !important;}
.vc_carousel-slideline-inner .vc_item, .vc_carousel-slideline-inner .vc_item.vc_active{ height: auto !important;}
.vc_carousel-slideline-inner img{ width: 100%; max-width: 100% !important; height: 230px !important; border: 6px solid #fe6c6c;}
.pp_gallery{ display: none !important;}
.vc_images_carousel .vc_carousel-control .icon-next, .vc_images_carousel .vc_carousel-control .icon-prev{ margin-top: -200px !important; font-size: 50px !important; color: #fff !important;}

.contact-detail{width: 100%; float: left; text-align: center;}
.contact-detail li{display: inline-block; padding-right: 15px; padding-top: 10px; padding-bottom: 10px;}
.contact-detail li a{padding: 13px 22px; font-size: 22px; border-radius: 4px; display: inline-block;}
.contact-detail li a:hover, .contact-detail li a:focus{ text-decoration: none;}
.contact-detail li a:hover{ color: #fff; background: #b4cf54;}
.contact-detail li{color: #e83535; font: 33px 'swiss-r';}
.contact-detail li i.icon-phone{color: #d2b877; font-size: 23px; margin-right: 5px;}
.phone-n{position: relative; top: 3px;}

.aside-green{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3e49c+0,c3d977+100 */
background: rgb(211,228,156); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(211,228,156,1) 0%, rgba(195,217,119,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(211,228,156,1) 0%,rgba(195,217,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(211,228,156,1) 0%,rgba(195,217,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e49c', endColorstr='#c3d977',GradientType=0 ); /* IE6-9 */
}

.form-subscribe .es_lablebox{ padding-bottom: 0;}
.form-subscribe input[type=text]{ border-radius: 3px; padding: 9px 10px; border: 0; width: 100%;}
.form-subscribe input[type=button]{
background: #f23b3b; /* Old browsers */
background: -moz-linear-gradient(top,  #f23b3b 0%, #d02929 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f23b3b 0%,#d02929 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f23b3b 0%,#d02929 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
width: 100%; border: 0; padding: 9px 10px; border-radius: 3px; cursor: pointer; color: #fff; font: normal 16px 'swiss-b';}
.form-subscribe input[type=button]:hover{ background: #90b40e;}
.form-subscribe .es_button{ padding-top: 5px;}

.aside-orange{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ead490+0,e5c586+100 */
background: rgb(234,212,144); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(234,212,144,1) 0%, rgba(229,197,134,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(234,212,144,1) 0%,rgba(229,197,134,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(234,212,144,1) 0%,rgba(229,197,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ead490', endColorstr='#e5c586',GradientType=0 ); /* IE6-9 */
}

aside{padding: 0 18px 20px; margin-top: 20px; border-radius: 3px; background-image: url(images/aside-bg.jpg); background-repeat: repeat;}
aside h6{color: #89aa16 !important; font-size: 18px; border-bottom: 1px dashed #959494; text-transform: capitalize; padding-bottom:0; margin-bottom: 10px;}
aside ul{padding-left: 20px;}
aside ul li{ color: #a28018; position: relative; padding: 0 0 0 15px; margin: 6px 0;}
aside ul li a{ color: #a28018;}
aside ul li a:hover{ color: #2d2c2c; text-decoration: none;}
aside ul li:before{ font-size: 14px; margin: 0 0 0 -5px; position: absolute; left: 0; top: 0; content: "\e907"; font-family: "icomoon";}
aside h3{font-size: 20px; text-transform: capitalize; color: #2d2c2c !important; text-align: left;}
aside p{font: 14px 'arial'; color: #333; line-height: 18px;}

.aside-green h3{color: #1f2608 !important;}
.aside-green p{color: #1f2608;}

.aside-orange h5{color: #312714;}

.testimonial{text-align: center;}
.testimonial p{position: relative; font-style: italic; color: #312714; text-align: left; padding: 20px 0;}
.testimonial p:before{position: absolute; top:4px; left:0; content: "\e908"; font-family: 'icomoon' !important; font-style: normal; color: #463f2b;}
.testimonial p:after{position: absolute; bottom:5px; right:0; content: "\e908"; font-family: 'icomoon' !important; font-style: normal; color: #463f2b; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);}
.testimonial b{font-family: 'swiss-b'; display: block; text-align: right;}

.testimonial div{border-bottom: 1px dashed #8b784b; padding-bottom: 18px; margin-bottom: 18px;}
.testimonial .no-bdr{border:0 !important;}
.testimonial a{font-size: 16px; border-radius: 2px; padding: 8px 18px; display: inline-block;}
.testimonial a:hover{ text-decoration: none;}

footer.site-footer{position: relative; margin-top: -40px; z-index:0; padding-top: 40px; padding-bottom: 10px; background-image: url(images/topBar-bg.jpg); background-repeat: repeat;}
footer.site-footer .wrapper-container{background-color: transparent; padding: 0 15px;}
.footer-menu{ margin-top: 25px; margin-bottom: 10px; text-align: center;}
.footer-menu li{ padding: 0 15px; display: inline-block;}
.footer-menu li a{display: inline-block; text-transform: uppercase; font: 15px 'swiss-r'; color: #aaaaaa;}
.footer-menu li a:hover, .footer-menu li a:focus{color: #9fc612; text-decoration:none; }

.copyright-c{font-family: 'swiss-r'; color: #aaaaaa; text-align: center; margin: 10px 0;}
.copyright-c li{font-size: 13px; display: inline-block; padding: 0 15px; border-left: 1px solid rgba(255,255,255,0.2); line-height: 18px;}
.copyright-c li:first-child{border:0;}
.copyright-c li em{color: #dddbdb; font-style: normal;}

/* Page styles */
.page-banner{ min-height: 165px; float: left; width: 100%; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.page-banner h1{ position: absolute; left: 5%; bottom: 0; font-size: 38px; color: #a0bc3e; text-transform: none; background: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 12px 10px 0;}
.page-banner h1:before{ border-bottom: 40px solid #fff; border-left: 20px solid transparent; content: ""; height: 0; left: -19px; position: absolute; top: 2px; width: 0;}
.page-banner h1:after{ border-bottom: 40px solid #fff; border-right: 20px solid transparent; content: ""; height: 0; right: -19px; position: absolute; top: 2px; width: 0;}
.only-title{ background: #b4cf54; padding: 3% 4%; float: left; width: 100%; font-size: 38px; color: #fff !important; text-transform: none;}
.wpb_image_grid li{ float: left; padding: 0 5px 0 0;}
.wpb_image_grid img{ border: 6px solid #e6c888;}

body.single-post .entry-content img{ max-width: 100%; height: auto;}

.wpcf7-form{ margin-bottom: 30px;}
.wpcf7-form label{ color: #777;}
.wpcf7-form input, .wpcf7-form textarea{ resize: none; border-radius: 3px; border: 1px solid #bbb; font: normal 14px Arial; color: #444; width: 100%; max-width: 320px; padding: 10px;}
.wpcf7-form textarea{ max-width: 550px; height: 180px;}
.wpcf7-form input[type=submit]{ font-family: 'swiss-b'; color: #fff; font-size: 16px; border: 0; max-width: 120px; cursor: pointer;
background: #f23b3b; /* Old browsers */
background: -moz-linear-gradient(top,  #f23b3b 0%, #d02929 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f23b3b 0%,#d02929 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f23b3b 0%,#d02929 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.wpcf7-form input[type=submit]:hover{ background: #b4cf54;}

.wufoo .info h2{  font: normal 26px/30px 'swiss-b', Arial;}
.embed form, .embed body{ background: none;}
.wufoo input[type=text], .wufoo input[type=email], .wufoo input[type=tel], .wufoo textarea{ background: #fff; resize: none; border-radius: 3px; border: 1px solid #bbb; font: normal 14px Arial !important; color: #444; width: 100%; max-width: 320px; padding: 10px;}
.wufoo label{ color: #000000 !important; font: normal 14px Arial !important; font-weight:700;}
.wufoo label.desc {font-weight:700;}
.wufoo span label{ font-size: 12px !important; color: #999 !important;}

.wufoo{ font-family: Arial !important;}
.wufoo input[type=submit]{ font-family: Arial; color: #fff; font-size: 16px; border: 0; width: 120px; height: 40px; cursor: pointer; border-radius: 4px;
background: #f23b3b; /* Old browsers */
background: -moz-linear-gradient(top,  #f23b3b 0%, #d02929 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f23b3b 0%,#d02929 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f23b3b 0%,#d02929 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.wufoo input[type=submit]:hover{ background: #b4cf54;}


/* ======================================================================
	<<<<<<<<<	Media Quieries For Responsive Layout   >>>>>>>>>>>>
======================================================================= */

@media screen and (max-width: 1039px){

}

@media screen and (max-width: 991px) and (min-width: 768px){

}

@media screen and (max-width: 767px){

}

@media screen and (max-width: 639px){

}

@media screen and (max-width: 479px){

}

/* Simon changes for the footer */
footer .wrapper-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-left {
    flex: 2; /* Takes up 2/3 of the space */
}

.footer-right {
    flex: 1; /* Takes up 1/3 of the space */
    text-align: right;
	color: white;
}

.footer-right .business-hours {
    list-style: none;
    padding: 0;
    margin: 0;
}