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

.scrollbar-outer{ position: relative;}
.keventePopBg{position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none;}
.keventePopWrapper{position:fixed; left:0; top:0; z-index:1001; width:100%; height:100%; vertical-align:middle; text-align:center; display:none;}
.keventePopWrapper:after{content:''; height:100%; width:1px; display:inline-block; vertical-align:middle;}
.keventePopCont{ display:inline-block; vertical-align:middle; width:80%; max-width:686px; /*min-height:456px;*/ background: none; position:relative; text-align:center;  -webkit-transform: scale(0.8); transform: scale(0.8);  opacity:0; visibility:hidden;}
.keventePopCont iframe{ min-height:450px;}
/*.keventePopClose{ position:absolute; top:-40px; right:0; width:30px; height:30px; background:url(https://www.tatamotors.com/wp-content/themes/tatamotors_2019/images/pop-close.png) no-repeat 50% 50%; cursor:pointer; text-indent:-9999px; overflow:hidden; }*/

.keventePopClose {
    position: absolute;
    top: -43px;
    right: 174px;
    width: 110px;
    height: 41px;
    background: none;
    cursor: pointer;
    color: #000;
}
.accept .not .keventePopClose {
    position: absolute;
    top: -43px;
    right: 304px;
    width: 110px;
    height: 41px;
    background: none;
    cursor: pointer;
    color: #ddd;
    background: #6e6e6e;
    border-radius: 5px;
    line-height: 39px;
    font-size: 14px;
}

.keventePopCont h2{ font-size:30px; color:#22205f; padding:30px 0; text-transform:uppercase; font-weight:400;}
.keventePopCont strong{ display:block; background:#22205f; padding:50px 0; font-size:48px; color:#FFF; font-family: 'uni_neuelight';}
.keventePopCont p{ padding:25px 0;font-size:20px; color:#22205f;}
.keventePopCont p a{color:#22205f; font-weight: bold; text-decoration: underline;}

.keventePopContActive{opacity:1; visibility:visible;  -webkit-transform: scale(1); transform: scale(1);}

.keventePopCont .main_pop_info{float: left; width: 100%;}	
.keventePopCont .main_pop_info .link_pop a{float: right; background-color: #fff; color: #203f9a; font-size: 28px; text-transform: uppercase; padding: 23px 18px;}
.accept{ position: absolute; bottom: 30px; left: 0px; right: 0px;}	
.accept ul li:nth-child(1) a input{ background: #bd9746; padding: 10px 20px; color: #000; font-size: 15px; font-weight: 600; border-radius: 5px; border: none;}
.accept ul li:nth-child(2) a input{ background: #4c4c4c; padding: 10px 20px; color: #010002; font-size: 15px; font-weight: 600; border-radius: 5px;border: none;}
.accept ul li a{ color: #000;}

@media screen and (max-width:1680px){
	.keventePopCont .main_pop_info { padding: 65px 82px;}
	}
	
@media screen and (max-width:1080px){
	.keventePopCont .main_pop_info{padding:45px;}	
.keventePopCont .main_pop_info .link_pop a{font-size: 20px;padding: 15px;}
.accept ul li:nth-child(1) a input {
    background: #bd9746;
    padding: 3px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    border: none;
}
	.keventePopClose {
    position: absolute;
    top: -10px;
    right: 71px;
    width: 81px;
    height: 24px;
    background: none;
    cursor: pointer;
    color: #000;
}
	.accept .not .keventePopClose {
    position: absolute;
    top: -10px;
    right: 161px;
    width: 70px;
    height: 25px;
    background: none;
    cursor: pointer;
    color: #ddd;
    background: #6e6e6e;
    border-radius: 5px;
    line-height: 24px;
    font-size: 12px;
}
	}
	
@media screen and (max-width:800px){
.keventePopCont h2{ font-size:22px; padding:22px 15px;}
.keventePopCont strong{ font-size:30px;padding:35px 15px;}
.keventePopCont p{font-size:18px; padding:20px 15px;}

.keventePopCont{min-height:200px;}
.keventePopCont iframe{ min-height:400px;}
}
@media screen and (max-width:480px){
.keventePopCont iframe{ min-height:250px;}	
.keventePopCont{  width:90%;}
	
		.keventePopCont .main_pop_info{padding:25px;}	
.keventePopCont .main_pop_info .link_pop a{font-size: 16px;padding: 15px;}

}
@media screen and (max-width:400px){
.keventePopCont h2{ font-size:18px; padding:20px 15px;}
.keventePopCont strong{ font-size:25px;padding:30px 15px;}
.keventePopCont p{font-size:16px; padding:20px 15px;}
.keventePopCont { min-height:130px;}
.keventePopCont iframe{ min-height:200px;}	
}