/**Custom CSS styles for Fulton.cz***/
/*** Menu ***/
#mainNav .navbar-nav > li.active > a {
  color: #f64940 !important;
  background-color: transparent;
}

/*#mainNav .navbar-nav > li > a:hover,
#mainNav .navbar-nav > li > a:focus:hover {
  color: #f64940;
}       
#mainNav.navbar-shrink .navbar-brand:hover, #mainNav.navbar-shrink .navbar-brand:focus {
    color: #f64940;
}*/
#mainNav.navbar-shrink .navbar-nav > li > a:hover,#mainNav.navbar-shrink .navbar-nav > li > a:focus:hover {color: #e30613;}
  
#mainNav.navbar-shrink{border-bottom: 1px solid #FFF;box-shadow: 0 0 6px 0 rgba(0,0,0,.6);} 
  
/*** Nad menu***/
.top {height:32px; width:100%;padding:1px 10px 0px 20px;color:#FFF;background-color:#187E4F/*#FFF*/}
.top .left {display:contents; float:left;margin: 0; padding-top:2px}
.top .right {float:right}
.top a {color:#FFF/*#222222*/; text-decoration:none; padding-right:10px}
.top a:hover {color:#25292e;}
.left .fa {font-size:120%; margin: 4px 5px 0px 0px;}
.right .fa {font-size:129%; margin:5px 5px 0 0}
.left .fa-envelope{vertical-align:middle; padding-right:5px; font-size:132%}
.left .fa-mobile-alt, .left .fa-map-marker-alt{font-size:132% !important; vertical-align:text-bottom;margin-right:5px}
.left .fa-map-marker-alt {margin-left:8px}
.right .fa-facebook{font-size:132% !important; vertical-align:middle;}
.right .button {background-color: #f64940;padding:6px 10px 9px 15px; vertical-align:middle}
.right .button a {color:#FFF;}
.right .button a:hover {color:#000}
.fixed-top {top:30px}
.navbar-shrink.fixed-top {top:0}
//.navbar{padding:.9rem 1rem}

//header.masthead { background-image: none; }

/*** Slider ***/
.header-content {background:rgba(20,20,20, 0.69); border-radius:4px; padding:8px 0px 1px 8px}
.slider-text p{margin-bottom:10px}
.bg-primary .slider-text {background-color: transparent}
.mb-5, .my-5 {margin-bottom: 1rem!important}
.bg-primary {padding: 50px 0px}
//.header-content {margin:0 !important}
/*** hp cervena ***/
.home .bg-primary {margin-top:0px}
/*** podstranky cerveny blok***/
#contact {margin-top:0px !important}
.bg-primary {margin-top:105px}
.bg-primary .col-md-8 {flex:99%;max-width:99%}
.col-md-9 {flex:99%;max-width:99%}
.col-lg-12 a {color:#199d63}
.bg-primary .row p{margin:0;padding:0}
//figure {float:left;}
figure img {margin:10px 20px 2px 2px;}
//aside {float:right;}
aside h3 {color:#e42213}
picture {clear:both;}
picture img {display: block; margin: 0 auto; margin-bottom:24px}
.flex {display:flex}
.flex1 {flex-grow: 1;flex-shrink: 1;flex-basis: 8%;max-width:8%;}
.flex2 {flex-grow: 1;flex-shrink: 1;flex-basis: 90%; max-width:90%; margin-left:2%}
.noflex {margin-top:24px}
.noflex img {display:block;margin: 0 auto;}
.flex1 img {max-width:100%;max-height:100%}
/***Buttony***/
.btn-outline{margin-bottom:14px; margin-right:4px}
.content .button {/*background-color: #f64940;*/ background-color: #000; color:#FFF !important}
a.button {color:#FFF !important} 
a.button:hover {font-weight: bold;} 
/***Cookie***/
.cookie {
    bottom: 0px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 9999;
    background: #222222;
    color: #fff;
    font-size: .92em;
    font-weight: 300;
    text-align:center;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.6)
}
.cookie p {display:inline-block;margin:1%; font-size: .92em;}
.btn--cookie{
    display:inline-block;
    padding: 10px 12px;
    margin-left:8px;
    font-size: 100%;
    line-height: 16px;
    background: #199D63;//#f64940;
    color: #FFF;
    text-shadow: none;
    border: 0px solid #e6e6e6;
    border-bottom-color: #e6e6e6;
    border-radius: 300px;
    text-decoration:none;
}
.cookie a {color:#FFF}
.cookie a:hover {color:#000}
/*** Vedle mobilu ***/
.col-lg-6 .feature-item i {font-size:2rem; color:#f64940}                          
/*** MG zmena***/     
.cta .container {position:relative;top:-200px !important}
.col-lg-6 a, .col-lg-6 i {text-decoration:none; color:#212529; cursor:pointer} 
.col-lg-6 a:hover {color:#199d63/*#f64940*/}
/***G. mapa ***/
#google_map {height:374px}
#google_map_wall #google_map_wall_bg {
    position: absolute;
    margin-left: 45%;
    padding: 20px;
    text-align: center;
    color: #FFF;
    background-color: #222222;
    z-index: 1;
}
/*** Paticka ***/
footer {margin-top:-88px;padding:25px 0}
#footer-bottom img {
    width: 32px;
    height: auto;
    vertical-align: middle;
}
#footer-bottom p {
    display: inline-block;
    margin: 0px;
    line-height: 1.3em;
    color:#FFF
}
/**
Kodovani tabulek
***/
th{
  background-color: #f64940; 
  color:#FFF
}
tr{
  padding:3px;
  background-color: #000; 
  color:#FFF;
  border:1px solid
}
/**
Kodovani formulare
***/
.content {padding:50px 0px 0px 0px}
#quick-form, .contact-form {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	padding: 20px;
	color: #FFF;
	background-color: #f64940;
  max-width:99%
}
.contact-form h2 {color:#FFF; font-size:44px}
#quick-form input, .contact-form input {
	height: 40px;
	border: 1px solid #FFF
}
.uvod #quick-form .input1 {
	width: 99%
}
.uvod #quick-form .input1 input {
	width: 100%
}
.uvod #quick-form .input3 input {
	width: 100% !important
}
.uvod #quick-form .input2{
	float: left;
	width: 48%
}
.uvod #quick-form .input3 {
	float: left;
	width: 49%;
	text-align: left
}
.uvod #quick-form label {
	text-align: left
}
#frm-contactForm-form-phone {
	width: 114% !important
}
#quick-form p {
	padding-top: 10px
}
#quick-form label {
	line-height: 23px;
	font-size: 15px;
	color: #FFF
}
#quick-form textarea {
	border: 1px solid #cbcbcb;
	padding: 10px
}
#quick-form .input1,  .contact-form p:nth-child(-n+3){
	float: left;
	width: 50%;
  display:block;
}
input{	
width:96%;
margin-right: 0%;
text-align:center; 
background-color: #f64940;
}
input:hover, input:focus, textarea:focus{border:1px solid #000; color:#000}
input::placeholder{color:#FFF;font-size:12px;}
//input::placeholder:hover, input::placeholder:focus {color:#000;}
.contact-form .p2{width:102%}
#quick-form .input1 input {
	width: 64%;
	margin-left: 1%;
	padding: 0 5px
}
#quick-form .input2 input {
	width: 79%;
	margin-left: 1%;
	padding: 0 5px
}
#quick-form .input3 input {
	width: 77%;
	margin-left: 1%;
	padding: 0 5px
}
#quick-form .input2 {
	float: left;
	width: 30%;
	padding-right: 1%
}
#quick-form .input3 {
	float: left;
	width: 30%;
	padding-left: 1%
}
#quick-form .input4 {
	clear: both
}
.name {
	width: 100%
}
.form-email {
	float: left;
	width: 45%;
	padding-right: 5%
}
.form-tel {
	float: left;
	width: 50%
}
.email,
.tel {
	width: 100%
}
#frm-pageComponent-form textarea {
	width: 98%;
	height: 88px
}
textarea {
	width: 98%;
  margin-top:2%;
  padding-top:2%;
  text-align: center;
  max-height:75px
}
#form-buttons {
	text-align: center
}
#quick-form .input5 input {
	display: block;
	width: 125px;
	height: 54px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
	background-color: #06609f;
	border: 0;
	border-radius: 28px
}
.name {
	width: 99%;
	padding: 0 5px
}
.form-email {
	float: left;
	width: 45%;
	padding: 10px 5% 0 0
}
.form-tel {
	float: left;
	width: 50%;
	padding-top: 10px
}
.email,
.tel {
	width: 98%;
	padding: 0 5px
}
#form-buttons {
	text-align: center
}
#form-buttons .odeslat {
	width: 125px;
	height: 54px;
	font-size: 17px;
	margin-top: 15px;
	cursor: pointer;
	color: #fff;
	background-color: #06609f;
	border: 0;
	border-radius: 28px
}
.gdpr{text-align:center}
.gdpr label {font-weight:normal; font-size:82%; width:98%}
.gdpr input[type="checkbox"] {
width: 16px;
margin-right:1%;
cursor: pointer;
vertical-align: middle;
line-height: 2rem;}
fieldset .btn {
display: block;
    width: 125px;
    height: 54px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 28px;
}
fieldset .btn:hover {color:#000;border-color:#000}
.n-visible{display: none !important}

#google_map {
  width: 100%;
  height: 400px;
}
#google_map { width: 100%; height: 400px; }
.col-md-9 {
text-align:center;
margin: 0 auto;
}
.col-lg-7 a {color:#199d63}
.col-md-8 a {color:#000}
#footer-left{float:left; margin-right:28px}
#footer-right{float:right; margin-left:28px; text-align:right}
#footer-right img{max-width:75%}
#footer-top {display:inline-block;clear:both;}
#footer-top a, #footer-top {color:#FFF; text-align:left}
//#footer-bottom {display:block;}
#footer-bottom a {color:#fdcc52} 
/***Responzivita***/
@media (min-width: 1880px){
.container {max-width: 1868px !important;}
}
@media (min-width: 1880px){
.top {padding: 0px 35px}
.col-lg-12 figure img {margin:40px 20px 2px 2px !important}
}
@media (min-width: 1536px){
.container {max-width: 1532px;}
.col-md-8 .category_img img {max-width:24%; border: 3px solid #FFF}
.col-lg-12 figure img {margin:16px 20px 2px 2px !important}
}
@media (max-width: 1400px){
.container {max-width: 1388px;}
.category_img img {max-width:22%}
}
.slider {
  display block;
  margin: 0px auto;
  width:1920px;
  height:592px; 
//background-image: url("/img/icons/banner_fulton_web_1080.jpg");
background: url("/img/icons/banner_fulton_web_1080.jpg") center center no-repeat, #231F20;
}
@media (max-width: 1600px) {
.slider {
  display block;
  margin: 0px auto;
  width:1600px;
  height:493px; 
//background-image: url("/img/icons/banner_fulton_web_1080.jpg");
background: url("/img/icons/banner_fulton_web_1600.jpg") center center no-repeat, #231F20;
  }
}
@media (max-width: 1366px) {
  .slider {
  display block;
  margin: 0px auto;	
  width:1366px !important;
  height:421px !important;
  //background-image: url("/img/icons/banner_fulton_web_1366.jpg");
  background: url("/img/icons/banner_fulton_web_1366.jpg") center center no-repeat, #231F20;
    }
  }
@media (max-width: 1200px){
  .container {
    //margin:0% 1% !important; 
    max-width: 1180px;
    .col-lg-12 figure img {margin:32px 20px 2px 2px;}
  }
}
@media (max-width: 1119px){ 
 #mainNav .navbar-brand {z-index: 99 !important;width: 125px;height: 50px !important;background: url(./../img/bg-logo-s.jpg) no-repeat;}
}
@media (max-width: 1100px){
/*.container img {width:120px; height:58px}
.container {max-width: 1088px;}*/
#mainNav .navbar-toggler {margin-right:10px}
#mainNav .navbar-brand {width: 120px;height:58px;margin-left:10px}
#mainNav .navbar-nav > li > a {font-size:13px}
.col-lg-4{flex:33%;padding-bottom:32px}
.col-lg-8 {flex:66%;text-align:center}
.home .bg-primary {margin-top:0px}
.bg-primary {margin-top:92px}
//.col-lg-12 figure img {margin:40px 20px 2px 2px !important}
}
@media (max-width: 1024px) {
.slider {
  display block;
  margin: 0px auto;
  width:1024px;
  height:315px; 
//background-image: url("/img/icons/banner_fulton_web_1080.jpg");
background: url("/img/icons/banner_fulton_web_1024.jpg") center center no-repeat, #231F20;
  }
}
@media (max-width: 992px){
.container {max-width: 992px;}
.navbar{padding:0px}
header.masthead {padding-top:0px; padding-bottom:0px}
.d-md-block {left:10%}
.container {margin: 10px 0px;}
.container .navbar-brand, .container .navbar-toggler {margin;left:10px}
.menu-right {margin-bottom:10px}
.col-lg-12 figure img {margin:38px 20px 2px 2px !important}
}
/*** zmenseni menu pri scrollu***/
@media (min-width: 992px){
#mainNav.navbar-shrink {padding:0}
#mainNav.navbar-shrink .navbar-brand {height:70px}
}
@media (max-width: 860px){
.container {max-width: 788px;}
#page .top .right .button {display:none}
.d-md-block {display: block !important;}
.col-lg-12 figure img {margin:48px 20px 2px 2px !important}
.slider {
  width:860px !important;
  height:264px !important;
  background: url("/img/icons/banner_fulton_web_860.jpg") center center no-repeat, #231F20;
 // background-image: url("/img/icons/banner_fulton_web_860.jpg");
  }
}
@media (max-width: 640px) {
.slider {
  display block;
  margin: 0px auto;
  width:640px;
  height:196px; 
//background-image: url("/img/icons/banner_fulton_web_1080.jpg");
background: url("/img/icons/banner_fulton_web_640.jpg") center center no-repeat, #231F20;
  }
}
@media (max-width: 630px){
#page .top .left a:first-child{display:none}
.top .left {margin-left:3%}
section.cta {background-position: center;}
.cta .container {text-align: center;}
.d-md-block {display: none !important}
.col-lg-4{flex:99%;padding:0px; max-height:820px}
.category_img img {max-width:98%; margin-top:18px}
.device-mockup.iphone6_plus, .device-mockup.iphone6_plus.portrait {margin-top:14px;padding-bottom:175%}
/*.device-mockup {width:75%; height:75%; margin:0 auto}*/
.device-mockup.iphone6_plus.portrait.white>.device, .device-mockup.iphone6_plus.white>.device {width:75%; height:75%;margin:0 auto}
}
@media (max-width: 580px){
.menu-middle .rd-logo {
max-width:87px;
max-height:32px;
background: url(../img/logo-rd.png) no-repeat}
.col-lg-4{flex:99%; padding:0px; max-height:758px}
}                                                                       
@media (max-width: 520px){
.col-lg-4{flex:99%;padding:0px; max-height:688px}
/*picture img {max-width:478px; max-height:auto}
/figure img {max-width:38px}*/
.flex1 {flex-grow: 1;flex-shrink: 1;flex-basis: 24%;max-width:24%;}
.flex2 {flex-grow: 1;flex-shrink: 1;flex-basis: 74%; max-width:74%; margin-left:2%}
.col-lg-12 figure img {margin:80px 20px 2px 2px !important}
}
@media (max-width: 480px){
.col-lg-4{flex:99%;padding:0px; max-height:658px}
/*picture img {max-width:200px; max-height:auto}*/
}
@media (max-width: 420px) {
.slider {
  display block;
  margin: 0px auto;
  width:420px;
  height:128px; 
//background-image: url("/img/icons/banner_fulton_web_420.jpg");
background: url("/img/icons/banner_fulton_web_420.jpg") center center no-repeat, #231F20;
  }
.noflex img {max-width:380px !important;}
}
@media (max-width: 320px) {
.slider {
  display block;
  margin: 0px auto;
  width:320px;
  height:98px; 
//background-image: url("/img/icons/banner_fulton_web_320.jpg");
background: url("/img/icons/banner_fulton_web_640.jpg") center center no-repeat, #231F20;
  }
}
/*@media (min-width: 992px){
#mainNav .navbar-brand {float:left;left:1%}
} */