.cbp-so-section:before,
.cbp-so-section:after {
    content: " ";
    display: table;
}
.cbp-so-section:after {
    clear: both;
}
.cbp-so-section {
    overflow: hidden;
}
.cbp-so-side {
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
    -moz-transition: -moz-transform 0.8s, opacity 0.8s;
    transition: transform 0.8s, opacity 0.8s;
}


.cbp-so-side:before,
.cbp-so-side:after {
    content: " ";
    display: table;
}

.cbp-so-side:after {
    clear: both;
}


.cbp-so-init .cbp-so-side {
    opacity: 0;
}

.cbp-so-init .cbp-so-side-left {
    -webkit-transform: translateX(-150px);
    -moz-transform: translateX(-150px);
    transform: translateX(-150px);
}

.cbp-so-init .cbp-so-side-right {
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    transform: translateX(150px);
}
.cbp-so-init .cbp-so-side-top {
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    transform: translateY(150px);
}
.cbp-so-init .cbp-so-side-bottom {
    -webkit-transform: translateY(-150px);
    -moz-transform: translateY(-150px);
    transform: translateY(-150px);
}

/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */

.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}

.cbp-so-section.cbp-so-animate .cbp-so-side-top,
.cbp-so-section.cbp-so-animate .cbp-so-side-bottom {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

@media screen and (max-width: 73.5em) {
    .cbp-so-scroller {

    }

    .cbp-so-section h2 {

    }

    .cbp-so-side img {
        max-width: 120%;
    }
}

@media screen and (max-width: 41.125em) {
    .cbp-so-side {
        float: none;
        width: 100%;
    }

    .cbp-so-side img {
        max-width: 100%;
    }
}
@media (max-width: 768px)
{

    .cbp-so-init .cbp-so-side-top {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }
    .cbp-so-init .cbp-so-side-right {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        transform: translateX(0px);
    }
    .cbp-so-init .cbp-so-side-left {
        -webkit-transform: translateX(-0px);
        -moz-transform: translateX(-0px);
        transform: translateX(-0px);
    }

}

/***Section 1***/
#section1 {overflow: hidden;}
.section1-content{
    margin-top:107px; text-align: center;
}
.accomation-left-img{
    padding-left:0;
}
/***section2****/
.sec2-skew{
    position: relative;
}
.sec2-skew:before{

    position: absolute;
    position: absolute;
    content: '';
    background-color: #fff;
    /* left: -526px; */
    /* top: -286px; */
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: skewX(-48.5deg);
    -ms-transform: skewY(-14.5deg);
    transform-origin: 16% -138%;
    z-index: 1;

}
.acc-suite{
    max-width:85px;
    margin:0 auto;
}
.acc-bg{
    background:url('http://localhost/stutzen-season5/wp-content/uploads/2017/06/acc-img-2.jpg');
    background-size:contain;
    height:35vw;
}
.acc-top-margin{
    margin-top: -270px;
}

.acc-suit-sec-skew {position: relative; background: transparent; z-index: 1; overflow: hidden;}
.acc-suit-sec-skew:after {  content:""; width: 100%; height: 100%; background: #fff;
                            position: absolute; left: 96%;
                            -webkit-transform: skewY(-44.5deg);
                            -webkit-transform: skewX(-44.5deg);
                            -ms-transform: skewY(-14.5deg);
                            transform-origin: right top;
}

.acc-suit-sec {padding-top: 20px; box-shadow: -30px -10px 40px -20px rgba(0,0,0,0.5);}


/*****Corporate Meeting*****/
.corporate-meet{
    position:relative;
}
.corporate-margin{
    margin-top:-190px;
}
.card-padding h3 {text-transform: uppercase; font-size: 20px;}
.card-padding p {line-height: 24px;}
.card-padding {
    padding: 12px 35px; min-height: 319px;
    box-shadow: 18px -18px 18px -20px rgba(0,0,0,0.5);
}
.card-border{
    box-shadow: -18px -18px 18px -20px rgba(0,0,0,0.5);
}
.corporate-flower{
    top:80px;
}
/*******BEST FACILITIES********/
.best-facility-bg{
    background:url('./images/Home/best-bg.jpg');
    background-size:contain;

}
.facility-padding{
    padding:50px;
}
.facility-title{
    text-align:right;
    padding-top:35px;
}
.facility-title h4{
    color: #fff; text-transform: uppercase; font-weight: 300; font-size: 40px; margin: 0;
}

/*******SPA**********/
#section5 h2 {text-transform: uppercase; font-weight: 300; font-size: 36px; margin: 10px 0 20px 0;}


/*******SPA**********/
.spa-bg{
    background:url('./images/Home/spa-bg.jpg');
    background-size:cover;
}
.white-color{
    color:#fff;
}

.spa-para{
    padding: 15px 100px;
}
.spa-btn{
    background: transparent;
    border-color: #fff;
    color:#fff;
}

.bar-sec h4 { text-transform: uppercase; font-size: 20px;}

/******Resort*******/
.resort-bg{
    background:url('./images/Home/resort-bg.jpg');
}
.resort-share{
    color:#cca938;
}
.resort-share1{
    color:#cca938;
    font-size:30px;
    font-weight: 400;

}
.resort-btn{
    color: #ffffff;
    border-color: #e3e5e8;
    padding: 15px 81px; text-transform: uppercase;
    background: transparent;
    margin: 100px 0px;
}
.social-img{
    list-style-type:none;
    padding-left:0;
    padding-top:5px;
}
.social-img li{
    float:left;
    margin:5px;
}
/*******Whats on*******/
.whats-on-title{
    font-family: 'Lato', sans-serif; margin: 40px 0 30px;
}
.whats-on h4 {
    margin: 20px 0 10px;
}

/************Button************/
.season-btn{
    color: #ffffff;
    background-color: #cca938;
    border-color: #cca938;
    border-radius:0px !important;
}

/**************BAR******************/
.bar-img{
    margin-left:-15px;
}
.bar-card{
    margin-left: -165px;
    padding: 0 56px;
    margin-top: -20px;
}

.bar-card-border{
    border-right:1px solid #D5B26B;
}
.list-dot p{
    padding-left:10px;
}
.list-dot p:after{
    text-align:right;
    content: "•";
    color:#cca938;
    padding-left:5px;
}
.list-dot1 p:before{
    content: "•";
    padding-right:5px;
    color:#cca938;
}
.bar-list{
    font-size:13px;
}
.wedding{
    position:relative;
    height: 600px;
    background: url('./images/Home/acc-img-2.jpg') no-repeat 100% 0%;
}
.wedding:before {
    position: absolute; z-index: 1;
    content: '';
    left: -56%; background: #FFF;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: skewY(-44.5deg);
    -webkit-transform: skewX(-44.5deg);
    -ms-transform: skewY(-14.5deg);
    transform-origin: right top;
}
.wedding-content .acc-title {color: #FFF; margin: 6px 0 0 0;}
.wedding-content{
    position: absolute; bottom: 0;
    background: #cca938;
    color:#fff;
    max-width: 50%; left: 0;
    padding: 11px 100px 0 15%;
}
.wedding-content:after {
    position: absolute; z-index: 1;
    content: '';background: #cca938;
    width: 215px;
    height: 215px;
    display: block;
    -webkit-transform: skewY(-44.5deg);
    -webkit-transform: skewX(-44.5deg);
    -ms-transform: skewY(-14.5deg);
    transform-origin: right top;
    left: 100%;
    top: 0;
}
.wedding-padding h3{
    color:#fff;
}
.acc-title{
    margin-top:0;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#000;
    font-size: 32px;  font-weight: 300;
}
.season-btn1{
    border-color:#fff;
    background:transparent;
    border-radius:0px;
}
.wedding-content .season-btn1 {color: #FFF;}
.wedding-content .season-btn1:hover {background: #FFF; color: #cca938;}
.newsletter{
    padding: 37px 37px 20px;
    margin-bottom: 70px;
}
.newsletter-border{
    border:1px solid #cca938;
}
.newsletter-input{
    border:1px solid #cca938;
}
.news-title{
    color:#cca938;
}
.form-control::-webkit-input-placeholder { color:#cca938 ; }

.acc-border:hover{
    border:4px solid #cca938;
    border-radius:50%;
}
.acc-color{
    color:#000;
}
.acc-color:hover{
    color:#cca938;
}

#section3 {background:url('./images/Home/split-top-line.png') no-repeat 50% 60%;}


/*****Skews********/
.sec3-skew{
    position:relative;
    z-index:0;
}
.sec3-skew:before {
    position: absolute;
    content: '';

    left: -481px;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: skewY(-44.5deg);
    -webkit-transform: skewX(-44.5deg);
    -ms-transform: skewY(-14.5deg);
    transform-origin: right top;
}

.bar-skew{
    position:relative;
}
.bar-skew:before{
    position: absolute;
    content: '';
    background-color: #fff;
    left: 0;
    top:189px;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: skewY(-48.4deg);
    -ms-transform: skewY(-48.4deg);
    transform-origin: right top;
}
.wed-skew{

}
.wed-skew:before{
    position: absolute;
    content: '';
    background-color: #fff;
    left: 0;
    top:189px;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: skewY(-48.4deg);
    -ms-transform: skewY(-48.4deg);
    transform-origin: right top;
}
.skew-db{
    overflow:hidden;
}
.entry-title{display:none;}
.grad-head{letter-spacing: 3px;color: #2b2b2b;
    font-size: 29px;
    font-weight: 500;}
.grad-sub-head{color: gray;
    letter-spacing: 1px;
    font-weight: 500;}
.dot{}
.abt-proj{color: #4b4b4b;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 600;}
.grad-sec2{background: #f4f4f4;}
.abt-proj-border{margin: 0 auto;
    border: 1px dashed #4b4b4b;
    width: 8%;}
.abt-proj-para{padding: 0px 100px 0px 100px;}
.abt-proj-para p{color: #929292;
    line-height: 1.8;
    font-size: 14px;}
.grad-img-cont {
  position: relative;
  
}

.grad-image{
  display: block;
  width: 100%;
  
}

.grad-img-overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.grad-img-cont:hover .grad-img-overlay{
  background:white;
  opacity: 0.8;
}

.grad-img-text {
  color: black;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

/*******************Mobile*********************/
@media (max-width: 768px)
{
	.abt-proj-para{
		    padding: 0px 5px 0px 8px;
	}
	.p-one br{
		display:none;
	}
	.p-one{
		width:auto;
		text-align:center;
	}
	.gap-div{
		height:50px;
	}
	.para-line{margin:auto;}
	.sec1-para{padding-left:10px;}
	.phase-2{width:100%;}
	.phase-2 .col-sm-6{width:50%;float:left;}
	.phase4-img img{height:210px;}
	.phase-five-content{position:relative;}
	
	/****************Homepage*********************/
	.cd-timeline-content{
		margin-left:30px;
	}
	.cd-timeline-content-left{
		padding:1em;
		width:45%;
		margin-left:30px;
	}
	.spr{
		float:left;
		text-align:left;
	}
	.cbp-so-section.cbp-so-animate .cbp-so-side-right{
		opacity:1;
	}
	.cbp-so-init .cbp-so-side{opacity:1;}
	.cbp-so-side-right, .cbp-so-side-left, .cbp-so-side-top, .cbp-so-side-bottom, .cbp-so-init .cbp-so-side{
		opacity:1 !important;
	}
	.para3{
		text-align:left;
	}
	.home-con .submit{
	margin-top: 0%;
    width: 25%;
    right: 10%;
	}
	/**************Resume*************/
	.resume-upload{
	    max-width: 270px;
    float: none;
}
.div-resume-name{width:100%;}
.spr-resume{float:none;text-align:left;}
.cd-timeline-content-left-resume{float:none;text-align:left;}
.cd-timeline-content-left-resume{width:95%;}
.resume-left-haed{text-align:left;margin-left:20px;}
.resume-left-content{margin-left:20px;}
	.sec-head{line-height:1;}
	.resume-left-content .inline{text-align:left;}
	.skills-radio{text-align:left;}
	.title-case-left{color:#000;font-weight:600;}
	.graduation-button .graduation-anchor{margin: -15px 0 0 -47px;}
	
}
.testing{
	position:relative;
	opacity:0.1;
}
.em:hover{
	
}
.testing-content{
	text-align: center;
    position: absolute;
    top: 50%;
    left: 24%;
	display:none;
}
.em:hover + .testing-content{
	display:block;
}
/***************Resume***************/