/* ===================================

ALL SCREENS GENERAL

==================================== */





* {

	box-sizing: border-box;

}



*::before, *::after {

    box-sizing: border-box;

}



html, body {

	min-height: 100%;

	min-width: 100%;

}



body {

	font-family: 'Roboto', Helvetica, Arial, sans-serif;

	font-size: 1em;

	font-weight: 300;

	line-height: 1.375em;

	color: #FFF;

	margin: 0;

    padding: 0;

	/*background: url("../template/sbgl.jpg") no-repeat left top, url("../template/sbgr.jpg") no-repeat right top, #03251E;*/

    -webkit-text-size-adjust: 100%;

	-moz-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	text-size-adjust: 100%;

}



body#prt {

	

}



body#svc {

	

}



/*************************************

*** ALL SCREENS DOWN TO 930px wide ***

**************************************/







/* ===================================

----- SITE MAIN CONTENT BLOCKS -------

==================================== */

#top_bg {

	width: 100%;

    height: 400px;

    position: fixed;

    top: 0;

    z-index: 0;

    background-repeat: no-repeat;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

}



.bg_shade {

	width: 100%;

    height: 400px;

    position: absolute;

    top: 0;

    z-index: 1;

}



#low_bg {

	width: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 1;

    background-attachment: fixed;

    background-clip: border-box, border-box;

    background-Image: linear-gradient(rgba(11, 52, 128, 0.4), rgba(11, 52, 128, 0)), url('../template/sbglw.jpg');

    background-repeat: no-repeat;

    background-position: right bottom;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

}



.wrapper {

	position: relative;

	top: 0;

	margin: 0 auto;

	padding: 0;

	width: 1080px;

    overflow: hidden;

    z-index: 20;

}



.content_block {

	display: block;

	width: 100%;

	position: relative;

	padding: 0;

    z-index: 10;

}



.content_block.topspot {

	background: #000;

    min-height: 300px;

}



.content_block.whtbck {

	background: #FFF;

}



.content_block.whtbck h1, .content_block.whtbck h2, .content_block.whtbck h3 { 

    color: #024079;

}



.content_block.whtbck h4 {

	color: #36A620;

}



.container {

	display: block;

	width: 100%;

	position: relative;

	padding: 0;

	margin: 0 auto;

	overflow: hidden;

}



.page_block {

	display: block;

	width: 100%;

	position: relative;

	padding: 20px 0 20px;

	margin: 0 auto;

	overflow: hidden;

}



.leftside {

	float: left;

	position: relative;

	width: 66.6667%;

	padding: 0 20px 0 0;

    border-right: 1px solid #DDD;

}



.rightside {

	float: left;

	position: relative;

	width: 25%;

	padding: 0;

}



.story_block {

	display: block;

	width: 100%;

	position: relative;

	padding: 0 20px 15px;

}



.container.hometop {

	border-bottom: none;

}



.container.client {

	background: rgba(0,0,0,0.6);

    padding: 10px;

    margin: 0;

}



.prt_des .container.client {

	display: flex;

    flex-wrap: wrap;

    justify-content: center;

    padding: 10px;

}



.porthumb {

	 display: inline-flex;

     height: 125px;

     width: 125px;

     border: 1px solid #999;

     margin: 5px;

}



.hdsht {

	height: 160px;

    width: 160px;

    position: absolute;

    right: 30px;

    top: 0;

    z-index: 20;

}



.hdsht img {

	height: auto;

    width: 100%;

}



.sblk_box {

	display: block;

    width: 100%;

    padding: 6px;

    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));

    border-left: 5px solid #9ce118;

}



.footbg {

	width: 100%;

    height: 100px;

    background-image: url('../template/sbgsnst.jpg');

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: center bottom;

    background-attachment: fixed;

}





/*******************************/

/*------ SITE MAIN TAGS -------*/

/*******************************/



a {

	text-decoration: none;

	border: 0;

	color: #36A620;

}



a:hover {

	color: #9CE118;

}



a img {

	width: auto;

	margin: 0;

}



.linkalone {

	font-weight: 500;

	color: #005918;

}



a:active {

	outline: 0;

}



.clear {

	clear: both;

}



.nowr {

	white-space: nowrap;

}



p {

	margin: 0 0 .75em 0;

    font-family: 'Bitter', serif;

    word-spacing: 0.125em;

}





#abt p {

	color: #024079;

}



p a {

	font-weight: 500;

	color: #36A620;

}



p a:hover {

	color: #9CE118;

}



p.forbid {

	color: #FF0000;

	font-size: 1.1em;

	line-height: 1.25em;

	font-weight: 700;

}



p.forbid span {

	font-weight: 400;

	font-size: 0.9em;

}



p.forbid a {

	color: #C41230;

}



h1, h2, h3, h4 {

	font-family: 'Bitter', serif;

	color: #FFF;

}



h1, h2 {

	font-weight: 700;

	line-height: 1.25em;

	margin: 0 0 0.75em;

}



h3, h4, h5 {

	font-weight: 600;

	line-height: 1.25em;

	letter-spacing: -0.1px;

	margin: 0 0 0.5em;

	padding: 0;

}





h1 {

	font-size: 1.75em;

}



h1.sitehdln {

	margin: 0.25em 0 0.4em;

    font-size: 2.5em;

}



h2 {

	font-size: 1.5em;

}



h3 { 

	font-size: 1.25em;

    color: #024079;

}



h4 {

	font-size: 1.125em;

    color: #FFF;

}



h5 {

	font-family: 'Roboto', Helvetica, Arial, sans-serif;

    font-size: 1em;

    font-weight: 400;

    text-transform: uppercase;

    color: #FFF;

}



.tele {

    font-size: 0.5em;

    line-height: 1em;

    vertical-align: super;

}



hr {

	height: 0;

	width: 100%;

	border: 0;

	border-bottom: 1px dotted #024079;

	margin: 0 0 1em 0;

}



div.hr {

	display: block;

	width: 100%;

	height: 2px;

	border-top: 1px solid #115DA3;

	background: #DDD;

	margin: 0 0 1em 0;

}



div.pgdv, div.pgdvwt {

	display: block;

	width: 100%;

	height: 25px;

	margin: 10px 0 0;

    background: url("../template/pg_divide.png") no-repeat center / cover;

}



div.pgdvwt {

	background: url("../template/pg_divide_wht.png") no-repeat center / cover;

}



.spacer {

	display: block;

	width: 100%;

	height: 1px;

	clear: both;

}





ul {

	list-style: square outside;

	margin: 0 0 1em 1em;

	padding: 0;

}



li {

	line-height: 1.25em;

	margin: 0 0 8px 0;

    color: #024079;

}



strong {

	font-weight: 500;

}



em {

	font-style: italic;

}



img {

	display: block;

    width: 100%;

    padding: 0;

    margin: 0;

}



table {

	width: 100%;

	border-spacing: 0;

	border-collapse: collapse;

}







/*----SIZES----*/



.hundred {

	width: 100%;

}



.ninety {

	width: 90%;

}



.eighty {

	width: 80%;

}



.seventy {

	width: 70%;

}



.sixty {

	width: 60%;

}



.fifty {

	width: 50%;

}



.forty {

	width: 40%;

}



.thirty {

	width: 30%;

}



.twenty {

	width: 20%;

}



.ten {

	width: 10%;

}



.tri {

	width: 33.333%;

}



.twoth {

	width: 66.667%;

}



.quad {

	width: 25%;

}







/*----COLORS----*/



.frstcolor {

	color: #115DA3;

}



.scndcolor {

	color: #60A0DC;

}



.thrdcolor {

	color: #FFF;

}



.wht {

	color: #FFF;

}



.org {

	color: #EA7106;

}



.red {

	color: #C41230;

}



.blu {

	color: #1859B2;

}



.nvy {

	color: #002147;

}



.ltgry {

	color: #AAA;

}



.gry {

	color: #939598;

}



.blk {

	color: #111;

}



.grn {

	color: #004813;

}



.ylw {

	color: #FEE000;

}



.gld {

	color: #A48E3E;

}





/*---- HOMEPAGE ----*/



.container.indbot {

	display: table;

    padding: 20px 0;

}



.homepage .page_block {

	background: rgba(0,0,0,0.6)

}



.homepage .rightside.homevents {

	float: left;

	position: relative;

	width: 33.3333%;

	padding: 0;

}



.rightside {

}



.homepage .rightside.homeventsml {

	display: none;

}



.homepage div.rightside.homebot, .prt_web .homepage div.rightside.homebot {

    display: table;

 }



.homepage div.rightside.homebot:last-child, .prt_web div.rightside.homebot:last-child {

	border-right: 0;

}



.homepage div.rightside.homebot .story_block, .prt_web div.rightside.homebot .story_block {

	display: table;

    height: 100%;

    padding-bottom: 0;

}



.prt_web div.rightside.homebot div.story_block {

	padding-top:25px;

}



.clientimwr {

	padding: 1px;

    border: 1px solid rgba(17,93,163, 0.3);

}



.homepage div.rightside.homebot .client_im, .prt_web div.rightside.homebot .client_im {

	float: none;

}



h2.homebox {

	margin: 0 0 0.5em 0;

    color:#024079;

}



tr.homebox_im {

	display: table-row;

    width: 100%;

    height: auto;

}



tr.homebox_im td {

	padding: 0 0 0.75em;

}



td.homebox_imrt {

	display: none;

    width: 45%;

    vertical-align: top;

}



tr.homebox_im td img, td.homebox_imrt img {

	border: 1px solid rgba(17,93,163, 0.3);

}



td.homebox_txt {

	text-align: center;

	padding: 0 0 5px 0;

}



td.homebox_txt p {

	color:#024079;

}



table.gearspot {

	height: 100%;

}



table.gearspot td {

	width: 50%;

    padding-right: 5px;

}



table.gearspot td.gearspot_im {

	background: url('../template/gearspot.png') no-repeat top center / contain;

    padding-right: 0;

    width: 50%;

}



p.abt_p {

	font-weight:400;

    margin-bottom:1em;

    max-width:800px;

}







/*---- FLEXSLIDER SLIDESHOW ----*/





.shadefence {

	display: block;

}



.shadetoggle {

	display: block;

	font-family: 'Roboto', Helvetica, Arial, sans-serif;

	font-size: 0.875em;

	font-weight: 400;

	line-height: 1em;

	cursor: pointer;

	padding: 0 0 10px 2px;

	width: 100%;

	border: 0;

	outline: 0;

	background: none;

	text-align: left;

	color: #36A620;

}



.shadetoggle:hover, .shadetoggle:focus, .shadetoggle:active, .btn.btn-theme.shadetoggle.active:hover, .btn.btn-theme.shadetoggle.active:focus, .btn.btn-theme.shadetoggle:active {

	color: #9CE118;

}



.shadetoggle.active:hover, .shadetoggle.active:focus, .shadetoggle:active {

	color: #9CE118;

}



.shadebox {

	padding: 0 5px 0;

	margin-bottom: 0;

	overflow: hidden;

	max-height: 0;

    transition: all .5s ease-in-out; 

}







/*----PORTFOLIOS----*/



.client_im {

	display: block;

    float: left;

    width: 100%;

	height: 200px;

    margin: 0;

}



.client_txt {

	display: block;

    overflow-x: hidden;

}



.client_txt p span {

	color: #36A620;

}



.client_txt p.expnd, p.expnd {

	font-size: 0.875em;

    line-height: 1.4em;

    color: #9CE118;

    margin-bottom: 20px;

}



.rightside.mksp {

	padding-top: 25px;

}



.royalSlider .mob_content p, .royalSlider .mob_content h3 {

    padding: 0 10px;

}



.royalSlider p {

	font-family: 'Roboto', Helvetica, Arial, sans-serif;

    font-size: 0.875em;

    color: #024079;

    line-height: 1.3em;

}



p.expnd {

	color: #024079;

}



p.expnd a, .client_txt p.expnd a, .client_txt p a {

	color: #36A620;

}



p.expnd a:hover, .client_txt p.expnd a:hover, .client_txt p a:hover {

	color: #9CE118;

}



.pc_content {

	display: block;

}



.mob_content {

	display: none;

}



td.imside {

	width: 60%;

    vertical-align: top;

}



td.txtside {

	width: 40%;

    vertical-align: top;

}



.royalSlider td.txtside p, .royalSlider td.txtside h3 {

	padding-right: 15px;

}



/*----SERVICES----*/



.margred {

	display: block;

    margin: 0 -10px 1px;

}



#svc .client_im {

	display: block;

    float: none;

    width: 100%;

	height: auto;

    margin: 0 0 10px;

}



.svc_im {

	display: block;

    float: right;

    width: 45%;

    margin: 0 0 20px 25px;

}





p.caption {

	color: #36A620;

    font-size: 0.75em;

    font-weight: 500;

    line-height: 1.2em;

    margin-bottom: 0;

}





#svc .container.client p span {

	color: #9CE118;

}





#svc .container.client p span.tele {

	color: #FFF;

}





@media (max-width: 1130px) {



p.abt_p {

    max-width:700px;

}



}





@media (max-width: 1080px) {



.wrapper {

	width: 100%;

}



}





@media (max-width: 980px) {



.content_block {

	padding-top: 0;

}



.page_block {

	padding: 15px 0 0;

    margin-bottom: 20px;

}



.homepage .page_block {

	padding-top: 0;

    top: 5px;

}



.leftside, .rightside {

	display: block;

	float: none;

	width: 100%;

	border-right: 0;

    padding: 0;

}



.container.hometop {

}



.container.indbot {

    height: auto;

    padding: 20px 0 0;

}



.container.client {

	padding: 10px 10px 0;

}



.client_im, .client_txt {

    float: none;

    width: 100%;

}



.client_im {

    height: 250px;

}



.client_txt {

    height: auto;

}



.client_txt p {

	font-size: 0.875em;

}





td.imside {

	width: 50%;

}



td.txtside {

	width: 50%;

}





.svc_im {

	display: block;

    float: right;

    width: 55%;

    margin: 0 0 20px 25px;

}



.flexslider div.hommain {

	width: 100%;

    height: auto;

    max-height: 400px;

    margin: 0;

    overflow: hidden;

}



.flexslider div.hommain img {

	height: auto;

	visibility: visible;

}



.homepage .rightside {

	border-top: 0;

}



.homepage .leftside {

	border-right: 0;

    padding: 0;

}



.homepage div.rightside.homebot, .prt_web div.rightside.homebot {

	height: auto;

    padding-bottom: 20px;

    border-right: none;

}



.prt_web div.rightside.homebot:first-of-type {

	padding-top:20px;

}



.homepage .rightside.homevents {

	display: none;

}



.homepage .rightside.homeventsml {

	display: block;

    padding-top: 5px;

}



.homepage div.rightside.homebot div.story_block a.adlink, .prt_web div.rightside.homebot div.story_block a.adlink {

   	display: block;

    min-height: 0;

}





.homepage div.rightside.homebot div.story_block, .prt_web div.rightside.homebot div.story_block {

	display: block;

    min-height: 0;

    padding-bottom: 20px;

	margin-bottom: 0;

	border-bottom: 1px dotted rgba(17,93,163,0.5);

}



.prt_web div.rightside.homebot div.story_block {

	   padding-top: 0;

}



.homepage div.rightside.homebot:last-child div.story_block, .prt_web div.rightside.homebot:nth-of-type(3) div.story_block {

	padding-bottom: 0;

    padding-top: 0;

	margin-bottom: 0;

	border-bottom: 0;

}



tr.homebox_im {

	display: none;

}



td.homebox_imrt {

	display: table-cell;

}



td.homebox_imrt img {

	max-height: 220px;

    width: 100%;

    float: right;

    padding: 1px;

}



td.homebox_txt {

	text-align: left;

    padding: 0 20px 5px 0;

}





p.abt_p {

    max-width:600px;

}



#low_bg {

	background-size: cover;

}



}



@media (max-width: 875px) {



.svc_im {

	display: block;

    float: none;

    width: 100%;

    margin: 0 0 20px 0;

}



.pc_content {

	display: none;

}



.mob_content {

	display: block;

}



#low_bg {

    background-Image: linear-gradient(rgba(11, 52, 128, 0.8), rgba(11, 52, 128, 0.3)), url('../template/sbglw.jpg');

    background-size: auto 80%;

}



}







@media (max-width: 675px) {



.page_block {

	

}



body {

	padding: 0;

}



.client_im {

   

}



.porthumb {

     height: 150px;

     width: 150px;

}



h1.sitehdln {

	font-size: 2.5em;

}





.hdsht {

	height: 120px;

    width: 120px;

}



}







@media (max-width: 625px) {



.homepage div.rightside.homebot div.story_block, .prt_web div.rightside.homebot div.story_block {

	padding-bottom: 0;

}



tr.homebox_im {

	display: table-row;

}



td.homebox_imrt {

	display: none;

}



.story_block {

	padding: 0 15px 15px;

}



}







@media (max-width: 500px) {



#low_bg {

    background-Image: linear-gradient(rgba(11, 52, 128, 0.8), rgba(11, 52, 128, 0.3)), url('../template/sbglw.jpg');

    background-size: auto 80%;

}



.content_block.topspot {

	background: #000;

    min-height: 220px;

}





.client_txt p.expnd, p.expnd {

	font-size: 0.75em;

}



.royalSlider p {

	font-size: 1em;

}





}





@supports (-webkit-touch-callout: none) {



#low_bg {

	width: 100%;

    position: absolute;

    bottom: 0;

    z-index: 1;

    background-attachment: local;

    background-clip: border-box, border-box;

    background-Image: linear-gradient(rgba(11, 52, 128, 0.9), rgba(11, 52, 128, 0.3)), url('../template/sbglw_mob.jpg');

    background-repeat: no-repeat;

    background-position: right top;

    background-size: cover;

}



}







@media (max-width: 400px) {





}







@media (max-width: 360px) {





}