@import url("global.css");

@import url("iconfont.css"); /* unicode iconfont & class iconfont */

@import url('animate.css');

@import url('swiper.css');



::selection{background:#20a7df;color:#fff;}

a{color:#333;}a:hover{color:#34456e;} /* link-visited-hover-active */
.toplin { align-items: center;}

@media (min-width:1441px){/* DESKTOPS */
/* body{font-family:verdana,arial,sans-serif;color:#333;line-height:20px;}
body{font-size:14px;} */
.w{display:flex;justify-content:space-between; width:100%; max-width:1620px; margin:0 auto;}
.reverse{flex-direction:row-reverse;}
.column{flex-direction:column;}
.align{align-items:center;}


header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:9;box-sizing:border-box;padding:5px 0;background:#3e5283;}
	.log{display:flex;}
		.log a{}
		.log figure{display:flex;}
		.log figure>img{height:80px; padding: 10px 0;}
		.log figure>figcaption img{height:44px;padding:18px;}
	.topbar{display:flex;font-size:14px;line-height:34px;}
		.toplin{display:flex;margin:0 20px 0 0;background:/*#34456e*/;color:#fff; padding:0 20px;border-radius:30px;box-sizing:border-box;}
			.toplin i{font-size:26px;margin:0 5px 0 0;}
            .toplin i.size-whatsapp{font-size:22px;}
			.toplin span{}
		.topbar>a{display:none;margin:0 20px 0 0;text-transform:uppercase;}
		.lan{position:relative; margin:0 70px 0 0; }
			.lan div{display:flex;justify-content:space-between;background:#34456e;color:#fff;padding:0 25px;border-radius:30px;}
			.lan div i{font-size:26px;}
			.lan div span{cursor:pointer;/*text-transform:uppercase;*/margin:0 0 0 5px;}
			.lan ul{display:none;position:absolute;z-index:9;top:34px;right:0;background:#C6A86C;box-shadow:0 0 10px rgba(0,0,0,0.1);min-width:150px;border-radius:15px;overflow:hidden;}
			.lan li{font-size:12px;border-bottom:1px solid rgba(255,255,255,0.1);}
			.lan li:last-child{border-bottom:none;}
			.lan li a{padding:0 25px;color:#fff;}
			.lan li a:hover{padding:0 30px;}
		
nav{background-image:linear-gradient(-45deg,#FFF 0,#FFF 100%);}
		.nav{}
			.nav>ul{}
			.nav>ul>li{float:left;position:relative;}
			.nav>ul>li>a{position:relative;z-index:1;display:block;font-size:18px;text-transform:uppercase;line-height:50px;padding:25px 30px 25px 0;color:#34456e;font-weight: 550;}
			.nav>ul>li>a>span{float:right;padding-left:5px;font-weight:bold;}
			/*.nav>ul>li.on>a,*/nav li a:hover{color:#C6A86C;}
			.nav>ul>li>a.on{}
			.nav>ul>li>ul{display:none;position:absolute;z-index:9;top:100px;left:0;width:280px;background:#34456e;box-shadow:0 10px 10px rgba(0,0,0,0.1);}
			.nav>ul>li>ul>li{}
			.nav>ul>li>ul>li a{font-size:14px;display:block;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;font-weight:normal;padding:0 15px;color:#fff;}
			.nav>ul>li>ul>li a:before{content:'';display:block;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.05);height:1px;}
			.nav>ul>li>ul>li a:after{content:'';display:block;position:absolute;top:50%;right:15px;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;transform:translateY(-50%) rotate(45deg);transition:all ease-out 0.3s;left:auto;background:transparent;}
			.nav>ul>li>ul>li a:hover{background:#fff;color:#C6A86C;}
			.nav>ul>li>ul>li a:hover:after{right:35px;border-top:1px solid #C6A86C;border-right:1px solid #C6A86C;}	

footer{background-image:linear-gradient(-45deg,#34456e 0,#3e5283 100%);font-size: 14px;}
footer a{color:#fff;}
	.foo{position:relative;}
		.foonav{line-height:30px;display:flex;}
			.foonav dl{padding:40px 0; margin:0 45px 0 0;}
			/* .foonav dl:not(:last-child){margin:0 40px 0 0;}
			.foonav dl:nth-of-type(1){width:250px;}
			.foonav dl:nth-of-type(2){width:130px;}
			.foonav dl:nth-of-type(3){width:290px;}
			.foonav dl:nth-of-type(4){width:190px;} */
			.foonav dt{font-size:18px;font-weight:bold;position:relative;margin:0 0 20px;text-transform:capitalize;color:#C6A86C;}
            .foonav dt a{color:#C6A86C;}
			.foonav dd{max-width: 250px;}
			.foonav dd a{display:block;color:#fff;opacity:0.5;position:relative;padding:0 0 0 15px;}
			.foonav dd a:before{content:'';display:block;position:absolute;left:0;top:12px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);width:5px;height:5px;}
			.foonav dd a:hover{opacity:1;}
		.foosoc{position:absolute;bottom:40px;left:0;display:flex;}
			.foosoc a{margin:0 10px 0 0;}
			.foosoc figure{background:#fff;padding:5px;border-radius:40px;}
			.foosoc figure img{width:40px;}
		.feebac{flex:0 0 540px;min-width:0;box-sizing: border-box;padding:40px 0;}
			.feebac form{}
			.feebac h2{font-size:18px;margin:0 0 20px;color:#C6A86C;}
			.feebac p{color:#fff;opacity:0.5;}
			.feebac ul{margin:20px 0 0;}
			.feebac li{display:flex;align-items:center;position:relative;margin:0 0 10px;}
			.feebac li i{position:absolute;top:50%;transform:translateY(-50%);left:15px;font-size:20px;}
			.feebac li .txt{width:100%;height:40px;padding:15px 15px 15px 45px;line-height:40px;}
			.feebac li .txts{display:block;width:100%;height:100px;padding:15px;}
			.feebac li .btn{cursor: pointer;display:block;height:40px;font-size:18px;line-height:40px;background:#C6A86C;color:#fff;width:200px;}
			.feebac li .vcode{width:120px;height:40px;padding:15px;line-height:40px;}
			.feebac li .vcodeimg {display:block;background: #ECF6FE;margin:0 10px 0 0;padding:7px;}
	.cop{padding:40px 0;border-top:1px solid rgb(255,255,255,0.1);color:#fff;}
		.copinf{opacity:0.5;}
		.copsup{opacity:0.5;}
        .copsup a{margin:0 0 0 10px;}
        .copsup a:hover{opacity:1; color:#fff;}
}
@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */
/* body{font-family:arial,sans-serif,verdana;color:#333;line-height:20px;}
body{font-size:14px;} */
.w{display:flex;justify-content:space-between; width:100%; max-width:1420px;margin:0 auto;}
.reverse{flex-direction:row-reverse;}
.column{flex-direction:column;}
.align{align-items:center;}



header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:9;box-sizing:border-box;padding:5px 0;background:#3e5283;}
	.log{display:flex;}
		.log a{}
		.log figure{display:flex;}
		.log figure>img{height:80px; padding: 10px 0;}
		.log figure>figcaption img{height:44px;padding:18px;}
	.topbar{display:flex;font-size:14px;line-height:34px;}
		.toplin{display:flex;margin:0 20px 0 0;background:/*#34456e*/;color:#fff;padding:0 20px;border-radius:30px;box-sizing:border-box;}
			.toplin i{font-size:26px; margin:0 5px 0 0;}
            .toplin i.size-whatsapp{font-size:22px;}
			.toplin span{}
		.topbar>a{display:none;margin:0 20px 0 0;text-transform:uppercase;}
		.lan{position:relative; margin:0 70px 0 0;}
			.lan div{display:flex;justify-content:space-between;background:#34456e;color:#fff;padding:0 25px;border-radius:30px;}
			.lan div i{font-size:26px;}
			.lan div span{cursor:pointer;/*text-transform:uppercase;*/margin:0 0 0 5px;}
			.lan ul{display:none;position:absolute;z-index:9;top:34px;right:0;background:#C6A86C;box-shadow:0 0 10px rgba(0,0,0,0.1);min-width:150px;border-radius:15px;overflow:hidden;}
			.lan li{font-size:12px;border-bottom:1px solid rgba(255,255,255,0.1);}
			.lan li:last-child{border-bottom:none;}
			.lan li a{padding:0 25px;color:#fff;}
			.lan li a:hover{padding:0 30px;}

nav{background-image:linear-gradient(-45deg,#FFF 0,#FFF 100%);}
		.nav{}
			.nav>ul{}
			.nav>ul>li{float:left;position:relative;}
			.nav>ul>li>a{position:relative;z-index:1;display:block;font-size:17px;text-transform:uppercase;line-height:50px;padding:25px 40px 25px 0;color:#34456e;font-weight: 550;}
			.nav>ul>li>a>span{float:right;padding-left:5px;font-weight:bold;}
			/*.nav>ul>li.on>a,*/nav li a:hover{color:#C6A86C;}
			.nav>ul>li>a.on{}
			.nav>ul>li>ul{display:none;position:absolute;z-index:9;top:100px;left:0;width:320px;background:#34456e;}
			.nav>ul>li>ul>li{}
			.nav>ul>li>ul>li a{font-size:14px;display:block;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;font-weight:normal;padding:0 15px;color:#fff;}
			.nav>ul>li>ul>li a:before{content:'';display:block;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.05);height:1px;}
			.nav>ul>li>ul>li a:after{content:'';display:block;position:absolute;top:50%;right:15px;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;transform:translateY(-50%) rotate(45deg);transition:all ease-out 0.3s;left:auto;background:transparent;}
			.nav>ul>li>ul>li a:hover{background:#fff;color:#C6A86C;}
			.nav>ul>li>ul>li a:hover:after{right:35px;border-top:1px solid #C6A86C;border-right:1px solid #C6A86C;}	
            
footer{background-image:linear-gradient(-45deg,#34456e 0,#3e5283 100%);}
footer a{color:#fff;}
	.foo{display:flex;justify-content:space-between;position:relative;}
		.foonav{line-height:30px;display:flex;}
			.foonav dl{padding:20px 0;}
			.foonav dl:not(:last-child){margin:0 20px 0 0;max-width:280px;}
			.foonav dt{font-size:18px;font-weight:bold;position:relative;margin:0 0 20px;text-transform:capitalize;color:#C6A86C;}
			.foonav dd{max-width: 250px;}
			.foonav dd a{display:block;color:#fff;opacity:0.5;position:relative;padding:0 0 0 15px;}
			.foonav dd a:before{content:'';display:block;position:absolute;left:0;top:12px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);width:5px;height:5px;}
			.foonav dd a:hover{opacity:1;}
		.foosoc{position:absolute;bottom:40px;left:40px;display:flex;}
			.foosoc a{margin:0 10px 0 0;}
			.foosoc figure{background:#fff;padding:5px;border-radius:40px;}
			.foosoc figure img{width:40px;}
		.feebac{flex:0 0 30%;min-width:0;box-sizing: border-box;padding:30px 0;}
			.feebac form{}
			.feebac h2{font-size:18px;margin:0 0 20px;color:#C6A86C;}
			.feebac p{color:#fff;opacity:0.5;}
			.feebac ul{margin:20px 0 0;}
			.feebac li{display:flex;align-items:center;position:relative;margin:0 0 10px;}
			.feebac li i{position:absolute;top:50%;transform:translateY(-50%);left:15px;font-size:20px;}
			.feebac li .txt{width:100%;height:40px;padding:15px 15px 15px 45px;line-height:40px;}
			.feebac li .txts{display:block;width:100%;height:140px;padding:15px;}
			.feebac li .btn{cursor: pointer;display:block;height:40px;font-size:14px;line-height:40px;background:#C6A86C;color:#fff;width:200px;}
			.vcode{width:110px;height:40px;padding:15px;line-height:40px;}
			.vcodeimg {display:block;background: #ECF6FE;margin:0 10px 0 0;padding:7px;}
	.cop{display:flex;justify-content:space-between;padding:30px;border-top:1px solid rgb(255,255,255,0.1);color:#fff;}
		.copinf{opacity:0.5;}
		.copsup{opacity:0.5;}
			.copsup a{margin:0 0 0 10px;}
}
@media (max-width:1024px){/* MOBILE */
body{font-family:arial,sans-serif,verdana;color:#333;line-height:20px;padding:70px 0 0;}
body{font-size:12px;}



header{position:fixed;top:0;left:0;right:0;z-index:99;box-sizing:border-box;padding:0;background:#fff;}
header .w{display:flex;justify-content:space-between;align-items:center;}
	.log{display:flex;}
		.log a{}
		.log figure{display:flex;}
		.log figcaption{display:none;}
		.log figure img{height:60px; padding: 5px;}
	.topbar{display:flex;font-size:14px;}
		.toplin{display:none;}
		.topbar>a{display:none;line-height:30px;margin:0 20px 0 0;text-transform:uppercase;}
		.lan{position: absolute;
            top: 18px;
            right: 70px;}
			.lan div{display:flex;justify-content:space-between; background: #34456e;
                color: #fff;
                padding: 0 30px;
                border-radius: 30px;}
			.lan div i{font-size:20px;line-height:30px;}
			.lan div span{line-height:30px;cursor:pointer;text-transform:uppercase;margin:0 0 0 5px;}
			.lan ul{display:none;position:absolute;z-index:9;top:30px;right:0;background:#C6A86C;box-shadow:0 0 10px rgba(0,0,0,0.1);min-width:170px;border-radius:15px;overflow:hidden;}
			.lan li{font-size:12px;line-height:40px;border-bottom:1px solid rgba(255,255,255,0.1);}
			.lan li:last-child{border-bottom:none;}
			.lan li a{padding:0 25px;color:#fff;}
			.lan li a:hover{padding:0 30px;}
		
nav{position:fixed;top:0;left:0;right:0;z-index:9;background-image:linear-gradient(-45deg,#fff 0,#fff 100%);}/*#34456e 0,#3e5283*/
		.nav{background:#fff;clear:both;}
			.nav span{position:absolute;z-index:9;top:20px;right:20px;display:block;width:30px;}
			.nav span i{display:block;content:'';width:100%;height:2px;background:#3e5283;margin:6px 0;transition:all 0.3s ease-out 0.1s;}
			.nav span.on i:nth-of-type(1){transform:translateY(8.5px) rotate(45deg);}
			.nav span.on i:nth-of-type(2){opacity: 0;}
			.nav span.on i:nth-of-type(3){transform:translateY(-8.5px) rotate(-45deg);}
			.nav ul{position:fixed;padding-top: 0;z-index:3;right:-300px;bottom:0;top:70px;width:300px;background:rgba(255,255,255,1);box-shadow:0 30px 30px rgba(0,0,0,0.1);transition:all ease-out 0.3s;}
			.nav ul.on{right:0;}
			.nav ul li{position:relative;width: 100%;box-sizing: border-box;padding: 0;}
			.nav ul li i{position:absolute;z-index:11;top:1px;right:1px;width:40px;height:40px;background:rgba(0,0,0,0.1);text-align:center;line-height:40px;font-style:normal;}
			.nav>ul>li>a{display:block;line-height:42px;font-size:16px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);text-transform: capitalize;}
			.nav>ul>li.on>a {border-bottom: 1px dashed rgba(0,0,0,0.1);}
			.nav li a span{display:none;}
			.nav li a:hover{background:#fff;color:#333;}
			.nav li ul{display:none;position:static;overflow:hidden;box-shadow:none;background:none;}
			.nav li ul.on{display:block;    width: 100%;border-bottom: 1px solid rgba(0,0,0,0.1);margin: 0;padding: 0;}
			.nav li li{float:left;width:100%;line-height:26px;padding:0 20px;}
			.nav li li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color: #666;font-size: 14px;text-transform: capitalize;}
			.nav li li a:after {opacity: 0.5;}

footer{background-image:linear-gradient(-45deg,#34456e 0,#3e5283 100%);color:#fff;padding:40px 20px 10px; }
footer a{color:#fff;}
	.foo{position:relative;}
		.foonav{margin:0 0 20px;}
			.foonav dl{margin:0 0 10px;}
			.foonav dt{font-weight:bold;position:relative;margin:0 0 5px;text-transform:capitalize;color:#C6A86C;}
			.foonav dd{}
			.foonav dd a{display:block;color:#fff;opacity:0.5;position:relative;padding:0 0 0 15px;}
			.foonav dd a:before{content:'';display:block;position:absolute;left:0;top:6px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);width:5px;height:5px;}
			.foonav dd a:hover{padding:0 0 0 20px;opacity:1;}
		.foosoc{display:flex;margin:0 0 20px;}
			.foosoc a{margin:0 10px 0 0;}
			.foosoc figure{background:#fff;padding:5px;border-radius:40px;}
			.foosoc figure img{width:20px;}
		.feebac{}
			.feebac form{}
			.feebac h2{margin:0 0 10px;color:#C6A86C;}
			.feebac p{color:#fff;opacity:0.5;}
			.feebac ul{margin:20px 0 0;}
			.feebac li{display:flex;align-items:center;position:relative;margin:0 0 10px;}
			.feebac li i{position:absolute;top:50%;transform:translateY(-50%);left:15px;font-size:20px;color:#000;}
			.feebac li .txt{width:100%;height:40px;padding:15px 15px 15px 45px;line-height:40px;}
			.feebac li .txts{display:block;width:100%;height:140px;padding:15px;}
			.feebac li .btn{cursor: pointer;display:block;height:40px;font-size:18px;line-height:40px;background:#C6A86C;color:#fff;width:200px;}
			.vcode{width:120px;height:40px;padding:15px;line-height:40px;}
			.vcodeimg {display:block;background: #ECF6FE;margin:0 10px 0 0;padding:9.5px;}
	.cop{padding:20px 0;border-top:1px solid rgb(255,255,255,0.1);}
		.copinf{opacity:0.5;}
		.copsup{opacity:0.5;}
			.copsup a{margin: 0;
                padding-top: 10px;
                display: inline-block;}
}