/* CSS Document */
.btnCPRC {
    color: #FFF;
    background: #000;
    font-weight: 300;
    font-size: 150%;
    border-radius: 1em;
    padding: 10px 40px;
    margin: 20px;
}
/* CSS Document */
.btnCPRC:hover  {
    color: #FFF;
    background: #0154ff;
    font-weight: 300;
    font-size: 150%;
    border-radius: 1em;
    padding: 10px 40px;
    margin: 20px;
}
.btnCPRC:disabled,
.btnCPRC[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #999;
}
.inline {
	display: inline-block;
}
.footer-container {
	width:100%;
	display: block;
	position: fixed;
	bottom: 15px;
}
.footer-block{
	display: inline-block;
	width: 40%;
}
	.spacer-ftr{
	display: inline-block;
	width:1%;
		}
.content-r1{
		display: block;
	}
.content-r2{
		display: none;
	}
.content-t1{
		display: block;
	}
.content-t2{
		display: none;
	}
.iws-overlay {
			background: url('https://www.islandwebstudios.com/images/overlay.png');
			position: absolute;
			top: 0px;
			width: 100%;
			height: 100%;
			opacity: 0.6;
}
.iws-shadow {
			position: absolute;
			top: 0px;
			width: 100%;
			height: 100%;
			-webkit-box-shadow: inset 0px 0px 150px 85px rgba(0,0,0,1);
			-moz-box-shadow: inset 0px 0px 150px 85px rgba(0,0,0,1);
			box-shadow: inset 0px 0px 150px 85px rgba(0,0,0,1);
}
.sv-wrapper {
	display: inline-block;
	width: 100%;
	background: #0e4cd0 url('https://www.islandwebstudios.com/images/island-blue-wave.jpg') no-repeat;
	text-align: webkit-center;
	text-align: center;
	background-size: cover;
	background-position-x: center;
    background-position-y: 0px;
}
.ct-wrapper {
	display: inline-block;
	width: 100%;
	background: #000 url('https://www.islandwebstudios.com/images/black_wave-b.jpg') no-repeat;
	text-align: webkit-center;
	text-align: center;
	background-size: 100% auto;
	background-position-x: center;
    background-position-y: 0px;
}
.sv-hdr {
	display: block;
	max-width: 1200px;
	margin: auto;
	left:0px;
	text-align: left;
}
.sv-logo {
	display: block;
	width: 100%;
	padding: 50px;
	text-align: left;
}
.sv-logo2 {
	display: block;
	width: 100%;
	padding: 85px 60px;
	text-align: left;
	-webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.banner-text h1{
	font: 600 45px / 1.2em Montserrat, arial;
	padding: 40px 10px 40px 0px;
	color: #fff;
	text-transform: capitalize;
}
.banner-text h2{
	font: 600 34px / 1.2em Montserrat, arial;
	padding: 10px 10px 10px 0px;
	}
.banner-text {
	font: 500 22px / 1.2em Montserrat, arial;
	padding: 30px 20px;
	color: #fff;
}
.hp-banner-text h1{
	font: 200 45px / 1.2em Montserrat, arial;
	padding: 60px 0px 0px 0px;
	color: #fff;
	text-transform: capitalize;
}
.hp-h1-highlight{
	font: 500 50px / 1.2em Montserrat, arial;
	padding: 60px 0px 0px 0px;
    white-space: nowrap;
	color: #fff;
}
	.hp-banner-text h2{
	font: 400 34px / 1.2em Montserrat, arial !important;
	padding: 0px 0px 60px 0px;
	}
	.hp-banner-text p{
	font: 400 34px / 1.2em Montserrat, arial !important;
	padding: 0px 0px 47px 0px;
	margin:30px 0;
	}
.hp-banner-text {
	font: 300 22px / 1.2em Montserrat, arial;
	padding: 30px 20px;
	color: #fff;
}
.section-lower {
	display: block;
	text-align: center;	
	color: #fff;
	width: 100%;
	left: 0px;
	right: 0px;
	position: relative;
/*	background: #123D5B;
    background-repeat: no-repeat;*/
	background: #123D5B url("https://www.islandwebstudios.com/images/underwater.jpg") no-repeat fixed;
	webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
/*	background-attachment: fixed; */
    font-size: 25px;
	z-index: 2;
}
.section-lower p{
	font: 600 40px / 1.2em Montserrat, arial;
	letter-spacing: -.05em;
	padding: 15px 35px 5px 35px;
	width:100%;
	max-width: 1200px;
	display: inline-block;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
}
	.bb-txt{
		display: inline-block;
		position: relative;
		font: 600 40px / 1.2em Montserrat, arial;
		letter-spacing: -.05em;
		padding: 15px 35px 5px 35px;
		width:100%;
		text-align: center;
		padding-bottom: 30px;
	}
	.bb-tb{
		margin: auto;
		padding: 0px 15px;
		background: #000;
		width:85%;
}
.w-space {
	background: url("https://www.islandwebstudios.com/images/wspace.png")repeat-x;
	background-position-y: 40%;

}
.spv10{
	height: 10px;
}
.spv60{
	height: 60px;
}
.spv100{
	height: 100px;
}
.section-bottom p{
	margin:auto;
	padding: 15px 35px 5px 35px;
	font: 200 20px / 1em Montserrat, arial;
	color: #000;
	white-space: normal;
	text-align: justify;
	text-justify: inter-word;
}
.section-bottom h1{
	font: 400 22px / 1em Montserrat, arial;
	letter-spacing: -.05em;
	margin: 0px 8px 0px 8px;
	padding-top: 20px;
	text-transform: uppercase;
}
.section-bottom h2{
	font: 400 20px / 1em Montserrat, arial;
	letter-spacing: -.05em;
	padding: 0px 8px 0px 8px;
	text-transform: uppercase;
}
.top-shadow-b{
		/*background: rgb(17,17,17);
background: -moz-linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 50%, rgba(17,17,17,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 50%, rgba(17,17,17,1) 100%);
background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 50%, rgba(17,17,17,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111111",endColorstr="#111111",GradientType=1);
		background: url("https://www.islandwebstudios.com/images/carbon-h.png")repeat fixed;*/
		background: #000;
		webkit-box-shadow: 0 -14px 7px 0px rgba(0,0,0,0.2);
    	-moz-box-shadow: 0 -14px 7px 0px rgba(0,0,0,0.2);
    	box-shadow:  0 -14px 7px 0px rgba(0,0,0,0.2);
		padding-top: 30px;
		padding-bottom: 30px;
		position: relative;
    	z-index: 2;
	}
	.section-bottom-container-b {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;/*
		background: rgb(17,17,17);
background: -moz-linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 50%, rgba(17,17,17,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 50%, rgba(17,17,17,1) 100%);
background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 50%, rgba(17,17,17,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111111",endColorstr="#111111",GradientType=1);
		background-repeat: no-repeat;
		background: url("https://www.islandwebstudios.com/images/carbon-h.png")repeat fixed;*/
		background: #000;
		color: #fff;
		webkit-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 10px 10px 0px rgba(0,0,0,0.8);
    box-shadow:  0 10px 10px 0px rgba(0,0,0,0.8);
	z-index: 2;
	}
	.section-bottom-b {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		background: #555 url('https://www.islandwebstudios.com/images/overlay.png')repeat;
		color: #fff;
		border: 1px solid #222;
		
	}
	.section-bottom-b p{
	margin:auto;
	padding: 15px 35px 5px 35px;
	font: 200 20px / 1em Montserrat, arial;
	color: #fff;
	white-space: normal;
	text-align: justify;
	text-justify: inter-word;
	text-shadow: 1px 1px 3px black, 0 0 2px black, 0 0 3px black, 1px 1px 3px black, 0 0 2px black, 0 0 3px black;
}
	.section-bottom-b h1{
	font: 400 22px / 1em Montserrat, arial;
	letter-spacing: -.01em;
	color:#fff;
	margin: 0px 8px 0px 8px;
	padding-top: 20px;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px black, 0 0 2px black, 0 0 3px black, 1px 1px 3px black, 0 0 2px black, 0 0 3px black;
}
.section-bottom-b h2{
	font: 400 20px / 1em Montserrat, arial;
	letter-spacing: -.01em;
	color:#fff;
	padding: 0px 8px 0px 8px;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px black, 0 0 2px black, 0 0 3px black, 1px 1px 3px black, 0 0 2px black, 0 0 3px black;
}
	.bbottom{
		margin-top:30px;
		/*background: #1e1e1e;*/
	}
footer{
	background: #555 url('https://www.islandwebstudios.com/images/overlay.png')repeat;
}
footer .copyright {
    padding: 0px;
}
.past-header2 {
	position: fixed;
	bottom:60px;
	left: 0px;
	right:0px;
}
.content-bnr1 {
	background: url(https://www.islandwebstudios.com/images/certification.png) no-repeat;
	background-size: contain;
	background-position-x:center;
	background-position-y:30px;
}
.content-w {
	background: #fff;
	text-align: center;
}
.content-lg {
	background: #f3f3f5;
	text-align: center;
}
.c-container {
	max-width: 1200px;
	overflow: hidden;
	white-space: nowrap;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
.c-textbox {
	border-bottom: 1px solid #ccc;
}
.c-container2 {
	max-width: 900px;
	overflow: hidden;
	white-space: nowrap;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
    padding-right: 10px;
}
.c-container-col {
    max-width: 1400px;
    overflow: hidden;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 0px;
    /* margin-bottom: 20px; */
    padding-bottom: 20px;
}
.c-container h3{
	padding: 10px 10px 10px 0;
	}
.ct-box{
	display: inline-block;
	padding: 4px;
    left: 0;
    right: 0;
    text-align: center;	
}
.ct-textbox {
	display: inline-block;
	width:400px;
	vertical-align: top;
	padding: 0px 25px;
}
.ct-text {
	display: block;
	font: 500 22px / 1.2em Montserrat, arial;
	padding: 3px;
	width:auto;
	text-align: left;
	white-space: normal;
}
.ct-container{
    padding: 0 20px;
    max-width: 1200px;
    margin: auto;
}
.ct-container h3{
	margin-bottom: 0;
	}
.ht-text {
	display: inline-block;
	font: 300 18px / 1.2em Roboto, sans-serif;
	width:auto;
	text-align: left;
	white-space: normal;
	padding:10px 10px 20px 10px;
}
.ht-text2 {
	display: block;
	font: 300 18px / 1.2em Roboto, sans-serif;
	width:auto;
	text-align: left;
	white-space: normal;
	padding:10px 10px 10px 10px;
}
.ht-text3 {
	display: inline-block;
	font: 300 18px / 1.2em Roboto, sans-serif;
	width:80%;
	text-align: left;
	white-space: normal;
	padding:10px 10px 20px 10px;
}
.ht-icon{
	display: inline-block;
	vertical-align: top;
	width:20%;
	text-align: center;
	white-space: normal;
	padding:40px 10px 20px 10px;
}
.ht-text h1{
	padding:0px 10px 10px 10px;
}
.ht-text h2{
	display: block;
	font: 500 34px / 1.2em Montserrat, arial;
	width:auto;
	text-align: left;
	white-space: normal;
	padding:10px 10px 10px 0px;
}
.ht-text h3 {
    display: block;
    font: 500 28px / 1.2em Montserrat, arial;
    width: auto;
    text-align: left;
    white-space: normal;
    padding: 10px 10px 10px 0px;
}
h2, .ht-text h2 {
    display: block;
    font: 500 34px / 1.2em Montserrat, arial !important;
    width: auto;
    text-align: left;
    white-space: normal;
    padding: 10px 10px 10px 0px;
}
h3, .ht-text h3 {
    display: block;
    font: 500 28px / 1.2em Montserrat, arial !important;
    width: auto;
    text-align: left;
    white-space: normal;
    padding: 10px 10px 10px 0px;
}
.t2 {
	display: none;
	visibility: hidden;
	}
/*.ht-text p{
	padding-left: 10%;
	padding-right: 10%;
}*/
.bnr1 {
	margin:-auto;
}
@media only screen and (min-width: 1375px) {
}
@media only screen and (max-width: 1374px) {
		.content-bnr1 {
	background-size: auto;
}
}
@media only screen and (max-width: 1250px) {
	.sv-logo2 {
	display: block;
	width: 100%;
	height:auto;
	padding: 85px 35px;
	text-align: left;
}
.ht-text {
	font: 400 18px / 1.2em Roboto, sans-serif;
	padding:10px 20px 20px 20px;
}
.ht-text2 {
	font: 400 18px / 1.2em Roboto, sans-serif;
	padding:10px 20px 20px 20px;
}
.ht-text3 {
	font: 400 18px / 1.2em Roboto, sans-serif;
	padding:10px 20px 20px 20px;
}
@media only screen and (max-width: 1157px) {
	.section-lower p{
	font: 600 34px / 1.2em Montserrat, arial;
	letter-spacing: -.05em;
	max-width: 1020px;
	}
	.t1 {
		display:none;
		visibility: hidden;
	}
	.t2 {display: block;
		visibility: visible;
	}
		.sv-logo2 {
	display: block;
	width: 100%;
	height:auto;
	padding: 85px 25px;
	text-align: left;
}
}
@media only screen and (max-width: 1024px) {
	.banner-text h1{
	font: 600 38px / 1.2em Montserrat, arial;
	}
	.banner-text h2{
	font: 500 30px / 1.2em Montserrat, arial !important;
	}
	.banner-text {
	font: 500 20px / 1.2em Montserrat, arial;
	padding: 30px 20px 0px 20px;
	}
	.hp-banner-text h1{
	font: 300 38px / 1.2em Montserrat, arial;
	}
	.hp-banner-text h2{
	font: 300 30px / 1.2em Montserrat, arial !important;
	}
	.hp-banner-text p{
	font: 400 26px / 1.2em Montserrat, arial !important;
	}
	.hp-banner-text {
	font: 300 20px / 1.2em Montserrat, arial;
	padding: 30px 20px 0px 20px;
	}
	.section-lower p{
	font: 600 25px / 1.2em Montserrat, arial;
	letter-spacing: -.05em;
	width: 90%;
	text-align: left;
	}
	.section-lower {
		background-attachment: scroll;
	}
	.content-r1{
		display: none;
	}
	.content-r2{
		display: block;
	}
	.bb-txt{
		display: inline-block;
		position: relative;
		font: 100 30px / 1.2em Montserrat, arial;
		letter-spacing: -.08em;
		text-align: center;
		max-width: 870px;
}
	.section-bottom p{
		padding: 15px 8px 5px 8px;
		font: 200 18px / 1.0em Montserrat, arial;
		letter-spacing: -.03em;
		text-align: left;
		line-height: 1.4;
	}
	.section-bottom-b p{
		padding: 15px 8px 5px 8px;
		font: 200 18px / 1.0em Montserrat, arial;
		letter-spacing: -.03em;
		text-align: left;
		line-height: 1.4;
	}
	.past-header2 {
	bottom:60px;
}
	.spacer-ftr{
	display: inline-block;
	width:20%;
		}
	.sv-logo2 {
	display: block;
	width: 100%;
	height:auto;
	padding: 85px 20px;
	text-align: left;
}
}
	@media only screen and (max-width: 950px) {

	.sv-logo2 {
	display: block;
	width: 100%;
	height:auto;
	padding: 75px 20px;
	text-align: left;
}
}
@media only screen and (max-width: 900px) {
		.bb-txt{
		text-align: center;
		max-width: 740px;
	}

}
@media only screen and (max-width: 800px) {
	.sv-logo2 {
	display: block;
	width: 100%;
	height:auto;
	padding: 5px 20px;
	text-align: left;
}
}
@media only screen and (max-width: 768px) {
	h2, .ht-text h2{
	display: block;
	font: 500 28px / 1.2em Montserrat, arial !important;
	}
	h3, .ht-text h3 {
    display: block;
    font: 500 24px / 1.2em Montserrat, arial !important;
	}
	.hp-banner-text p{
	font: 400 24px / 1.2em Montserrat, arial !important;
	}
	.content-t1{
		display: none;
	}
	.content-t2{
		display: block;
	}
	.bb-txt{
		display: block;
		position: relative;
		font: 100 28px / 1.2em Montserrat, arial;
		letter-spacing: -.05em;
		padding: 15px 35px 5px 35px;
		width:100%;
		padding-bottom: 30px;
		margin: auto;
	}
	.bb-tb{
		padding: 0px 15px;
		background: #000;
		width:100%;
}
	.section-lower p{
	font: 600 23px / 1.2em Montserrat, arial;
	letter-spacing: -.02em;
	text-align: left;
	padding: 15px 35px 5px 35px;
	width:100%;
	text-shadow: 3px 3px 8px rgba(0, 0, 0, .8);
}
	.iws-shadow {
			-webkit-box-shadow: inset 0px 0px 100px 55px rgba(0,0,0,1);
			-moz-box-shadow: inset 0px 0px 100px 55px rgba(0,0,0,1);
			box-shadow: inset 0px 0px 100px 55px rgba(0,0,0,1);
}
	footer .copyright a.mf{
		margin-top: 0px;
		top:8px;
	}
	.section-bottom-container-b {
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 20px;
		background: #000;
		color: #fff;
	}
	.section-bottom-b {
		padding-left: 10px;
		padding-right: 10px;
		border-left: none;
		border-right: none;
	}
	.p1{
		display:none
	}
		.ct-textbox {
	display: block;
	width:auto;
}
	.ct-text {
	display: block;
	padding: 3px;
	width:auto;
	text-align: left;
	white-space: normal;
}
	.t1 {
		display:block;
		visibility: visible;
	}
	.t2 {
		display: none;
		visibility: hidden;
	}
	.banner-text h1 {
    font: 600 38px / 1.2em Montserrat, arial;
    padding: 10px 10px 10px 0px;
    color: #fff;
    text-transform: capitalize;
}
	.banner-text h2{
	font: 500 26px / 1.2em Montserrat, arial !important;
	}
	.banner-text {
	font: 300 18px / 1.2em Montserrat, arial;
}
	.hp-banner-text h1 {
    font: 300 38px / 1.2em Montserrat, arial;
    padding: 60px 0px 0px 0px;
    color: #fff;
    text-transform: capitalize;
}
	.hp-banner-text h2{
	font: 300 26px / 1.2em Montserrat, arial !important;
	}
	.hp-banner-text {
	font: 300 18px / 1.2em Montserrat, arial;
}
	.ht-text {
	font: 400 18px / 1.2em Roboto, sans-serif;
	padding:10px 20px 20px 20px;
}
.ht-text2 {
	font: 400 18px / 1.2em Roboto, sans-serif;
	padding:10px 20px 20px 20px;
}
.ht-text3 {
	font: 400 18px / 1.2em Roboto, sans-serif;
	padding:10px 20px 20px 20px;
}
	}
@media only screen and (max-width: 600px) {
.banner-text h1{
	font: 600 36px  / 1.2em Montserrat, arial;
	}
  .hp-banner-text h1{
	font: 300 36px  / 1.2em Montserrat, arial;
	} 
@media only screen and (max-width: 550px) {
		.section-bottom-b {
		padding-left: 0px;
		padding-right: 0px;
	}
	.bb-txt{
		display: block;
		position: relative;
		font: 600 28px / 1.2em Montserrat, arial;
		letter-spacing: -.05em;
		padding: 15px 35px 5px 35px;
		width:95%;
		padding-bottom: 30px;
	}
		.bb-tb{
		padding: 0px 15px;
		background: #000;
		width:100%;
}
	.section-lower p{
	font: 600 22px / 1.2em Montserrat, arial;
	letter-spacing: -.05em;
	text-align: left;
	padding: 15px 35px 5px 35px;
	width:100%;
	max-width: 1200px;
	text-shadow: 3px 3px 8px rgba(0, 0, 0, .8);
}
	.iws-shadow {
			-webkit-box-shadow: inset 0px 0px 65px 30px rgba(0,0,0,1);
			-moz-box-shadow: inset 0px 0px 65px 30px rgba(0,0,0,1);
			box-shadow: inset 0px 0px 65px 30px rgba(0,0,0,1);
}	
	.p1{
		display: inline;
	}
	.ht-icon {
    display: block;
    width: auto;
    padding: 20px 10px 0px 10px;
}
	.ct-textbox {
	display: block;
	width:auto;
}
	.ct-text {
	display: block;
	font: 500 20px / 1.2em Montserrat, arial;
	padding: 3px;
	width:auto;
	text-align: left;
	white-space: normal;
}
	.t1 {
		display:block;
		visibility: visible;
	}
	.t2 {
		display: none;
		visibility: hidden;
	}
	.ht-text3 {
	width:auto;
}
}
@media only screen and (max-width: 450px) {

}
	.bb-txt{
		display: block;
		position: relative;
		font: 600 28px / 1.2em Montserrat, arial;
		letter-spacing: -.05em;
		padding: 5px 0px;
		width:100%;
		padding-bottom: 30px;
		margin: auto;
	}
		.bb-tb{
		padding: 0px 15px;
		background: #000;
		width:100%;
}
.block {
	display: block;
}
.intro-spacer {
	position: relative;
	display: block;
	padding:0!important;
    margin: 0!important;
	opacity:0 ;
	z-index: 0;
}
.past-header2 {
	bottom:65px;
}
}