@font-face {
    font-family: Oxygen;
    src: url(../css/Oxygen-Regular.ttf) format('truetype')
}

.metro .col-xs-1,
.metro .col-sm-1,
.metro .col-md-1,
.metro .col-lg-1,
.metro .col-xs-2,
.metro .col-sm-2,
.metro .col-md-2,
.metro .col-lg-2,
.metro .col-xs-3,
.metro .col-sm-3,
.metro .col-md-3,
.metro .col-lg-3,
.metro .col-xs-4,
.metro .col-sm-4,
.metro .col-md-4,
.metro .col-lg-4,
.metro .col-xs-5,
.metro .col-sm-5,
.metro .col-md-5,
.metro .col-lg-5,
.metro .col-xs-6,
.metro .col-sm-6,
.metro .col-md-6,
.metro .col-lg-6,
.metro .col-xs-7,
.metro .col-sm-7,
.metro .col-md-7,
.metro .col-lg-7,
.metro .col-xs-8,
.metro .col-sm-8,
.metro .col-md-8,
.metro .col-lg-8,
.metro .col-xs-9,
.metro .col-sm-9,
.metro .col-md-9,
.metro .col-lg-9,
.metro .col-xs-10,
.metro .col-sm-10,
.metro .col-md-10,
.metro .col-lg-10,
.metro .col-xs-11,
.metro .col-sm-11,
.metro .col-md-11,
.metro .col-lg-11,
.metro .col-xs-12,
.metro .col-sm-12,
.metro .col-md-12,
.metro .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 3px;
    padding-right: 3px
}

body {
    line-height: 24px
}

#boxWrapp {
    display: table;
    width: 100%;
    height: 100vh;
    padding: 100px 0;
    margin: 0 auto;
    padding: 0;
    overflow: hidden
}

.fa-spin {
    color: #242424
}

.build {
    padding: 20px 0;
    margin: 0
}

.build ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.page {
    padding: 80px 0
}

img {
    max-width: 100%
}

.title-page h2 {
    padding-bottom: 20px;
    margin: 0
}

.header {
    background: url(../img/bg.jpg) no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
    position: relative
}

.logo-wrapp {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 99
}

.title-home {
    width: 50%;
    height: 50%;
    text-align: center;
    display: table;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.title-home h1 {
    font-size: 72px;
    line-height: 1.42857143;
    color: #fff;
    vertical-align: middle
}

#sidebar-wrapper {
    margin-right: -250px;
    right: 0;
    width: 250px;
    background: #4a4a4a;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0
}

.sidebar-nav li {
    line-height: 40px;
    border-bottom: 1px solid #646464
}

.sidebar-nav li a {
    color: #dcdcdc;
    display: block;
    text-decoration: none;
    padding: 5px 20px;
    font-weight: 400
}

.sidebar-nav li a i {
    font-size: 18px;
    margin-right: 10px
}

.sidebar-nav li a:hover {
    color: #fff;
    background: rgba(255, 255, 255, .2);
    text-decoration: none
}

.sidebar-nav .btn-clear {
    padding: 2px 12px
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none
}

.sidebar-nav .sidebar-brand {
    height: 55px;
    line-height: 55px;
    font-size: 18px
}

.sidebar-nav .sidebar-brand a {
    color: #999
}

.sidebar-nav .sidebar-brand a:hover {
    color: #fff;
    background: 0 0
}

#menu-toggle {
    top: 0;
    right: 0;
    position: fixed;
    z-index: 1;
    background: 0 0;
    border: 0
}

#menu-toggle i {
    font-size: 35px
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.toggle {
    margin: 5px 5px 0 0
}

.title-page {
    text-transform: uppercase
}

.title-page h2 {
    font-size: 36px
}

ul#filterOptions {
    margin: 0 0 0 -12px;
    padding: 0 0 40px;
    list-style: none;
    display: table
}

ul#filterOptions li {
    float: left;
    margin-right: -1px
}

ul#filterOptions li a {
    font-size: 18px
}

ul#filterOptions li.cur a {
    color: #2fc3d9
}

ul#filterOptions li a:hover {
    text-decoration: none;
    color: #2fc3d9
}

.box {
    overflow: hidden;
    height: auto;
    display: block;
    border: 0
}

.thumb-img {
    overflow: hidden;
    margin: 3px 0;
    border: 0
}

.thumb-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    z-index: 77;
    display: none
}

.thumb-img {
    border: 0
}

.thumb-img img {
    border: 0;
    display: block;
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms
}

.thumb-mask {
    border: 0
}

.thumb-mask img {
    position: absolute;
    top: 50%;
    margin-top: -4.5px;
    left: 50%;
    margin-left: -4.5px
}

.thumb-img:hover img {
    -webkit-transform: scale(1.05, 1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05, 1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms
}

body.modal-open {
    overflow: auto
}

.footer-menu {
    background: #111317
}

.widget h3 {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 20px
}

.widget p {
    line-height: 24px
}

.wAbout p {
    margin: 0;
    padding: 0
}

.wContact lable {
    color: #fff;
    font-weight: 400
}

.wContact p {
    margin: 0
}

ul.follow-social li {
    display: inline-block;
    margin-right: 15px
}

ul.follow-social li:nth-last-child(1) {
    margin-right: 0
}

ul.follow-social li a {
    color: #fff
}

ul.follow-social li a:hover {
    color: #2fc3d9
}

a.tw:hover i {
    color: #00aced
}

a.fb:hover i {
    color: #3b5998
}

a.in:hover i {
    color: #39c
}

a.db:hover i {
    color: #ea4c89
}

footer {
    background: #111317
}

.cpRight p {
    font-weight: 600
}

.cpRight p a {
    color: #2fc3d9
}

.cpRight p a:hover {
    text-decoration: none
}

@media (min-width:992px) and (max-width:1024px) {
    .title-home h1 {
        font-size: 48px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .title-home h1 {
        font-size: 36px
    }
}

@media (min-width:481px) and (max-width:767px) {
    .title-home h1 {
        font-size: 24px
    }

    .title-page h2 {
        font-size: 24px
    }
}