/* font-face */
@font-face {
    font-family: 'Ubuntu';
    font-weight: 400;
    src: url('../fonts/Ubuntu-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Ubuntu-Regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/Ubuntu-Regular.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/Ubuntu-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/Ubuntu-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Ubuntu';
    font-weight: 600;
    src: url('../fonts/Ubuntu-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Ubuntu-Bold.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/Ubuntu-Bold.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/Ubuntu-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/Ubuntu-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
/* end font-face */

a:focus{
    outline: none;
}

.container{
    position: relative;
    height:100%;
}

.container:after{
    clear: both;
    content: "";
    display: block;
}

.row{
    height: 100%;
}

body{
    line-height: 1.2;
    font-family: "Ubuntu";
    font-weight: 400;
    color: rgba(0,0,0,.58);
    background: 
}

h1, h2, h3{
    margin-top:0;
}

.uploadBtn{
    display: inline-block;
    border-radius: 3px;
    background: #F2C802;
    border-bottom: 5px solid #CCA902;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 25px;
    text-decoration: none;
    height: 60px;
    line-height: 55px;
    width: 80%;
    max-width: 360px;
}

.uploadBtn:hover{
    color: #fff;
    text-decoration: none;
    background: #232323;
    border-bottom-color: #fff;
}

@media screen and (max-width:768px){
    .uploadBtn{
        font-size: 18px;
    }
}
/* top */
#top{
    position: relative;
    z-index: 5;
    height: 80px;
    background: #fff;
}

#logo{
    width: 200px;
    height: 31px;
    display: inline-block;
    margin-top: 25px;
    position: relative;
}

#menu{
    height: 31px;
    padding: 0;
    margin:0;
    margin-top: 25px;
}

#menu:after{
    clear: both;
    display: block;
    content: "";
}

#menu li{
    float: left;
    list-style: none;
}

#menu li a{
    display: block;
    height: 31px;
    line-height: 31px;
    padding: 0 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 19px;
    color: #1D7FC4;
    text-transform: uppercase;
    border-radius: 2px;
}

#menu li a:hover{
    color: #fff;
    background: #232323;
}

#menu a.upload{
    background: #F2C802;
}
#socialLinks, #languages{
    display: inline-block;
    vertical-align: top;
    height: 31px;
    margin-top: 25px;
    position: relative;
}

#socialLinks a{
    margin: 0 7px;
    position: relative;
    top: 7px;
}

#languages{
    margin-left: 15px
}

#languages > a{
    text-transform: uppercase;
    height: 31px;
    display: block;
    line-height: 31px;
    position: relative;
}

#languages > a:after{
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #1D7FC4;
    right: -15px;
    top: 50%;
    margin-top: -3px;
    position: absolute;
}

#languages > div{
    position: absolute;
    top: 100%;
    left: 0%;
    background: #fff;
    width: 70px;
    display: none;
}

#languages > div a{
    display: block;
    padding: 4px;
}

#languages > div a:hover{
    background: rgba(0,0,0,.1);
    color: rgba(0,0,0,.87);
    text-decoration:none;
}
@media screen and (min-width: 992px){
    #top div[class*="col-lg"]{
        height: 100%;
    }
}

@media screen and (max-width: 768px){
    #top{
        height: auto;
        text-align:center;
        padding-bottom: 15px;
    }
    
    #menu li{
        float:none;
        display:inline-block;
    }
}
/* end top */

/* header */
#header{
    height: 822px;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/headerBg.jpg);
    padding-top: 50px;
    position: relative;
}

#header .container, #header .row, #header div[class*="col"]{
    height: auto;
    position: static;
}

#header h2{
    color: #fff;
    text-align: center;
    font-size: 78px;
    font-weight: 600;
    margin-bottom: 40px;
}

#mainPoster{
    max-width: 700px;
    min-height: 530px;
    margin: 0 auto;
    position: relative;
}

#mainPoster > div{
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
}

.mainPosterPic{
    min-height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.mainPosterPic > a{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icon-play.png) center no-repeat;
}

.mainPosterTool{
    background: #fff;
    padding: 5px;
}

.date, .commentName{
    color: #1D80C4;
    font-size: 19px;
    font-weight: 600;
    margin-right: 15px;
    text-transform: uppercase;
    position:relative;
}

.mainPosterTool a{
    color: #F2C802;
    font-size: 19px;
}

#prevVideo, #nextVideo{
    width: 90px;
    height: 152px;
    position:absolute;
    top: 50%;
    margin-top: -76px;
    z-index: 50;
    background-size: 100% 100%!important;
}

#prevVideo{
    left: 30px;
    background: url(../images/prev.png) center no-repeat;
}

#nextVideo{
    right: 30px;
    background: url(../images/next.png) center no-repeat;
}

@media screen and (max-width:1200px){
    #header h2{
        font-size:62px;
    }    
}

@media screen and (max-width:768px){
    #header{
        height: 688px;
    }
    
    #header h2{
        font-size: 40px;
    }
    
    #mainPoster{
        min-height: 370px;
    }
    
    .mainPosterPic{
       min-height:260px; 
    }
    
    #nextVideo, #prevVideo{
        width: 50px;
        height: 82px;
    }
    
    .mainPosterPic > a{
        background-size: 64px 64px;
    }
    
    .date, .commentName{
        display: block;
        font-size: 14px;
    }
}
/* end header */

/* description */
#description, #footer{
    background: #1D80C4;
    padding: 45px 15px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.7);
}

#desc{
    max-width: 750px;
    margin: 0 auto;
    text-align:center;
}

#desc h3{
    font-size: 27px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
}

#desc p{
    font-size: 19px;
    color: #fff;
    margin-bottom: 30px;
}
/* end description */

/* videos */
#videos{
    padding: 45px 0;
}

#videos h1{
    text-align: center;
    font-size: 40px;
    color: #1D7FC4;
    font-weight: 600;
}

#videos h3{
    text-align: center;
    color: #1D7FC4;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

.videoBlock{
    background:#fff;
    height: 264px;
    box-shadow:1px 1px 3px rgba(0,0,0,.38);
    margin: 15px 0;
}

.videoInfo{
    padding: 5px;
}

.videoInfo:after{
    clear: both;
    display: block;
    content: "";
}

.videoInfo .date{
    font-size: 14px;
    font-weight: 400;
}

.videoTitle{
    padding: 0 5px 5px 5px;
}

.videoPoster{
    height: 169px;
    background-size: cover;
    position: relative;
}

.videoPoster a{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icon-play.png) center no-repeat;
    background-size: 80px 80px;
}

.videoInfo .comments{
    float: right;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
    background: url(../images/icon-comments.png) left center no-repeat;
    color: #1D7FC4;
}

.videoTitle a{
    color: #F2C802;
    text-decoration:none;
}

.videoTitle a:hover{
    color: #232323;
    text-decoration: none;
}

#videos .uploadBtn{
    margin-top:45px;
}
/* videos */

/* footer */
#fMsg{
    max-width: 750px;
    margin: 0 auto;
    color: #fff;
    font-weight: 600;
    font-size: 27px;
}
/* end footer */

/* title */
#title{
    background:url(../images/headerBg.jpg) top center no-repeat;
    background-size:100% auto;
    box-shadow:  0 2px 4px rgba(0,0,0,.58);
}

#title h3{
    margin: 0;
    padding: 20px 0;
    font-weight: 600;
    font-size: 23px;
    color: #fff;
}
/* end title */

/* video content */
#videoContent{
    padding: 60px 0;
    background: #F3F3F3;
}
/* end video content */

/* comments */
#comments{
    box-shadow: 0 0 5px rgba(0,0,0,.58);
    padding:45px 0;
    position: relative;
    z-index:3;
}

#comments h2{
    font-weight: 600;
    color: #1D7FC4;
    background: url(../images/icon-comments.png) left 4px no-repeat;
    padding-left: 20px;
    font-size: 19px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ededed;
}

.commentInfo{
    margin-bottom:15px;
}

.commentInfo:after{
    clear:both;
    display:block;
    content:"";
}

.commentInfo .date{
    float:right;
    margin: 0;
}

.comment{
    padding-bottom: 20px;
    border-bottom: 2px solid #ededed;
    margin-bottom: 20px;
}
.commentName.ua:after{
    content:"";
    position: absolute;
    width:37px;
    height:18px;
    margin-left:5px;
    background: url(../images/icon-flag-ua.jpg) right center no-repeat;
}

#comments h3{
    font-weight: 600;
    color: #1D7FC4;
    font-size: 19px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ededed;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#comments textarea{
    resize:none;
    padding: 15px;
    font-family: "Ubuntu";
    font-size: 16px;
    color: rgba(0,0,0,.87);
    width:100%;
    border: 1px solid #ededed;
    height:180px;
    margin-bottom: 20px;
}

#comments form > div{
    margin-bottom: 20px;
}

#comments form > div:after{
    clear:both;
    display:block;
    content:"";
}

#comments input[type=text], #comments select{
    width: 32%;
    height: 42px;
    float: left;
    border: 1px solid #ededed;
    padding:0 15px;
}

#comments form > div > *:not(:first-child){
    margin-left:2%;
}

#comments input[type=submit]{
    height: 48px;
    background: #F2C802;
    border-radius: 3px;
    border:0;
    border-bottom: 3px solid #CCA902;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 21px;
    padding:0 30px; 
}

#comments input[type=submit]:hover{
    background: #232323;
    border-color:#232323;
}

@media screen and (max-width:768px){
    .commentInfo .date{
        float:right;
    }
    
    .commentInfo .commentName{
        float:left;
    }
    
    #comments form input, #comments form select{
        width:100%!important;
        margin: 10px auto!important;
    }
}
/* end comments */

/* text block */
#textBlock{
    text-align:center;
    padding: 45px 0;
    box-shadow:0px 0px 10px rgba(0,0,0,.38);
}
#textBlock p{
    color: #1D7FC4;
    font-size: 19px;
}

#textBlock h3{
    font-weight: 600;
    font-size: 25px;
    margin-top: 30px;
    color: #1D7FC4;
}

#textBlock div[class*="text-center"]{
    margin-top: 45px;
}
/* end text block */

.grayBg{
    background: #ededed;
}

.videoPagination{
    margin-top:30px;
}

.videoPagination a{
    display:inline-block;
    margin-right:3px;
    width:32px;
    height:32px;
    text-align:center;
    line-height:32px;
    border-radius: 3px;
    background:#F2C802;
    font-size: 18px;
    font-weight:600;
    color:#fff;
    border-bottom:3px solid #CCA902;
}

.videoPagination a:hover{
    text-decoration:none;
    background:#232323;
    border:0;
}

/* Form Add */
.sourseslogos {
    width:384px;
    height:35px;
    background: url(/uploads/vkadri/images/vkadri/sources-logos-sprite.png) no-repeat left;
    background-position: -388px 0px;
}
.sourseslogos:hover {
    background-position: 0px 0px;
}
#oembedContainer {
    overflow:hidden;
}
.oembedImage {
    margin:10px 10px 10px 0px;
    float:left;
}
.oembedTitle {
    margin:10px 0px;
    float:left;
}
.formdiv_5 input[type="text"], .formdiv_5 textarea{
    width:355px;
}
.formdiv_5 select {
    width:369px;
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #777777;
    padding: 6px;    
}
.formdiv_5 input[type="submit"] {
    margin-top:20px;
    margin-left: 282px;
    
}
.labeldiv_video_active {
    float:left;
}
#dialogEditVideo {
    font-size: 12px;
}
.field_video_active {
    clear: both;
    overflow: hidden;
}

/* Admin control */
.adm-control {
    /*margin-left: 5px;
    margin-top: -25px;
    position: absolute;*/
}

.projects {
    width: 100%;
    float: right;
}

.projects ul {
    float:left;
    margin-right: 50px;
    font-size: 14px;
}

.projects ul li{
    margin-bottom: 3px;
    background: url(/uploads/vkadri/images/vkadri/favicon_small.png) no-repeat 14px 3px; 
    padding-left: 37px !important; 
}

/* EMBED */
.mainPosterPic embed,
.mainPosterPic object,
.mainPosterPic iframe { width: 100% }

/* ENTRY SHARE */
.entry-share {width:100%; overflow:hidden;}
.entry-share ul { float:right; background: url("/uploads/vkadri/images/vkadri/alert-overlay.png") repeat-x scroll 0 0 #EEEEEE;  border-top: 1px solid #E6E6E6; line-height: 14px; overflow:hidden; list-style:none!important; padding:0px;}
.entry-share ul li { float:left; background-image: none!important; border-left: 1px solid #AAA; margin: 9px 9px 9px 0; padding: 0 5px 0 14px;}
.entry-share ul li:first-child {border-left:none;}
.entry-share-link, .entry-share-code { display:none; width:100%; float:left; padding-bottom:20px;}
.share-link-url { width:559px!important; display: block;}
.share-link-start, .share-link-end { width:33px!important; }
.share-code-container { width:559px!important; display: block; }
.share-code-start, .share-code-end { width:33px!important; }

.entry-social { display: block; float:left;  }
.entry-social ul {margin:0; padding:0; list-style: none;}
.entry-social li { float: left;  margin: 0 11px 0 0; }
.entry-social li a { padding: 3px 0 3px 23px; }
.entry-social .vk_icon a { background: url(/uploads/resources/img/icondrawer/16x16/vkontakte.png) no-repeat 0 center; }
.entry-social .twitter_icon a { background: url(/uploads/vkadri/images/vkadri/ico-twitter-16.png) no-repeat 0 center; }
.entry-social .digg_icon a { background: url(/uploads/vkadri/images/vkadri/ico-digg-16.png) no-repeat 0 center; }
.entry-social .facebook_icon a { background: url(/uploads/vkadri/images/vkadri/ico-facebook-16.png) no-repeat 0 center; }
.entry-social .delicious_icon a { background: url(/uploads/vkadri/images/vkadri/ico-delicious-16.png) no-repeat 0 center; }
.entry-social .stumbleupon_icon a { background: url(/uploads/vkadri/images/vkadri/ico-stumbleupon-16.png) no-repeat 0 center; }