/*   
Theme Name: STR theme
Theme URI: 
Description: 
Author:  STR Design & Print Limited
Version: V2.0
*/
body {
    text-align: center;
    color: #2D2D2D;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 200;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-size: 100%;
    background-image: url(/wp-content/themes/str-theme2/images/bg-graphic.jpg);
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: center;
    position: relative;
}

#logo{
	float: left;
}
#logo img{
	height: 80px;
}

#strapline {
	background-color: #FFD100;
	margin: 0px;
	padding: 0px;
	width: 100%;
	color: #2A2A2A;
	font-weight: 400;
	font-size: 12px;
	line-height: 35px;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 80px;
}
@media (max-width: 999px) {
#strapline {
	background-color: #FFD100;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 90%;
	color: #2A2A2A;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding-right: 5%;
	padding-left: 5%;
	}}

#strapline-pic {
	background-color: #FFD100;
	margin: 0px;
	padding: 0px;
	width: 100%;
	color: #2A2A2A;
	font-weight: 400;
	font-size: 12px;
	line-height: 35px;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 0px;
}
@media (max-width: 999px) {
#strapline-pic {
	background-color: #FFD100;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 90%;
	color: #2A2A2A;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding-right: 5%;
	padding-left: 5%;
	}}


.footer-text  {
	font-size: 9px;
}
.centered {
	text-align: center;
}
body p a {
	color: #616161;
}
.entry-title a {
    color: #757575;
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 0px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    border-bottom: 1px solid #FECF00;
    text-decoration: none;
}

h1  {
	font-size: 25px;
	font-weight: 400;
}
h2  {
	color: #757575;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom: 1px solid #FECF00;
}
h3  {
	color: #353535;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
h4  {
	color: #8D8D8D;
	font-size: 22px;
	font-weight: 400;
	text-transform: none;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#header-container {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 100%;
	background-color: #575656;
	color: #FFFFFF;
	position: fixed;
	top: 0px;
	z-index: 1000;
}
@media (max-width: 999px) {
#header-container {
    margin: 0px;
    padding: 0px;
    height: auto;
    text-align: center;
    width: 100%;
    background-color: #575656;
    color: #FFFFFF;
    position: absolute;
    top: 0px;
	}}
#header-width {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	width: 1000px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}
@media (max-width: 999px) {
#header-width {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	width: 90%;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	}}
#main-body {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	width: 1000px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
@media (max-width: 999px) {
  #main-body {
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 10px;
	width: 90%;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
}
#main-body p {
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: auto;
}
#main-body p strong {
	font-size: 12px;
}
#main-body .centered p {
	text-align: center;
}

#top-nav a {
	color: #FFFFFF;
	text-decoration: none;
}
#top-nav em  {
	color: #FFD001;
	text-decoration: none;
	letter-spacing: 4px;
}
@media (max-width: 999px) {
#top-nav em  {
	color: #FFD001;
	text-decoration: none;
	letter-spacing: 1px;
	}}
#top-nav {
	/* [disabled]position: absolute; */
	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	/* [disabled]clear: both; */
	float: right;
	font-weight: 400;
	margin-top: 20px;
	font-size: 14px;
}
@media (max-width: 999px) {
#top-nav {
    /* [disabled]position: absolute; */
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    clear: both;
    float: none;
    width: 100%;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 12px;
    display: block;
	}}

#contact-float {
	background-color: #FFCE00;
	width: 250px;
	position: fixed;
	top: 75%;
	right: 0px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	z-index: 100;
}
@media (max-width: 999px) {
#contact-float {
    background-color: #FFCE00;
    width: 100%;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0px;
    text-align: center;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    z-index: 100;
    /*display: none;*/
	}}
#contact-float p strong {
	font-size: 22px;
}
#contact-float p {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 16px;
}
#contacts p strong {
	font-size: 18px;
}
#contacts {
	font-size: 12px;
}

#strapline-footer {
	background-color: #FFD100;
	margin: 0px;
	padding: 0px;
	width: 100%;
	color: #2A2A2A;
	font-weight: 400;
	font-size: 12px;
	line-height: 35px;
	text-transform: uppercase;
	letter-spacing: 5px;
}
@media (max-width: 999px) {
#strapline-footer {
	background-color: #FFD100;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5%;
	padding-left: 5%;
	width: 90%;
	color: #2A2A2A;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0px;
	}}

#main-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image2.jpg);
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100%;
}
@media (max-width: 999px) {
#main-image {
	margin: 0px;
	padding: 0px;
	height: 200px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image2-mobile.jpg);
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100%;
	}}
@media (max-width: 999px) {
#main-page-image {
    clear: both;
    padding-top: 70px;
	}}

#contact-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images//cover-image-contact.jpg);
	background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 999px) {
#contact-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-contact.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
	}}
#meterorological-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-meterological.jpg);
	background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 999px) {
#meterorological-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-meterological.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
	}}
#radar-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-radar.jpg);
	background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 999px) {
#radar-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-radar.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
	}}
#bridges-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-bridges.jpg);
	background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 999px) {
#bridges-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-bridges.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
	}}
#control-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-controltowers.jpg);
	background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 999px) {
#control-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-controltowers.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
	}}
#cranes-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-cranes.jpg);
	background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 999px) {
#cranes-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-cranes.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
	}}
#skyscrapers-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-skyscrapers.jpg);
	background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 999px) {
#skyscrapers-image {
	margin: 0px;
	padding: 0px;
	height: 200px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-skyscrapers.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
	}}
#tall-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-tall.jpg);
	background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}

@media (max-width: 999px) {
#tall-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-tall.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
	}}
#turbines-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-turbines.jpg);
	background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 999px) {
#turbines-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-turbines.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
	}}
#ir-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-ir.jpg);
	background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 999px) {
#ir-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-ir.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
	}}
#compliance-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-compliance.jpg);
	background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 999px) {
#compliance-image {
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-image: url(/wp-content/themes/str-theme2/images/cover-image-compliance.jpg);
background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
	}}



.home-buttons2 {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	width: 19.1%;
	height: 100%;
	display: block;
	border: 2px solid #FFD100;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 10px;
	background-color: #575656;
	margin-bottom: 10px;
	float: left;
	margin-right: 0.5%;
}
@media (max-width: 999px) {
.home-buttons2 {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	width: 48%;
	height: 100%;
	display: block;
	border: 2px solid #FFD100;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 10px;
	background-color: #575656;
	margin-bottom: 10px;
	float: left;
	margin-right: 0.5%;
	}}
.home-buttons2:hover {
	background-color: #FFD100;
	color: #1F1F1F;
}

.strapline-animated {
	font-size: 22px;
	font-weight: 400;
	color: #FFFFFF;
	width: 100%;
	position: absolute;
	top: 90px;
	animation: fadein 2s;
	-moz-animation: fadein 2s; /* Firefox */
	-webkit-animation: fadein 2s; /* Safari and Chrome */
	-o-animation: fadein 2s; /* Opera */
	text-shadow: 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000;
	left: 1px;
}
@media (max-width: 999px) {
.strapline-animated {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    width: 100%;
    position: absolute;
    top: 130px;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
    text-shadow: 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000;
    left: 1px;
    display: none;
	}}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


.wp-post-image {
    width: 100%;
	height: auto;
}
.clearspace {
	clear: both;
}
.entry-meta, .entry-footer, .archive-meta{margin:30px 0}
.entry-footer{clear:both}
.entry-meta, .entry-meta a, .entry-footer, .entry-footer a, .comment-meta, .comment-meta a, .comment-author, .comment-author a{font-size:14px;color:#767676}

.sticky{padding-bottom:60px;border-bottom:4px solid #ccc}
.bypostauthor{}
.post, .widget-container, .search article{margin-bottom:60px}
.post:last-of-type{margin-bottom:0}
.wp-caption{width:auto !important}
.wp-caption.aligncenter, .wp-caption-text, .gallery-caption{text-align:center}
.alignleft{margin:0 30px 30px 0;float:left}
.alignright{margin:0 0 30px 30px;float:right}
.aligncenter{display:block;margin:30px auto;clear:both}
.wp-post-image{display:block;margin-bottom:30px}
.entry-attachment img{display:block;margin:60px auto 30px}
.attachment .entry-caption{text-align:center}
.nav-links{margin-top:30px}
.nav-links a, #nav-above a{text-decoration:none}
#nav-above a{display:block;font-family:tahoma,sans-serif;font-size:50px;color:#767676;line-height:0;margin:30px 0 15px}
.nav-previous{text-align:left;float:left}
.nav-next{text-align:right;float:right}

.note{display:block;font-size:14px;padding:20px;margin:30px 0}

.blue, .blue *, .blue-dark, .blue-dark *, .green, .green *, .green-dark, .green-dark *, .orange, .orange *, .purple, .purple *, .red, .red *, .black, .black *{color:#fff}
.white, .white *, .yellow, .yellow *{color:#000}
.white{background-color:#fff !important}
.blue{background-color:#007acc !important}
.blue-dark{background-color:#1c78b5 !important}
.green{background-color:#91da29 !important}
.green-dark{background-color:#5d8c1a !important}
.orange{background-color:#f98733 !important}
.purple{background-color:#bb6cf8 !important}
.red{background-color:#ef645d !important}
.yellow{background-color:#f8f658 !important}
.black{background-color:#4a4a45 !important}
.lighter{background-color:rgba(255,255,255,0.05)}
.darker{background-color:rgba(0,0,0,0.05)}

.box, .box-2, .box-3, .box-4, .box-5, .box-6, .box-1-3, .box-2-3{display:inline-block;width:100%;padding:5%;vertical-align:top;float:left}
.box-2{width:50%}
.box-3, .box-1-3{width:33.3333333%}
.box-4{width:25%}
.box-5{width:20%}
.box-6{width:16.6666667%}
.box-2-3{width:66.6666666%}

.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
.float-left{float:left}
.float-right{float:right}
.clear{clear:both}
.clear-left{clear:left}
.clear-right{clear:right}
.clear-float:after, #header:after, #container:after, .boxes:after{display:table;content:'';clear:both}

@media(max-width:1024px){.box-5, .box-6{width:25%}.boxes .box-5:nth-child(5){width:100%}.boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6){width:50%}}
@media(max-width:768px){#header, #footer{text-align:center}#content, #sidebar{width:100%;padding:0}#branding, #menu, #menu div:first-of-type, #search{float:none}#search{margin-top:20px}#search .search-field{width:100%;color:#fff;border-color:#8a8a8a;cursor:text}#search .search-field:focus{width:100%}#menu.toggled{width:100%;height:100%;bottom:0;overflow-x:hidden;overflow-y:auto;z-index:1000}#menu .menu-toggle{display:inline-block}#menu ul{display:none}#menu.toggled ul, #menu.toggled ul.sub-menu, #menu.toggled ul.children{display:block;position:relative;top:0;left:0;padding:0 0 10px 0;margin:0}#menu.toggled ul.sub-menu, #menu.toggled ul.children{padding-bottom:0}#menu.toggled a, #menu.toggled ul.sub-menu a, #menu.toggled ul.children a{display:inline-block;width:100%;font-size:18px;color:#fff;text-align:center;line-height:20px;padding:15px 0 5px;border:0;margin:0;background:none}#menu.toggled ul.sub-menu a, #menu.toggled ul.children a{color:#ccc}.box-4, .box-5, .box-6{width:50%}}
@media(max-width:767px){.single .nav-links .nav-previous, .single .nav-links .nav-next{float:none}.box-3{width:50%}.boxes .box-3:nth-child(3){width:100%}}
@media(max-width:480px){#header, #container, #footer{padding:10%}.wp-caption, input, textarea, .button{width:100% !important}input[type="checkbox"], input[type="radio"]{width:auto !important}.box-2, .box-3, .box-4, .box-5, .box-6, .boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6), .box-2-3, .box-1-3{width:100%}}
@media print{*{color:#000 !important;background:#fff !important}body{padding:50px !important;margin:0 !important}#content{display:block !important;padding:0 !important;margin:0 !important}#header, #sidebar, #footer, #comments, .entry-footer, .navigation, .share, .video-wrap, iframe, img{display:none !important}}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
.search-submit{display:none !important}

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