/* 
Tri City Limited
Copyright © 2022 
written for - Tri City Limited

Colors -
White			#ffffff
Black			#000000
sky blue		#3cc5ef
dark blue		#122742
*/


body{
	width:100%;
	font:normal 10pt Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background:#ffffff;
}

html{overflow-x: hidden;}
img, img a{
	border:none 0px;	
}
img:hover, a img:hover{
	transition: ease-in-out 0.3s;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	transition: 0.3s;
}
.xs-space{
	width:100%;
	height:auto;
	float:left;
	margin-top:20px;	
}
.s-space{
	width:100%;
	height:auto;
	float:left;
	margin-top:30px;	
}
.list_pro_s_space {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
}
.m-space{
	width:100%;
	height:auto;
	float:left;
	margin-top:40px;	
}
.l-space{
	width:100%;
	height:auto;
	float:left;
	margin-top:60px;	
}
.xl-space{
	width:100%;
	height:auto;
	float:left;
	margin-top:90px;	
}
.xxl-space{
	width:100%;
	height:auto;
	float:left;
	margin-top:130px;	
}

.container{
	width:100%;
	margin:0px;
}
.fix{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.full_box{
	width:100%;
	float:left;
	margin:0px;
}

.top_bg{
	width:100%;
	float:left;
	margin:40px 0 0 0;
}
.top_logo{
	width:162px;
	height:auto;
	float:left;
	margin:0 50px 0 0;
}
.top_logo img{
	width:100%;
	height:auto;
	float:left;
	margin:0 50px 0 0;
}
.top_bg_center{
	width:40%;
	float:left;
	margin:45px 0 0 18%;
}
.top_bg_nav{
	width:auto;
	float:left;
	margin:0px;
}
.topnav {
  overflow: hidden;
}
.topnav a {
	width:auto;
	float:left;
	margin:0 40px 0 35px;
	padding:5px 0px 5px 0px;
	font:normal 14pt Arial, Helvetica, sans-serif;
	color:#000000;
}
.topnav a:hover{
	color:#999999;
	transition: 0.3s;
	text-decoration:none;
}
.topnav a.active {
  border-bottom:solid 2px #3cc5ef;
}

.topnav .icon {
  display: none;
}

.top_bg_right{
	width:auto;
	float:right;
	margin:15px 0 0 0px;
}
.top_contact_btn{
	width:auto;
	float:right;
	margin:0px 0 0 0px;
	padding:28px 60px;
	border:solid 2px #3cc5ef;
	font:normal 14pt Arial, Helvetica, sans-serif;
	color:#122742;
	text-align:center;
	cursor:pointer;
	border-radius:50px;
	transition: ease-in-out 0.3s;
}
.top_contact_btn:hover{
	background:#3cc5ef;
	color:#ffffff;
	transition: 0.3s;
}
.top_gray_line{
	width:100%;
	height:2px;
	float:left;
	margin:40px 0 0px 0;
	background:#eeeeee;
}

.home_banner_bg{
	width:100%;
	float:left;
	margin:25px 0 0 0;
}
.home_banner_title{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.home_banner_title h1{
	width:100%;
	float:left;
	margin:0 0 0 0;
	font:bold 55pt Arial, Helvetica, sans-serif;
	color:#122742;
	text-align:center;
}
.home_banner_left{
	width:60%;
	float:left;
	margin:100px 0 0 0;
}
.home_banner_left h3{
	width:100%;
	float:left;
	margin:0 0 0 0;
	font:bold 36pt Arial, Helvetica, sans-serif;
	color:#3cc5ef;
}
.home_banner_left span{
	width:70%;
	float:left;
	margin:0 0 0 30%;
	font:bold 36pt Arial, Helvetica, sans-serif;
	color:#3cc5ef;
}
.home_banner_center{
	width:31%;
	float:right;
	margin:0 0 0 0;
}
.home_banner_center img{
	width:461px;
	height:auto;
	float:left;
	margin:0 0 0 0;
}
.home_banner_right{
	width:28%;
	float:right;
	margin:100px 0 0 0;
}
.home_banner_right_full{
	width:100%;
	float:left;
	margin:0 0 50px 0;
}
.home_banner_right img{
	width:79px;
	height:84px;
	float:left;
	margin:0 0 0 0;
}
.home_banner_right p{
	width:75%;
	float:right;
	margin:22px 0 0 0;
	font:normal 24pt Arial, Helvetica, sans-serif;
	color:#333333;
}
.home_banner_right_text1{
	width:75%;
	float:right;
	margin:22px 0 0 0;
	font:normal 24pt Arial, Helvetica, sans-serif;
	color:#333333;
}
.home_banner_right_text2{
	width:75%;
	float:right;
	margin:8px 0 0 0;
	font:normal 22pt Arial, Helvetica, sans-serif;
	color:#333333;
}

.home_bottom_bg{
	width:100%;
	height:350px;
	float:left;
	margin:-100px 0 0 0;
	background:#eeeeee;
	z-index:-1;
	position:absolute;
}

.home_about_bg{
	width:100%;
	float:left;
	margin:50px 0 0 0;
	padding:0;
	background:#ffffff;
}
.home_about_bg h1{
	width:100%;
	float:left;
	margin:50px 0 50px 0;
	font:bold 55pt Arial, Helvetica, sans-serif;
	color:#122742;
	text-align:center;
}
.home_about_bg p{
	width:100%;
	float:left;
	margin:50px 0 50px 0;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#122742;
	text-align:center;
}
.home_about_bg img{
	width:1047px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.pro_catalog_bg{
	width:100%;
	height:350px;
	float:left;
	margin:50px 0 0 0;
	padding:20px 0px;
	background:#eeeeee;
}
.pro_catalog_img{
	width:50%;
	height:auto;
	float:left;
	margin:-60px 0 0 0;
}
.pro_catalog_img img{
	width:665px;
	height:auto;
	float:left;
	
}
.pro_catalog_right{
	width:42%;
	float:right;
	margin:0 0 0 0px;
}
.pro_catalog_right h1{
	width:100%;
	float:left;
	margin:10px 0 0 0;
	font:bold 55pt Arial, Helvetica, sans-serif;
	color:#122742;
}
.pro_catalog_right p{
	width:100%;
	float:left;
	margin:30px 0 0 0;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#122742;
}
.pro_catalog_btn{
	width:auto;
	float:left;
	margin:40px 0 0 0px;
	padding:28px 60px;
	border:solid 2px #3cc5ef;
	font:normal 14pt Arial, Helvetica, sans-serif;
	color:#122742;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	border-radius:50px;
	transition: ease-in-out 0.3s;
}
.pro_catalog_btn:hover{
	background:#3cc5ef;
	color:#ffffff;
	transition: 0.3s;
}

.contact_bg{
	width:100%;
	float:left;
	margin:25px 0 0 0;
}
.contact_title{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.contact_title h1{
	width:100%;
	float:left;
	margin:0 0 0 0;
	font:bold 55pt Arial, Helvetica, sans-serif;
	color:#122742;
	text-align:center;
}
.contact_title p{
	width:100%;
	float:left;
	margin:10px 0 0 0;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#122742;
	text-align:center;
}

.contact_left_order{
	width:50%;
	float:left;
	margin:30px 0 0 25%;
}
.contact_left_order label{
	width:100%;
	float:left;
	margin:0 0 0 0;
	text-align:left;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#122742;
}
.contact_left_order input[type=text], select, textarea{
	width:100%;
	float:left;
	margin:5px 0 40px 0;
	padding:10px 0;
	border:none;
	border-bottom:solid 1px #cccccc;
	font:normal 14pt Arial, Helvetica, sans-serif;
	color:#121F28;
}

.contact_left{
	width:55%;
	float:left;
	margin:30px 0 0 0px;
}
.contact_left label{
	width:100%;
	float:left;
	margin:0 0 0 0;
	text-align:left;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#122742;
}
.contact_left input[type=text], select, textarea{
	width:100%;
	float:left;
	margin:5px 0 40px 0;
	padding:10px 0;
	border:none;
	border-bottom:solid 1px #cccccc;
	font:normal 14pt Arial, Helvetica, sans-serif;
	color:#121F28;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#cccccc;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#cccccc;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color:#cccccc;
}
.captcha{
	width:75%;
	float:left;
	margin:0 0 0 0;
}
.captcha img{
	width:50%;
	height:auto;
	float:left;
	margin:0 0 0 0;
	border-radius:20px;
	webkit-box-shadow: 4px 4px 10px 1px #eeeeee;
    -moz-box-shadow: 4px 4px 10px 1px #eeeeee;
    box-shadow: 4px 4px 10px 1px #eeeeee;
	border:solid 2px; color:#FFF;
}
.captcha input[type=text]{
	width:40%;
	height:40px;
	float:left;
	padding:20px 0;
	margin:5px 0 0 30px;
	border:none;
	border-bottom:solid 1px #cccccc;
	font:normal 14pt Arial, Helvetica, sans-serif;
	color:#121F28;
	text-align:center;
}
.submit_btn_bg{
	width:auto;
	float:right;
	margin:0 0 0 0px;																							
}
.submit_btn{
	width:auto;
	float:right;
	margin:0px 0 0 0px;
	padding:28px 60px;
	border:solid 2px #3cc5ef;
	font:normal 14pt Arial, Helvetica, sans-serif;
	color:#122742;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	border-radius:50px;
	transition: ease-in-out 0.3s;
}
.submit_btn:hover{
	background:#3cc5ef;
	color:#ffffff;
	transition: 0.3s;
}

.contact_right{
	width:35%;
	float:right;
	margin:80px 0 0 0px;
}
.contact_right p{
	width:100%;
	float:left;
	margin:10px 0 0 0;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#122742;
}

.footer_bg{
	width:100%;
	float:left;
	margin:40px 0 0 0;
}
.footer_logo{
	width:162px;
	height:auto;
	float:left;
	margin:0 50px 0 0;
}
.footer_logo img{
	width:100%;
	height:auto;
	float:left;
	margin:0 50px 0 0;
}
.footer_center{
	width:auto;
	float:left;
	margin:65px 0 20px 5%;
}
.footer_bg_nav{
	width:auto;
	float:left;
	margin:0px;
}
.footer_topnav {
  overflow: hidden;
}
.footer_topnav a {
	width:auto;
	float:left;
	margin:0 40px 0 35px;
	padding:5px 0px 5px 0px;
	font:normal 14pt Arial, Helvetica, sans-serif;
	color:#000000;
}
.footer_topnav a:hover{
	color:#999999;
	transition: 0.3s;
	text-decoration:none;
}
.footer_topnav a.active {
  border-bottom:solid 2px #3cc5ef;
}

.footer_right{
	width:auto;
	float:right;
	margin:60px 0 0 0px;
}
.footer_right p{
	font:normal 10pt Arial, Helvetica, sans-serif;
}
.arrow_up{
	width:auto;
	position: fixed;
	bottom:50px;
	right:50px;
}
.arrow_up img{
	position: relative;
	float:right;
}

.top_title_bg{
	width:100%;
	float:left;
	margin:25px 0 0 0;
}
.top_title h1{
	width:100%;
	float:left;
	margin:0 0 0 0;
	font:bold 55pt Arial, Helvetica, sans-serif;
	color:#122742;
	text-align:center;
}
.top_title p {
    width:100%;
    float:left;
    margin:10px 0 0 0;
    font:normal 36pt Arial, Helvetica, sans-serif;
    color:#3cc5ef;
	text-align:center;
}

.gallery{
	width:100%;
	float:left;
	margin:70px 0 0 0;
}
.box4_full{
	width:100%;
	float:left;
	margin:0px 0 50px 0;
}
.box4{
	width:16%;
	float:left;
	margin:0 0 0 0;
	padding:2%;
	background:#ffffff;
	box-shadow:0 0 30px 0px #eeeeee;
}
.box4_space {
    width:6.5%;
    height:auto;
    float:left;
}
.box4_item{
	width:100%;
}
.box4_item img{
	width:200px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.box4_title{
	width:100%;
	height:60px;
	float:left;
	color:#000000;
	font:normal 14pt Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	margin:20px 0 0 0;
	line-height:1.2;
}
.box4 p{
	width:100%;
	color:#000000;
	float:left;
	font:normal 12pt Arial, Helvetica, sans-serif;
	text-align:center;
	margin:10px 0 0px 0;
}




@media screen and (min-width: 1921px) {
.container{ width: 100%;}
.fix{
	width:80%;
}


}

@media screen and (max-width: 1920px) {
.container{ width: 100%;}
.fix{
	width:80%;
}


}

@media screen and (max-width: 1895px) {
.container{ width: 100%;}
.fix{
	width:85%;
}
.top_bg_center {
    width:40%;
    margin:45px 0 0 19%;
}
.home_banner_title {
    width:75%;
}
.home_banner_left {
    width:60%;
    margin:100px 0 0 0;
}
.home_banner_center {
    width:31%;
    margin:0 0 0 4%;
}
.home_bottom_bg {
    margin:-90px 0 0 0;
}
.captcha {
    width:72%;
}

}

@media screen and (max-width: 1760px) {
.container{ width: 100%;}
.fix{
	width:80%;
}

.top_bg_center {
    width:44%;
    margin:45px 0 0 10%;
}
.home_banner_title {
    width:80%;
}
.home_banner_title h1 {
    font:bold 50pt Arial, Helvetica, sans-serif;
}
.home_banner_left {
    width:60%;
    margin:80px 0 0 0;
}
.home_banner_left span {
    margin: 0 0 0 35%;
}
.home_banner_left h3 {
    font:bold 34pt Arial, Helvetica, sans-serif;
}
.home_banner_center {
    width:31%;
    margin:0 0 0 4%;
}
.home_banner_center img {
    width:100%;
}
.home_banner_right {
    margin:90px 0 0 0;
}
.home_bottom_bg {
    margin:-80px 0 0 0;
}
.home_about_bg h1 {
    font:bold 50pt Arial, Helvetica, sans-serif;
}
.pro_catalog_right h1 {
    margin: 10px 0 0 0;
    font:bold 50pt Arial, Helvetica, sans-serif;
}
.contact_title h1 {
    font:bold 50pt Arial, Helvetica, sans-serif;
}
.captcha {
    width:70%;
}
.captcha input[type=text] {
    width: 40%;
    padding:18px 0;
    margin:0px 0 0 30px;
}




}

@media screen and (max-width: 1600px) {
.container{ width: 100%;}
.fix{
	width:90%;
}

.top_bg_center {
    width:44%;
    margin:45px 0 0 12%;
}
.home_banner_title {
    width:80%;
}
.home_banner_title h1 {
    font:bold 50pt Arial, Helvetica, sans-serif;
}
.home_banner_left {
    width:60%;
    margin:100px 0 0 0;
}
.home_banner_left span {
    margin: 0 0 0 30%;
}
.home_banner_left h3 {
    font:bold 34pt Arial, Helvetica, sans-serif;
}
.home_banner_center {
    width:31%;
    margin:0 0 0 4%;
}
.home_banner_center img {
    width:100%;
}
.home_banner_right {
    margin:90px 0 0 0;
}
.home_bottom_bg {
    margin:-80px 0 0 0;
}
.home_about_bg h1 {
    font:bold 50pt Arial, Helvetica, sans-serif;
}
.pro_catalog_right h1 {
    margin: 10px 0 0 0;
    font:bold 50pt Arial, Helvetica, sans-serif;
}
.contact_title h1 {
    font:bold 50pt Arial, Helvetica, sans-serif;
}
.captcha {
    width:70%;
}
.captcha input[type=text] {
    width: 40%;
    padding:18px 0;
    margin:0px 0 0 30px;
}


}

@media screen and (max-width: 1484px) {
.container{ width: 100%;}
.fix{
	width:90%;
}

.top_bg_center {
    width:46%;
    margin:45px 0 0 10%;
}
.home_banner_title {
    width:80%;
}
.home_banner_title h1 {
    font:bold 50pt Arial, Helvetica, sans-serif;
}
.home_banner_left {
    width:60%;
    margin:80px 0 0 0;
}
.home_banner_left span {
    margin: 0 0 0 35%;
}
.home_banner_left h3 {
    font:bold 34pt Arial, Helvetica, sans-serif;
}
.home_banner_center {
    width:31%;
    margin:0 0 0 4%;
}
.home_banner_center img {
    width:100%;
}
.home_banner_right {
    margin:65px 0 0 0;
}
.home_banner_right_full {

    margin:0 0 40px 0;
}
.home_banner_right_text1 {
	width: 70%;
    font:normal 18pt Arial, Helvetica, sans-serif;
	margin:25px 0 0 0;
}
.home_banner_right_text2 {
	width: 70%;
    font:normal 18pt Arial, Helvetica, sans-serif;
	margin:18px 0 0 0;
}
.home_bottom_bg {
    margin:-70px 0 0 0;
}
.home_about_bg h1 {
    font:bold 50pt Arial, Helvetica, sans-serif;
}
.home_about_bg img {
    width:80%;
}
.pro_catalog_right h1 {
    margin: 10px 0 0 0;
    font:bold 50pt Arial, Helvetica, sans-serif;
}
.pro_catalog_img {
    margin:-47px 0 0 0;
}
.pro_catalog_img img {
    width:100%;
}
.contact_title h1 {
    font:bold 50pt Arial, Helvetica, sans-serif;
}
.captcha {
    width:68%;
}
.captcha input[type=text] {
    width: 40%;
    padding:18px 0;
    margin:0px 0 0 30px;
}


}

@media screen and (max-width: 1366px) {
.container{ width: 100%;}
.fix{
	width:90%;
}

.top_bg_center {
    width:44%;
    margin:45px 0 0 10%;
}
.home_banner_title {
    width:80%;
}
.home_banner_title h1 {
    font:bold 45pt Arial, Helvetica, sans-serif;
}
.home_banner_left {
    width:60%;
    margin:60px 0 0 0;
}
.home_banner_left span {
    margin: 0 0 0 37%;
}
.home_banner_left h3 {
    font:bold 34pt Arial, Helvetica, sans-serif;
}
.home_banner_center {
    width:31%;
    margin:0 0 0 4%;
}
.home_banner_center img {
    width:100%;
}
.home_banner_right {
    margin:55px 0 0 0;
}
.home_banner_right_full {

    margin:0 0 40px 0;
}
.home_banner_right_text1 {
	width:70%;
    font:normal 18pt Arial, Helvetica, sans-serif;
	margin:25px 0 0 0;
}
.home_banner_right_text2 {
	width:70%;
    font:normal 18pt Arial, Helvetica, sans-serif;
	margin:18px 0 0 0;
}
.home_bottom_bg {
    margin:-70px 0 0 0;
}
.home_about_bg h1 {
    font:bold 45pt Arial, Helvetica, sans-serif;
}
.home_about_bg img {
    width:80%;
}
.pro_catalog_right h1 {
    margin: 10px 0 0 0;
    font:bold 45pt Arial, Helvetica, sans-serif;
}
.pro_catalog_img {
    margin:-50px 0 0 0;
}
.pro_catalog_img img {
    width:100%;
}
.pro_catalog_bg {
    height:320px;
}
.pro_catalog_right p {
    margin:20px 0 0 0;
}
.pro_catalog_btn {
    margin:30px 0 0 0px;
}
.contact_title h1 {
    font:bold 45pt Arial, Helvetica, sans-serif;
}
.captcha {
    width:65%;
	margin-top:15px;
}
.captcha input[type=text] {
    width:40%;
    padding:10px 0;
    margin:0px 0 0 30px;
}
.topnav a {
    margin:0 30px 0 30px;
}

.box4_item img{
	width:100%;
}

}

@media screen and (max-width: 1280px) {
.container{ width: 100%;}
.fix{
	width:90%;
}

.top_bg_center {
    width:48%;
    margin:45px 0 0 5%;
}
.home_banner_title {
    width:80%;
}
.home_banner_title h1 {
    font:bold 40pt Arial, Helvetica, sans-serif;
}
.home_banner_left {
    width:60%;
    margin:60px 0 0 0;
}
.home_banner_left span {
    margin: 0 0 0 38%;
}
.home_banner_left h3 {
    font:bold 32pt Arial, Helvetica, sans-serif;
}
.home_banner_center {
    width:31%;
    margin:0 0 0 4%;
}
.home_banner_center img {
    width:100%;
}
.home_banner_right {
    margin:55px 0 0 0;
}
.home_banner_right_full {

    margin:0 0 30px 0;
}
.home_banner_right_text1 {
	width:70%;
    font:normal 18pt Arial, Helvetica, sans-serif;
	margin:25px 0 0 0;
}
.home_banner_right_text2 {
	width:70%;
    font:normal 18pt Arial, Helvetica, sans-serif;
	margin:18px 0 0 0;
}
.home_bottom_bg {
    margin:-50px 0 0 0;
}
.home_about_bg h1 {
    font:bold 40pt Arial, Helvetica, sans-serif;
}
.home_about_bg img {
    width:80%;
}
.pro_catalog_right {
    width:45%;
}
.pro_catalog_right h1 {
    margin: 10px 0 0 0;
    font:bold 40pt Arial, Helvetica, sans-serif;
}
.pro_catalog_img {
    margin:-45px 0 0 0;
}
.pro_catalog_img img {
    width:100%;
}
.pro_catalog_bg {
    height:290px;
}
.pro_catalog_right p {
    margin:20px 0 0 0;
	font:normal 16pt Arial, Helvetica, sans-serif;
}
.pro_catalog_btn {
    margin:30px 0 0 0px;
}
.contact_title h1 {
    font:bold 40pt Arial, Helvetica, sans-serif;
}
.captcha {
    width:62%;
	margin-top:15px;
}
.captcha input[type=text] {
    width:40%;
    padding:10px 0;
    margin:0px 0 0 20px;
}
.topnav a {
    margin:0 30px 0 30px;
}


}

@media (min-width: 990px) and (max-width: 1180px) {
.container{ width: 100%;}
.fix{
	width:90%;
}

.top_bg_center {
    width:52%;
    margin:45px 0 0 0%;
}
.topnav a {
    margin:0 15px 0 15px;
}
.top_contact_btn {
    padding:28px 50px;
}
.home_banner_title {
    width:85%;
}
.home_banner_title h1 {
    font:bold 35pt Arial, Helvetica, sans-serif;
}
.home_banner_left {
    width:60%;
    margin:40px 0 0 0;
}
.home_banner_left span {
    margin: 0 0 0 39%;
}
.home_banner_left h3 {
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.home_banner_center {
    width:31%;
    margin:0 0 0 4%;
}
.home_banner_center img {
    width:100%;
}
.home_banner_right {
    margin:55px 0 0 0;
}
.home_banner_right_full {

    margin:0 0 30px 0;
}
.home_banner_right img {
    width:50px;
    height:auto;
}
.home_banner_right_text1 {
	width:70%;
    font:normal 14pt Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
}
.home_banner_right_text2 {
	width:70%;
    font:normal 14pt Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
}
.home_bottom_bg {
    margin:-50px 0 0 0;
}
.home_about_bg h1 {
    font:bold 35pt Arial, Helvetica, sans-serif;
}
.home_about_bg img {
    width:80%;
}
.pro_catalog_right {
    width:45%;
}
.pro_catalog_right h1 {
    margin: 10px 0 0 0;
    font:bold 35pt Arial, Helvetica, sans-serif;
}
.pro_catalog_img {
    margin:-40px 0 0 0;
}
.pro_catalog_img img {
    width:100%;
}
.pro_catalog_bg {
    height:240px;
}
.pro_catalog_right p {
    margin:10px 0 0 0;
	font:normal 14pt Arial, Helvetica, sans-serif;
}
.pro_catalog_btn {
    margin:20px 0 0 0px;
	padding:20px 40px;
}
.contact_title h1 {
    font:bold 35pt Arial, Helvetica, sans-serif;
}
.captcha {
    width:62%;
	margin-top:10px;
}
.captcha input[type=text] {
    width:40%;
    padding:5px 0;
    margin:0px 0 0 20px;
}
.submit_btn {
    padding: 20px 40px;
}
.footer_right {
    width:100%;
    float:left;
    margin:30px 0 0 0px;
}

.box4_item img{
	width:100%;
}
.box4_title {
    font: normal 12pt Arial, Helvetica, sans-serif;
}

}

@media (min-width: 990px)  {
	
	
}


@media (min-width: 768px) and (max-width: 989px) {

.container{width: 100%;}
.fix{
	width:90%;
}

/* Top Start */
.top_logo {
    width:162px;
    margin:0 50px 0 35%;
}
.top_bg_center{
	width:96%;
	padding:2%;
	margin:40px 0 0 0;
	background:#f8f8f8;
}
.topnav a {
	margin:0 0px 0 0px;
	padding:10px 0 10px 0;
	font:normal 18pt Arial, Helvetica, sans-serif;
}

.top_bg_nav {
    width: 100%;
    float: left;
    margin: 0px;
}
.topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	text-align:center;
	background:#f8f8f8;
  }
.top_bg_right {
    width:100%;
    float:left;
    margin:15px 0 0 0px;
}
.top_contact_btn {
	width:100%;
	float:left;
    font: normal 14pt Arial, Helvetica, sans-serif;
	padding:20px 0px 20px 0px;
}
/* Top End */


.home_banner_title {
    width:90%;
}
.home_banner_title h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.home_banner_left {
    width:60%;
    margin:20px 0 0 0;
}
.home_banner_left span {
    margin: 0 0 0 38%;
}
.home_banner_left h3 {
    font:bold 23pt Arial, Helvetica, sans-serif;
}
.home_banner_center {
    width:31%;
    margin:0 0 0 4%;
}
.home_banner_center img {
    width:100%;
}
.home_banner_right {
    margin:40px 0 0 0;
}
.home_banner_right_full {
    margin:0 0 20px 0;
}
.home_banner_right img {
    width:50px;
    height:auto;
}
.home_banner_right_text1 {
	width:70%;
    font:normal 12pt Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
}
.home_banner_right_text2 {
	width:70%;
    font:normal 12pt Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
}
.home_bottom_bg {
    margin:-40px 0 0 0;
}
.home_about_bg h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.home_about_bg img {
    width:80%;
}
.pro_catalog_right {
    width:45%;
}
.pro_catalog_right h1 {
    margin: 10px 0 0 0;
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.pro_catalog_img {
    margin:0px 0 0 0;
}
.pro_catalog_img img {
    width:100%;
}
.pro_catalog_bg {
    height:250px;
}
.pro_catalog_right p {
    margin:10px 0 0 0;
	font:normal 14pt Arial, Helvetica, sans-serif;
}
.pro_catalog_btn {
    margin:20px 0 0 0px;
	padding:20px 20px;
	font:normal 12pt Arial, Helvetica, sans-serif;
}
.contact_title h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.captcha {
    width:100%;
	margin-top:0px;
}
.captcha input[type=text] {
    width:40%;
    padding:5px 0;
    margin:0px 0 0 20px;
}
.submit_btn_bg {
    width:100%;
    float:left;
    margin:30px 0 0 0px;
}
.submit_btn {
	width:100%;
	float:left;
    padding:20px 0px;
}
.footer_right {
    width:100%;
    float:left;
    margin:30px 0 0 0px;
}
.footer_center {
    width:68%;
    margin:60px 0 10px 0;
}
.footer_topnav a {
    width:auto;
    margin: 0 30px 0 30px;
}

.box4_full {
    margin:0px 0 0px 0;
}
.box4 {
    width:32%;
    padding:2%;
	margin:25px 0 25px 85px;
}
.box4_space {
    display:none;
}
.box4_item img{
	width:100%;
}
.box4_title {
    font: normal 14pt Arial, Helvetica, sans-serif;
}


}

@media (min-width: 481px) and (max-width:767px) {
.container{width: 100%;}
.fix{
	width:90%;
}

/* Top Start */
.top_logo {
    width:162px;
    margin:0 50px 0 35%;
}
.top_bg_center{
	width:96%;
	padding:2%;
	margin:40px 0 0 0;
	background:#f8f8f8;
}
.topnav a {
	margin:0 0px 0 0px;
	padding:10px 0 10px 0;
	font:normal 18pt Arial, Helvetica, sans-serif;
}

.top_bg_nav {
    width: 100%;
    float: left;
    margin: 0px;
}
.topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	text-align:center;
	background:#f8f8f8;
  }
.top_bg_right {
    width:100%;
    float:left;
    margin:15px 0 0 0px;
}
.top_contact_btn {
	width:100%;
	float:left;
    font: normal 14pt Arial, Helvetica, sans-serif;
	padding:20px 0px 20px 0px;
}
/* Top End */


.home_banner_title {
    width:90%;
}
.home_banner_title h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.home_banner_left {
    width:100%;
    margin:0px 0 0 0;
}
.home_banner_left span{
	width:100%;
	float:left;
	margin:0 0 0 0;
	font:bold 36pt Arial, Helvetica, sans-serif;
	color:#3cc5ef;
	text-align:center;
}
.home_banner_left h3 {
	width:100%;
    font:bold 24pt Arial, Helvetica, sans-serif;
	text-align:center;
}
.home_banner_center {
    width:50%;
	float:left;
    margin:20px 0 0 25%;
}
.home_banner_center img {
    width:100%;
}
.home_banner_right {
	width:100%;
    margin:20px 0 0 0;
}
.home_banner_right_full {
	width:50%;
    margin:0 0 0px 0;
}
.home_banner_right img {
    width:50px;
    height:auto;
}
.home_banner_right_text1 {
	width:70%;
    font:normal 12pt Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
}
.home_banner_right_text2 {
	width:70%;
    font:normal 12pt Arial, Helvetica, sans-serif;
	margin:20px 0 0 0;
}
.home_bottom_bg {
    margin:-150px 0 0 0;
}
.home_about_bg h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.home_about_bg img {
    width:80%;
}
.pro_catalog_bg {
	height:100%;
    height:auto;
	padding:40px 0px;
	margin:0px 0 0 0;
}
.pro_catalog_img {
    width:80%;
    margin:0 0 0 10%;
}
.pro_catalog_img img {
    width:100%;
}
.pro_catalog_right {
    width:100%;
}
.pro_catalog_right h1 {
	width:100%;
    margin:20px 0 0 0;
    font:bold 30pt Arial, Helvetica, sans-serif;
	text-align:center;
}
.pro_catalog_right p {
	width:100%;
    margin:20px 0 0 0;
	font:normal 14pt Arial, Helvetica, sans-serif;
	text-align:center;
}
.pro_catalog_btn {
	width:100%;
    margin:30px 0 0 0px;
	padding:20px 0px;
	font:normal 12pt Arial, Helvetica, sans-serif;
}
.contact_left {
    width:100%;
}
.contact_title h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.captcha {
    width:100%;
	margin-top:0px;
}
.captcha input[type=text] {
    width:40%;
    padding:10px 0;
    margin:0px 0 0 20px;
}
.submit_btn_bg {
    width:100%;
    float:left;
    margin:30px 0 0 0px;
}
.submit_btn {
	width:100%;
	float:left;
    padding:20px 0px;
}
.contact_right {
    width:100%;
    margin:50px 0 0 0px;
}
.contact_right p {
    text-align:center;
}
.footer_right {
    width:100%;
    float:left;
    margin:30px 0 0 0px;
}
.footer_logo {
    width:162px;
    margin:0 50px 0 35%;
}
.footer_center {
    width:100%;
    margin:60px 0 10px 0;
}
.footer_bg_nav {
    width:100%;
}
.footer_topnav a {
    width:100%;
    margin:0 0px 0 0px;
	text-align:center;
}
.footer_right p {
    font: normal 10pt Arial, Helvetica, sans-serif;
	text-align:center;
}

.xl-space {
    margin-top:40px;
}

.box4_full {
    margin:0px 0 0px 0;
}
.box4 {
    width:80%;
    padding:10%;
	margin:0 0 50px 0;
}
.box4_space {
    display:none;
}
.box4_item img{
	width:50%;
}
.box4_title {
    font:normal 14pt Arial, Helvetica, sans-serif;
	margin:30px 0 0 0;
}

}

@media screen and (max-width: 480px) {
.container{width: 100%;}
.fix{
	width:90%;
}

/* Top Start */
.top_logo {
    width:162px;
    margin:0 50px 0 29%;
}
.top_bg_center{
	width:96%;
	padding:2%;
	margin:40px 0 0 0;
	background:#f8f8f8;
}
.topnav a {
	margin:0 0px 0 0px;
	padding:10px 0 10px 0;
	font:normal 18pt Arial, Helvetica, sans-serif;
}

.top_bg_nav {
    width: 100%;
    float: left;
    margin: 0px;
}
.topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	text-align:center;
	background:#f8f8f8;
  }
.top_bg_right {
    width:100%;
    float:left;
    margin:15px 0 0 0px;
}
.top_contact_btn {
	width:100%;
	float:left;
    font: normal 14pt Arial, Helvetica, sans-serif;
	padding:20px 0px 20px 0px;
}
/* Top End */


.home_banner_title {
    width:90%;
}
.home_banner_title h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.home_banner_left {
    width:100%;
    margin:0px 0 0 0;
}
.home_banner_left span{
	width:100%;
	float:left;
	margin:0 0 0 0;
	font:bold 36pt Arial, Helvetica, sans-serif;
	color:#3cc5ef;
	text-align:center;
}
.home_banner_left h3 {
	width:100%;
    font:bold 18pt Arial, Helvetica, sans-serif;
	text-align:center;
}
.home_banner_center {
    width:80%;
	float:left;
    margin:20px 0 0 10%;
}

.home_banner_center img {
    width:100%;
}
.home_banner_right {
	width:100%;
    margin:20px 0 0 0;
}
.home_banner_right_full {
	width:50%;
    margin:0 0 0px 0;
}
.home_banner_right img {
    width:50px;
    height:auto;
}
.home_banner_right_text1 {
	width:67%;
    font:normal 12pt Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
}
.home_banner_right_text2 {
	width:67%;
    font:normal 12pt Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
}
.home_bottom_bg {
    margin:-150px 0 0 0;
}
.home_about_bg h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.home_about_bg img {
    width:90%;
}
.pro_catalog_bg {
	height:100%;
    height:auto;
	padding:40px 0px;
	margin:0px 0 0 0;
}
.pro_catalog_img {
    width:80%;
    margin:0 0 0 10%;
}
.pro_catalog_img img {
    width:100%;
}
.pro_catalog_right {
    width:100%;
}
.pro_catalog_right h1 {
	width:100%;
    margin:20px 0 0 0;
    font:bold 30pt Arial, Helvetica, sans-serif;
	text-align:center;
}
.pro_catalog_right p {
	width:100%;
    margin:20px 0 0 0;
	font:normal 14pt Arial, Helvetica, sans-serif;
	text-align:center;
}
.pro_catalog_btn {
	width:100%;
    margin:30px 0 0 0px;
	padding:20px 0px;
	font:normal 12pt Arial, Helvetica, sans-serif;
}
.contact_left {
    width:100%;
}
.contact_title h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.captcha {
    width:100%;
	margin-top:0px;
}
.captcha img {
    width:100%;
}
.captcha input[type=text] {
    width:100%;
    padding:10px 0;
    margin:20px 0 0 0px;
}
.submit_btn_bg {
    width:100%;
    float:left;
    margin:30px 0 0 0px;
}
.submit_btn {
	width:100%;
	float:left;
    padding:20px 0px;
}
.contact_right {
    width:100%;
    margin:50px 0 0 0px;
}
.contact_right p {
    text-align:center;
}
.footer_right {
    width:100%;
    float:left;
    margin:30px 0 0 0px;
}
.footer_logo {
    width:162px;
    margin:0 50px 0 29%;
}
.footer_center {
    width:100%;
    margin:60px 0 0px 0;
}
.footer_bg_nav {
    width:100%;
}
.footer_topnav a {
    width:100%;
    margin:0 0px 0 0px;
	text-align:center;
}
.footer_right p {
    font: normal 10pt Arial, Helvetica, sans-serif;
	text-align:center;
}

.xl-space {
    margin-top:40px;
}
.arrow_up{
	bottom:20px;
	right:20px;
}

.box4_full {
    margin:0px 0 0px 0;
}
.box4 {
    width:80%;
    padding:10%;
	margin:0 0 50px 0;
}
.box4_space {
    display:none;
}
.box4_item img{
	width:50%;
}
.box4_title {
    font:normal 14pt Arial, Helvetica, sans-serif;
	margin:30px 0 0 0;
}

}

@media only screen and (max-width: 375px) { 
.container { width: 100%; }
.fix{
	width:90%;
}

.home_banner_title {
    width:90%;
}
.home_banner_title h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.home_banner_left {
    width:100%;
}
.home_banner_left span{
	width:100%;
	float:left;
	margin:0 0 0 ;
	font:bold 36pt Arial, Helvetica, sans-serif;
	color:#3cc5ef;
	text-align:center;
}
.home_banner_left h3 {
	width:100%;
    font:bold 18pt Arial, Helvetica, sans-serif;
	text-align:center;
}

.home_banner_center {
    width:80%;
    margin:20px 0 0 10%;
}
.home_banner_center img {
    width:100%;
}
.home_banner_right {
	width:100%;
    margin:20px 0 0 0;
}
.home_banner_right_full {
	width:100%;
    margin:0 0 20px 0;
}
.home_banner_right img {
    width:15%;
    height:auto;
	margin-left:43%
}
.home_banner_right_text1 {
	width:100%;
    font:normal 12pt Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	text-align:center;
}
.home_banner_right_text2 {
	width:100%;
    font:normal 12pt Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	text-align:center;
}
.home_bottom_bg {
	height:500px;
    margin:-150px 0 0 0;
}
.home_about_bg h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.home_about_bg img {
    width:90%;
}

}

@media only screen and (max-width: 320px) {
.container { width: 100%; }
.fix{
	width:90%;
}

.top_logo {
    width:162px;
    margin:0 50px 0 20%;
}
.footer_logo {
    width:162px;
    margin:0 50px 0 20%;
}


}