/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 4.4.2016, 8:21:28
    Author     : Rok
*/

@media (min-width: 768px) {
    .navbar {
        border-radius: 0px;
    }
}
.custom-padding-nav-80 {
    padding-top: 80px !important;
}
@media (max-width: 991px) {
    .custom-padding-nav-80 {
        padding-top: 57px !important;
    }
}
.ct-socials--responsive {
    top: 160px;
}
.ct-section-title {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-size: 1.6rem;
}
.play-overlay {
    width: 100%;
    height: 62%;
    position: absolute;
    background: url(../videos/play-btn.png) no-repeat;
    opacity: .7;
    background-position: 50% 100%;
    background-size: 25%;  
}
.play-overlay:hover {
    opacity: 1.0;
}

span.play-overlay {
    //background: url(../videos/play-btn.png) no-repeat;
}

.tilt_img_left {
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    margin-left: -40px !important;
}

.btn--noBorder {
    border: 1px solid transparent;
}

.row.no-margin {
    margin-left:0px;
    margin-right:0px;
}

/* Custom decorated list */
.ct-list-decorated-custom {
    list-style: none;
    padding: 0;
}
.ct-list-decorated-custom li {
    position: relative;
    padding: 12px 0 12px 25px;
}
.ct-list-decorated-custom li:before {
    content: '\f00c';
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 10px;
}

.ct-list-decorated-custom-dots {
    list-style: none;
    padding: 0;
    //padding-left: 15px;
}
.ct-list-decorated-custom-dots li {
    position: relative;
    padding: 10px 0 5px 25px
}
.ct-list-decorated-custom-dots li:before {
    content: '\f111';
    color:#ffb700;
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 10px;
}
.ct-list-decorated-custom-dots-blue {
    list-style: none;
    padding: 0;
    padding-left: 15px;
}
.ct-list-decorated-custom-dots-blue li {
    position: relative;
    padding: 12px 0 12px 25px;
}
.ct-list-decorated-custom-dots-blue li:before {
    content: '\f111';
    color:#335ea1;
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 10px;
}
/* Custom slider rules */
.slick-slider .slick-track, .slick-slider .slick-list {
    height: 100%;
}
.slider-row-1 .ct-pageHeader.ct-pageHeader--type1 .ct-pageHeader-title span,.slider-row-1 .ct-pageHeader.ct-pageHeader--type2 .ct-pageHeader-title span {
    display: inline;
    padding: 15px 7px 0px 7px;
}
.slider-row-1 hr {
    border-top: 3px solid #ffb700;
}
.slider-row-4 hr {
    border-top: 3px solid #ffb700;
}
.slider-row-2 img {
    margin: 0 auto;
    padding: 15px 25px 25px 25px;
}
@media (max-width: 768px) {
    .slider-row-1 img {
        max-height: 145px;
        margin:0 auto;
    }
    #custom-video .video-container {
        min-height: 460px;
    }
}
@media (max-width: 768px) {
    .slider-row-1 img {
        max-height: 145px;
        margin:0 auto;
    }
    #custom-video .video-container {
        min-height: 460px;
    }
}
#custom-slider.ct-dots--type1.slick-slider, #custom-slider.ct-slick-arrows--rounded.slick-slider {
    height: 100% !important;
}
.banner-overlay {
    background: linear-gradient(to left,transparent 0,rgba(0,0,0,.6) 100%);
    //padding: 5px 20px 20px;
    //border-radius: 5px;
}

/* Packages navigation (packages-menu.php) */
nav.packages-nav {
    min-height: 465px;
}
.packages-list {
    padding:0;
}
.packages-list h4.bg-4 {
    background: url(../images/content/logopress/products/degrade-gris-pack-4.jpg) 0 0 no-repeat;
}
.packages-list h4.bg-3 {
    background: url(../images/content/logopress/products/degrade-gris-pack-3.jpg) 0 0 no-repeat;
}
.packages-list h4.bg-2 {
    background: url(../images/content/logopress/products/degrade-gris-pack-2.jpg) 0 0 no-repeat;
}
.packages-list h4.bg-1 {
    background: url(../images/content/logopress/products/degrade-gris-pack-1.jpg) 0 0 no-repeat;
}
.packages-list > li {
    list-style-type:none;
}
.packages-list > li ul {
    overflow: hidden;
    height:auto;
    max-height: 0;
    transition: max-height 0.2s ease;
}
.packages-list > li.active ul {
    height:auto;
    max-height:500px;
    transition: max-height 0.7s ease;
}
.packages-list > li.active > h4 > a:after {
    content: "\f107";
    margin-right: 15px;
}
.packages-title {
    margin:0px;
}
.packages-title a {
    font-weight: 700;
    color: #474747;
    height: 43px;
    font-size: 16px;
    line-height: 16px !important;
    text-transform: none;
    padding-left: 40px;
    padding-top: 3px;
    display: block;
    text-decoration: none !important;
}
.modules-list {
    margin-bottom:5px;
}
.modules-list li {
    margin: 5px 0px;
}
.modules-list a {
    font-weight:600;
    font-size:13px;
    //text-decoration:underline;
}
.packages-title a:after {
    content: "\f104";
    float: right;
    margin-right: 20px;
    margin-top: -6px;
    font-family: FontAwesome;
    font-size: 28px;
}
.packages-title a span {
    font-size:14px;
    font-weight:300;
    font-style: italic;
}

/* Demo flex form */
.flex {
    display: flex;
}

.flex .checkbox {
    align-self: center;
    color: #939393;
    text-transform: uppercase;
}
.flex .checkbox label {
    padding-left: 25px;
}
.flex .checkbox input[type=checkbox] {
    min-width: 20px;
    min-height: 20px;
    margin: 0px 0px 0px -25px;
}

/* Modules table */
.modules-table td {
    vertical-align:middle !important;
}
.c-td {
    background-color:#F9F9F9;
    padding:0px 3px 0px 4px !important;
}
.c-td p {
    margin:0;
    padding: 2px 2px;
}

.c-td-m {
   vertical-align: middle !important;
}
.ct-address .ct-address-item .ct-widget-title1 {
    font-weight: 700;
    font-style: italic;
    color: #fff;
    line-height: 30px;
    margin-bottom: 0;
    font-size: 24px;
    font-size: 2.4rem;
}

/* Side links icons */
#forum.ct-cart{
    top: 160px;
}
#blog.ct-cart{
    top: 210px;
}
#market.ct-cart{
    top: 260px;
}
.fa.fa-users{color: #22aae2;}
.fa.fa-newspaper-o{color: #2196F3;}
.cart-is-open #blog.ct-cart {
    right: -80px;  
    top: 210px;
}
.cart-is-open #forum.ct-cart{
    right: -80px;  
    top: 160px;
}
.cart-is-open #market.ct-cart{
    right: -80px;  
    top: 260px;
}
.forumtext
{
     top: 9px;
     right: 105px;
     color: #22aae2;
     visibility: hidden;
     opacity: 0;
     background: transparent;
     box-shadow: none;
     position: relative;
     font-family: "Open Sans",sans-serif;
     font-size: 16px;
     font-weight: 600;
}
#forum.ct-cart:hover .forumtext
{
    visibility: visible;
    opacity: 1;
}
.blogtext
{
     top: 9px;
     right: 88px;
     color: #22aae2;
     visibility: hidden;
     opacity: 0;
     background: transparent;
     box-shadow: none;
     position: relative;
     font-family: "Open Sans",sans-serif;
     font-size: 16px;
     font-weight: 600;
}
#blog.ct-cart:hover .blogtext
{
    visibility: visible;
    opacity: 1;
}
.lang-images{
    max-width: 25px;
    max-height: 25px;
}
.ct-cart__message1 {
    text-align: center; 
    text-transform: uppercase; 
    height: 40px;
    width: 70px; 
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
   -webkit-transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1);
}
.languagetext
{
     top: -40px;
     right: 71px;
     color: #22aae2;
     visibility: hidden;
     opacity: 0;
     background: transparent;
     box-shadow: none;
     position: relative;
     font-family: "Open Sans",sans-serif;
     font-size: 16px;
     font-weight: 600;
     width: 220%;
}
#language.ct-cart:hover .languagetext
{
    visibility: visible;
    opacity: 1;
}
.languagetext:lang(sl) { 
   right: 71px;
}
.lang-switch {
    top: 110px; 
}
.lang-switch .ct-cart__product {
    padding: 0px;
    height: 40px;
    min-height: 40px;
}

.lang-switch .ct-cart__product-empty {
    display: none;
}

/* Footer navigation (site-map) */
.custom-site-map {
    padding-top:10px;
    padding-left:0px;
}
.custom-site-map li {
    list-style-type:none;
}
.custom-site-map li a {
    text-transform:none;
    font-size: 1.3rem;
}

/**************** START STYLES: MOBILE MENU .lang-beacon copied styles from .navbar-beacon ****************/
.navbar.navbar-dark .nav.navbar-nav {
    margin-top: 0;
    margin-bottom: 0; 
}
@media only screen and (min-width: 768px) {
    .navbar.navbar-dark .nav.navbar-nav {
        margin-top: 4.5px;
        margin-bottom: 3.5px;
        margin-right: -70px;
    }  
    .navbar.navbar-dark .nav.navbar-nav li a {
        margin: 10px 30px 10px 0;
    }  
    .navbar.navbar-dark .navbar-header {
        text-align:center;
    }
}
body.navbar-scrolled.ct-menu-effect .lang-beacon {
    background-color: #000; }
body.navbar-scrolled.ct-menu-effect .lang-beacon li a:hover {
    background-color: #fff;
    color: #000; }
body.navbar-scrolled.ct-menu-effect .lang-beacon li.dropdown .dropdown-menu {
    border-bottom: 1px solid #fff; }

body.ct-menu-effect .lang-beacon {
    position: fixed;
    top: 80px;
    bottom: 0;
    right: 200%;
    height: 100%;
    max-width: 400px;
    z-index: 9000;
    overflow-y: auto;
    padding-right: 230px;
    background-color: #000; }
@media only screen and (min-width: 992px) {
    body.ct-menu-effect .lang-beacon {
        background-color: black;
        background-color: rgba(0, 0, 0, 0.5); } }
body.ct-menu-effect .lang-beacon.bounceInRight {
    width: 100%;
    left: auto;
    right: -235px; }
body.ct-menu-effect .lang-beacon.bounceOutRight {
    width: 100%;
    left: auto;
    right: -235px; }
body.ct-menu-effect .lang-beacon.bounceInRight-duration {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
body.ct-menu-effect .lang-beacon li a {
    display: block;
    color: #fff;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    padding: 15px 0;
    font-size: 14px;
    font-size: 1.4rem; }
body.ct-menu-effect .lang-beacon li a:hover {
    color: #000;
    background-color: #fff; }
@media only screen and (min-width: 992px) {
    body.ct-menu-effect .lang-beacon li a:hover {
        color: #fff;
        background-color: black;
        background-color: rgba(0, 0, 0, 0.85); } }
body.ct-menu-effect .lang-beacon li.is-active > a {
    color: #000;
    background-color: #fff; }
@media only screen and (min-width: 992px) {
    body.ct-menu-effect .lang-beacon li.is-active > a {
        color: #fff;
        background-color: black;
        background-color: rgba(0, 0, 0, 0.85); } }
body.ct-menu-effect .lang-beacon li.dropdown a i {
    position: relative;
    float: right;
    right: 25px;
    -webkit-transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1); }
body.ct-menu-effect .lang-beacon li.dropdown .dropdown-menu {
    float: none;
    display: none;
    position: static;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0 none; }
body.ct-menu-effect .lang-beacon li.dropdown .dropdown-menu li a {
    font-size: 10px;
    font-size: 1rem; }
body.ct-menu-effect .lang-beacon li.dropdown.is-active a i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

body.ct-menu-effect .ct-menu-mobile + .navbar-beacon + .lang-beacon {
   top: 50px; }

@media only screen and (max-width: 991px) {
    .navigation-wide .ct-menu-mobile + .navbar-beacon + .lang-beacon {
        display: block; } }

@media only screen and (min-width: 768px) {
    .ct-menu-mobile {
        display: none; }
    .ct-menu-mobile + .navbar-beacon + .lang-beacon {
        display: none;
        top: 57px; } }

@media only screen and (max-width: 767px) {
    .navbar-beacon + .navbar-beacon + .lang-beacon {
        display: none; } }
/**************** END STYLES .lang-beacon copied styles from .navbar-beacon ****************/

.ct-sectionHeader .ct-sectionHeader-title1 {
    color: #ffb700;
}
.ct-sectionHeader .ct-sectionHeader-title2 {
    color: #335EA1;
}

.modules_case_study1 a {
    float: right;
    text-decoration: underline;
    color: #4673ae;
}
.modules_case_study1 a:hover {
     color: #ffb700;
}

.modules_case_study2 a {
    text-decoration: underline;
    color: #4673ae;
}
.modules_case_study2 a:hover {
     color: #ffb700;
}

.navbar-default .navbar-nav1 {
    float: none;
}

.navbar-default .navbar-nav1 > li > a {
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    color: #4673ae;
    padding: 30px 0px;
    border-radius: 50px;
    background-clip: padding-box;
    font-size: 11px;
    font-size: 1.1rem;
}

.navbar-default .navbar-nav1 > li > a:before, .navbar-default .navbar-nav1 > li > a:after {
    border-color: transparent; 
}

.navbar-wide .navbar-header1 {
    line-height: 1px; }
.navbar-wide .navbar-header1 .navbar-brand {
    position: relative;
    display: inline-block;
    margin-top: -4px;
    height: 80px;
    line-height: 80px;
    padding: 0 22px; }
@media only screen and (max-width: 1199px) {
    .navbar-wide .navbar-header1 .navbar-brand {
        padding: 0 10px; } }
.navbar-wide .navbar-header1 .navbar-brand:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 40px;
    top: 50%;
    right: 0;
    margin-top: -17px;
    background-color: #e5e5e5; }
@media (max-width: 1300px) {
    .navbar-wide .navbar-header1 .navbar-brand:after {
        display: none; } }
.navbar-wide .navbar-header1 .navbar-brand img {
    display: inline-block; }


@media (min-width: 768px){
.navbar-nav1 >li {
    float: inherit;} }

.ct-iconBox li {
   
    padding: 7px 0 7px 7px;
   
}
.ct-sectionHeader .ct-sectionHeader-subtitle1 {
    padding-top: 2px;
}

.ct-contactForm #cf-message {
    min-height: 120px;
}


.v_align
{
    vertical-align: middle !important;
    text-align: center;
    width: 25%;
}

.c_align
{
    color: red;
    text-align: center;
}

.ct-sectionHeader h4.ct-sectionHeader-title2 span 
{
    color: red;
}

@media (max-width: 1200px){
    .navbar-wide .navbar-nav > li > a {
        padding-left: 13px;
        padding-right: 13px;
    }
}

@media (max-width: 1550px){
    .navbar-wide .navbar-nav > li > a {
        padding-left: 8px;
        padding-right: 7px;
    }
}

#bg_color
{
    background-color: rgba(245, 244, 244, 0.44);
}

.box_shaddow
{
    box-shadow: 5px 5px 10px -5px rgb(51, 94, 161);
}

@media screen and (max-width: 767px){
    .table-responsive>.table>tbody>tr>td{
        white-space: normal !important;
    }
}

@media screen and (min-width: 1551px){
    .navbar-wide .navbar-nav > li > a {
        padding-left: 0px;
        padding-right: 26px;
    }
}

@media screen and (min-width:1200) and (max-width: 1353px){
    .navbar-wide .navbar-nav > li > a {
        padding-left: 9px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 1620px){
    .navbar-wide .ct-contactBox {
        display: none;
    }
}

@media (max-width: 1620px){
    .navbar-wide .ct-iconBox--small.ct-contactBox--responsive {
        display: block;
    }
    .navbar-wide .navbar-nav > li > a {
        padding-left: 3px;
        padding-right: 5px;
    }
}

.fa-caret-right , .fa-caret-left
{
    color:#ffb700;
}

@media (min-width: 780px) and (max-width:990px){
    .data-height {
        min-height: 230px;
    }
}
@media (min-width: 991px){
    .data-height {
        min-height: 300px;
    }
}


#request-form.ct-contactForm .form-control, .ct-contactForm .selectize-input {
    background-color: rgba(82, 79, 79, 0.63);
    border: 2px solid #939393;
    font-family: "Montserrat", sans-serif;
    min-height: 45px;
    padding-left: 32px;
    border-radius: 5px;
    background-clip: padding-box;
    -webkit-transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1);
}

#request-form.ct-contactForm button[type="submit"] {
    border-radius: 3px;
    border: 1px solid rgba(250,250,250,.75);
    top: 21px;
    right: 16px !important;
    color: white;
    font-size: 1.3rem;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.colorred
{
    color: #ee2722 !important;
}

.colorred a
{
    color: #ee2722 !important;
}


/*TIMER*/
.time-box{
	width:150px;
	height:150px;
	display:table;
	border:2px solid #fff;
	margin:50px auto;
        
        background: rgba(9, 86, 117, 0.25);
        
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	    -ms-border-radius:15px;
	     -o-border-radius:15px;
	        border-radius:70px;
	
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	     -o-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.time-box-inner{
	width:150px;
	height:150px;
	display:table;
	text-align:center;

	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	     -o-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
.time-number{
        color: whitesmoke;
	font-size:60px;
	width:100%;
	display:inline-block;
	font-weight:600;
	padding-top: 15%;
	
	
	-webkit-transition:all .25s;
	   -moz-transition:all .25s;
	    -ms-transition:all .25s;
	     -o-transition:all .25s;
	        transition:all .25s;
}
.time-number .digit{
	line-height: 60px;
	display: inline-block;	
	overflow: hidden;
}

.time-name{
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
        color: whitesmoke;
}
.time-until{
	text-align:center;
	margin:0;
}
.time-until span{
	color: #fff;
	font-size:18px;
	line-height:40px;
	display:inline-block;
	background-color:#3498db;
	text-transform:uppercase;
	padding:0px 25px;
}

.prijava span{
	color: #fff;
	font-size:12px;
	line-height:40px;
	display:inline-block;
	background-color:#3498db;
	text-transform:uppercase;
	padding:0px 25px;
}


@media only screen and (max-width: 500px){
    
    
    #prijava_btn_mobile{
    border-radius: 7px;
    background: red;
    color: white;
    margin-right: 5px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 102px;
}
    

    .height-resize {
        margin-top: 20px !important;
    }

    .time-count-container{
        min-height:230px;
        margin-top:-10px;

    }


    .time-box{
        width:80px;
        height:80px;
        display:table;
        border:2px solid #ccc;
        margin:50px auto;
        color: whitesmoke;

        -webkit-border-radius:12px;
        -moz-border-radius:12px;
        -ms-border-radius:12px;
        -o-border-radius:12px;
        border-radius: 40px;

        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
    }
    .time-box-inner{
        width: 58px;
        height:55px;
        display:table;
        text-align:center;

        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
    }
    .time-number{

        font-size: 20px;
        width: 100%;
        display: inline-block;
        font-weight: 600;
        padding-top: 32%;
        padding-left: 11%;
        color: whitesmoke;

        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        -ms-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }
    .time-number .digit{
        line-height: 25px;
        display: inline-block;	
        overflow: hidden;
    }

    .time-name{
        font-size:11px;
        text-transform:uppercase;
        font-weight:700;
        padding-left: 15%;
    }
    .time-until{
        margin:0;
    }

    .time-until span{
        color: #fff;
        font-size:12px;
        line-height:24px;
        display:inline-block;
        background-color:rgba(9, 86, 117, 0.6);
        text-transform:uppercase;
        padding:0px 25px;
        letter-spacing: 6px;
    }

    .timer_color
    {
        color:whitesmoke;
    }

    .timer_padding_s
    {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -5px;
    }

    .timer_padding_m
    {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -5px;
    }

    .timer_padding_u
    {
        padding-left: 5px;
        padding-right: 0px;

    }

    .timer_padding_d
    {
        padding-right: 0px;
        padding-left: 15px;
    }
    
     .padding_prijava
    {
        margin-bottom: 20px !important;
    }
}

.cas_span
{
    width: 100%;
}

@media screen and (min-width: 501px) and (max-width: 684px) {
    .time-box{
	width:100px;
	height:100px;
	display:table;
	border:2px solid #fff;
	margin:50px auto;
        
        background: rgba(9, 86, 117, 0.25);
        
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	    -ms-border-radius:15px;
	     -o-border-radius:15px;
	        border-radius:70px;
	
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	     -o-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.time-box-inner{
	width:100px;
	height:100px;
	display:table;
	text-align:center;

	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	     -o-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
.time-number{
        color: whitesmoke;
	font-size:35px;
	width:100%;
	display:inline-block;
	font-weight:600;
	padding-top: 16%;
	
	
	-webkit-transition:all .25s;
	   -moz-transition:all .25s;
	    -ms-transition:all .25s;
	     -o-transition:all .25s;
	        transition:all .25s;
}
.time-number .digit{
	line-height: 45px;
	display: inline-block;	
	overflow: hidden;
}

.time-name{
	font-size:13px;
	text-transform:uppercase;
	font-weight:700;
        color: whitesmoke;
}
.time-until{
	text-align:center;
	margin:0;
}
.time-until span{
        color: #fff;
        font-size:12px;
        line-height:24px;
        display:inline-block;
        background-color:rgba(9, 86, 117, 0.6);/*#22aae2*/;
        text-transform:uppercase;
        padding:0px 25px;
        letter-spacing: 6px;
    }
    
    .timer_padding_d
    {
        padding-right: 0px;
    }
    
    .timer_padding_u
    {
        padding-left: 0px;
        padding-right: 0px;
    }

    .timer_padding_m
    {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -5px;
    }

    .timer_padding_s
    {
        padding-left: 0px;
    }
    
    .time-count-container{
        margin-bottom: -55px;
    }
}
@media screen and (min-width: 685px) and (max-width: 776px) {
    .padding_prijava
    {
        padding-top: 0px !important;
    }
    
    .arrow-down
    {
            margin-left: 26%;
    }
}

@media screen and (min-width: 685px) and (max-width: 1145px) {
    
    .time-box{
	width:130px;
	height:130px;
	display:table;
	border:2px solid #fff;
	margin:50px auto;
        
        background: rgba(9, 86, 117, 0.25);
        
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	    -ms-border-radius:15px;
	     -o-border-radius:15px;
	        border-radius:70px;
	
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	    -ms-transform:rotate(45deg);
	     -o-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.time-box-inner{
	width:130px;
	height:130px;
	display:table;
	text-align:center;

	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	     -o-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
.time-number{
        color: whitesmoke;
	font-size:55px;
	width:100%;
	display:inline-block;
	font-weight:600;
	padding-top: 16%;
	
	
	-webkit-transition:all .25s;
	   -moz-transition:all .25s;
	    -ms-transition:all .25s;
	     -o-transition:all .25s;
	        transition:all .25s;
}
.time-number .digit{
	line-height: 45px;
	display: inline-block;	
	overflow: hidden;
}

.time-name{
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
        color: whitesmoke;
}
.time-until{
	text-align:center;
	margin:0;
}
.time-until span{
        color: #fff;
        font-size:12px;
        line-height:24px;
        display:inline-block;
        background-color:rgba(9, 86, 117, 0.6);/*#22aae2*/;
        text-transform:uppercase;
        padding:0px 25px;
        letter-spacing: 6px;
    }
    
    .timer_padding_d
    {
        padding-right: 0px;
        padding-left: 30px;
        margin-left: 30px;
    }
    
    .timer_padding_u
    {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -20px;
    }

    .timer_padding_m
    {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -30px;
    }

    .timer_padding_s
    {
        padding-left: 0px;
        margin-left: -25px;
    }
    
    .padding_prijava
    {
        padding-top: 50px;
    }
}

   


@media only screen and (min-width: 1146px){
    .time-box{
        width:140px;
        height:140px;
       
    }
    .time-box-inner{
        width:140px;
        height:140px;
       
    }
    .time-number{

        font-size: 55px;
        width: 100%;
        display: inline-block;
        font-weight: 600;
        padding-top: 16%;
       
       
    }
    .time-number .digit{
        line-height: 45px;
        display: inline-block;	
        overflow: hidden;
    }

    .time-name{
        font-size:15px;
        text-transform:uppercase;
        font-weight:700;
       
    }
    .time-until{
        margin:0;
    }

    .time-until span{
        color: #fff;
        font-size:12px;
        line-height:24px;
        display:inline-block;
        background-color: rgba(9, 86, 117, 0.6);/*#22aae2*/;
        text-transform:uppercase;
        padding:0px 25px;
        font-weight: bold;
        letter-spacing: 6px;
        
    }

    .timer_color
    {
        color:whitesmoke;
    }

    .timer_padding_s
    {
        padding-left: 0px;
       margin-left: -25px;
    }

    .timer_padding_m
    {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -30px;
    }

    .timer_padding_u
    {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -20px;

    }

    .timer_padding_d
    {
        padding-right: 0px;
        padding-left: 30px;
        margin-left: 30px;
    }
    .padding_prijava
    {
        padding-top: 50px;
    }
    
}

.back_shadow{
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.32);
}


#prijava_btn1 {
    margin-top: -30px;
    background: red;
    color: white;
    padding: 15px 50px;
    font-size: 20px;
    box-shadow: 0px 0px 18px 5px rgba(81, 81, 78, 0.75);
    border: 1px solid whitesmoke;
    border-radius: 2px;
}

.c-tdpad {
    background-color: #90d0ec;
    padding: 5px 0px 5px 10px !important;
}

.c-tdpad1 {
    background-color: rgb(212, 242, 255);
}

.c-tdpad2 {
    background-color: rgba(212, 242, 255, 0.6);
}

.table-responsive > .table > tbody > tr > td {
    white-space: normal;
    padding: 0px 4px 4px 10px;
}

#bottom-button, .ct-contactForm button[type="submit"] {
    top: 75%;
    padding: 13px 6px 27px 18px;
    font-family: "Open Sans",sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-size: 1.1rem;
    border-radius: 6px;
    background-clip: padding-box;
    font-weight: 600;
}

.forma .ct-contactForm .form-group  {
    position: relative;
    margin-bottom: 15px;
}

.forma .ct-contactForm .form-control, .ct-contactForm .selectize-input {
    background-color: white;
    border: 1px solid black;
    font-family: "Open Sans",sans-serif;
    min-height: 35px;
    padding-left: 32px;
    border-radius: 5px;
    background-clip: padding-box;
    font-weight: 600;
    -webkit-transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1);
}

#format 
{
    text-transform: lowercase !important;
    color: white !important;
}

#colorprijava {
    color: white;
}

/** LIVE-Zagreb videos *******/
#video_rows {
    padding: 15px 15px 0px 15px;
    background: rgba(96, 125, 139, 0.14);
    box-shadow: 0px 5px 7px 2px #9E9E9E;
}

.videos-text h6 {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-family: "Open Sans",sans-serif;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    font-size: 1.4rem;
}

.videos-text a {
    text-decoration: underline;
    color: #4673ae;
}

.videos-text a:hover {
    color: #ffb700;
}

.videos-text h3 {
    color: #666666;
    margin-bottom: 20px;
}
a.title-link:hover {
    color: #4673ae;
}

#video_rows .ct-iconBox.ct-iconBox--type1 {
    text-align: center;
    margin-bottom: 10px;
}

.arrow-down {
    width: 0px;
    height: 0px;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 17px solid rgb(3, 169, 244);
    padding-bottom: 15px;
    margin-left: 36%;
}


/*Kontaktna forma*/

.ct-contactForm .form-control, .ct-contactForm .selectize-input {
    border-radius: 5px;
}

.ct-contactForm .form-control, .ct-contactForm .selectize-input {
    min-height: 40px;
}

.ct-contactForm .form-group {
    position: relative;
    margin-bottom: 25px;
}

.back_shadow2
{
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.28);
}

/* What's new page */
.whats-new img {
    border:1px solid lightgray;
}
.whats-new span.c_red {
    color:red;
}


.background-position1
{
    background-position: initial;
}

#btndownload .btn-group.btn-group--separated .btn-lg:first-child {
    padding: 10px 10px 10px 10px;
}

#btndownload .btn-group.btn-group--separated .btn-lg:last-child {
    padding: 10px 10px 10px 10px !important;
}

hr.products-line {
    margin-top: 0px;
    border: 1px solid #ffb700;
    border-radius: 10px;
}

/* Products Matrix */
a img { border:0 }
img.matrix-button { margin:0 20px 1px 0 }
table.matrix {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
width:auto/*550px*/;
border-collapse: separate;
}
table.matrix h1 { font-size:22px; line-height:120%; font-weight:normal; text-align:left; padding:0; margin:0; }
table.matrix h2 { font-size:13px; line-height:120%; font-weight:bold; color:#ffb700; padding:0; margin:0; text-transform:uppercase; text-align: center;}
table.matrix h3 { font-size:10px; line-height:140%; font-weight:normal; color:#333333; text-align:left; padding:2px 0; margin:0 }
table.matrix h4 { font-size:13px; line-height:140%; font-weight:normal; color:#333333; padding:0; margin:0; }
table.matrix p { font-size:11px !important; line-height:140% !important; padding:4px 0; margin:0; }
table.matrix h4 a { color:#333333; }
table.matrix h4 a:hover { text-decoration:underline; }
table.matrix tr th a { font-size:10px; }
.col-2-left { width:560px }
.col-3-left { width:420px }
.col-4-left { width:300px }
.col-2-header { background-repeat:no-repeat; }
.col-2-heading-top { width:155px; padding: 10px 8px 0; background-repeat:no-repeat; }
.col-2-heading-bot { width:151px; height:40px; padding:4px 10px 8px; background-repeat:no-repeat; text-align:center; }
.col-2-heading-top-h { width:155px; padding: 10px 8px 0; background-repeat: no-repeat; }
.col-2-heading-bot-h { width:151px; height:40px; padding:4px 10px 8px; text-align:center; }
.col-3-header { background-repeat:no-repeat; }
.col-3-heading-top { width:145px; padding: 10px 8px 0; background-repeat:no-repeat; }
.col-3-heading-bot { width:/*141px;*/auto; height:40px; padding:4px 10px 8px; background-repeat:no-repeat; text-align:center; }
.col-3-heading-top-h { width:145px; padding: 10px 8px 0; background-repeat:no-repeat; }
.col-3-heading-bot-h { width:auto;/*141px;*/ height:40px; padding:4px 10px 8px; background-repeat:no-repeat; text-align:center; }
.col-4-header { background-repeat:no-repeat; }
.col-4-heading-top { width:135px; padding: 10px 8px 0; background-repeat:no-repeat; }
.col-4-heading-bot { width:131px; height:40px; padding:4px 10px 8px; background-repeat:no-repeat; text-align:center; }
.col-4-heading-top-h { width:135px; padding: 10px 8px 0; background-repeat:no-repeat; }
.col-4-heading-bot-h { width:131px; height:40px; padding:4px 10px 8px; background-repeat:no-repeat; text-align:center; }
.highlight-heading-bot { height:56px; padding: 8px; background-repeat:no-repeat; }
td.sol-col-button { width:18px;
border:1px solid #d3d3d3;
border-right:0;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 0%, #dfdfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%,#dfdfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%,#dfdfdf 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f4f4 0%,#dfdfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
padding: 8px 1px 7px 6px;
}
td.sol-col {
border-top:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 0%, #dfdfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%,#dfdfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%,#dfdfdf 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f4f4 0%,#dfdfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
padding: 8px 8px 7px 0;
}
td.sol-col a { text-decoration:none; }
td.sol-col-1 { background-color:rgba(241, 211, 14, 0.3);/*#f1d30e;*/ border-right:1px solid #ffffff; text-align:center; }
td.sol-col-2 { background-color:rgba(241, 173, 14, 0.17);/*#f1ad0e;*/ border-right:1px solid #ffffff; text-align:center; }
td.sol-col-3 { background-color:rgba(241, 116, 14, 0.39); border-right:1px solid #ffffff; text-align:center; }
.solution-spacer { height:5px; }
.capability td { border-bottom:1px solid #eeeeee; }
.capability-end td { border-bottom:1px solid #d3d3d3; }
td.cap-col { padding:6px 20px 6px 33px; }
td.cap-col-1 { background-color:rgba(241, 211, 14, 0.3);/*#f5e056;*/ border-right:1px solid #ffffff; text-align:center; }
td.cap-col-2 { background-color:rgba(241, 173, 14, 0.17);/*#f5c656;*/ border-right:1px solid #ffffff; text-align:center; }
td.cap-col-3 { background-color:rgba(241, 116, 14, 0.39); border-right:1px solid #ffffff; text-align:center; }
td.cap-empty { border-bottom:none; }
th.controlbuttons { text-align:left;}
.collapseall:hover { cursor:pointer; }
.expandall:hover { cursor:pointer; }
.matrix-button:hover { cursor:pointer; }
.namelink {color:#f02d28 !important; font-size:14px !important;}



.collapse-table-body {
display: none;
}
table.collapsible-matrix tbody {
height:0px;
}
table.collapsible-matrix thead td {
cursor:pointer;
}
table.product-matrix {
width:610px;
border-collapse:collapse;
margin-left: 30px;
color: darkgray;
vertical-align: central;
padding: 0px;
}
table.product-matrix thead {
background-color: #f3f4f4;
}
table.product-matrix thead th {
width: 110px;
padding: 0px;
}
table.product-matrix thead th:first-child {
width: 255px;
padding: 5px;
}
table.product-matrix thead th h3 {
color: #f26522;
font-weight: normal;
text-align:center;
margin: 7px;
font-size:10pt;
text-transform: uppercase;
width: 100px;
}
table.product-matrix thead td {
background: url('/sw/images/interface/arrowed_header_bars.png') 0px -30px no-repeat transparent;
/* on the td not tr for IE7 compat */
padding: 0px 25px;
font-weight:bold;
height: 30px;
color: #636363;
text-transform: uppercase;
vertical-align: central;
border: 1px solid lightgray;
border-top: 0px none;
width:100%;
}
table.product-matrix tbody tr {
width:600px;
padding-left: 10px;
}
table.product-matrix tbody tr:hover>td {
background-color: #D9ECF2;
}
table.product-matrix tbody tr:last-child {
border-bottom: none;
}
table.product-matrix thead td.switched {
background: url('/sw/images/interface/arrowed_header_bars.png') 0px 0px no-repeat;
/* on the td not tr for IE7 compat */
}
table.product-matrix tbody td {
width: 115px;
white-space:normal;
background-color: white;
/* on the td not tr for IE7 compat */
border-bottom: 1px solid lightgray;
}
table.product-matrix tbody td:first-child {
width: 255px;
padding: 5px;
}
table.product-matrix tbody td.checked {
background: url('/sw/images/interface/Square.png') no-repeat center center transparent;
/* restate for IE7 compat */
}
/* end table collapse */