/*
    PATH for webkit, automatic sizing 
    https://stackoverflow.com/questions/3226001/some-font-sizes-rendered-larger-on-safari-iphone
    */
    html, body {
	-webkit-text-size-adjust: none;
    }


    html,
    body {
        margin: 0px;
        font-family: "ProximaSoft-Medium", sans-serif;
    }
    
    h1 {
        font-family: "Atrament-Light", sans-serif;
        font-size: 48px;
    }
    /*todo collapse sizes*/
    
    .colorPlate {
        /*
        background: #C7D8E0;
        border: 1px solid #C4BFDD;
        */
        height: 2000px;
    }
    
    .floatLeft {
        float: left;
    }
    
    .floatRight {
        float: right;
    }
    /* vcent */
    /* For mobile phones: */
    /* --------------------------------------------------
     GRID: https://www.w3schools.com/css/css_rwd_grid.asp 
     */
    
    .row::after {
        content: "";
        clear: both;
        display: table;
    }
    
    [class*="col-"] {
        /*      width: 100%;*/
        float: left;
    }
    /*    @media only screen and (min-width: 768px) {*/
    /* For desktop: */
    
    .col-1 {
        width: 8.33%;
    }
    
    .col-2 {
        width: 16.66%;
    }
    
    .col-3 {
        width: 25%;
    }
    
    .col-4 {
        width: 33.33%;
    }
    
    .col-5 {
        width: 41.66%;
    }
    
    .col-6 {
        width: 50%;
    }
    
    .col-7 {
        width: 58.33%;
    }
    
    .col-8 {
        width: 66.66%;
    }
    
    .col-9 {
        width: 75%;
    }
    
    .col-10 {
        width: 83.33%;
    }
    
    .col-11 {
        width: 91.66%;
    }
    
    .col-12 {
        width: 100%;
    }
    /*    }*/
    /*
 <div class="row">
<div class="col-3">...</div>
<div class="col-6">...</div>
<div class="col-3">...</div>
</div> 
*/
    /* Not supported in all browsers !!! */
    /*
    @font-face {
        font-family: Atrament_Medium;
        src: url("/fonts/Atrament-Medium.otf") format("opentype");
    }
*/
    /*
@font-face {
    font-family: GraublauWeb;
    font-weight: bold;
    src: url("path/GraublauWebBold.otf") format("opentype");
}
*/
    
    .main_logo {
        padding-top: 33px;
    }
    /* ------------------------------ Main Page ------------------------------------ */
    
    @media only screen and (max-width: 999px) {
        .halferA {
            float: right;
            position: relative;
            width: 100%;
        }
        .halferB {
            float: right;
            width: 100%;
        }
        .halferTop {}
    }
    
    @media only screen and (min-width: 1000px) {
        .halferA {
            float: right;
            position: relative;
            top: -250px;
            width: 50%;
        }
        .halferB {
            float: right;
            width: 50%;
        }
        .halferTop {
            width: 50%;
        }

	/* lepsi mezery na main pagi, aby uprostred nebyla tak velka dira*/
	.halferA .objectTextBox_lightblue, .halferA .objectTextBox_lightblue2, .halferA .objectTextBox_lightblue3 {
	    margin-left:35px !important;
	}

	/* lepsi mezery na main pagi*/
	.halferB .objectTextBox_lightblue, .halferB .objectTextBox_lightblue2, .halferB .objectTextBox_lightblue3, .halferTop .objectTextBox_white {
	    margin-right:35px !important;
	}

    }
    
    @media only screen and (max-width: 1000px) {
        .objectTextBoxImg {
            display: none;
        }
    }




















/* templater */

@media all and (max-width:899px) {
.seminare_circle_positioner {
    text-align:center;
    margin-top:90px;
}

}
@media all and (min-width:900px) {
.seminare_circle_positioner {
    text-align:right;
}

}






/* co delame */

@media all and (max-width:899px) {
.manifestPos {
padding-top: 80px;
}
}


@media all and (min-width:900px) {
.manifestPos {
padding-top: 125px; 
}
}


/* ------------------- team --------------------------*/

@media all and (max-width:1000px) {
    .teamqrcode {
	display:none;
    }
}



/* sirka obrazku */
@media all and (max-width:449px) {
    .team_image_left .im, .team_image_right .im {
	display:none;
    }
    .team_image_left .im2, .team_image_right .im2 {
	width:100%;
    }
}


@media all and (min-width:450px) and (max-width:999px) {
    .team_image_left .im, .team_image_right .im {
	display:none;
    }
    .team_image_left .im2, .team_image_right .im2 {
	width:280px;
    }
}


@media all and (min-width:1000px) {
    .team_image_left .im, .team_image_right .im {
	height:600px;
    }
    .team_image_left .im2, .team_image_right .im2 {
	display:none;
    }
}





/* container rozlozeni (lr, rl) */
@media all and (max-width:999px) {
    .team_container_left {
        padding-left: 30px;
        padding-right: 30px;
        
    }
    .team_text_left {
        
    }
    .team_image_left {
        text-align: right;
    }
}


@media all and (min-width:1000px) {

    .team_container_left {
        position: relative;
        min-height: 650px;
    }
    .team_text_left {
        position: relative;
	padding-top: 60px;
        padding-left: 70px;
        padding-right: 470px;
        padding-bottom: 0px;
    }
    .team_image_left {
        position: absolute;
        right: 130px;
        width: 300px;
        bottom: 0px;
    }
}

/* -- */
@media all and (max-width:999px) {
    .team_container_right {
        padding-left: 30px;
        padding-right: 30px;
    }
    .team_text_right {
    }
    .team_image_right {
        text-align: right;
    }
}

@media all and (min-width:1000px) {
    .team_container_right {
        position: relative;
        min-height: 650px;
    }
    .team_text_right {
	padding-top: 60px;
        position: relative;
        padding-right:70px;
        padding-left: 470px;
        padding-bottom: 0px;
    }
    .team_image_right {
        position: absolute;
        left: 0px;
        width: 300px;
        bottom: 0px;
    }
}


/* -------------------------------- Kontakty -------------------------- */

.kontakt_col {
    vertical-align: top;
}
/*
@media all and (max-width: 399px) {
    .kontakt_col {
	display:inline-block;
	width: 100%;
    }
}

@media all and (min-width: 400px) and (max-width: 699px) {
    .kontakt_col {
	display:inline-block;
	width: 50%;
    }
}


@media all and (min-width: 700px) and (max-width: 1049px) {
    .kontakt_col {
	display:inline-block;
	width: 33.3%;
    }
}
*/

@media all and (max-width: 499px) {
    .kontakt_col {
	padding:0px;
	width: 180px;
    }
}


@media all and (min-width: 500px) {
    .kontakt_col {
	display:inline-block;
	padding:20px;
    }
}



/* --------------------------------- iFactory ----------------------------- */


@media all and (max-width:599px) {
.ifactory_pos {
    padding-left:30px; padding-right:30px;
}
}


@media all and (min-width:600px) {
.ifactory_pos {
    padding-left:70px; padding-right:70px;
}
}


/* ------------------------------------------ */

@media all and (max-width:549px) {
    .sliderw {
	width: 240px;
    }
}


@media all and (min-width:550px) and (max-width:779px) {
    .sliderw {
	width: 480px;
    }
}

@media all and (min-width:780px) and (max-width:1059px) {
    .sliderw {
	width: 720px;
    }
}


@media all and (min-width:1060px) {
    .sliderw {
	width: 960px;
    }
}






/* ---- stredni text ----- */

.strednitext {
    font-family: 'ProximaSoft-Medium', sans-serif; font-size: 14px; color: #FFFFFF; line-height:18px; text-align:left; 
}

@media all and (max-width:767px) {
    .strednitext {
	padding-right:0px;
	padding-left:0px;
    }
}

@media all and (min-width:768px) {
    .strednitext {
	width:60%;
    }
}

/* ----- videobigheight ------- */

@media all and (max-width:449px) {
.videobigheight {
    height:200px;
}
}


@media all and (min-width:450px) and (max-width:767px) {
.videobigheight {
    height:300px;
}
}

@media all and (min-width:768px) {
.videobigheight {
    height:415px;
}
}


/* --------- perexbig ---------------- */

@media all and (max-width:767px) {
.perexbig {
    width: 100%;
}
}


@media all and (min-width:768px) {
.perexbig {
    width: 80%;
}
}


/* --------- perextight ---------------- */

@media all and (max-width:767px) {
.perextight {
    width: 90%;
}
}


@media all and (min-width:768px) {
.perextight {
    width: 50%;
}
}


/* ------------------------------------- */
/*
@media all and (max-width:500px) {
.hideme {
    display: none;
}
}
*/


.circle_hover {
    color: #FFFFFF;
}


.circle_hover:hover {
    color: #C4BFDD;
}