@charset "UTF-8";
.columns {display: flex;}
.columns__column {flex: 1;margin: 0 2%;display: flex;flex-direction: column;}
.columns__content {flex: 1;}
@media all and (max-width:1280px){
.columns {flex-direction: column}
}

.columns__column60 {width:60%;margin: 0 2%;display: flex;flex-direction: column;}
.columns__column40 {width:40%;margin: 0 2%;display: flex;flex-direction: column;}
@media all and (max-width:1280px){
.columns__column60 {margin: 0 auto;display: block;}
.columns__column40 {width:100%;}
}

#blugirl { background: #85cae7; padding: 7rem 2rem;}
.blugirl-bg { background: #85cae7;}
.mari2{margin-right: -2px}

.bglblu{background: #e6ebff;width:100%;min-height: 100vh}
.blu-shadow{background: #fff;margin-bottom:1em; -webkit-box-shadow: 0px 6px 16px 0px rgba(134,160,226,0.5);-moz-box-shadow: 0px 6px 16px 0px rgba(134,160,226,0.5); box-shadow: 0px 6px 16px 0px rgba(134,160,226,0.5);}
.blu-shadow7{background: #fff;margin-bottom:1em; -webkit-box-shadow: 0px 6px 16px 0px rgba(134,160,226,0.7);-moz-box-shadow: 0px 6px 16px 0px rgba(134,160,226,0.7); box-shadow: 0px 6px 16px 0px rgba(134,160,226,0.7);}

.design-w{width: 100%;display: block;background: #fff;padding: 0;color:#000;position: relative; -webkit-box-shadow:0 0 35px 20px rgba(94,39,21,0.2);box-shadow:0 0 35px 20px rgba(94,39,21,0.2)}

.goldline{width:100%;margin:0 auto;padding:1px;background-color:#eaab00;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==),url(data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==),url(data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==);background-repeat:no-repeat;background-size:0 2px,0 100%,0 2px;background-position:top center,top center,bottom center;-webkit-animation:drawBorderFromCenter 4s}
@-webkit-keyframes drawBorderFromCenter {
0%{background-size:0 2px,0 0,100% 100%}
20%{background-size:100% 2px,100% 0,100% 100%}
66%{background-size:100% 2px,100% 98%,100% 100%}
99%{background-size:100% 2px,100% 98%,0 2px}
}
.gold-content{background:#fff;padding:2em}

.title h3{color:#5701ff;font-size:21px;}
.role p{color:#000!important;font-size:12px;font-weight: 700!important; letter-spacing:6px;padding-top: 1px;}
#blog1 .role p{ letter-spacing:2px;padding: 2px 5px;background: #162E50; color:#B3CFFB!important;}
.design-w h2 {font-size: 26px}
.padall321{padding:3rem}
@media all and (max-width:992px){
.design-w h2 {font-size: 24px}	
}
@media all and (max-width:992px){
#bezz {padding: 5rem 2rem;}
}
@media all and (max-width:767px){
.design-w h2 {font-size: 21px}	
.padall321{padding:2rem}
.gold-content{padding:1.5em}
.role p{padding-top: 3px;}		
}
@media all and (max-width:600px){
#bezz {padding: 3rem 1rem;}
.padall321{padding:1rem}
.gold-content{padding:1em}		
}
@media all and (max-width:480px){	
#bezz {padding: 3rem 0;}	
.design-w h2 {font-size: 19px}
.gold-content{font-size:15px}	
.title h3{font-size:18px;}
.role p{font-size:12px;letter-spacing:4px;padding-top: 5px;}		
}
@media all and (max-width:360px){	
.title h3{font-size:15px;}
.role p{letter-spacing:2px;}		
}
.left-foto{float:left;max-width:250px;overflow:hidden;margin-right:40px;margin-bottom:10px;margin-left:0;display:block;}
.left-foto40 {max-width: 40%; margin-right: 40px;margin-bottom: 10px;margin-left: 0;display: block;overflow: hidden;float: left;}
.date{margin:10px 0 15px;background:url(../img/span.png) repeat-x left center;overflow:hidden;font-size:11px}
.date span{line-height:24px;color:#999;background:#FFF url(../img/sat.png) no-repeat left center;padding-left:24px;padding-right:10px;padding-top: 3px;}
@media all and (max-width:767px){
.left-foto{display: none}
.left-foto40 {float:none; width: 100%;max-width: 533px; margin: 0 auto;}	
}
/* animirani naslov */
.breaking_news{width:100%;font-size:14px;letter-spacing: 2px; margin-bottom:30px}
.label{padding:15px;background:#162E50;color:#FFF;text-align:center;font-weight:bold;text-transform:uppercase}
.reketi{width:100px;margin: 0 auto 6px}
.ripple{position:relative;overflow:hidden}
.ripple:after{content:'';position:absolute;top:50%;left:50%;width:15px;height:5px;background:rgba(255,255,255,.2);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%);transform-origin:50% 50%}
@keyframes ripple{0%{transform:scale(0,0);opacity:1}
20%{transform:scale(25,25);opacity:1}
100%{opacity:0;transform:scale(40,40)}
}
.ripple::after{animation:ripple 2s ease-out infinite}

.expand-collapse{margin:0 auto;padding: 15px 0}
.expand-collapse p{color:#000;padding:7px;margin:0}
.expand-collapse div{background-color:#fff;padding:25px 20px 15px;margin:-2px 0 0 0;border-left:solid 1px #E6E9EC;border-right: solid 1px #E6E9EC;border-bottom: solid 1px #E6E9EC;}
.expand-collapse h5{padding:15px;font-weight: 400; background-color:#162E50;color: #B3CFFB;cursor:pointer;margin:0 0 2px}

ul.disc li{padding:0 0 12px 0;list-style: disc inside; }
.blog a{color:#333}
.blog a:hover{color:#0000FF}

.image-container{display:inline-block;padding:10px;position:relative;overflow:hidden;border:2px dashed #d3d3d3;transition:border-color .3s ease}
.image-container:hover{border-color:#00FFFD}