@font-face {
	font-family: 'Segoe UI Regular';
	src: local('Segoe UI Regular'), url('../woff/segoe%20ui.woff') format('woff');
	} 
body{
	font-family: 'Segoe UI Regular';
}
#large_device{display:none;}
.banner-h1 span{color:#000}
.banner .bgimg {
    width: auto;
    height: 480px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 100%;
    background-color:#fff;
}
.tag-lines{/*background-color:#feb406;*/}

.service-icon {
  display: inline-block;
    width: 127px;
    height: 127px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: 1px solid #3E87C7;
    padding: 26px;
    background-color:#fff;
}

.shades-text{padding-top: 52px !important;}
.shades-text ul{margin-left:20px;}
.shades-text ul li::before {
 /*content: "\2022";*/
  color: #feb406;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.shades-text ul li{
	text-align:left;
	font-size: 17px;
}
.banner-text{width:100%;padding-top: 24pt;}
.shipway-buttons {
	width: 60%;
    margin: 50px auto;
}
.shipway-buttons a{width: auto;
    float: left;
    padding: 9px 20px;
    /*background-color: #feb406;*/
    background-color:#26a69a;
    margin-left: 10px;
    border-radius: 2px;
    margin: 0px 0px 0px 90px;
    color:#fff;
}
.bg-image-inner{width:50%;float:left;padding-left: 70px;}
.status-image{width:50%;float:left;overflow: hidden;}
.status-image img{width:100%;}

@media (min-width: 1595px) and  (max-width: 1784px) {
	.banner .bgimg {
	    width: auto;
	    height: 388PX;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
}
@media (min-width: 1785px) and  (max-width: 1899px) {
	.banner .bgimg {
	    width: auto;
	    height: 390PX;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.status-image img {width: 100%;}
	
}
@media (min-width: 1900px) and  (max-width: 2140px) {
	.banner .bgimg {
	    width: auto;
	    height: 389PX;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.status-image img{width:100%;}
	.shipway-buttons {
	    clear: both;
	    width: 66%;
	    margin: auto;
	}
}
@media (min-width: 2141px) and  (max-width: 2855px) {
	.banner .bgimg {
	    width: auto;
	    height: 390;
	    /*background-image: url(../images/banner-new-2.png);*/
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.status-image img{width:100%;}
	.shipway-buttons {
	    clear: both;
	    width: 66%;
	    margin: auto;
	}
}
@media (min-width: 2856px) and  (max-width: 4274px) {
	.banner .bgimg {
	    width: auto;
	    height: 390px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.status-image img{width:100%;}
	.shipway-buttons {
	    clear: both;
	    width: 66%;
	    margin: auto;
	}
}

@media (min-width: 4275px) and  (max-width: 4759px) {
	.banner .bgimg {
	    width: auto;
	    height: 393PX;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.status-image img{width:100%;}
	.shipway-buttons {
	    clear: both;
	    width: 66%;
	    margin: auto;
	}
}
@media (min-width: 4760px) and  (max-width: 5000px) {
	.banner .bgimg {
	    width: auto;
	    height: 675px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.status-image img{width:36%;}
}
@media (min-width: 5701px)  {
	.banner .bgimg {
	    width: auto;
	    height: 390px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.status-image img{width:100%;}
	.shipway-buttons {
	    clear: both;
	    width: 66%;
	    margin: auto;
	}
	.banner-h1 {
	    text-align: center;
	    font-size: 3.2rem;
	}
}

@media (min-width: 1401px) and  (max-width: 1594px) {
	
	.banner .bgimg {
	    width: auto;
	    height: 388PX;
	    /*background-image: url(../images/banner-new-2.png);*/
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
}
@media (min-width: 1341px) and  (max-width: 1400px) {
	
	.banner .bgimg {
	    width: auto;
	    height: 500px ;
	    /*background-image: url(../images/banner-new-2.png);*/
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
}

@media (min-width: 1199px) and  (max-width: 1340px) {
	
	.banner .bgimg {
	    width: auto;
	    height: 352px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.bg-image-inner{width:50%;float:left;}
	.status-image{width:50%;float:left;overflow: hidden;}
	.status-image img{width:100%;}
	.banner-h1 {
	    text-align: center;
	    font-size: 3.2rem;
	}
	.shipway-buttons {
	    width: 73%;
	    margin: 50px auto;
	}
}

@media (min-width: 1116px) and (max-width: 1198px) {
	.banner .bgimg {
	    width: auto;
	    height: 310px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.bg-image-inner{width:50%;float:left;}
	.status-image{width:50%;float:left;overflow: hidden;}
	.status-image img{width:100%;}
	.banner-h1 {
	    text-align: center;
	    font-size: 3.2rem;
	}
	.shipway-buttons {
	    width: 83%;
	    margin: 50px auto;
	}
}
@media (min-width: 1031px) and (max-width: 1115px) {
	.banner .bgimg {
	    width: auto;
	    height: 460px;
	    /*background-image: url(../images/banner-new-2.png);*/
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.bg-image-inner{width:50%;float:left;}
	.status-image{width:50%;float:left;overflow: hidden;}
	.status-image img{width:100%;}
	.banner-h1 {
	    text-align: center;
	    font-size: 3.2rem;
	}
	.shipway-buttons {
	    width: 83%;
	    margin: 50px auto;
	}
}
@media (min-width: 965px) and (max-width: 1030px) {
	.banner .bgimg {
	    width: auto;
	    height: 280px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.bg-image-inner{width:50%;float:left;}
	.status-image{width:50%;float:left;overflow: hidden;}
	.status-image img{width:100%;}
	.banner-h1{font-size: 2rem;}

	.bg-image-inner .hide-on-med-and-down{display:block !important;}

	.shipway-buttons {
		width: 62%;
	    margin: 0px auto;
	}
	.shipway-buttons a{width: auto;
	    float: left;
	    padding: 9px 20px;
	    /*background-color: #feb406;*/
	    background-color:#26a69a;
	    margin-left: 10px;
	    border-radius: 2px;
    	margin-top: 10px;
	    color:#fff;
	}
}



@media (min-width: 859px) and (max-width: 964px){
	.banner .bgimg {
	    width: auto;
	    height: 734px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.bg-image-inner{width:100%;padding-left:0px !important}
	.status-image{width:100%;overflow: hidden;}
	.status-image img{width:100%;}
	.banner-h1{font-size: 3rem;}

	.bg-image-inner .hide-on-med-and-down{display:block !important;}

	.shipway-buttons {
		width: 23%;
	    margin: 0px auto;
	}
	.shipway-buttons a{width: auto;
	    float: left;
	    padding: 9px 20px;
	    background-color:#26a69a;
	    margin-left: 10px;
	    border-radius: 2px;
    	margin-top: 10px;
	    color:#fff;
	}
}

@media (min-width: 739px) and (max-width: 858px){
	.banner .bgimg {
	    width: auto;
	    height: 581px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.bg-image-inner{width:100%;}
	.status-image{width:100%;overflow: hidden;}
	.banner-h1{font-size: 2rem;}

	.bg-image-inner .hide-on-med-and-down{display:block !important;}

	.shipway-buttons {
		width: 41%;
	    margin: 0px auto;
	}
	.shipway-buttons a{width: auto;
	    float: left;
	    padding: 9px 20px;
	    /*background-color: #feb406;*/
	    background-color:#26a69a;
	    margin-left: 10px;
	    border-radius: 2px;
    	margin-top: 10px;
	    color:#fff;
	}
}

@media (min-width: 680px) and (max-width: 738px){
	.banner .bgimg {
	    width: auto;
	    height: 546px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.bg-image-inner{width:100%;}
	.status-image{width:100%;overflow: hidden; margin-left:auto;margin-right:auto;background-position: 100% 100%;}
	.status-image img{width:100%;}
	.banner-h1{font-size: 1.7rem;}
	.tag-lines{width:90% !important;}

	.bg-image-inner .hide-on-med-and-down{display:block !important;}

	.shipway-buttons {
		width: 50%;
	    margin: 0px auto;
	}
	.shipway-buttons a{width: auto;
	    float: left;
	    padding: 9px 20px;
	    /*background-color: #feb406;*/
	    background-color:#26a69a;
	    margin-left: 10px;
	    border-radius: 2px;
    	margin-top: 10px;
	    color:#fff;
	}
}

@media (min-width: 624px) and (max-width: 679px){
	.banner .bgimg {
	    width: auto;
	    height: 635px;
	    /*background-image: url(../images/banner-new-2.png);*/
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.bg-image-inner{width:100%;}
	.status-image{width:100%;overflow: hidden; margin-left:auto;margin-right:auto;background-position: 100% 100%;}
	.status-image img{width:100%;}
	.banner-h1{font-size: 2rem;}

	.bg-image-inner .hide-on-med-and-down{display:block !important;}

	.shipway-buttons {
		width: 30%;
	    margin: 0px auto;
	}
	.shipway-buttons a{width: auto;
	    float: left;
	    padding: 9px 20px;
	    /*background-color: #feb406;*/
	    background-color:#26a69a;
	    margin-left: 10px;
	    border-radius: 2px;
    	margin-top: 10px;
	    color:#fff;
	}
	.bg-image-inner {
    	top: 0px !important;
    }
	
}

@media (min-width: 560px) and (max-width: 623px){
	.banner .bgimg {
	    width: auto;
	    height: 488px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.bg-image-inner{width:100%;}
	.status-image{width:100%;overflow: hidden; margin-left:auto;margin-right:auto;background-position: 100% 100%;}
	.status-image img{width:100%;}
	.banner-h1{font-size: 1.6rem;}

	.bg-image-inner .hide-on-med-and-down{display:block !important;}

	.shipway-buttons {
		width: 55%;
	    margin: 0px auto;
	}
	.shipway-buttons a{width: auto;
	    float: left;
	    padding: 9px 20px;
	    /*background-color: #feb406;*/
	    background-color:#26a69a;
	    margin-left: 10px;
	    border-radius: 2px;
    	margin-top: 10px;
	    color:#fff;
	}
	.bg-image-inner {
    	top: 0px !important;
    }
    .tag-lines{width:98% !important;}
	
}

@media (min-width: 400px) and  (max-width: 560px){
	.banner .bgimg {
	    width: auto;
	    height: 419px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.bg-image-inner{width:100%;}
	.status-image{width:100%;overflow: hidden; margin-left:auto;margin-right:auto;background-position: 100% 100%;}
	.status-image img{width:100%;}
	.banner-h1{font-size: 1.2rem;}

	.bg-image-inner .hide-on-med-and-down{display:block !important;}

	.shipway-buttons {
		width: 68%;
	    margin: 0px auto;
	}
	.shipway-buttons a{width: auto;
	    float: left;
	    padding: 9px 20px;
	    background-color:#26a69a;
	    margin-left: 10px;
	    border-radius: 2px;
    	margin-top: 10px;
	    color:#fff;
	}
	.bg-image-inner {
    	top: 0px !important;
    }
    .tag-lines{width:92% !important;}
}
@media (min-width: 320px) and  (max-width: 399px){
	.banner .bgimg {
	    width: auto;
	    height: 370px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.bg-image-inner{width:100%;}
	.status-image{width:100%;overflow: hidden; margin-left:auto;margin-right:auto;background-position: 100% 100%;}
	.status-image img{width:100%;}
	.banner-h1{font-size: 0.8rem;}

	.bg-image-inner .hide-on-med-and-down{display:block !important;}

	.shipway-buttons {
		width: 96%;
	    margin: 0px auto;
	}
	.shipway-buttons a{width: auto;
	    float: left;
	    padding: 9px 20px;
	    /*background-color: #feb406;*/
	    background-color:#26a69a;
	    margin-left: 10px;
	    border-radius: 2px;
    	margin-top: 10px;
	    color:#fff;
	}
	.bg-image-inner {
    	top: 0px !important;
    }
    .tag-lines{width:90% !important;}
}

@media (max-width: 319px){
	.banner .bgimg {
	    width: auto;
	    height: 320px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position-x: 100%;
	    background-position-y: 100%;
	}
	.bg-image-inner{width:100%;padding-left: 50px;}
	.status-image{width:100%;overflow: hidden; margin-left:auto;margin-right:auto;background-position: 100% 100%;}
	.status-image img{width:100%;}
	.banner-h1{font-size: 0.7rem;}

	.bg-image-inner .hide-on-med-and-down{display:block !important;}

	.shipway-buttons {
		width: 100%;
	    margin: 0px auto;
	}
	.shipway-buttons a{width: auto;
	    float: left;
	    padding: 9px 10px;
	    /*background-color: #feb406;*/
	    background-color:#26a69a;
	    margin-left: 10px;
	    border-radius: 2px;
    	margin-top: 10px;
	    color:#fff;
	}
	.bg-image-inner {
    	top: 0px !important;
    }
}
