div, p, input, textarea{ font-size: 18px; font-weight: 200; line-height: 1.2em; color: #213c5f}
body input, body textarea{ font-size: 18px !important;  line-height: 1.2em !important}


.hlavicka{ padding: 30px 0 }
.hlavicka h1{ text-align: center; padding: 10px 0; font-weight: 100}
.hlavicka .line{ background: #A3DBF4; height: 3px; width:50%; overflow: hidden; margin: 0 auto}







/* HLAVICKA */
#hlavicka{ background: #E6F5FD; padding: 50px 0}
#hlavicka .logo{ text-align: center;}




/* PATICKA */
#paticka{ background: #000; padding: 30px 0;}
#paticka .copy{color: #91D9F2; text-align: center; font-size: 0.7em}
#paticka .vytvoril{color: #FFF; text-align: center; font-size: 0.7em}
#paticka .vytvoril a{color: #FFF; font-weight: 600}




/* KONTAKTY */
#kontakty{ margin-bottom: 80px; }
#kontakty h2{ font-size: 1.1em; line-height: 1.2em; padding: 0; margin: 0;}

#kontakty .hlavniPopis p,
#kontakty .hlavniPopis div{
    font-size: 1.5em; font-weight: 100; text-align: center; margin-bottom: 50px
}

#kontakty .sidlo,
#kontakty .pobocka{margin-bottom: 20px; margin-left: 90px}

#kontakty .telefony{ vertical-align: bottom; margin-bottom: 20px}
#kontakty .telefony dl,
#kontakty .faUdaje dl{margin: 0}
#kontakty .faUdaje dt,
#kontakty .telefony dt{width: 80px}
#kontakty .faUdaje dd,
#kontakty .telefony dd{margin-left: 90px}
#kontakty .radek2{ margin-top: 30px}

#kontakty .emailForm .vnejsiObalPolozky{
    outline: none;
    padding: 20px;
    border: 1px solid #eeeeee;
    color: #ABADB7;
    background-color: #FBFBFB;
    margin: 0;
    border-radius: 5px;
    box-shadow: none;
    margin-bottom: 10px
}


#kontakty .emailForm .vnejsiObalPolozky input,
#kontakty .emailForm .vnejsiObalPolozky textarea{
	background: none; 
	border: none;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: auto !important;
    color: #213c5f !important;
    width: 95%;
    padding: 0px
}

#kontakty #frm-contact_Form-zprava{
	height: 100px !important;
	resize: none;
}

#kontakty .emailForm #frm-contact_Form-send {
    margin-top: 20px;
    color: white;
    width: 150px;
    border-radius: 0px;
    float: left;
    -moz-transition: .15s ease-in-out;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    -ms-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    background-color: #213c5f;

    outline: none;
    padding: 14px 10px;
    border: none;
    margin: 0;
    box-shadow: none;
}
#kontakty .emailForm #frm-contact_Form-send:hover{
	background: #A3DBF4;
	color: #213c5f;
}

#kontakty .emailForm .nejsemRobot{
    margin-bottom: 1rem
}

#kontakty .emailForm .nejsemRobot label{
    font-size: 1rem !important
}
#kontakty .emailForm .nejsemRobot input{
    margin-right: 1rem
}


/* LOGA */
#loga{ padding: 50px 0px 50px 0px; background: #E5E5E5; margin-bottom: 200px}
#loga .owl-item{ text-align: center}




/* REFERENCE */
#reference{ margin-bottom: 200px; position: relative}


#reference .slidesContainer{ position: relative; margin-top: 150px}

#reference .bigLogo{ position: absolute; right: 50%; top: -100px; z-index: 1}
#reference .modryPruh{ position: relative; z-index: 10; background: rgba(161,218,247,0.3); height: 300px;}
#reference .slidesContainer .container{ z-index: 20; position: relative;}
#reference .slidesContainer .container .flexslider{ top: -340px; left: 0px; position: absolute;}




#reference .slidesContainer .row{ overflow: hidden;}
#reference .slides .text{height: 368px;
        display: table;}

#reference .slides .text p{display: table-cell;
  vertical-align: middle; font-size: 2em; line-height: 1.1em}

#reference .slides .img img{
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important
}




















@media (max-width: 979px){
    /*#kontakty .sidlo,
    #kontakty .pobocka{ width: 210px}
    #kontakty .telefony{ width: 264px;}*/

    /*#kontakty .faUdaje{width: 80%; clear: both; float: none}*/
    /*#kontakty .sloupek1{ width: 80%; margin: auto; float: none}*/

    #kontakty .emailForm{ margin-top: 20px}

    img{ max-width: 100% !important}


    #reference .flexslider{ margin: 0px !important}
    #reference .flexslider .text p{ font-size: 1.7em; }
}


@media (max-width: 979px) and (min-width: 768px){

    #kontakty dt.iban{ float: none; margin-top: 5px}
    #kontakty dd.iban{ margin: 0 0 5px 0}
}





@media (max-width: 767px){
    body{ padding: 0}
    .container{ padding:0 20px;}


    #kontakty .sidlo,
    #kontakty .pobocka{ text-align: center; width: 100%; margin-left: 0}
    #kontakty .telefony{ width: 100%}
    #kontakty .telefony .dl-horizontal{ width: 270px; margin: auto !important}
    #kontakty .dl-horizontal dt{ float: left; text-align: right}

    #kontakty .faUdaje{width: 350px; margin: auto}

    #kontakty .emailForm .sendButtonObal{ text-align: center}
    #kontakty .emailForm #frm-contact_Form-send{ float: none; margin: auto; }

    #reference .bigLogo{ margin-right: -50%}

    #reference .flexslider .text p{  text-align: center; padding: 0 20px;}
    #reference .flexslider .img{ text-align: center; top: -80px; position: relative;}
    #reference .flexslider .slides img{ display: inline-block;}
    #reference{ margin-bottom: 400px}
}





@media (max-width: 420px){
    h1{ font-size: 1.6em; line-height: 1.1em}

    #kontakty .faUdaje{width: auto}
    #kontakty dt.iban{ float: none; margin-top: 5px}
    #kontakty dd.iban{ margin: 0 0 5px 0}



    #reference .hlavniPopis{ font-size: 1.2em}

    #reference .slides .text p{ font-size: 1.3em}
    #reference .slides .img img{width: 80% !important}
}