body.itc-takeover-visible{position:fixed;width: 100%;}
body.itc-takeover-visible>.container{transform:translateX(-50%)}
#itc-takeover{transition:opacity .6s cubic-bezier(0.0,0.0,0.2,1);-webkit-transition:opacity .6s cubic-bezier(0.0,0.0,0.2,1);position:fixed;top:0;right:0;bottom:0;overflow:auto;left:0;z-index:9999999999;opacity:0;background-color:rgba(0,0,0,.4);}
#itc-takeover > div{width:88.8%;margin:0 auto}
#itc-takeover h2{font-size:36px;line-height:40px;margin:15px 0px -3px 0px}
#itc-takeover p{font-size:15px;line-height:23px; margin: 10px 0;}
#itc-takeover.itc-takeover-fadeOut{opacity:0!important}
#itc-takeover.itc-takeover-fadeIn{opacity:1}
#itc-takeover .text-holder{padding:1px 20px 25px;text-align:center;}
#itc-takeover .image .image-holder{width:100%}
#itc-takeover .gk-button{font-size:10px;padding:10px 20px;letter-spacing:.5px;background:#255aa3!important;color:#fff!important;margin-top:5px;line-height:1;}
#itc-takeover img{width:100%;height:100%;max-width:100%}
#itc-takeover .itc-takeover-banners{position:relative}
#itc-takeover .itc-takeover-banners > div{position:relative;opacity:0;-webkit-transform:scale(0.95,0.95);cursor:pointer}
#itc-takeover .close{position:absolute;z-index:1;border:2px solid #000;top:0;right:0;width:27px;height:27px;cursor:pointer;opacity:0;transition:opacity .6s cubic-bezier(0.0,0.0,0.2,1) .4s;-webkit-transition:opacity .6s cubic-bezier(0.0,0.0,0.2,1) .4s}
#itc-takeover.itc-takeover-fadeIn .close{opacity:1}
#itc-takeover .close:before,#itc-takeover .close:after{height:2px;background:#000;content:"";position:absolute;left:0;right:0;top:11px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#itc-takeover .close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#itc-takeover .itc-takeover-fadeIn{-webkit-animation:itc-takeover-fadeIn .6s cubic-bezier(0.0,0.0,0.2,1) .2s forwards;animation:itc-takeover-fadeIn .6s cubic-bezier(0.0,0.0,0.2,1) .2s forwards}
#itc-takeover{display:flex;align-items:center;justify-content:center}

/*ipad port cut image by 60px*/
@media only screen and (max-width: 769px) and (min-width: 680px){
	#itc-takeover .banner-container{overflow: hidden;}
	#itc-takeover .image-holder{overflow: hidden;top: -90px;position: relative;}
	#itc-takeover .text-holder{margin-top: -80px;}
	#itc-takeover .gk-button{margin-top:10px;}

}

@media only screen and (min-width: 500px) {

	#itc-takeover p{font-size:2.5vw;line-height:3.3vw}
	#itc-takeover .gk-button{font-size: 1.7vw;padding: 15px 30px;}
}

@media only screen and (min-width: 769px) {
	#itc-takeover .text-holder{text-align:left;}

	#itc-takeover .banner-container{display: flex;align-items: stretch;}
	#itc-takeover .image-holder,#itc-takeover .text-holder{width: 50%;display: flex;}
	#itc-takeover .text-holder{
	flex-direction: column;
	justify-content: center;}


	#itc-takeover .right .image-holder{order:2}
	#itc-takeover .right .text-holder{order:1}

	#itc-takeover .image-holder{display:flex}
	#itc-takeover .mobile{display:none}
	#itc-takeover > div{max-width:905px;max-height: 569px;width:63.5%}
	#itc-takeover h2{font-size:3.5vw;line-height: 3.6vw;margin-bottom:3px}
	#itc-takeover p{font-size:1.45vw;line-height:2.1vw}
	#itc-takeover .gk-button{margin-top:6px;float:right;font-size:1.10vw;padding: 1vw 2.2vw;}
	#itc-takeover .text-holder{padding:50px 35px 0}
}

@media only screen and (min-width: 999px) {
	#itc-takeover .right .gk-button{float:left}
}

@media only screen and (min-width: 1440px) {
	#itc-takeover h2{font-size:48px;line-height:51.77px}
	#itc-takeover p{font-size:20px;line-height:30.1px}
	#itc-takeover .gk-button{font-size:16px; padding:14px 32px;line-height:1;}
}

/*iphone 6-8*/
@media only screen and (min-device-width : 375px) and (max-device-height : 667px) and (orientation : portrait) {
	#itc-takeover .image-holder {overflow: hidden; transform: translateY(-60px);position: relative;}
	#itc-takeover .text-holder {margin-top: -70px;}
	#itc-takeover .text-holder {padding: 1px 20px 15px;}
	#itc-takeover.itc-takeover-fadeIn .close { top: -26px;}
}
/*iphone 6-8 END*/

@keyframes itc-takeover-fadeIn {
from{opacity:0;transform:scale(0.95,0.95)}
to{opacity:1;transform:scale(1,1)}
}
@-webkit-keyframes itc-takeover-fadeIn {
from{opacity:0;-webkit-transform:scale(0.95,0.95)}
to{opacity:1;-webkit-transform:scale(1,1)}
}