@charset "UTF-8";

/* CSS Document */

@media(max-width:1832px) {
	
.who ul li {
	width: 19%;
	margin-right: 80px;
	padding-right: 0px;
	
}	
	
}


@media(max-width:1766px) {
.voxDocTools ul {
	padding-left: 75px;
	margin-right: 100px;
	margin-bottom: 0
}
.who ul li:before {
	background-size: 80% 80%;
	background-repeat: no-repeat
}
}

@media(max-width:1666px) {
.voxDocTools ul {
	padding-left: 75px;
	margin-right: 40px;
	margin-bottom: 0;
	margin-left: 20px
}

.who ul li {
	width: 19%;
	margin-right: 80px;
	padding-right: 0px;
	
}	

}

@media(max-width:1585px) {
	
	.who ul li {
	width: 20%;
	margin-right: 60px;
	padding-right: 0px;
	font-size:13px;
	
}

.who ul li:before {
	background-size: 70% 70%;
	background-repeat: no-repeat;
	
}
	
}
@media(max-width:1440px) {
h1 {
	font-size: 2.5vw;
}
.button.more {
	font-size: 17px;
}
.voxDocTools ul {
	padding-left: 75px;
	margin-right: 40px;
	margin-bottom: 0;
	margin-left: 0px
}
.voxDocTools .firstCol {
	padding-right: 10px
}
.who ul li {
	width: 19%;
	margin-right: 70px;
	padding-right: 0px;
	font-size:12px;
	
}

}

@media(max-width:1366px) {
h3 {
	font-size: 35px;
}

.voxDocTools ul {
	padding-left: 75px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0px
}

.who ul li {
	width: 20%;
	margin-right: 50px;
	padding-right: 0px;
	font-size:12px;
	
}
.who ul li:before {
	background-size: 60% 60%;
	background-repeat: no-repeat;
	margin-left:-40px
	
}
.voxDoc {
	font-size:13px
	
}
}

@media(max-width:1280px) {
h3 {
	font-size: 32px;
}

.voxDocTools .list {
	width: 50%;
}
.voxDocTools .pic {
	width: 30%;
}
.who ul li:before {
	background-size: 50% 50%;
	background-repeat: no-repeat;
	
}
}

@media(max-width:1199px) {

.voxDocTools ul li:before {
	background-size: 80% 80%;
	background-repeat: no-repeat
}
.voxDocTools ul {
	padding-left: 75px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px
}

.whyUs .list ul {
	width: 40%;
	margin-right: 60px;
	padding-left: 70px
}


.contact .left {
	width: 60%;
	float: left;
	padding-top: 100px;
}
.contact .right {
	width: 40%;
	float: left
}
.sliderLayer {

	padding: 25px 80px 30px 100px;

}

.button.more {
	font-size: 15px;
}
.who ul li {
	width: 18%;
	margin-right: 50px;
	padding-right: 0px;
	font-size:12px;
	
}

}

@media(max-width:1024px) {
h3 {
	font-size: 28px;
}
.sliderLayer {

	padding: 25px 60px 30px 100px;

}

iframe { width:644px;  height:362px; }	


}


@media(max-width:1023px) {
	
.whyUs {
	background-attachment:scroll;
	
}	
	
}


@media(max-width:991px) {
h1 {
}
.button.more {
	font-size: 12px;
	padding: 5px 15px;
	border: 2px solid #fff;
}
.sliderLayer {
	padding: 25px 40px 30px 100px;
	top: 12vw
}
.aim .box {
	padding-top: 70px;
	height: 335px;
	background-position: top center;
	background-repeat: no-repeat;
	line-height: 1.3
}
.achieve .list {
	padding-right: 120px;
	padding-left: 25px
}
.who ul li {
	width: 30%;
	margin-right: 80px;
	padding-right: 0px;
	margin-bottom: 30px;
}

.voxDoc .pic {
	
	background-size:0%;
	
}
.picMob {  display:block !important}
.voxDocTools ul {
	display: block;
}
.voxDocTools .list {
	width: 40%;
	padding-top: 50px;
	padding-bottom: 30px
}
.voxDocTools .pic {
	width: 40%;
}
.voxDocTools li {
	margin-bottom: 20px
}
.voxDocTools .firstCol {
	padding-top: 55px;
	
}
.whyUs{ padding-top:70px; padding-bottom:70px}
.whyUs .firstCol { width:100%; padding-bottom:50px}
.whyUs .list ul {
	width: 100%;
	float: left;
	list-style: none;
	margin-bottom: 0;
	margin-right: 0px;
	padding-left: 70px;
	margin-left:20px;
	padding-right:20px
}

#map{width:100%;height:700px; }

.contact .firstCol {
	margin-bottom: 20px
}
.contact .left {
	padding-top: 60px;
}

.contact .left .col { 
padding-left:3px

}


.fill{ padding-top:25px; padding-left:5px}

}

@media(max-width:815px) {
iframe { width:480px;  height:270px; }	
}

@media(max-width:767px) {
.sliderLayer {
	position: relative;
	top: 0;
	min-height:250px;
}
h1 {
	font-size: 30px;
}
h4 {
	font-size: 18px
}
.button.more {
	font-size: 16px;
	padding: 5px 15px;
}
.aim {
	height: auto;
}
.aim .box {
	padding-top: 40px;
	
}
.aim .box.paddLeft {
	height: auto;
	padding-bottom: 50px
}
.aim .text {
	padding-left: 0px;
	padding-top: 30px
}
.firstCol {
	width: auto
}
.firstCol.smaller {
	width: auto;
}
.achieve .list {
	width: 100%;
	padding-right: 30px;
	padding-left: 0px;
	padding-top: 50px
}
.achieve {
	padding-top: 30px;
	padding-bottom: 30px;
}
.who .list {
	float: left;
	width: 100%;
	padding-top: 30px
}
.who {
	padding-top: 40px;
	padding-bottom: 20px;
}
.voxDocTools .list {
	width: 100%;
	
}
.voxDocTools .list ul { float:left; }

.voxDocTools .list ul:first-child { margin-right:50px}
.voxDocTools .pic {
	width: 100%;
	float: none;
	text-align: right;
	position: relative;
	top: 0%;
	transform: translateY(0%);
}
.voxDocTools .firstCol {
	padding-top:25px;
	width: 100%;
	padding-bottom: 0px
}
.contact .left {
	width:100%;
	padding-top:25px;
	padding-bottom:70px
}

.contact .right  { 
width:100%;

}
#map{width:100%;height:400px; }

section.title {
	padding-top: 25px;
	padding-bottom: 25px;
}

.voxDoc {
	
	padding-top: 25px;	
	padding-bottom: 25px;
	line-height: 1.2
}

.footer { text-align:center; padding-bottom:10px}
.still { float:none; margin-top:0px; margin-right:0px
}

.footermenu { display:block}

}

@media(max-width:639px) {
	
	.sliderLayer {
	
	min-height:280px;
}
	
	#sidebar-wrapper {
	

	width: 40px;
	
}
#page-content-wrapper {
	
	padding-right: 40px;

}
.hamburger {
	
	right: 7px;
	z-index: 1001;
	width: 25px;
	height: 19px;
	background-repeat:no-repeat;
	cursor: pointer;
	margin-top:20px; 
}


.who ul li {
	width: 100%;
	margin-right: 80px;
	padding-right: 30px;
	margin-bottom: 30px
}
.voxDoc ul {
	width: 100%;
	float: left;
	list-style: none;
	padding-left: 65px;
	padding-top: 0px;
	margin: 0;
	padding-right: 30px
}
.voxDoc .list {
	padding-top: 50px
}
.voxDocTools .list ul:first-child { margin-right:20px}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; 
	height: 0;
	overflow: hidden;
}
.videoWrapper iframe {
	position: absolute;
	top: 15px;
	left: 0;
	
	width: 100%;
	
	height: 100%;

}


}

@media(max-width:480px) {
section .paddLeft {
	padding-left: 15px
}
.sliderLayer {
	padding: 25px 60px 30px 15px;
	top: 0;
	min-height:370px;
}



}

@media(max-width:360px) {
	.sliderLayer {
	min-height:442px;
}
}