/* ROW ONE */
.sm-row1{height: 500px; width: 100%; position: relative; left: 0px;margin-top:-50px;} 
.sm-photo1 { background: url(/images/design/welcome/smb1.jpg) no-repeat bottom center;background-size:cover; position: absolute; height: 500px; width: calc(50% + 100px);left: 0px;border: 3px solid #ffffff;z-index:10;-webkit-transition: all 0.5s ease;transition: all 0.8s ease;}
.sm-body1{background: rgba(0, 0, 0, 0.3);width:100%;height:100%;padding:0px 100px;}
.sm-content1{background: #ffffff url(/images/design/i_content.png) repeat-x left top;position:absolute;top:0px;right:0px;height:600px;width:calc(50% + 100px);text-align:center;padding:0px 20px 0px 250px;-webkit-transition: all 0.5s ease;transition: all 0.8s ease;margin-top:-50px;}
.sm-content1-body{background:url(/images/design/w_events2.png) no-repeat right center;background-size:auto 95%;position: relative;margin:auto;width:100%;text-align:center;height:500px;padding-right:75px;}
.scroll-events{}

.sm-line{background:#ebebeb;height:1px;width:100%;margin:5px 0px;}
.sm-tag1{ color: #ffffff; text-align: left; letter-spacing: 0.2em; text-transform: uppercase; font-size: 14px; vertical-align: middle;line-height:100%; }
.sm-title1{color:#ffffff;text-align:left;font-family:'Oswald', sans-serif;font-size:48px;letter-spacing: .2em; font-weight: 200; text-transform: uppercase;vertical-align: middle;line-height:100%;margin:15px 0px;}
.sm-text1 { color: #ffffff; text-align: justify; vertical-align: middle;padding:10px 0px; }
.sm-learn1 {text-align:right;text-transform:uppercase;vertical-align: middle;}
.sm-learn1 a {color:#ffffff;}
.sm-learn1 a:hover{opacity: 0.8;filter: alpha(opacity=80);}




/* ROW TWO */
.sm-row2{ height: 600px; width: 100%; position: relative; left: 0px;margin-top:-50px;}
.sm-photo2 { background: url(/images/design/welcome/juniors.jpg) no-repeat top center;background-size:cover; position: absolute; height: 600px; width: calc(50% + 100px);right: 0px;border: 3px solid #ffffff;z-index:20;-webkit-transition: all 0.5s ease;transition: all 0.8s ease; }
.sm-content2{background: #ffffff url(/images/design/i_content.png) repeat-x left top;position:absolute;left:0px;top:50px;height:500px;width:calc(50% - 100px);padding:20px 50px;-webkit-transition: all 0.5s ease;transition: all 0.8s ease;}
.sm-content2-body{left:0px;top:0px;margin:auto;height:460px;width:100%;}





/* ROW THREE */
.sm-row3{ height: 600px; width: 100%; position: relative; left: 0px;-webkit-transition: all 0.5s ease;transition: all 0.8s ease;margin-top:-50px;}
.sm-photo3 { background: url(/images/design/welcome/smb3.jpg) no-repeat center center;background-size:cover; position: absolute; height: 100%; width: calc(50% + 100px);left: 0px;border: 3px solid #ffffff;z-index:30;-webkit-transition: all 0.5s ease;transition: all 0.8s ease; }
.sm-content3{background: url(/images/design/welcome/smb4.jpg) no-repeat center center;background-size:cover;position:absolute;right:0px;top:50px;height:500px;width:calc(50% - 100px);border-right: 3px solid #ffffff;border-bottom:3px solid #ffffff;-webkit-transition: all 0.5s ease;transition: all 0.8s ease;}




.sm-photo-body{background: url(/images/design/sm_fade.png) no-repeat top left;width:100%;height:100%;padding:25px;}
.sm-tag{ color: #ffffff; text-align: left; letter-spacing: 0.2em; text-transform: uppercase; font-size: 14px; vertical-align: middle;line-height:100%;text-shadow: 1px 1px 1px #000; }
.sm-title{color:#ffffff;text-align:left;font-family:'Oswald', sans-serif;font-size:42px;letter-spacing: .2em; font-weight: 200; text-transform: uppercase;vertical-align: middle;line-height:100%;margin:15px 0px;text-shadow: 1px 1px 1px #000;}
.sm-learn {text-align:left;text-transform:uppercase;vertical-align: middle;text-shadow: 1px 1px 1px #000;}
.sm-learn a {color:#ffffff;}
.sm-learn a:hover{opacity: 0.8;filter: alpha(opacity=80);}



@media (max-width:1100px) {
	
/* ROW ONE */
.sm-row1{height: 450px;} 
.sm-photo1 {height: 450px; width: calc(50% + 50px);}
.sm-body1{height:100%;padding:0px 50px;}
.sm-content1{height:450px;width:calc(50% + 50px);padding:0px 20px 0px 150px;}
.sm-content1-body{height:450px;}
.sm-title1{font-size:42px;}



/* ROW TWO */
.sm-row2{ height: 500px; width: 100%; position: relative; left: 0px;margin-top:-50px;}
.sm-photo2 {height: 500px; width: calc(50% + 50px);}
.sm-content2{height:400px;width:calc(50% - 50px);padding:0px 20px 20px 20px;}
.sm-content2-body{height:400px;}


/* ROW THREE */
.sm-row3{ height: 500px;}
.sm-photo3 { width: calc(50% + 50px);}
.sm-content3{height:400px;width:calc(50% - 50px);}


.sm-photo-body{padding:25px;}
.sm-title{font-size:42px;}	
}



@media (max-width:930px) {
	
/* ROW ONE */ 
.sm-photo1 {width: calc(50% + 20px);}
.sm-body1{height:100%;padding:0px 50px;}
.sm-content1{width:calc(50% + 20px);padding:0px 10px 0px 70px;}
.sm-title1{font-size:42px;}
.sm-text1{text-align:left;}


/* ROW TWO */
.sm-photo2 {width: calc(50% + 20px);}
.sm-content2{width:calc(50% - 20px);}
.sm-content2-body{}


/* ROW THREE */
.sm-photo3 { width: calc(50% + 20px);}
.sm-content3{height:400px;width:calc(50% - 20px);}


.sm-photo-body{padding:15px;}
.sm-title{font-size:36px;}	
}


@media (max-width:767px) {
.sm-row1{height: 400px;} 
.sm-photo1 {height: 400px;}
.sm-body1{padding:0px 20px;}
.sm-content1{height:400px;width:padding:0px 10px 0px 50px;}
.sm-content1-body{height:400px;}
.sm-title1{font-size:36px;}	

/* ROW TWO */
.sm-row2{ height: 400px;margin-top:-50px;}
.sm-photo2 {height: 400px;}
.sm-content2{height:300px;padding: 0px 10px 10px 10px;}
.sm-content2-body{height:300px;}


/* ROW THREE */
.sm-row3{ height: 400px;}
.sm-photo3 {height:400px;}
.sm-content3{height:300px;}


.sm-title{font-size:28px;margin: 10px 0px;}	
.sm-tag{letter-spacing: 0.1em;}
}



@media (max-width:600px) {
/* ROW ONE */
.sm-row1{height: 550px;} 
.sm-photo1 {height: 300px; width: calc(100% - 20px);top:250px;}
.sm-body1{height:100%;padding:0px 10px;}
.sm-content1{height:320px;width:calc(100% - 20px);padding:0px 10px 0px 10px;}
.sm-content1-body{height:300px;padding-right:50px;}
.sm-title1{font-size:36px;}
.sm-text1{text-align:left;}


/* ROW TWO */
.sm-row2{height:620px;margin-top:-20px;}
.sm-photo2 {width:calc(100% - 20px);right:auto;left:0px;top:0px;top:320px;height:300px;}
.sm-content2{height:340px;width:calc(100% - 20px);left:auto;right:0px;top:0px;padding:20px 10px 20px 10px;}
.sm-content2-body{height:300px;}


/* ROW THREE */
.sm-row3{ height: 600px;margin-top:-20px;}
.sm-photo3 { width: calc(100% - 20px);left:auto;right:0px;top:0px;height:300px;}
.sm-content3{width:calc(100% - 20px);right:auto;left:0px;top:0px;top:280px;height:320px;}


.sm-photo-body{padding:15px;}
.sm-title{font-size:36px;}		
	
}


@media (max-width:500px) {

}

@media (max-width:450px) {
/* ROW ONE */
.sm-photo1 {width: calc(100% - 10px);}
.sm-content1{width:calc(100% - 10px);}


/* ROW TWO */
.sm-photo2 {width:calc(100% - 10px);}
.sm-content2{width:calc(100% - 10px);}

/* ROW THREE */
.sm-photo3 { width: calc(100% - 10px);}
.sm-content3{width:calc(100% - 10px);}

}

@media (max-width:400px) {
}