body, html {font-family: 'Poppins', sans-serif;font-weight:200;}

.desktop {display:block;}
.mobile {display:none;}

.f30 {font-size:3rem;}
.f25 {font-size:2.5rem;}
.f20 {font-size:2rem;}
.f15 {font-size:1.5rem;}
.f10 {font-size:1rem;}
.f09 {font-size:0.9rem;}
.f08 {font-size:0.8rem;}
.f07 {font-size:0.7rem;}
.f06 {font-size:0.6rem;}
.f05 {font-size:0.5rem;}

.h5 {height:5rem;}
.h7 {height:7rem;}
.h10 {height:10rem;}

.col1 {color:#3fc35f;}

.btn-primary {background-color:#3fc35f;border-color:#3fc35f;}
.btn-primary:hover {background-color:#093;border-color:#093;}

.gradient1 {
background: rgb(204,204,204);
background: -moz-linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(204,204,204,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(204,204,204,1) 100%);
background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",endColorstr="#cccccc",GradientType=1);}

.header {border-top:5px solid #3fc35f;padding-top:1rem;padding-bottom:1rem;}
.header .logo {height:4rem;}
.header .phone {height:7rem;}
.header a {color:#3fc35f;text-decoration:none;}
.header a:hover {color:#000;}
.subheader {background-color:#999;color:#fff;}
.subheader a {color:#fff;text-decoration:none;}
.subheader a:hover, .subheader a.active {color:#000;}
.header2 {background-color:rgba(255,255,255,0.9);}
.header2 .logo {height:2rem;}
.header2 .nav-link {text-decoration:none;color:#000;}
.header2 .nav-link:hover {color:#3fc35f}
.header2 .lang {position:absolute;top:0.5rem;right:1rem;text-align:right;}
.header2 .lang a {text-decoration:none;color:#000;}
.header2 .lang a:hover {color:#3fc35f}
.header2 .lang img {height:1rem;margin-left:0.5rem;}
.header2 .navbar-collapse {background-color:#fff;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;}

.footer {background-color:#f0f0f0;border-top:2px solid #3fc35f;padding-top:2rem !important;font-size:0.9rem;}
.footer h5 {border-bottom:1px solid #3fc35f;padding-bottom:0.8rem;font-size:1rem;}
.footer a {color:#000;text-decoration:none;}
.footer a:hover {color:#3fc35f;}
.footer img.cert {height:3rem;}
.footer .bglady {background: url('../images/footer-lady.png') no-repeat right bottom scroll;} 

@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	html, body {font-size:4.5vw !important;}
	.desktop {display:none;}
	.mobile {display:block;}
	.footer .bglady {background:none;}
	.nav-scroller {position: relative;z-index: 2;height: 2.75rem;overflow-y: hidden;}

	.nav-scroller .nav {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding-bottom: 1rem;
		margin-top: -1px;
		overflow-x: auto;
		text-align: center;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	.nav-scroller .nav-link {
		padding-top: .75rem;
		padding-bottom: .75rem;
		font-size: .875rem;
	}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
	html, body {font-size:2vw !important;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	html, body {font-size:2vw !important;}
}