/*  ################################################################

  File Name: style.css
  Template Name: The Nation
  Created By: Filiz OZER
  http://themeforest.net/user/jollythemes
  
  1) SKELETON
  2) HEADER
  3) FOOTER
  4) SLIDERS
  5) SECTIONS
  6) SERVICES
  7) BLOG
  8) PORTFOLIO
  9) OTHERS
  10) SHOP
  11) RESPONSIVE
  12) DARK SCHEME

################################################################# */ 

/* ----------------------------------------------------
  SKELETON
------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Dosis:400,500,300,200,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic,900,900italic,100,100italic);
@import url(css/font-awesome.css);


body {
    color: #999;
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.8;
    outline: 0
}

@media only screen and (max-width: 767px) {
  body {
    /* The file size of this background image is 93% smaller
       to improve page load speed on mobile internet connections */
    background-image: url(../images/background/003.jpg);
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Dosis, sans-serif;
    color: #353535;
    font-weight: 500;
    line-height: 1.6;
    margin: 0 0 16px;
    padding: 0
}
h1 {
    font-size: 36px
}
h2 {
    font-size: 30px
}
h3 {
    font-size: 24px
}
h4 {
    font-size: 20px
}
h5 {
    font-size: 18px
}
h6 {
    font-size: 16px
}
a {
    color: #0b0b0b;
    outline: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
a:focus,
a:hover {
    text-decoration: none;
    color: #494c50
}
::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #0b0b0b
}
::selection {
    color: #fff;
    text-shadow: none;
    background: #0b0b0b
}
.lead {
    font-family: Lato, sans-serif
}
.alignleft {
    float: left;
    margin: 20px 20px 20px 0
}
.alignright {
    float: right;
    margin: 20px 0 20px 20px
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both
}
blockquote {
    border: 0;
    color: #0b0b0b;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 1.5px;
    font-family: georgia!important
}
blockquote:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 13px;
    left: 0;
    padding-right: 15px;
    color: #0b0b0b;
    position: relative;
    top: 2px
}
blockquote:after {
    content: "\f10e";
    font-family: FontAwesome;
    font-size: 16px;
    left: 0;
    padding-left: 15px;
    color: #0b0b0b;
    position: relative;
    top: 2px
}
.first {
    clear: both
}
.last {
    margin-right: 0
}
.custom {
    background: #343434;
    border-left: 0 none;
    color: #fff;
    font-size: 1.25em;
    font-weight: 400;
    margin-top: 20px;
    line-height: 1.4;
    padding: 2em;
    text-align: left
}
.custom:after,
.custom:before {
    color: #fff
}
.drop-caps p:first-child:first-letter {
    float: left;
    font-size: 75px;
    line-height: 60px;
    color: #434b55;
    padding: 4px;
    margin-right: 10px;
    margin-top: 5px;
    font-family: Georgia;
    display: block
}
.drop-caps.full p:first-child:first-letter {
    color: #fff;
    background: #232323!important;
    padding: 7px;
    margin-right: 10px
}
.check li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 16px;
    left: 0;
    color: #0b0b0b;
    padding-right: 5px;
    position: relative;
    top: 2px
}
.check li {
    font-size: 14px;
    list-style: none;
    margin-bottom: 4px
}
.check {
    margin-left: 0;
    padding-left: 0
}
.check li a {
    color: #656565
}
.menufix #home {
    position: relative;
    padding: 0;
    margin: 0;
    background: #0b0b0b
}
.transparentmenu #home {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, .1);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"
}
.transparentmenu #home .navbar-default {
    padding: 10px 30px 20px
}
.transparentmenu #home .navbar-nav>li>.dropdown-menu {
    margin-top: 20px
}
.transparentmenu #home .navbar-nav>li>a:focus,
.transparentmenu #home .navbar-nav>li>a:hover {
    color: #fff!important
}
.darkcolormenu #home .navbar-nav>li>a,
.darkcolormenu #home .social-icons a {
    color: #0b0b0b!important
}
.darkcolormenu .header .menu-wrapper.affix {
    background: #fff!important
}
#home {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    /*margin: 30px 0;*/
    display: block;
    background-color: #000;
    max-height: 30px;
}
.header .menu-wrapper.affix {
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    top: 0;
    background: #0b0b0b;
    right: 0;
    margin: 0!important;
    position: fixed;
    z-index: 9000;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s
}
.header .menu-wrapper.affix .navbar-default {
    padding: 10px 30px 20px
}
.navbar-default {
    box-shadow: none;
    background: 0 0;
    /*padding: 30px*/
}
.navbar {
    background: 0 0;
    margin: 0;
    border: none;
    height: 40px !important;
}
.navbar-nav {
    margin: 0px 10px 0!important
}
.navbar-nav>li>a {
    color: #fff!important;
    font-family: Dosis, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    outline: 0;
    padding: 9px 21px;
    text-transform: uppercase
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
    outline: 0
}
.dropcar {
    padding-left: 2px
}
.myform {
    background: #121212;
    color: #959697;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%
}
.search_form_top:before {
    color: #959697!important;
    content: "\f002";
    display: inline-block;
    font-family: FontAwesome;
    left: 30px;
    padding-right: 0;
    position: absolute;
    top: 13px
}
.myform form {
    padding: 0 20px
}
.myform .form-control {
    background: 0 0;
    border: 0;
    height: 50px;
    border-radius: 0;
    padding-left: 24px;
    margin: 0;
    width: 100%
}
.form-control:focus {
    box-shadow: none
}
.navbar-nav .dropdown-menu {
    background: #121212;
    border: 1px solid #212121
}
#multimenu .navbar-nav>li>.dropdown-menu,
.navbar-nav>li>.dropdown-menu {
    margin-top: 29px
}
.navbar-nav .dropdown-menu ul {
    padding: 20px
}
.navbar-nav .dropdown-menu ul li {
    list-style: none;
    padding: 3px 0
}
#payment label {
    font-weight: 400;
    border: 1px solid #ededed;
    padding: 15px 40px!important
}
.box2 {
    border: 1px solid #ededed;
    margin-top: 20px;
    padding: 30px
}
.custom2 {
    display: block;
    font-weight: 300;
    font-style: italic;
    margin-top: 10px
}
.navbar-nav .dropdown-menu ul li a,
.totalprice ul li,
.yamm .dropdown.normalmenu li a {
    color: #fff;
    outline: 0;
    font-family: Dosis, sans-serif;
    font-weight: 300;
    font-size: 14px
}
.totalprice ul {
    padding: 20px 0
}
.totalprice li {
    font-size: 18px!important;
    list-style: none;
    color: #0b0b0b!important
}
.navbar-nav .dropdown-menu ul li a.active,
.navbar-nav .dropdown-menu ul li a:focus,
.navbar-nav .dropdown-menu ul li a:hover,
.navbar-nav>li>a.active,
.navbar-nav>li>a:active,
.navbar-nav>li>a:focus,
.navbar-nav>li>a:hover {
    color: #959697!important
}
.navbar-nav .dropdown-menu ul li h3 {
    color: #fff;
    font-family: Dosis, sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase
}
.navbar-nav>li {
    border: 1px solid transparent
}
.navbar-nav .demosbutton {
    padding: 0 0 0 7px;
    outline: 0;
    box-shadow: none!important;
    border: 1px solid #959697
}
.navbar-default .navbar-nav a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>a:focus {
    background-color: transparent
}
.yamm .collapse,
.yamm .dropdown,
.yamm .dropup,
.yamm .nav {
    position: static
}
.yamm .container-fluid {
    position: relative
}
.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0!important;
    right: 0
}
.yamm .dropdown.yamm-half .dropdown-menu {
    left: auto!important;
    right: auto!important;
    min-width: 400px;
    margin-top: 26px!important
}
.yamm .dropdown.yamm-fw .dropdown-menu {
    margin-top: 26px!important
}
.yamm .dropdown.normalmenu {
    position: relative
}
.yamm .dropdown.normalmenu .dropdown-menu {
    padding: 20px 15px;
    left: 0;
    right: auto
}
.yamm .dropdown.normalmenu .dropdown-menu li {
    padding: 5px 0
}
.yamm .dropdown-submenu {
    position: relative
}
.yamm .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%!important;
    margin-top: -5px!important;
    margin-left: -2px;
    -webkit-border-radius: 0 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px
}
.yamm .dropdown-submenu:hover>.dropdown-menu {
    display: block
}
.yamm .dropdown-submenu.pull-left {
    float: none
}
.yamm .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}
.social-icons {
    margin-left: 10px;
    margin-top:3px;
}
.social-icons a {
    border: 1px solid #959697;
    color: #fff;
    width: 25px;
    height: 25px;
    outline: 0;
    line-height:25px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    margin-top: 10px;
}
.navbar-nav .demosbutton:hover,
.social-icons a:hover {
    border-color: #fff
}
#multimenu.menu-wrapper.affix {
    background: #fff!important;
    border-bottom: 1px solid #f9f9f9
}
#multimenu .navbar-default .navbar-nav>li>a,
#multimenu .navbar-default .social-icons a {
    color: #0b0b0b!important
}
#multimenu .demosbutton:hover,
#multimenu .navbar-default .social-icons a:hover {
    border-color: #333!important
}
#multimenu .navbar-default {
    padding: 15px 20px 25px!important
}
.boxed {
    color: #fff!important;
    font-weight: 300;
    z-index: 999;
    position: relative;
    display: block;
    padding: 60px 0!important;
    text-align: center
}
.boxed span {
    margin-bottom: 30px;
    font-size: 30px
}
.boxed h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 500
}
.grey-1 {
    background: #414141!important
}
.grey-2 {
    background: #4a4a4a
}
.grey-3 {
    background: #464646
}
.googlemap {
    min-height: 500px
}
.about-widget img {
    margin-bottom: 38px
}
#sidebar ul,
.footer ul {
    padding-left: 5px
}
#sidebar .widget a {
    color: #999!important
}
.footer .section-title h3 {
    padding-bottom: 17px
}
.contact-widget {
    font-size: 16px;
    line-height: 1.6
}
#sidebar .widget {
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 30px;
    padding: 0 20px 20px
}
#sidebar ul li,
.footer ul li {
    list-style: none;
    margin-bottom: 8px;
    font-size: 16px;
    color: #0b0b0b!important
}
.footer a {
    outline: 0;
    color: #0b0b0b!important
}
.footer {
    background: #fff;
    padding: 80px 0;
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 2;
    box-sizing: border-box;
    width: 100%;
    z-index: 1
}
.darkcopyrights,
.darkfooter {
    background: #0b0b0b!important
}
.darkcopyrights {
    border-top-color: #242424!important;
    color: #fff!important
}
.darkfooter .social-icons a:hover,
.darkfooter a,
.darkfooter h3,
.darkfooter p {
    color: #fff!important
}
.darkfooter hr {
    border-color: #242424
}
.darkfooter .social-icons a {
    color: #6d6d6d!important;
    border-color: #6d6d6d!important
}
.darkfooter .social-icons a:hover {
    border-color: #fff!important
}
.copyrights {
    background: #fff;
    padding: 35px 0;
    font-family: Dosis, sans-serif;
    font-size: 16px;
    color: #0b0b0b;
    font-weight: 500;
    letter-spacing: .4px;
    text-align: center;
    position: relative;
    display: block;
    border-top: 1px solid #f9f9f9
}
.footer .social-icons a {
    margin-left: 0;
    margin-right: 10px;
    font-size: 14px;
    border-color: #d8d8d8;
    color: #d8d8d8
}
.footer .social-icons {
    margin-left: 0;
    margin-top: 30px
}
.footer .social-icons a:hover {
    border-color: #0b0b0b;
    color: #0b0b0b
}
#superslides {
    position: relative
}
#superslides .slides-container {
    display: none
}
#superslides .scrollable {
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%
}
#superslides .scrollable:after {
    content: "";
    display: table;
    clear: both
}
#superslides .slides-navigation {
    margin: -20px auto 0;
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 100%
}
#superslides .slides-navigation a {
    position: absolute;
    display: block;
    color: #fff;
    background-color: #2c2c2c;
    background-color: rgba(44, 44, 44, .6)
}
#superslides .slides-navigation a.prev {
    left: 0;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 84px
}
#superslides .slides-navigation a.next {
    right: 0;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 84px
}
#superslides .slides-pagination {
    display: none
}
#deeplinking {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100vh
}
#deeplinking .frame {
    width: 100%;
    height: 100%;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}
#deeplinking .frame .slide_element {
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
#deeplinking .frame .slide_element>div {
    float: left;
    height: 100%
}
#deeplinking .frame .mSCover img {
    max-width: none
}
#deeplinking #caption a {
    color: #fff!important
}
#deeplinking .details #caption {
    position: absolute;
    bottom: 190px;
    left: 140px;
    padding: 20px;
    letter-spacing: 1px;
    background: #0b0b0b;
    color: #fff;
    text-transform: none;
    font-weight: 300;
    font-size: 14px;
    max-width: 30%;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .15);
    box-shadow: 0 0 1px rgba(0, 0, 0, .15)
}
#deeplinking .details #icon {
    position: absolute;
    bottom: 140px;
    left: 140px;
    background: url(images/deep.png) no-repeat #fff;
    width: 48px;
    height: 48px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .15);
    box-shadow: 0 0 1px rgba(0, 0, 0, .15)
}
#deeplinking .details #count {
    position: absolute;
    bottom: 140px;
    left: 190px;
    background: #0b0b0b;
    font-family: Dosis, sans-serif;
    color: #fff;
    text-transform: none;
    letter-spacing: 1px;
    padding: 0 20px;
    height: 48px;
    line-height: 48px;
    font-weight: 300;
    white-space: nowrap;
    font-size: 30px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .15);
    box-shadow: 0 0 1px rgba(0, 0, 0, .15)
}
#modern .frame {
    width: 100%;
    height: 500px
}
#modern .frame ul {
    list-style: none;
    height: 100%;
    padding: 0;
    margin: 0
}
#modern .frame ul li {
    float: left;
    height: 100%
}
#modern .frame ul li img {
    max-width: none
}
#modern .frame ul li .mSCover {
    position: relative
}
#modern .frame ul li .mSCover:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
#modern .frame ul li:hover .mSCover:after {
    background-color: rgba(0, 0, 0, .6)
}
#modern.mSMedia .frame ul li:hover .mSCover:after {
    display: none
}
#modern .details {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #0b0b0b;
    padding: 20px 40px 40px;
    color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
#modern.mSMedia .details {
    display: none
}
#modern .frame ul li:hover .details {
    background-color: #0b0b0b
}
#modern .details .title {
    display: block;
    color: #FFF;
    font-family: Dosis, sans-serif;
    font-size: 24px;
    text-transform: none;
    text-decoration: none;
    margin-bottom: 10px;
    text-shadow: 1px 1px 0 #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
#modern .details .description {
    font-weight: 300;
    height: 0;
    overflow: hidden;
    color: #D5D5D5;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.controls .btn {
    background-clip: border-box;
    background-color: #fff!important;
    background: 0 0/auto auto;
    background-origin: padding-box;
    border: 1px solid #000;
    border-radius: 100px;
    font-size: 20px;
    height: 42px;
    margin-top: -20px;
    opacity: .97!important;
    width: 42px
}
#modern .frame ul li:hover .details .description {
    height: 80px;
    margin-bottom: 10px
}
#modern .details .counts {
    height: 20px
}
#modern .details .counts a {
    float: left;
    color: #fff;
    font-family: Dosis, sans-serif;
    font-size: 14px;
    text-transform: none;
    margin-right: 15px;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
#modern .details .counts a:hover {
    color: #FFF;
    text-decoration: none
}
#modern .details .counts a.more {
    float: right;
    opacity: 0;
    margin: 0
}
#modern .frame ul li:hover .details .counts a.more {
    opacity: 1
}
#fullscreen-layer-slider .slider_description {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .5);
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    border: 2px solid transparent;
    border-radius: 50px;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: all .3s;
    transition: all .3s
}
#fullscreen-layer-slider .slider_description:hover {
    background: rgba(255, 255, 255, 0);
    color: #FFF;
    border-color: #FFF
}
#fullscreen-layer-slider {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100vh
}
#fullscreen-layer-slider .frame {
    width: 100%;
    height: 100%;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}
#fullscreen-layer-slider .frame .slide_element {
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
#fullscreen-layer-slider .frame .slide_element>div {
    float: left;
    height: 100%
}
#fullscreen-layer-slider .frame .mSCover img {
    max-width: none
}
#fullscreen-layer-slider .transparent {
    opacity: 0
}
#fullscreen-layer-slider .bgImg {
    top: 0;
    left: 0;
    width: 100%;
    height: 115%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -7%;
    z-index: 1
}
#fullscreen-layer-slider .bgImg1 {
    background-image: url(demos/slider_13.jpg)
}
#fullscreen-layer-slider .bgImg2 {
    background-image: url(demos/slider_14.jpg)
}
#fullscreen-layer-slider .bgImg3 {
    background-image: url(demos/slider_15.jpg)
}
#fullscreen-layer-slider .bgImg4 {
    background-image: url(demos/slider_01.jpg)
}
#fullscreen-layer-slider .bande {
    background: url(images/bande.png) 0 50% no-repeat;
    height: 1110px;
    width: 632px;
    left: -632px;
    bottom: 0;
    z-index: 12
}
#fullscreen-layer-slider .titres {
    left: 120px;
    bottom: 140px;
    color: #353535;
    text-transform: uppercase;
    margin-left: -100%;
    z-index: 13
}
#fullscreen-layer-slider .titres .titrePartie {
    top: auto;
    bottom: 38px;
    text-align: left
}
#fullscreen-layer-slider .titrePartie>span {
    position: relative!important;
    left: 0;
    display: block;
    float: left;
    clear: both;
    padding: 20px 45px;
    background-color: #fff;
    white-space: nowrap;
    letter-spacing: 6px
}
#fullscreen-layer-slider .titres .titrePartie span.l1,
#fullscreen-layer-slider .titres .titrePartie span.l2 {
    left: -50px
}
#fullscreen-layer-slider .titrePartie>span.l1 {
    font-size: 36px;
    font-weight: 300;
    line-height: 40px
}
#fullscreen-layer-slider .titrePartie>span.l2 {
    font-size: 24px;
    font-weight: 300;
    padding-top: 10px;
    line-height: 40px
}
#fullscreen-layer-slider .titres .sousTitre {
    position: relative!important;
    left: -50px;
    clear: both;
    float: left;
    font-size: 11px;
    color: #353535;
    line-height: 28px;
    padding: 0 25px;
    background-color: #e4e3e5;
    letter-spacing: 2px;
    margin-top: 1em
}
@media screen and (max-width: 959px) {
    #fullscreen-layer-slider .titres .titrePartie {
        top: 58px
    }
    #fullscreen-layer-slider .titrePartie>span {
        padding: 7px 20px!important;
        letter-spacing: 3px!important;
        font-size: 25px!important;
        line-height: 35px!important
    }
    #fullscreen-layer-slider .bande,
    #fullscreen-layer-slider .line {
        margin-left: -70px
    }
    #fullscreen-layer-slider .titres {
        left: 0
    }
    #fullscreen-layer-slider .titres .sousTitre {
        right: 60px
    }
}
@media screen and (max-width: 639px) {
    #fullscreen-layer-slider .bande {
        margin-left: -100px
    }
    #fullscreen-layer-slider .line {
        margin-left: -140px
    }
    #fullscreen-layer-slider .titres {
        width: 100%;
        padding-right: 80px
    }
    #fullscreen-layer-slider .titres .titrePartie {
        top: 40px
    }
    #fullscreen-layer-slider .titrePartie>span {
        padding: 5px 15px!important;
        letter-spacing: 2px!important;
        font-size: 20px!important;
        line-height: 30px!important;
        white-space: inherit!important
    }
    #fullscreen-layer-slider .titres .titrePartie>span.l1 {
        margin-right: 7px
    }
}
.video-poster {
    width: 100%;
    height: 100%
}
#vertical-slider .mSButtons {
    width: 80%
}
#vertical-slider .frame {
    width: 100%;
    height: 100%
}
#vertical-slider .frame .slide_element {
    height: 100%
}
#vertical-slider .frame .slide_element>div {
    float: left;
    width: 100%
}
#vertical-slider .frame .mSCover img {
    max-width: none
}
#vertical-slider .caption {
    color: #FFF;
    opacity: 0;
    white-space: nowrap;
    z-index: 1002;
    text-transform: uppercase
}
#vertical-slider .caption1 {
    top: 30px;
    font-family: Dosis, sans-serif;
    font-size: 46px;
    left: 130px;
    font-weight: 400
}
#vertical-slider .caption2 {
    top: 100px;
    left: 150px;
    line-height: 2;
    text-transform: none;
    font-size: 11px;
    font-weight: 300;
    color: #999;
    font-family: Lato, sans-serif
}
.tp-bannertimer {
    display: none
}
.slider_01,
.tp-caption.slider_01 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    font-family: Dosis, sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    padding: 5px 8px;
    text-shadow: none;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-transform: uppercase
}
.sliderbtn .btn-primary,
.tp-caption.sliderbtn .btn-primary {
    color: #fff!important
}
.slider_01.darkcolor,
.slider_02.darkcolor,
.sliderbtn .btn-primary:hover,
.tp-caption.slider_01.darkcolor,
.tp-caption.slider_02.darkcolor,
.tp-caption.sliderbtn .btn-primary:hover {
    color: #0b0b0b!important
}
.slider_02,
.tp-caption.slider_02 {
    font-size: 80px;
    line-height: 80px;
    font-weight: 400;
    font-family: Dosis, sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    padding: 5px 8px;
    text-shadow: none;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-transform: uppercase
}
.slider_02.letter-spacing,
.tp-caption.slider_02.letter-spacing {
    letter-spacing: .4em
}
.slider_03,
.tp-caption.slider_03 {
    font-size: 48px;
    line-height: 48px;
    font-weight: 200;
    font-family: Dosis, sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    padding: 5px 8px;
    text-shadow: none;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-transform: uppercase
}
.slider_04,
.tp-caption.slider_04 {
    font-size: 18px;
    line-height: 2;
    font-weight: 300;
    font-family: Lato, sans-serif;
    color: #828282;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    padding: 5px 8px;
    text-shadow: none;
    border-width: 0;
    border-color: #000;
    border-style: none
}
.slider_05,
.tp-caption.slider_05 {
    font-size: 48px;
    text-align: center;
    font-weight: 300;
    font-family: Lato, sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    padding: 14px 25px;
    text-shadow: none;
    border-width: 4px;
    border-color: #fff;
    border-style: solid
}
.slider_06,
.tp-caption.slider_06 {
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 3px;
    font-weight: 400;
    font-family: Dosis, sans-serif;
    color: #0b0b0b;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    padding: 10px 0 0 5px;
    text-shadow: none;
    border-width: 0;
    border-color: #fff;
    border-style: solid
}
.tpcaption.whitecolor,
.whitecolor {
    color: #fff!important
}
.slider_07,
.tp-caption.slider_07 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 400;
    letter-spacing: .3em;
    font-family: Dosis, sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    padding: 5px 8px;
    text-shadow: none;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-transform: uppercase
}
.slider_08,
.tp-caption.slider_08 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 400;
    letter-spacing: .3em;
    font-family: Dosis, sans-serif;
    color: #0b0b0b;
    text-decoration: none;
    background-color: #fff;
    padding: 15px 38px;
    text-shadow: none;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-transform: uppercase
}
.slider_02.bigfont,
.slider_07.bigfont,
.slider_08.bigfont,
.tp-caption.slider_02.bigfont,
.tp-caption.slider_07.bigfont,
.tp-caption.slider_08.bigfont {
    font-size: 60px;
    letter-spacing: .1em;
    line-height: 60px;
    font-weight: 500
}
.slider_02.bigfont,
.tp-caption.slider_02.bigfont {
    letter-spacing: 0
}
.slider_09,
.tp-caption.slider_09 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: .3em;
    font-family: Dosis, sans-serif;
    color: #0b0b0b;
    text-decoration: none;
    background-color: #fff;
    padding: 15px 38px;
    text-shadow: none;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-transform: uppercase
}
.sliderbtn a,
.tp-caption.sliderbtn a {
    color: #0b0b0b!important
}
.boxedcontainer {
    max-width: 1170px;
    margin: auto;
    padding: 0 30px
}
.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0
}
.tp-banner {
    width: 100%;
    position: relative
}
.tp-banner-fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0
}
.deviceimage {
    position: absolute;
    bottom: 0
}
#comingsoon {
    margin: 120px 0
}
#comingsoon h3 {
    font-size: 48px;
    color: #0b0b0b;
    font-weight: 600
}
#comingsoon .section-title h3 .font-backend {
    font-size: 160px;
    top: -25px
}
#comingsoon .lead {
    font-style: italic;
    font-weight: 600;
    letter-spacing: 3px
}
.time_circles {
    position: relative;
    width: 100%;
    height: 100%
}
.time_circles>div {
    position: absolute;
    text-align: center
}
.time_circles>div>h4 {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}
.time_circles>div>span {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 300%;
    margin-top: .4em;
    font-weight: 700
}
.coming2 .time_circles>div>span,
.time_circles>div>h4 {
    color: #0b0b0b
}
.coming2 .lead {
    color: #999!important
}
#DateCountdown {
    width: auto;
    float: none;
    display: block;
    margin: 0 auto!important;
    text-align: center
}
#coming1 {
    background: url(demos/c1.jpg) center center no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
#coming1.coming2 {
    background: url(demos/c2.jpg) center center no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.notfound h1 {
    font-family: Cochin;
    font-size: 200px;
    color: #fff;
    line-height: 1;
    margin-top: 140px;
    margin-bottom: 0;
    padding-bottom: 0
}
.notfound h2 {
    padding: 10px 0 30px;
    margin: 0;
    color: #0b0b0b;
    font-size: 72px;
    font-weight: 700
}
.callout {
    background: #fff;
    padding: 30px;
    border: 1px solid #ddd
}
.callout .btn {
    margin-top: 5px
}
#raindrop_holder {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background-color: #fff
}
#canvas {
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    top: 0;
    left: 0
}
.agencystyle .section-parallax {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.agencystyle .fullscreen {
    height: 65vh
}
.agencystyle .parallax-text h2 {
    color: #0b0b0b;
    font-size: 72px;
    font-weight: 300;
    line-height: 1.4
}
.agencystyle .header .menu-wrapper.affix {
    background: #fff
}
.agencystyle .demosbutton,
.agencystyle .demosbutton:hover,
.agencystyle .header .social-icons a,
.agencystyle .navbar-nav>li>a {
    color: #0b0b0b!important;
    border-color: #0b0b0b
}
.fullscreen {
    width: 100%;
    padding: 0;
    display: table;
    margin: 0;
    max-width: none;
    height: 100vh
}
.parallax-text img {
    margin: 20px auto 30px
}
.parallax-text {
    top: 45%;
    margin: -20px auto;
    left: 0;
    right: 0;
    position: absolute
}
.noborder {
    border: 0!important
}
.general-content {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative
}
.general-text {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}
.parallax-text .btn {
    margin-top: 25px
}
.parallax-text h2 {
    font-size: 60px;
    line-height: 60px;
    font-weight: 500;
    font-family: Dosis, sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    padding: 5px 8px;
    text-shadow: none;
    margin-top: 20px;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-transform: uppercase
}
.raindrop {
    margin-top: 30px
}
.raindrop .btn {
    margin: 40px 10px
}
.parallax-text h4 {
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    font-family: Dosis, sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    padding: 26px 0;
    text-shadow: none;
    margin-top: 0;
    letter-spacing: 6px;
    text-transform: uppercase;
    position: relative;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff
}
.playvideo-text h4 {
    letter-spacing: .3em
}
.borderleft:before {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 30px;
    z-index: 2
}
.borderleft:after {
    background: #fff;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 2
}
.borderright:before {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    right: 0;
    position: absolute;
    width: 30px;
    z-index: 2
}
.borderright:after {
    background: #fff;
    content: "";
    display: block;
    height: 4px;
    right: 0;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 2
}
.parallax-text {
    z-index: 999;
    overflow: visible
}
.parallax-text h1 {
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: 1.4px;
    font-family: Dosis, sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    padding: 14px 28px;
    text-shadow: none;
    display: inline-block;
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
    text-transform: uppercase
}
.videoplay {
    margin-top: 44px!important;
    font-weight: 400!important;
    letter-spacing: 1px;
    font-size: 36px!important
}
.videostart,
.videostop {
    font-size: 24px;
    text-align: center;
    font-weight: 300;
    color: #fff;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    width: 80px;
    outline: 0;
    height: 80px;
    line-height: 78px;
    margin-right: 20px;
    text-shadow: none;
    border-width: 2px;
    border-color: #fff;
    border-style: solid
}
.videobuttons {
    font-size: 24px;
    text-align: center;
    font-weight: 300;
    color: #fff!important;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    width: 80px;
    height: 80px;
    outline: 0!important;
    line-height: 78px;
    display: inline-block;
    margin: 0 10px 30px;
    text-shadow: none;
    border-width: 2px;
    border-color: #fff;
    border-style: solid
}
.general-text h1 {
    font-size: 44px;
    line-height: 44px;
    font-weight: 200;
    font-family: Dosis, sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    padding: 5px 8px;
    text-shadow: none;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-transform: uppercase
}
.general-text h2 {
    font-size: 80px;
    line-height: 80px;
    font-weight: 400;
    font-family: Dosis, sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: rgb(0, 0, 0, 0);
    padding: 5px 8px;
    text-shadow: none;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-transform: uppercase
}
.section-title h3 {
    z-index: 2;
    font-size: 30px;
    letter-spacing: .1em;
    position: relative;
    font-weight: 400;
    text-transform: uppercase
}
.section-title .lead {
    font-size: 18px;
    line-height: 2;
    margin-top: 40px
}
.section-title h3 .font-backend {
    bottom: -30px;
    color: #f2f2f2;
    font-family: Cochin;
    font-size: 120px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    height: 120px;
    line-height: 120px
}
.section-parallax {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding: 120px 0;
    position: relative;
    width: 100%
}
.section-d .section-title h3 .font-backend,
.section-parallax .section-title h3 .font-backend {
    color: #42423f;
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: .6
}
.section-d .section-title h3,
.section-parallax .section-title h3 {
    color: #fff
}
.section-g,
.section-w {
    padding: 150px 0;
    background: #fff;
    position: relative;
    display: block;
    overflow: hidden
}
.bf.fullwidth {
    width: 100%
}
#masonry_wrapper .magnifier {
    background-color: rgba(11, 11, 11, .9)
}
#masonry_wrapper .magnifier .buttons {
    top: 45%;
    margin: -20px auto!important
}
.masonry-wrapper .bf-single-item {
    margin: 0 10px 20px!important
}
.section-g {
    background: #fafafa
}
.section-d {
    background: #0b0b0b;
    padding: 80px 0 60px;
    position: relative;
    display: block;
    overflow: hidden
}
.section-wrapper {
    padding: 40px 0 0
}
.section-wrapper a {
    outline: 0
}
.landing-message {
    padding: 80px 0 40px
}
.landing-message .lead {
    line-height: 2;
    color: #fff;
    font-weight: 100!important
}
.image-center img {
    margin: auto
}
.text-wrapper {
    padding-left: 40px
}
.mini-title {
    position: absolute;
    z-index: 2;
    top: 48%;
    left: 0;
    margin: -20px auto;
    color: #fff;
    text-align: center;
    right: 0
}
.mini-title a,
.mini-title i {
    color: #fff!important;
    font-size: 43px
}
.mini-title h2 {
    font-size: 40px;
    color: #fff
}
.bg-image .image-wrapper.pull-right {
    right: 0
}
.bg-image .content {
    padding-top: 120px;
    padding-bottom: 120px
}
.bg-image {
    padding: 0;
    position: relative
}
.bg-image .image-wrapper {
    height: 100%;
    padding: 0;
    top: 0;
    overflow: hidden;
    position: absolute
}
.nopadding {
    padding: 0!important
}
.littlepadding {
    padding-top: 0!important
}
.littlepadding1 {
    padding-top: 30px!important
}
#contact.littlepadding2 h2,
#contact.littlepadding2 h2 a {
    padding: 0!important
}
#contact.littlepadding2 {
    padding: 60px 0 46px
}
.background-image-wrapper {
    width: 100%;
    height: 100%;
    background-size: cover!important;
    z-index: 0;
    background-position: 50% 50%!important;
    position: absolute;
    top: 0;
    left: 0
}
#contact {
    padding-bottom: 40px
}
#contact h2,
#contact h2 a {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1em;
    font-weight: 300;
    padding-top: 100px;
    font-size: 18px;
    outline: 0
}
.contact_form {
    padding: 0 60px
}
.contact_form.comment-form {
    padding: 0
}
.contact_form .form-control {
    background-color: transparent;
    background-image: none;
    border-bottom: 1px solid #8e8e8e;
    border-radius: 0;
    box-shadow: none;
    color: #8e8e8e;
    display: block;
    font-size: 14px;
    height: 75px;
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    line-height: 75px;
    text-transform: uppercase;
    font-family: Dosis, sans-serif
}
.contact_form textarea {
    line-height: 120px!important;
    height: 120px!important
}
.contact_form .btn {
    margin-top: 60px
}
.personal_details ul {
    list-style: none;
    padding: 30px 0;
    font-family: Dosis, sans-serif;
    font-size: 18px;
    font-weight: 500
}
.personal_details h3 {
    display: inline-block;
    text-transform: uppercase;
    padding-right: 30px;
    font-size: 18px;
    font-weight: 700;
    width: 140px
}
.verticalbox {
    margin: 30px 0
}
.verticalbox:hover i {
    color: #0b0b0b
}
.verticalicon {
    display: block;
    height: 70px;
    font-size: 44px;
    line-height: 1.3;
    text-align: center;
    width: 70px;
    margin-right: 20px
}
.service-icon {
    background-color: #0b0b0b;
    color: #fff;
    width: 50px;
    height: 50px;
    font-family: Dosis, sans-serif;
    line-height: 50px;
    display: block;
    margin: auto;
    text-align: center;
    font-size: 18px
}
.readmore-icon {
    background-color: #f8f8f8;
    color: #b8b8b8;
    width: 40px;
    height: 40px;
    font-family: Dosis, sans-serif;
    line-height: 31px;
    display: block;
    text-align: center;
    font-size: 30px;
    margin: 20px auto 0
}
.service-box {
    padding: 15px 20px;
    margin: 15px 0
}
.service-box h3 {
    font-size: 24px;
    margin-bottom: 10px;
    padding: 20px 0 0
}
.animation-wrapper .holder1 {
    width: 140px;
    height: 35px;
    left: 48%;
    background: url(images/shape2.png) left center no-repeat;
    top: 29%;
    position: absolute
}
.animation-wrapper .holder2 {
    width: 140px;
    height: 35px;
    left: 48%;
    background: url(images/shape2.png) left center no-repeat;
    top: 47%;
    position: absolute
}
.animation-wrapper .holder3 {
    background: url(images/shape2.png) left center no-repeat;
    height: 35px;
    left: 52%;
    position: absolute;
    top: 65%;
    width: 158px
}
a.plus-x {
    background-image: url(images/plus.png);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all .6s;
    outline: 0;
    -moz-transition: all .6s;
    transition: all .6s;
    width: 38px;
    height: 38px;
    display: block;
    position: absolute;
    background-color: #0b0b0b
}
.readmore-icon:hover,
a.plus-x:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    background-color: #313131
}
.button-1 {
    right: 0;
    bottom: 0
}
.button-2 {
    right: 0
}
.button-3 {
    right: 0;
    top: 0
}
.pager li a,
.pager li span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #0b0b0b!important;
    float: left;
    line-height: 1.42857;
    border-radius: 0!important;
    padding: 15px 22px;
    position: relative;
    text-decoration: none
}
.pagination>li>a,
.pagination>li>span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #0b0b0b!important;
    float: left;
    line-height: 1.42857;
    margin-left: 9px;
    border-radius: 0!important;
    padding: 15px 22px;
    position: relative;
    text-decoration: none
}
.pager li a:hover,
.pagination a.active,
.pagination a:active,
.pagination a:focus,
.pagination a:hover,
.pagination>li>a:hover .pagination>li>span:hover {
    border-color: #0b0b0b!important;
    background-color: #0b0b0b!important;
    color: #fff!important
}
.blog-list .blog-item {
    margin-bottom: 90px
}
.blog-list .entry img {
    width: 100%
}
.blog-list .blog-item h3,
.blog-list .blog-item h3 a {
    padding: 0
}
.blog-list .meta,
.blog-list .meta a,
.blog-list .meta p {
    font-size: 16px!important
}
.blog-list .meta {
    margin-top: 5px!important
}
.tagcloud a {
    border: 1px solid #ddd;
    margin: 0 10px 10px 0;
    padding: 4px 15px;
    display: inline-block
}
.tagcloud a:hover {
    border-color: #0b0b0b
}
.media-list .media-object {
    width: 75px;
    margin-right: 15px
}
.media-heading {
    color: #0b0b0b!important;
    font-family: Athelas!important;
    font-size: 24px!important;
    font-style: italic;
    margin: 10px 0;
    text-align: left;
    text-transform: none!important
}
.media-heading .pull-right {
    font-size: 13px
}
.media-list {
    margin-top: 60px
}
.media,
.media .media {
    margin-top: 75px
}
.post-media {
    margin-bottom: 20px
}
.blog-title h3 {
    text-transform: none;
    font-size: 36px
}
#post-content {
    font-size: 16px;
    line-height: 1.8
}
#post-content .meta {
    margin-top: 30px
}
#post-content .meta,
#post-content .meta a,
#post-content .meta p {
    font-size: 21px;
    color: #0b0b0b;
    font-weight: 500;
    font-family: Dosis, sans-serif
}
#post-content .pull-right a {
    padding-left: 20px
}
.breadcrumb {
    padding: 15px 15px 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0
}
.breadcrumb>li {
    text-transform: uppercase;
    display: inline-block;
    font-family: Dosis, sans-serif
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #777;
    font-family: FontAwesome;
    content: "\f105"
}
.breadcrumb>.active {
    color: #777
}
#page-content {
    /*border-bottom: 1px solid #f9f9f9*/
}
#page-header {
    padding: 70px 0 40px!important;
    position: relative;
    overflow: hidden;
    display: block
}
#owl-blog .owl-controls {
    bottom: -80px;
    left: 0;
    margin-top: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: auto;
    width: auto
}
.blog-item .magnifier .buttons {
    top: 35%
}
.blog-item .magnifier {
    background: rgba(0, 0, 0, .8)
}
.blog-item .magnifier .buttons h3,
.blog-item .magnifier .buttons h3 a {
    color: #fff;
    text-transform: none;
    padding: 0;
    letter-spacing: .2em;
    font-weight: 300
}
.blog-item h3,
.blog-item h3 a {
    color: #0b0b0b;
    outline: 0;
    padding: 25px 0 0
}
.blog-item .meta,
.blog-item .meta a {
    color: #0b0b0b;
    font-family: Dosis, sans-serif;
    font-weight: 500
}
.blog-item .meta {
    margin-top: 25px
}
.blog-item .meta a {
    padding-left: 30px
}
.isotope-item {
    z-index: 2
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}
.isotope .isotope-item {
    -webkit-transition-property: 0 opacity;
    -moz-transition-property: 0 opacity;
    -ms-transition-property: 0 opacity;
    -o-transition-property: 0 opacity;
    transition-property: transform, opacity
}
.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0
}
#masonry_wrapper .item {
    padding: 0;
    margin: 0 auto 2px;
    background: #fff
}
#masonry_wrapper .item img {
    width: 100%;
    height: 100%;
    padding: 0!important;
    margin: 0!important
}
.item-h1 {
    min-height: 293px
}
.item-h3 {
    height: 671px
}
.item-h2 {
    height: 616px
}
.item-h4 {
    height: 548px
}
.item-h5 {
    max-height: 430px
}
.item-h6 {
    max-height: 390px
}
#grid-four-col-portfolio .items li img,
.bf ul.items li img {
    width: 100%
}
#grid-three-col-portfolio li {
    width: 33.33333333%!important;
    position: relative;
    min-height: 1px;
    padding: 0!important;
    margin: 0!important
}
#grid-two-col-portfolio li {
    width: 50%!important;
    position: relative;
    min-height: 1px;
    padding: 0!important;
    margin: 0!important
}
#grid-one-col-portfolio li {
    width: 100%!important;
    position: relative;
    min-height: 1px;
    padding: 0!important;
    margin: 0!important
}
.captionout {
    background-color: #fafafa;
    padding: 20px 30px
}
.section-g .captionout {
    background-color: #fff
}
.bf ul.items li {
    padding: 0!important;
    margin: 0!important
}
.makepadding .item img {
    width: 100%!important
}
.makepadding .item {
    padding: 20px 10px!important
}
.marginportfolio ul.items li {
    float: left;
    width: 25%;
    padding-left: 15px!important;
    padding-right: 15px!important;
    margin-bottom: 30px!important
}
#masonry_wrapper .magnifier a,
#masonry_wrapper .magnifier p {
    color: #fff;
    font-family: Dosis, sans-serif;
    font-size: 24px;
    letter-spacing: .1em;
    margin-bottom: 0;
    outline: 0
}
.captionout h3,
.captionout h3 a {
    font-family: Lato, sans-serif!important;
    font-size: 14px!important;
    font-style: italic;
    font-weight: 300;
    margin-top: 0;
    padding-top: 0;
    color: #999!important
}
.demo-image {
    margin: 30px 0
}
.captionout a,
.captionout p {
    font-family: Dosis, sans-serif!important;
    color: #0b0b0b;
    font-weight: 500;
    outline: 0;
    font-size: 24px!important;
    letter-spacing: .1em;
    margin-bottom: 0
}
.cap-in p,
.cap-in p a {
    font-family: Dosis, sans-serif;
    color: #fff;
    outline: 0;
    font-size: 24px;
    letter-spacing: .1em;
    margin-bottom: 0
}
#grid-four-col-portfolio li .cap-in a,
#grid-four-col-portfolio li .cap-in p,
#grid-four-col-portfolio li .captionout a,
#grid-four-col-portfolio li .captionout p,
#grid-three-col-portfolio li .cap-in a,
#grid-three-col-portfolio li .cap-in p,
#grid-three-col-portfolio li .captionout a,
#grid-three-col-portfolio li .captionout p {
    font-size: 18px!important
}
#grid-four-col-portfolio li .cap-in h3,
#grid-four-col-portfolio li .cap-in h3 a,
#grid-four-col-portfolio li .captionout h3,
#grid-four-col-portfolio li .captionout h3 a {
    font-size: 14px!important
}
#masonry_wrapper .magnifier h3,
#masonry_wrapper .magnifier h3 a,
.cap-in h3,
.cap-in h3 a {
    font-family: Lato, sans-serif!important;
    font-size: 14px;
    font-style: italic;
    margin-top: 0;
    padding-top: 0;
    color: #b2b2b2
}
#masonry_wrapper .magnifier h3,
#masonry_wrapper .magnifier h3 a {
    text-transform: none;
    font-style: none!important
}
.cap-in .bubble,
.captionout .bubble,
.magnifier .bubble {
    background: #fff;
    bottom: 40px;
    position: absolute;
    right: 40px;
    width: 45px;
    height: 45px;
    color: #0b0b0b;
    text-align: center;
    line-height: 45px
}
.captionout .bubble {
    bottom: 30px;
    background-color: #0b0b0b;
    color: #fff
}
.bf ul.filter,
.portfolio-filter {
    margin-bottom: 70px!important
}
.portfolio-filter li {
    list-style: none;
    display: inline-block
}
.bf ul.filter li a,
.portfolio-filter a {
    border-radius: 0;
    outline: 0;
    font-family: Dosis, sans-serif;
    font-weight: 300;
    padding: 6px 30px!important;
    text-transform: uppercase;
    border: 0!important;
    background: 0 0!important;
    color: #8e8e8e
}
.bf ul.filter li a.active,
.portfolio-filter a.active {
    text-transform: uppercase;
    background: #0b0b0b!important;
    color: #fff;
    border: 0!important
}
.client {
    background: #fff;
    border: 1px solid #f5f5f5;
    margin: 15px 0;
    padding: 20px
}
.client img {
    margin: auto;
    width: auto
}
.client:hover {
    background: #0b0b0b
}
.client img,
.demo-image img {
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}
.demo-image:hover img {
    opacity: .6
}
.client:hover img {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}
figure.effect-milo .image {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 0);
    transform: translate3d(0, 0)
}
figure.effect-milo:hover .image {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.pricing-box {
    cursor: pointer;
    background: #fff;
    border: 1px solid #ddd;
    padding: 30px;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear
}
.pricing-box:hover {
    background: #fff;
    border: 1px solid #0b0b0b
}
.pricing-details {
    list-style: none;
    padding: 10px 0
}
.pricing-heading h2 {
    color: #0b0b0b;
    font-size: 1.4em;
    padding-bottom: 0;
    font-weight: 300
}
.pricing-heading i {
    color: #0b0b0b;
    padding: 30px 0 15px
}
.pricing-heading h3 {
    color: #0b0b0b;
    font-size: 1.6em;
    padding-bottom: 0;
    margin-bottom: 0;
    text-transform: uppercase
}
.pricing-details ul,
.pricing-details ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #8e8e8e
}
.pricing-box .button-wrapper {
    margin-top: 0
}
.pricing-details ul li {
    border-top: 0 solid #f9f9f9;
    margin: 5px;
    padding: 7px
}
.pricing-box:hover .pricing-details ul li:first-child,
.pricing-details ul li:first-child {
    border-top: 0
}
.panel.price,
.panel.price>.panel-heading {
    border-radius: 0;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}
.panel.price {
    border: 1px solid #ddd
}
.panel.price:hover {
    border: 1px solid #0b0b0b
}
.panel.price .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.panel.price .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.price .panel-footer {
    color: #fff;
    border-bottom: 0;
    padding: 20px;
    background-color: rgba(255, 255, 255, 1)
}
.panel.price .btn {
    border: 0
}
.price.panel-white>.panel-heading {
    background-color: #fff
}
.price.panel-white>.panel-body {
    color: #0b0b0b;
    background-color: #fff
}
.price.panel-white>.panel-body .lead {
    font-family: Dosis, sans-serif;
    font-size: 28px!important;
    font-weight: 300!important;
    letter-spacing: 5px;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}
.price.panel-white .list-group-item {
    background-color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-family: Dosis, sans-serif;
    font-size: 14px;
    color: #0b0b0b
}
.price .panel-heading h3 {
    font-weight: 200
}
.price .panel-heading {
    border-bottom: 1px solid #ddd!important;
    font-weight: 700;
    padding: 20px 0 0
}
.form-register {
    background: #f9f9f9;
    padding: 40px
}
.form-register:after {
    content: '';
    display: block;
    clear: both
}
.form-register .form-group {
    margin-bottom: 0;
    margin-top: 5px
}
.form-register .form-group label {
    margin-bottom: 0;
    margin-top: 10px
}
.form-control:focus {
    border-color: #0b0b0b
}
.form-control {
    background-image: none;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    box-shadow: none!important;
    height: 40px
}
.tabs-below>.nav-tabs,
.tabs-left>.nav-tabs,
.tabs-right>.nav-tabs {
    border-bottom: 0
}
.pill-content>.pill-pane,
.tab-content>.tab-pane {
    display: none
}
.pill-content>.active,
.tab-content>.active {
    display: block
}
.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd
}
.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0
}
.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}
.tabs-below>.nav-tabs>li>a:focus,
.tabs-below>.nav-tabs>li>a:hover {
    border-top-color: #ddd;
    border-bottom-color: transparent
}
.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:focus,
.tabs-below>.nav-tabs>.active>a:hover {
    border-color: transparent #ddd #ddd
}
.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
    float: none
}
.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px
}
.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd
}
.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}
.tabs-left>.nav-tabs>li>a:focus,
.tabs-left>.nav-tabs>li>a:hover {
    border-color: #eee #ddd #eee #eee
}
.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:focus,
.tabs-left>.nav-tabs .active>a:hover {
    border-color: #ddd transparent #ddd #ddd
}
.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd
}
.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}
.tabs-right>.nav-tabs>li>a:focus,
.tabs-right>.nav-tabs>li>a:hover {
    border-color: #eee #eee #eee #ddd
}
.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:focus,
.tabs-right>.nav-tabs .active>a:hover {
    border-color: #ddd #ddd #ddd transparent
}
.tab-content>.tab-pane {
    padding: 20px 0
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-radius: 0
}
.panel-title a {
    text-decoration: none;
    outline: 0
}
.panel {
    box-shadow: none;
    border-radius: 0!important
}
.accordion-heading em {
    padding-right: 10px
}
.accordion-heading,
.panel-default>.panel-heading,
.panel-heading {
    background-color: #fff;
    border-color: #fff!important;
    border-radius: 0!important;
    box-shadow: none;
    color: #0b0b0b;
    padding: 15px;
    text-transform: uppercase
}
.accordion-group {
    margin-bottom: 15px
}
.accordion-heading {
    border: 1px solid #ddd!important
}
.accordion-inner {
    padding: 15px
}
#preloader {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 11000;
    position: fixed;
    display: block
}
.preloader {
    position: absolute;
    margin: 0 auto;
    left: 1%;
    right: 1%;
    top: 45%;
    width: 95px;
    height: 95px;
    background: center center no-repeat none;
    background-size: 95px 95px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}
#spinner {
    position: relative;
    height: 95px;
    width: 95px;
    top: 45%;
    margin: 0 auto -45px;
    border-radius: 100%;
    -webkit-animation: rotation .75s infinite linear;
    -moz-animation: rotation .75s infinite linear;
    -o-animation: rotation .75s infinite linear;
    animation: rotation .75s infinite linear
}
#spinner:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    height: 100%;
    width: 100%;
    border-top: 3px solid rgba(0, 0, 0, 1);
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    border-radius: 100%
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}
@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(359deg)
    }
}
@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(359deg)
    }
}
@keyframes rotation {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000
}
#loader {
    display: block;
    position: relative;
    left: 0;
    top: 50%;
    margin: auto;
    right: 0;
    width: 129px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
    z-index: 10000
}
#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #0b0b0b;
    z-index: 9999;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
#loader-wrapper .loader-section.section-left {
    left: 0
}
#loader-wrapper .loader-section.section-right {
    right: 0
}
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s .3s cubic-bezier(.645, .045, .355, 1)
}
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .7s .3s cubic-bezier(.645, .045, .355, 1)
}
.loaded #loader {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s 1s ease-out;
    transition: all .3s 1s ease-out
}
.no-js #loader-wrapper {
    display: none
}
#animate-area {
    background-image: url(demos/animate_bg.jpg);
    animation: animatedBackground 666s linear infinite;
    -moz-animation: animatedBackground 666s linear infinite;
    -webkit-animation: animatedBackground 666s linear infinite;
    -ms-animation: animatedBackground 666s linear infinite;
    -o-animation: animatedBackground 666s linear infinite
}
@keyframes animatedBackground {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: -31000px 0
    }
}
@-moz-keyframes animatedBackground {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: -31000px 0
    }
}
@-webkit-keyframes animatedBackground {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: -31000px 0
    }
}
@-ms-keyframes animatedBackground {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: -31000px 0
    }
}
@-o-keyframes animatedBackground {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: -31000px 0
    }
}
.playbutton {
    color: #fff!important;
    width: 80px;
    text-align: center;
    outline: 0;
    font-size: 24px;
    height: 80px;
    line-height: 75px;
    padding-left: 3px;
    display: block;
    margin: -20px auto 20px;
    border: 3px solid #fff
}
.dmtop {
    background-color: #0b0b0b;
    background-image: url(images/arrow.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-indent: -99999px;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    overflow: auto
}
.magnifier .buttons {
    visibility: hidden;
    position: absolute;
    cursor: pointer;
    width: 100%;
    top: 10%;
    padding: 20px 40px;
    left: 0;
    text-align: center;
    margin-top: -20px;
    opacity: 0;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0;
    -ms-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0
}
.magnifier .buttons .social-icons span a,
.magnifier .buttons .social-icons span a i {
    color: #8e8e8e!important
}
.magnifier .buttons .social-icons span:hover a,
.magnifier .buttons .social-icons span:hover a i {
    color: #0b0b0b!important
}
.magnifier .buttons .social-icons span a {
    border: none!important
}
.magnifier .buttons p {
    margin: 0 0 30px
}
.entry:hover .magnifier,
.magnifier:hover .buttons {
    opacity: 1;
    visibility: visible
}
.entry {
    display: block;
    overflow: hidden;
    position: relative
}
.magnifier {
    position: absolute;
    background-color: rgba(255, 255, 255, .9);
    text-align: center;
    top: 0;
    left: 0;
    z-index: 998;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.entry img {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all .9s ease 0s;
    -moz-transition: all .9s ease 0s;
    -ms-transition: all .9s ease 0s;
    -o-transition: all .9s ease 0s;
    transition: all .9s ease 0s
}
.entry:hover img {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .5
}
.magnifier .buttons h3,
.teambox .desc h3 {
    margin: 20px 0 0;
    text-transform: uppercase
}
.teambox .desc h3,
.teambox .desc p {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.teambox:hover .desc h3,
.teambox:hover .desc p {
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0
}
.teambox img {
    width: 100%
}
.teambox .desc p {
    font-weight: 500;
    font-style: italic
}
.skills {
    display: block;
    font-family: Dosis, sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #0b0b0b;
    overflow: hidden;
    text-transform: uppercase;
    margin-top: 30px!important;
    position: relative
}
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
.skills p i {
    font-size: 14px;
    padding-right: 7px
}
.skills p {
    margin-left: 3px
}
.progress {
    height: 10px;
    margin-bottom: 30px;
    background-color: #fafafa;
    border-radius: 0;
    box-shadow: none
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    overflow: visible;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #eee;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width 1.1s ease;
    -o-transition: width 1.1s ease;
    transition: width 1.1s ease
}
.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}
.progress-bar.active,
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}
.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
    min-width: 30px
}
.progress-bar[aria-valuenow="0"] {
    color: #777;
    min-width: 30px;
    background-color: transparent;
    background-image: none;
    box-shadow: none
}
.progress {
    overflow: initial;
    position: relative
}
.progress .progress-bar {
    position: absolute;
    z-index: 10;
    line-height: 20px
}
.progress .progressbar-back-text {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}
.progress .progressbar-front-text {
    width: 100%;
    font-size: 12px;
    line-height: 20px
}
.progress-bar span {
    color: #fff!important;
    display: block;
    font-size: 11px;
    overflow: visible;
    width: 30px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: absolute;
    right: 0;
    top: -34px;
    z-index: 9999
}
.progress-bar span,
.progress-bar-striped {
    background-color: #0b0b0b
}
#testiwrappers .item img {
    margin-bottom: 20px;
    max-width: 100px
}
#testiwrappers .item .img-thumbnail {
    box-shadow: 0;
    border-color: #f9f9f9;
    border-radius: 0
}
#testiwrappers .item p.lead {
    font-size: 16px!important;
    font-style: italic;
    margin-top: 10px
}
#testiwrappers .item h3 {
    margin-bottom: 0
}
#testimonial .owl-nav .owl-next {
    right: 0;
    position: absolute
}
#testimonial .owl-nav .owl-prev {
    left: 0;
    position: absolute
}
#testimonial .owl-controls {
    position: absolute;
    text-align: center;
    width: 100%;
    margin: -20px auto;
    top: 50%
}
#testimonial .owl-controls .owl-nav[class*=owl-] {
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 45px;
    line-height: 42px;
    padding: 0;
    text-align: center;
    width: 45px
}
#testimonial .owl-item {
    width: 100%;
    text-align: center
}
#testimonial img {
    margin: 0 auto;
    max-width: 70px
}
#testimonial h3 {
    font-size: 14px!important;
    margin: 30px 0 0;
    font-family: Dosis, sans-serif;
    color: #fff;
    text-transform: uppercase
}
#testimonial small {
    font-size: 13px;
    font-style: italic
}
#testimonial p {
    font-weight: 300;
    margin-top: 15px;
    color: #fff;
    line-height: 1.9;
    font-size: 24px
}
.animation-wrapper .tooltip-inner,
.btn-group .tooltip-inner,
.service-box .tooltip-inner,
.shop-box .tooltip-inner,
.teambox .tooltip-inner {
    width: 200px;
    padding: 20px 15px;
    font-family: Dosis, sans-serif;
    font-size: 24px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #202121!important;
    border-radius: 4px
}
.service-box .tooltip-inner {
    font-size: 18px;
    width: 300px;
    padding: 80px 15px;
    font-weight: 300
}
.btn-group .tooltip-inner,
.footer .tooltip-inner,
.header .tooltip-inner,
.parallax-text .tooltip-inner,
.shop-box .tooltip-inner,
.teambox .tooltip-inner {
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #202121!important;
    padding: 10px
}
.btn-group .tooltip-inner,
.shop-box .tooltip-inner,
.teambox .tooltip-inner {
    width: 100px;
    font-size: 12px!important;
    text-transform: uppercase;
    padding: 10px 0!important
}
.fun-icon {
    border: 1px solid #959697;
    color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px
}
.fun-facts {
    font-size: 30px;
    font-weight: 100
}
.fun-facts h3 {
    color: #fff
}
.section-w #testimonial h3,
.section-w #testimonial p,
.section-w .fun-facts,
.section-w .fun-facts h3,
.section-w .fun-icon {
    color: #0b0b0b
}
.page-builder {
    padding-bottom: 200px
}
.section-w #testimonial p {
    font-size: 16px
}
.section-w #testimonial .owl-controls .owl-nav[class*=owl-] {
    background-color: #0b0b0b;
    border-color: #0b0b0b
}
.border-radius {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}
.button-wrapper .btn {
    margin: 0 5px
}
.btn {
    border-radius: 0;
    font-family: Dosis, sans-serif;
    font-weight: 300;
    outline: 0!important;
    color: #0b0b0b
}
.btn-group-lg>.btn,
.btn-lg {
    padding: 13px 40px;
    font-size: 12px;
    line-height: 1.33
}
.btn-primary {
    background-color: #0b0b0b;
    color: #fff;
    border-color: #0b0b0b
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary,
.tp-caption.btn-primary:focus {
    color: #fff!important;
    background-color: #fafafa;
    border-color: #fafafa
}
.btn-danger,
.btn-info,
.btn-success,
.btn-warning {
    color: #fff
}
.shoptable .table>thead>tr>th {
    background: #0b0b0b;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff!important
}
.shoptable img {
    max-width: 80px;
    margin: 0 30px 0 0
}
.shoptable .table>tbody>tr>td,
.shoptable .table>tbody>tr>th,
.shoptable .table>tfoot>tr>td,
.shoptable .table>tfoot>tr>th,
.shoptable .table>thead>tr>td,
.shoptable .table>thead>tr>th {
    padding: 20px;
    color: #0b0b0b;
    font-family: Dosis, sans-serif
}
.shopform label {
    color: #0b0b0b;
    margin: 10px 0;
    font-family: Dosis, sans-serif;
    font-weight: 400
}
.shop-widget img {
    max-width: 50px
}
.shop-widget .rating i {
    font-size: 11px;
    margin: 0!important
}
.shop-widget .alignleft {
    margin: 0 20px 0 0
}
.shop-widget li {
    margin-bottom: 14px!important;
    display: inline-block;
    width: 100%
}
#shop-tab {
    margin-top: 90px
}
#shop-tab .tab-content>.tab-pane {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 20px
}
.shop-rating {
    display: inline;
    cursor: pointer;
    margin: 0 20px
}
.shop-rating i {
    color: #0b0b0b
}
.shop-rating i:hover {
    color: #999
}
.cats strong {
    font-weight: 700;
    color: #0b0b0b
}
.rating i {
    color: #0b0b0b
}
.rating span {
    padding-left: 20px
}
.shop_desc {
    font-size: 18px;
    font-style: italic;
    line-height: 1.8;
    letter-spacing: 2px
}
.btn-group .btn {
    margin-right: 10px
}
.btn-group .btn-default {
    padding: 13px
}
.shop-box {
    margin-bottom: 30px
}
.shop-single-details h3 {
    font-weight: 500;
    font-size: 28px!important
}
.shop-single-details h2 {
    margin-top: 10px
}
.shop-box .social-icons a {
    border: 1px solid #000!important;
    color: #fff!important;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    background-color: #f2f2f2;
    margin: 0!important;
    position: relative;
    width: 50px
}
.shop-box img {
    width: 100%
}
.single-shop.shop-box {
    border: 1px solid #f9f9f9
}
div.thumbnails {
    padding-top: 10px;
    zoom: 1
}
div.thumbnails span img {
    border: 1px solid #f9f9f9;
    float: left;
    width: 33.33333%!important
}
div.thumbnails .magnifier .buttons {
    top: 40%
}
@media only screen and (max-width: 768px) {
    #grid-four-col-portfolio li,
    #grid-one-col-portfolio li,
    #grid-three-col-portfolio li,
    #grid-two-col-portfolio li {
        width: 100%!important
    }
    #testimonial p,
    .general-text h1,
    .section-title .lead {
        font-size: 14px
    }
    .bx-wrapper h3 {
        font-size: 16px
    }
    .agencystyle .parallax-text h2,
    .general-text h2,
    .parallax-text h1,
    .parallax-text h2,
    .parallax-text h4,
    .section-title h3 .font-backend {
        font-size: 20px;
        line-height: 20px;
        height: 20px
    }
    .parallax-text h1,
    .parallax-text h4 {
        border: 0
    }
    .animation-wrapper,
    .footer .widget {
        margin-bottom: 30px
    }
    .cap-in h3 {
        display: block;
        font-size: 12px
    }
    .header .menu-wrapper.affix {
        position: relative
    }
    #deeplinking .details #count,
    #home .social-icons,
    #vertical-slider .btn,
    h4 .borderleft,
    h4 .borderright {
        display: none
    }
    .navbar-default .navbar-collapse {
        border: 0;
        box-shadow: none;
        padding: 0;
    }
    
    
    .navbar-toggle {
        margin-top: 19px;
        padding: 3px 10px
    }
    #home,
    .navbar-nav .dropdown-menu ul li h3 {
        margin: 0
    }
    .menu-wrapper {
        background: #0b0b0b
    }
    #multimenu.menu-wrapper,
    .agencystyle .menu-wrapper,
    .darkcolormenu .header .menu-wrapper {
        background: #fff!important
    }
    #multimenu .dropdown.normalmenu li a,
    #multimenu .navbar-nav .dropdown-menu ul li a,
    .darkcolormenu .dropdown.normalmenu li a,
    .darkcolormenu .navbar-nav .dropdown-menu ul li a {
        color: #0b0b0b!important
    }
    .navbar-nav .dropdown-menu ul li h3 {
        display: none
    }
    .navbar-nav .dropdown-menu ul {
        padding: 0
    }
    .yamm .yamm-content {
        padding: 0 20px!important
    }
    .yamm .dropdown.normalmenu .dropdown-menu {
        margin-top: 3px;
        padding: 10px
    }
    .header .social-icons {
        display: none
    }
}
@media (min-width: 768px) {
    .yamm .yamm-content {
        padding: 4px 20px!important
    }
}
@media (min-width: 991px) and (max-width: 1191px) {
    .header .social-icons {
        display: none
    }
    .navbar-nav>li>a {
        padding: 9px 15px
    }
}

/*Timeline blog
------------------------------------*/
.timeline {
	padding: 20px 0;
	list-style: none;
	position: relative;
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #ABABAB;
	left: 50%;
	margin-left: -1.5px;
}

.timeline > li {
	margin-bottom: 40px;
	position: relative;
	width: 50%;
	float: left;
	clear: left;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}

.timeline > li:after {
	clear: both;
}

.timeline > li > .timeline-panel {
	width: 94%;
	float: left;
	border: 1px solid #d4d4d4;
	/*border-radius: 2px;*/
	/*padding: 20px;*/
	position: relative;
}

.timeline > li > .timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}

.timeline > li > .timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.timeline > li > .timeline-badge {
	color: #ccc;
	width: 24px;
	height: 24px;
	line-height: 50px;
	font-size: 1.4em;
	cursor: pointer;
	text-align: center;
	position: absolute;
	top: 19px;
	right: -12px;
	z-index: 9;
	
}

.timeline > li > .timeline-badge i:hover {
	color: #72c02c;
}

.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline > li > .timeline-panel .timeline-heading {
	padding: 5px;
}

.timeline > li > .timeline-panel .timeline-heading img {
	width: 100%;
}

.timeline .timeline-body {
    padding: 25px 15px;
 
}
.timeline .timeline-body h2{
    font-size: 20px;
    margin-bottom: 5px;
}

.timeline-body .post-detail{
    margin: 5px 0px;
}


.timeline > li.timeline-inverted{
	float: right; 
	clear: right;
	margin-bottom: 40px;
}

.timeline > li:nth-child(2){
  	margin-top: 60px;
}

.timeline > li.timeline-inverted > .timeline-badge{
  	left: -12px;
}

@media (max-width: 992px) {
	.timeline > li > .timeline-panel:before {
		top: 31px;
		right: -11px;
		border-top: 11px solid transparent;
		border-left: 11px solid #ccc;
		border-bottom: 11px solid transparent;
	}

	.timeline > li > .timeline-panel:after {
		top: 32px;
		right: -10px;
		border-top: 10px solid transparent;
		border-left: 10px solid #fff;
		border-bottom: 10px solid transparent;
	}
	.timeline > li.timeline-inverted > .timeline-panel:before {
		border-right-width: 11px;
		left: -11px;
	}
	.timeline > li.timeline-inverted > .timeline-panel:after {
		border-right-width: 10px;
		left: -10px;
	}

}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li {
      margin-bottom: 20px;
      position: relative;
      width:100%;
      float: left;
      clear: left;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 70px);
        width: -moz-calc(100% - 70px);
        width: -webkit-calc(100% - 70px);
    }

    ul.timeline > li > .timeline-badge {
        left: 28px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

    ul.timeline > li > .timeline-panel:before {
    	top: 27px;
		right: -12px;
		border-top: 12px solid transparent;
		border-left: 12px solid #ccc;
		border-bottom: 12px solid transparent;
	}

	ul.timeline > li > .timeline-panel:after {
		top: 28px;
		right: -11px;
		border-top: 11px solid transparent;
		border-left: 11px solid #fff;
		border-bottom: 11px solid transparent;
	}

    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 12px;
        left: -12px;
        right: auto;
    }

    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 11px;
        left: -11px;
        right: auto;
    }
    
	.timeline > li.timeline-inverted{
		float: left; 
		clear: left;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.timeline > li.timeline-inverted > .timeline-badge{
		left: 28px;
	}
}


/* ----------------------------------------------------
  DARK COLOR SCHEMES

.captionout,
.pricing-box:hover,
.section-g .captionout,
.shop-box img,
#masonry_wrapper .item,
.slider-wrapper,
.section-w {
    background:#0b0b0b;
}

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td,
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus,
.form-control,
.panel-default > .panel-heading + .panel-collapse > .panel-body,
.accordion-heading, .panel-heading, .panel-default > .panel-heading,
.pagination > li > a, .pagination > li > span,
#multimenu.menu-wrapper.affix,
#multimenu {
    background: #292929 !important;
}

.copyrights,
.price.panel-white > .panel-body,
.panel,
.form-register,
.callout,
.pricing-box,
.pager li a, .pager li span,
.footer,
.progress,
.readmore-icon,
.section-g,
.btn-primary,
.service-icon {
    background: #292929;
}

.tagcloud a,
.panel,
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus,
.form-control,
.callout,
.panel-default,
.panel-default > .panel-heading + .panel-collapse > .panel-body,
.accordion-heading, .panel-heading, .panel-default > .panel-heading {
    border-color:#222 !important;
}

#payment label,
.box2,
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td,
#shop-tab .tab-content > .tab-pane,
.nav-tabs,
.single-shop.shop-box,
.pricing-box,
.pagination > li > a, 
.pagination > li > span,
#multimenu.menu-wrapper.affix,
#multimenu,
#page-content,
.pager li a, .pager li span,
.copyrights {
    border-color: #292929;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #292929 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
}

.totalprice li,
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td,
label,
.price.panel-white > .panel-body,
.section-w #testimonial p, 
.section-w #testimonial h3, 
.section-w .fun-facts h3, 
.section-w .fun-icon, 
.section-w .fun-facts,
blockquote,
blockquote:before,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
blockquote:after,
.check li:before,
.accordion-heading, .panel-heading, .panel-default > .panel-heading,
.pagination > li > a, .pagination > li > span,
#multimenu .navbar-default .social-icons a, 
#multimenu .navbar-default .navbar-nav > li > a,
.pager li a, .pager li span {
    color:#fff !important;
}

.pricing-heading h3,
.pricing-box,
.pricing-heading h2,
.pricing-heading p,
.pricing-heading i,
.captionout a, .captionout p,
#post-content .meta p, 
#post-content .meta a, 
#post-content .meta ,
a,
.footer p,
.footer a,
.copyrights p,
.copyrights a,
.blog-item h3, .blog-item h3 a,
.blog-item .meta a, .blog-item .meta,
.bf ul.filter li a,
.skills p,
.verticalbox:hover i,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1, h2, h3, h4, h5, h6 {
    color:#fff;
}

.section-title h3 .font-backend {
    color:#444;
}

.transparentmenu #home {
    background: rgb(0, 0, 0) transparent !important;
    background: rgba(0, 0, 0, 0.1) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.magnifier {
    background-color: rgba(11, 11, 11, 0.9);
}

#multimenu,
.header,
.menu-wrapper {
    background:#0b0b0b !important;
}

@media only screen and (max-width:768px) {
    .agencystyle .menu-wrapper {
      background: #0b0b0b !important;
    }
    .transparentmenu #home,
    #multimenu.menu-wrapper {
    background:#0b0b0b !important;
    }
    .darkcolormenu .header .menu-wrapper,
    .agencystyle .menu-wrapper {
      background: #0b0b0b !important;
    }

    .agencystyle .dropdown.normalmenu li a, 
    .agencystyle .navbar-nav .dropdown-menu ul li a,
    .darkcolormenu .dropdown.normalmenu li a, 
    .darkcolormenu .navbar-nav .dropdown-menu ul li a,
    #multimenu .dropdown.normalmenu li a, 
    #multimenu .navbar-nav .dropdown-menu ul li a {
      color:#fff !important;
    }
}

------------------------------------------------------- */

.error_message { display: block; height: 53px; line-height: 45px; background: #FBE3E4 url('images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('images/success.gif') left no-repeat; padding-left:22px; }

.bt_loadmore{
    background-color: black;
    border: none;
    color: white;
    font-size: 18px;
    margin-top: 3px;
}