/*
Theme Name: OCPS
Author: True Blue Websites
Version: 1.0.0
Author URI: http://truebluewebsites.com.au
Description: This theme is developed by Trueblue websites.
*/


/* =========== TOOLS =========== */

/* --- OVERRIDING GUTTERS --- */

.container {
padding-right: !important;
padding-left: !important;footerwrap
}

.row {
margin-right: !important;
margin-left: !important;
}

.row .col-xs-1, .row .col-sm-1, .row .col-md-1, .row .col-lg-1,
.row .col-xs-2, .row .col-sm-2, .row .col-md-2, .row .col-lg-2,
.row .col-xs-3, .row .col-sm-3, .row .col-md-3, .row .col-lg-3,
.row .col-xs-4, .row .col-sm-4, .row .col-md-4, .row .col-lg-4,
.row .col-xs-5, .row .col-sm-5, .row .col-md-5, .row .col-lg-5,
.row .col-xs-6, .row .col-sm-6, .row .col-md-6, .row .col-lg-6,
.row .col-xs-7, .row .col-sm-7, .row .col-md-7, .row .col-lg-7,
.row .col-xs-8, .row .col-sm-8, .row .col-md-8, .row .col-lg-8,
.row .col-xs-9, .row .col-sm-9, .row .col-md-9, .row .col-lg-9,
.row .col-xs-10, .row .col-sm-10, .row .col-md-10, .row .col-lg-10,
.row .col-xs-11, .row .col-sm-11, .row .col-md-11, .row .col-lg-11,
.row .col-xs-12, .row .col-sm-12, .row .col-md-12, .row .col-lg-12 {
padding-right: !important;
padding-left: !important;
}

/* --- IMAGES (RESPONSIVE) --- */

.main img { display:block;max-width:100%;height:auto; }
.main img.alignleft { float:left;margin: 0 20px 10px 0 ; }
.main img.alignright { float:right;margin: 0 0 10px 20px ; }
.main img.aligncentre { margin: 0 auto; }
.main h3 span{color:#18213C !important; text-transform: uppercase; font-size:16px;}
.main table.table td{padding:15px 0px;}
.main table.table td ul li{font-family: Arial, Sans-serif;}
/* --- VIDEO (RESPONSIVE) --- */

.videowrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 15px;
}

.videowrap iframe,
.videowrap object,
.videowrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --- MAP (RESPONSIVE) --- */

.mapwrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 15px;
}

.mapwrap iframe,
.mapwrap object,
.mapwrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --- SOCAL (RESPONSIVE) --- */

.socialwrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.socialwrap iframe,
.socialwrap object,
.socialwrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --- GALLERY (RESPONSIVE) ---*/

.gallery {
  margin-right: -10px !important;
  margin-left: -10px !important;
}

.gallery .gallery-item {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-7 .gallery-item {
  width: 14.2857142857%;
}

.gallery-columns-6 .gallery-item {
  width: 16.6666666667%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-3 .gallery-item {
  width: 33.3333333333%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery .gallery-item img {
  display: block;
  height: auto;
  max-width: 100%;
  border: 5px #efefef solid;
}

@media (max-width: 768px) {

  .gallery .gallery-item {
  width: 50%; /* Determines how many to show in a row */
  }
.testimonials .quote{margin-top:60px !important;}
  /*** Slider images ---*/
  .slider-img{width:100%; min-height:380px; display:block; background-position: center; background-repeat:no-repeat; background-size:cover;}
  .slider-content{padding-top:10%; text-shadow:3px 3px 5px rgba(0,0,0,0.75); -webkit-text-shadow:3px 3px 5px rgba(0,0,0,0.75); -moz-text-shadow:3px 3px 5px rgba(0,0,0,0.75); text-transform: uppercase;}
  .slider-content h1{ color:#fff; }
  .slider-content h2{ color:#93C23D;}

  .welcome-text{margin-top:0px !important;; position: relative; z-index:9; height:auto !important;}
  #slider .carousel-indicators{bottom:auto !important; top:52%;}
  h1{ font-size: 24px}
  h2{ font-size: 22px}
  h3{ font-size: 20px}
  h4{ font-size: 18px}
  h5{ font-size: 16px}
  h6{ font-size: 14px}
}

/* --- SOCIAL ICONS - BUTTONS --- */

.list-social {
  margin-left: 0;
}

.list-social li {
  padding: 0;
}
.list-social li a{ color:#fff; font-size:28px; padding-right:5px; transition: all 0.2s;}
.list-social li a:hover{color:#93C23D;}
.btn-social {
  padding: 0;
  margin: 0;
  display: block;
  border: none;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.45);
  border-radius: 100% !important;
}

.btn-social:hover,
.btn-social:focus,
.btn-social:active,
.btn-social.active {
  color: #fff;
  -moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5);
  box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5);
}

.btn-facebook {
  background: #3b5998;
}

.btn-twitter {
  background: #2CAAE2;
}

.btn-google-plus {
  background: #DC4B31;
}

.btn-linkedin {
  background: #00659B;
}

.btn-youtube {
  background: #ED2400;
}

.btn-pinterest {
  background: #CE2021;
}

.btn-instagram {
  background: #6B5245;
}

/* --- WIDGETS - IMAGE --- */

.widget_simpleimage .panel-heading { display: none; }
.widget_simpleimage .panel-body { padding: 0 !important; }
.widget_simpleimage p {margin: 0;}
.widget_simpleimage img { display:block;max-width:100%;height:auto; }


/* =========== STYLES - Global =========== */

/* --- PAGE --- */

body {
font-size: 14px;
font-family: 'Oswald', sans-serif;
color: #17223C;
}

/* --- LINKS --- */

a {
color:#17223C;
}

a:hover,
a:focus {
color: #93C23D
}

/* --- BUTTONS --- */

.btn {
transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
}

.btn-xs {

}

.btn-sm {

}

#input_2_7{

	position: absolute;
	height: 35px;	
	width: 39.5%;

}
.gform_button {
  color:#fff;   border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
  background:#93C23D; text-transform: uppercase; border:none; font-family: 'Oswald', sans-serif;
}
.gform_button:hover,
.gform_button:focus,
.gform_button:active,
.gform_button.active {
background:#3E3833; text-transform: uppercase;
}

.btn-default {
  color:#fff;   border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
  background:#3E3833; text-transform: uppercase; border:none;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
background:#93C23D; text-transform: uppercase;
}




.btn-primary{
  border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
  background: #93C23D;
  color:#fff;
  text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none;
  border:none;
}

.btn-primary:hover{
  background: #17223C;
  color:#93C23D;
}

.btn-action {
  background: red;
  color: white;
}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active {
  background: white;
  color: red;
}

/* --- HEADINGS --- */

h1,
h2,
h3,
h4,
h5,
h6 {

}

h1 {
  margin-top:0;
}


h1{ font-size: 48px}
h2{ font-size: 36px}
h3{ font-size: 24px}
h4{ font-size: 20px}
h5{ font-size: 18px}
h6{ font-size: 16px}
/* --- LEAD --- */

.lead {

}

/* --- WELL --- */

.well {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* --- PANEL --- */

.panel, .panel-group .panel {
  box-shadow: none; -webkit-box-shadow: none; - moz-box-shadow: none;
   border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;
}

.panel .panel-heading {
 border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;
}

/* --- FORMS --- */

.form-group {
  margin-bottom: 10px;
}

.form-group .form-control {

}

.form-group .form-control:focus {
  border-color: ;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-group textarea.form-control {
  height: 100px;
}

/* --- WELL - TESTIMONIALS --- */

.list-testimonial li {
  margin-bottom: 20px;
}

.well-testimonial .fa {
  display: block;
  text-align: right;
  font-size: 60px;
}

.well-testimonial .review {
  font-style: italic;
  display: block;
  margin-bottom: 15px;
}

.well-testimonial .author {
  font-weight: bold;
}

/* --- LIST - TICKS --- */

.list-ticks li {

}

.list-ticks li i {

}


/* =========== STYLES - Sections =========== */

/* --- HEADER --- */

.logo {
  margin: 20px 0;
}

.tick{
  background-image:url('assets/images/opcs-tick.png');
  background-size:100%;
  background-repeat: no-repeat;
  background-position: center center;
  width:100%;
  max-width: 374px;
  height:105px;
  max-height:105px;
  display: inline-block;
}


.quickcontact {
  margin-top: 40px;
}

.quickcontact .tick{
  background-image:url('assets/images/opcs-tick.png');
  background-size:100%;
  background-repeat: no-repeat;
  background-position: center center;
  width:90px;
  max-width:90px;
  height:30px;
  max-height:30px;
  margin-left:10px;
  display: block;
}

/* --- BANNER --- */

.banner {
  margin-bottom:0px;
  clear: both;
}

/*** Contact Page ***/
.acf-map{ width: 100%;
    height: 450px;
    border: none;
    margin: 0px 0;}

.bannerwrap{height:400px; width:100%; display:block; clear:both; background-size:cover; background-position: center;}
.bannerwrap .title-wrap{margin-top:22%; color:#fff; text-transform: uppercase; float:left; padding:5%; background-color:rgba(0,0,0,0.65);}
.bannerwrap .title-wrap h2{margin-top:0px;}
.bannerwrap .title-wrap .breadcrumbs, .bannerwrap .title-wrap .breadcrumbs a{color:#93C23D;}

/* --- SHOWCASE --- */

.showcase {background-color:#93C23D;  padding:45px 0px 45px 0px;}
.showcase .item{max-width:310px; margin:10px auto;}
.showcase .showcase-header{height:115px;display: inline-block; width:100%; clear:both;}
.showcase h2{color:#fff; text-transform: uppercase; text-align: center;}
.showcase h2:before{background-image:url('assets/images/opcs-tick.png'); width:100%; content:""; display:inline-block; max-width:140px;   background-size:100%; margin-right:25px; height:45px; background-repeat: no-repeat;background-position: center center;}
.showcase h3{color:#fff; text-align: right; line-height: 1.2;}
.showcase .showcase-image{background-size:cover; background-position: center center; width:300px; margin:auto; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;  height:300px; display: block; clear:both; border:10px solid #17223C; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.showcase .btn-primary{max-width:160px; width:100%; margin:-25px auto 0px auto; display:block; text-transform: uppercase; text-shadow:3px 3px 5px rgba(0,0,0,0.75); -webkit-text-shadow:3px 3px 5px rgba(0,0,0,0.75); -moz-text-shadow:3px 3px 5px rgba(0,0,0,0.75); }
.showcase .btn-default{margin-top:28px; width:100%;}
.showcase .btn-showcase{background-color: #6C89B9; max-width:240px;text-align: center; color: #fff; display:block; margin: -40px auto 0px auto;  min-height:66px; font-size:20px;}
.showcase .btn-showcase:hover{text-decoration: none;}
/* --- MAIN --- */

.content {
  margin-top:80px;
  margin-bottom: 80px;
}
.content .main p{text-align: justify; font-weight: 400; font-family: Arial, sans-serif; line-height: 1.6; margin-bottom: 15px;}
.content .main p a{color: #93C23D; font-weight: 600;}
/* --- ASIDE --- */

.aside .panel {

}

.aside .panel-heading {

}

.aside .panel-body {

}

/* --- FOOTER --- */
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{width:100% !important;}
.footer {
  font-size: 12px;
  color: #fff;
  padding:15px 0px;
  background-color:#6C89B9;
}
.footer h3{color:#17223C;}
.footer h6{line-height: 1.4;}
.footer ul li h6{margin:0px;}
.footer hr{margin-top:5px;}
.footer .img-responsive{display:block; margin:0px auto;}
.footer .list-inline li a{color:#fff !important; font-size:14px;}

/* =========== STYLES - Media Query =========== */
@media (max-width: 480px){
body .gform_wrapper.gf_browser_chrome select {
    width: 100% !important;
}
}
/* X SMALL - ONLY (Phone) */

@media (max-width: 767px) {
  /* --- NAVIGATION --- */
  .navbar {
  background: #93C23D;
  color: #F2F2F2;
  }
  .navbar a {
  color: #F2F2F2;
  }
  .navbar .navbar-toggle {
  border-color: #F2F2F2;
  background: #F2F2F2;
  }
  .navbar .navbar-toggle .icon-bar {
  background-color: #93C23D;
  }
  .navbar .navbar-toggle:focus {
  border-color: #cccccc;
  background: #cccccc;
  color: #F2F2F2;
  }
  .navbar .nav>li>a:hover,
  .navbar .nav>li>a:focus {
  text-decoration: none;
  background-color: #cccccc;
  color: #93C23D;
  }

  /* Second Level */
  .sub-menu {
    display: block;
  }
  .sub-menu li{padding:10px;}
  /* --- HEADER --- */
  .logo img { margin: 0 auto; }
  .btn-presstocall { padding: 10px 20px; font-size: 20px; margin-bottom: 20px; }

  /* --- CONTENT --- */
  .main { margin-bottom: 20px; }

  /* --- FOOTER --- */
  .footer { text-align: center; }

}

/* SMALL - UP (Tablet + Desktop + Large Desktop) */

@media (min-width: 768px) {

  /* --- NAVIGATION --- */

  /* Global */
  .navbar { min-height: 40px;border-radius: 0; z-index: 70; background-color:#2D2934; }
  .navbar a { text-decoration: none; transition: all 0.2s ease; }

  /* First Level */
  .navbar-nav>li { border:none; }
  .navbar-nav>li>a  { padding: 10px 10px; color:#fff; font-size: 14px; text-transform: uppercase;}
  .navbar-nav>li>a:hover, .navbar-nav>li:hover,  .navbar-nav>li:hover>a { background: #17223C; color: #93C23D; }
  .navbar-nav>li.active>a{background: transparent; color: #93C23D;}
  /* Second Level */
  .navbar-nav ul.sub-menu { display: none; position: absolute; top: 100%; left: 0; padding:0; margin: 0; list-style:none; box-shadow: 0px 2px 3px rgba(0,0,0,0.4); } /* No need to change anything */
  .navbar-nav ul.sub-menu li { position: relative; float: left; width:320px; background: #17223C; color: #93C23D; } /* Edit width, background and borders */
  .navbar-nav ul.sub-menu li a { display: block; padding: 12px 15px 10px 15px; background: transparent; color: #93C23D; font-size:14px; font-weight:400; text-transform:uppercase } /* Edit padding, background and color */
  .navbar-nav ul.sub-menu li a:hover { background:#93C23D; color: #fff; } /* Edit hover background and color */
  .navbar-nav li:hover > ul.sub-menu {display:block;} /* What makes it display */

  /* --- HEADER --- */
.navigationwrap{margin-top:35px;}
  .quickcontact { text-align: right; }
.header{    position: absolute;
    z-index: 99;
    background: transparent;
    top: 0px;
    width: 100%;}

.page-template-page-contact .header{position:relative; }
  /* --- FOOTER --- */
.site-copyright{text-transform: uppercase; color:#eee; font-weight: 300;}
  .site-credits { text-align: right; text-transform: uppercase; color:#eee;  font-weight: 300;}
  .site-credits a{text-decoration: none;}
/*** Slider images ---*/
.slider-img{width:100%; min-height:800px; display:block; background-position:bottom center; background-repeat:no-repeat; background-size:cover;}
.slider-content{margin-top:30%; text-shadow:3px 3px 5px rgba(0,0,0,0.75); -webkit-text-shadow:3px 3px 5px rgba(0,0,0,0.75); -moz-text-shadow:3px 3px 5px rgba(0,0,0,0.75); text-transform: uppercase; padding:30px; background:rgba(23,34,60,0.8);}
.slider-content h1{ color:#fff; }
.slider-content h2{ color:#93C23D;}
}

.ocps-badge{    background-image: url('assets/images/ocps-badge.png');
    background-repeat: no-repeat;
    width: 200px;
    height: 270px;
    display: block;
    background-size: 100%;
    float: right;
    top: -31px;
    position: absolute;
    z-index: 999;
    right: 0;}

#slider .carousel-indicators{bottom:170px;}
/* MEDIUM - UP (Desktop + Large Desktop) */

@media (min-width: 993px) {

}

/* SMALL - ONLY (Tablet) */

@media (min-width: 769px) and (max-width: 992px) {

}

/* MEDIUM - ONLY (Desktop) */

@media (min-width: 993px) and (max-width: 1200px) {

}




@media (min-width: 1200px) {

  .container { width: 1024px; }

}


.welcome-text{background-color:rgba(85,145,203,0.75); padding:20px 0px; margin-top:-165px; position: relative; z-index:9; height:165px;}
.welcome-text h2{color:#fff; text-transform: uppercase; text-shadow:3px 3px 5px rgba(0,0,0,0.75); -webkit-text-shadow:3px 3px 5px rgba(0,0,0,0.75); -moz-text-shadow:3px 3px 5px rgba(0,0,0,0.75); text-transform: uppercase;}
.welcome-text h2 span{color: #93C23D}
.welcome-text p{color:#fff; text-transform: uppercase;}


.testimonials{background-image:url('assets/images/page-bg.jpg'); background-position: center; background-size:cover; background-repeat: no-repeat;}
.testimonials .filter{background-color: rgba(23,34,60,0.6); padding:15px 0px 55px 0px; }
.testimonials h3{color:#fff; text-transform: uppercase; text-shadow:3px 3px 5px rgba(0,0,0,0.75); -webkit-text-shadow:3px 3px 5px rgba(0,0,0,0.75); -moz-text-shadow:3px 3px 5px rgba(0,0,0,0.75); text-transform: uppercase;}
.testimonials h5{color:#fff; line-height: 1.4;}
.testimonials .carousel-indicators{bottom:-40px;}

.certificate{background-color:#fff; padding:25px 0px 25px 0px;}
.certificate img{display: block; width:auto; margin:0px auto 15px auto; max-height:80px;}
.certificate img.long{margin-top:8px; width:auto; max-width:90%;}
hr{border-top:none; border-bottom:4px solid #93C23D;}

.testimonials .quote { padding:15px;}
.testimonials .quote .gform_wrapper .top_label li.gfield.gf_right_half input.large{width:100%;}
.testimonials .quote .gform_wrapper .top_label li.gfield.gf_right_half textarea{width:100%; margin-bottom: -160px; height:175px;}

.quote{background-color:rgba(85,145,203,0.75);}
.quote h3{color:#fff; text-align: center; text-transform: uppercase; margin:0px; padding:15px 10px; background-color:#17223C }
.quote .gform_wrapper{margin:10px; max-width:100%; font-family: Arial, sans-serif}
.quote .gform_wrapper .hidden_label input.large, .quote .gform_wrapper .hidden_label select.large, .quote .gform_wrapper .top_label input.large, .quote .gform_wrapper .top_label select.large{
  width:100%;
  height:34px;
  font-size:14px;
  border:none; padding:5px; outline:none !important;
}
.quote .gform_wrapper textarea.medium{ width:100%; border:none; padding:5px;
font-size:14px;}
.quote .gform_wrapper .top_label .gfield_label{display:none;}
.quote .gform_wrapper .gform_footer{padding:0px; margin:0px;}
.quote .gform_button{margin:0px auto -30px auto; float:right; padding:10px 25px; display:block !important; width:115px; text-align: center; position: relative;
    bottom:-5px;}
.aside .quote .gform_button{float:none !important;}
.quote .gform_wrapper .datepicker{width:80% !important; border:none !important; height:34px; padding:5px;}
.quote .wrap{background-color:#C8D4E8; padding:15px 15px 20px 15px;}
.quote .tick{width: 100px; height: 30px; margin-left: 30px;}
.panel-title a, .panel-title a:hover{width:100%; display: inline-block; text-transform: uppercase; text-decoration: none; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
  .showcase h3{font-size:22px;}
  .showcase h2{font-size:32px;}

    h1{ font-size: 24px}
    h2{ font-size: 22px}
    h3{ font-size: 20px}
    h4{ font-size: 18px}
    h5{ font-size: 16px}
    h6{ font-size: 14px}
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  .navbar-nav>li>a { padding: 10px 10px !important; font-size: 14px !important; text-transform: uppercase; }
.slider-img{min-height:350px !important;}
.quote .tick{display: none;}
.showcase .showcase-image{width:225px; height:225px;}
  h1{ font-size: 24px}
  h2{ font-size: 22px}
  h3{ font-size: 20px}
  h4{ font-size: 18px}
  h5{ font-size: 16px}
  h6{ font-size: 14px}
.footer h6{font-size:11px;}
.testimonials .quote{margin-top:0px;}
}

.confirmation{font-family: Arial, sans-serif; }
.confirmation h5{line-height: 1.6;}
.thank-you .alert-success{color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    max-width:480px;
    padding: 18px;
    text-align: center;
    margin: 60px 0;}

.footer .list-inline>li>a{color:#fff !important; font-size:16px;}