@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');

body{
    font-family: 'Open Sans', sans-serif;
    margin-top: 88px;
}
/*
body.body-home{
    font-family: 'Open Sans', sans-serif;
    margin-top: 0;
}
*/
h1, h2, h3, h4, h5, h6{
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0;
    text-transform: none;
}
h1 {
    position: absolute;
    font-size: 10px;
    z-index: 11;
    right: 10px;
    top: 7px;
    margin: 0;
    color: #f4e199;
}
h2 {
    color: #51c0ad;
    text-transform: uppercase;
    font-size: 3em;
    margin-bottom: 40px;
    font-family: "Times New Roman";
}
h3 {
    text-transform: none;
    font-weight: 400;
    font-size: 2em;
}
header {
    margin-bottom: 0;
}
section.content-section {
    padding-top: 0px;
}
.carousel-caption .btn-std {
    float: none;
}
a, p{
    font-size: 1.25em;
}
a{
    outline: none;
}
a{    
    transition: 200ms ease;
}
a:hover{
    text-decoration: none!important;
    color: #f48004;    
}
li {
    font-size: 0.85em;
    line-height:  1.8;
}
.loopPage9055 ul {
    list-style-type: disc;
}
.loopPage.loopPage9055 {
    text-align: left;
}
.navbar-default .navbar-brand {
    padding: 0 0 0 5px;
    min-height: 40px;
}

.navbar-default .navbar-brand {
    padding: 0 0 0 5px;
    min-height: 40px;
}

.navbar-default .navbar-brand img,
.navbar-default.top-nav-collapse .navbar-brand img {
    height: 100px;
    margin-top: 10px;
}
.intro {
    background: none;
    padding: 0px 0px 0px 0px;
    height: 75%;
}

.navbar-header {
    display: block;
}
.navbar{
    background-color: #333;
}

.nav > li > a {
    padding: 6px 11px;
    margin-right: 2px;
    transition: 200ms ease;
}
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus,
.navbar-default .nav li a.active {
    color: #f4e199;
}
.nav li {
    transition: all 310ms ease-in-out;
}
/* second level */
#nav {
    background: rgba(255,255,255,1);
    position: fixed;
    width: 100%;
    transition: 300ms ease;
    top: 0;
    left: 0;
    padding: 0;
    background: url(img/hlava.jpg) no-repeat center center;
    border-bottom: 10px solid #f4e199;
}
}
#nav li ul
{
    display: none;
    position: absolute;
    top: 100%;
    margin: 0px;
    padding: 0px;
    border: 1px solid #c9c9c9;
    border-top: 6px solid #c9c9c9
}
#nav li:hover ul
{
    display: block;
    z-index: 10000;
}
#nav li ul li {
    float: none;
    position: relative;
    padding: 0;
}

    /*#nav li ul li:hover {
        background: #eee;
        }*/
        #nav li ul li:hover a{
            color: #f4e199;
        }
        .navbar-nav>li {
            padding: 0;
            text-transform: uppercase;
        }
        .navbar-default .navbar-nav>li>a{
            color: #fff;
            letter-spacing: 0;
            font-weight: 400;    
        }
        .navbar-header {
            position: relative;
            z-index: 10;
        }
        #nav li ul li a {
            display: block;
            height: auto;
            padding: 20px 10px 20px 10px;
            font-size: 1.6rem;
            min-width: 160px;
            width: 100%;
            color: #fff;
            text-align: left;
            letter-spacing: 1px;
            text-transform: uppercase;
            background: #51c0ad;
        }
        /* DROP DOWN MENU*/
        /* carousel */
        .carousel,
        .item,
        .active,
        .carousel-inner {
            height: 100%;
        }
        .fill {
            width: 100%;
            height: 100%;
            background-position: center bottom;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
        }
        .carousel-control.left,
        .carousel-control.right {
            background: none;
        }
        .carousel-caption h2 {
            text-transform: none;
        }
        .carousel-caption p{
            color: #fff;
            font-size: 15px;
        }
        .carousel-caption{
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            transform: none;
            font-size: 2rem;
        }
        .btn-std {
            display: table;
            color: #fff;
            padding: 7px 20px;
            margin: 15px auto;
            transition: 200ms ease;
            background: transparent;
            border: 2px solid #fff;
        }
}
@media (min-width: 992px) {
    .navbar-default .navbar-nav>li>a{
        font-size: 1.5rem;
    }
}
@media (max-width: 991px) {
    .navbar-default .navbar-nav>li>a{
        font-size: 1.4rem;
    }
}

/*
.btn-std:hover {
    text-decoration: none;
    color: #3e88b5;
    background: #fff;
}
*/
.navbar-default .navbar-toggle {
    border-color: #f4e199;
    color: #f4e199;
    top: 15px;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #fff;
}
.navbar-header-top div a,
.addthis_sharing_toolbox {
    float: right;
}

/*
Tlacitko pro mobil
*/
@media(min-width:768px) {


    h1 {
        position: relative;
        right: 10px;
        display: inline-block;
        float: right;
        margin-right: 40px;
    }
    /* DROP DOWN MENU*/
    .nav {
        margin: 0;
        padding: 0;
        float: right;
    }

    /* first level */
    .nav > li > a {
        color: #333;
    }
}
.navbar-header-top .pull-right a:hover {
    color: #333;
}
.nav {
    margin-top: 70px;
}
#nav li ul {
    display: none;
    position: absolute;
    top: 100%;
    margin: 0px;
    padding: 0px;
    margin-left: 15px;
}   
#nav li ul li a {
    white-space: nowrap;
    padding: 10px 10px;
}
div#myCarousel img{
    display: block;
}
span.phone {
    display: none;
}
.navbar-header {
    height: 120px;
}
.carousel-caption {
    width: 100%;
}
.loopPage {
    padding: 60px 15px;
    position: relative;
}
.img-responsive {
    margin: 0 auto;
}


/**FREEEDOOM!!!**/
li.menu7847 a span:after {
    content: "\f0d7";
    font-family:  FontAwesome;
    margin-left: 8px;
}
section {
    background: url(img/clientos.png) no-repeat center bottom;
    padding-bottom: 120px;
}
.body-kontakt section {
    background: none;
    padding-bottom: 0;
}

/* Full width */
section  > .container {
    width: 100%;
}
section  > .container .col-lg-12{
    padding: 0;
}

.flex-uvod {
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  center;
}
.flex-polozka {
    width: 350px;
    max-width:  100%;
    margin:  20px;
}
.flex-polozka h3 {
    text-transform:  uppercase;
    color:  #51c0ad;
    margin-bottom: 20px;
}
.flex-polozka p {
    padding: 10px;
}
.proc-my ul {
    text-align:  left;
}
.proc-my ul li,
.nase-cinnosti ul li {
    line-height:  2.4;
    font-size: 1.15em;
}
.proc-my ul li::before {
    content: "\f00c";
    font-family:  FontAwesome;
    color:  #51c0ad;
    margin-right: 10px;
}
.loopPage.investice {
    background: url(img/tisicovka.jpg) no-repeat center center;
    background-size: cover;
}
.investice h2,
.investice h3 {
    text-transform:  none;
    color:  #fff;
    text-shadow: 5px 7px 14px black;
}
p.money {
    color: #348f80;
    -webkit-text-fill-color: #348f80;
    font-size: 50px;
    font-weight: 700;
}

a.btn-own {
    display: inline-block;
    margin:  0 auto;
    color:  #fff;
    background:  #348f80;
    padding:  10px 20px;
    border-radius:  5px;
    font-size:  20px;
    text-decoration: none;
    border: 1px solid #348f80;
}
a.btn-own:hover {
    background: #fff;
    color: #348f80;
}

/* footer*/
footer {
    background: #51c0ad;
    padding: 50px 0;
    border-top: 10px solid #f4e199;
}
footer * {
    color: #fff;
}
footer p {
    padding: 10px;
}
footer p,
footer a {
    font-size: 18px;
}
footer p span {
    font-weight: 700;
}
footer a {
    text-transform: uppercase;
    margin-left: -48px;
}
footer a:hover {
    color: #f4e199;
}
.footer .right.links a {
    display: none;
}

.head-contact {
    position: absolute;
    top: 15px;
    right: 40px;
}

.head-contact p {
    color:  #fff;
}
.head-contact p a {
    float: none;
    color: #fff;
    font-size: 20px;
    margin: 0 10px;
}
.head-contact p span {
    margin-right: 20px;
    font-weight: 700;
    font-size: 20px;
}
h2.banner {
    color:  #fff;
    text-transform: uppercase;
    text-shadow: 5px 7px 14px black;
    position: absolute;
    top: 10%;
    left:  50%;
    transform: translate(-50%, 15%);
    font-size: 4.3vw;
    width: 75%;
}
a.banner {
    position:  absolute;
    bottom:  8%;
    left:  50%;
    transform: translate(-50%, 50%);
    font-size: 1.3vw;
    text-shadow: none;
}
.carousel-indicators {
    display: none;
}
.obsah.obchod {
    background: url(img/lista-1.jpg); no-repeat center center;
    background-size: cover;
}
.obsah.poradenstvi {
    background: url(img/lista-2.jpg); no-repeat center center;
    background-size: cover;
}
.obsah.audit {
    background: url(img/lista-3.jpg); no-repeat center center;
    background-size: cover;
}
.obsah.trading {
    background: url(img/lista-4.jpg); no-repeat center center;
    background-size: cover;
}
.sluzby {
    display:  flex;
    flex-wrap:  wrap;
    width: 100%;
}
.sluzby a {
    position:  absolute;
    top: 0;
    left:  0;
    width:  100%;
    height:  100%;
}
.obsah {
    width: 350px;
    position:  relative;
    height: calc(100vw/4);
    flex-grow:  1;
}
.obsah h3 {
    position:  absolute;
    bottom:  0;
    width:  100%;
    left:  0;
    text-transform:  uppercase;
    font-size:  22px;
    background: rgba(81, 192, 173, 0.73);
    padding: 20px 0;
    margin-bottom: 0;
    color: #fff;
}
.o-nas h3,
.nase-cinnosti h3 {
    font-family:  "Times New Roman";
    color:  #51c0ad;
    font-weight: 700;
    text-align: left;
    margin-top: 0;
}
.zarovka {
    background: -moz-linear-gradient(left, #f7f7f7 0%, #fefefe 50%, #f7f7f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f7f7f7 0%,#fefefe 50%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f7f7f7 0%,#fefefe 50%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */   
    padding:  30px;
    margin:  40px auto;
    display:  table;
    width: 90%;
}
.zarovka img {
    float:  left;
    display:  table-cell;
    vertical-align:  middle;
    margin: 0 20px;
}
.zarovka p {
    font-size: 20px;
    margin-left:  100px;
}

.zarovka a {
    color:  #348f80;
    font-size:  20px;
    text-decoration:  underline;
    font-weight: 700;
}
.nase-cinnosti p,
.projekty p {
    text-align: left;
}
.nase-cinnosti h4 {
    text-align: left;
}
.nase-cinnosti ul {
    list-style-type:  disc;
    text-align:  left;
    margin-left:  -15px;
    margin-bottom:  20px;
}
.nase-cinnosti span {
    text-transform: uppercase;
}
.cinnost {
    margin: 50px 0;
}
.projekt1 {
    position: relative;
    background: url(img/projekt-1.jpg) no-repeat center center;
    background-size: cover;
}
.projekt2 {
    position: relative;
    background: url(img/projekt-2.jpg) no-repeat center center;
    background-size: cover;
}
.projekt3 {
    position: relative;
    background: url(img/projekt-3.jpg) no-repeat center center;
    background-size: cover;
}
.projekt4 {
    position: relative;
    background: url(img/projekt-4.jpg) no-repeat center center;
    background-size: cover;
}
.projekt:after {
    position: absolute;
    top: 0;
    left: 0;
    width:  100%;
    height:  100%;
    content:  " ";
    background: rgba(107, 201, 185, 0.68);
}
.projekt * {
    position:  relative;
    z-index:  5;
    color:  #fff;
}
.projekt h3 {
    font-weight:  700;
}
.projekt p {
    font-size:  16px;
}
.projekt {
    padding: 20px 25px;
    margin:  15px 0;
}
.projekt a {
    text-transform: uppercase;
}
@media (max-width: 767px) {
    #nav {
        background: #51c0ad;
    }
    #nav li ul {
        position: static;
    }
    .navbar-header {
        background: #51c0ad;
        height: 100px;
    }
    .navbar-default .navbar-brand img,
    .navbar-default.top-nav-collapse .navbar-brand img {
        height: 80px;
        margin-top: 10px;
    }
    .nav {
        margin-top: 0;
        background: #51c0ad;
        margin-bottom: 0;
    }
    #nav li ul {
        margin-left: 30px;
    }
    .head-contact {
        position: static;
    }
    .head-contact p span,
    .head-contact p a {
        font-size: 12px;
        margin-right: 0;
    }
    .head-contact p {
        margin-bottom: 0;
        text-align: left !important;
    }
    .carousel, .item, .active, .carousel-inner {
        height: 100%;
        margin-top: 16px;
    }
    .zarovka {
        padding: 15px;
        display: block;
    }
    .zarovka img {
        float: none;
        display: block;
        margin: 5px auto;
    }
    .zarovka p {
        margin-left: 0;
    }
    h2 {
        font-size: 30px;
    }
}
.form {
    width:  700px;
    max-width:  100%;
    margin: 0px auto;
    background: #51c0ad;
    padding:  20px;
    border-radius:  5px;
    margin-top: 30px;
}

input,
textarea {
    padding:  15px;
    width:  650px;
    max-width:  100%;
    margin:  5px;
    border:  none;
    border-radius: 5px;
}
button {
    padding:  15px 30px;
    border: 2px solid #fff;
    border-radius:  5px;
    background:  #fff;
    color:  #51c0ad;
    font-weight:  700;
    font-size:  16px;
}
button:hover {
    color: #fff;
    background: #51c0ad;
}
.flex-cinnosti .cinnost1 {
    background: url(img/cinnosti1.jpg) no-repeat center center;
    background-size: cover;
}
.flex-cinnosti .cinnost2 {
    background: url(img/cinnosti2.jpg) no-repeat center center;
    background-size: cover;
}
.flex-cinnosti .cinnost3 {
    background: url(img/cinnosti3.jpg) no-repeat center center;
    background-size: cover;
}
.flex-cinnosti .cinnost4 {
    background: url(img/cinnosti4.jpg) no-repeat center center;
    background-size: cover;
}
.flex-cinnosti .cinnost5 {
    background: url(img/cinnosti5.jpg) no-repeat center center;
    background-size: cover;
}
.flex-cinnosti {
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  center;
}

.flex-cinnosti .cinnosti {
    width:  330px;
    max-width:  100%;
    margin:  10px;
    height: 200px;
    position: relative;
}

.flex-cinnosti h3 {
    background:  #51c0ad;
    color:  #fff;
    margin-bottom:  0;
    padding:  10px;
    font-size: 21px;
    font-family: serif;
    text-align:  center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.contact {
    width:  54%;
    padding: 40px 46px;
}

.flex-contact,
.flex-kvalifikace {
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  center;
}

.flex-contact .box,
.flex-kvalifikace .box{
    width:  300px;
    max-width:  100%;
    margin:  10px 10px;
    flex-grow: 1;
    box-shadow: 1px 3px 19px 2px rgba(0, 0, 0, 0.15);
}
.flex-contact .box.box-sidlo {
    width:  100%;
}

span.sidlo::before {
    content: "\f015";
    font-family:  FontAwesome;
    margin-right:  5px;
    font-size:  22px;
}
span.mail::before {
    content: "\f0e0";
    font-family:  FontAwesome;
    margin-right:  5px;
    font-size:  22px;
}
span.tel::before {
    content: "\f095";
    font-family:  FontAwesome;
    margin-right:  5px;
    font-size:  22px;
}
span.person::before {
    content: "\f007";
    font-family:  FontAwesome;
    margin-right:  5px;
    font-size:  22px;
}
span.ucet::before {
    content: "\f155";
    font-family:  FontAwesome;
    margin-right:  5px;
    font-size:  22px;
}
.contact h4,
.contact p {
    text-align: left;
}

#map {
    position: absolute;
    top: 0;
    right: 0;
    width: 46%;
    height: 100%;
}
#map.map-half {
    width: 46%;
    left: initial;
}
@media (max-width: 767px) {
    #map.map-half {
        position: relative;
        width: 100%;
        height: 300px;
    }
    .contact {
        width: 100%;
    }
}
.flex-kvalifikace .box {
    background: #fff;
    flex-grow: 0;
    width: 250px;
    max-width: 100%;
}
.flex-kvalifikace h3 {
    font-size: 22px;
}
.flex-kvalifikace p {
    font-size:  15px;
}
.divider {
    position:  relative;
    transition: 280ms ease-in-out;
}
.divider a {
    position:  absolute;
    top: 0;
    left:  0;
    width:  100%;
    height:  100%;
}
.divider:hover {
    transform: scale(1.05);
}
.portfolio {
    margin-top:  50px;
}
.portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(81, 192, 173, 0.61);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content p {
	margin: 0;
	font-size:  15px;
	color: #fff;
}
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
	margin: 0;
    margin-top: -60px;
    margin-bottom: 10px;
    font-size: 22px;
}

.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content p.odkaz {
    display: inline-block;
    margin:  0 auto;
    color:  #fff;
    background:  #348f80;
    padding:  8px 16px;
    border-radius:  5px;
    font-size:  18px;
    text-decoration: none;
    border: 1px solid #348f80;
    margin-top: 10px;
}
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content p.odkaz:hover {
    background: #fff;
    color: #348f80;
}
.portfolio-modal .modal-content {
	width: 90%;
    margin: 20px auto;
}
.portfolio-modal .close-modal .lr .rl,
.portfolio-modal .close-modal .lr {
	width: 3px;
}
.btn-primary {
    color: #fff;
    background-color: #348f80;
    border-color: #348f80;
}
.btn-primary:hover {
	color: #348f80;
	background: #fff;
	border-color: #348f80;
}
.portfolio-modal .modal-content img {
    margin-bottom: 30px;
    width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	a.btn-own {
		padding: 5px 10px;
	}
	a.banner {
		font-size: 2.4vw;
	}
	.loopPage {
		padding: 20px 15px;
	}
	.loopPage.full-width {
		padding: 20px;
	}
	section {
		padding-bottom: 70px;
	}
	ul {
		margin-left: 5px;
	}
	.obsah {
		height: 180px;
	}
	.flex-polozka {
		margin: 10px;
	}
	.investice h3 {
	    margin: 20px 10px 0 10px;
	}
	footer ul {
		margin-left: 18px;
	}
	.portfolio-modal .modal-content h2 {
		font-size: 25px;
	}
	.portfolio-modal .modal-content p {
		font-size: 16px;
	}
	.portfolio-modal .close-modal .lr,
	.portfolio-modal .close-modal .lr .rl {
		height: 50px;
	}
	.carousel, .item, .active, .carousel-inner {
		margin-top: 0px;
	}
	.navbar-header::before {
		content:  "+420 734 105 620";
		position: absolute;
		top: 35px;
		left:  70px;
		color:  #fff;
		font-size: 18px;
		font-weight:  700;
	}
}
.galleryBox {
    margin-top: 60px;
}
.galleryBox .image {
    margin-left: 0px;
}