@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";	
/*	background-color: rgba(0,47,93,1.00);*/
	background-color:white;/**/
	font-size: 14px;/**/
}
a:link {
	text-decoration: none;
	color:rgba(0,47,93,1.00);
    font-weight:bold;
}
a:hover {
	text-decoration:none;
	color:rgba(0,47,93,.50);
    font-weight:bold;
}
a:visited {
	color:rgba(0,47,93,1.00);
}
h1 {font-size: 1.5em;}
h2 {font-size: 1.2em;}

@font-face {
	font-family:"rounded";
	src: url(fonts/ARLRDBD.TTF) format("truetype");
}
.small_text {
    font-size: .6em;
}
.small_text_white {
	color:rgba(207,207,207,1.00);
	font-size: .6em;
    padding: 0 10px;
}
.small_text_white a:link {color:white;text-decoration: none;font-weight: bold;}
.small_text_white a:hover {color:grey;text-decoration: underline;}
.small_text_white a:visited {color:white;}

#background_box {
	width: 100%;
	/*min-height:1837px;*/
	background-image: url();
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;/**/
}
#bodycontent {
	margin:0 auto;
	max-width:1200px;
}
#white_background {
	padding: 5px 10px 10px 10px;
	width:100%;
	float:left;
	background-color:rgba(255,255,255,1.00);
	}
#top_menu {
	text-align: right;
	margin: 0 0 0 28vw;
	/*background-color:red;*/
}
.top_menu_link {
	margin: 0 10px;
	display:inline-block;
}
#banner_top {
	/*position:relative;*/
	/*-webkit-box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.30);
	box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.30);removed 2024 for full screen banner*/
	background-color:rgba(0,111,194,1.00);/* top banner area outside of primary menu*/
	/*overflow:hidden;  original state - changed to make menu show on pages without content inside banner_top div*/
	overflow:visible;
}
#banner_top_left {
	position:absolute;
	top:0;
	left:0;/**/
	width:30vw;
	max-width:150px;
	padding: 5px 0 0 20px;
	z-index: 10;
}
#banner_top_main {
	/*position:relative;*/
	z-index:1;
	margin: 0px 0 0 0;
}
#menu_box {
	margin: 0 20vw 0 160px;
}
#social_media_icons {
	float:right;
	min-height:35px;
	margin:3px 10px;
}
#middle_content {min-height: 610px;}
#middle_content_acc{min-height: 610px;}
#middle_content_home {
	min-height: 780px;
}
#middle_right_column {
	float:right;
	margin: 10px 0px 0 160px;
/*	background:yellow;*/

}
	#mid_r_left_col {
		float:left;
		margin: 0 auto;
		width:300px;
	}
	#mid_r_right_col {
		overflow:hidden;
		margin: 10px 0 0 10px;
		text-align: left;
	}
#middle_left_column {
	width:150px;
	position:absolute;
	text-align:left;
	margin: 10px 0 0 0 ;
}
#middle_left_column.left_span {
    /*width:150px;
    float:left;
    position:relative;
    margin:80px 0 0 0;
    text-align: left;*/
    padding-top:60px;
    text-align: center;
}
#middle_left_column.noleft_span {
    width:auto;
    float:none;
    position:relative;
    margin:30px auto 0 auto;
    text-align: center;
}
.mid_left_block {
	width:150px;/**/
    margin:auto;
}
.icon_box {
	width:100%;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    padding:10px 0 0 0;
    grid-column-gap:10px;
    justify-content: space-between;
}
.icon_listing_center {
    width:90%;
    margin: 0 auto;
}
.icon_listing {
}
.icon_graphic_box {
    width:100%;
}
.icon_listing_right {
	float:right;
	width:48%;
	margin:0 0 10px 10px;
}
.icon_graphic {
	float:none;
    width:100%;
	font-size: 0;/*to prevent space below icon image*/
/*	margin: 0 4% 1% 0;*/
	background-image: -webkit-linear-gradient(309deg,rgba(0,111,194,1.00) 0%,rgba(0,143,251,1.00) 100%);
	background-image: -moz-linear-gradient(309deg,rgba(0,111,194,1.00) 0%,rgba(0,143,251,1.00) 100%);
	background-image: -o-linear-gradient(309deg,rgba(0,111,194,1.00) 0%,rgba(0,143,251,1.00) 100%);
	background-image: linear-gradient(309deg,rgba(0,111,194,1.00) 0%,rgba(0,143,251,1.00) 100%);
	border-radius: 10px;
}
.icon_text_box {
    text-align: center;
    margin:10px 0 0 0;
}
.icon_text_box p {line-height: 1.1;}
.icon_text_box p {    
    align-items: center;
    justify-content: center;
    /*font-size: .8em;*/
}
#mid_r_right_col ul li{
    background: url("images_icons-easydive/EasyDive_bullet_10x.png") no-repeat 5px 6px;
    margin:0;
    list-style: none;
    padding-left:20px;
}
#teas_box {
    display:flex;
    padding:10px;
    }
.model_teas {
    width:45%;
    text-align:center;
    float:left;
    margin:0 3%;
}
#model_specs {
    margin: 10px auto;
    width:100%;
}
#model_specs_desc {
    width:49%;
    float: left;
    text-align: right;
}
#model_specs_data {
    text-align: left;
    width:49%;
    float: right;
}
.model_box {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.model_box_content {
    max-width:500px;
    min-width:300px;
    flex:1;
    transition: transform .2s;
    z-index:99;
}
.model_box_content:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.5);
    z-index:101;
}
.model_box_content_no_hover {   
    max-width:500px;
    min-width:250px;
    margin:10px auto;
}
/*qa special section*/
/*span*/
#qa_boxes {}
#qa_boxes p {}
#qa_bg_contents {position: absolute;left:0;top:0;width:100%;}
#qa_bg_left {margin-left:1%;float:left;width:48%;background-image: linear-gradient(rgba(255,204,41,1.00),rgba(255,255,255,1.00));border-radius: 10px;min-height: 500px;height: 100%; }
#qa_bg_right {margin-right:1%;float:right;width:48%;background-image: linear-gradient(rgba(104,135,255,1.00),rgba(255,255,255,1.00));border-radius: 10px;min-height:500px;height:100%;}
.questiontext {clear:both;background-color: rgba(184,184,184,0.90);padding:2%;border-radius: 5px;font-style: italic;color:black;font-weight: bold;}
.answerleft {float:left;width:48%;margin:1%;padding:2%;}
.answerright {float:right;width:48%;margin:1%;padding:2%;}
.answerleft .answerright p {z-index: 10;color:black;}
/*.function_box {
	float: right;
	width: 23.5%;
	padding: 10px;
	margin: 0 0 10px 0;
	background-color: rgba(219,221,229,1.00);
	-webkit-box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.30);
	box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.30);
}*/
/*.function_graphic {
	font-size: 0;
	margin: 0 0 5px 0;
	background-image: -webkit-linear-gradient(309deg,rgba(0,109,209,1.00) 0%,rgba(0,47,93,1.00) 100%);
	background-image: -moz-linear-gradient(309deg,rgba(0,109,209,1.00) 0%,rgba(0,47,93,1.00) 100%);
	background-image: -o-linear-gradient(309deg,rgba(0,109,209,1.00) 0%,rgba(0,47,93,1.00) 100%);
	background-image: linear-gradient(141deg,rgba(0,109,209,1.00) 0%,rgba(0,47,93,1.00) 100%);
	border-radius: 10px;
}*/
#bottom_tag {
/*	position:relative;*/
	clear:both;
	padding: 20px 0 0 0;
	background: rgba(0,111,194,1.00);
	width:100%;
	float:left;
	-webkit-box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.30);
	box-shadow: 3px 3px 5px 2px rgba(0,0,0,0.30);
}
.bottom_span {
	width:23%;
	padding:10px 0;
	margin: 0 0 0 10px;
	float:left;	
	font-size: .9em;
	color: rgba(222,222,227,1.00);
}
.bottom_span a:link {color: rgba(222,222,227,1.00);}
.bottom_span a:hover {color:rgba(155,155,155,1.00);}
.bottom_span a:visited {color: rgba(222,222,227,1.00);}

#bottom_span_whyhow {padding: 10px 0 0 20px;}

#bottom_logo {max-width: 234px;}


@media (max-width: 1200px){
	#background_box {
		background-image: none;
		min-height: 0px;
		}
	
}


@media (max-width: 979px){
	body {
	font-size: 16px;
	}
	
	#banner_top_left {
		margin:auto;
		float:none;
	}
	#middle_left_column {
		position:relative;
		width:100%;
		text-align: center;
		clear:both;
		}
	#middle_right_column {
		width:auto;
		margin: 10px 0 0 0;
        float:none;/*10/18*/
	}
	#mid_r_left_col {
		float:none;
		text-align:center;
	}
	#mid_r_right_col {
		float:none;
		margin: auto 10px;
	}
    #middle_left_column.left_span {
        float:none;
        padding-top:0;
    }
	#function_icons {margin: 0 10px 10px 10px;}
    #middle_content {min-height: auto;}
    #middle_content_acc{min-height: auto;}

}

@media (max-width: 480px){
	
	#menu_box {
		clear:both;
		margin:0;
		width:100%;
	}
    .icon_listing {
    }

   .icon_text_box {
    }
    #teas_box {display:block;padding:10px;}   
    .model_teas {
        width:100%;
        text-align:center;
        float:none;
        margin:10px 3%;
}  
	.bottom_span {
		float:none;
		margin:0 auto;
/**/	width:100%;
		text-align: center;
	}
	#bottom_span_whyhow {padding: 0;}
}

@media (max-width: 320px){
}