/* Flip box */.front {width:100%;background-color: rgba(0, 0, 0, 0.6);color:white;padding: 10px;font: 45px arial, sans-serif;display: flex;justify-content: center;align-items: center;text-align: center;min-height: 200px;}.back {width:100%;background-color: #00458F;color:white;padding:15px 20px 10px 20px;font: 24px arial, sans-serif;text-align: center;min-height: 200px;}.flip {  -webkit-perspective: 800;perspective: 800;    position: relative; text-align: center;}.flip .card.flipped {  -webkit-transform: rotatey(-180deg);    transform: rotatey(-180deg);}.flip .card {  height: 100%;  -webkit-transform-style: preserve-3d;  -webkit-transition: 0.5s;    transform-style: preserve-3d;    transition: 0.5s;}.flip .card .face {  -webkit-backface-visibility: hidden ;    backface-visibility: hidden ;}.flip .card .front {  position: absolute;   width: 100%;}.flip .card .back {  -webkit-transform: rotatey(-180deg);    transform: rotatey(-180deg);}  .inner{margin:0px !important;}    /* pocetna stranica za IE */    .iebox {width:100%;background-color: rgba(0, 0, 0, 0.6);color:white;padding: 20px 10px 20px 10px;font: 45px arial, sans-serif;align-items: center;text-align: center;min-height: 200px;}.iebox:hover {background-color: #00458F;}    /* footer */  .footer {width: auto;background-color: rgba(0, 0, 0, 0);color: white;font: 14px arial, sans-serif;text-align: center;height: 30px;margin: 20px 0px 20px 0px; }.footer-social {width: auto;background-color: rgba(0, 0, 0, 0);text-align: center;margin: 80px 0px 0px 0px;}.icon-social {color: white;text-align: center;margin-right: 10px;padding: 12px;border-radius: 6px;width: calc(25px + (2 * 12px) + 2px);font-size: 25px !important;}.icon-social:hover {background-color: rgba(0, 0, 0, 0.6) !important;}/* navbar */.navbar-brand > img {      max-height: 100%;      height: 100%;      -o-object-fit: contain;      object-fit: contain;    }.navbar-brand{	padding: 5px}.navbar-inverse {background-color: rgba(0, 0, 0, 0);border: 0px;}@media (min-width: 768px) {    .dropdown:hover .dropdown-menu {        display: block;    } }/* jumbotron */.jumbotron-servispc {	min-height: 500px;	color:white;	text-align: center;    background: rgba(0, 0, 0, 0) url(../img/servis-racunala-jbbg3.jpg) no-repeat right center fixed;    background-size: cover;	margin-top: -70px;}@media screen and (max-width: 768px) {    .jumbotron-servispc {     min-height: 300px;    background-attachment: scroll; }}.jumbotron-serviskonzole {	color:white;	text-align: center;    background: rgba(0, 0, 0, 0);	padding: 10px 10px 10px 10px;	} /* container */   .cont-glavni-racunala {	 max-width: 980px;	 margin-top: -70px; }  .cont-glavni-konzole {	 max-width: 980px;	 background-color: rgba(255, 255, 255, 1);	 -webkit-border-radius: 0px 0px 15px 15px;	 -moz-border-radius:0px 0px 15px 15px;	 border-radius: 0px 0px 15px 15px;	 padding: 60px 30px 40px 30px;	  }  .cont-naslov-konzole {	 max-width: 980px;	 background-color: rgba(0, 69, 143, 0.7);	 color:white;	 text-align: center;	 -webkit-border-radius: 15px 15px 0px 0px;	-moz-border-radius:15px 15px 0px 0px;	border-radius: 15px 15px 0px 0px;	  }  .cont-glavni-servisuvj {	 background-color: rgba(0, 0, 0, 0.8);	 max-width: 980px;	 -webkit-border-radius: 0px 0px 15px 15px;	 -moz-border-radius:0px 0px 15px 15px;	 border-radius: 0px 0px 15px 15px;	 padding: 40px 30px 40px 30px;	  }  .cont-glavni-kontakt {	 background-color: rgba(0, 0, 0, 0.8);	 max-width: 980px;	 -webkit-border-radius: 0px 0px 15px 15px;	 -moz-border-radius:0px 0px 15px 15px;	 border-radius: 0px 0px 15px 15px;	 padding: 40px 30px 40px 30px;	  }  .col-karta-podaci {	 padding: 20px; }  .col-karta {	 padding-top: 20px; }  .cont-naslov-adwords {	 max-width: 980px;	 background-color: rgba(0, 0, 0, 0.8);	 color:white;	 text-align: center;	 -webkit-border-radius: 15px 15px 0px 0px;	-moz-border-radius:15px 15px 0px 0px;	border-radius: 15px 15px 0px 0px;	  }  .cont-glavni-adwords {	 background-color: rgba(0, 49, 102, 0.9);	 max-width: 980px;	 -webkit-border-radius: 0px 0px 15px 15px;	 -moz-border-radius:0px 0px 15px 15px;	 border-radius: 0px 0px 15px 15px;	 padding: 40px 30px 40px 30px;	  }  .cont-glavni-webizrada {	 background-color: rgba(0, 69, 143, 0.9);	 max-width: 980px;	 color:white;	 -webkit-border-radius: 15px 15px 15px 15px;	 -moz-border-radius:15px 15px 15px 15px;	 border-radius: 15px 15px 0px 0px;	 padding: 40px 30px 40px 30px;	  } .cont-glavni-webizrada2 {	 background-color: rgba(128, 0, 0, 0.9);	 max-width: 980px;	 color:white;	 -webkit-border-radius: 15px 15px 15px 15px;	 -moz-border-radius:15px 15px 15px 15px;	 border-radius: 0px 0px 15px 15px;	 padding: 40px 30px 40px 30px;	  }  .cont-webizradaresponsive {	 margin-top: 180px;	  }  .okvircolimgwebresp {	 position: relative;	 width: 992px;	 height: 650px;	 margin: 180px auto 50px;	  }   .col-laptop {	 max-width: 530px;	 position: absolute;	 bottom: 55px;	 left: 0;	 padding: 0;	 z-index: 2; }  .col-desktop {	 max-width: 580px; 	 padding: 0;	 z-index: 1;	 margin: 0 auto; }  .col-mobitel {	 max-width: 100px;	 position: absolute;	 bottom: 60px;	 right: 281px;	 padding: 0;	 z-index: 4;	  }  .col-tablet {	 max-width: 190px;	 position: absolute;	 bottom: 120px;	 right: 146px;     padding: 0;	 z-index: 3;	  }  .img-desktop {	 max-width: 580px;	  }  .img-laptop {	 max-width: 530px;	  }  .img-mobitel {	 max-width: 100px;	  }  .img-tablet {	 max-width: 190px;	  }  .contfluid4colwebiz {	 margin-top: 50px;	  }   .wi4colplava:hover { background: rgba(0, 153, 33, 0.9); } .wi4colcrvena:hover { background: rgba(0, 153, 33, 0.9); }  /* jednaka visina kolona i ostalog */  @media only screen and (min-width : 768px) {    .flex-row {        display: flex;        flex-wrap: wrap;    }    .flex-row > [class*='col-'] {        display: flex;        flex-direction: column;    }}.flex-row .thumbnail,.flex-row .caption {    display: flex;    flex: 1 0 auto;    flex-direction: column;}.flex-text {    flex-grow: 1;}    .flex-row img {    width: 100%;}.flex-row .wi4colplava,.flex-row .wi4colcrvena {    display: flex;    flex: 1 0 auto;    flex-direction: column;}/* jednaka visina kolona i ostalog */.imgmaxw {	 max-width: 180px; }  .imgmaxw300 {	 max-width: 300px; }	  .wi4colplava {	 background-color: rgba(0, 69, 143, 0.9);	 color: white;	 -webkit-border-radius: 15px 15px 15px 15px;	 -moz-border-radius: 15px 15px 15px 15px;	 border-radius: 15px 15px 15px 15px;	 padding: 15px;	 margin-bottom: 20px; }  .wi4colcrvena {	 background-color: rgba(128, 0, 0, 0.9);	 color: white;	 -webkit-border-radius: 15px 15px 15px 15px;	 -moz-border-radius: 15px 15px 15px 15px;	 border-radius: 15px 15px 15px 15px;	 padding: 15px;	 margin-bottom: 20px; } .paneltransparent  {	background-color: transparent;	border: 0px;	}		.btnholder  {    text-align: center;	}			.btnkontakt {		color: white;		font-size: 20px;		padding: 20px 40px;        border: 0 none;        font-weight: 700;        letter-spacing: 1px;        text-transform: uppercase;		white-space: normal;}.webizradaprijefootera {		margin-top: 50px;	} .row-pr {	 padding: 0px 10px 0px 10px;	  } 	  	 .col-trw {	 background-color: rgba(255, 255, 255, 1);	 -webkit-border-radius: 0px 0px 15px 15px;	 -moz-border-radius:0px 0px 15px 15px;	 border-radius: 0px 0px 15px 15px;	 padding: 60px 15px 40px 15px;	 }	 	 .col-trw1 {	 background-color: rgba(255, 255, 255, 1);	 padding: 60px 15px 40px 15px;	 }	 	 	 .col-trb {	 background-color: rgba(0, 0, 0, 0.8);	 -webkit-border-radius: 0px 0px 15px 15px;	 -moz-border-radius:0px 0px 15px 15px;	 border-radius: 0px 0px 15px 15px;	 padding: 60px 15px 40px 15px;	 }	 	 .col-card-konzole {	 padding: 25px;	 }	 	 .vaok2-konzole {	 padding: 0px;	 text-align: center;	 width: 100%;	 margin-top: 0px;	 margin-bottom: 60px;	 	 }	 	 .glyphicon-ok-konzole {    font-size: 25px;	color: #004dff;	margin: 10px;}		 	 .vaokvir-serpc {		 width: 90%;		 margin: auto;		 margin-bottom: 100px;		 background-color: #f2f2f2;		 color: black;		 border-style: solid;         border-color: #cccccc #cccccc #cccccc #004dff;         border-width: 0px 0px 0px 15px;		 padding: 15px;		 -moz-text-shadow: 0 0 3px red;         -webkit-text-shadow: 0 0 3px red;		 text-shadow: 0 0 3px red;		 -moz-box-shadow: 10px 10px 5px grey;		 -webkit-box-shadow: 10px 10px 5px grey;		 box-shadow: 10px 10px 5px grey;	 }	   .col-naslov-over {	 background-color: rgba(0, 69, 143, 0.7);	 color:white;	 text-align: center;	 -webkit-border-radius: 15px 15px 0px 0px;	-moz-border-radius:15px 15px 0px 0px;	border-radius: 15px 15px 0px 0px;	padding: 0px 2px 0px 2px;		 }  .img-frame {	 background-color: white;	 border-style: solid;border-color: #b3b3b3;border-width: 8px;-webkit-border-radius: 10px;-moz-border-radius:10px;border-radius: 10px;padding: 10px; }.p-b1 {	 color: #333333;	 font: 16px arial, sans-serif; }  .p-w1 {	 color: white;	 font: 16px arial, sans-serif; }  .p-w {	 color: white; } .p-kontakt {	 color: white;	 font-size: 18px; } .p-redm1 {	 color: red;	 font: 16px arial, sans-serif; }   .u-red {	 color: white;	 text-decoration: underline;	 font-weight: bold;	}	.u-red:hover {	 color: red;	 text-decoration: underline;	 font-weight: bold;	}.u-tablica-red {	 color: red;	 text-decoration: underline;	 font-weight: bold;	}	.u-tablica-red:hover {	 color: white;	 text-decoration: underline;	 font-weight: bold;	}		.aslink a {	 color: white;	 text-decoration: underline;	 font-weight: bold;	}	.aslink a:hover {	 color: red;	 text-decoration: underline;	 font-weight: bold;	} .h3 {	color: black;	 }  .marginbottom100 {	 margin-bottom: 100px; }  .marginbottom60 {	 margin-bottom: 60px; }  .margintop-300 {	 margin-top: -300px; }  .margintop60 {	 margin-top: 60px; }  .margintop4pr {	 margin-top: 4%; }  .margin-topm165-bot370 {	 margin-top: -165px;	 margin-bottom: 370px; }  .table-hover tbody tr:hover td {	 background-color: #00458F;     color:white; }  .table > thead > tr > th {   border-bottom: 2px solid #595959;}.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {   border-top: 1px solid #595959;}	 		 	 	 /* na vrh gumb */  a.back-to-top {	display: none;	width: 50px;	height: 50px;	text-indent: -9999px;	position: fixed;	z-index: 999;	right: 15px;	bottom: 10px;	background: rgba(0, 69, 143, 0.7) url("../img/strelica-gore.png") no-repeat center 43%;	-webkit-border-radius: 25px;	-moz-border-radius: 25px;	border-radius: 25px;	outline: #ffffff dotted 0px;}a:hover.back-to-top {	background-color: rgba(0, 0, 0, 0.7);}.cont-godisnji {	 background-color: rgba(255, 255, 255, 1);	 max-width: 980px;	 	 margin: 25px auto 25px;	 -webkit-border-radius: 15px 15px 15px 15px;	 -moz-border-radius:15px 15px 15px 15px;	 border-radius: 15px 15px 15px 15px;	 padding: 40px 20px 40px 20px;	  }.vaokvir-godisnji {		 width: 90%;		 margin: auto;		 background-color: #f2f2f2;		 color: black;		 border-style: solid;         border-color: #cccccc #cccccc #cccccc #004dff;         border-width: 0px 0px 0px 15px;		 padding: 15px;         text-align: center;		 -moz-text-shadow: 0 0 3px red;         -webkit-text-shadow: 0 0 3px red;		 text-shadow: 0 0 3px red;		 -moz-box-shadow: 10px 10px 5px grey;		 -webkit-box-shadow: 10px 10px 5px grey;		 box-shadow: 10px 10px 5px grey;	 }