/**
 * @module      HO VIDEO BOX
 * @version     1.0.x
 * @author      HappyOnline http://happyonline.gr/
 * @copyright   Copyright (C) 2013-2015 HappyOnline. All rights reserved.
 * @license     GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 *
 * General Style
 *
 */
div.header-video {
    height: 70%;
    min-height: 650px;
    position: relative;
    background: #eee;
}

div.header-video .header-video {
    overflow: hidden
}

div.header-video video {
    position: absolute;
    width: auto;
    min-height: 70%;
    margin: auto;
    z-index: -1;
    top: 50%;
    left: 50%;
    max-width: 100%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

div.header-video, div.header-video .header-img {
    min-height: 650px;
}

div.header-title {
    background: #09c;
    text-align: center;
    min-height: 0
}

div.header-title .header {
    min-height: 0
}

div.header-title .header .breadcrumb {
    position: relative
}

div.header-title .header .sub-title {
    display: block;
    position: relative;
    top: 10px
}

div.header-title .header h1 {
    margin-bottom: 10px;
    margin-top: 10px
}

.header-inner {
    height: 650px;
    width: 100%;
    position: relative;
}

.header-video .row {
    width: 50%;
    min-height: 650px;
    height: 100%;
    position: absolute;
    display: table;
    z-index: 999;
}

.header-video .header-content {
    z-index: 2;
    position: static;
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 100%;
    max-height: 300px;
}

.header-video .header-content-inner {
    background: rgba(255, 255, 255, 0.8);
    padding: 60px 90px;
    z-index: 2;
    position: static;
    vertical-align: middle;
    float: left;
    width: 100%;
}


.header-video .header-content h1 {
    margin-top: 10px;
    margin-bottom: 10px
}

.header-video .header-content:before {
    content: "";
    height: 100%;
    width: 1000px;
    display: block;
    position: absolute;
    left: -999px;
    top: 0;
    background: transparent;
    z-index: 1;
    display: none;
}

.header-video .header-content p {
    padding-left: 20px
}

.header-video .header-content p:before {
    content: "";
    width: px;
    height: 100%;
    background: transparent;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.header-video .header-img,.header-video .header-video {
    width: 65%;
    min-height: 650px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1 !important;
}



.header-video .header-content-inner .text p {
    padding: 0;
    font-size: 18px;
    font-weight: 100;
    float: left;
    width: 100%;
}
.header-video .header-content-inner .text h2 {
    padding: 0;
    font-weight: bold;
    font-size: 28px;
    float: left;
    width: 100%;
}
.header-video .cta a {
    background: #fc4349;
    color: #fff;
    border-radius: 0;
    padding: 0 20px;
    line-height: 40px;
    height: 40px;
    margin-top: 20px;
}
.header-video .cta a:hover,
.header-video .cta a:focus {
    background: #000;
}
.header-video .cta {
    float: left;
}
.header-video .text {
    float: left;
    width: 100%;
}
.scrolldown-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
    height: 50px
}

.scrolldown {
    width: 16.66667% !important;
    margin-left: 41.66667% !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
    background: #fc4349 !important;
    color: white !important;
    height: 50px !important;
    overflow: hidden !important;
    position: relative !important;
    margin-bottom: 0 !important
}

.scrolldown .in,.scrolldown .out {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.scrolldown .in {
    bottom: 17px
}

.scrolldown .out {
    top: -20px
}

.scrolldown:hover,.scrolldown:focus,.scrolldown:active {
    color: white !important
}

.scrolldown:hover .in,.scrolldown:focus .in,.scrolldown:active .in {
    bottom: -20px
}

.scrolldown:hover .out,.scrolldown:focus .out,.scrolldown:active .out {
    top: 15px
}

source {
    max-width: 100% !important;
}

video {}