/* AW Home Slider Extra CSS */
.awProjectsSliderWrapper{
	float: left;
	width: 100%;
	overflow: hidden;
}
.awProjects .awProjectsContainer{
	margin: 0 auto;
	position: relative;
	width: 100%;
}
.awProjects .awProjectsContainer .flexslider{
	background: none no-repeat scroll 0 0 transparent;
	border: medium none;
	border-radius: 0;
	margin: 0;
	position: relative;
}
.awProjects .awProjectsContainer .main_slider{
	position: relative;
}
.awProjects .awProjectsContainer .main_slider > .flex-viewport{
	overflow: visible !important;
}
.awProjects .awProjectsContainer .main_slider > .flex-viewport .slides li .slide_container{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
    position: relative;
    width: 100%;
}
.flexslider .awProjectsImage {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 824px;
    position: relative;
    width: 100%;
}
.awProjects .awProjectsContainer .main_slider > .flex-viewport .slides li .caption_container{
	background-color: transparent;
	position: absolute;
	bottom: 140px;
	line-height: 1.3;
    left: 70%;
    width: 25%;
}
.awProjects .awProjectsContainer .main_slider > .flex-viewport .slides li.flex-active-slide .caption_container{
    
}
.flex-caption.aw_slider_title {
    color: #333132;
	font-size: 25px;
    font-weight: 700;
	padding: 0 0 5px;
}
.flex-caption.aw_slider_subtitle {
    color: #333132;
    font-size: 18px;
    font-weight: 300;
}
/* controls */

.awProjects .awProjectsContainer .main_slider .flex-control-nav{
	bottom: -110px;
}
.awProjects .awProjectsContainer .main_slider .flex-direction-nav {
    left: 50%;
    position: absolute;
    top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}
.awProjects .awProjectsContainer .main_slider .flex-direction-nav > li {
	padding: 0;
}
.awProjects .awProjectsContainer .main_slider .flex-direction-nav a{
	font-family: "aw-font";
	font-size: 36px;
	opacity: 1;
}
.awProjects .awProjectsContainer .main_slider .flex-direction-nav svg {
	width: 100%;
}
.awProjects .awProjectsContainer .main_slider .flex-direction-nav a{
	height: auto !important;
    margin: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
}
.awProjects .awProjectsContainer .main_slider:hover .flex-direction-nav a{
	opacity: 1;
}
.awProjects .awProjectsContainer .main_slider .flex-direction-nav a.flex-prev{
	left: 10px;
}
.awProjects .awProjectsContainer .main_slider .flex-direction-nav a.flex-next{
	right: 10px;
}
.awProjects .awProjectsContainer .main_slider .flex-direction-nav a::before{
	display: none;
	content: "";
}

/* Phone Slider */
.gkPage.container0 {
    position: relative;
}
.awProjects .container0 .container1 {
    bottom: 50px;
    left: 7%;
    position: absolute;
    width: 65%;
}
.awProjects .container0 .container1 #carousel{
	left: 18.3%;
    position: absolute;
    top: 9.3%;
    width: 63.3%;
    z-index: 1;
}

@media only screen and (max-width: 1250px) {
	.flexslider .awProjectsImage {
		height: 0;
		padding-top: calc(58% + 145px);
	}
	.awProjects .container0 .container1 {
		bottom: 30px;
		left: 1%;
		position: absolute;
		width: 75%;
	}
}
@media only screen and (max-width: 800px) {
	.flexslider .awProjectsImage {
		height: 0;
		padding-top: calc(58% + 180px);
	}
	.awProjects .container0 .container1 {
		bottom: 78px;
		left: 13%;
		width: 74%
	}
	.awProjects .awProjectsContainer .main_slider > .flex-viewport .slides li .caption_container {
		bottom: 40px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		left: 0;
		text-align: center;
		padding: 0 15px;
		width: 100%;
	}
	.flex-caption.aw_slider_subtitle {
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	.flex-caption.aw_slider_title {
		font-size: 20px;
	}
}
@media only screen and (max-width: 380px) {	
	.awProjectsTitle {
		display: none;
	}
	.flexslider .awProjectsImage {
		padding-top: 72%;
	}
	.awProjects .container0 .container1 {
		bottom: 45px;
		left: 7%;
		width: 86%;
	}	
	.awProjects .awProjectsContainer .main_slider > .flex-viewport .slides li .caption_container {
		bottom: 20px;
	}
}
