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

  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(http://fonts.googleapis.com/css?family=Dosis:400,500,300,200,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic,900,900italic,100,100italic);
@import url(css/font-awesome.css);

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

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}

.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}

.navbar-nav{margin:15px 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}

.social-icons a{border:1px solid #959697;color:#fff;width:40px;height:40px;outline:0;line-height:38px;display:inline-block;text-align:center;margin-left: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:30px}

#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:15px;color:#0b0b0b;font-weight:400;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:60px;line-height:60px;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:120px;line-height:120px;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:#f1f1f1;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;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:200px}

.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:#fafafa;top:0;position:absolute;left:10px;width:45px;height:40px;color:#0b0b0b;text-align:center;line-height:40px }

.captionout .bubble{bottom:30px;background-color:#0b0b0b;color:#fff}

.bf ul.filter,ul.filter2,.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}

ul.filter2 { list-style: outside none none; margin: 0 0 30px; padding: 0; text-align: center;}

.filter2 li{list-style:none;display:inline-block; margin:5px 0;}

ul.filter2 li a{border-radius:0;outline:0;font-family:Dosis,sans-serif;font-weight:300;padding:8px 30px!important;text-transform:uppercase;border:0!important;background:0 0!important;color:#0b0b0b;}

ul.filter2 li 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:0px!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:35px;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:15px 15px;font-size:12px;line-height:1.33; margin-right:10px; min-width:132px;}
.btn-sl{padding:15px 15px;font-size:12px;line-height:1.33; margin-right:10px; min-width:132px;}

.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:#0b0b0b!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%}

.rlogo{width:175px;}

@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}

.rlogo{width:165px;}

.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-size:20px;line-height:20px;height:20px}
.section-title h3 .font-backend{font-size:100px;}

.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}

}






/* ----------------------------------------------------
  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: #F1F1F1; padding: 3px 10px 3px 35px; margin: 10px 0; color:#000; -moz-border-radius: 5px; -webkit-border-radius:5px; }

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

form label.error, label.error {color:red;font-style: italic; font-family:inherit; font-weight: 400!important;}
div.error { display: none; }





/*----------------------------MODIFICACIONES--------------------------- */




.bgbt
{
	background-color:#000;
	opacity: 0.75;
    filter: alpha(opacity=75);
	padding: 10px 10px;

}

.bgwt
{
	background-color:#FFF;
	opacity: 0.75;
    filter: alpha(opacity=75);
	padding: 5px 10px;
	color:#000;
}

 .spimg
 {	

	width:100%;
	height:100%;
	background-position: center center;
	background-repeat:no-repeat;
	
 }
 
 .spimgbox{
	height:100%;
	position:absolute;
	z-index:0;
 }
 
 .aboutimg{background-image:url(images/me.png);}
 .academicimg{background-image:url(images/academic.png);}
 .profesionalimg{background-image:url(images/profesional.png);}
 
 



 @media only screen and (max-width:991px){

	.aboutimg{background-image:url(images/me.jpg);}
	.academicimg{background-image:url(images/academic.jpg);}
	.profesionalimg{background-image:url(images/profesional.jpg);}
  
  .spimgbox{
	height:100%;
	width:30%;
	position:absolute;
	z-index:0;
	}
}



 @media only screen and (max-width:768px){

	.btn-sl {
    font-size: 12px;
    line-height: 1.33;
    margin-right: 10px;
    min-width: 90px;
    padding: 5px;
	}
	.footer{
	text-align:center;
	
	}
  .spimgbox{
	height:85%;
	width:100%;
	position:absolute;
	z-index:0;
	opacity: 0.25;
    filter: alpha(opacity=25);
	top:25px;

 }
 
  .spimg
 {	
	width:100%;
	height:25%;
	background-position: center -75px;
	background-repeat:no-repeat;
	background-size:cover;
	
 }
 

 
 }
  @media only screen and (max-width:485px){


  .spimgbox{
	height:75%;

 }
 
  .spimg
 {	

	background-position: center top;
	
 }
 
 } 
  @media only screen and (max-width:380px){
	.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:160px}
	}
 @media only screen and (max-width:320px){


  .spimgbox{
	height:60%;

 }
 

 
 }