/*********************************************************************************************/
/******************************************** Banner *****************************************/
/*********************************************************************************************/
.template_banner_top{
	/*background-color: var(--gray3);
	height: 380px;*/
	position: relative;
	min-height: 300px;
}

.template_banner_top > div:first-child{
	position: absolute;
	left: 9%;
	top: 11%;
}
	
.template_banner_top{
	box-sizing: border-box;
	max-width: 2530px;
	margin: 0 auto;
}

.template_banner_top img{
	max-width: 100%;
}	

.template_banner_top_text_1{
	text-transform: uppercase;
}

.template_banner_top_text_2{
	color: var(--black1);
	height: 112px;
	padding: 7px 0 22px 0;
	max-width: 800px;
}

@media (max-width: 2200px){
	.template_banner_top > div:first-child{
		left: 8%;
		top: 11%;
	}
}

@media (max-width: 1000px){
	.template_banner_top > div:first-child{
		position: absolute;
		left: 0%;
		text-align: center;
		top: 6%;
		width: 100%;
	}
	
	.template_banner_top_text_2{
		display: inline-block;
		max-width: 600px;
	}	
}

@media (max-width: 650px){
	.template_banner_top_text_2{
		display: inline-block;
		max-width: 530px;
	}	
}

@media (max-width: 450px){
	.template_banner_top_text_2{
		box-sizing: border-box;
		display: inline-block;
		padding: 0 3%;
		max-width: 100%;
	}	
}

/*********************************************************************************************/
/******************************************** Advantages *************************************/
/*********************************************************************************************/
.template_advantages{
	margin:		auto;
	max-width:	2530px;
	text-align: center;
}

.template_advantages img{
	height: 60px;
	max-width: 100%;
}
	
.template_advantages > div:first-child{
	padding: 90px 0 55px 0;
}	

.template_advantages > div:last-child > div{
	display: inline-block;
	vertical-align: top;
}

.template_advantages > div:last-child > div > div{
	display: inline-block;
	padding: 0 80px 0 80px;
	text-align: center;
	vertical-align: top;
	width: 300px;
}

.template_advantages > div:last-child > div > div > div:first-child{
	padding: 30px 0 0 0;
}

.template_advantages > div:last-child > div > div > div:not(:first-child){
	padding: 18px 0 18px 0;
}

@media (max-width: 1920px){
	.template_advantages > div:first-child{
		padding: 80px 0 35px 0;
	}	

	.template_advantages > div:last-child > div > div{
		padding: 0 60px 0 60px;
		width: 280px;
	}
	
	.template_advantages > div:last-child > div > div > div:not(:first-child){
		padding: 12px 0 0 0;
	}
}

@media (max-width: 1600px){	
	.template_advantages > div:last-child > div{
		width: 45%;
	}

	.template_advantages > div:last-child > div > div{
		box-sizing: border-box;
		padding: 0 8% 0 8%;
		width: 50%;
	}	
}

@media (max-width: 1500px){	
	.template_advantages > div:last-child > div{
		width: 48%;
	}
	
	.template_advantages > div:last-child > div > div{
		padding: 0 6% 0 6%;
	}
}

@media (max-width: 1300px){	
    .template_advantages > div:first-child {
        padding: 80px 0 15px 0;
    }
	
	.template_advantages > div:last-child > div{
		padding-top: 18px;
		width: 100%;
	}
	
	.template_advantages > div:last-child > div > div{
		padding: 0 8% 0 8%;
		width: 45%;
	}
}

@media (max-width: 1000px){
	.template_advantages > div:first-child {
        padding: 80px 0 0 0;
    }
	
	.template_advantages > div:last-child > div > div{
		padding: 0 5% 0 5%;
		/*width: 50%;*/
	}
	.template_advantages > div:last-child > div > div > div:not(:first-child){
		padding: 10px 0px;
	}	
}

@media (max-width: 767px){
	.template_advantages > div:first-child {
        padding: 75px 0 10px 0;
    }
	
	.template_advantages > div:last-child > div {
        padding-top: 0;
    }
	
	.template_advantages > div:last-child > div > div{
		padding: 0 4% 0 4%;
		width: 48%;
	}
}

@media (max-width: 600px){
	.template_advantages > div:first-child{
		padding: 60px 0 5px 0;
	}	
	
	.template_advantages > div:last-child > div > div{
		min-width: 300px;
		width: 65%;
	}
	
	.template_advantages > div:last-child > div > div > div:not(:first-child) {
        padding: 8px 0px;
    }
	
	.template_advantages img{
		height: 55px;
	}
}

@media (max-width: 450px) {
    .template_advantages > div:first-child {
        padding: 40px 0 0px 0;
    }
	
	.template_advantages img {
		height: 50px;
	}

	.template_advantages > div:last-child > div > div > div:not(:first-child) {
        padding: 5px 0px;
    }	
}
/*********************************************************************************************/
/******************************************** Description ************************************/
/*********************************************************************************************/
.template_description{
	margin: 200px auto 0 auto;
	max-width: 2020px;
	padding: 0 3%;
}
	
.template_description_grid_row{
	max-height: 470px;
	margin-bottom: 174px;
	overflow: hidden;
}

.template_description_grid_col{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.template_description_grid_col_img_right{
	float: right;
}

.template_description_grid_col_img_left{
	text-align: right;
}
	
.template_description_grid_img_left{
	max-width: 100%;
}

.template_description_grid_col img{
	max-width: 100%;
}

.template_description_grid_col_left, .template_description_grid_col_right{
	padding-top: 4%;
	padding-left: 11%;
	padding-right: 11%;
	max-width: 660px;
}

.template_description_grid_col_left{
	float: right;
}
	
.template_description_grid_text{
	padding-top: 30px;
}

.template_description_grid_text > div:not(:last-child){
	padding-bottom: 30px;
}
	
.template_description_grid_link{
	padding-top: 20px;
}

.template_description_grid_sub_img{
	float: right;
	margin: -40px -60px 0 0;
	max-width: 100%;
}

@media (max-width: 1920px){
	.template_description {
		margin: 180px auto 170px auto;
	}	
	
	.template_description_grid_row {
        margin-bottom: 100px;
	}	
	
	.template_description_grid_sub_img{
		margin: -40px -25px 0 0;
	}

	.template_description_grid_col_left, .template_description_grid_col_right{
		padding-top: 2%;
		max-width: 695px;
	}

	.template_description_grid_col_left{
		padding-left: 0;
		padding-right: 7%;
	}
	
	.template_description_grid_col_right{
		padding-left: 7%;
		padding-right: 0;
	}	
	
	.template_description_grid_text {
		padding-top: 20px;
	}

	.template_description_grid_text > div:not(:last-child) {
		padding-bottom: 20px;
	}
}

@media (max-width: 1600px){
	.template_description{
		margin: 165px auto 130px auto;
		padding: 0 4%;
	}
}

@media (max-width: 1300px){
	.template_description {
        margin: 130px auto 0 auto;
    }
	
	.template_description{
		padding: 0 3%;
	}
	
	.template_description_grid_row{
		text-align: center;
		max-height: 100%;
	}	
	
	.template_description_grid_col{
		width: 100%;
	}	
	
	.template_description_grid_col_img_left{
		text-align: center;
	}
	
	.template_description_grid_col_left, .template_description_grid_col_right{
		padding-top: 4%;
		padding-left: 3%;
		padding-right: 3%;
		float: none;
		margin: auto;
		text-align: left;
	}	
	
	.template_description_grid_col img {
		max-width: 712px;
	}
}	

@media (max-width: 767px){	
	.template_description{
		margin: 100px auto 0 auto;
	}	
	
	.template_description_grid_col_left, .template_description_grid_col_right{
		max-width: 580px;
	}	
	
	.template_description_grid_sub_img{
		margin: -70px -25px 0 0;
	}	
	
	.template_description_grid_row{
		margin-bottom: 75px;
	}

	.template_description_grid_col img {
		max-width: 100%;
	}	
}

@media (max-width: 600px){
	.template_description{
		margin: 100px auto 0 auto;
	}	
	
	.template_description_grid_row{
		margin-bottom: 65px;
	}	
}

@media (max-width: 500px){	
	/*.template_description{
		margin: 130px auto 0 auto;
	}*/	
		
	.template_description_grid_row{
		margin-bottom: 60px;
	}

	.template_description_grid_col_left, .template_description_grid_col_right{
		padding-left: 0%;
		padding-right: 0%;
	}
	
	.template_description_grid_text {
		padding-top: 20px;
	}

}

@media (max-width: 390px){
	.template_description{
		margin: 80px auto 50px auto;
	}	
		
	.template_description_grid_row{
		margin-bottom: 25px;
	}
	
	.template_description_grid_sub_img{
		margin: -20px -25px 0 0;
	}	
	
	.template_description_grid_col_left{
		padding-bottom: 35px;
	}	
}

/*********************************************************************************************/
/******************************************** Comparison *************************************/
/*********************************************************************************************/
.template_comparison{
	box-sizing: border-box;
	background-color: var(--gray3);
	padding: 90px 2% 180px 2%;
	text-align: center;
	margin: 0 auto;
	max-width: 2530px;
}

.template_comparison_head{
	padding: 0 3%;
}
	
.template_comparison_head > div:last-child{
	margin: 0 auto;
	max-width: 1150px;
	padding: 20px 0 110px 0;
}

.template_comparison_table_small{
	display: none;
}

.template_comparison_table_large{
	border-collapse: collapse;
	max-width: 1190px;
	width: 100%;
	margin: auto;
}

.template_comparison_table_col_l div:last-child, .template_comparison_table_col_r div:last-child{
	font-weight: normal;
}

.template_comparison_table_col_l{
	border-bottom: 2px solid var(--gray2);
	text-align: right;
	width: 405px;
}

.template_comparison_table_col_r{
	border-bottom: 2px solid var(--gray2);
	text-align: left;
	width: 405px;
}

.template_comparison_table_col_c{
	background-color: var(--gray1);
	border-bottom: 2px solid var(--gray2);
	color: var(--white1);
}	

.template_comparison_table_large td, .template_comparison_table_large th{
	box-sizing: border-box;
	height: 90px;
	padding: 0 20px;
}	

@media (max-width: 1920px){
	.template_comparison_head > div:last-child{
		max-width: 1050px;
	}	
	
	.template_comparison {
		padding: 90px 2% 120px 2%;
	}

	.template_comparison_head > div:last-child {
		padding: 20px 0 80px 0
	}
	
	.template_comparison_table_large{
		max-width: 1050px;
	}	
	
	.template_comparison_table_col_l, .template_comparison_table_col_r{
		width: 33.5%;
	}
	
	.template_comparison_table_large td, .template_comparison_table_large th{
		height: 80px;
		padding: 0 14px;
	}
}

@media (max-width: 900px){
	.template_comparison_head > div:last-child {
        padding: 20px 0 70px 0;
    }
	
	.template_comparison_table_large td, .template_comparison_table_large th{
		padding: 0 15px;
	}
}	

@media (max-width: 767px){
	.template_comparison{
		background-color: var(--white1);
		padding: 80px 3% 100px 3%;
	}
	
	.template_comparison_head > div:last-child {
		max-width: 608px;
    	padding: 20px 0 60px 0;
	}

	.template_comparison_table_large{
		display: none;
	}	
	
	.template_comparison_table_small{
		background-color: var(--gray3);
		border-collapse: collapse;
		display: table;
		max-width: 608px;
		width: 100%;
		margin: auto;
	}

	.template_comparison_table_small td, .template_comparison_table_small th{
		box-sizing: border-box;
		padding: 5px 20px;
	}

	.template_comparison_table_small td{
		height: 60px;
	}
	
	.template_comparison_table_small th{
		height: 40px;
	}

	.template_comparison_table_col_c{
		background-color: var(--gray1);
		color: var(--white1);
	}
	
	td.template_comparison_table_col_c{
		background-color: var(--gray3);
		color: var(--black1);
	}	

	.template_comparison_table_col_r{
		border-bottom: none;
		border-left: 2px solid var(--gray2);
	}

	.template_comparison_table_col_l{
		border-bottom: none;
		border-right: 2px solid var(--gray2);
	}
	
	th.template_comparison_table_col_r{
		background-color: var(--gray2);
		border-width: 2px 0px 2px 2px;
		border-style: solid;
		border-color: var(--white1);
		vertical-align: top;
	}
	
	th.template_comparison_table_col_l{
		background-color: var(--gray2);
		border-width: 2px 2px 2px 0px;
		border-style: solid;
		border-color: var(--white1);
		vertical-align: top;
	}
	
}

@media (max-width: 600px){
	.template_comparison{
		padding: 70px 3% 90px 3%;
	}
	
	.template_comparison_head > div:last-child {
    	padding: 15px 0 40px 0;
	}
	
	.template_comparison_table_small th {
        height: 35px;
    }
}	

@media (max-width: 450px){
	.template_comparison{
		padding: 60px 3% 80px 3%;
	}
	
	.template_comparison_head > div:last-child {
    	padding: 15px 0 30px 0;
	}
	
	.template_comparison_table_small th {
        height: 30px;
    }
}	

@media (max-width: 390px){
	.template_comparison{
		padding: 55px 3% 70px 3%;
	}
}