@import 'https://fonts.googleapis.com/css?family=Cairo:200,300,400,600,700,900&subset=arabic,latin-ext';


#menu_rect {
 float:left;
 width:34px;
 height:34px;
 border: 2px solid #DA251D;
 text-align:center;
 float:right;
 cursor:pointer;
}

#menu_rect #d1 {
 margin-top:8px;
 display:block;
 height:2px;
 background:#fff;
 width:22px;
 margin-left:6px;
}

#menu_rect #d2 {
 margin-top:6px;
 display:block;
 height:2px;
 background:#fff;
 width:22px;
 margin-left:6px;
}

#menu_rect #d3 {
 margin-top:6px;
 display:block;
 height:2px;
 background:#fff;
 width:22px;
 margin-left:6px;
}


@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -moz-transform: translateX(-15px);
    transform: translateX(-15px);
  }
  60% {
    -moz-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}


body {
  font-family: 'Cairo';
  background:#fff;
  color:#5B5B5B;
  -webkit-font-smoothing: antialiased;
}


#bg {
  position: fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background:#000;
  background-position: center center;
  overflow: hidden;
  z-index: -250;
  text-align:center;
}

h1 {
 margin:5px 0 5px 0;
 padding:0;
}

p {
 margin:0px;
 padding:10px 0 10px 0;
}

.white {color:#fff}
.orange {color:#ef7f1a}


#logo_home {
  width:220px;
  margin-bottom:15px;

}

#logo_bot {
  margin-top:10px;
  width:150px;

}


/* 
========================================================= loading
*/

#button_kontakt {
	position:fixed;
	line-height:1em;
	top:0;
	right:0;
	cursor:pointer;
	color:#fff;
	padding:15px 20px 15px 20px;
	/*border: 2px solid #daf5ff;*/
	background:#1F5A59;
	font-size:1em;
	z-index:101;
	font-weight:bold;
}



#content {
 z-index:100;
 position:relative;
}

#dakujeme {
  background: #0F2941;
  position: fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  z-index: 20005;
  text-align:center;
  display:none;
}

#chyba {
  background: #1F5A59;
  position: fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  z-index: 20005;
  text-align:center;
  display:none;
}

#vyplnte {
  background: #1F5A59;
  position: fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  z-index: 20005;
  text-align:center;
  display:none;
}

#loading {
  background: #1F5A59;
  position: fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  z-index: 20005;
  text-align:center;
}

.spinner {
  position: absolute;
  top:50%;
  left:50%;
  margin-top: -10px;
  margin-left: -35px;
  width: 70px;
  
  text-align: center;
}

.spinner > div {
  width: 10px;
  height: 10px;
  margin:5px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


/* 
========================================================= main menu
========================================================= main menu
========================================================= main menu
*/

#menu {
  top:0;
  left:0;
  position:fixed;
  z-index:1;
  background: #DA251D;
  color:#DA251D;
  width:100%;
  }


#menu ul {
  color:#fff;
  list-style:none;
}

#menu ul li {
  font-size:1.3em;
  color:#0F2941;
  text-align:right;
  border-bottom: 1px solid #fff;
  padding-bottom:6px;
  margin-right:20px;
  margin-top:30px;
  margin-bottom:20px;
  cursor:pointer; 
  }

#menu ul li.sel {
  color:#1F5A59;
  text-align:right;
  border-bottom: 1px solid #1F5A59;
  }
  
#menu ul li:hover {
  font-weight:bold;
  }



/* 
========================================================= main menu lista
========================================================= main menu lista
========================================================= main menu lista
*/

#main_menu {
  position:fixed;
  z-index: 10001;
  top: 0;
  left: 0;
  width:100%;
  height:205px;      
  height:auto;    
  overflow: hidden;
  text-align:center;  
}

#main_menu_overlay {
  position:absolute;
  z-index: -1;
  width:100%;
  height:100%;
  background: #0F2941;
  opacity:0.9;
  display:none;
}

#main_menu_content {
  z-index: 10005;
  padding:3%;
}

#main_menu_logo {
  float:left;
  z-index: 10007;
  height:46px;
}

#main_menu_icon {
  float:right;
  z-index: 10004;
  height:46px;
}

#main_menu_metric {
  position:absolute;
  float:right;
  z-index: 10001;
  height:38px;
  padding:1%;
}


/* 
========================================================= slides
========================================================= slides
========================================================= slides
*/

#page10_slide1, #page10_slide1_clone {
  background: url('./../img/bax/bax1a.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page1_slide1, #page1_slide1_clone {
  background: url('./../img/bax/bax_home.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page2_slide1, #page2_slide1_clone {
  background: url('./../img/bax/ref1.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page2_slide2, #page2_slide2_clone {
  background: url('./../img/bax/ref2.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page2_slide3, #page2_slide3_clone {
  background: url('./../img/bax/ref3.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page2_slide4, #page2_slide4_clone {
  background: url('./../img/bax/ref4.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page3_slide1, #page3_slide1_clone {
  background: url('./../img/bax/bax_referencie.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page3_slide2, #page3_slide2_clone {
  background: url('./../img/bax/ref1.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page3_slide3, #page3_slide3_clone {
  background: url('./../img/bax/ref2.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page3_slide4, #page3_slide4_clone {
  background: url('./../img/bax/ref3.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page3_slide5, #page3_slide5_clone {
  background: url('./../img/bax/ref4.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.page_content {
  text-align:center;
  padding:0 10% 0 10%;
}

.page_content_inner {
  margin:auto;
  max-width:1050px;
  padding:3%;
  text-align:center;
}

.page_content_h1 {
  text-transform:uppercase;
  font-weight:900;
  font-size:2.5em;
  color:#fff;
}

.page_content_h1 span.red {
  color:#DA251D;
}

.page_content_h2 {
  margin-top:-10px;
  font-size:1.1em;
  color:#fff;
  font-weight:600;
}

.page_content_h2_inner {
	max-width:600px;
	margin:0 auto;
	padding-top:30px;
	color:#fff;
}

.button_dark {
  margin-bottom:20px;
  margin-top:20px;
  display:inline-block;
  min-width:80px;
  cursor:pointer;
  color:#fff;
  padding:8px 15px 8px 15px;
  /*border: 2px solid #daf5ff;*/
  background:#1F5A59;
  font-size:1em;
  margin-left:20px;
  margin-right:20px;
}

.button_dark:hover {
	background:#fff;
	color:#41475a;
}

#main_content_paragraph {
  z-index: 1007;
  width:100%;
  font-size:1em;
  color:#fff;
  text-shadow: 3px 3px 3px #000;
}

.page_content_paragraph {
  font-size:1em;
  color:#fff;
}


/* 
========================================================= content
========================================================= content
========================================================= content
*/


h2 {
	color:#1F5A59;
	margin:0;
	padding:0;
	line-height:1.2em;
}

h2.yellow {
	color:#F8D615;
}

h2.white {
	color:#fff;
}

.light {
	color:#F8D615;
}

.white {
	color:#fff;
}

/* 
========================================================= dark page
========================================================= dark page
========================================================= dark page
*/

.dark_page {
  background:#1F5A59;
  text-align:center;
  padding:2% 10% 2% 10%;
  color:#fff;
}

.dark_page_inner {
  margin:auto;
  max-width:1050px;
  padding:3%;
  text-align:center;
}

.dark_page h2 {
	color:#F8D615;
}


/* 
========================================================= white page
========================================================= white page
========================================================= white page
*/

.white_page {
  background:#eee;
  text-align:center;
  padding:2% 10% 2% 10%;
}

.white_page.grey {
  background:#ccc;
}

.white_page.stroke {
	border-top:1px dashed #bbb;
}


.white_page_inner {
  margin:auto;
  max-width:1050px;
  padding:3%;
  text-align:center;
}

.white_page_inner.nopad {
  padding:0;
}

.white_page_h1 {
  font-weight:900;
  font-size:2.5em;
  color:#0F2941;
  text-transform:uppercase;
}

.white_page_h2 {
	margin-bottom:10px;
	font-size:1.1em;
	color:#41475a;
	font-weight:600;
}

.white_page_h2.light_blue {
	color:#fff;
}


.white_page_paragraph {
  color:#5B5B5B;
  padding-top:30px;
  padding-bottom:10px;
}

.white_page_paragraph.thin {
  max-width:600px;
  margin:auto;
}


.white_page_paragraph_dark {
  color:#000;
}

.white_page_paragraph_big {
  color:#5B5B5B;
  padding-top:20px;
  padding-bottom:20px;
  font-size:1em;
  color:#000;
}

.button_white {
  margin-top:30px;
  margin-bottom:30px;
  display:inline-block;
  cursor:pointer;
  color:#fff;
  font-size:0.8em;
  padding:8px 15px 8px 15px;
  background: #0F2941;
  border: 2px solid #0F2941;
  margin-left:20px;
  margin-right:20px;
}

.stlpec2 {
	width:44%;
	padding:3%;
	float:left;
	vertical-align:top;
	text-align:left;
	line-height:1.2em;
}


.stlpec3 {
	width:27%;
	padding:3%;
	float:left;
	vertical-align:top;
	text-align:left;
	line-height:1.2em;
}


.fotka {
  width:200px;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%;  
}


#fakturacne {
 display:none;
}


/* 
========================================================= sluzby
========================================================= sluzby
========================================================= sluzby
*/

ul.sluzby {
	padding:0;
	margin:0;
}

ul.sluzby li {
	list-style:none;
	padding:5px 0 5px 0;	
}

ul.sluzby li .line {
	height:1px;
	background:#b3c6d7;
}



/* 
========================================================= mapa
========================================================= mapa
========================================================= mapa
*/


#page_map {
  background: url('./../img/mapa.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}





/* 
========================================================= form
========================================================= form
========================================================= form
*/

#page_form {
  background: url('./../img/bax/bax_home.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#page_form_inner {
  margin:auto;
  max-width:1000px;
  padding:3%;
  text-align:center;
}

#form_left {
 float:left;
 width:49%;
 text-align:right;
}

#form_right {
 float:right;
 width:49%;
 text-align:left;
}

.form_left_left {
 display:inline-block;
 opacity:0.4;
 background:none;
 color:#fff;
 border:2px solid #fff;
 padding:0.5em;
 width:36%;
 margin-top:0.5em;
 margin-bottom:0.5em;
 margin-left:0.5em;
 margin-right:0.5em;
}

.form_left_right {
 display:inline-block;
 opacity:0.4;
 background:none;
 color:#fff;
 border:2px solid #fff;
 padding:0.5em;
 width:36%;
 margin-top:0.5em;
 margin-bottom:0.5em;
 margin-left:0.5em;
}

.form_right_right {
 display:inline-block;
 opacity:0.4;
 background:none;
 color:#fff;
 border:2px solid #fff;
 padding:0.5em;
 height:4.5em;
 width:90%;
 margin-top:0.5em;
}

/* 
========================================================= share
========================================================= share
========================================================= share
*/


#share {
 background:#e0b30f;
 padding:2%;
 text-align:center;                                            
 color:#111f28; 
}

#share span {
 display:inline-block;
 font-size:1.75em;
 vertical-align:middle;
 margin-left:10px;
}

#share a {
 display:inline-block;
 vertical-align:middle;
 border:0;
 margin-left:4px;
 margin-right:4px;
}




/* 
========================================================= main page
========================================================= main page
========================================================= main page
*/

#button {
  display:inline-block;
  border:2px solid white;
  padding:2% 3% 2% 3%;
  font-size:1.3em;
  color:#fff;
  cursor:pointer;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;  
  text-decoration:none;
}

#button:hover {
  background:#fff;
  color:#1a78c8
}


/* 
========================================================= flex slider
========================================================= flex slider
========================================================= flex slider
*/

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.slider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src:url('../fonts/flexslider-icon.eot');
  src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/flexslider-icon.woff') format('woff'),
    url('../fonts/flexslider-icon.ttf') format('truetype'),
    url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.slider {margin: 0; padding: 0;}
.slider .slides > li {} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {text-transform: capitalize;}


/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block; padding:0; margin:0}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* slider Default Theme
*********************************/
.slider { margin: 0; background: #fff; border: 0; position:relative; zoom: 1; padding:0;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.slider .slides { zoom: 1; z-index:10}
.carousel li { margin-right: 5px; }

/* Custom slides */
.slider .slides li {
position:relative;
}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.slider:hover .flex-prev { opacity: 0.7; left: 10px; }
.slider:hover .flex-next { opacity: 0.7; right: 10px; }
.slider:hover .flex-next:hover, .slider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "slider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "slider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }*/


.slider .down_arr {
 position: absolute;
 padding-top:20px;
 width:40px;
 bottom: 20px;
 width:100%;
 text-align:center;
 cursor:pointer;
 }

.slider .down_arr_img{
 opacity:0.4;
 width:25px;
}


.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 60px;
  text-align: center;
  z-index: 50;
}


.flex-control-nav li {
  margin: 0 3px; 
  display: inline-block; 
  zoom: 1; 
  *display: inline;
}

.flex-control-paging li a {
  border: 2px solid #fff;
  display: block;
  width: 9px;
  height: 9px;
  cursor: pointer;
  text-indent: -1000em;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  transition: opacity .5s;
  -webkit-transition: opacity .5s;
  opacity: 0.2;
}

.flex-control-paging li a:hover {
  opacity: 0.6;
}

.flex-control-paging li a.flex-active {
  border: 2px solid #DA251D;
  opacity: 1;  
}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}



footer {
 background:#1F5A59;
 padding:15px;
 text-align:center;
}

footer div.main {
 padding-left:20px;
 background: url('./../img/footer_circle.jpg') 0px 7px no-repeat;
 text-decoration:none;
 font-size:1.3em;
 color:#fff;
 display:inline-block;
 margin-left:7px;
 margin-right:7px;
 cursor:pointer;
}

footer .copy {
 font-size:0.9;
 color:#fff;
}

footer .credits {
 font-size:0.7;
 color:#848484;
}

footer .credits a {
 font-size:0.7;
 color:#848484;
 text-decoration:none;
}


/* 
========================================================= responsive
========================================================= responsive
========================================================= responsive
*/

@media (max-width: 1024px) {

  .stlpec2, .stlpec3 {
   width:80%;
   padding:5% 10% 5% 10%;
   display:inline-block;
   vertical-align:top;
  }

  .white_page_paragraph_big {
    padding-top:10px;
    padding-bottom:5px;
    font-size:1.1em;
  }

}

@media (max-width: 868px) {

  #main_content_header {
   font-size:1.6em;
  }
  #main_content_paragraph {
    font-size:1em;
  }
  
 
  .page_content_h1 {
    font-size:2.5em;
  }
  
  .page_content_h2 {
    font-size:1.3em;
  }
  
  .button_dark {
    padding:5px 10px 5px 10px;
    font-size:0.9em;
  }
  
  #main_content_paragraph {
    font-size:0.9em;
  }
  
  .white_page_h1 {
    font-size:2.5em;
  }
  
  .white_page_h2 {
    font-size:1.3em;
    margin-top:5px;
  }
  
  .white_page_paragraph {
    font-size:0.9em;
  }
  

  
  .button_white {
    padding:5px 10px 5px 10px;
    font-size:0.9em;
  }
  
  
  #form_left {
   float:left;
   width:94%;
   margin:0 3%;
   text-align:center;
  }
  
  #form_right {
   float:right;
   width:94%;
   margin:0 3%;
   text-align:center;
  }
  

  .form_left_left {
   padding:0.5em;
   width:43%;
   margin-top:0.5em;
   margin-bottom:0.5em;
   margin-left:0em;
   margin-right:0.25em;
  }
  
  .form_left_right {
   padding:0.5em;
   width:43%;
   margin-top:0.5em;
   margin-bottom:0.5em;
   margin-left:0.25em;
  }
  
  .form_right_right {
   padding:0.5em 2.5em 0.5em 0.5em;
   height:4.5em;
   width:86%;
   margin-top:0.5em;
  }
  

}

@media (max-width: 700px) {

  .show_big {
   display:none; 
  }


}


@media (max-width: 568px) {

  .page_content {
    text-align:center;
    padding:5% 10% 5% 10%;
  }

  .page_content_h1 {
    font-size:2em;
  }
  
  .page_content_h2 {
    font-size:1.1em;
  }
  
  .button_dark {
    padding:5px 10px 5px 10px;
    font-size:0.9em;
  }
  
  #main_content_paragraph {
    font-size:0.9em;
  }

  .white_page {
    text-align:center;
    padding:15% 10% 10% 10%;
  }

  .white_page_h1 {
    font-size:2em;
  }
  
  .white_page_h2 {
    font-size:1.1em;
  }
  
  .white_page_paragraph {
    padding-top:30px;
    padding-bottom:10px;
    font-size:0.8em;
  }
  
  .white_page p{
    font-size:0.9em;
  }

  .white_page_paragraph_big {
    padding-top:10px;
    padding-bottom:5px;
    font-size:1.1em;
  }
  
  .button_white {
    padding:5px 10px 5px 10px;
    font-size:0.9em;
  }
  
  .form_left_left {
   padding:0.5em 0.5em 0.5em 0.5em;
   width:86%;
   margin:0.5em 0 0 0;
  }
  
  .form_left_right {
   padding:0.5em 0.5em 0.5em 0.5em;
   width:86%;
   margin:0.5em 0 0 0;
  }
  
  .form_right_right {
   padding:0.5em 0.5em 0.5em 0.5em;
   height:4.5em;
   width:86%;
   margin-top:0.5em;
  }

  #share span {
   font-size:1.2em;
   margin:0;
   padding-left:10px;
   padding-right:10px;
   
  }


}