body, html, table {
margin: 0px; padding: 0px; font-family: 'Roboto', sans-serif; font-size:16px; font-weight : 300; color: #050549; line-height: 24px;}


body { background: #fff; text-align: center;}
h1,h2,h3, h4, h5 {margin: 0px; padding: 0; font-size: 30px; font-family: 'Inter', sans-serif; line-height: 25px; color: #050549;  font-weight: 100;}
p {padding: 0px; margin: 20px 0px 20px 0px; text-align: center;}
a img {border: 0px solid; display: inline-block;}
a {text-decoration: none; color: #050549;}
a:hover {text-decoration: none;}
strong {font-weight: 700;}
ul {list-style: none; margin: 0; padding: 10px 0;}
ul li { margin: 0; padding: 0; line-height: 24px;}

.right {float: right; text-align: right;}
.left {float: left; text-align: left;}
.center, .center p {text-align: center !important;}
.justify {text-align: justify;}
.skrejt {display: none;}
.error {color: red;}
.clear {width: 100%; clear: both;}
.btn {background: #E6005B; -webkit-border-radius: 6px; border-radius: 6px; border: none; padding: 7px 36px; font-weight: 500; font-size: 16px; line-height: 22px; display: inline-block; color: #ffffff; text-transform: uppercase;}
.btn:hover {background: #050549; color: #fff;}

  

.site {position: relative; width: 100%; text-align: center; overflow: hidden; float: left;}
.wrapper {position: relative; margin: 0px auto; max-width: 1680px; display: inline-block; text-align: center; width: 96%; padding: 0 2%;}
.site>.wrapper { min-width: 1680px;}

                              
    #top {background: url("../images/top.jpg") no-repeat; background-size: auto 100%; min-height: 870px; background-position: center;}
        #top .logo {float: left; margin: 19px 0 0 120px; width: 260px; height: 81px; background: url("../images/logo-medi.png") no-repeat; background-size: 100%;}
            #top .logo strong {display: none;}
        #top .menu-link {float: left; width: 55px; height: 55px; margin: 40px; background: url("../images/menu.png") no-repeat; background-size: 100%; display: none;}
        #menu {float: right; margin: 36px 119px 0 0;}
            #menu a {margin: 10px 15px; padding-bottom: 5px; font-size: 16px; text-transform: uppercase; font-weight: 500; line-height: 48px;}
            #menu a:hover, #menu a.active { border-bottom: 3px solid #E60058;}
        #intro {width: 50%; margin: 246px 0 0 183px; text-align: left;}
            #intro hr {border: 0; width: 15%; height: 3px; background: #041c59; padding: 0; outline: 0; margin: 22px auto;}
            #intro h1 {font-size: 65px; line-height: 100%; font-weight: 100; text-align: left;}
            #intro p {font-size: 15px; line-height: 22px; margin: 0; text-align: center; max-width: 530px; display: inline-block;}
            #intro a.btn {text-align: left; margin: 30px 0 0 0;}
                #intro h1 strong {display: block; font-weight: bold;}

                @media all and (max-width: 1750px) {
                    #top {min-height: 800px;}
                }  
            
                @media all and (max-width: 1600px) {
                    #top {min-height: 750px;}
                } 
            
                @media all and (max-width: 1400px) {
                    #top {min-height: 650px;}
                }  
            
                @media all and (max-width: 1200px) {
                    .wrapper { min-width: 290px !important;}
                    

                }              
            
                @media all and (max-width: 1200px) {
                    #top {min-height: 550px;}
                        #menu {display: none}
                        #menu.active {display: block; background: rgba(255,255,255,0.95); float: none; position: fixed; left: 5px; top: 25px; padding: 10px 0; max-width: 300px; z-index: 9999; border: 1px solid #041c58;}
                        #top .logo {margin: 10px 0px 20px 60px; width: 150px; height: 60px;}
                            #menu a {display: block; text-align: center; margin: 10px; padding: 0; line-height: 28px; }
                            #menu a:hover {border: none;}
                            #menu a.active {border: none;}
                        #top .menu-link {display: block; position: fixed; top: 5px; left: 5px; margin: 0; width: 40px; height: 40px; z-index: 9999;}
                        #intro {margin: 50px 0 0 0; width: 60%; clear: left; margin: 20px 0 0 0;}
                            #intro h1 {font-size: 40px;}
                            .btn {background: #E6005B;}
                } 
            
                @media all and (max-width: 1000px) {
                    #top {min-height: 500px;}
                }                 
            
                @media all and (max-width: 700px) {
                    #top {background-size: 700px; min-height: auto; margin-bottom: 20px;}
                        #intro {padding: 2%; width: 96%; margin: 0;}
                            #intro hr {display: none;}
                            #intro h1 {margin-bottom: 10px;}
                            #intro p {font-weight: 500;}
                }  
            
                @media all and (max-width: 500px) {
                    #top {min-height: 330px;}
                        #top .logo {width: 150px; height: 60px; background-size: 100%; margin: 20px 0 10px 70px;}
                        #menu.active {top: 30px;}
                            #intro h1 {font-size: 26px; margin: 10px 0;}
                            #intro a.btn {margin: 16px 0 0 0;}
                }              
 
 
    #middle {font-weight: 400; padding-bottom: 40px;}
        .spol {display: inline-block; font-size: 18px; line-height: 48px; text-transform: uppercase;}
            .spol b {float: left; width: 145px; height: 1px; background: #050549; margin-top: 24px;}
            .spol i {float: left; margin: 0 27px; font-style: normal;}
        #middle .logo {display: inline-block; clear: both;}
        #middle .spol-left, #middle .spol-right {width: 30%; display: inline-block; vertical-align: top; text-align: left; }
        #middle .spol-left {width: 570px; padding: 0 55px 0 128px;}
        #middle .spol-right {width: 670px; padding: 0 192px 0 55px;}
        #middle .spol-left p, #middle .spol-right p {text-align: left;}
        #middle .investor {font-size: 37px; line-height: 48px; margin: 50px 0;}
        #middle .portfolio {font-size: 16px; line-height: 26px; margin: 50px 0;}
        #middle .pic {display: inline-block; font-size: 20px; line-height: 26px; padding: 35px 10px 35px 180px; background: url("../images/icon-works.png") no-repeat left center; margin: 20px 5% 40px 5%; background-size: 127px 95px;}
        #middle .pic.kc {background: url("../images/icon-obrat.png") no-repeat left center; background-size: 127px 95px;}
                @media all and (max-width: 700px) {
                    .spol b {width: 20px;}
                    #middle .spol-left {width: 100%; padding: 0 10px; display: table-row; padding: 0;}
                    #middle .spol-right {width: 100%; padding: 0 10px; display: table-row; padding: 0;}
                }

    #blue {background: #fff;; background-size: 100%; padding: 50px 0 30px 0; color: #050549; font-weight: 400;}
        #blue .spol {color: #050549;}
            #blue .spol b {background: #6b7ea3;}
        #blue .all-comp-text {display: inline-block; background: url("../images/back-kruh.png") no-repeat right bottom -70px; width: 450px; height: 330px; padding-bottom: 40px; margin: 0 22px;}
        #blue .all-comp-text p {font-size: 37px; line-height: 48px; text-align: left; padding: 69px 100px 0 0; font-weight: 600;}
        #blue .company {position: relative; display: inline-block; width: 380px; text-align: left; margin: 0 22px; vertical-align: top; height: 276px; background-color: #EBF1F3; -webkit-border-radius: 8px; border-radius: 8px; padding: 34px 35px 20px;}
            #blue .company p { font-size: 13px; line-height: 19px; text-align: left;}
            #blue .company h3 {font-size: 22px; line-height: 28px; color: #050549; font-weight: 600; margin-top: 20px;}
            #blue .company .comp-info {position: absolute; bottom: 20px;}
            
                @media all and (max-width: 700px) {
                    #blue {padding-top: 10px;}
                    #blue .all-comp-text {margin: 0;}
                    #blue .company {margin: 0px 0px 20px 0px !important;}
                }
        #blue .company a.btn-comp {display: block; width: 450px;  height: 330px; position: absolute; z-index: 9999;}
        #blue .company:hover {background-color: #D0DBDF;}   
            
    #files {margin: 20px 0; text-align: center;}
        .akcie {text-align: center;}
        .akcie p {background-color: #EBF1F3; display: block; width: 725px; margin: 5.5px auto; line-height: 53px; -webkit-border-radius: 8px; border-radius: 8px; text-align: left; position: relative; padding-left: 25px;}
        .btnx {color: #050549; font-weight: bold; padding-left: 20px; position: absolute; right: 20px; text-align: right;}
        .btnx:hover {text-decoration: underline; } 
                @media all and (max-width: 700px) {
                    .akcie p {padding: 0 10px; width: 90%;}
                    .btnx {text-align: left;position: relative; right: 0; left: 0; margin: auto 0px; text-align: center;}
                }         

    #nadace {background: #e9f1f4 url("../images/nadace.jpg") no-repeat; background-size: cover; padding: 50px 0 60px 0; color: #050549; font-weight: 400; background-position: center center;}
        #nadace .wrapper {max-width: 910px; min-width: 300px;}
        #nadace h2 {font-weight: 600;}
        #nadace p {font-size: 16px; line-height: 24px;}
        #nadace p.fond {font-size: 24px; line-height: 36px;}
        #nadace a.nad-btn {display: inline-block; padding: 13px 34px; background-color: #E6005B; color: #fff; -webkit-border-radius: 8px; border-radius: 8px; margin-top: 20px; font-weight: 700;}
        #nadace a.nad-btn:hover {background: #050549; color: #fff;}


    #foot {font-weight: 400; padding: 50px 0 30px 0; font-family: 'Lato', sans-serif; color: #050549;} /*2c3151*/
        #foot .spol {font-family: 'Roboto', sans-serif;  color: #050549;}
        #foot table {width: 100%; max-width: 900px; margin: 0 auto; text-align: left;}
        #foot table tr td a {font-size: 25px; font-weight: 600;}
        #foot table tr td a:hover {text-decoration: underline;} 
                @media all and (max-width: 700px) {
                    #foot table tr td {display: block; text-align: center; padding: 5px 0;}
                } 
        #belt {width: 100%; height: 76px; background-color: #D0DBDF; margin: 40px 0 0 0;}
            #belt img {margin-top: 9px; display: inline-block; width: 250px; height: 60px;}
            #foot .end {font-size: 12px; line-height: 22px; margin: 15px 0 0 0;}
            
                @media all and (max-width: 1000px) {
                        #foot .pluses {left: -180px;}
                }               
            
                @media all and (max-width: 400px) {
                        #foot .spol b {display: none;}
                }              
            
.end > b {
  font-size: 13px;
  font-weight: 700;
}
.end > a {
  text-decoration: underline;
}

@media all and (max-width: 600px) {
.btnx {display: block;}

}