/** GEOGEBRA **/

.iframe-container.applet_container {
    margin: 20px auto;
}

/** MATIJA **/

.iframe-container.interaction-matija {
    margin: 0px auto 40px;    
    position: relative;
    height: 0;
    padding-top: 56.25%;
    width: 100%;
    text-align: center;   
}


.iframe-container.interaction-matija iframe {
    max-width: 100%;
    position: absolute!important;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
}

/** COGNITA **/

.iframe-container.iframe-wrapper.nonresponsive-cognita {
    margin: 0px auto 40px;
    position: relative;
    width: 100%;
    height: 744px;
    overflow: hidden;
}

.iframe-container.iframe-wrapper.nonresponsive-cognita iframe {
    max-width: 100%;
    position: absolute!important;
    top: 0;
    left: 0;
    border: 0;
}


.iframe-container.iframe-wrapper.responsive-cognita {
    margin: 0px auto 40px;    
    position: relative;
    /*width: 992px;
    height: 744px;
    overflow: hidden;*/
    padding-top: 58.59%;
    overflow: hidden;
    height: 0;
    width: 100%;
    text-align: center; 
}

.iframe-container.iframe-wrapper.responsive-cognita iframe {
    max-width: 100%;
    position: absolute!important;
    top: 0;
    left: 0;
    border: 0;
}

@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .iframe-container.iframe-wrapper.responsive-cognita {
        width: 480px;
        height: 744px;
        padding: 0;
        overflow: hidden;
        -moz-transform: scale(0.689);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.689);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.689);
        -webkit-transform-origin: 0 0;  
        margin-bottom: -200px;
    }
    .iframe-container.iframe-wrapper.responsive-cognita iframe {
        width:480px; 
        height: 744px;
    }
    .iframe-container.iframe-wrapper.nonresponsive-cognita {
        width: 1280px;
        height: 720px;
        padding: 0;
        overflow: hidden;
        -moz-transform: scale(0.258);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.258);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.258);
        -webkit-transform-origin: 0 0;
        margin-bottom: -500px;
    }
    .iframe-container.iframe-wrapper.nonresponsive-cognita iframe {
        width:1280px; 
        height: 720px;
    }
}

@media only screen and (max-width: 720px) {
    .iframe-container.interaction-matija {
        padding-top: 156.25%;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .iframe-container.iframe-wrapper.responsive-cognita {
        width: 100%;
        height: 744px;
        padding: 0;
        overflow: hidden;
        -moz-transform: scale(0.689);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.689);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.689);
        -webkit-transform-origin: 0 0;
    }
    .iframe-container.iframe-wrapper.responsive-cognita iframe {
        width:480px; 
        height: 744px;
    }
    .iframe-container.iframe-wrapper.nonresponsive-cognita {
        width: 1280px;
        height: 720px;
        padding: 0;
        overflow: hidden;
        -moz-transform: scale(0.46);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.46);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.46);
        -webkit-transform-origin: 0 0;
    }
    .iframe-container.iframe-wrapper.nonresponsive-cognita iframe {
        width:1280px; 
        height: 720px;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:991px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .iframe-container.iframe-wrapper.responsive-cognita {
        width: 100%;
        height: 458px;
        padding: 0;
        overflow: hidden;        
    }
    .iframe-container.iframe-wrapper.responsive-cognita iframe {
        width: 100%; 
        height:458px;
    }
	.iframe-container.iframe-wrapper.nonresponsive-cognita {
        width: 1280px;
        height: 720px;
        padding: 0;
        overflow: hidden;
        -moz-transform: scale(0.56);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.56);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.56);
        -webkit-transform-origin: 0 0;
    }
    .iframe-container.iframe-wrapper.nonresponsive-cognita iframe {
        width:1280px; 
        height: 720px;
    }

}

@media only screen and (min-device-width:768px) and (max-device-width:1169px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) {
    .iframe-container.iframe-wrapper.responsive-cognita {
         width: 100%;
        height: 970px;
        padding: 0;
        overflow: hidden;        
    }
    .iframe-container.iframe-wrapper.responsive-cognita iframe {
        width: 768px; 
        height:970px;
        -moz-transform: scale(0.95);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.95);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.95);
        -webkit-transform-origin: 0 0;
    }
    .iframe-container.iframe-wrapper.nonresponsive-cognita {
        width: 100%;
        height: 720px;
        padding: 0;
        overflow: hidden;
        -moz-transform: scale(0.57);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.57);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.57);
        -webkit-transform-origin: 0 0;
    }
    .iframe-container.iframe-wrapper.nonresponsive-cognita iframe {
        width: 1280px; 
        height: 720px;
    }
}

@media only screen and (min-device-width:992px) and (max-device-width:1169px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .iframe-container.iframe-wrapper.responsive-cognita {
        width: 100%;
        height: 744px;
        padding: 0;
        overflow: hidden;        
    }
    .iframe-container.iframe-wrapper.responsive-cognita iframe {
        width: 100%; 
        height:744px;
    }
    .iframe-container.iframe-wrapper.nonresponsive-cognita {
        width: 1280px;
        height: 700px;
        padding: 0;
        overflow: hidden;
        -moz-transform: scale(0.77);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.77);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.77);
        -webkit-transform-origin: 0 0;
    }
    .iframe-container.iframe-wrapper.nonresponsive-cognita iframe {
        width: 1280px; 
        height:700px;
    }
}
@media only screen and (min-device-width:1170px) and (max-width: 2500px) and (-webkit-min-device-pixel-ratio:1) {
    .iframe-container.iframe-wrapper.responsive-cognita {
        width: 100%;
        height: 720px;
        padding: 0;
        overflow: hidden;  
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;      
    }    
    .iframe-container.iframe-wrapper.responsive-cognita iframe {
        width: 100%;
        height: 720px;
    }
    .iframe-container.iframe-wrapper.nonresponsive-cognita {
        width: 100%;
        height: 700px;
        padding: 0;
        overflow: hidden;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
    }
    .iframe-container.iframe-wrapper.nonresponsive-cognita iframe {
        width: 1280px; 
        height:700px;
    }
}

@media only screen and (min-width:1170px) {
    .iframe-container.iframe-wrapper.responsive-cognita {
        width: 100%;
        height: 720px;
        padding: 0;
        overflow: hidden;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
    }
    .iframe-container.iframe-wrapper.responsive-cognita iframe {
        width: 100%; 
        height:720px;
    }
    .iframe-container.iframe-wrapper.nonresponsive-cognita {
        width: 100%;
        height: 720px;
        padding: 0;
        overflow: hidden;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
    }
    .iframe-container.iframe-wrapper.nonresponsive-cognita iframe {
        width: 1280px; 
        height:720px;
    }
}


/** PROSPEKT **/

.iframe-container.interakcije-prospekt {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
min-height: 600px;
margin-bottom: 20px;
}
.iframe-container.interakcije-captivate {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
min-height: 800px;
margin-bottom: 20px;
}
.iframe-container.interakcije-prospekt:before,
.iframe-container.interakcije-captivate:before {
content: '';
display: block;
padding-top: 56%;
}

.iframe-container.interakcije-prospekt iframe,
.iframe-container.interakcije-captivate iframe {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
width: 100% !important;
height: 100% !important;
border: 0;
min-height: auto !important;
}