@charset "utf-8";
/* CSS Document */
html, body{font-family:'Hind',sans-serif; font-weight:300; color:#5b5b5b; font-size:22px; line-height:30px;}
body::after{}
h1{font-size:40px; line-height:46px; text-align:center; font-weight:300; position:relative; margin:0 0 40px 0; padding:0 0 20px 0;}
h1::after{content:""; width:60px; height:3px; background:#137187; position:absolute; bottom:-1px; left:50%; margin-left:-30px;}
h1::before{ width:400px; height:1px; background:#137187; position:absolute; bottom:0; left:50%; margin-left:-200px;}
h2{}
h2::after{}
h2::before{}
a{text-decoration:none; color:inherit; outline:none;}
p{margin:0 0 15px 0;}
p:last-child{margin:0;}
.toggleMenu{display:none; background:#333; color:#fff; font-size:14px; padding:10px; position:absolute; top:10px; left:10px; cursor:pointer; z-index: 1;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.centerText{text-align:left;}
.leftText{text-align:left;}
.centerText{text-align:center;}
.rightText{text-align:right;}

header{padding:20px 0;}
.headerLogo{margin:20px 0; display:block; width: 100%;}
.info {font-size: 14px; font-weight: 400; margin-top: 20px; text-align: right;}

.headerNavHolder{background:rgba(255,255,255,0.8); padding:0 0 15px 0;}
.langHolder, .headerInfo{float:right; margin:0 0 0 20px; font-weight:600; font-size:14px; line-height:25px;}
.langHolder>i, .headerInfo>i{background:#2e3192; color:#fff; width:25px; height:25px; border-radius:50%; float:left; margin:0 5px 0 0; text-align:center; line-height:23px; font-size:11px;}
.langHolder>a{background:#9999ff; color:#fff; width:25px; height:25px; border-radius:50%; float:left; margin:0 5px 0 0; text-align:center; line-height:25px; font-size:12px;}
.langHolder>a.current{background:#2e3192;}

.socialHolder, .headerInfo{float:right; margin:0 0 0 20px; font-weight:600; font-size:14px; line-height:25px;}
.socialHolder>a.current{background:#2e3192;}
.socialHolder>a{background:#9999ff; color:#fff; width:25px; height:25px; border-radius:50%; float:left; margin:0 5px 0 0; text-align:center; line-height:25px; font-size:12px;}

.headerInfoHolder{text-align:left; margin:0 0 30px 0; overflow:auto;}
.headerMenu{float:right; margin:0; padding:0; list-style:none; clear:both; color:#222;}
.headerMenu>li{float:left; margin:0 0 0 40px; position:relative;}
.headerMenu>li:first-child{margin:0;}
.headerMenu>li>a{font-size:16px; line-height:19px; font-weight:400; display:block;}
.headerMenu>li>a:hover{text-decoration:underline;}
.headerMenu>li>a.current{color:#1e8bc3;}
.headerSubMenu{position:absolute; margin:0; padding:20px; z-index:5; list-style:outside none none; background: #8acfdf none repeat scroll 0 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; float: left; margin-right: 5px; width:250px; display:none}
.headerSubMenu>li>a{font-size:15px; line-height:30px; font-weight:400; display:block;}
.headerMenu>li:hover .headerSubMenu{display:block;}
.headerSubMenu>li>a:hover{color:#fff;}
.headerMenu > li > i {cursor: pointer; display: none; float: right; font-size: 20px; position: absolute; right: 20px; top: 10px; z-index: 2;}
.headerSubMenu {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; font-size: 14px; left: 0; line-height: 14px; list-style: outside none none; margin: 0 0 20px; padding: 10px; position: relative; width: 100%;}
.headerSubMenu {background: #2e3192 none repeat scroll 0 0; display: none; font-size: 14px; left: 0; line-height: 18px; list-style: outside none none; margin: 0; padding: 10px; position: absolute; width: 300px; z-index: 2;}
.headerSubMenu > li > a {color: #fff; display: block; padding: 3px 5px;}
.headerSubMenu > li > a:hover {color: #ed1c24;}

/* Main Banner */
.bannerProduct{width:350px !important; position:absolute; top:100px; left:200px}
.bannerText{background:rgba(0,0,0,0.3);bottom:10px;color:#fff;padding:25px;position:absolute;left:470px;text-align:left;z-index:1; border-radius:10px;}
p.bannerTitle{font-size:3vw;line-height:2vw;font-weight:300;margin:0 0 2vw 0;}
p.bannerDesc{font-size:20px; line-height:20px; margin:0 0 2vw 0; font-weight:300;}
a.bannerLink{background:#2e3192; padding:10px 30px;}
.pageBanner{margin-bottom: 50px;}

/* Home Boxes */
.homeTabsHolder{margin-top:-190px; position:relative; z-index:1;}
.homeTabs{margin-top: 170px;}
.homeTabsHolder .homeBox{background: #eee none repeat scroll 0 0; border-radius: 4px; padding: 10px; margin-bottom: 10px; box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.75);}
.homeTabsHolder .homeBox>.boxImg{border-top-left-radius: 4px; border-top-right-radius: 4px; display: block; margin: 0 0 20px; overflow: hidden;}
.homeTabsHolder .homeBox>.title{border-top-left-radius: 4px; border-top-right-radius: 4px; display: block; margin: 0 0 20px; overflow: hidden;}
.homeTabsHolder .homeBox>.content{font-size: 16px; height: 32px; line-height: 18px; margin: 0 0 10px;}
.homeTabsHolder .homeBox>.link {color: #222; float: right; font-size: 16px; font-style: italic; text-decoration: underline;}

/* Novosti */
.pageBanner{margin:0 0 30px 0;}
.novostHolder{margin:0 0 10px 0;}
.novostHolder .title{background:#eee; display:block; font-size:22px; line-height:20px; padding:10px 20px;}
.novostHolder .title i{color:#ffc20e; margin: 0 10px 0 0;}
.text{font-size: 14px; line-height: 20px; margin: 15px 0 0 0;}
.one-edge-shadow {-webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black;}
main{}
main img{width:auto; max-width:100%; margin:0 auto;}
.delimiter{position:relative; width:100%; height:1px; background:#9dbbc1; margin:50px auto;}
.delimiter::after{position:absolute; color:#75cabb; content:url("../img/delimiter.png"); width:100px; height:40px; background:#fff; left:50%; top:0; margin:-20px 0 0 -50px; text-align:center; line-height:40px;}
.homeText{font-weight:300; font-size:24px; line-height:34px;}
.homeBoxHolder {margin-top: -150px; position:relative; z-index: 1;}
.boxImg {border-top-left-radius: 4px; border-top-right-radius: 4px; display: block; margin: 0 0 20px; overflow: hidden;}
.homeBoxHolderRef {margin-top: -150px; position:relative; z-index: 1;}
.detalji{margin-top: 1px; font-size: 13px; line-height: 17px;}

/* Left */
.leftNewsHolder{margin:0 0 30px 0;}
.leftNewsHolder>.title{background:#ffdf78; font-size:17px; line-height:19px; font-weight:700; border-bottom:1px solid #b7ba6b; padding:10px 15px;}
.leftNewsHolder .leftNews{margin:0 0 20px 0; padding:0 0 0 20px; position:relative;}
.leftNewsHolder .leftNews::after{position:absolute; top:2px; left:0; content:"\f274"; font-family:FontAwesome; font-size:12px; line-height:12px;}
.leftNewsHolder .leftNews:last-child{margin:0;}
.leftNewsHolder .leftNews>.title{font-size:15px; line-height:17px; font-weight:700; margin:0 0 5px 0; display:block;}
.leftNewsHolder .leftNews>.date{font-size:13px; line-height:13px; font-weight:600; margin:0 0 10px 0; display:block;}
.leftNewsHolder .leftNews>.description{font-size:14px; line-height:18px; font-weight:400;}

/* Gallery */
.galleryRoom {background: #fff none repeat scroll 0 0; margin-bottom: 10px; padding: 15px;}
.galleryRoomThumb {display: block; overflow: hidden; position: relative;}
.galleryRoomThumb:hover .mask {left: 40px; top: -260px; transform: translate(87px, 37px) rotate(45deg);}
.galleryRoomThumb:hover .maskPlus {opacity: 1; transform: scale(1);}
.mask {background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; height: 400px; left: 200px; position: absolute; top: -150px; transform: translate(87px, 37px) rotate(90deg); width: 400px;}
.homeRoomThumb:hover .mask {left: 5px; top: -260px; transform: translate(87px, 37px) rotate(45deg);}
.maskPlus {color: #eee; font-size: 60px; height: 60px; left: 50%; margin-left: -30px; margin-top: -30px; opacity: 0; position: absolute; text-align: center; top: 50%; transform: scale(0); width: 60px; z-index: 2;}
.homeRoomThumb:hover .maskPlus {opacity: 1; transform: scale(1);}
.styleGallery{padding-top:20px;}

/*Table*/

.table {border-collapse: collapse !important;}
.table td, .table th {} .table {width:100%; max-width: 100%; margin-bottom:40px; float:right; font-size:inherit;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding:4px 10px; font-size:14px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;}
.table > thead > tr > th{border-top:none;}
.table > thead > tr > th{vertical-align: bottom; border-bottom: 2px solid #ddd;}
.table-striped > tbody > tr:nth-of-type(odd){background-color: #f9f9f9;}

/*Kontakt*/

#kontakt_forma label{display:block;}
#kontakt_forma input, textarea {background:-moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 rgba(0, 0, 0, 0); border:1px solid #D5D5D5; border-radius:3px; color:#AAAAAA; font-size:12px; margin:0 0 10px; outline:0 none; padding:8px 7px; resize:none; width:100%;}
#kontakt_forma button {background:none repeat scroll 0 0 #0e76bc; border:0 none; border-radius:3px; color:#FFFFFF; cursor:pointer; font-size:12px; padding:10px 15px;}
#map_canvasResnik, #map_canvasNoviBeograd{border:10px solid #eeeeee; clear:both; height:300px; width:100%; margin:40px 0;}

footer{margin:80px 0 0 0; font-size:15px; line-height:19px; color:#fff;}
.footerHolder{background-image:url(../img/footerbackground-01.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 50%; -webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);}
.footerTop{padding:30px 25px; margin-bottom:5px;}
.footerTitle{font-weight:700; margin:0 0 15px 0; font-size:20px; line-height:22px;}
.footerLinks{margin:0; padding:0; list-style:none; line-height:30px;}
.footerBottom{color:#000;}
.newsletterForm{display:flex;}
.newsletterForm input{border:1px solid #d5d5d5; border-radius:4px; color:#999; font-size:14px; line-height:40px; padding:0 10px; height:40px; resize:none; width:70%; margin:0 10px 0 0; background:#eeeeee; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #eeeeee 1%, #ffffff 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeeeee), color-stop(98%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 1%,#ffffff 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 1%,#ffffff 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 1%,#ffffff 98%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 1%,#ffffff 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.footerAds{text-align: center; margin: 0 auto 25px auto;}
.footerAds img{width: auto; display: inline;}
.newsletterForm button {background:#212121; border:1px solid #212121; border-radius:4px; color:#fff; font-size:14px; line-height:40px; height:40px;  padding:0; cursor:pointer; width:30%}
.footerBottom{background:#f2f2f2; height:50px;}
.footerLogo{display:block; float:left; margin:-20px 20px 0 0;}
.footerLogo>img{width:auto;}
.footerCopyRight{line-height:50px; text-align:center;}
.footerSocial{float:right; text-align:right;}
.footerSocial>a{display:inline-block; float:left; margin:0 0 0 30px; font-size:14px; line-height:50px;}
.closeMenu{color: #000; font-size: 26px; line-height: 43px; display: block; position: absolute; top: 20px; right: 20px; z-index: 21; cursor: pointer; width: 40px; height: 40px; text-align: center; border-radius: 50%; background: #fff;}
.overlay{background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0; bottom:0; left:0; position:fixed; right:0; top:0; z-index:19; display:none;}
#backToTop {bottom:20px; right:20px; cursor:pointer; display:none; height:50px; position:fixed; width:50px; border-radius:4px; font-size:30px; line-height:50px; text-align:center; z-index:3; color: #fff; background:#2e3192; -webkit-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);}