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

/*--Import GLOBAL CSS--*/
@import url('global_20250624.css');

body{font-family: 'proxima_nova_rgregular'; font-size:15px; line-height:24px; color:#4C4C4C; background-color:#f2f2f2;} 

/*--Header and Footer - Start--*/
.header{min-height:110px; padding:12px 0;}
.logo img{max-width:260px;}
.menu ul{margin:0 -15px;}
.menu ul li{padding:0 15px;}
.menu ul li a{display:block;}
.header .buttons{margin-left:50px;}
.header .nav-icon{margin-left:15px;}
.buttons a, .buttons .btn{margin-right:12px;}
.buttons a:last-child, .buttons .btn:last-child{margin-right:0;}

.nav-icon{width:16px; height:14px; position:relative; z-index:999; cursor:pointer; pointer-events:auto;}
.nav-icon span{display:block; width:100%; height:2px; background-color:#3A4596;}
.nav-icon:before, .nav-icon:after{position:absolute; left:0; content:""; height:2px; background-color:#3A4596; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -khtml-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.nav-icon:before{width:100%; top:0;}
.nav-icon:after{width:50%; bottom:0;}
.nav-icon:hover:after{width:100%;}
.nav-icon.nav-icon-active span, .nav-icon.nav-icon-active:before, .nav-icon.nav-icon-active:after{background-color:#fff;}

.footer{min-height:150px; padding:25px 0;}
.footer-links{margin:0 -15px;}
.footer-links li{padding:0 15px;}
.footer-links li a{color:#477bbe;}
.footer-links li a:hover, .footer-links li a:focus{color:#477bbe;}
.footer-links li a.active{color:#000;}

@media(max-width:1199px){
	.container{max-width:100%;}	
	.header{min-height:90px;}
	.logo img{max-width:230px;}
	.header .buttons{margin-left:40px;}
	.footer .logo, .footer-links{justify-content:center;}
	.footer {margin-top:20px;}
}
@media(max-width:991px){
	.header{min-height:80px;}
	.logo img{max-width:160px;}
	.header .buttons{margin-left:20px;}
	.menu ul{margin:0 -12px;}
	.menu ul li{padding:0 12px;}
	.buttons .btn{margin-right:8px;}
	.footer-links{margin:0 -12px;}
	.footer-links li{padding:0 12px;}
}
@media(min-width:768px){
	.menu{display:block !important;}
	.menu ul li a{color:#477bbe;}
	.menu ul li a:focus{color:#477bbe;}
	.menu ul li a:hover, .menu ul li a.active{color:#000;}
	.nav-icon{display:none !important;}
}
@media(max-width:767px){
	.header{min-height:auto;}
	.logo img{max-width:160px;}
	.header .buttons{margin-left:0;}
	.menu{position:absolute; left:0; top:100%; width:100%; z-index:999; display:none;}
	.menu ul{margin:0;}
	.menu ul li{padding:0; border-bottom:1px solid #477bbe;}
	.menu ul li a{padding:8px 15px; line-height:26px; background-color:#3A4596; color:#fff; font-size:14px;}
	.menu ul li a:hover, .menu ul li a:focus{background-color:#477bbe;}
	.footer-links{margin:0;}
	.footer-links li{text-align:center; padding:0; padding:5px 0;}
	.footer-links li a{display:inline-block; padding:5px 0;}
}
@media(max-width:575px){
	.logo img{max-width:140px;}	
}
@media(max-width:480px){
	.header .nav-icon{margin-left:10px;}
	.buttons .btn{margin-right:5px;}
}
/*--Header and Footer - End--*/

/*--Pages Start--*/
.contents{min-height:700px;}
.app-contents{position:relative;}
.app-contents:after{position:absolute; left:0; top:0; width:calc( ((100vw - 1170px) / 2) + ((1170px / 12) * 10) ); height:700px; content:"";
background: #80a92a; /* Old browsers */
background: -moz-linear-gradient(left,  #80a92a 0%, #d2da4e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #80a92a 0%,#d2da4e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #80a92a 0%,#d2da4e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a92a', endColorstr='#d2da4e',GradientType=1 ); /* IE6-9 */	
}
.contents .container{position:relative; z-index:2;}
.page-menu{min-height:100px; padding:15px 0;}
.page-menu ul{margin:-2px -12px;}
.page-menu ul li{padding:2px 12px;}
.page-menu ul li .btn.btn-o{border-color:#fff; color:#fff;}
.page-menu ul li .btn.btn-o:hover{border-color:#fff; color:#446428; background-color:#fff;}
.page-menu ul li .btn.btn-o:focus, .page-menu ul li .btn.btn-o.active{border-color:#446428; color:#fff; background-color:#446428;}

.section-menu{min-height:60px;}
.section-menu ul li{margin-right:30px; padding:5px 0;}
.section-menu ul li:last-child{margin-right:0;}
.section-menu ul li a{font-size:16px; font-family: 'proxima_nova_rgregular'; color:#fff; display:block; padding:5px 0;}
.section-menu ul li a.active{font-family: 'proxima_nova_rgbold';}

.choose-design-item{border:1px solid #477BBE; border-radius:4px; padding:10px;}
.choose-design-images figure{margin-bottom:8px;}
.choose-design-images figure:last-child{margin-bottom:0;}

.white-box-after{position:relative;}
.white-box-after:after{position:absolute; left:calc(((1170px/12)*1) - 20px); top:0; width:calc(100% + ((100vw - 1170px - ((1170px/12)*1))/2)); height:100%; background-color:#477BBE; z-index:-1; content:""; transform:translateY(-60px);}
.page-after .white-box{position:relative; z-index:2;}

.page-section{margin-bottom:50px;}
.page-section:last-child{margin-bottom:0;}


@media(max-width:1199px){
	.app-contents:after{width:calc(100vw / 12 *10);}
	.white-box-after:after{position:absolute; left:0; width:calc(100% + 15px);}
}
@media(max-width:991px){
	.page-menu ul{margin:-2px -8px;}
	.page-menu ul li{padding:2px 8px;}
	.page-menu{min-height:80px;}
	.section-menu ul{padding:0 15px;}
	.app-contents:after{height:600px;}
	.section-menu ul li{margin-right:20px;}
	.section-menu ul li a{font-size:14px;}
}
@media(max-width:767px){
	.app-contents:after{width:100%;}
	.page-menu{min-height:auto;}
	.app-contents:after{height:500px;}
	.section-menu ul{background-color:#477BBE; padding:15px;}
	.section-menu ul li{margin:0; border-bottom:1px solid #548acf; padding:0;}
	.section-menu ul li:last-child{border-bottom:0;}
	.section-menu ul li a{padding:10px 15px;}
	.section-menu ul li a.active{background-color:#548acf;}
	.page-header .link{margin-top:15px;}
	.section-menu ul{position:relative;}
	.section-menu ul:after{position:absolute; right:-15px; top:0; width:15px; height:100%; content:""; background-color:#477BBE;}
	.image-article-block{text-align:center;}
}
@media(max-width:575px){
	.page-menu ul{margin:-2px -5px;}
	.page-menu ul li{padding:2px 5px;}	
}


/*--Pages End--*/