article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display:block
}


figure {
    margin:0;
    padding:0
}

p,ol {
      /* width: 70%; */
    /* margin: 2.5% auto; */
    /*padding-left: 20px;*/
}

@media (max-width: 1024px) {
p,ol {
    width:90%
}
}

@media (max-width: 480px) {
p,ol {
    width:100%
}
}

ul li,ol li {
    margin:0px 0
}

p,ul {
    padding-left:0
}



h1 {
    font-size:48px;
    font-weight:400;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    margin:0
}

@media (max-width: 1024px) {
h1 {
    font-size:36px
}
}

@media (max-width: 480px) {
h1 {
    font-size:28px
}
}

h2 {
    font-size:18px;
    font-weight:400;
    line-height:1.25;
    color:#555;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    padding:5px 8px;
    margin:0;
    white-space:nowrap
}

@media (max-width: 1200px) {
h2 {
    font-size:15px
}
}

pre,code {
    font-family:Monaco,Consolas,"Lucida Console",monospace;
    font-size:16px;
    line-height:2;
    overflow:auto;
    width:75%;
    margin:0 auto;
    padding:10px;
    border-radius:10px
}

@media (max-width: 1024px) {
pre,code {
    width:100%;
    font-size:14px
}
}

code {
    padding:5px;
    vertical-align:3px;
    white-space:nowrap
}


section {
    padding:0;
    width:100%
}

.first {
    background:url(../images/bg.jpg) no-repeat center center fixed;
    -moz-background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover;
    background-size:cover
}

.first p {
    width:50%;
    margin:10% auto;
    text-align:center
}

@media (max-width: 768px) {
.first p {
    width:90%
}
}

.buttons {
    list-style-type:none;
    text-align:center
}

.buttons li {
    display:inline-block;
    margin:0 25px;
    padding:0
}

@media (max-width: 768px) {
.buttons li {
    display:block;
    margin:50px auto 0
}
}

.buttons li a {
    font-size:30px;
    color:#fff;
    padding:20px;
    background:#bc8542;
    border:2px solid #bc8542;
    border-radius:10px;
    text-decoration:none;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}

@media (max-width: 1024px) {
.buttons li a {
    padding:15px;
    font-size:22px
}
}

.buttons li a:hover,.buttons li a:active,.buttons li a:focus {
    background:none;
    border:2px solid #fff
}

.second {
   
}

.second h1 {
    color:#555
}

.third {
    background:#7c8b78
}

.third pre,.third code {
    color:#1a1e19;
    text-shadow:0 1px 0 #7c8b78;
    background:#6a7766
}

.fourth {
    background:#bc8542
}

.fourth pre,.fourth code {
    color:#251a0d;
    text-shadow:0 1px 0 #bc8542;
    background:#a07138
}

.fifth {
    background:#4892b5
}

.fifth pre,.fifth code {
    color:#0e1c23;
    text-shadow:0 1px 0 #4892b5;
    background:#3d7c9a
}

.sixth {
    background:#bb4b79
}

.sixth pre,.sixth code {
    color:#2a101b;
    text-shadow:0 1px 0 #bb4b79;
    background:#a23d67
}

.video {background: #fff;padding-bottom: 15px;/* width: 18%; */margin: 1%;float: left;-moz-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;padding: 5px;box-shadow: cyan;-webkit-box-shadow: 0 0px 5px #ddd;-moz-box-shadow: 0 0px 5px #ddd;box-shadow: 0 0px 5px #ddd;min-height: auto;position: relative;}

.youtube-videogallery-play {
    left: 50%;
    opacity: 0.7;
    position: absolute;
    top: 50%;
    z-index: 1;
}

@media (max-width: 1366px) {
.video {
    width: 100%;
}
.video figure {
    height:0;
    padding-bottom: 78%;
}
}

@media (max-width: 1024px) {
.video {
    width:31.333%
}
}

@media (max-width: 768px) {
.video {
    width:48%
}
}

@media (max-width: 480px) {
.video {
    display:block;
    width:96%;
    margin:2%;
    float:none;
            margin-bottom: 30px;
}

.video figure {
    height: 0;
    padding-bottom: 69%;
}
}



.video img {
    width:100%;
    opacity:1
}

.video img:hover,.video img:active,.video img:focus {
    opacity:.75
}

img {
    max-width:100%;
    height:auto
}




.scroll-top:hover {
    color:#fff!important;
    background-color:#333;
    text-decoration:none;
    border-bottom:none
}

.scroll-top {
    display:none;
    position:fixed;
    bottom:1rem;
    right:1rem;
    width:3.2rem;
    height:3.2rem;
    line-height:2;
    font-size:1.4rem;
    color:#fff;
    background-color:rgba(0,0,0,0.5);
    text-decoration:none;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border-bottom:none;
    text-align:center;
    cursor:pointer
}


.video p1 {
    margin: 5px 0 0px 0;
    color: #5C5C5C;

.fancybox-close {
    border-bottom:none
}

.fancybox-close:hover,.fancybox-close:active,.fancybox-close:focus {
    border-bottom:none
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
    padding:0;
    margin:0;
    border:0;
    outline:none;
    vertical-align:top
}

.fancybox-wrap {
    position:absolute;
    top:0;
    left:0;
    z-index:8020
}

.fancybox-skin {
    position:relative;
    background:#f9f9f9;
    color:#444;
    text-shadow:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}

.fancybox-opened {
    z-index:8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
    -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
    box-shadow:0 10px 25px rgba(0,0,0,0.5)
}

.fancybox-outer,.fancybox-inner {
    position:relative
}

.fancybox-inner {
    overflow:hidden!important
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling:touch
}

.fancybox-error {
    color:#444;
    font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0;
    padding:15px;
    white-space:nowrap
}

.fancybox-image,.fancybox-iframe {
    display:block;
    width:100%;
    height:100%
}

.fancybox-image {
    max-width:100%;
    max-height:100%
}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
    background-image:url(../images/fb/fancybox_sprite.png)
}

#fancybox-loading {
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-22px;
    margin-left:-22px;
    background-position:0 -108px;
    opacity:.8;
    cursor:pointer;
    z-index:8060
}

#fancybox-loading div {
    width:44px;
    height:44px;
    background:url(../images/fb/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    position:absolute;
    top:-18px;
    right:-18px;
    width:36px;
    height:36px;
    cursor:pointer;
    z-index:8040
}

.fancybox-nav {
    position:absolute;
    top:0;
    width:40%;
    height:100%;
    cursor:pointer;
    text-decoration:none;
    background:transparent url(../images/fb/blank.gif);
    -webkit-tap-highlight-color:transparent;
    z-index:8040
}

.fancybox-prev {
    left:0
}

.fancybox-next {
    right:0
}

.fancybox-nav span {
    position:absolute;
    top:50%;
    width:36px;
    height:34px;
    margin-top:-18px;
    cursor:pointer;
    z-index:8040;
    visibility:hidden
}

.fancybox-prev span {
    left:10px;
    background-position:0 -36px
}

.fancybox-next span {
    right:10px;
    background-position:0 -72px
}

.fancybox-nav:hover span {
    visibility:visible
}

.fancybox-tmp {
    position:absolute;
    top:-99999px;
    left:-99999px;
    max-width:99999px;
    max-height:99999px;
    overflow:visible!important
}

.fancybox-lock {
    overflow:hidden!important;
    width:auto
}

.fancybox-lock body {
    overflow:hidden!important
}

.fancybox-lock-test {
    overflow-y:hidden!important
}

.fancybox-overlay {
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    display:none;
    z-index:8010;
    background:url(../images/fb/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
    position:fixed;
    bottom:0;
    right:0
}

.fancybox-lock .fancybox-overlay {
       /* overflow: auto; */
    /* overflow-y: scroll; */
}

.fancybox-title {
    visibility:hidden;
    font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position:relative;
    text-shadow:none;
    z-index:8050
}

.fancybox-opened .fancybox-title {
    visibility:visible
}

.fancybox-title-float-wrap {
    position:absolute;
    bottom:0;
    right:50%;
    margin-bottom:-35px;
    z-index:8050;
    text-align:center
}

.fancybox-title-float-wrap .child {
    display:inline-block;
    margin-right:-100%;
    padding:2px 20px;
    background:transparent;
    background:rgba(0,0,0,0.8);
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    text-shadow:0 1px 2px #222;
    color:#FFF;
    font-weight:700;
    line-height:24px;
    white-space:nowrap
}

.fancybox-title-outside-wrap {
    position:relative;
    margin-top:10px;
    color:#fff
}

.fancybox-title-inside-wrap {
    padding-top:10px
}

.fancybox-title-over-wrap {
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    padding:10px;
    background:#000;
    background:rgba(0,0,0,0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
    background-image:url(../images/fb/fancybox_sprite@2x.png);
    background-size:44px 152px
}

#fancybox-loading div {
    background-image:url(../images/fb/fancybox_loading@2x.gif);
    background-size:24px 24px
}
}