body {font-family: 'Open Sans', sans-serif;}
.clear {clear:both;}



.gr1 {
		-webkit-animation: rotation 20s infinite linear;
}

.gr2 {
		-webkit-animation: rotation_rev 20s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}

@-webkit-keyframes rotation_rev {
		from {
				-webkit-transform: rotate(359deg);
		}
		to {
				-webkit-transform: rotate(0deg);
		}
}



        
.home {position:relative; min-height:100vh; height:700px; background:url(images/bg.jpg) no-repeat center center; background-size:cover; overflow:hidden;}
.home .ct {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width:970px;}
.home .pc1 {position:absolute; top:0px; left:0px;}
.home .pc2 {position:absolute; bottom:0px; left:0px;}
.home .gr {position: absolute; top: 50%; left: 50%; margin-top: -120px; margin-left: 480px;}
.home .gr .gr1 {position:absolute; top:0px; left:0px; -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center;}
.home .gr .gr2 {position:absolute; top:0px; left:76px; -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center;}
.home .lt {position:relative; float:left; width:305px; height:526px;}
.home .lt .lg {margin-bottom:60px;}


.home .btn1 {position: absolute; top: 130px; left: 50%; margin-left: -331px; display: block; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 196px; height: 64px; border: 2px solid #46a9ec; border-radius: 32px; padding: 3px; /*-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;*/}
.home .btn1 .tx {font-size:24px; line-height:24px; font-weight:700; color:#ffffff; background-color:#46a9ec; text-transform:uppercase; height:100%; border-radius:32px; text-align:center; padding-top:14px; /*-webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;*/}



.srcline {position: absolute; top: 50%; left: 70px; margin-top: -30px; font-size: 20px; line-height: 24px; color: #3074a3; font-weight: 700;}
.srcline .dv1 span {color:#d7655a;}
.srcline .dv2 {padding-left:111px;}


/*.home .btn1:hover {width:230px; padding:6px; border-color:#224879;}
.home .btn1:hover .tx {padding-top:11px; background-color:#224879;}*/


.home .btn2 {position: absolute; top: 420px; left: 13px; display:block; text-align: center; height: 110px;}
.home .btn2 .dv1 {position:absolute; top:0px; left:50%; margin-left:-80px;  -webkit-transform-origin:center;  -ms-transform-origin:center;  transform-origin:center; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.home .btn2 .dv2 {position:absolute; top:10px; left:50%; margin-left:-20px;  -webkit-transform-origin:center;  -ms-transform-origin:center;  transform-origin:center; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.home .btn2 .tx {position:relative; margin-top:20px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.home .btn2 .tx1 {font-family: 'Oswald', sans-serif; font-size:38px; line-height:38px; color:#248cdf; text-transform:uppercase; font-weight:700; margin-bottom:10px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.home .btn2 .tx2 {font-family: 'Oswald', sans-serif; font-size:14px; line-height:20px; color:#5aa4bd; text-transform:uppercase; font-weight:700; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.home .btn2:hover .dv1 {margin-left:-110px; -webkit-transform:rotate(-15deg); -ms-transform:rotate(-15deg); transform:rotate(-15deg);}
.home .btn2:hover .dv2 {margin-left:10px; -webkit-transform:rotate(15deg); -ms-transform:rotate(15deg); transform:rotate(15deg);}
.home .btn2:hover .tx {margin-top:15px;}
.home .btn2:hover .tx1 {color:#d76659;}
.home .btn2:hover .tx2 {color:#d76659;}


.home .rt {float:right; width:560px;}
.home .rt .bx {position:relative; display:block; width:100%; padding:20px 0px; border-radius:10px; text-align:center; color:#ffffff; margin-bottom:18px; min-height:118px; /*-webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;*/}
.home .rt .bx .roll {position:absolute; top:0%; left:25%; width:50%; height:100%; background-color:rgba(0,0,0,0.1); opacity:0; /*-webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;*/ border-radius:10px; z-index:9;}
.home .rt .bx .tx {position:relative; z-index:99; width:500px;}
.home .rt .bx .tx1 {font-size:20px; line-height:22px; font-weight:700; margin-bottom:16px;}
.home .rt .bx .tx2 {font-size:14px; line-height:20px; font-weight:600;}
.home .rt .bx1 {background-color:#895fe9;}
.home .rt .bx2 {background-color:#d76659;}
.home .rt .bx3 {background-color:#70af1a;}
.home .rt .bx4 {background-color:#224879;}
/*.home .rt .bx:hover {width:106%; margin-left:-3%;}
.home .rt .bx:hover .roll {opacity:1; top:0%; left:0%; width:100%; height:100%;}*/
.home .bt {max-width:770px;margin-top:50px;}
.home .bt .p {float:left; margin-right:10px;}
.home .bt .t {float:left; background-color:rgba(255,255,255,0.6); padding:6px 0px 6px 10px; width:160px; font-size:16px; line-height:18px; color:#3074a3; font-weight:700; margin:10px 30px 0px 0px;}







@media (max-width: 1230px){
	.home .gr {margin-top: -30px; margin-left: -190px;}
	.srcline .dv2 {padding-left: 20px;}
}

@media (max-width: 1040px){
	.home .ct {max-width:900px;}
	.home .btn1 {margin-left: -296px;}
	.srcline {left: 40px;}
}

@media (max-width: 980px){
	
	.home {height:auto; min-height:auto;}
	
	.home .ct {top: 0%; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); padding:0px 20px;}
	.home .lt {width: 100%; height: auto;}
	.home .lt .lg {text-align:center; margin: 20px 0px 120px 0px;}
	.home .rt {width: 100%;}
	/*.home .rt .bx:hover {width:100%; margin-left:0%;}
	.home .rt .bx:hover .roll {opacity:0;}*/
	
	.home .btn1 {position:relative; margin:20px 0px 40px 0px; top:0px;}
	.home .btn2 {position:relative; top:auto; left:auto;}
	/*.home .btn1:hover {width:196px; padding:3px; border-color:#46a9ec;}
	.home .btn1:hover .tx {padding-top:14px; background-color:#46a9ec;}*/


	.home .btn2:hover .dv1 {margin-left:-80px; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
	.home .btn2:hover .dv2 {margin-left:-20px; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
	.home .btn2:hover .tx {margin-top:20px;}
	.home .btn2:hover .tx1 {color:#248cdf;}
	.home .btn2:hover .tx2 {color:#5aa4bd;}
	
	
	.srcline {left: 0px; top: 130px; width: 100%; margin-top: 0px; text-align: center;}
	.srcline .dv2 {padding-left:0px;}


	.home .bt {padding-bottom:40px; margin-top:20px; width:240px;}
	.home .bt .p {clear:both; width:70px;margin-bottom: 10px; text-align:center;}
	.home .bt .p.last {display:none;}
	.home .bt .t {margin-right:0px;}
	.home .gr {margin-top:0px; margin-left:0px; top:20px; left:auto; right:140px;}
	
	

}

@media (max-width: 600px){
	.home .rt .bx {padding:20px;}
	.home .rt .bx .tx {width:100%;}
	.home .lt .lg img {width:220px;}
	.home .gr {opacity:0.5;}
	.srcline {top:110px;}
	
}
@media (max-width: 370px){
	.srcline {font-size: 16px; line-height: 20px;}
}