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

.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; }

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

  /*** 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}
  .showcase-header .tick{display:none !important;}
  .showcase h3{text-align: center;}
  .showcase .showcase-header{height:auto !important; margin-top:40px;}
}

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

}


.gform_button {
  color:#fff;   border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
  background:#3E3833; text-transform: uppercase; border:none; font-family: 'Oswald', sans-serif;
}
.gform_button:hover,
.gform_button:focus,
.gform_button:active,
.gform_button.active {
background:#93C23D; 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: 350px;
    border: none;
    margin: 0px 0;}

.bannerwrap{height:250px; width:100%; display:block; clear:both; background-size:cover; background-position: center;}
.bannerwrap .title-wrap{margin-top:5%; 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:#2D2934; border-top:1px solid #222; padding:15px 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:100%; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;  height:245px; display: block; clear:both; border:10px solid #93C23D;}
.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%;}
/* --- 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 ul li{ font-weight: 400; font-family: Arial, sans-serif;}
.content .main p a{color: #93C23D; font-weight: 600;}
/* --- ASIDE --- */

.aside .panel {

}

.aside .panel-heading {

}

.aside .panel-body {

}

/* --- FOOTER --- */

.footer {
  font-size: 12px;
  color: #fff;
  padding:15px 0px;
  background-color:#5591CB
}
.footer h3{color:#17223C;}
.footer h6{line-height: 1.4;}
.footer ul li h6{margin:0px;}
.footer hr{margin-top:5px;}
/* =========== STYLES - Media Query =========== */

/* 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; }
  .navbar a { text-decoration: none; transition: all 0.2s ease; }

  /* First Level */
  .navbar-nav>li { border-right: 1px #fff solid; }
  .navbar-nav>li>a  { padding: 10px 18px; font-size: 16px; 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: #17223C; 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:60px;}
  .quickcontact { text-align: right; }

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

.ocps-badge{background-image:url('assets/images/ocps-badge.png'); background-repeat: no-repeat; width:165px; height:270px; display: block; background-size:100%; float: right; margin-top:-10px;    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-color:rgba(85,145,203,0.75); padding:15px 0px 55px 0px;}
.testimonials 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;}
.testimonials h5{color:#fff; line-height: 1.4;}
.testimonials .carousel-indicators{bottom:-40px;}

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


.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; padding:10px 25px; display:block !important; width:115px; text-align: center; position: relative;
    bottom: -15px;}

    .quote .gform_wrapper .datepicker{width:80% !important; border:none !important; height:34px; padding:5px;}

.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 14px !important; font-size: 14px !important; text-transform: uppercase; }
.slider-img{min-height:350px !important;}
.showcase h3{font-size:18px;}
.showcase h2{font-size:24px;}

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

.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;}