/*
 * SPIRITED - One page reponsive template
 *
 * Copyright (c) 2013 F²
 * 
 * Main stylesheet
 *
 * Default color: BLACK -> #000
 * -----> SUMMARY <-----
 *  1. MAIN
 *  2. HEADER
 *  3. HOME SECTION
 *  4. ABOUT SECTION
 *  5. SERVICE SECTION
 *  6. PORTFOLIO SECTION
 *  7. CONTACT SECTION
 *  8. FOOTER
 *  9. ISOTOPE FILTERING
 *  10. PRETTYPHOTO
 *  11. SLIDER
 */
/*******************************************
********************************************
1.  MAIN
********************************************
********************************************/
body {
    color: #313131;
  background: #FFF;
    font-family: 'Lato',  arial, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0; }
html { font-size: 100%; }
::selection{background: #000 ;color: #FFF; }
a:hover, a { color: #000 ; }
blockquote { margin-top: 8px; }
strong { font-weight: 600; }
h1{ font-size: 48px; letter-spacing: -2px; line-height: 56px;}
h2{ color: #B0B0B0;}
h3{font-weight: normal;font-style: italic;}
/* Additional classes here*/
.well { overflow: hidden; }
.center { text-align: center; }
.bg_black { background-color: #313131 ; }
.colored { color: #000 ; }
.bg_colored { background-color: #000 ; }
/* All the text elements on ".bg_colored" are only readable in a white color */
.bg_colored a, .bg_colored span, .bg_colored h1,.bg_colored h2,.bg_colored h3, .bg_colored h4,.bg_colored h5,.bg_colored h6,.bg_colored p,
.bg_colored blockquote,.bg_colored pre, .bg_colored a,.bg_colored abbr,.bg_colored acronym,.bg_colored address,.bg_colored big,
.bg_colored cite,.bg_colored code,.bg_colored del,.bg_colored dfn,.bg_colored em{ color: #FFF; }
.justify { text-align: justify; }
.m1 { margin-top: 24px; }
.m2 { margin-top: 48px; }
.dropcap{
    background: #000 ;
    border-radius: 2px;
    color: #FFF;
    display: inline-block;
    float: left;
    font-size: 20px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    margin: 0 7px 0 0;
    text-align: center;
    width: 36px; }
.thumbnail{padding: 0;border: 0;border-radius: 2px;}
/* Delete the black in the color and set a gray, just for the design*/
.icon_grey { opacity: 0.7; }
/*For the tooltip javascript effect on the social icons for example */
a[rel=tooltip], a:hover[rel=tooltip] { color: #313131; }
/**BUTTON**/
.button{
    background: #000 ;
    color: #FFF;
    margin-top: 6px;
    border-radius: 2px;
    display: inline-block;
    padding: 6px 14px;
    font-size: 13px;
    font-family:  'Lato', arial, sans-serif;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 1px;}
.button:hover{
    background: #FFF;
    color: #000 ;
    text-decoration: none;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s; }
.button_large{padding: 12px 28px;}
.button_small{padding: 3px 7px;}
button.button{border: none;}
.page_section header{color: #FFF; height: 200px; width: 100%;}
.content_section{padding: 40px 0;}
/*Large white band*/
.layer_up{height: 40px; background: url('../images/layer_up.png') no-repeat bottom center; position: relative; z-index: 20;}
.layer_down{ 
    height: 50px;
    background: url('../images/layer_down.png') no-repeat bottom center;
    position: absolute;
    bottom: 0;
    z-index: 900;
    width: 100%;}
/*******************************************
********************************************
2.  HEADER
********************************************
********************************************/
#wrapper_top{position: fixed;width: 100%;z-index: 999;top: 0;}
#wrapper_top header{height: 60px; padding: 20px 0;background-color: #FFF;}
#wrapper_top #logo a h1{font-weight: 800;letter-spacing: -2px; }
#wrapper_top #logo a:hover{
    text-decoration: none; 
    opacity: .8;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -ms-transition-duration: .2s;
    transition-duration: .2s; }
/*Menu*/
#wrapper_top .navmenu{  margin-top: 20px; }
#wrapper_top nav select { display: none; } /*Which is displayed in the phone screen*/
#wrapper_top .navmenu ul li { display: inline-block; }
#wrapper_top .navmenu ul li a{ color: #313131;font-size: 15px;padding: 20px;}
#wrapper_top .navmenu ul li a:hover, #wrapper_top .navmenu ul li.active a{
    padding: 22px 20px;
    text-decoration: none;
    color: #FFF;
    background-color: #000 ;
    border-radius: 2px;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -ms-transition-duration: .2s;
    transition-duration: .2s; }
#wrapper_top.navmenu li{
    list-style: none;
    float: left;
    margin: 0;
    position: relative;
    margin-right: 28px;}
/*******************************************
********************************************
3.  HOME SECTION
********************************************
********************************************/
#home{
    margin-top: 100px; 
    padding-bottom: 60px;
    position: relative;  
    background: url('../images/yours/Frankfurt_small.jpg') no-repeat center fixed; 
    background-size: cover;
    color: #FFF;}
#home header{height: 300px; width: 100%; overflow: hidden;position: relative;}
#home header div.container{z-index:900; position: relative;}
#home header div.container h1{font-size: 85px; letter-spacing: -2px;margin-top:140px; text-transform: uppercase; text-align: center; }
#home div.content_section{ padding-top: 0;}
#home a.button{ 
    background: #FFF; 
    color: #000; 
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);}
#home a.button:hover{ background: transparent; color: #FFF;}

/*SET THE ARROW POSITION*/
#home header img.layer_home{position: absolute;top: 160px;right: 180px;}
/*HOME TEXT SLIDER*/
#home .royalSlider{
    width: 100%;
    height: 130px;
    position: relative;
    display: block;
    direction: ltr;
}
#home .royalSlider h3{font-size: 32px; text-shadow: 0px 0px 3px rgba(0, 0, 0, .4); }
#home .home_slider_info{ width: 170px; height: 100px; position: absolute;}
/*******************************************
********************************************
4.  ABOUT SECTION
********************************************
********************************************/
#about{position: relative;}
#about header{height: 300px; width: 100%;position: relative; overflow: hidden;}
#about header div.container{z-index:900; position: relative;}
#about header div.container h1{font-size: 85px; letter-spacing: -2px;margin-top: 100px; text-transform: uppercase; text-align: center;}
/*SET THE ARROW POSITION*/
#about header img.layer_about{position: absolute;top: 125px;right: 160px;}

#about .content_section h2:first-child{margin-top: 0;}
#about ul.skill_list li{list-style-image: url('../images/list_check.png'); color: #000; font-size: 16px; font-style: italic;}
/*PROFILE SLIDER*/
#about .royalSlider{
    width: 100%;
    height: 350px;
    margin: 0;
    position: relative;
    display: block;
    direction: ltr;
}
#about .rsSlide li img{margin: 0; padding: 0; width: 100%;}
/*TIMELINE*/
#about #timeline{width: 100%; position: relative;}
#about #timeline .timeline_time{ position: absolute; left: 50%; top: 10px; width: 4px; height: 380px; border-radius: 2px; background-color: #B0B0B0; z-index: 100;}
#about #timeline .timeline_floor:first-child{ margin-top: 0px;}
#about #timeline .timeline_floor{ margin-top: 42px; position: relative; height: 40px;}
#about #timeline span.timeline_date{font-style: italic; text-transform: uppercase; font-size: 12px; padding: 6px 0px; display: inline-block;}
#about #timeline span.timeline_content{color: #FFF; background-color: #000; padding: 6px 14px; display: inline-block; border-radius: 2px;}
#about #timeline span.timeline_left{ position: absolute; right: 54%;}
#about #timeline span.timeline_right{ position: absolute; left: 54%;}
#about #timeline span.timeline_center{padding: 10px 18px;}
#about #timeline .timeline_begin span.timeline_content, #about #timeline .timeline_floor:hover span.timeline_content{
    padding: 10px; 
    background: transparent; 
    color: #000;
    font-style: italic;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s; }
#about #timeline .timeline_begin span.timeline_date, #about #timeline .timeline_floor:hover span.timeline_date{ 
    padding: 10px;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s;}
#about #timeline .timeline_begin .timeline_point, #about #timeline .timeline_floor:hover .timeline_point{
    width: 18px; 
    height: 18px;
    left: 48%; 
    background-color: #000; 
    top: 8px;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s;}
#about #timeline .timeline_point{ width: 12px; height: 12px; background-color: #B0B0B0; border-radius: 50%; position: absolute; left: 48.6%; top: 5px; z-index: 200; border: 4px solid #FFF;}
/*******************************************
********************************************
5.  SERVICES SECTION
********************************************
********************************************/
#services{position: relative;}
#services header{height: 300px; width: 100%;position: relative; overflow: hidden; background: url('../images/yours/DragonPlaneFinal_small.jpg') no-repeat center fixed; background-size: cover;}
#services header div.container{z-index:900; position: relative;}
#services header div.container h1{font-size: 85px; letter-spacing: -2px;margin-top: 100px; text-transform: uppercase; text-align: center;}
/*SET THE ARROW POSITION*/
#services header img.layer_services{position: absolute;top: 120px;right: 100px;}
/*THE SERVICES*/
#services .content_section{padding-top: 70px;}
#services .content_section .span3 img{float: left; margin: 20px 20px 110px 0px;}
#services .content_section .span3 img.section_layer{background: #000;}
/*THE SERVICES WITH BACKGROUND IMAGE*/
#services .services_bg{
    height: auto; 
    width: 100%;
    position: relative;
    overflow: hidden; 
    background: url('../images/yours/Frankfurt_small.jpg') no-repeat center fixed;
    background-size: cover;}
#services .services_bg .content_section {padding: 16px 0; }
#services .content_section .services_with_background{color: #FFF; text-shadow: 0px 0px 3px rgba(0, 0, 0, .6);}
#services .content_section .services_with_background .span3 img{float: left; margin: 20px 20px 160px 0px;}
#services .content_section .services_with_background .span3 h2{color: #FFF; text-shadow: 0px 0px 3px rgba(0, 0, 0, .2);}
/*STEPS*/
#services .steps_container{padding-top: 35px;}
#steps{margin-left: auto; margin-right: auto; width: 860px; position: relative;}
#steps .step{width: 140px; float: left;}
#steps .step_breaker{height: 20px; width: 100px; float: left; background-color: #B0B0B0; position: relative; z-index: 1; margin-top: 75px; border-radius: 2px;}
#steps .step img{padding: 20px; border-radius: 2px; display: inline-block; background-color: #000; position: relative; z-index: 100}
#steps .step p{color: #727272;}
#steps .steps_layer{width: 170px; height: 100px;position: absolute;top: 50px; right: -140px;}
/*******************************************
********************************************
6.  PORTFOLIO SECTION
********************************************
********************************************/
#portfolio header{height: 300px; width: 100%;  position: relative; overflow: hidden; background: url('../images/yours/DecoyBaron.jpg') no-repeat center fixed; background-size: cover;}
#portfolio header div.container{z-index:900; position: relative;}
#portfolio header div.container h1{font-size: 85px; letter-spacing: -2px;margin-top: 100px; text-transform: uppercase; text-align: center;}
/*SET THE ARROW POSITION*/
#portfolio header img.layer_portfolio{position: absolute;top: 120px;right: 160px;}
/*PORTFOLIO FILTERS*/
#portfolio .portfolio_filters ul{ text-align: center; margin: 18px 0 0px 0;}
#portfolio .portfolio_filters ul li {display: inline-block;}
#portfolio .portfolio_filters ul li a{margin-left: 10px;}
/*PORTFOLIO GRID + ITEM*/
#portfolio #portfolio_container{width: 100%; height: 100%;}
#portfolio div.isotope_item{width: 24.9%; float: left; overflow: hidden; height: auto; position: relative; cursor: default; text-align: center; margin: 0 !important; padding: 0!important}
#portfolio div.isotope_item img{position: relative; display: block;}
#portfolio div.isotope_item .portfolio_mask{ 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    overflow: hidden;
     top: 0;  
     left: 0; 
     background: #000;
      opacity: 0;}
#portfolio div.isotope_item .portfolio_mask:hover{ 
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s;
    opacity: .9;}
#portfolio div.isotope_item .portfolio_mask a.portfolio_info{
    height: 75px; 
    width: 75px; 
    display: inline-block; 
    margin-top: 42%;
    background: url('../images/portfolio_info.png');}
#portfolio div.isotope_item .portfolio_mask a.portfolio_link{
    height: 75px; 
    width: 75px; 
    margin-left: 4px;
    display: inline-block; 
    background: url('../images/portfolio_link.png');}
/*******************************************
********************************************
7.  CONTACT SECTION
********************************************
********************************************/
#contact{position: relative;}
#contact header{ margin-top: 40px; height: 300px; position: relative;}
#contact header div.container{z-index:900; position: relative;}
#contact header div.container h1{font-size: 85px; letter-spacing: -2px;margin-top: 100px; text-transform: uppercase; text-align: center;}
#contact .content_section{ padding: 40px 0 0 0;}
/*SET THE ARROW POSITION*/
#contact header img.layer_contact{position: absolute;top: 120px;right: 180px;}
/*THE MAP*/
#contact #GoogleMaps {width: 100%; height: 500px;}
#contact #GoogleMaps img { max-width: none; }
/*THE FORM*/
#contact .content_section{position: relative;}
#contact #contact_content{
      position: absolute;
      height: 300px; 
      width: 250px; 
      padding: 30px 20px;
      border-radius: 2px;
      top: 130px;
      left: 100px;
      background:  url('../images/contact_corner.png') no-repeat top right #000; 
      color: #FFF; }
#contact #contact_content img{padding-bottom: 16px;}
#contact .contact_information{font-style: italic; line-height: 26px; }
#contact #contact_form{
      position: absolute;
      height: 300px; 
      width: 400px; 
      padding: 30px 20px;
      border-radius: 2px;
      top: 130px;
      right: 100px;
      background: #FFF;}
#contact .form-horizontal .control-label{width: 60px; color: #000; font-style: italic; font-weight: bold;}
#contact .form-horizontal .controls{margin-left: 80px;}
#contact textarea, #contact input[type="text"]  {
    border-color: #c2c2c2;
    width: 282px;
    background-color: #DEDEDE;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0; }
/*******************************************
********************************************
8.  FOOTER
********************************************
********************************************/
/* THE FOOTER LINKS */
#footer_links{ padding: 10px 10px 4px 10px; background: #FFF; border-radius: 2px; position: fixed; bottom: 20px; right: 30px; z-index: 1000;}
#footer_links #show_footer{height: 45px; width: 45px; display: inline-block;  background: url('../images/links_footer_show.png') bottom;}
#footer_links .show_footer_down{background: url('../images/links_footer_show_down.png') bottom !important;}
#footer_links #scroll{height: 45px; width: 45px;display: inline-block;  background: url('../images/links_footer_scroll.png') bottom; margin-left: 10px;}
#footer_links #show_footer:hover,#footer_links #scroll:hover, #footer_links .show_footer_down{
    background-position: top;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    -ms-transition-duration: .2s;
}
#wrapper_down_area{background-color: #313131;  color: #B0B0B0; display: none; position: fixed; bottom: 0; z-index: 999; width: 100%;}
#wrapper_down_area a{ color: #FFF;}
/* THE TWITTER */
#wrapper_down_area ul.tweet_list li{
    line-height: 25px; 
    margin-top: 25px; 
    list-style-type: none;
    padding-left: 40px;
    background: url('../images/twitter.png') no-repeat left top;}
/* THE footer */
#wrapper_down_area footer{ font-size: 16px; }
/* THE Social Icons */
#wrapper_down_area div.social_icons{padding-bottom: 120px; background: url('../images/arrow_footer.png') no-repeat center bottom;}
a.a_social_icon{
    margin-right: 8px;
    background-image: url('../images/social_sprite.png');
    width: 45px;
    height: 45px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    display: inline-block;}
a.facebook{ background-position: 0px 0px; }
a.twitter{ background-position: 540px 0px; }
a.google{ background-position: 495px 0px; }
a.linkedin{ background-position: 450px 0px; }
a.dribble{ background-position: 405px 0px; }
a.pinterest{ background-position: 360px 0px; }
a.rss{ background-position: 315px 0px; }
a.wordpress{ background-position: 270px 0px; }
a.vimeo{ background-position: 225px 0px; }
a.youtube{ background-position: 180px 0px; }
a.flickr{ background-position: 135px 0px; }
a.tumbler{ background-position: 90px 0px; }
a.myspace{ background-position: 45px 0px; }
a:hover.a_social_icon{
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    transition-duration: .3s; }
a.facebook:hover{ background-position: 0px 45px; }
a.twitter:hover{ background-position: 540px 45px; }
a.google:hover{ background-position: 495px 45px; }
a.linkedin:hover{ background-position: 450px 45px; }
a.dribble:hover{ background-position: 405px 45px; }
a.pinterest:hover{ background-position: 360px 45px; }
a.rss:hover{ background-position: 315px 45px; }
a.wordpress:hover{ background-position: 270px 45px; }
a.vimeo:hover{ background-position: 225px 45px; }
a.youtube:hover{ background-position: 180px 45px; }
a.flickr:hover{ background-position: 135px 45px; }
a.tumbler:hover{ background-position: 90px 45px; }
a.myspace:hover{ background-position: 45px 45px; }
/*******************************************
********************************************
9.  ISOTOPE FILTERING
********************************************
********************************************/
.isotope-item { z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.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: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s; }
/**** Isotope filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }
/*******************************************
********************************************
10.  PRETTYPHOTO
********************************************
********************************************/
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}  

/*******************************************
********************************************
11.  SLIDER
********************************************
********************************************/
.rsOverflow { width: 100%;  height: 100%;  position: relative;  overflow: hidden;  float: left;  -webkit-tap-highlight-color:rgba(0,0,0,0);}
.rsContainer {  position: relative;  width: 100%;  height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.rsArrow,.rsNav,.rsThumbsArrow {  opacity: 1;  -webkit-transition:opacity 0.3s linear;  -moz-transition:opacity 0.3s linear;  -o-transition:opacity 0.3s linear;  transition:opacity 0.3s linear;}
.royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important;  -webkit-transition: 0s;  -moz-transition: 0s; -o-transition:  0s; transition:  0s; display: none;}
.rsSlide {  position: absolute;  left: 0;  top: 0;  display: block;  overflow: hidden;    height: 100%;  width: 100%;}
.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide { height: auto;}
.rsContent {  width: 100%;  height: 100%; position: relative;}
.rsPreloader {position:absolute;z-index: 0;}
.rsNav {-moz-user-select: -moz-none;-webkit-user-select: none;user-select: none;}
.rsNavItem {-webkit-tap-highlight-color:rgba(0,0,0,0.25);}
.rsThumbs {cursor: pointer;  position: relative;  overflow: hidden;  float: left;  z-index: 22;}
.rsTabs {float: left;}
.rsTabs,.rsThumbs {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);}
.rsABlock { left: 0;  top: 0;  position: absolute;  z-index: 15;  -webkit-backface-visibility: hidden;}
.grab-cursor {cursor:url('../images/grab.png') 8 8, move; }
.grabbing-cursor{ cursor:url('../images/grabbing.png') 8 8, move;}
.rsNoDrag {cursor: auto;}
.rsDefaultInv .rsArrow {  height: 100%; width: 44px;  position: absolute;  display: block; cursor: pointer;  z-index: 21;}
.rsDefaultInv.rsVer .rsArrow {width: 100%; height: 44px;}
.rsDefaultInv.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefaultInv.rsVer .rsArrowRight { bottom: 0;  left: 0; }
.rsDefaultInv.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefaultInv.rsHor .rsArrowRight { right: 0; top:0; }
.rsDefaultInv .rsArrowIcn {   width: 32px;  height: 32px; top: 50%;  left: 50%; margin-top:-16px; margin-left: -16px; position: absolute;  cursor: pointer;   background: url('../images/rs-default-inverted.png'); background-color: #FFF;  border-radius: 2px;}
.rsDefaultInv .rsArrowIcn:hover {  background-color: rgba(255,255,255,0.75);}
.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }
.rsDefaultInv.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefaultInv.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }
.rsDefaultInv .rsArrowDisabled .rsArrowIcn { background-color: #eee; opacity: .3; *display: none; }