/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15-mag-2019, 10.18.26
    Author     : nextmoveimac1
*/

.tech_nomobile{
	display: block;
}
.tech_onlymobile{
	display: none;
}

.tech_spacer_mobile{
	height: 0px;
}
.tech_box{
	width: 100%; height: 920px; cursor: pointer;
	background-position: center center; background-size: cover; background-repeat: no-repeat;
}
.tech_box_azerocareplus{
	background-image: url('../images/tech/sfondo_azerocareplus.jpg');
}
.tech_box2_azerocareplus{
	width: 100%; height: 100%;
	background-position: center center; background-repeat: no-repeat;
	background-image: url('../images/tech/logo_azerocare_plus.svg');
	background-size: 450px;
}

.tech_box_azerocare{
	background-image: url('../images/tech/sfondo_azerocare.jpg');
}
.tech_box2_azerocare{
	width: 100%; height: 100%;
	background-position: center center; background-repeat: no-repeat;
	background-image: url('../images/tech/logo_azerocare_bianco.png');
	background-size: 400px;
}

.tech_box_azerobact{
	background-image: url('../images/tech/sfondo_azerobact.jpg');
}
.tech_box2_azerobact{
	width: 100%; height: 100%;
	background-position: center center; background-repeat: no-repeat;
	background-image: url('../images/Logo-Azerobact-plus-Bianco-outline.png');
	background-size: 400px;
}

.tech_box_avp{
	background-image: url('../images/tech/sfondo_avp.jpg');
}
.tech_box2_avp{
	width: 100%; height: 100%;
	background-position: center center; background-repeat: no-repeat;
	background-image: url('../images/Logo-AVP-bianco-outline.png');
	background-size: 400px;
}

.tech_box3{
	width: 100%; height: 250px; padding-top: 530px;
    -webkit-transition: opacity 0.3s; 
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    transition-timing-function: linear;

}
.tech_box3_hide{
	/*display: none;*/
        opacity: 0;
}
.tech_box3_show{
	/*display: block;*/ 
        opacity: 1;
}
.tech_box_icone1{
	width: 100%; height: 200px; background-color: rgba(255,255,255,0.2);
}
.tech_box_icone2{
	width: 1024px;
    height: 200px;
    margin: auto;
    display: grid;
    grid-template-columns: 20% 20% 20% 20%;
    justify-content: space-evenly;
    align-items: flex-start;
    background-color: #FFFFFF;
}

.tech_box_icone2 .tech_ico{
	max-width: 60px;
	margin: 35px auto auto;
}

.tech_box_icone2 .tech_ico_label{
	height: 46px;
	text-align: center;
	font-size: 16px;
	color:#161414;
	font-family: 'Lato Light', sans-serif;
}

.tech_banner_container {
    position: relative;
    width: 100%;
    height: 100%;
}

.tech_banner {
    position: absolute;
    left: 0px; top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
	background-position: center center;
}

.tech_scopri{
	width: 100%; padding-top: 62px; text-align: center;
}
.tech_scopri_label{
	color: #ffffff; text-transform: uppercase; font-size: 12px; font-family: 'Lato', sans-serif; letter-spacing: 2px;
}

.tech_s1_page{
	max-width:1920px; width: 100%; padding-left: 280px;
	margin: auto;
}

.tech_s1_banner{
	width: 100%; margin: 0px; display: block;
}
.tech_s1_content{
	position: relative;
}
.azerocareplus_ext .tech_s1_content{
	margin-top: 80px;
}
.tech_s1_title{
	width: 520px; height: 195px; text-align: center; padding-top: 90px;
}
.azerocareplus_ext .tech_s1_title {
	height: 80px;
    padding: 0;
	text-align: left;
}
.tech_s1_title_p1{
	font-family: 'Lato', sans-serif; font-size: 12px; color: #777373; text-transform: uppercase; letter-spacing: 2px;
}
.tech_s1_title_p2{
	font-family: 'Lato', sans-serif; font-size: 24px; color: #443E3E; padding-top: 24px;
}
.tech_s1_border1{
	width: 680px; height:1px; background-color: lightgray;
}
.azerocareplus_ext .tech_s1_border1 {
    margin: 25px 0 50px 0;
}
.tech_s1_desc{
	width: 520px; padding: 40px 0px 40px 0px; font-size: 15px; color: #777373;
}
.tech_s1_desc2{
	width: 100%; padding: 120px 270px 100px 270px; font-size: 15px; color: #777373;
}
.tech_s1_icons_list{
	width: 520px; display: flex; flex-wrap: wrap;
	margin-bottom: 100px;
}
.azerocareplus_ext .tech_s1_icons_list {
	width: 100%;
    margin-top: 60px;
	display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}
.tech_s1_icons_list2{
	width: 520px; display: flex; flex-wrap: wrap;
	margin-bottom: 0px;
}
.tech_s1_icons_list3{
	width: 100%; display: flex; flex-wrap: wrap;
	margin-bottom: 0px; padding-left: 130px; padding-right: 130px;
}
.tech_s1_icon{
	width: 260px; /* height: 45px; */ float: left; margin-bottom: 10px;
	background-position-x: center; background-position-y: 40px; background-repeat: no-repeat; background-size: auto 60px;
	text-align: center; padding: 120px 20px 50px 20px; font-family: 'Lato'; color: #161414;
}
.azerocareplus_ext .tech_s1_icon {
    width: 100%;
}
.tech_s1_icon_g{
	background-color: #F0F0F0; margin-bottom: 20px;
}
.tech_s1_icon_p{
	width: 25%;
}
.tech_s1_img1{
	width: 53%; height: 600px; position: absolute; top:0px; right: 0px;
	background-size: cover; background-position: center center;
}
.azerocareplus_ext .tech_s1_img1 {
	height: 800px;
}
.tech_s1_img2{
	width: 53%; height: 600px; position: absolute; top:0px; right: 0px;
	background-size: cover; background-position: center center;
}
.tech_s1_img3{
	width: 100%; padding-top: 32%; position: relative;
}
.tech_s1_img3_box{
	position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; display: flex;
}
.tech_s1_img3_img{
	display: block; width:100%;
}
.tech_s1_video{
	position: absolute; top:490px; left: 540px; width: 48%; cursor: pointer;
}
.tech_s1_video img{
	width: 100%; vertical-align: middle;
}

.avp_footer{
	width: 100%; display: flex; position: relative;
}
.avp_footer_bg{
	position: absolute; left:0px; bottom: 0px; width: 90%; height: 90%; background-color: #F0F0F0; z-index: 1;
}
.avp_footer_desc{
	margin-left: 280px; height: 100%; width: 400px; z-index: 3;
	font-size: 15px; color: #777373; padding-top: 200px; padding-right: 40px;
}
.avp_video{
	width: 57%; padding-top: 35%; position: relative; margin-bottom: 80px; z-index: 2; flex-grow: 1; cursor: pointer;
}
.avp_video_img{
	position: absolute; left:0px; top:0px; width: 100%; height: 100%;
}
.avp_video_img img{
	width: 100%;
}
.avp_img{
	width: 100%;
}

.azerocare_game_box{
	position: relative;
}
.azerocare_game{
	width: 100%; margin: 0px; display: block;
}
.azerocare_game_controls{
	width: 100%; height: 100px; background-color: rgba(0,0,0,0.4);
	position: absolute; left: 0px; bottom: 80px;
}
.azerocare_game_controls_box{
	height: 100%; width: 590px; margin: auto; display: flex;
}
.azerocare_ico{
	width: 100px; background-position: center top; background-repeat: no-repeat; background-size: 65px; margin: 10px;
	text-align: center; padding-top: 70px; color: #ffffff; cursor: pointer;
}
.azerocare_video_container{
	position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; display: none;
}

.azerobact_anim{
	position: relative; overflow: hidden;
}
.azerobact_finger{
	position: absolute; left:0px; top:0px; width: 100%; display: none;
}

.fullscreenvideo{
	position: fixed; left:0px; top:0px; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,0.5);
	text-align: center; color: #ffffff; display: none;
}
.fullscreenvideo_player{
	margin: auto; width: 100%; height: 90%; padding-top: 5%;
}

.avp_part2{
	width: 100%; padding-left:280px; padding-right:280px; margin-bottom: 80px; max-width: 1920px; margin: auto;
}
.azerocareplus_small_img {
	width: 40%;
}
.tech_s1_banner1 {
    width: 95%;
    height: 38vw;
	margin-bottom: 60px;
    position: relative;
    background-position: center;
    background-size: cover;
}
.azerocareplus_title {
	color: #161414;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
}

.azerocareplus_subtitle {
    margin-top: 20px;
    color: #777373;
    font-family: nimbus-sans,sans-serif;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.75px;
    text-align: center;
}

.azerocarepluslogo-black {
	height: 50px;
	vertical-align: sub;
	filter: invert(1);
}
.azplus_t1{
    line-height: 22px; padding-top: 0px;
}

@media screen and (max-width: 1500px)
{
	.tech_s1_title{
		width: 400px;
	}
	.tech_s1_desc{
		width: 400px;
	}
	.tech_s1_img1{
		width: 50%;
	}
	.tech_s1_img2{
		width: 50%;
	}
	.tech_s1_icons_list{
		width: 400px;
	}
	.tech_s1_icon{
		width: 200px; padding: 120px 0px 50px 0px; font-size: 14px;
	}
	.azerocareplus_ext .tech_s1_icon {
		padding-left: 40px;
		padding-right: 40px;
	}
	.tech_s1_icon_p{
		width: 25%;
	}
	.tech_s1_video{
		left: 40%;
	}
	.tech_s1_icons_list3{
		padding-left: 65px; padding-right: 65px;
	}
	.tech_s1_desc2{
		padding: 50px;
	}
	.avp_footer_desc{
		padding-top: 100px;
	}
}

@media screen and (max-width: 1280px)
{
	.tech_s1_video{
		left: 50%;
	}
	.tech_s1_page{
		padding-left: 180px;
	}
	.avp_part2{
		padding-left: 180px; padding-right: 180px;
	}
}

@media screen and (max-width: 1024px)
{
	.tech_nomobile{
		display: none;
	}
	.tech_onlymobile{
		display: block;
	}
	.tech_box{
		height: 600px;
	}
	.tech_box3_hide{
		display: none;
	}
	.tech_box3_show{
		display: none;
	}
	
	.tech_s1_page{
		padding-left: 0px;
	}
	.tech_s1_content{
		height: auto;
	}
	.azerocareplus_ext .tech_s1_content {
		margin: 0;
	}
	.tech_s1_game{
		display: none;
	}
	.tech_s1_title{
		 width: 100%; text-align: left; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; height: auto;
	}
	.azerocareplus_ext .tech_s1_title {
		height: auto;
		margin: 20px 0;
		text-align: center;
	}
	.tech_s1_border1{
		display: none;
	}
	.tech_s1_img1,
	.azerocareplus_ext .tech_s1_img1 {
		width: 100%; height: 500px; position: relative;
	}
	.azerocareplus_ext .tech_s1_img1 {
		background-position: center right;
	}
	.tech_s1_img2{
		width: calc(100% - 40px); height: 500px; position: relative; margin: 20px;
	}
	.tech_s1_desc{
		width: 100%; padding-left: 20px; padding-right: 20px;
	}
	.tech_s1_video{
		width: 100%; position: relative; left: 0px; top: 0px; padding: 20px;
	}
	.tech_s1_icons_list{
		width: 100%;
	}
	.tech_s1_icons_list2{
		width: 100%;
	}
	.tech_s1_icon{
		width: 50%;
	}
	.tech_s1_img3{
		padding-top: 0px;
	}
	.tech_s1_img3_box{
		display: block; position: relative;
	}
	.tech_s1_img3_img{
		width: 100%; height: auto;
	}
	
	.avp_footer{
		display: block;
	}
	.avp_footer_desc{
		width: 100%;
		margin-left: 0px;
		text-align: center;
		background-color: #F0F0F0;
		padding: 40px;
	}
	.avp_video{
		width: 100%;
		padding: 0px;
		background-color: #F0F0F0;
		margin-bottom: 0px;
	}
	.avp_video_img{
		position: relative;
		width: 100%;
		padding: 20px;
	}
	
	.azerocare_game_controls_box{
		width: 100%;
	}
	.azerocare_ico{
		flex-grow: 1;
	}
	
	.avp_part2{
		padding-left: 0px; padding-right: 0px;
	}
	.tech_s1_banner1 {
		width: 100%;
		height: 50vw;
		margin: 20px 0;
	}

	.azerocareplus_subtitle {
		margin: 0;
		padding: 20px;
	}
	.azerocareplus_ext .tech_s1_icons_list {
		margin-top: 0;
		grid-template-columns: 50% 50%;
	}
}

@media screen and (max-width: 500px)
{
	.tech_spacer_mobile{
		height: 60px;
	}
	.tech_box{
		height: 240px;
	}
	.tech_box2_azerocare{
		background-size: 50%;
	}
	.tech_box2_azerocareplus{
		background-size: 60%;
	}
	.tech_box2_azerobact{
		background-size: 50%;
	}
	.tech_box2_avp{
		background-size: 70%;
	}
	.azerocarepluslogo-black {
		height: 35px;
	}	
}