/*************programs page************/
.page-template-template-pysc header.entry-header {
    border:none;
    text-align:Center;
    margin:0;
    font-family: Montserrat;
}
.page-template-template-pysc main{
    font: 16px OPen Sans;
    max-width: 960px;
    margin: 0 auto 50px;
}
.page-template-template-pysc #signup{
    display:none;
}
div#program-navs {
    background: #666666;
    margin-top: -30px;
    margin-bottom: 0;
}
div#program-navs ul{
    max-width: 1242px;
    margin:0 auto;
    padding: 0;
    text-align: left;
}
div#program-navs ul li ul li:hover ul{
    display:block!important;
}
div#program-navs  ul.sub-menu li > a:after {margin-left: 5px;content: '\25BA';float: right;}
div#program-navs ul.sub-men > li > a:after {margin-left: 8px;content: '\25BC';font-size: 10px;position: relative;top: -1px;}
div#program-navs ul.sub-menu li > a:only-child:after { margin-left: 0; content: ''; }
div#program-navs ul li ul li ul li a{
    background: #858585!important;
}
div#program-navs ul li ul li ul{display:none!important;
    right:0;
    left:100%;
    top:0
}
div#program-navs ul li:hover ul{
    display:block
}
div#program-navs ul >li ul{
    border:1px solid #ffffff;
    box-shadow:0 8px 15px rgba(0,0,0,0.1);
    display:none;
    position:absolute;
    margin:0;
    padding:0;
    left:0;
    width:220px;
    z-index:10;
}
div#program-navs ul >li ul li{
    list-style:none;
    display: block;
}
div#program-navs ul>li ul li a{
    background: #666666;
    padding: 0 10px;
    border-bottom:1px solid #e1e1e1;
    display:block;
    color:#ffffff!important;
    }

 .nav>li ul li a:hover{
     background:#1a4d9d!important;
 }
div#program-navs ul li{
    display:inline-block;
    vertical-align:top;
    position: relative;
	line-height: 40px;
}
div#program-navs ul li a{
    color:#fff;
    padding: 0 10px;
    display: block;
    font-size: 14px;
}
ul.program-list {
    padding: 0;
    margin: 0 47px 0 0;
    font-size: 16px;
    width:48%;
    display:inline-block;
    *
    display:inline;
    *
    zoom:1;
    vertical-align:top;
    list-style: none;
    max-width: 430px;
}

ul.program-list li{
    display:block;
    background:#f2f2f2;
    margin:0 0 7px;
    font-family: Montserrat;
    border: 1px solid #bababa;
}
ul.program-list li a{
    color:#444444;
    padding: 15px 0;
    display: block;
}
ul.program-list li span{
    color:#fff;
    background: #f36523;
    padding: 15px;
    margin-right: 10px;
    text-transform: uppercase;
    width: 101px;
    display: block;
    float: left;
    margin-top: -15px;
}
h2.program-title span{
     color:#fff;
     background: #f36523;
     padding: 15px;
     margin-right: 10px;
     text-transform: uppercase;
}
h2.program-title {
    height: auto;
    background: #f2f2f2;
    display: block;
    margin: 40px auto 30px;
    /* text-align: center; */
    max-width: 470px;
    font-size: 16px;
    padding: 15px 0;
    font-family: Montserrat;
    border: 1px solid #bababa;
}

/**weeks**/
ul.downloads {
    padding: 0;
    text-align:Center;
    margin: 10px 0;
    background: #f2f2f2;
    border: 1px solid #bababa;
    max-width: 800px;
    margin: 10px auto;
}
ul.downloads li{
    display:inline-block;
    *
    display:inline;
    *
    zoom:1;
    vertical-align:top;
    font-family:Montserrat;
    line-height: 38px;
	font-size: 14px;
}
ul.downloads li img{
    position:relative;
    top:-5px;
    margin-right:10px
}
ul.downloads li a{
    display:block;
    padding: 10px 3px;
    color:#444;
    min-height: 53px;
}

li.prev a , li.next a{
    background: #f36523;
    color: #fff!important;
    text-transform: uppercase;
    padding: 10px 13px!Important;
    min-width: 150px;
    min-height: 58px!important;
}

div#video-container {
    text-align: center;
	position: relative;
    padding-bottom: 46.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    MAX-width: 800px;
    margin: 30px auto 0;
}

#video-container iframe{
     position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
h2.sub{
    font-size: 30px;
    text-align: center;
    font-family: Montserrat;
    margin: 0 0 20px;
}
iframe{
    max-width:100%;
}
@media only screen and (max-width: 900px){
    #video-container{
         margin:0 auto;
    max-width:90%;
    }
iframe{
    /* max-width: 500px; */
    height: 50px;
    width: auto;
}
    ul.program-list{
        display:block;
        width:auto;
        max-width:500px;
        margin:0 auto;
    }
    h2.program-title{
        display:block;
        padding: 0 0 15px;
        text-align:center;
    }
    h2.program-title span{display:block;margin:0 0 15px;}

    li.prev, li.next {
    display: block!important;width:100%!important;}
}
@media only screen and (max-width: 600px){
 ul.downloads li{width:49%;}}