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


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

 
/* top  & logo*/
.header {
	width:100%;
	height:350px;
	background-image: url(../img/back.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #fbfbfb;
	
}

.logo {
	width:100%;
	margin-top:50px;
	text-align:center;
	position: absolute;
	z-index: 2;
	
}

.logo img {
	width:200px;
	
}

/* central index & self butons*/

.central_div {
	width:100%;
	height:270px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
}


.content {
	width:800px;
	height:250px;
	margin-left:auto;
	margin-right:auto;
}





.content_div{
	width: 250px;
	height:320px;
	padding: 20px;
	background-color: #FFF;
	margin-top: -150px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 15px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but1.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.content_div:hover{
	width: 250px;
	height:320px;
	padding: 20px;
	background-color: #6eb33c;
	margin-top: -150px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 15px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but1_hov.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
}



.content_div2{
	width: 250px;
	height:320px;
	padding: 20px;
	background-color: #FFF;
	margin-top: -150px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 15px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.content_div2:hover{
	width: 250px;
	height:320px;
	padding: 20px;
	background-color: #6eb33c;
	margin-top: -150px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 15px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but2_hov.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
}



.content_div3{
	width: 250px;
	height:320px;
	padding: 20px;
	background-color: #FFF;
	margin-top: -150px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 15px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but3.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.content_div3:hover{
	width: 250px;
	height:320px;
	padding: 20px;
	background-color: #6eb33c;
	margin-top: -150px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	-moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 15px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but3_hov.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
}





.content_div_selected{
	width: 250px;
	height:320px;
	padding: 20px;
	background-color: #6eb33c;
	margin-top: -150px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 15px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but2_hov.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
}


.content_div a{
	color: #333;
	text-decoration:none;
}

.content_div h1{
	color: #333;
	font-weight: bold;
	text-transform: none;
	font-size: 36px;
	float: left;
	margin-left: 25px;
	font-family: Montserrat;
	width:100%;
	float:left;
}

.content_div:hover h1{
	color: #FFF;
}

.content_div img{
	width:100%;
	height:270px;
}

.content_div2 img{
	width:100%;
	height:270px;
}
.content_div3 img{
	width:100%;
	height:270px;
}



/* form self */

.central_div_form {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
}
.content_form {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	
	background-color: #FFF;
	background-image: url(../img/form_right.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.content_form img {
	width:350px;
	float:left;
}

.content_form_step {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	
	background-color: #FFF;
	background-image: url(../img/form_right.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.content_form_step img {
	width:120px;
	float:left;
}

.content_form_rigt {
	width:440px;
	float:left;
	padding: 50px 20px;
}


.content_form_rigt h1 {
	width:100%;
	float:left;
	padding: 10px 50px;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}


.content_form_txt {
	width:280px;
	float:left;
	padding: 7px 20px;
	margin-top:5px;
	border-radius: 5px;
	border: 1px solid #EFEFEF;
	margin-left:50px;
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 300;
	color: #333;
}


.content_form_btn {
	float:left;
	padding: 7px 20px;
	margin-top:15px;
	border-radius: 25px;
	border: 1px solid #6EB33C;
	margin-left:50px;
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 600;
	color: #FFF;
	text-transform: uppercase;
	background-color: #6EB33C;
}


/* step */

.step {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 50px;
	margin-bottom: 50px;
	float: left;
	text-align: center;
}

.step img {
	width:800px;
}




.content_form_rigt_step {
	width:600px;
	float:left;
	padding-top: 80px;
	padding-right: 70px;
	padding-bottom: 150px;
	padding-left: 70px;
}
.content_form_rigt_step h2 {
	font-family: Montserrat;
	font-size: 24px;
	font-weight: 200;
	text-transform: none;
}

.content_form_rigt_step span {
	font-family: Montserrat;
	font-size: 24px;
	font-weight: bold;
	text-transform: none;
}

.content_form_btn_step {
	float:left;
	padding: 7px 20px;
	margin-top:15px;
	border-radius: 25px;
	border: 1px solid #6EB33C;
	margin-right:20px;
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 600;
	color: #FFF;
	text-transform: uppercase;
	background-color: #6EB33C;
}

.content_form_btn_step_grey {
	float:left;
	padding: 7px 20px;
	margin-top:15px;
	border-radius: 25px;
	border: 1px solid #6EB33C;
	margin-right:20px;
	font-family: Montserrat;
	font-size: 10px;
	font-weight: 600;
	color: #FFF;
	text-transform: uppercase;
	background-color: #514743;
}



.content_form_step_final {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	-moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	background-color: #6EB33C;
	background-image: url(../img/step_icon5FinalBackground.png);
	background-repeat: no-repeat;
	background-position: left center;
}


.content_form_step_final_RED {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	-moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	background-color: #c83138;
	background-image: url(../img/step_icon5FinalBackgroundRED.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.content_form_rigt_step_final_green {
	width:100%;
	float:left;
	padding-top: 80px;
	padding-right: 70px;
	padding-bottom: 150px;
	padding-left: 70px;
	text-align:center;
}

.content_form_rigt_step_final_green h2 {
	font-family: Montserrat;
	font-size: 36px;
	font-weight: 200;
	text-transform: none;
}

.content_form_rigt_step_final_green span {
	font-family: Montserrat;
	font-size: 36px;
	font-weight: bold;
	text-transform: none;
}

.content_form_rigt_step_final_green a {
	color:#FFF;
}

.content_form_rigt_step_final_green p {
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 200;
	text-transform: uppercase;
	text-decoration: underline;
	margin-top:15px;
}

.form_rigt_step_final{
	float:left;
	width:100%;
	margin-left:0px;
	margin-bottom:10px;
	text-align:center;
	color: #FFF;
}

.form_rigt_step_final img{
	width:60px;


}

.form_rigt_step{
	float:left;
	width:100%;
	margin-left:0px;
	margin-bottom:10px;
}

.form_rigt_step img{
	width:60px;
}


/* fotter */
.fotter {
	width:100%;
	height:180px;
	background-color: #514743;
}

.fotter_menu {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
}


.fotter_menu a{
	color: #FFF;
	text-decoration:none;
}


.fotter_menu h1{
	color: #FFF;
	font-weight: 700;
	text-transform: none;
	font-size: 14px;
	float: right;
	margin-left: 25px;
	font-family: Montserrat;
	width:50%;
	text-align: right;
}

.fotter_menu img{
	float:left;
	width:70px;
	margin-top:30px;
	margin-left:0px;
	margin-bottom:1px;
}


.fotter_menu h2{
	color: #FFF;
	padding-top:40px;
	font-weight: 200;
	text-transform: none;
	font-size: 12px;
	float: left;
	font-family: Montserrat;
	width:100%;
	text-align: left;
}

.fotter_menu h3{
	color: #FFF;
	font-weight: 200;
	text-transform: none;
	font-size: 12px;
	float: left;
	font-family: Montserrat;
	width:100%;
	text-align: right;
	margin-top: -25px;
}


/* start of desktop styles */

@media screen and (max-width: 1180px) {
/* start of large tablet styles */

}
	



@media screen and (max-width: 991px) {
/* start of large tablet styles */

}

@media screen and (max-width: 767px) {
/* start of medium tablet styles */

}

@media screen and (max-width: 479px) {
/* start of phone styles */
 
/* top  & logo*/
.logo img {
	width:200px;
	
}

.central_div {
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
}


.content {
	width:100%;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
}




.content_div{
	width: 80%;
	height:320px;
	padding: 20px;
	background-color: #FFF;
	margin-top: -120px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 10%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but1.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.content_div:hover{
	width: 80%;
	height:320px;
	padding: 20px;
	background-color: #6eb33c;
	margin-top: -120px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 10%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but1_hov.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
}



.content_div2{
	width: 80%;
	height:320px;
	padding: 20px;
	background-color: #FFF;
	margin-top: 20px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 10%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.content_div2:hover{
	width: 80%;
	height:320px;
	padding: 20px;
	background-color: #6eb33c;
	margin-top: 20px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 10%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but2_hov.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
}



.content_div3{
	width: 80%;
	height:320px;
	padding: 20px;
	background-color: #FFF;
	margin-top: 20px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 10%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but3.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.content_div3:hover{
	width: 80%;
	height:320px;
	padding: 20px;
	background-color: #6eb33c;
	margin-top: 20px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	-moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 10%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but3_hov.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
}





.content_div_selected{
	width: 80%;
	height:320px;
	padding: 20px;
	background-color: #6eb33c;
	margin-top: 20px;
	-webkit-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
    -moz-box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
     box-shadow: -1px 0px 23px -1px rgba(219,216,219,1);
	border-radius: 0px;
	float: left;
	margin-left: 10%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-image: url(../img/but2_hov.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;
}


/* fotter */
.fotter {
	width:100%;
	height:280px;
	background-color: #514743;
}

.fotter_menu {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
}



.fotter_menu h1{
	color: #FFF;
	font-weight: 700;
	text-transform: none;
	font-size: 14px;
	float: right;
	margin-left: 0px;
	font-family: Montserrat;
	width:100%;
	text-align: center;
}

.fotter_menu img{
	float:left;
	width:70px;
	margin-top:10px;
	margin-left:40%;
	margin-bottom:25px;
}


.fotter_menu h2{
	color: #FFF;
	padding-top:20px;
	font-weight: 200;
	text-transform: none;
	font-size: 12px;
	float: left;
	font-family: Montserrat;
	width:100%;
	text-align: center;
}

.fotter_menu h3{
	color: #FFF;
	font-weight: 200;
	text-transform: none;
	font-size: 12px;
	float: left;
	font-family: Montserrat;
	width:100%;
	text-align: center;
	margin-top: 5px;
}

}


@media screen and (max-width: 300px) {
/* start of phone styles */
 
/* top  & logo*/
.logo img {
	width:200px;
	
}

}