@font-face {

    font-family: 'Myriad Pro';

    src: url('../fonts/MyriadPro-BoldCond.woff2') format('woff2'),

        url('../fonts/MyriadPro-BoldCond.woff') format('woff');

    font-weight: bold;

    font-style: normal;

}



body {

	padding: 0 0 0px 0;

	margin: 0px;

	font-family: 'Myriad Pro';

	background: #ff70bf;

	color: #ffffff;

	transition: all 0.5s ease-in-out;

	font-size: 15px;

	font-weight:bold;

}

* {

	box-sizing: border-box;

}

:focus {

	outline: 0;

}

div, td, p, h1, h2, h3, h4, h5, h6, form, input, select, label, li, ol, ul {

	padding: 0;

	margin: 0;

}

img,

iframe {

    border: none;

    display: block;

    max-width: 100%;

}

ul {

	padding: 0;

	margin: 0;

	list-style-type: none;

}

li {

	list-style-type: none;

}

a {

	text-decoration: none;

	outline: none;

}

object {

	padding: 0;

	margin: 0;

	line-height: 0;

	font-size: 0;

}



p {

    margin:0 0;

    padding:0 0;

    font-size:15px;

    color:#ffffff;

    line-height:17px;

    text-transform:uppercase;

    font-family: 'Myriad Pro';

    font-weight:bold;

}

/* Clearfix */



.clearfix:before, .clearfix:after {

	content: " ";

	display: table;

}

.clearfix:after {

	clear: both;

}



*::-moz-selection {

 background:#10bcf4;

 color: #fff;

}



.clear {

	clear: both;

	line-height: 0;

	font-size: 0;

}



.container {

    margin:0 auto;

    padding:0 15px;

    max-width:812px;

    position: relative;

}



header {

    text-align: center;

}



.top_header {

    padding: 40px 0 25px;

    position: relative; 

}



.top_header:after {

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -194px;

    cursor: pointer;

    width: 388px;

    height: 355px;

    background: url(../images/graphics.png) 0 0 no-repeat;

    background-size: 100%;

    z-index: -9;

}





.logo {

    margin:0 0 25px;

    padding:0;

    position: relative;

}



.logo img {

    margin:0 auto;

}



.main_menu {

    margin:0;

    padding:0;

}



.main_menu  {

    margin:0;

    padding:0;

}



.main_menu ul li {

    margin:0 5px;

    padding:0;

    display: inline-block;

    text-align:center;
	
	cursor:pointer;

}



.main_menu ul li:first-child{

    border-left:none;

}



.main_menu ul li a {

    margin:0 0;

    padding:0 8px;

    font-size:25px;

    color:#ffffff;

    line-height:36px;

    text-transform:uppercase;

    font-family: 'Myriad Pro';

    font-weight:bold;

    border: 1px solid transparent;

    display: block;

    border-radius: 10px;

}


.main_menu ul li:hover a,
.main_menu ul li.active a {
    color:#bb1c5c;
    text-decoration:none;
}

.main_menu ul li:first-child a {
    padding-top: 4px;
    color:#ffffff;
    text-decoration:none;
    border: 1px solid #c11d5d;
    background: #ff417d; 
    background: -moz-linear-gradient(top,  #ff417d 0%, #c4215a 100%);
    background: -webkit-linear-gradient(top,  #ff417d 0%,#c4215a 100%); 
    background: linear-gradient(to bottom,  #ff417d 0%,#c4215a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff417d', endColorstr='#c4215a',GradientType=0 );
} 

.main_menu ul li:first-child:hover a,
.main_menu ul li:first-child.active a {
    color:#bb1c5c;
    text-decoration:none;
    border: 1px solid #c11d5d;
    background: #ff417d; 
    background: -moz-linear-gradient(top,  #fe86ac 0%, #da7196 100%);
    background: -webkit-linear-gradient(top,  #fe86ac 0%,#da7196 100%); 
    background: linear-gradient(to bottom,  #fe86ac 0%,#da7196 100%);
}










.video {

    margin: 0;

}



.video-listing {

    margin: 0 0 0;

    padding: 0 40px 20px;

}



.video-col {

    width: 100%;

    height: 315px;

    margin: 0 0 15px;

}



.video-col iframe {

    width: 100%;

    height: 100%;

    object-fit: cover;

    -o-object-fit: cover;

    font-family: 'object-fit: cover;';

    display: block;

}



/* .loadmore {

    width: 70px;

    margin: 0 auto 30px;

}



.loadmore a {

    display: block;

    background: url(../images/load-more.png) 0 0 no-repeat;

    background-size: 100% auto;

    text-indent: -99999px;

    height: 40px;

}



.loadmore a:hover {

    background: url(../images/load-more-h.png) 0 0 no-repeat;

} */



.content {

    text-align: center;

    padding-bottom: 0px;

}



.content p {

    text-align: center;

    padding-bottom: 20px;

    display: inline-block;

}



.copyright {

    margin:0 0;

    padding:40px 0 55px;

    font-size:15px;

    color:#bb1c5c;

    line-height:18px;

    text-transform:uppercase;

    font-family: 'Myriad Pro';

    font-weight:bold;

    display: block;

    text-align: center;

}

.copyright br{
	display:none;
}

.contact-page {

    text-align: center;

}



.contact-top {

    max-width: 516px;

    margin: 5px auto;

    font-size:25px;

    color:#ffffff;

    line-height:1.2em;

    text-transform:uppercase;

    font-family: 'Myriad Pro';

    font-weight:bold;

    display: block;

}



.contact-top h3 {

    color:#bb1c5c;

}



.contact-top p {

    font-size:25px;

    color:#ffffff;

    line-height:1.2em;

}



.contact-form {

    padding: 40px 0 0;

    margin: 0 auto;

    max-width: 730px;

}



.contact-col {

    width: 100%;

    margin-bottom: 10px;

}



.contact-col p {

    margin: 0 auto;

    padding: 10px 0 10px;

    font-size:25px;

    color:#ffffff;

    line-height:1em;

    text-transform:uppercase;

    font-family: 'Myriad Pro';

    font-weight:bold;

    display: block;

}



[type="text"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="url"],
[type="week"],
[type="date"] {

    margin: 0 auto;

    padding: 0 25px;

    font-size:25px;

    color:#bb1c5c !important;

    line-height:1em;

    text-transform:uppercase;

    font-family: 'Myriad Pro';

    font-weight:bold;

    display: block;

    width: 100%;

    height: 52px;

    border: 1px solid #ffc1e3;

    border-radius: 0;

    background: #e64aa0;

    text-align: center;

}

input::placeholder {
    color:#bb1c5c !important;
  }

[type="submit"] {

    margin: 40px auto 30px;

    padding: 0 25px;

    font-size:25px;

    color:#ffffff;

    line-height:1em;

    text-transform:uppercase;

    font-family: 'Myriad Pro';

    font-weight:bold;

    display: block;

    width: 100%;

    height: 52px;

    border: 1px solid #ffc1e3;

    border-radius: 0;

    background: #bc4687;

    text-align: center;

    cursor: pointer;

    transition: all 0.3s ease-in-out;

}



[type="submit"]:hover {

    color:#ffffff;

    border: 1px solid #ffc1e3;

    background: #bb1c5c;

}



.file {

    position: relative;

    width: 100%;

    height: 100%;

    margin: 0 auto;

    padding: 0 25px;

    font-size:25px;

    color:#fff;

    line-height:1em;

    text-transform:uppercase;

    font-family: 'Myriad Pro';

    font-weight:bold;

    display: block;

    width: 100%;

    height: 52px;

    border: 1px solid #ffc1e3;

    border-radius: 0;

    background: #e64aa0;

    text-align: center;

}



#file-upload {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    height: 100%;

    width: 100%;

    cursor: pointer;

    

  }

  

span[for="file-upload"] {

    padding: 13px 25px 0px 0;
    cursor: pointer;
    text-align: right;
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 9;

}

span[for="file-upload"]:hover {

    color: #bb1c5c;

}



#filename {

    padding: 16px 0 0;
    float: none;
    width: 65%;
    white-space: nowrap;
    overflow: hidden;
    color: #bb1c5c;
    text-align: left;
    display: block;

}



#open_menu {

    display: none;

    position: absolute;

    top: 40px;

    right: 24px;

    cursor: pointer;

}


.yotu-playlist .yotu-pagination {
    position: relative;
}

.yotu-playlist .yotu-pagination:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0%;
    cursor: pointer;
    width: 703px;
    height: 40px;
    background: url(../images/shadow-graphics.png) 0 0 no-repeat;
    background-size: 100%;
    z-index: -9;
}

@media screen and (min-width :300px) and (max-width:703px) {
    .yotu-playlist .yotu-pagination:after {
        width: 100%;
    }
}

@media screen and (min-width :300px) and (max-width:699px) {

    .main_menu ul li a {

        font-size: 18px;

    }

    

    .contact-top,

    .contact-top p,

    .contact-col p,

    .file {

        font-size: 18px; 

    }



    [type="text"],

    [type="date"],

    [type="datetime"],

    [type="datetime-local"],

    [type="email"],

    [type="month"],

    [type="number"],

    [type="password"],

    [type="search"],

    [type="tel"],

    [type="url"],

    [type="week"],

    [type="date"] {

        font-size:18px;

        padding: 0 15px;

    }



    span[for="file-upload"],

    #filename {

        padding: 20px 0;
		margin-right:12px;

    }



    .file {

        padding: 0 15px;

    }



    [type="submit"] {

        font-size:18px;

    }



    .video-listing {

        padding: 0 0 20px;

    }

    .video-col {

        height: 250px;

    }

    .copyright br{
		display:block;
    }


}



@media screen and (min-width :300px) and (max-width:499px) {

    .main_menu {

        display: none;

        position: absolute;

        top: 120px;

        right: 0;

        width: 100%;

        background: #e64aa0;

        z-index: 99;

        padding: 15px 0;

    }



    #open_menu {

        display: block;

    }



    .logo {

        margin: 0 0 0;

        float: left;

        max-width: 130px;

    }



    .top_header {

        padding: 20px 0 20px;

    }



    .main_menu ul li {

        margin:5px 15px ;

        padding:0 ;

        display: block;

        text-align:center;

    }



    [type="text"],

    [type="date"],

    [type="datetime"],

    [type="datetime-local"],

    [type="email"],

    [type="month"],

    [type="number"],

    [type="password"],

    [type="search"],

    [type="tel"],

    [type="url"],

    [type="week"],

    [type="date"] {

        font-size:16px;

        padding: 0 15px;

    }



    .contact-top, .contact-top p, .contact-col p, .file {

        font-size: 15px;

    }



    .file {

        padding: 0 12px;

    }



    .video-col {

        height: 160px;

    }



    .main_menu ul li:hover a {

        color:#ffffff;

        text-decoration:none;

        border: 1px solid #c11d5d;

        background: #ff417d; 

        background: -moz-linear-gradient(top,  #fe86ac 0%, #da7196 100%);

        background: -webkit-linear-gradient(top,  #fe86ac 0%,#da7196 100%); 

        background: linear-gradient(to bottom,  #fe86ac 0%,#da7196 100%);

    }



    .top_header:after {

        display: none;

    }
	.copyright br{
		display:block;
    }

}