/* CSS Document */

/* CSS Media Queries */


/* Large desktop */
@media screen and (min-width: 1200px) {

.cursor		{pointer-events:none; cursor:default;  	}
	
}


@media screen and (max-width: 1170px) {	
.fullwidthbanner-container {
    margin-top: 0px;
}

.page-background {
display:none;
}

.tel-mob {
display:inline-block;	
}


}

@media screen and (max-width: 1024px) {			

.main-outer {
	padding:0;
}

.fullwidthbanner-container {
    margin-top: 50px;
}

.full-width-container img {
    padding: 40px;
}	

#contact-details {
display:none;	
}

header { 
position: fixed; 
top:0;  
}


.slogan {
	 width:70%; margin:0; float:left; clear:right;		
  background: linear-gradient(
    to right, 
    #f4f4f4 0%, 
    #f4f4f4 74%, 
    #b51d1d 50%, 
    #b51d1d 100% );
  height: 100%;
  width: 100%;
  text-align:center;
}

.emailus  {
	padding-left:0px;
}


/* Navigation */

#desk-header {
display:none;	
}

#mobile-header {
display:block;	
height:80px;
background-color: #1f0505;
}


.slideborder {
	border:none;
	border-top:solid 5px rgba(250,250,250,0.1);
}

/* MOBILE MENU */

.navbar {
width:10%;
float:left; 
clear:right;
padding: 25px 20px;	
}


#social {
display:inline-block;
float: right;
clear: right;
padding: 27px 15px;
width: 18%;
text-align: right;
width:25%; max-height:80px; 
background-color:#8F0C0F;
}

#social img {
width:30px;	
display:inline-block;
margin-right:2px;
}


.navbar { 
	width:25%; 
	max-height:80px;
	background-color: #fff;
	}

#main-logo { 
width: 50%;
float:left; 
clear:right;
text-align:center;
height:100%; 
background-color: #004f83;

}

#main-logo img {
width: 100px;
padding-top: 15px;
text-align: center;
}

	

#sb-site, .sb-site-container {

	background-color: #004f83; 
}
	
.home-banner {
    margin-top: 80px;
}
	
	
.textswapwrapper {
    margin: 80px auto;
    padding: 20px;
    top: 0%;
    left: 7%;
}	
	
.sentence {
    font-size: 9.5vw;
}
	

/* Icon 1 */

#nav-icon {
  width: 40px;
  height: 45px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #444;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}



#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 12px;
}

#nav-icon span:nth-child(4) {
  top: 24px;
}

.sb-active #nav-icon span:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
}

.sb-active #nav-icon span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sb-active #nav-icon span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sb-active #nav-icon span:nth-child(4) {
  top: 12px;
  width: 0%;
  left: 50%;
}




.offtop {
	transform:translateY(-10px);
}	
.offtop120 {
	transform:translateY(-10px);
}	


	
#foot-logo {
width: 120px;
}	
	
	
.splitblock {
 width:70%; margin:0; float:left; clear:right;		
  background: linear-gradient(
    to right, 
    #004f83 0%, 
    #004f83 25%, 
    #f4f4f4 25%, 
    #f4f4f4 100% );
  height: 100%;
  width: 100%;
  text-align:center;	
}
	
.sectionpad25 {
    padding: 25px 25px 25px 10px;
}

.sectionpad25 h1 {
    padding: 10px 30px 10px 0;
}	
	
.sectionpad25 h2 {
    padding: 0 30px 0 0;
}
	
	
	
	
.rightblock {
padding-top:80px;			
}
	
.sectionpad	{
padding:0 50px;		
}

.cform	{
padding:0 0 0 10px;		
}
	
.page-banner img{
padding:40px 40px 0 40px;		
}	
	
	
}



@media screen and (max-width: 767px) {

#full-width-contact-container       {margin-top:4em;}
 
.full-width-container img {
    padding: 60px;
}		
	
.footer-boxes .footer-logo	{display:none;		}

.textswapwrapper {
    margin: 60px auto;
    padding: 20px;
    top: 0%;
    left: 7%;
}
	
.page-banner {
padding-top:100px;		
}
	
.page-banner img{
padding:10px;		
}
	
.sectionpad25 h1 {
  text-align:center;
  color:#777;
	padding:0;
}
	
.sectionpad25 h2 {
  text-align:center;
  padding:0;
	font-size:20px;
}	

.sp25form {
    padding: 25px 10px 25px 10px;	
}

.cform70 {
    width:100%;	
}

.rightblock {
    padding-top: 0px;
}	
	
.textblock {
    border-bottom: solid 2px #ccc;
    float: left;
    clear: right;
    width: 100%;
    padding:30px 0 50px 0;
}

	
.splitblock {
 width:70%; margin:0; float:left; clear:right;		
  background: linear-gradient(
    to right, 
    #004f83 0%, 
    #004f83 4%, 
    #f4f4f4 4%, 
    #f4f4f4 100% );
  height: 100%;
  width: 100%;
  text-align:center;	
}	
	
	
#social {
    padding: 27px 10px;
}

#social img {
    width: 25px;
}	
	
.slideh1		{ font-size:56px !important;			}
.slidep1		{ font-size:16px !important;		}
.slidep2		{ font-size:18px !important;		}


.col-80			{ width:98%; 	}
.col-70			{ width:98%;	}
.col-60			{ width:98%; 	}
.col-50			{ width:98%; 	}
.col-40			{ width:98%; 	}
.col-33			{ width:98%; 	}
.col-30			{ width:98%; 	}
.col-25			{ width:98%;   	}
.col-20			{ width:98%;   	}

.slogan h2 {
font-size:24px;	
}	

	
.btnside-full {
    width: 50%;
}	
	
	
.sb-submenu			{margin-top:10px !important;	}
.sb-slidebar		{margin-top:70px !important;	}		


.desk {
display:none;	
}

.mobile {
display:block;	
}


.emailus p {
	text-align:center;
}

.emailus img {
	text-align:center;
}

.foot-left, .foot-right {
width:100%;
}

.foot-right {
text-align: left;
padding: 20px;
}
	
.footline {
	
}	
	
#foot-logo {
    width: 70px;
    left: 80%;
    right: 20px;
    margin-left: auto;
    margin-right: auto;
    top: 20px;
}	
	

 .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
	
	
	


}



/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 100% !important;
    padding: 0; }
}