@charset "UTF-8";
/*
Theme Name: OnePoint Software Solutions Custom Template
Theme URI: http://onepointsolutions.com.au/
Author: OnePoint Software Solutions
Author URI: http://onepointsolutions.com.au/
Description: This is OnePoint Software Solutions' custom blank template for Wordpress. The blank theme includes what is common to all Wordpress powered Websites with the addition of a custom functionality and styling.
Version: 1.0.0

OnePoint Software Solutions Custom Template
http://onepointsolutions.com.au/
*/

/**
 * 	Copyright (c) OnePoint Software Solutions (http://onepointsolutions.com.au)
 * 	Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
 */
 
html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video, p, h1, h2, h3, h4, h5, h6, input, ul, ol, li { padding: 0px; margin: 0px; }

p, h1, h2, h3, h4, h5, h6 { padding-bottom: 10px; } 

h1 { font-size: 20px; } 
h2 { font-size: 18px; } 
h3 { font-size: 16px; } 
h4 { font-size: 14px; } 
h5 { font-size: 12px; } 
h6 { font-size: 10px; } 

.orange{color:#ff801a;}

.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }  
.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.clear {clear: both;}

a{outline:none !important;}
.red{color:#F00;}
.wrap{max-width: 1300px; margin-left: auto; margin-right: auto;}

img{max-width: 100%; height: auto;}


#homevideo{max-width: 1000px; height: auto; position: relative; margin-left: auto; margin-right: auto; margin-top: 40px; display: block;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.4);}
.video-embed-container{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.video-embed-container iframe, .video-embed-container object, .video-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#servicevideo{max-width: 1000px; height: auto; position: relative; margin-left: auto; margin-right: auto; margin-top: 20px; display: block; margin-bottom: 40px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.4);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.4);}


/*
List of divs in the custom theme
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/

body{
	background: #FFF;
	color: #222;
	font-family: Lato, "Helvetica Neue", Helvetica, "Trebuchet MS", Arial, Verdana, Tahoma, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
}


/* ------------------ HEADER ------------------ */

#header{width:100%; height: auto; background: #111; position: fixed; z-index: 150; top: 0;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.6);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.6);}

#header.shrink{position: fixed;}

#header .ocs-trigger{display: none;}


#header #headertopbar{width:100%; height: 40px; background: #222; font-size: 12px; line-height: 40px; padding: 0; color: #FFF; visibility: visible; opacity: 1; transition: all ease 0.4s;}
#header #headertopbar a{color:#FFF; text-decoration: none;}
#header #headertopbar .topleft{float:left;}
#header #headertopbar .topleft .toptext{padding-right: 20px;}
#header #headertopbar .topright{float:right;}
#header #headertopbar .topright .svg-inline--fa{margin-right: 5px; height: 16px !important; width: 16px !important;}
#header #headertopbar .topright .toptext{padding-left: 20px;}

#header #headertop{width:100%; height: 90px; transition: all ease 0.4s; border-bottom:1px solid #333;}

#header #headerlogo{height: auto; width: 200px; float: left; margin: 10px 0px 0px 0px;}

#header #headernav{height: 90px; float: right;}
#header #headernav ul {list-style: none;}
#header #headernav ul li{display: block; float: left; list-style-type: none; position: relative; padding:23px 20px;}
#header #headernav ul li a{display: block; text-decoration: none; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; color: #fff; position: relative; font-size: 16px; line-height: 16px; padding: 14px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#header #headernav ul li a::after{
    content: '';
    display: block;
    border-bottom: 3px solid #ef6c00;
    width: 0;
    position: absolute;
    left: 0;
    margin-top:5px;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}
#header #headernav ul li a:hover::after{width: 100%; }


#header #menu-item-84 a{padding-right:0px !important;}

#header #headernav ul li.current-menu-item a{color:#ef6c00;}




#header #headernav ul li.headerquotebutton{padding-right:0px !important;}
#header #headernav ul li.headerquotebutton a{background:#ef6c00; color:#FFF; padding: 14px;}



#header #headernav ul li:hover > ul {visibility: visible; opacity: 1;}

#header #headernav ul ul::before{
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 15px 15px;
border-color: transparent transparent #222 transparent;
position: absolute; z-index: 10; top: 0; left: 50%; margin-left: -15px; margin-top: -15px;
content:"";
}
#header #headernav ul ul{position: absolute; top: auto; margin-top: 22px; z-index: 9; width: 240px; left: 50%; margin-left: -120px; visibility: hidden; opacity: 0; background: #222; padding: 0px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 10px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 10px 10px 0px rgba(0, 0, 0, 0.3);}

#header #headernav ul ul li{display: block; float: none; background: #222; margin-bottom: 0px; padding: 0; margin: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
#header #headernav ul ul li a{padding: 20px !important; line-height: 14px !important; font-size: 15px !important; color: #FFF; transition: all ease 0.3s;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}

#header #headernav ul ul li a:hover{background:#444; color: #FFF; padding: 20px 20px 20px 25px !important;}

#header #headernav .show-menu-small-screen{display: none;}
#header #headernav .hide-menu-small-screen{display: block;}

#header #headernav ul li.current-menu-item ul li a{color: #FFF;}

#header.shrink #headertopbar{height:0px;  visibility: hidden; opacity: 0;}



#header #headernav ul ul li a::after{display: none;}



#header a.mobile-header-quote-button{display: none; background:#ef6c00; color:#FFF; padding: 14px; float: right; text-decoration: none; font-family: 'Oswald', sans-serif; font-weight: normal; text-transform: uppercase; margin-top: 18px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#header a.mobile-header-call-button{display: none; height: 90px; line-height: 90px; float: right; width: 90px; text-align: center; color: #FFF; border-left: 1px solid #222; border-right: 1px solid #222; transition: all ease 0.3s;}
#header a.mobile-header-call-button .fas{font-size:32px; line-height: 90px;}


#header a.mobile-header-call-button:hover, #header a.mobile-header-call-button:focus{background:#222;} 


/* ------------------ GENERAL PAGE ------------------ */

#main{padding:40px 0px; position: relative;}
#main.general{padding:100px 0px; position: relative;}

#pagetitle{width:100%; height: auto; padding-top: 230px; padding-bottom: 100px; background-position: bottom center !important; background-size: cover !important;}
#pagetitle h1{color:#FFF; padding: 0; font-size: 48px; line-height: 48px; font-family: 'Oswald', serif; text-transform: uppercase; font-weight: normal; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); float: left;}
#pagetitle h2{color:#FFF; padding: 0; font-size: 42px; line-height: 48px; font-family: 'Oswald', serif; text-transform: uppercase; font-weight: normal; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); float: right;}
#pagetitle h2 a{color:#FFF; text-decoration: none;}


.leftcolpaddingright{padding-right:80px;}



/* ------------------ HOME PAGE ------------------ */

#homeslider{position: relative; background: #000;}

.buttonscrolldown{display: block; height: 50px; width: 29px; position: absolute; bottom: 20px; left: 50%; margin-left: -15px; background: url('images/scrolldown.png') no-repeat; background-size: cover; z-index: 140; cursor: pointer;}

.home-service-tile{padding: 20px 10px; background: #111;}
.home-service-tile img{width: 100%; height: auto;}


#homeabout{padding:80px 0; background: #FFF;}

#homeabout .accordion-card{margin-bottom:10px;}

.accordionheader{background: #FFF;}
.accordionheader h3{margin: 0px; padding: 0; }
.accordionheader h3 .btn{text-transform: uppercase; text-decoration: none; padding: 0px;}




/* ------------------ ABOUT US PAGE ------------------ */

#ourteam{padding:100px 0px 0px 0px; position: relative; background: #F6F6F6;}

.whitetriangle{width: 0;
height: 0;
border-style: solid;
border-width: 40px 60px 0 60px;
border-color: #ffffff transparent transparent transparent;
position: absolute;
left: 50%;
margin-left: -60px;
top: 0;
margin-top: -5px;
}

#ourteam h2.bigtitle{text-align: center; font-size: 48px; line-height: 48px; font-family: 'Oswald',sans-serif; text-transform: uppercase; color: #333; display: block; margin-bottom: 140px;}

#ourteam .ourteamcard{background:#333; padding: 0px !important; margin-bottom: 120px !important;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
#ourteam .ourteamcard h2{}
#ourteam .ourteamcard img{width:160px; height: 160px; display: block; margin-left: auto; margin-right: auto; border: 5px solid #999; margin-top: -80px; margin-bottom: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.2);}


#ourteam .ourteamcard .acf-name{font-size: 22px; font-family: 'Oswald',sans-serif; text-align: center; text-transform: uppercase; color: #FFF; margin-bottom: 30px; padding-bottom: 0px;}
#ourteam .ourteamcard .acf-position{font-size: 14px; font-family: 'Oswald',sans-serif; text-align: center; text-transform: uppercase; padding-bottom: 30px; color: #DDD; display: block; width: 100%; background: #444; padding-top: 30px;}


/* ------------------ CONTACT US PAGE ------------------ */


.halfgrey{width: 50%; top: 0; right: 0; height: 100%; background: #F6F6F6; position: absolute; z-index: 1;}

.contactwrap{position: relative; z-index: 2;}

.contact-left{padding-right: 60px; text-align: justify;}
.contact-right{padding-left: 60px;}

ul.contactvalues{list-style: none; margin-left: 0px !important; margin-bottom: 30px; margin-top: 30px;}
ul.contactvalues li{list-style-type: none; display: block; position: relative; padding-left: 60px; min-height: 40px; margin-bottom: 30px; }
ul.contactvalues li .fab{position: absolute;left: 0px; top: 3px; width: 40px; height: 100%; background: #FFF; font-size: 32px; color: #ef6c00; vertical-align: middle; display: table-cell; text-align: center;}
ul.contactvalues li .fas{position: absolute;left: 0px; top: 3px; width: 40px; height: 100%; background: #FFF; font-size: 32px; color: #ef6c00; vertical-align: middle; display: table-cell; text-align: center;}
ul.contactvalues li a{color:#444 !important;}
ul.contactvalues li a:hover, ul.contactvalues li a:focus{color:#77ce53;} 

.contactwrap .form-group{}
.contactwrap .form-group label{font-size: 14px;}
.contactwrap .form-control{height:50px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}

.form-control:focus{
-webkit-box-shadow: 0px 0px 10px 0px rgba(239, 108, 0, 0.6);
-moz-box-shadow:    0px 0px 10px 0px rgba(239, 108, 0, 0.6);
box-shadow:         0px 0px 10px 0px rgba(239, 108, 0, 0.6);
}

.contactwrap .wpcf7-textarea{height:140px;}
.contactwrap .wpcf7-submit{display: inline-block; padding: 15px; cursor: pointer; color: #FFF; text-decoration: none; position: relative; font-weight: normal; background: #ef6c00; border: none;  font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; transition: all ease 0.3s; cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.contactwrap .wpcf7-submit:hover, .contactwrap .wpcf7-submit:focus{background:#ef6c00; color: #FFF;}

#contactmap{width:100%; height: 500px;}




#content .form-group{}
#content .form-group label{font-size: 14px;}
#content .form-control{height:50px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}

#content .form-control:focus{
-webkit-box-shadow: 0px 0px 10px 0px rgba(239, 108, 0, 0.6);
-moz-box-shadow:    0px 0px 10px 0px rgba(239, 108, 0, 0.6);
box-shadow:         0px 0px 10px 0px rgba(239, 108, 0, 0.6);
}

#content .wpcf7-textarea{height:140px;}
#content .wpcf7-submit{display: inline-block; padding: 15px; cursor: pointer; color: #FFF; text-decoration: none; position: relative; font-weight: normal; background: #ef6c00; border: none;  font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; transition: all ease 0.3s; cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#content .wpcf7-submit:hover, #content .wpcf7-submit:focus{background:#ef6c00; color: #FFF;}

#content .wpcf7-checkbox{}
#content .wpcf7-checkbox .wpcf7-list-item{width:30%;}



#sidebar{padding:30px; background: #ef6c00;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#sidebar .fas {
    color: #FFF;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 60px;
    text-align: center;
}


#sidebar .far {
    color: #FFF;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 60px;
    text-align: center;
}

#sidebar h2{font-family: 'Oswald',sans-serif; text-transform: uppercase; font-weight: normal; text-align: center; display: block; border-bottom: 1px solid #DDD; padding-bottom: 20px; margin-bottom: 20px; font-size: 26px; color: #FFF;}

#sidebar h3{font-family: 'Oswald',sans-serif; font-size: 26px; text-transform: uppercase; font-weight: normal; text-align: center; color:#FFF; margin-bottom: 10px; margin-top: 20px;}
#sidebar p{color:#FFF; text-align: center;}


#sidebar .form-group{}
#sidebar .form-group label{font-size: 14px; color: #FFF; line-height: 14px;}
#sidebar .form-control{height:50px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}

#sidebar .form-control:focus{
-webkit-box-shadow: 0px 0px 10px 0px rgba(239, 108, 0, 0.6);
-moz-box-shadow:    0px 0px 10px 0px rgba(239, 108, 0, 0.6);
box-shadow:         0px 0px 10px 0px rgba(239, 108, 0, 0.6);
}

#sidebar .wpcf7-textarea{height:140px;}
#sidebar .wpcf7-submit{display: inline-block; padding: 15px; cursor: pointer; color: #FFF; text-decoration: none; position: relative; font-weight: normal; background: #ffa000; border: none;  font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; transition: all ease 0.3s; cursor: pointer; width: 100%; text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#sidebar .wpcf7-submit:hover, #content .wpcf7-submit:focus{-webkit-box-shadow: 0px 0px 10px 0px rgba(239, 108, 0, 0.6);
-moz-box-shadow:    0px 0px 10px 0px rgba(239, 108, 0, 0.6);
box-shadow:         0px 0px 10px 0px rgba(239, 108, 0, 0.6);}

#sidebar .wpcf7-checkbox{}
#sidebar .wpcf7-checkbox .wpcf7-list-item{width:30%;}

#sidebar div.wpcf7 .ajax-loader{display: none;}

/* ------------------ FAQ PAGE ------------------ */

.accordion{}
.accordion .accordion-title{background: #F9F9F9; border: 1px solid #DDD; margin-bottom: 5px; outline: none !important; padding: 20px 40px 20px 20px; cursor: pointer; font-size: 18px; color: #333; transition: all ease 0.3s; position: relative; font-weight: normal;} 
.accordion .accordion-title.open{background:#ef6c00 !important; color: #FFF !important;}


.accordion .accordion-title::before{font-family: 'Font Awesome 5 Free'; opacity: 1; content: "\f067"; color: #333; position: absolute; right: 15px; font-weight: 900;}
.accordion .accordion-title.open::before{opacity: 0;}

.accordion .accordion-title::after{font-family: 'Font Awesome 5 Free'; opacity: 0; content: "\f068"; color: #FFF; position: absolute; right: 15px; font-weight: 900;}
.accordion .accordion-title.open::after{opacity: 1;}


.accordion p{display: none;}
.accordion .accordion-content p{padding-bottom: 10px; margin: 0; display: block;}
.accordion .accordion-content{padding:20px 20px 10px 20px; border: 1px solid #DDD; margin-bottom: 5px;}
.accordion .accordion-title:hover{background: #FFF;}





/* ------------------ PARTNERS / LINKS PAGE ------------------ */

.partner-tile{transition: all ease 0.3s;}
.partner-tile img{display: block; max-width: 100%; height: auto; transition: all ease 0.3s;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.partner-tile a{display: block;}



.partner-tile:hover, .partner-tile:focus{padding: 3px;}
.partner-tile:hover img, .partner-tile:focus img{
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}



/* ------------------ CAREERS PAGE ------------------ */



#content.careers .careers-jobcard{margin-bottom: 30px !important; transition: all ease 0.3s; border:1px solid #DDD;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#content.careers .careers-jobcard:hover{
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
#content.careers .careers-jobcard:focus{
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

#content.careers  .careers-jobcard .card-header{background:#ef6c00;}

#content.careers  .careers-jobcard h2{font-weight: normal; padding-bottom: 15px; padding-top: 15px; font-size: 28px; font-family: 'Oswald', sans-serif; transition: all ease 0.3s; display: block; margin-bottom: 0px;}

#content.careers  .careers-jobcard h2 a{color:#FFF !important;}

#content.careers  .careers-jobcard h3{font-size: 20px;}


#content.careers  .careers-jobcard h2 a{color:#333; text-decoration: none;}
#content.careers  .careers-jobcard h2 a:hover{color:#444;}
#content.careers  .careers-jobcard h2 a:focus{color:#444;}
#content.careers  .careers-jobcard p{font-size:13px; text-align: justify;}

#content.careers .post-excerpt{min-height: 60px; padding-bottom: 0px;}


#content.careers .read-more{display: none;}

#content.careers .readmorebutton{display: inline-block; padding: 10px 15px; cursor: pointer; color: #ef6c00; text-decoration: none; position: relative; font-weight: normal; background: #FFF; border: 2px solid #ef6c00;  font-family: 'Oswald', sans-serif; transition: all ease 0.3s; text-transform: uppercase;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#content.careers .orange{color:#ef6c00;}

#content.careers  .readmorebutton:hover{background:#ef6c00; color: #FFF;}
#content.careers  .readmorebutton:focus{background:#ef6c00; color: #FFF;}


#content.careers .readmorewrap{width:100%; position: relative; height: auto; text-align: right; padding: 0px 10px 10px 10px; transition: all ease 0.3s;}













/* ------------------ PROJECTS PAGE ------------------ */

#content.projects .projectscard{margin-bottom: 30px !important; transition: all ease 0.3s; min-height: 530px; border:1px solid #DDD;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#content.projects .projectscard:hover{
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
#content.projects .projectscard:focus{
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

#content .post-featured-image{width:100%; height: 320px; background-size: cover !important; background-position: center !important; margin-bottom: 10px; position: relative;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;}

#content .post-featured-image h4.publishdate{bottom:10px; text-align: right; right:10px; position: absolute; font-family: 'Oswald', sans-serif; font-weight: bold; color: #FFF; display: inline-block; background: #8bc34a; padding: 5px;}

#content.projects  .projectscard h2{font-weight: normal; padding-bottom: 0px; font-size: 20px; font-family: 'Oswald', sans-serif; transition: all ease 0.3s;}

#content.projects .projectscard h4 .fa{margin-right:5px;}

#content.projects  .projectscard h2 a{color:#333; text-decoration: none;}
#content.projects  .projectscard h2 a:hover{color:#444;}
#content.projects  .projectscard h2 a:focus{color:#444;}
#content.projects  .projectscard p{font-size:13px; text-align: justify;}

#content.projects .post-excerpt{min-height: 60px; padding-bottom: 0px;}


#content.projects .read-more{display: none;}

#content.projects .readmorebutton{display: inline-block; padding: 10px 15px; cursor: pointer; color: #ef6c00; text-decoration: none; position: relative; font-weight: normal; background: #FFF; border: 2px solid #ef6c00;  font-family: 'Oswald', sans-serif; transition: all ease 0.3s; text-transform: uppercase;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#content.projects  .readmorebutton:hover{background:#ef6c00; color: #FFF;}
#content.projects  .readmorebutton:focus{background:#ef6c00; color: #FFF;}


#content.projects .readmorewrap{width:100%; position: relative; height: auto; text-align: right; padding: 0px 10px 10px 10px; transition: all ease 0.3s;}







/* ------------------ SELECT2 OVERRIDES PAGE ------------------ */

.select2-container{height:50px !important; width: 100% !important;  }
.select2-selection--single{height:50px !important; border-radius:0px !important; line-height: 50px !important; border: 1px solid #CCC !important; outline: none !important;}
.select2-selection__arrow{height:50px !important; right: 10px !important;}

.select2-selection__rendered{line-height:50px !important;}
.select2-search{display: none;}


.select2-selection--single:focus{
-webkit-box-shadow: 0px 0px 10px 0px rgba(239, 108, 0, 0.3);
-moz-box-shadow:    0px 0px 10px 0px rgba(239, 108, 0, 0.3);
box-shadow:         0px 0px 10px 0px rgba(239, 108, 0, 0.3);
}




/* ------------------ HOME PAGE ------------------ */

#homemain{background:#111; padding: 80px 0px;}
#homemain h1{color:#EEE; font-family: 'Sintony',sans-serif; text-align: center; text-align: center; font-size: 22px; font-weight: normal; margin-bottom: 30px; line-height: 1.5;}
#homemain h2{color:#EEE; font-family: 'Sintony',sans-serif; text-align: center; font-size: 22px; font-weight: normal; margin-bottom: 0px; line-height: 1.5; padding: 0;}

#homemain h3{color:#FFF; font-family: 'Oswald',sans-serif; text-transform: uppercase; text-align: center; font-size: 52px; font-weight: normal; margin-bottom: 30px;}

#homemain .wow{font-weight: bold; color: #ef6c00;}


#homeabout h3{font-family: 'Oswald',sans-serif; text-transform: uppercase; font-size: 28px; color:#ef6c00;}
#homeabout ul{margin:0px; padding: 0;}
#homeabout ul li{padding-top:20px; padding-bottom: 20px; display: block;}

#homeabout a{color:#ef6c00;}

#homeabout .homeabout-right{padding-left: 60px;}

#homeabout img.homeaboutimage{max-width:100%; height: auto;}

#accordion{padding-top:60px;}
#accordion .accordion-card{transition:all ease 0.3s;}
#accordion .accordion-card .accordionheader{border:none !important;}
#accordion .accordion-card .accordionheader h3{line-height: 28px;}
#accordion .accordion-card button.btn{position: relative; padding-right: 40px; width: 100%; text-align: left; color: #333; line-height: 28px;}
#accordion .accordion-card button.btn[aria-expanded="true"]::after{content:'\f068'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 0; transition: all 300ms linear 0s;}

#accordion .accordion-card button.btn[aria-expanded="false"]::after{content:'\f067'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 0; transition: all 300ms linear 0s; transform: rotate(-180deg);}

#accordion .accordion-card:hover, #accordion .accordion-card:focus{
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}



#homeprojects{/*background:url('images/burst.jpg');*/ background:#ff9700; background-position: center !important; background-attachment: scroll; background-size: cover; padding: 80px 0px;}

#homeprojects .bigtitle{font-family: 'Oswald',sans-serif; text-transform: uppercase; color: #FFF; font-size: 52px; line-height: 52px; text-align: center; margin-bottom: 60px; text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);}

#homeprojects .homeprojectcard{background:#111; position: relative; transition: all ease 0.3s; margin-bottom: 30px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
#homeprojects .homeprojectcard .card-image{transition: all ease 0.3s; overflow: hidden !important; position: relative; width: 100%; height: 300px;}
#homeprojects .homeprojectcard .card-image img{width:100%; height: 100%; position: absolute; transition: all ease 0.3s;}

#homeprojects .homeprojectcard h2{font-family: 'Oswald',sans-serif; font-weight: normal; text-transform: uppercase; transition: all ease 0.3s; float: left; margin: 0; padding: 0;}
#homeprojects .homeprojectcard h2 a{color:#FFF; transition: all ease 0.3s; text-decoration: none;}

#homeprojects .homeprojectcard a.viewbutton{display: inline-block; padding: 10px; font-family: 'Oswald',sans-serif; font-weight: normal; text-transform: uppercase;  transition: all ease 0.3s; text-decoration: none; border:2px solid #FFF; background: none; float: right;}
#homeprojects .homeprojectcard a.viewbutton:hover, #homeprojects .homeprojectcard a.viewbutton:focus{}

#homeprojects .homeprojectcard:hover{background: #FFF;}

#homeprojects .homeprojectcard:hover h2 a{color:#222;}

#homeprojects .homeprojectcard:hover img{
    -webkit-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
}



#recentclients{background:#FFF; padding: 80px 0px 60px 0px;}

#recentclients .owl-nav {
    right: 50% !important;
    bottom: -35px !important;
    width: 70px !important;
    margin-right: -35px !important;
}



#recentclients h2.bigtitle{text-align: center; font-size: 48px; line-height: 48px; font-family: 'Oswald',sans-serif; text-transform: uppercase; color: #333; display: block; margin-bottom: 20px;}




/* ------------------ SERVICE PAGE ------------------ */


.sevricemain{position: relative;}
.service-content-1{background:#FFF;}
.service-content-2{background:#FFF;}
.service-content-3{background:#FFF;}


.service-content-col-1{padding-right: 60px; padding-top: 100px; padding-bottom: 100px;}
.service-content-col-2{padding-left: 60px; padding-top: 100px; padding-bottom: 100px;}
.service-content-col-3{padding-right: 60px; padding-top: 100px; padding-bottom: 100px;}



.sevricemain ul{margin-left: 20px;}
.sevricemain ul li{padding-bottom: 5px;}
.sevricemain ul ul{margin-left: 20px; margin-top: 5px;}



.sevricemain h2{font-family: 'Oswald',sans-serif; text-transform: uppercase; font-size: 32px; margin-bottom: 40px;}


#service-gallery{background: #111; padding: 10px;}

.service-hero-1{width:50%; position: absolute; right: 0; top: 0; height: 100%; background-position: center !important; background-attachment: scroll !important; background-size: cover !important;}
.service-hero-2{width:50%; position: absolute; left: 0; top: 0; height: 100%; background-position: center !important; background-attachment: scroll !important; background-size: cover !important;}
.service-hero-3{width:50%; position: absolute; right: 0; top: 0; height: 100%; background-position: center !important; background-attachment: scroll !important; background-size: cover !important;}


#subscribebar{background:#ef6c00; padding-top: 70px; padding-bottom: 50px; position: relative; height: auto; width: 100%;}
#subscribebar h2{color:#FFF; font-size: 32px; text-align: center; font-weight: normal; font-family: 'Oswald',sans-serif; text-transform: uppercase; margin-bottom: 10px;}
#subscribebar h3{color:#FFF; font-size: 24px; text-align: center; margin-bottom: 20px;}

#subscribebar .form-control{height:50px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#subscribebar .wpcf7-submit{display: block; width: 100%; height: 50px; text-align: center; border: none; color: #FFF; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: normal; cursor: pointer; background: #ffa000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

nav {
		
}
	

#content {}
#content h2{font-family: 'Oswald',sans-serif; text-transform: uppercase; font-size: 26px; margin-bottom: 20px;}
#content h3{font-family: 'Oswald',sans-serif; text-transform: uppercase; font-size: 18px; margin-bottom: 10px;}
#content p{padding-bottom:20px;}

#content ul{margin-left: 20px;}
#content ul li{padding-bottom:10px;}

#content ol{margin-left: 20px;}
#content ol li{padding-bottom:10px;}

#content a{text-decoration: none; color: #ef6c00;}


	article {
		
	}
		.featured-thumbnail {
			
		}
		.post-content {
			
		}
			.pagination {
				
			}
	.post-meta {
		
	}
	.post-navigation {
		
	}



.page {
	
}
	#page-content {
		
	}
	#page-meta {
		
	}

.post {
	
}
	.postContent {
		
	}
	.post-excerpt {
		
	}

nav.oldernewer {
	
}
	.older {
		
	}
	.newer {
		
	}

.search {
	
}

.author {
	
}
#recent-author-posts {
	
}
#recent-author-comments {
	
}

#error404 {
	
}

#sidebar {
	
}
	#widgit-sidebar {
		
	}
		#sidebar-search {
			
		}
		#sidebar-nav {
			
		}
		#sidebar-archives {
			
		}
		#sidebar-meta {
			
		}
		.widgit {
			
		}


/* ------------------ FOOTER ------------------ */

#footer{width:100%; height: auto; padding-top: 60px; padding-bottom: 30px; background: #111;} 

#footer .footer-top{display: block; padding-bottom: 20px; border-bottom:1px solid #333; margin-bottom: 40px;}

#footer .footer-top #footerlogo{float: none; max-width: 210px; padding-top: 0px; margin-bottom: 25px; float: left;}
#footer .footer-top #footerlogo img{max-width: 100%; height: auto;}

#footer .footer-top a.footer-quotebutton{display: block; float: right; padding: 20px; background: #ef6c00; color: #FFF; font-size: 18px; font-family: 'Oswald',sans-serif; font-weight: normal; text-transform: uppercase;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#footer .footer-top a.footer-quotebutton .fas{padding-right: 10px; font-size: 20px;}



#footer h3{font-family: 'Oswald', sans-serif; color: #EEE; font-size: 22px; padding-bottom: 40px; font-weight: normal; text-transform: uppercase;}

#footer ul{list-style: none; margin: 0; padding: 0px 10px 0px 0px;}
#footer ul li{list-style-type: none; display: block; margin-left: 0; padding-left: 0; margin-bottom: 8px; font-family: 'Lato', sans-serif;}
#footer ul li a{display: block; color: #BBB; padding-bottom: 4px; text-decoration: none; transition: all ease 0.3s; font-size: 14px;}

#footer ul li a:hover{padding-left: 10px; color: #FFF;}
#footer ul li a:focus{padding-left: 10px; color: #FFF;}

#footer .footercontact .fa{width:30px;}
#footer .footercols{margin-bottom:25px;}
#footer a{color: #BBB; text-decoration: none; font-size: 14px;}

#footer p{display: block; color: #BBB; padding-bottom: 4px; margin-bottom: 8px; text-decoration: none; transition: all ease 0.3s; font-size: 14px;}
#footer p a{color: #BBB;  transition: all ease 0.3s;}
#footer p a:hover, #footer p a:focus{padding-left: 10px; color: #FFF;}

#footer .footercontact p .fas{color:#ef6c00; width: 18px; font-size: 18px; margin-right: 15px; text-align: left;}


#footer .footersocial{width:226px; float: right; height: auto; background: none; text-align: center; padding-top: 20px;}
#footer .footersocial ul{}
#footer .footersocial ul li{display: inline-block !important; margin-left: 10px;}
#footer .footersocial ul li a{border-bottom:none !important; font-size: 42px; transition: all ease 0.3s;}
#footer .footersocial ul li a:hover{padding-left: 10px; color: #FFF;}
#footer .footersocial ul li a:focus{padding-left: 10px; color: #FFF;}


#footer .footerbottom{height:1px; width: 100%; background: #333;}

#footer .footerpaymenticons{text-align: left; font-size: 26px; color: #666; padding-top: 34px; font-family: 'Oswald',sans-serif; text-transform: uppercase; font-weight: normal;}
#footer .footerpaymenticons .fas{margin-right:10px;}
#footer .footersocialicons{text-align: right; font-size: 48px; color: #666; padding-top: 20px;}
#footer .footersocialicons .fab{color: #666; font-size: 34px; margin-left: 5px;}

p.copy{font-size: 11px; color: #DDD; text-align: center; padding: 30px; background: #000; width: 100%;}
p.copy a{color:#DDD; text-decoration: none;}


#wprmenu_bar .menu_title a{top:0px !important; color:#FFF !important;}



@media (max-width: 1140px) {
    
    
#header #headernav .show-menu-small-screen{display: block;}
#header #headernav .hide-menu-small-screen{display: none;}
    #header #headernav ul li{padding:23px 15px;}
    
    
}

@media (max-width: 991px) {
    .service-hero-1{width:100%; height: 700px; position: relative;}
    .service-hero-2{width:100%; height: 700px;  position: relative;}
    .service-hero-3{width:100%; height: 700px;  position: relative;}
    
    .service-content-col-1{padding-left: 15px; padding-right: 15px; padding-top: 60px; padding-bottom: 50px;}
    .service-content-col-2{padding-left: 15px; padding-right: 15px; padding-top: 60px; padding-bottom: 50px;}
    .service-content-col-3{padding-left: 15px; padding-right: 15px; padding-top: 60px; padding-bottom: 50px;}
    
    .leftcolpaddingright {
        padding-right: 15px;
    }

}


@media (max-width: 945px) {
	
}






@media (max-width: 920px) {
    	
}





@media (max-width: 890px) {
	
}



@media (max-width: 850px) {
	
}


@media (max-width: 830px) {
	
}


@media (max-width: 800px) {
	
}



@media (max-width: 795px) {
	
}

@media (max-width: 768px) {
	
    #headernav{display: none;}
    #header #headertopbar{display: none;}
    #header{position: relative;}
    #header.shrink{position: relative;}
    
    #header a.mobile-header-quote-button{display: block;}
    #pagetitle{padding-top:100px;}
    #pagetitle h2{display: none;}
    
    .service-hero-1{width:100%; height: 500px; position: relative;}
    .service-hero-2{width:100%; height: 500px;  position: relative;}
    .service-hero-3{width:100%; height: 500px;  position: relative;}
    
    #content .wpcf7-checkbox .wpcf7-list-item{width:47%;}
    
    
    
}

@media (max-width: 767px) {

    #homeabout .homeabout-right{padding-left: 15px;}
    #accordion{padding-top: 30px;}
    
    .contactus .halfgrey{display: none;}
    .contact-right {padding-left: 15px; background: #F6F6F6; padding-top: 40px; padding-bottom: 40px;}
    #main.contactus{padding-bottom:0px;}
}

@media (max-width: 640px) {
    .service-hero-1{width:100%; height: 350px; position: relative;}
    .service-hero-2{width:100%; height: 350px;  position: relative;}
    .service-hero-3{width:100%; height: 350px;  position: relative;}	
}


@media (max-width: 600px) {
    #content .wpcf7-checkbox .wpcf7-list-item{width:90%;}
    
    #content .quotesubmitbutton{width:100% !important; display: block !important; text-align: center !important;}
    
    


}

@media (max-width: 575px) {

#footer .footersocialicons{text-align:left !important;}

}


@media (max-width: 480px) {
    #footer .footer-top #footerlogo{float:none;}
    #footer .footer-top a.footer-quotebutton{float:none; width: 100%; text-align: center;}
    
    
    #header a.mobile-header-quote-button{display: none;}
    #header a.mobile-header-call-button{display: block;}
    
    
}

@media (max-width: 400px) {
    
    #header a.mobile-header-call-button{display: block; width: 60px;}
    #header a.mobile-header-call-button .fas{font-size: 25px;}

}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */