@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */





    .topslide{
        height:65vh;
        position: relative;
        z-index: 50;
        overflow: hidden;
    }
    
    
    
    
      .tssi-inner-other{
        width: 100%;
        height: 100%;
        display: block;
        float: left;
        clear: none;
        position: relative;
        z-index: 5;
          background-image: -moz-linear-gradient( -45deg, rgb(51,44,41) 0%, rgba(51,44,41,0.2) 29%, rgba(51,44,41,0.4) 60%, rgba(51,44,41,1) 98%, rgb(51,44,41) 100%);
        background-image: -webkit-linear-gradient( -45deg, rgb(51,44,41) 0%, rgba(51,44,41,0.2) 29%, rgba(51,44,41,0.4) 60%, rgba(51,44,41,1) 98%, rgb(51,44,41) 100%);
        background-image: -ms-linear-gradient( -45deg, rgb(51,44,41) 0%, rgba(51,44,41,0.2) 29%, rgba(51,44,41,0.4) 60%, rgba(51,44,41,1) 98%, rgb(51,44,41) 100%);
    }
    
    
    
    
    
    
    
    .op-top{
        width: 100%;
        height: 65vh;
        display: block;
        float: left;
        clear: none;
        position: relative;
    
    
    
    }
    
    
    .op-top .tss{
        height: 60vh;
    }
    
    
    .op-top .tss-img{
        height: 60vh;
    }
    
    
    .op-top .tss-text h2{
        margin-top: -.2em;
        font-size: 2.5em;
        
        float: right;
        
    }
    
    .op-top .tss-text{
        width: 80vw;
         top: 65%;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    .b{
        height: 70vh;
        width: 100%;
        float: left;
        clear: none;
        display: block;
        background-color: #f7f7f7;
        position: absolute;
        z-index: 0;
        top: 80vh;
        left: 0;
    }
    
    
    .b-scroll{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        font-size: 20em;
        font-weight: bolder;
        overflow: hidden;
        
    }
    
    .b-marquee{
        width: 100%;
        height: 100%;
    }
    
    .b-marquee marquee{
        margin: 0;
        padding: 0;
        height: auto;
        -webkit-text-stroke-width: 0.5px;
        -webkit-text-stroke-color: #332c29;
        font-family: 'Montserrat', sans-serif;
        color: transparent;
        opacity: .5;
    }
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .container{
        width: 85%;
        height: 100%;
        overflow: visible;
        position:relative;
        z-index: 50;
        float: left;
        clear: none;
        left:5%;
        top: -5vh;
    }
    
    
    .c-inner{
         width: 100%;
        display: block;
        float: left;
        clear: none;
    }
    
 
    .c-top{
        width: 100%;
        margin-top: 0vh;
        height: auto;
        padding: 3em;
        display: block;
        float: left;
        clear: both;
        float: right;
        background-color: white;
        
    }
    
    
    .ct-left{
        width: 100%;
        height: auto;
        float: left;
        clear: none;
        display: block;
    }
    
    .ct-left .styled{
        color: #cd9670;
        font-size:3em;
    }
    
    
    .ct-right{
         width: 100%;
        margin-left: 0%;
        height: auto;
        float: left;
        clear: none;
        display: block;
        line-height: 1.5em;
    }
    
    
    

    
    
    
    
    
    .b-bottom{
          width: 100%;
        margin:1em 0;
        height: auto;
        padding: 0em;
        display: block;
        float: left;
        clear: both;
        float: right;
    }
    
    
    
    
    
    
    
    
    
    
      

     .block-pane{
          width: 100%;
        margin:2em 0;
        height: auto;
        padding: 3em;
        display: block;
        float: left;
        clear: both;
        background-color: white;
         
    }
    
        .block-pane ul{
        font-family: 'Montserrat', sans-serif;
        list-style: none;
        line-height: 1.3em;
        font-size: 1.1em;
        margin-left: 0;
        padding-left: 0;
    }
        
    
      .programs{
        background-color:#f7f7f7;
    }

    
    .flex-container{
    display: block;
  height: 100%;
		margin-bottom: 10px;
}
.flex-container .column{
    flex: 1;
}
    
    
    .bp-inner{
        width: 100%;
        height: auto;

    }
    
    
    

    .bp-inner ol{
        font-family: 'Montserrat', sans-serif;
        font-weight:400;
        text-align: justify;
        text-justify: inter-word;
        font-size: 1em;
        line-height: 1.7em;
    }


    .bp-inner li{   
        margin-bottom: 1em;
        }


	

    
    
    
    
    
    
    
    .block-image{
         width: 100%;
        margin:1em 0;
        height: 30vh;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        clear: both;
        float: left;
        position: relative;
    }
    

    
    
    
    
    
    
    
    
    .half-block-pane{
         width: 100%;
        margin:1em 0 1em 0;
        height: 100%;
        padding: 3em;
        display: flex;
        clear: none;
        float: left;
        background-color: white;
        position: relative;
        overflow: hidden;
		
    }
    
    
    .half-block-pane ul{
        font-family: 'Montserrat', sans-serif;
        list-style: none;
        line-height: 1.3em;
        font-size: 1.1em;
        margin-left: 0;
        padding-left: 0;
    }
    
    
    
    .half-block-pane h4{
        
    }
    
    
    
    .half-block-pane i{
        opacity: .3;
        font-size: 7em;
        right: 0;
        top: -.1em;
        position: absolute;
        color: #cd9670;
    }
    
    
    
    
     .quarter-blockpane{
         width: 100%;
        margin:1em 1.5%;
        height: auto;
        padding: 3em;
        display: block;
        clear: none;
        float: left;
        background-color: white;
        position: relative;
        overflow: hidden;
    }
    
    
    
    .quarter-block-pane h4{
        
    }
    
    
    
    .quarter-block-pane i{
        opacity: .3;
        font-size: 7em;
        right: 0;
        top: -.1em;
        position: absolute;
        color: #cd9670;
    }
    
    
    
    .quarter-block-pane ul{
        font-family: 'Montserrat', sans-serif;
        list-style: none;
        line-height: 1.3em;
        font-size: 1.1em;
        margin-left: 0;
        padding-left: 0;
    }
    
    
    
    





















}




/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

    
    
    .topslide{
        height: 80vh;
        position: relative;
        z-index: 50;
        overflow: hidden;
    }
    
    
    
    
      .tssi-inner-other{
        width: 100%;
        height: 100%;
        display: block;
        float: left;
        clear: none;
        position: relative;
        z-index: 5;
          background-image: -moz-linear-gradient( -47deg, rgb(51,44,41) 0%, rgba(51,44,41,0.1) 29%, rgba(51,44,41,0.2) 29%, rgba(51,44,41,0.4) 98%, rgb(51,44,41) 100%);
      background-image: -webkit-linear-gradient( -47deg, rgb(51,44,41) 0%, rgba(51,44,41,0.1) 29%, rgba(51,44,41,0.2) 29%, rgba(51,44,41,0.4) 98%, rgb(51,44,41) 100%);
      background-image: -ms-linear-gradient( -47deg, rgb(51,44,41) 0%, rgba(51,44,41,0.1) 29%, rgba(51,44,41,0.2) 29%, rgba(51,44,41,0.4) 98%, rgb(51,44,41) 100%);
    }
    
    
    
    
    
    
    
    .op-top{
        width: 100%;
        height: 70vh;
        display: block;
        float: left;
        clear: none;
        position: relative;
    
    
    
    }
    
    
    .op-top .tss{
        height: 70vh;
    }
    
    
    .op-top .tss-img{
        height: 60vh;
    }
    
    
    .op-top .tss-text h2{
        margin-top: -.2em;
        font-size: 5em;
        
        float: right;
        
    }
    
    .op-top .tss-text{
        width: 50vw;
        top: 40%;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    .b{
        height: 70vh;
        width: 100%;
        float: left;
        clear: none;
        display: block;
        background-color: #f7f7f7;
        position: absolute;
        z-index: 0;
        top: 80vh;
        left: 0;
    }
    
    
    .b-scroll{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        font-size: 20em;
        font-weight: bolder;
        overflow: hidden;
        
    }
    
    .b-marquee{
        width: 100%;
        height: 100%;
    }
    
    .b-marquee marquee{
        margin: 0;
        padding: 0;
        height: auto;
        -webkit-text-stroke-width: 0.5px;
        -webkit-text-stroke-color: #332c29;
        font-family: 'Montserrat', sans-serif;
        color: transparent;
        opacity: .5;
    }
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .container{
        width: 80%;
        height: 100%;
        overflow: visible;
        position:relative;
        z-index: 50;
        float: left;
        clear: none;
        left:10%;
        top: -20vh;
    }
    
    
    .c-inner{
         width: 100%;
        display: block;
        float: left;
        clear: none;
    }
    
 
    .c-top{
        width: 100%;
        margin-top: 0vh;
        height: auto;
        padding: 3em;
        display: block;
        float: left;
        clear: both;
        float: right;
        background-color: white;
        
    }
    
    
    .ct-left{
        width: 20%;
        height: auto;
        float: left;
        clear: none;
        display: block;
    }
    
    .ct-left .styled{
        color: #cd9670;
        font-size:4em;
    }
    
    
    .ct-right{
         width: 78%;
        margin-left: 2%;
        height: auto;
        float: left;
        clear: none;
        display: block;
        line-height: 1.5em;
    }
    
    
    

    
    
    
    
    
    .b-bottom{
          width: 100%;
        margin:1em 0;
        height: auto;
        padding: 0em;
        display: block;
        float: left;
        clear: both;
        float: right;
    }
    
    
    
    
    
    
    
    
    
    
      

     .block-pane{
          width: 100%;
        margin:2em 0;
        height: auto;
        padding: 3em;
        display: block;
        float: left;
        clear: both;
        float: right;
        background-color: white;
          -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=19, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 5px 8px rgba(0,0,0,0.05);/*FF 3.5+*/
-webkit-box-shadow: 0 5px 8px rgba(0,0,0,0.05);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 5px 8px rgba(0,0,0,0.05);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=19, Direction=135, Color=#000000); /*IE 5.5-7*/
    }
    
        .block-pane ul{
        font-family: 'Montserrat', sans-serif;
        list-style: none;
        line-height: 1.3em;
        font-size: 1.1em;
        margin-left: 0;
        padding-left: 0;
    }
        
        
      .programs{
        background-color:#f7f7f7;
    }

    
    
    
    .bp-inner{
        width: 100%;
        height: auto;

    }
    
    
    

    .bp-inner ol{
        font-family: 'Montserrat', sans-serif;
        font-weight:400;
        text-align: justify;
        text-justify: inter-word;
        font-size: 1em;
        line-height: 1.7em;
    }


    .bp-inner li{   

        }




    
    
    
    
    
    
    
    .block-image{
         width: 100%;
        margin:1em 0;
        height: 50vh;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        clear: both;
        float: left;
        position: relative;
    }
    

    
    
    
    
    
    
    
    
    .half-block-pane{
        width: 47.5%;
        margin:1em 2.5% 1em 0;
        height: auto;
        padding: 3em;
        display: block;
        clear: none;
        float: left;
        background-color: white;
        position: relative;
        overflow: hidden;
         -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=19, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 5px 8px rgba(0,0,0,0.05);/*FF 3.5+*/
-webkit-box-shadow: 0 5px 8px rgba(0,0,0,0.05);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 5px 8px rgba(0,0,0,0.05);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=19, Direction=135, Color=#000000); /*IE 5.5-7*/
    }
    
    
    .half-block-pane ul{
        font-family: 'Montserrat', sans-serif;
        list-style: none;
        line-height: 1.3em;
        font-size: 1.1em;
        margin-left: 0;
        padding-left: 0;
    }
    
    
    
    .half-block-pane h4{
        
    }
    
    
    
    .half-block-pane i{
        opacity: .3;
        font-size: 7em;
        right: 0;
        top: -.1em;
        position: absolute;
        color: #cd9670;
    }
    
    
    
    
     .quarter-block-pane{
            width: 30%;
        margin:1em 1.5%;
        height: auto;
        padding: 3em;
        display: block;
        clear: none;
        float: left;
        background-color: white;
        position: relative;
        overflow: hidden;
    }
    
    
    
    .quarter-block-pane h4{
        
    }
    
    
    
    .quarter-block-pane i{
        opacity: .3;
        font-size: 7em;
        right: 0;
        top: -.1em;
        position: absolute;
        color: #cd9670;
    }
    
    
    
    .quarter-block-pane ul{
        font-family: 'Montserrat', sans-serif;
        list-style: none;
        line-height: 1.3em;
        font-size: 1.1em;
        margin-left: 0;
        padding-left: 0;
    }
    
    
    
    
    
    
    
    
	
	
}