.main{
	max-width: 940px;
	margin: 0 auto;

}
.gallery-holder{
	overflow: hidden;
	width: 320px;
	margin: 0 auto;
	position: relative;
}
.box{
	background: #5c0;
	height: 500px;
}
#road{
	width: 320px;
	height: 1136px;
	background: url(../images/svg/f01e6ee2.road.svg) no-repeat;
	display: block;
}
.car{
	width: 58px;
	height: 129px;
	position: absolute;
	top:20px;
	left:132px;
	transition: top 700ms ease;
	background: url(../images/svg/5e0f1bcd.auto-mob.svg) no-repeat;
}
.btn{
	width: 91px;
	height: 91px;
	background: #fff;
	border-radius: 50%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.btn1{
	
	position: absolute;
	left:20px;
	top:80px;
	
}
.btn2{
	position: absolute;
	left:20px;
	top:226px;
}
.btn3{
	position: absolute;
	left:20px;
	top:387px;
}
.btn4{
	position: absolute;
	right:20px;
	top:160px;
}
.btn5{
	position: absolute;
	right:20px;
	top:306px;
}
.btn6{
	position: absolute;
	left:20px;
	top:659px;
}
.btn7{
	position: absolute;
	left:20px;
	top:820px;
}
.btn8{
	position: absolute;
	right:20px;
	top:578px;
}
.btn9{
	position: absolute;
	right:20px;
	top:739px;
}
.btn10{
	position: absolute;
	right:20px;
	top:900px;
}
.section1 .car{
	top:50px;
}
.section2 .car{
	top:204px;
}
.section3 .car{
	top:370px;
}
.section4 .car{
	top:150px;
}
.section5 .car{
	top:295px;
}
.section6 .car{
	top:642px;
}
.section7 .car{
	top:808px;
}
.section8 .car{
	top:560px;
}
.section9 .car{
	top:720px;
}
.section10 .car{
	top:886px;
}

.mob-road-ttl{
	display: block;
	background: rgba(255, 187, 0, 0.9);
	padding: 13px 10px 9px;
	text-align: center;
	color: #fff;
	z-index: 1000;
	font: 28px/28px 'DINWebPro-CondBold', Arial, sans-serif;
	letter-spacing: -1px;
	width: 320px;
}
.mob-ttl1{
	top:0;
	position: absolute;
}
.mob-ttl2{
	top:508px;
	position: absolute;
}



.thumb-content{
	display: block;
	z-index: 9999;
	height: auto;
	position: fixed !important;
	
}

.popup-box .ttl{
	font: 28px/28px 'DINWebPro-CondBold', Arial, sans-serif;
	letter-spacing: -1px;
	display: block;
	margin-bottom: 20px;
}

a.close, span.close {
  background: url(../images/svg/5c99a57a.close.svg) no-repeat;
  right: 21px;
  width: 40px;
  height: 40px;
  position: absolute;
  top:20px;
  right: 20px;

}
.btn-x{
	background: url(../images/svg/5c99a57a.close.svg) no-repeat;
  right: 21px;
  width: 40px;
  height: 40px;
  position: absolute;
  top:20px;
  right: 20px;
}
.thumb-content {
	width: 320px !important;
	height: 100vh !important;
	left: 50%;
	margin-left: -160px !important;
	padding-top: 75px !important;
}

div#road-festival{
	position: relative;
	padding-top: 35px;
}
.festival-road{
	background: url(../images/svg/aaf86e55.road-festival-desktop.svg) no-repeat;
	width: 940px;
	height: 227px;
	position: relative;
	margin-bottom: 150px;
	display: block;
}
.festival-car{
	position: absolute;
	left: 10px;
	top:135px;
	background: url(../images/svg/4bc06193.desktop-car.svg) no-repeat;
	width: 126px;
	height: 58px;
}
.tabset-position1{
	position: absolute;
	top:58px;
	left:0px;
	z-index: 100;
}
.tabset-position2{
	position: absolute;
	top:314px;
	left:84px;
	z-index: 100;
}
.tabset-position1 ul li{
	height: 79px;
	position: relative;
	float: left;

}
.tabset-position1 ul li .tab-link:before{
	content:'';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 5px;
	border-color: #adadad transparent transparent transparent;
}
.tabset-position1 ul li .tab-link.active:before{
	border-color: #fb0 transparent transparent transparent;
}
.tabset-position1 ul li:nth-child(n+6) .tab-link:before{
	bottom: inherit;
	top:-27px;
	transform: rotate(180deg);
}
.tabset-position1 ul li .tab-link:hover:before{
	border-color: #fb0 transparent transparent transparent;
}
.tabset-position1 ul{
	margin: -1px 0 0 -16px;
}
.tabset-position1 ul li span.tab-link{
	height: 79px;
	display: block;
	position: relative;
	cursor: pointer;
}
.tabset-position1 ul li span.tab-link:after{
	content:'';
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0px;
}
.tabset-position1 ul li:last-child{
	margin-right: 0;
}
.tabset-position1 ul li:nth-child(1){
	margin-right: 75px;
}
.tabset-position1 ul li:nth-child(2){
	margin-right: 71px;
}
.tabset-position1 ul li:nth-child(3){
	margin-right: 67px;
}
.tabset-position1 ul li:nth-child(4){
	margin-right: 68px;
}
.tabset-position1 ul li:nth-child(6){
	position: absolute;
	top: 260px;
	left: 268px;
}
.tabset-position1 ul li:nth-child(7){
	position: absolute;
	top: 260px;
	left: 390px;
}
.tabset-position1 ul li:nth-child(8){
	position: absolute;
	top: 260px;
	left: 516px;
}
.tabset-position1 ul li:nth-child(9){
	position: absolute;
	top: 260px;
	left:623px;
}
.tabset-position1 ul li:nth-child(10){
	position: absolute;
	top: 260px;
	left:749px;
}
.tabset-position2 ul li{
	height: 79px;
	position: relative;
	float: left;
	margin-right: 70px;

}
.tabset-position2 ul li:last-child{
	margin-right: 0;
}
.tabset-position1 .ttl,
.tabset-position2 .ttl{
	font: 21px/28px 'DINWebPro-CondBold', Arial, sans-serif;
	float: left;
	padding-top: 14px;
	margin-left: -1px;
	padding-right: 36px;
	letter-spacing: -0.5px;
	color: #303030;
}
.tabset-position2 .ttl{
	
}
.stage1{
	
	width: 41px;
	height: 46px;
	display: block;
	cursor: pointer;

}

.stage{
	display: block;
}
.stage1{
	width: 41px;
	height: 46px;
	margin-top: 2px;
}
.stage svg{
	fill:#adadad;
	margin: 0 auto;
}
.tab-link:hover .stage svg{
	fill: #fb0;
}
.tabset-position1 li .active .stage svg{
	fill: #fb0;
}
.stage1 svg{
	width: 41px;
	height: 46px;

}
.stage2{
	width: 49px;
	height: 48px;
}
.stage2 svg{
	width: 49px;
	height: 48px;
}
.stage3{
	width: 51px;
	height: 31px;
	margin-top: 8px;
}
.stage3 svg{
	width: 51px;
	height: 31px;
}
.stage4{
	width: 56px;
	height: 51px;
}
.stage4 svg{
	width: 56px;
	height: 51px;
}
.stage5 {
	width: 45px;
	height: 45px;
}
.stage5 svg{
	width: 45px;
	height: 45px;
}
.stage6{
	width: 45px;
	height: 46px;
}
.stage6 svg{
	width: 45px;
	height: 46px;
}
.stage7{
	width: 42px;
	height: 37px;
	margin-top: 4px;
}
.stage7 svg{
	width: 42px;
	height: 37px;
}
.stage8 {
	width: 31px;
	height: 48px;
}
.stage8 svg{
	width: 31px;
	height: 48px;
}
.stage9{
	width: 56px;
	height: 28px;
	margin-top: 9px;
}
.stage9 svg{
	width: 56px;
	height: 28px;
}
.stage10{
	width: 44px;
	height: 44px;
}
.stage10 svg{
	width: 44px;
	height: 44px;
}
.tab-data{
	padding: 34px 34px 0 34px;
	border: 2px solid #fb0;
}
.tab-data .ttl{
	font: 28px/28px 'DINWebPro-CondBold', Arial, sans-serif !important;
	color: #fb0;
	letter-spacing: -1px;
	margin-bottom: 18px !important;
}
.tab-data p{
	margin-bottom: 20px;
	font-size: 18px;
}
.festival-car{
	transition: left 700ms ease;
}
.festival-car{
	left: 170px;
}
.road-stage1 .festival-car{
	left: 170px;
}
.road-stage2 .festival-car{
	left: 300px;
}
.road-stage3 .festival-car{
	left: 420px;
}
.road-stage4 .festival-car{
	left: 540px;
}
.road-stage5 .festival-car{
	left: 660px;
}
.road-stage6 .festival-car{
	left: 230px;
}
.road-stage7 .festival-car{
	left: 350px;
}
.road-stage8 .festival-car{
	left: 470px;
}
.road-stage9 .festival-car{
	left: 590px;
}
.road-stage10 .festival-car{
	left: 710px;
}
.flex-holder3.wrap{
	flex-wrap: wrap;
}
.box-style{
	padding: 10px 20px 20px;
	color: #fff;
	font: 28px/28px 'DINWebPro-CondBold', Arial, sans-serif !important;
	letter-spacing: -0.5px;
	position: relative;
}
.box-style .ttl{
	color: #fff;
	text-align: center;
	padding-top: 46px;
	display: block;
}
.box7{
	flex-basis: calc(67% - 10px);
	min-height: 300px;
	background: #00be9f;
	margin-bottom: 20px;
	position: relative;
}
.box8{
	flex-basis: calc(33% - 10px);
	min-height: 300px;
	background: #fb0;
	margin-left: 20px;
	margin-bottom: 20px;
	position: relative;
}
.box9{
	flex-basis: calc(34% - 16px);
	min-height: 360px;
	background: #ec7e07;
	margin-right: 20px;
	position: relative;
}
.box10{
	flex-basis: calc(33% - 14px);
	min-height: 360px;
	background: #9f5eb9;
	margin-right: 20px;
	position: relative;
}
.box11{
	flex-basis: calc(33% - 10px);
	min-height: 360px;
	background: #069dde;
	position: relative;
}
.box9.box-style,
.box10.box-style,
.box11.box-style{
	padding-top: 25px;	
}
.flex-holder3{
	min-height: 100%;
}
.box-ico1{
	background: url(../images/svg/c472523a.box-ico1.svg) no-repeat;
	background-size: 95px 82px;
	display: block;
	width: 95px;
	height: 82px;
	margin: 49px auto 0;
	/*position: absolute;
	bottom:85px;
	left:calc(50% - 47px);*/
}
.box-ico2{
	background: url(../images/svg/9d13909a.box-ico2.svg) no-repeat;
	background-size: 87px 111px;
	display: block;
	width: 87px;
	height: 111px;
	margin: 37px auto 0;
	/*position: absolute;
	bottom:69px;
	left:calc(50% - 43px);*/
}
.box-ico3{
	background: url(../images/svg/518a6a9f.box-ico3.svg) no-repeat;
	background-size: 105px 105px;
	display: block;
	width: 105px;
	height: 105px;
	margin: 52px auto 0;
	/*position: absolute;
	bottom:103px;
	left:calc(50% - 52px);*/
}
.box-ico4{
	background: url(../images/svg/f23996b9.box-ico4.svg) no-repeat;
	background-size: 120px 120px;
	display: block;
	width: 120px;
	height: 120px;
	margin: 47px auto 0;
	/*position: absolute;
	bottom:95px;
	left:calc(50% - 60px);*/
}
.box-ico5{
	background: url(../images/svg/eee9e5cb.box-ico5.svg) no-repeat;
	background-size: 158px 143px;
	display: block;
	width: 158px;
	height: 143px;
	margin: 37px auto 0;
	/*position: absolute;
	bottom:80px;
	left:calc(50% - 79px);*/
}
.thumb-content-item{
	  height: 100%;
    position: absolute;
    left: 0;
    top:0;
    background: rgba(0,0,0, 0.8);
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    padding: 20px;
    height: 100%;
    width: 100%;
    display: none;
}
.thumb-content-item .btn-x{
	display: none;
}
.thumb:hover .thumb-content-item.hidden {
    display: block !important;
}
.thumb-content-item p{
	font: 18px/26px Helvetica, Arial, sans-serif;
	letter-spacing: 0;
}
.illustration{
	margin-bottom: 20px;
}
.illustration img{display: block;}
@media (max-width: 990px) {
	.desktop-hidden-990{
		display: block !important;
	}
	.mobile-hidden-990{
		display: none !important;
	}
	.thumb-content-item p{
		font: 16px/22px Helvetica, Arial, sans-serif;
	}
}
@media (min-width: 990px) {
	.desktop-hidden-990{
		display: none !important;
	}
	.mobile-hidden-990{
		display: block !important;
	}
}
.flex-holder:after{
	content:'';
	display: block;
	clear: both;
	
}
@media (max-width: 767px) {
	.footer-wrapper li{
		padding: 0 3px;
	}
	.flex-holder3{
		flex-wrap: wrap;
	}
	.box-style{
		padding-top: 17px !important;
	}
	.box-style .ttl{
		padding-top: 0;
	}
	.box7{
		flex-basis: 100%;
		margin-bottom: 10px;
		height: 135px;
		min-height: 135px;
		position: static;
	}
	.box8{
		margin-left: 0;
		flex-basis: calc(50% - 5px);
		margin-bottom: 10px;
		margin-right: 10px;
		height: 135px;
		min-height: 135px;
		position: static;
	}
	.box9{
		margin-left: 0;
		flex-basis: calc(50% - 5px);
		margin-bottom: 10px;
		margin-right: 0;
		height: 135px;
		min-height: 135px;
		position: static;
	}
	.box10{
		margin-right: 10px;
		margin-bottom: 10px;
		flex-basis: calc(50% - 5px);
		height: 135px;
		min-height: 135px;
		position: static;
		overflow: hidden;
		padding-left: 14px;
	}
	.box11{
		margin-right: 0;
		margin-bottom: 10px;
		flex-basis: calc(50% - 5px);
		height: 135px;
		min-height: 135px;
		position: static;
	}
	.box-ico1{
		background-size: 47px 44px;
		width: 47px;
		height: 44px;
		bottom: 34px;
		left: calc(50% - 23px);
		margin-top: 13px;
	}
	.box-ico2{
		background-size: 44px 55px;
		width: 44px;
		height: 55px;
		bottom: 28px;
		left: calc(50% - 22px);
		margin-top: 7px;
	}
	.box-ico3{
		background-size: 53px 53px;
		width: 53px;
		height: 53px;
		bottom: 28px;
		left: calc(50% - 26px);
		margin-top: 7px;
	}
	.box-ico4{
		background-size: 60px 60px;
		width: 60px;
		height: 60px;
		bottom: 26px;
		left: calc(50% - 30px);
		margin-top: 4px;
	}
	.box-ico5{
		background-size: 65px 58px;
		width: 65px;
		height: 68px;
		bottom: 15px;
		left: calc(50% - 32px);
		margin-top: 7px;
	}
	.mob-size-22{
		font-size: 22px;
	}
	.items-list .opener:before{
		top:0;
	}
	.items-list li{
		min-height: 70px;
	}
	.thumb:hover .thumb-content-item.hidden {
    display: none !important;
	}
	.thumb.mobile-open-popup:hover .thumb-content-item.hidden {
    display: block !important;
	}

	.thumb-content-item.hidden {
		display: none;
	}
	.thumb:hover .thumb-content-item .close{
		/*display: block;*/
	}
	.thumb .close{
		/*display: block;
		z-index: 5555555;*/
	}
	.thumb:hover .thumb-content-item{
        display: none;
    }
    .thumb .thumb-content-item:hover{
        display: none;
    }
    .mobile-open-popup .thumb-content-item{
        display: block;
        background: rgba(0,0,0,0.8);
    }
    .mobile-open-popup:hover .thumb-content-item{
        display: block;
        background: rgba(0,0,0,0.8);
    }
    .mobile-open-popup .thumb-content-item:hover{
        display: block;
        background: rgba(0,0,0,0.8);
    }
    .mobile-open-popup .thumb-content-item{
        width: calc(100% + 64px);
        height: 100vh;
        position: absolute;
        left:-32px;
        z-index: 500;
        padding-top: 10vh;
        padding-left: 32px;
        padding-right: 30px;
    }
    .mobile-open-popup .thumb-content-item h2{
        color: #fff;
        margin-bottom: 30px;
        display: block;
        font: bold 36px/42px 'DINWebPro-CondBold', Arial, sans-serif;
    }
    .mobile-open-popup .thumb-content-item p{
        font-size: 17px;
    }
    .thumb-content-item .btn-x{
			display: block;
		}
		.mobile-open-popup .hidden{
			display: block !important;
		}
		.items-list .opener {
    	font-size: 22px;
    	line-height: 28px;
    	padding-left: 62px;
    	padding-right: 10px;
 		}
}
@media (max-width: 460px) {
	.illustration.mob-full-width{
		width: calc(100% + 40px) !important;
		margin-left: -20px;
		margin-right: -20px;
		float: none !important;
		overflow: hidden;
		padding-left: 0 !important;
		margin-bottom: 32px;
	}
}
@media (max-width: 358px) {
	.gallery-holder{
		margin-left: -20px;
	}
}

.tabset-position1 .ttl.top-title {
	padding-right: 75px;
}

@media (max-width: 767px) {
	.box-style .thumb-content-item .box-mobile-ttl {
		display: block;
		font: 28px/28px 'DINWebPro-CondBold', Arial, sans-serif;
		margin-bottom: 20px;
		letter-spacing: -1px;
	}
}

/*NEW STYLES*/
body {
	min-width: 390px !important;
}

@media (max-width: 970px) {
	.illustration img {
		margin: 0 auto;
	}

	.popup-box {
		overflow: auto;
		height: calc(100% - 40px);
		padding-left: 10px;
		padding-right: 10px;
	}

	.thumb-content {
		background: rgba(0, 0, 0, 0.8);
		height: calc(100vh + 50px);
	}

	.popup-content-wrapper {
		height: calc(100% - 40px);
		overflow: auto;
		margin-top: 30px;
	}
}

@media (max-width: 358px) {
	.gallery-holder {
		margin-left: 10px !important;
	}
}

@media (max-width: 767px) {
	.footer-wrapper li {
		padding: 0 2px;
	}

	.header-wrapper .ttl-header {
		font-size: 30px !important;
	}
}

@media (max-width: 970px) {
	.thumb-content {
		width: 100% !important;
		/*left: 0 !important;*/
		margin-left: 0 !important;
	}

	.header-wrapper span.ttl-header {
		left: 20px;
	}

	.header-wrapper h1.ttl span {
		left: 20px;
	}

	.logo {
		left: 20px;
	}
}

@media (max-width: 767px) {
	.thumb-content {
		height: calc(100%) !important;
		padding-right: 15px !important;
	}

	.thumb-content-item {
		height: 100vh !important;
	}

	.footer-wrapper li {
		padding: 0 4px;
	}
}

@media (max-width: 970px) {
	.header-wrapper span.ttl-header {
		left: 20px;
	}

	.header-wrapper h1.ttl span {
		left: 20px;
	}

	.logo {
		left: 20px;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.box7 {
		flex-basis: calc(61% - 8px);
	}

	.box8 {
		flex-basis: calc(28% - 10px);
	}

	.box9, .box10, .box11 {
		flex-basis: calc(28% - 10px);
	}

	.stage1 svg {
		background: url(../images/svg/ie-svg/ico-stage1.svg) no-repeat;
	}

	li[rel="road-stage1"]:hover .stage1 svg, li[rel="road-stage1"] .active .stage1 svg {
		background: url(../images/svg/ie-svg/ico-stage1-hover.svg) no-repeat;
	}

	.stage2 svg {
		background: url(../images/svg/ie-svg/ico-stage2.svg) no-repeat;
	}

	li[rel="road-stage2"]:hover .stage2 svg, li[rel="road-stage2"] .active .stage2 svg {
		background: url(../images/svg/ie-svg/ico-stage2-hover.svg) no-repeat;
	}

	.stage3 svg {
		background: url(../images/svg/ie-svg/ico-stage3.svg) no-repeat;
	}

	li[rel="road-stage3"]:hover .stage3 svg, li[rel="road-stage3"] .active .stage3 svg {
		background: url(../images/svg/ie-svg/ico-stage3-hover.svg) no-repeat;
	}

	.stage4 svg {
		background: url(../images/svg/ie-svg/ico-stage4.svg) no-repeat;
	}

	li[rel="road-stage4"]:hover .stage4 svg, li[rel="road-stage4"] .active .stage4 svg {
		background: url(../images/svg/ie-svg/ico-stage4-hover.svg) no-repeat;
	}

	.stage5 svg {
		background: url(../images/svg/ie-svg/ico-stage5.svg) no-repeat;
	}

	li[rel="road-stage5"]:hover .stage5 svg, li[rel="road-stage5"] .active .stage5 svg {
		background: url(../images/svg/ie-svg/ico-stage5-hover.svg) no-repeat;
	}

	.stage6 svg {
		background: url(../images/svg/ie-svg/ico-stage6.svg) no-repeat;
	}

	li[rel="road-stage6"]:hover .stage6 svg, li[rel="road-stage6"] .active .stage6 svg {
		background: url(../images/svg/ie-svg/ico-stage6-hover.svg) no-repeat;
	}

	.stage7 svg {
		background: url(../images/svg/ie-svg/ico-stage7.svg) no-repeat;
	}

	li[rel="road-stage7"]:hover .stage7 svg, li[rel="road-stage7"] .active .stage7 svg {
		background: url(../images/svg/ie-svg/ico-stage7-hover.svg) no-repeat;
	}

	.stage8 svg {
		background: url(../images/svg/ie-svg/ico-stage8.svg) no-repeat;
	}

	li[rel="road-stage8"]:hover .stage8 svg, li[rel="road-stage8"] .active .stage8 svg {
		background: url(../images/svg/ie-svg/ico-stage8-hover.svg) no-repeat;
	}

	.stage9 svg {
		background: url(../images/svg/ie-svg/ico-stage9.svg) no-repeat;
	}

	li[rel="road-stage9"]:hover .stage9 svg, li[rel="road-stage9"] .active .stage9 svg {
		background: url(../images/svg/ie-svg/ico-stage9-hover.svg) no-repeat;
	}

	.stage10 svg {
		background: url(../images/svg/ie-svg/ico-stage10.svg) no-repeat;
	}

	li[rel="road-stage10"]:hover .stage10 svg, li[rel="road-stage10"] .active .stage10 svg {
		background: url(../images/svg/ie-svg/ico-stage10-hover.svg) no-repeat;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.wrapper-container {
		padding-bottom: 80px;
	}
}

.scroll.noscroll {
	overflow-y: visible !important;
}

@media (max-width: 970px) {
	.footer-wrapper li {
		padding: 0 6px !important;
	}
}

@media (max-width: 767px) {
	.items-list {
		margin-bottom: 30px;
	}
}

@media (max-width: 374px) {
	.footer-wrapper span, .footer-wrapper a {
		font-size: 8px !important;
	}
}

@media (max-width: 970px) {
	.thumb-content {
		position: absolute !important;
		height: calc(100vh + 120px) !important;
		top: -30px;
	}

	.btn4 .thumb-content, .btn5 .thumb-content, .btn8 .thumb-content, .btn9 .thumb-content, .btn10 .thumb-content {
		width: calc(100vw) !important;
		/*left: -244px !important;*/
		overflow: hidden;
	}

	.btn1 .thumb-content, .btn2 .thumb-content, .btn3 .thumb-content, .btn6 .thumb-content, .btn7 .thumb-content {
		width: calc(100vw) !important;
		/*left: -55px !important;*/
		overflow: hidden;
	}

	.popup-box {
		width: calc(100%);
	}

	.gallery-holder {
		overflow: visible;
	}
/*
	.btn1 .thumb-content {
		top: -100px !important;
	}

	.btn2 .thumb-content {
		top: -27px !important;
	}

	.btn3 .thumb-content {
		top: 10px !important;
	}

	.btn4 .thumb-content {
		top: -30px !important;
	}

	.btn5 .thumb-content {
		top: -30px !important;
	}

	.btn6 .thumb-content {
		top: -60px !important;
	}

	.btn7 .thumb-content {
		top: -10px !important;
	}

	.btn8 .thumb-content {
		top: -11px !important;
	}

	.btn9 .thumb-content {
		top: 0px !important;
	}

	.btn10 .thumb-content {
		top: -21px !important;
	}*/
}

.wrapper-container {
	padding-bottom: 80px;
}

.scroll.noscroll {
	overflow-y: visible !important;
}
/*
@media (max-width: 970px)  and (orientation: landscape) {
	.btn1 .thumb-content, .btn2 .thumb-content, .btn3 .thumb-content, .btn6 .thumb-content, .btn7 .thumb-content {
		left: -150px !important;
	}

	.btn4 .thumb-content, .btn5 .thumb-content, .btn8 .thumb-content, .btn9 .thumb-content, .btn10 .thumb-content {
		left: -339px !important;
		overflow: hidden;
	}

	.btn1 .thumb-content {
		top: -130px !important;
	}

	.btn2 .thumb-content {
		top: -57px !important;
	}

	.btn3 .thumb-content {
		top: -20px !important;
	}

	.btn4 .thumb-content {
		top: -60px !important;
	}

	.btn5 .thumb-content {
		top: -60px !important;
	}

	.btn6 .thumb-content {
		top: -90px !important;
	}

	.btn7 .thumb-content {
		top: -40px !important;
	}

	.btn8 .thumb-content {
		top: -41px !important;
	}

	.btn9 .thumb-content {
		top: -30px !important;
	}

	.btn10 .thumb-content {
		top: -51px !important;
	}
}*/
/*
@media (max-width: 1920px)  and (orientation: landscape) {
	.btn1 .thumb-content, .btn2 .thumb-content, .btn3 .thumb-content, .btn6 .thumb-content, .btn7 .thumb-content {
		left: -200px !important;
	}

	.btn4 .thumb-content, .btn5 .thumb-content, .btn8 .thumb-content, .btn9 .thumb-content, .btn10 .thumb-content {
		left: -386px !important;
		overflow: hidden;
	}

	.btn1 .thumb-content {
		top: -100px !important;
	}

	.btn2 .thumb-content {
		top: -27px !important;
	}

	.btn3 .thumb-content {
		top: 10px !important;
	}

	.btn4 .thumb-content {
		top: -30px !important;
	}

	.btn5 .thumb-content {
		top: -30px !important;
	}

	.btn6 .thumb-content {
		top: -60px !important;
	}

	.btn7 .thumb-content {
		top: -10px !important;
	}

	.btn8 .thumb-content {
		top: -11px !important;
	}

	.btn9 .thumb-content {
		top: 0px !important;
	}

	.btn10 .thumb-content {
		top: -21px !important;
	}
}
*/
@media (max-width: 374px) {
	#road {
		margin-left: 5px !important;
	}

	.btn1 .thumb-content, .btn2 .thumb-content, .btn3 .thumb-content, .btn6 .thumb-content, .btn7 .thumb-content, .btn4 .thumb-content, .btn5 .thumb-content, .btn8 .thumb-content, .btn9 .thumb-content, .btn10 .thumb-content {
		width: calc(100vw + 70px) !important;
	}

	.btn1 .thumb-content, .btn2 .thumb-content, .btn3 .thumb-content, .btn6 .thumb-content, .btn7 .thumb-content {
		left: -50px;
	}

	.btn4 .thumb-content, .btn5 .thumb-content, .btn8 .thumb-content, .btn9 .thumb-content, .btn10 .thumb-content {
		left: -239px !important;
		overflow: hidden;
	}
}

@media only screen   and (max-device-width: 540px)   and (-webkit-min-device-pixel-ratio: 3)  and (orientation: portrait) {
	.btn1 .thumb-content, .btn2 .thumb-content, .btn3 .thumb-content, .btn6 .thumb-content, .btn7 .thumb-content {
		left: -68px !important;
	}

	.btn4 .thumb-content, .btn5 .thumb-content, .btn8 .thumb-content, .btn9 .thumb-content, .btn10 .thumb-content {
		left: -260px !important;
		overflow: hidden;
	}
}