/* @override http://ftp.forlife.nazwa.pl/mycarmydata/wp-content/themes/shalashaska/style.css?ver=4.4.2 */

/* @override http://ftp.forlife.nazwa.pl/mycarmydata/wp-content/themes/shalashaska/style.css?ver=4.4.2 */

/* @override http://ftp.forlife.nazwa.pl/mycarmydata/wp-content/themes/shalashaska/style.css?ver=4.4.2 */

/* @override http://ftp.forlife.nazwa.pl/mycarmydata/wp-content/themes/shalashaska/style.css?ver=4.4.2 */

@charset "UTF-8";
/*
Theme Name: Shalashaska
Description: A wordpress theme containing Bootstrap 3 SASS version</a>.
Author: Olivier Berisha
Author URI: http://fakemustache.be/
Version: 1.0
Tags: responsive, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/
*/

/* Do not under any circumstances believe the hype */

@font-face {
  font-family: 'FuturaStd-Heavy';
  src: url('assets/fonts/FuturaStd-Heavy.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/FuturaStd-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/FuturaStd-Heavy.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/FuturaStd-Heavy.woff') format('woff'), /* Pretty Modern Browsers */
       url('assets/fonts/FuturaStd-Heavy.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/FuturaStd-Heavy.svg#FuturaStd-Heavy') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'FuturaStd-Medium';
  src: url('assets/fonts/FuturaStd-Medium.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/FuturaStd-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/FuturaStd-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/FuturaStd-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('assets/fonts/FuturaStd-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/FuturaStd-Medium.svg#FuturaStd-Medium') format('svg'); /* Legacy iOS */
}

/*------------------------------------*\
    Common
\*------------------------------------*/

body                              { font-family: 'FuturaStd-Medium'; font-size: 16px;}
p,
.modal-body ul li,
.modal-body ol li                 { color: #666; font-size: 1.125em;}
.callto                           { text-align: center;}
h2                                { font-family: 'FuturaStd-Heavy'; color: #0077ae; font-size: 3.000em; margin-bottom: 50px;}
.quote                            { position: relative; padding: 50px 125px; background: #0077ae; color: #fff; font-size: 2.2em; text-align: center;}
#roadhouse                        { position: relative; padding: 80px 125px; background: #0077ae; color: #fff; font-size: 1.125em;
	height: 1000px;
}
.quote::before                    { position: absolute; left: 40px; top: 35px; content: url('assets/images/bg-quote-left.png');}
.quote::after                     { position: absolute; right: 40px; top: 35px; content: url('assets/images/bg-quote-right.png');} 
.quote a,
#roadhouse a                      { color: #fff; text-decoration: underline; }
#roadhouse p                      { color: #fff;}

#roadhouse img                      { color: #fff;
	width: 100%;
	padding-top: 106px;
}

#parallax > a                     { cursor: pointer; position: absolute; z-index: 996; display: block; height: 100%; width: 100%; background:url('assets/images/learn-more-btn.png') center center no-repeat ;}
#parallax > a:focus               { outline: none;}


.quote span,
#roadhouse span                   { margin-top: 30px; display: block; font-size: 25px;}
#roadhouse h2                     { color: #fff; margin-bottom: 30px;}

.button,
.form_yawpp input[type=submit]    { position: relative; padding: 15px; font-family: 'FuturaStd-Heavy'; font-size: 1em; margin: 0 auto; border-radius: 4px; background: #0077ae; color: #fff; border: none;}
.button.icon                      { padding: 15px 15px 15px 45px;}
.button .fa                       { position: absolute; left: 15px; top: 13px; font-size: 1.5em; margin-right: 5px;}

a.selected                        { text-decoration: underline;}


section.head                      { position: relative; background:url('assets/images/mark.png') #8fc8be center bottom no-repeat;/* height: 100vh;*/}
.navbar                           { margin-bottom: 0;
	margin-top: 0;
}
.navbar-brand                     { height: auto; margin-right: 5px;
	padding-right: 0;
	margin-left: 0;
	padding-left: 3px;
	margin-top: 0;
	padding-top: 0;
}
.navbar-brand img                 { width: 95%;}

.secondnav                        {}

.navbar-default                   { 
                                    background: #fff;
                                    min-height: 100px;
                                    border: none; 
                                    -webkit-transition: all 0.3s;
                                    -moz-transition: all 0.3s;
                                    -ms-transition: all 0.3s;
                                    -o-transition: all 0.3s;
                                    transition: all 0.3s;
}
.navbar-default .navbar-nav>li>a  { font-size: 1.0em; 
                                    color: #0079ad; 
                                    line-height: 115px;
                                    padding: 0; 
                                    margin:0 20px 0 0;
                                    -webkit-transition: line-height 0.3s;
                                    -moz-transition: line-height 0.3s;
                                    -ms-transition: line-height 0.3s;
                                    -o-transition: line-height 0.3s;
                                    transition: line-height 0.3s;
                                  }


.navbar-right                     { margin-right: auto;}

.navbar-right .button              { margin-top: 30px; 
                                    -webkit-transition: margin-top 0.3s;
                                    -moz-transition: margin-top 0.3s;
                                    -ms-transition: margin-top 0.3s;
                                    -o-transition: margin-top 0.3s;
                                    transition: margin-top 0.3s;
                                  }


/* Smaller header on scroll styles */
.smaller                          { min-height: 75px; border-bottom: 1px solid #9e0e8e; -webkit-box-shadow: 0 -2px 4px 1px #000; box-shadow: 0 -2px 4px 1px #000;}
.smaller .secondnav               { margin: 0;}
.smaller .navbar-nav>li>a         { line-height: 75px; }
.smaller .navbar-right .button    { margin-top: 10px;}
.smaller .navbar-brand            { padding-top: 0;}

/* Logo replacement on resize */
.smaller .navbar-brand img {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url('assets/images/logo-small.png') no-repeat;
  width: 99px; /* Width of new image */
  height: 75px; /* Height of new image */
  padding-left: 99px; /* Equal to width of new image */
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -ms-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

/* Modals */
.modal-title { color:#0079ad; font-size: 2em;}

/*------------------------------------*\
    Header inforgraphic + video link
\*------------------------------------*/

.field_yawpp {
  margin-bottom: 30px;
}

.field_yawpp label {

  display:block;
  float:none;
  width:100%;
}

.field_yawpp input {
  float: none;
  margin-left: 0px;
  width: 100%;
}

.form_yawpp fieldset {
  padding: 0px;
  padding-left: 0px;
}

.okmessage_yawpp {
  padding: 10px;
  border-radius: 5px;
  background-color: #48860b;
  border: 1px solid #3A6F2D;
  color: #fff;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 30px;
}

.errormessage_yawpp {
  padding: 10px;
  border-radius: 5px;
  background-color: #BF6565;
  border: 1px solid #A40909;
  margin-left: 0;
  margin-right: 0;
  color: #fff;
  margin-bottom: 30px;
}


/*------------------------------------*\
    Header inforgraphic + video link
\*------------------------------------*/

header                           { overflow: hidden;}
.ground                          { position: absolute; bottom: 0; height: 158px; background: #868c8e; width: 100%;}
.parallax-viewport               { position: relative; overflow: hidden;} 
#parallax                        { background: url('assets/images/bg-road.jpg') #8fc8be center bottom no-repeat; position: relative;/* overflow: hidden;*/ width: 100%; height: 1050px; margin-top: 115px;}
#parallax .parallax-layer        { position: absolute;}
#parallax .sun                   { width: 1680px; height: 1050px;}
#parallax .baloon                {}
#parallax .houses                { width: 1350px; height: 1050px;}

.carousel-control                { height: 784px; margin-top: 115px; width: 5%; z-index: 997;}

/*------------------------------------*\
    Infographic 2
\*------------------------------------*/

@keyframes animatedPosition {
  from { right: -323px; }
  to { right: 100%; }
}

@keyframes animatedPositionb {
  from { right: -133px; }
  to { right: 100%; }
}

@keyframes animatedPositionc {
  from { left: -140px; }
  to { left: 100%; }
}

@keyframes animatedBackground {
  from { background-position: 0 0; }
  to { background-position: 100% 0; }
}

@keyframes bluePulse {
 from { background-color: #0077ae; }
  50% { background-color: #19b6ff;  }
  to { background-color: #0077ae;}
}

.illu           { background: url('assets/images/bg-road-2.png') #8fc8be center bottom no-repeat; margin-top: 115px;}
.illu h2        { position: relative; z-index: 1029; margin-top: 80px; color: #fff;}


.illu h2 + ul              { position: relative; z-index: 1029; clear: left; list-style: none; margin: 0;}
.illu h2 + ul + a          { position: relative; z-index: 1029; margin-top: 20px;}
.illu h2 + ul li a         { position: relative; color: #fff; font-size: 34px; line-height: 48px; cursor: pointer;}
.illu h2 + ul li a:before  { 
  cursor: pointer; 
  position: absolute;
  top: -8px;
  left: -10px;
  font-family: 'FontAwesome';
  font-size: 17px;
  content: '\f138';
  margin:0 5px 0 -15px;
  color: #fff;
}

#trees {
  animation: animatedPosition 2s linear infinite;
  width: 323px;
  height: 342px;
  background: url('assets/images/bg-trees.png') center no-repeat;
  position: absolute;
  bottom: 150px;
  right: -323px;
}

#lines {
  position: absolute;
  bottom: 15px;
  width: 1920px;
  height: 13px;
  background: url('assets/images/lines2.png');
  background-position: 0px 0px;
  background-repeat: repeat-x;
  animation: animatedBackground 40s linear infinite;
}

#car {
  height: 743px;
  background: url('assets/images/big-car.png') no-repeat;
}

#birds {
  position: absolute;
  z-index: 1028;
  top: 80px;
  right: -133px;
  width: 133px;
  height: 65px;
  background: url('assets/images/bg-birds.png');
  animation: animatedPositionb 60s linear infinite;
}

.info-point {
  position: absolute;
}
.point_1 {}



.tooltip-content::after {
  position: absolute; top: -44px; left: 44%;
  width: 55px;
  height: 55px;
  z-index: 1049;
} 

.point_1 .tooltip-content::after {
  content: url('assets/images/ico_wheel.png');
}

.point_2 .tooltip-content::after {
  content: url('assets/images/ico_pin.png');
} 

.point_3 .tooltip-content::after {
  content: url('assets/images/ico_book.png');
} 

.point_4 .tooltip-content::after {
  content: url('assets/images/ico_bus.png');
} 

.point_5 .tooltip-content::after {
  content: url('assets/images/ico_therm.png');
} 




#outer-circle {
  /*background: #fff;
  border-radius: 50%;*/
  height: 40px;
  width: 40px;
  position: absolute;
    top: 202px;
  left: 414px;
}
}
#inner-circle {
  position: absolute;
  /*background: #0077ae;
  border-radius: 50%;*/
  height: 16px;
  width: 16px;
  top: 50%;
  left: 50%;
  margin: -8px 0px 0px -8px;
 /* -webkit-animation-name: bluePulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;*/
}
/* Tooltip */

#inner-circle:hover .tooltip-item {
  color: #fff;
  -webkit-transform: translate3d(0, -0.5em, 0);
  transform: translate3d(0, -0.5em, 0);
}
.tooltip-content {
  color: #666;
  display: none;
  position: absolute;
  z-index: 99;
  width: 400px;
  left: 54px;
  top: -31px;
  text-align: left;
  background: #fff;
  line-height: 1.5;
  padding: 1.5em;
  cursor: default;
  pointer-events: none;
  border-radius: 5px;
}

.tooltip-content::before {
  text-align: center;
  width: 400px;
  height: 57px;
  /*background: red;*/
  content:url('assets/images/bg-cloud.png');
  position:absolute; /*or absolute*/
  left:0px;
  top:-50px;
}



.triangle-left {
  position: absolute;
  top: 20px;
  left: -20px;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-right: 30px solid #fff;
  border-bottom: 20px solid transparent;
}

.triangle-right {
  position: absolute;
  top: 20px;
  right: -20px;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-left: 30px solid #fff;
  border-bottom: 20px solid transparent;
}

/*.point_4 .tooltip-content,
.point_5 .tooltip-content {

  right: 54px;
  left: auto;
  top: -31px;
}*/

.tooltip-content h3 { color: #0077ae; margin-top: 0;}
.tooltip-content ul { padding-left: 20px;}
.tooltip-content ul li  { color: #666;}

.tooltip-content a {
  color: #32434f;
}

.tooltip-content span           {  position:relative; color: #fff; background: #b33a3a; margin: 0 -1.5em -1.5em -1.5em; border-radius: 0 0 5px 5px; padding: 15px 30px 15px 50px; display: block;}
.tooltip-content span::before   { position: absolute; left: 30px; top: 13px; width: 6px; height: 20px; content: url('assets/images/threat-icon.png');}


#inner-circle:hover .tooltip-content,
.clicked {
  display: block;
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/*------------------------------------*\
    Infographic 3
\*------------------------------------*/

@keyframes animatedPositionc {
  from { left: -262px; }
  to { left: 100%; }
}


.cycle            { position: relative;}
.cycle > h2       { position: absolute; top: 10%; width: 100%; color: #fff; text-align: center; z-index: 997;
	background: white center;
	margin-left: 30%;
}

.cycle > a { cursor: pointer; position: absolute; z-index: 996; display: block; height: 60px; width: 100%; background: none repeat-x center 160px;}
.cycle + .sublinks  { background: #f5f5f5;}


h2 span                 { display: block; width: 100%; text-align: center;}

.cycle  h3       { position: absolute; top: 10%; width: 100%; color: #fff; text-align: center; z-index: 997;
	background: white center;
	margin-left: 30%;
}
.shot1{
	z-index: 9500;
	margin-left: 34%;
	margin-top: 125px;
}
.shot2{
	z-index: 9501;
	margin-left: 46%;
	margin-top: 125px;
}
}
h2 span.visible         { display: block;}*/

.carband        { position: absolute; bottom: 0; height: 500px; width: 1920px;}

.rolling_cars   { position: relative; background: url('assets/images/bg-banner-3.jpg') center bottom no-repeat; margin-top: 115px; height: 784px; }
.info-car       {
  /*float: left;*/
  bottom: 140px;
  margin-right: 80px;
  display: block; 
  height: 120px; 
  width: 262px; 
  background: red;
  position: absolute;
  left: -262px;
  animation: animatedPositionc 14s linear infinite;
  /* Hey browser, use your GPU */
   -webkit-transform: translate3d(0, 0, 0);
}

.speech             { padding: 20px; text-align: center; width: 100%; background: #fff; border-radius: 5px; font-size: 1.125em; color: #0077ae;}
.info-car .speech   { position: absolute; top: -200%; }
.speech span        { display: block; text-align: center; font-size: 3.750em;}

.sublinks .speech   { position: relative;}

.triangle-down {
  position: absolute;
  bottom: -20px;
  left: 40%;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
}

.info-car:nth-child(odd){
  bottom: 40px;
}

.info-car:first-child {
  background: url('assets/images/cycle_car_1.png') top center no-repeat;
}

.info-car:nth-child(2) {
   background: url('assets/images/cycle_car_2.png') top center no-repeat;
  -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
  animation-delay: 2s;
}
.info-car:nth-child(3) {
  background: url('assets/images/cycle_car_1.png') top center no-repeat;
  -webkit-animation-delay: 4s; /* Chrome, Safari, Opera */
  animation-delay: 4s;
}
.info-car:nth-child(4) {
  background: url('assets/images/cycle_car_1.png') top center no-repeat;
  -webkit-animation-delay: 6s; /* Chrome, Safari, Opera */
  animation-delay: 6s;
}
.info-car:nth-child(5) {
  background: url('assets/images/cycle_car_1.png') top center no-repeat;
  -webkit-animation-delay: 8s; /* Chrome, Safari, Opera */
  animation-delay: 8s;
}
.info-car:nth-child(6) {
  background: url('assets/images/cycle_car_1.png') top center no-repeat;
  -webkit-animation-delay: 10s; /* Chrome, Safari, Opera */
  animation-delay:10s;
}
.info-car:nth-child(7) {
  background: url('assets/images/cycle_car_1.png') top center no-repeat;
  -webkit-animation-delay: 12s; /* Chrome, Safari, Opera */
  animation-delay: 12s;
}

.carband:hover .info-car {
 -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;
}




/*------------------------------------*\
    Sublinks
\*------------------------------------*/
.sublinks               { padding: 40px 0; position:relative;}
.sublinks h2            { display: block; text-align: center;}
.sublinks > nav         { position: absolute; top: 0; width: 100%; height: 100%;}
.sublinks .col-md-2     { padding: 0 20px;}
.sublinks object        { width: 100%;}
.sublinks .item         { margin-bottom: 20px; overflow: visible;}
.sublinks li a    { display: inline-block; position: relative;}
.sublinks .callto       { margin-top: 40px;}

/* Firefox image width fix fix */
.sublinks .img-responsive   { width: 100%;}

.hover-content   { 
  display:none;
  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

  .sublinks li:hover .hover-content      { 
  position: absolute; bottom: 86px; left: 0;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0px 2px 0 #A8A8A8;
  box-shadow: 0 0px 2px 0 #A8A8A8;
  width: 400px;
  padding: 20px; opacity: 1;  display:block; -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

/* Modal */
#apps .container-fluid { padding: 0;}
#apps h2               { font-size: 2em; margin-bottom:20px; text-align: left;}
#apps .modal-header    { padding:15px 15px 40px 15px; border:none; }
#apps .modal-body,      
#apps .col-md-12      { padding: 0;}

/*------------------------------------*\
    Take part
\*------------------------------------*/

#takepart strong                               { color: #0077ae; font-family: 'FuturaStd-Heavy';}
#takepart .row > div                           { padding: 130px; background: url('assets/images/bg-take-part-2.png') 95% 10% no-repeat;}
#takepart .row > div:first-child p             { line-height: 40px; font-size: 1.125em; color: #666; }
#takepart .row > div:first-child > p           { margin-bottom: 60px;}
#takepart .row > div:first-child > p + p       { margin-bottom: 20px;}
#takepart .row > div:first-child a             { font-size: 18px;}
#takepart .row > div:first-child + div         { background: #f7f5f5;}

/*------------------------------------*\
    FAQ
\*------------------------------------*/

#takepart .row > div:first-child + div h2 + ul              { list-style: none; margin: 0;}
#takepart .row > div:first-child + div h2 + ul li           { position: relative; margin-bottom: 20px; }
#takepart .row > div:first-child + div h2 + ul li a         { position: relative;}
#takepart .row > div:first-child + div h2 + ul li a:before    {   
    cursor: pointer; 
    position: absolute;
    top: -11px;
    left: -25px;
    font-family: 'FontAwesome';
    font-size: 1.563em;
    content: '\f055';
    margin:0 5px 0 -15px;
    color: #337ab7;
}

#takepart .row > div:first-child + div ul li a { font-family: 'FuturaStd-Heavy'; font-size: 1.250em;}

/*------------------------------------*\
    Tweet Feed
\*------------------------------------*/

#mycarmydata .row > div                               { padding:60px 130px;}
#mycarmydata .row > div:first-child                   { background: url('assets/images/bg-tweet.png')  #94c9be left bottom no-repeat; }         
#mycarmydata .row > div:first-child:first-child h2    { color: #fff;}



.ttf-tweet                                                                                                { padding: 40px; margin:0 0 40px 0!important; background-color: #fff!important; border-radius: 4px; box-sizing: border-box!important;}
.fts-tweeter-wrap .tweeter-info                                                                           { padding: 0; border: none;}
.atf-static-tweets .atf-inner-wrapper .atf-tweet-wrapper .atf-user-card .atf-screen-name a                { font-size: 1.125em!important;}

.fts-twitter-div .fts-tweeter-wrap:nth-child(4),
.fts-twitter-div .fts-tweeter-wrap:nth-child(5)
      { display: none;}

/*------------------------------------*\
    RSS Feed + highlighted news
\*------------------------------------*/
.rss-aggregator           { list-style: none; margin: 0; padding:0;}
.feed-item                { font-family: 'FuturaStd-Heavy'; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #d1d1d1;}
.feed-item:last-child     { margin-bottom: 0; border:none;}
.feed-item a              { font-size: 1.125em; color: #666;}
.feed-date                { margin-bottom: 20px; display: block; font-size: 1em; color: #0077ae;}
.feed-item .source        { display: block; margin-top: 10px;}

.news-highlight                   { overflow: hidden; margin: 0px -130px 30px -130px; padding: 20px 130px; background: #eaebeb;}
.news-highlight .col-md-4         { padding: 0;}
.news-highlight .feed-date        { font-family: 'FuturaStd-Heavy';}
.news-highlight .feed-date + span { display: block; font-family: 'FuturaStd-Heavy'; margin: 20px 0;}

/*------------------------------------*\
    Principles
\*------------------------------------*/

#consumer                                   { padding: 80px 0;background: url('assets/images/bg-clouds-2.png') #cfe3e3 no-repeat fixed; background-position: center 0; }
#consumer i                                 {
  width: 160px;
  height: 160px;
  font-size: 5em;
  color: #9e0e8e;
  background: none;
  border: 10px solid #0077ae;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 80px; 
  padding-top: 25px;

}
#consumer .col-md-4                           { text-align: center;}
#consumer h3                                  { color: #0077ae; text-transform: uppercase;}
#consumer p                                   { padding: 0 20px; font-size: 1.125em; line-height: 40px;}

/* Footer */
footer                                        { background: url('assets/images/bg-footer.png') #fff no-repeat bottom center;  padding: 60px 0 120px 0;}
footer img                                    { display: block; margin-top: 30px;}
footer a                                      { text-decoration: underline;}
footer h2                                     { color: #9e0e8e;}
footer strong                                 { color: #0077ae;}
footer ul                                     { list-style: none; margin: 0; padding: 0; line-height: 30px;}
footer ul li                                  { font-size: 1.125em; color: #666;}
footer ul li i                                { color: #0077ae; margin-right: 10px; }
footer .social                                { text-align: center;}
footer .social a                              { display: inline-block; height: 70px; width: 70px; border-radius: 200px; text-align: center; color: #fff; vertical-align: middle;}
footer .social li.twitter a                   { background: #4099ff;}
footer .social li.vimeo a                     { background: #1ab7ea;}
footer .social li.flickr a                    { background: #ff0084;}
footer .social li.flickr a i                  { font-size: 2em;}
footer .social li.issuu a                     { background: url('assets/images/ico-issuu.png') center center no-repeat #f26d5d;}
footer .social a i                            { font-size: 2.250em; margin: 15px 0 0 0; color: #fff;}
footer .social h3                             { color: #0077ae;}

/*------------------------------------*\
    Inner page
\*------------------------------------*/

.page-template-mobi-page h2                           { font-size: 2em; margin-bottom:20px; }
.page-template-mobi-page .navbar                      { position: relative;}
.page-template-test .navbar                           { display :none!important;}
.page-template-mobi-page .col-md-12                   { margin: 60px 0;}
.page-template-test .navbar-fixed-top                 { position: relative;}


/*------------------------------------*\
    Responsive
\*------------------------------------*/

.illu .mobile-infographic > a     { width: 100%; height: 100%;}

.mobile-infographic               { display: none;}

@media (min-width: 768px) {

  .modal-dialog   { width: 60%;}
  .modal-content  {padding: 40px;}
}



@media (min-width: 1200px) and (max-width: 1503px) {
  .navbar-default .navbar-nav>li>a { line-height: 60px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .navbar .container-fluid    { padding: 0 5%;
	height: 73px;
}
  .sublinks .container-fluid { padding: 0 10%; }
  #mycarmydata .row,
  #takepart .row  { 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .sublinks { height: 480px; }
}

@media (max-width: 1354px) {

  .navbar-right a.button { display: none;}
}

/*@media (max-width: 1651px) {
  .secondnav                        { margin:-60px 0 0 235px;}
}*/

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-header { width: 20%;}
  .smaller .navbar-header             { width: 12%;}
  .navbar-default .navbar-nav>li>a    { font-size: 1.1em;}
  .sublinks .callto                   { margin: 0;}
   .navbar-default .navbar-nav>li>a { line-height: 60px;}
  #parallax,
  .cycle,
  .illu                            { margin-top: 120px;}
  .cycle > a                      { margin-top: -100px;}
  .illu                           { height: auto;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  #parallax,
  .cycle                            { margin-top: 116px;}
  .cycle > a                          { margin-top: -120px;}
  .navbar-default                     { min-height: 76px;}
  .navbar-header                      { width: 18%;}
  .smaller .navbar-header             { width: 15%;}
  .navbar-default .navbar-nav>li>a    { font-size: 1em; line-height: 76px; margin: 10px 15px 0 0;}
  .sublinks .callto                   { margin: 0;}
  #mycarmydata .row > div,
  #takepart .row > div                { padding: 60px;}
  #news                               { overflow: hidden;}
  .news-highlight                     { margin: 0 -120px 30px -120px;}
  .modal-dialog         { width: 60%;}
  .modal-content        { padding: 40px;}
 .navbar-default .navbar-nav>li>a { line-height: 40px;}
  .smaller .secondnav   { margin: -36px 0 0 0;}
}

/* Extra Small devices (phones) */
@media (max-width: 767px) {
  .navbar-toggle                          { margin-top: 18px;}
  h2                                      { font-family: 'FuturaStd-Heavy';font-size: 2.2em; margin-bottom: 30px;}
  .modal-title                            { font-size: 1.5em;}
  .navbar-brand                           { padding-bottom: 0;
}
  #takepart .row > div,
  #mycarmydata .row > div                   { padding: 15px;}
  #takepart .row > div                      { background: none;}
  .quote                                    { display: none;}
  .sublinks .callto                         { margin: 0;}
  .navbar-collapse                          { background: #0079ad; padding: 0 30px;}
  .navbar-default .navbar-nav>li>a          { line-height: 45px; color: #fff;}
  .news-highlight                           { margin: 0px -16px 30px -15px; padding:15px;}
  .button, .form_yawpp input[type=submit]   { font-size: 0.8em;}
  #consumer                                 { padding: 30px 0;}
  #consumer .row                            { margin-right: 0; margin-left: 0;}
  .navbar-collapse .secondnav { margin: 0 -15px;}
  .cycle                                    { margin-top: 115px;}
  .cycle > a                                { margin-top: -145px;}
  #roadhouse                        { position: relative; padding: 50px 15px 40px; background: #0077ae; color: #fff; font-size: 1.125em;
	height: 100%;
}
}

/* Infographic settings */
@media (max-height:2160px){
  #parallax,
  .illu                                                              { position: relative; height: 784px;}
  #parallax .sun                                                     { width: 1680px; height: 784px;}
  #parallax .baloon                                                  { width: 200px; height: 400px;}
  #parallax .buildings                                               { text-align: center; width: 1980px; height: 784px;} 
  #parallax .cars                                                    { width: 850px; height:784px;}
  #parallax .houses                                                  { text-align: center; width: 2000px; height: 784px;}
  #parallax .houses img                                              { height: 784px; width:auto;}
}

/* Infographic 2 settings */
@media (max-width: 1515px) {
  .illu h2      { position: absolute;}
  .illu h2 + ul {display: none;}
}

@media (min-width: 1320px) and (max-width: 1528px) {
  .smaller .secondnav { /*margin-top: -20px;*/}
}

.illu.mobile      { height: auto;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 600px;}