@charset "utf-8";

.container-fluid .navbar.navbar-default {
	background-color: #2B3957;
}

#submit{
	background-color: #203625;
	border-radius: 5px;
	color: #F4F4F4;
	width: 80%;
	height: 30px;
	margin-top: 12px;
	border: thin solid #B8FF00;
}

#submit2{
	background-color: #203625;
	border-radius: 5px;
	color: #F4F4F4;
	width: 15%;
	height: 30px;
	margin-top: 12px;
	border: thin solid #B8FF00;
}

.rob{
	visibility: hidden;
}
#defaultNavbar1 .nav.navbar-nav li {
	color: white;
}


.container-fluid #defaultNavbar1 .nav.navbar-nav {
	color: #FFFFFF;
}

.copy{
	width: 480px;
	height: 623px;
	overflow: auto;
	border-radius: 10px;
	background: rgba(123,123,123,1.00);
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	top: 12%;
    	margin-left: auto;
    	margin-right: auto;
}

.stand{
	width: 480px;
	height: 691px;
	overflow: auto;
	border-radius: 10px;
	background: rgba(123,123,123,1.00);
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	top: 12%;
    	margin-left: auto;
    	margin-right: auto;
}

 .modal {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	display: none;
	bottom: 0px;
    }

 .modal1 {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	display: none;
	bottom: 0px;
    }

.close {
	float: left;
	font-size: 30px;
	color: black;
	padding-top: 5px;
	position: relative;
	cursor: pointer;
	transform: rotate(45deg);
    }

.closse {
	float: left;
	font-size: 30px;
	color: black;
	padding-top: 5px;
	position: relative;
	cursor: pointer;
	transform: rotate(45deg);
    }


@media screen and (max-width: 1920px){
	.image2{
		background-image: url(../images/2.jpg);
		height: 500px;
	}
	
	.image3{
		background-image: url(../images/3.jpg);
		height: 500px;
	}

	.image4{
		background-image: url(../images/7.jpg);
		height: 500px;
	}

	.image5{
		background-image: url(../images/8.jpg);
		height: 500px;
	}

	.image6{
		background-image: url(../images/9.jpg);
		height: 500px;
	}

	.content{
		background-color: #2B3957;
		color: white;
		font-size: 16px;
		width: auto;
		height: 600px;
		text-indent: 120px;
		padding-top: 120px;
	}

	#head{
		font-size: 22px;
	}
	
	.forms{
		width: 400px;
		height: 430px;
		background-color: #0D111B;
		margin-top: -170px;
		border-radius: 15px;
		margin-left: 60%;
		padding-left: 20px;
		border: thin solid #DBDBDB;
	}
	
	.forms2{
		width: 350px;
		height: 420px;
		color: #fff;
		background-color: rgba(13,17,27,1.00);
		clear: right;
		float: left;
		display: block;
		margin-top: -380px;
		border-radius: 15px;
		margin-left: 70%;
		padding-left: 20px;
		border: thin solid #DBDBDB;
	}

	.forms3{
		width: 100%;
		height: 420px;
		background-color: #0D111B;
		clear: both;
		float: left;
		padding-left: 30px;
	}

	.forms4{
		width: 100%;
		height: 450px;
		background-color: #0D111B;
		clear: both;
		float: left;
		padding-left: 30px;
	}
	
	.shape{
		background-color: #fff;
		color: white;
		font-size: 16px;
		width: 30%;
		clear: right;
		float: left;
		height: 450px;
		padding-top: 25px;
		padding-left: 15px;
		border-top-right-radius: 19px;
		border-bottom-right-radius: 19px;
		border: 1px solid #0E1835;
	}

	.shape2{
		background-color: #0E1835;
		color: #ddd;
		font-size: 14px;
		width: 70%;
		clear: right;
		float: left;
		height: 450px;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 35px;
		padding-right: 25px;
		overflow-x: auto;
		border-top-left-radius: 19px;
		border-bottom-left-radius: 19px;
	}

	.shape3{
		color: #ddd;
		font-size: 14px;
		width: 900px;
		clear: right;
		float: left;
		height: 450px;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 200px;
	}	
	
	.monsa{
		width: 200px;
		height: 200px;
		display: inline-block;
		clear: right;
		float: left;
		border: 1px solid #18214A;
		margin-left: 2%;
		margin-top: 2%;
		margin-bottom: 2%;
	}
	
	.monsaCon{
		width: 240px;
		height: 300px;
		transition: height 1s;
		display: inline-block;
		overflow-y: hidden;
		clear: right;
		float:left;
		background-color: #6F6F6F;
		color: #fff;
		border-radius: 15px;
		margin-top: 2%;	
		margin-bottom: 2%;
		margin-left: 2%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.monsaCon:hover{
		height: 400px;
		overflow-y: scroll;
	}

	.bear{
		width: 240px;
		height: 450px;
		transition: height 1s;
		display: inline-block;
		overflow-y: hidden;
		clear: right;
		float: left;
		border: 1px solid #18214A;
		margin-left: 1%;
		margin-top: 2%;
		margin-bottom: 1%;
		padding-left: 10px;
		border-radius: 10px;
	}
	
	.bear:hover{
		height: 400px;
		overflow-y: scroll;
	}

	.monsaSc{
		width: 240px;
		height: 450px;
		color: #fff;
		transition: height 1s;
		overflow-y: hidden;
		display: inline-block;
		clear: right;
		float: left;
		background-color: #6F6F6F;
		border: 1px solid #18214A;
		margin-left: 1%;
		margin-top: 2%;
		margin-bottom: 1%;
		padding-left: 10px;
		border-radius: 10px;
	}
	
	.monsaSc:hover{
		height: 400px;
		overflow-y: scroll;
	}

	.gumSc{
		width: 387px;
		height: 304px;
		color: #fff;
		transition: height 1s;
		overflow-x: hidden;
		display: inline-block;
		clear: right;
		float: left;
		background-color: #6F6F6F;
		border: 1px solid #18214A;
		margin-left: 1%;
		margin-top: 2%;
		margin-bottom: 1%;
		padding-left: 5px;
		border-radius: 10px;
	}
	
	.gumSc:hover{
		height: 604px;
		overflow-x: scroll;
	}

	.harv{
		width: 230px;
		height: 320px;
		display: inline-block;
		clear: right;
		float: left;
		border: 1px solid #18214A;
		margin-left: 2%;
		margin-top: 2%;
		margin-bottom: 2%;
		border-radius: 10px;
	}
	
	.harv1{
		width: 320px;
		height: 200px;
		display: inline-block;
		clear: right;
		float: left;
		border: 1px solid #18214A;
		margin-left: 2%;
		margin-top: 2%;
		margin-bottom: 2%;
		padding-left: 10px;
		padding-top: 40px;
		border-radius: 10px;
	}
	
}

@media screen and (max-width: 992px){
	.image{
		background-image: url(../images/1.5.jpg);
		height: 500px;
		background-size: cover;
	}
	
	.image2{
		background-image: url(../images/2.5.jpg);
		height: 500px;
	}

	.content{
		background-color: #2B3957;
		color: white;
		font-size: 12px;
		width: auto;
		height: 550px;
		text-indent: 100px;
		padding-top: 120px;
	}
	
	.cont{
		background-color: #2B3957;
		color: white;
		font-size: 16px;
		clear: both;
		float: left;
		width: 100%;
		height: 200px;
		text-indent: 40px;
		padding-top: 20px;
		margin-top: 6%;
	}

	.forms{
		width: 350px;
		height: 400px;
		background-color: #0D111B;
		margin-top: -170px;
		border-radius: 15px;
		margin-left: 600px;
		padding-left: 20px;
		border: thin solid #DBDBDB;
	}

	.forms2{
		width: 350px;
		height: 400px;
		background-color: #0D111B;
		clear: right;
		float: left;
		margin-top: 50px;
		border-radius: 15px;
		margin-left: 30%;
		padding-left: 20px;
		border: thin solid #DBDBDB;
	}
	
	.shape{
		background-color: #fff;
		color: white;
		font-size: 16px;
		width: 100%;
		clear: right;
		float: left;
		height: 450px;
		padding-top: 25px;
		padding-left: 15px;
		border-top-right-radius: 19px;
		border-bottom-right-radius: 19px;
		border: 1px;
	}

	.shape2{
		background-color: #0E1835;
		color: #ddd;
		font-size: 14px;
		width: 100%;
		clear: right;
		float: left;
		height: 450px;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 35px;
		padding-right: 25px;
		overflow-x: auto;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}

	.shape3{
		color: #ddd;
		font-size: 14px;
		width: 100%;
		clear: right;
		float: left;
		height: 400px;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 20%;
	}	

}

@media screen and (max-width: 768px){
	.image{
		background-image: url(../images/1.5.jpg);
		height: 500px;
		background-size: cover;
	}

	.content{
		background-color: #2B3957;
		color: white;
		font-size: 12px;
		width: auto;
		height: 700px;
		text-indent: 40px;
		padding-top: 20px;
	}

	.forms{
		width: 350px;
		height: 400px;
		background-color: #0D111B;
		margin-top: 40px;
		border-radius: 15px;
		position: relative;
		margin-left: 35%;
		padding-left: 20px;
		border: thin solid #DBDBDB;
	}

	.forms2{
		width: 100%;
		height: 400px;
		background-color: #0D111B;
		clear: right;
		float: left;
		margin-top: 50px;
		border-radius: 0px;
		margin-left: 0;
		padding-left: 20px;
		border: thin solid #DBDBDB;
	}
	
	.shape3{
		color: #ddd;
		font-size: 14px;
		width: 100%;
		height: auto;
		clear: right;
		float: left;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 10%;
	}	

}

@media screen and (max-width: 480px){
	.forms{
		width: 100%;
		height: 400px;
		background-color: #0D111B;
		margin-top: 40px;
		border-radius: 15px;
		position: relative;
		margin-left: 0;
		padding-left: 20px;
		border: thin  #DBDBDB;
	}
	
	iframe{
		width: 100%;
		height: auto;
	}	

}