@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext'); /*font-family: 'Roboto', sans-serif;*/
/*
@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf')  format('truetype'), url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximaNova-Semibold.ttf')  format('truetype'), url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova-Light';
  src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf')  format('truetype'), url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/





@font-face {
    font-family: 'futura_md_btmedium';
    src: url('../fonts/futuramdbtmedium.eot');
    src: url('../fonts/futuramdbtmedium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuramdbtmedium.woff2') format('woff2'),
         url('../fonts/futuramdbtmedium.woff') format('woff'),
         url('../fonts/futuramdbtmedium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_ltbold';
    src: url('../fonts/futuraltbold.eot');
    src: url('../fonts/futuraltbold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuraltbold.woff2') format('woff2'),
         url('../fonts/futuraltbold.woff') format('woff'),
         url('../fonts/futuraltbold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/*html { overflow-x: hidden; }*/
body {margin: 0;padding: 0;max-width: 100%;overflow-x: hidden;background: #fff;font-size: 15px;}
img { border: 0; }
.center { text-align: center; margin: inherit auto; }
.clear { clear: both; display: block; }
.container {width: 1000px;margin: 0 auto;position: relative;max-width: 100%;}
.arowRight {display: none; position: absolute; top: 16px; right: 0;}

.nodisplay-m { display: block; }

input:-webkit-autofill { background-color: #fff !important; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

/*
#maintenance { background: url(../template/maintenance.jpg) no-repeat right bottom; min-height: 535px; }
#maintenance h1 { font-family: 'ProximaNova-Semibold'; font-size: 35px; font-weight: normal; margin: 0; padding: 0; color: #000; text-transform: uppercase; }
#maintenance h1 span { font-size: 15px; }
#maintenance p { margin: 50px 0 30px; font-size: 20px; width: 500px; }
#maintenance .btnCollection { border: 1px solid #000; min-width: 150px; display: inline-block; background: #000; color: #fff; width: 125px; padding: 7px 0; text-align: center; text-transform: uppercase; font-family: 'ProximaNova-Regular'; }
#maintenance .btnCollection:hover { background: #fff; color: #000;  }
*/

/*#content .ytp-right-controls { padding-right: 10%!important; width: 90%; }*/
/*#content .slick-slide { background: #2e2e2e; }*/

a, a:hover, a:active, a:focus { outline: 0; }
input:required { box-shadow:none; }
input:invalid { box-shadow:none; }

::-webkit-selection { background: #205a82; color: #87badf; }
::-moz-selection { background: #205a82; color: #87badf; }
::selection { background: #205a82; color: #87badf; }

a, a *, a::before, a::after, .btn, #header #cssmenu > ul > li > a, input[type=submit], #content .leftInner  .imgContent .leftImg::after { text-decoration: none; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
#animation #slider .desc, .animate *, .animate { text-decoration: none; -o-transition:1.5s; -ms-transition:1.5s; -moz-transition:1.5s; -webkit-transition:1.5s; transition:1.5s; }

/*#header {position: relative; }*/
#header {position: fixed; width: 100%; z-index: 100;}
#header .topNavBig { padding-bottom: 40px; background: #205a82 url(../template/bottomShadow.png) no-repeat bottom center; border-top: 10px solid #87badf; text-align: center;  transition: all .4s;}
#header .logo {display: inline-block; height: 146px; width: 198px; background: url(../template/logo.png) no-repeat center top; }
#header .logo:hover { -webkit-animation: pulse 1s infinite; animation: pulse 1s infinite; }
#header .topNavBig .button { display: inline-block; padding: 5px 10px; font-family: 'futura_md_btmedium'; font-size: 14px; text-transform: lowercase; }
#header .topNavBig .button.pregled { border: 1px solid #eb5352; background: #eb5352; float: right; color: #ffffff; }
#header .topNavBig .button.pregled:hover { border: 1px solid #87badf; background: transparent; color: #87badf; }

#header .menuBg {height: 55px;background: #1b4d70; font-family: 'futura_md_btmedium'; font-size: 15px; }
#header #cssmenu {width: 100%;z-index: 20;height: 55px;text-transform: uppercase;font-size: 15px;color: #fff;position: relative;background: transparent;}

#header #cssmenu i { position: absolute; top: 21px; right: 16px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
#header #cssmenu .hasDrop { position: relative; }
#header #cssmenu .hasDrop i {top: 19px;}
#header #cssmenu ul {margin: 0;list-style: none;padding: 0;font-family: 'futura_md_btmedium'; font-size: 15px;}
#header #cssmenu ul li.none { display: none; float: left; }
#header #cssmenu ul li {display: block;}
#header #cssmenu > ul > li > a {color: #fff;padding: 20px 25px 19px 25px;letter-spacing: .2px;margin: 0 0px 0 0;text-transform: uppercase;min-width: 30px;font-size: 16px;display: block;/*text-shadow: 1px 1px 3px rgba(0,0,0,0.5);*/box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;position: relative;}
#header #cssmenu > ul > li > a.first { margin-left: 0; }
#header #cssmenu > ul > li > a.last { margin-right: 0; }
#header #cssmenu > ul > li > a:hover, #header #cssmenu > ul > li.active > a, #header #cssmenu  a.activeSubmenu { color: #fff; text-shadow: none;background: #eb5352;}
#header #cssmenu ul ul li:hover i { color: #554032 }
#header #cssmenu ul li:hover a.item.hasDrop::after { border-bottom: 2px solid #212121; border-right: 2px solid #212121; }
#header #cssmenu ul li.active:hover a.item.hasDrop::after { border-bottom: 2px solid #212121; border-right: 2px solid #212121; }
#header #cssmenu ul li.active a.item.hasDrop::after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; }
#header #cssmenu ul li.active a.item.hasDrop:hover::after { border-bottom: 2px solid #212121; border-right: 2px solid #212121; }

#cssmenu ul li:hover > ul > li { height: 100%; }
#header #cssmenu ul ul {z-index: 1000;position: absolute;top: 55px;background: rgba(27, 77, 112, 0.95);border-bottom: 6px solid #87badf;border-top: 6px solid #87badf;}
#header #cssmenu ul ul li {width: 335px;}
#header #cssmenu ul ul li a {max-width: 335px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#header #cssmenu ul ul li a {color: #fff;font-size: 14px;padding: 17px 20px 11px;}
#header #cssmenu ul ul li:hover i { color: #fff;}
#header #cssmenu ul ul li:hover > a,
#header #cssmenu ul ul li a:hover { color: #fff; background: #eb5352; }
#header #cssmenu ul ul ul { z-index: 1000; position: absolute;  top: 0; padding-top: 0px; display: none; border-left: 1px solid #ccc; border-top: 0; border-bottom: 0; left: 100%; }
#header #cssmenu ul ul .hasDrop i { color: #000; }
#header #cssmenu ul ul li.hasDrop:hover ul { left: 100%; display: block; }
#header #cssmenu ul ul li { border-bottom: 1px solid #ccc; }
#header #cssmenu i {position: absolute;top: 21px;right: 8px;text-shadow: none;}
#header #cssmenu .has-sub2 i { top: 10px; }

.menuBg .container {width:1111px;}


#animation { margin: 0; position: relative; height: 645px; background: #1a4c70; top: 256px;}
#animation #slider {background: #fff;width: 100%;height: 645px;position: relative;z-index: 5;/* -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 65%);  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 65%); */}
#animation .bottomBg {position: absolute;bottom: 0;width: 100%;height: 240px;z-index: 15;background: #1a4c70;-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 65%);clip-path: polygon(0% 100%, 0% 0%, 160% 100%, 0% 100%);}
#animation .bottomBg .container { height: 240px; }
#animation .bottomBg h2 { width: 480px; max-width: 100%; margin-top: 100px; color: #fff; font-weight: normal; text-transform: uppercase; font-family: 'futura_md_btmedium'; font-size: 17px; }
#animation .bottomBg p { width: 480px; max-width: 100%; font-family: 'Roboto', sans-serif; font-size: 14px; color: #fff; font-weight: 300; margin: 15px 0; }
#animation .links {position: absolute;bottom: -25px;left: 0px;z-index: 99;}
#animation .ico { float: left; margin: 0 5px; line-height: 55px; width: 55px; height: 55px; text-align: center; display: inline-block; color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 0; background: #eb5352;  }
#animation .ico:hover i { -webkit-animation: pulse 1s infinite; animation: pulse 1s infinite; color: #1a4c70; }
#animation .ico.fs35 { font-size: 35px; }
#animation .ico.fs25 { font-size: 25px; }
#animation .bottomBg .leftBG { width: 477px; height: 240px; background: url(../template/sliderLeftBg.png) no-repeat center left; left: 0; top: 0; position: absolute; }
#animation .bottomBg .rightBG { width: 791px; height: 240px; background: url(../template/sliderRightBg.png) no-repeat center right;  right: 0; top: 0; position: absolute; }
#animation #slider img { display: block; margin: 0 auto; }
#animation #slider .desc {overflow: hidden; width: calc(100% - 10px); padding: 0 5px; height: 345px; max-width: 1000px; right: calc((100% - 1000px) / 2); position: absolute;z-index: 10;top: 115px;background: none;text-align: right;}
#animation #slider .desc h2 {position: absolute; top: 0px; right: -200%; width: calc(100% - 10px); padding: 0 5px; text-align: right; font-family: 'futura_ltbold';font-size: 51px;font-weight: normal;color: #fff;margin: 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } 
#animation #slider .slick-active .desc h2 { right: 0; }
#animation #slider .desc .btn {bottom: -300px;position: absolute;right: 5px; border-radius: 0; display: inline-block; padding: 10px 20px; font-family: 'futura_md_btmedium'; font-size: 14px; text-transform: uppercase;border: 1px solid #eb5352; background: #eb5352; float: right; color: #ffffff;}
#animation #slider .desc .btn:hover {border: 1px solid #1a4c70; background: transparent; color: #1a4c70;}
#animation #slider .slick-active .desc .btn {bottom: 120px;}

#cover { display: block; position: relative; height: 230px; max-width: 100%; margin: 0 auto; width: 100%; background-repeat: no-repeat; background-position: center top;top: 256px;}
#cover .cover { position: relative; z-index: 10; height: 270px; background: url(../template/slider/1.jpg) no-repeat; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 65%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 42%); }
#cover .cover .container { padding: 45px 0; }
#cover .cover .container .msg {  }
#cover .cover .container .msg h2 {text-align: right;font-family: 'futura_ltbold';font-size: 51px;font-weight: normal;color: #fff;margin: 0;text-shadow: 1px 1px 3px rgba(0,0,0,0.5);text-transform: uppercase;}
#cover .o-nama { background-image: url(../template/covers/o-nama.jpg); }

#cover .bottomBg { position: absolute; bottom: 0; width: 100%; height: 120px; z-index: 5; background: #1a4c70;  }
#cover .bottomBg .container { height: 120px; }
#cover .bottomBg .links { position: absolute; bottom: -25px; left: 0px; }
#cover .bottomBg .ico { float: left; margin: 0 5px; line-height: 55px; width: 55px; height: 55px; text-align: center; display: inline-block; color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 0; background: #eb5352;  }
#cover .bottomBg .ico:hover i { -webkit-animation: pulse 1s infinite; animation: pulse 1s infinite; color: #1a4c70; }
#cover .bottomBg .ico.fs35 { font-size: 35px; }
#cover .bottomBg .ico.fs25 { font-size: 25px; }
#cover .bottomBg .leftBG { width: 477px; height: 120px; background: url(../template/sliderLeftBg.png) no-repeat center left; left: 0; top: 0; position: absolute; }
#cover .bottomBg .rightBG { width: 791px; height: 120px; background: url(../template/sliderRightBg.png) no-repeat center right;  right: 0; top: 0; position: absolute; }


#content { min-height: 200px; margin-top: 256px;}
#content .container {width: 1000px; padding: 30px 0px;}
#content .whiteContent { position: relative; background: #fff; }
#content .leftPart { float: left; padding-top: 50px; width: 565px; }
#content .leftPart h2.large { text-transform: uppercase; font-family: 'futura_ltbold'; font-size: 30px; color: #012e4d; font-weight: normal; margin: 0; }
#content .leftPart p { margin: 25px 0; font-family: 'Roboto', sans-serif; font-size: 14px; color: #100804; font-weight: 300; line-height: 25px; }
#content .rightPart { float: right; width: 395px; position: absolute; bottom: -85px; right: 0; z-index: 99; }
#content .rightPart #homeTextSlider { height: auto; padding: 55px 25px; overflow: hidden; background: #fff; }
#content .rightPart #homeTextSlider .slick-prev { position: absolute; top: 10px; right: 45px; cursor: pointer; display: inline-block; color: #eb5352; font-size: 25px; z-index: 20; }
#content .rightPart #homeTextSlider .slick-next { position: absolute; top: 10px; right: 15px; cursor: pointer; display: inline-block; color: #eb5352; font-size: 25px; z-index: 20; }
#content .rightPart #homeTextSlider h2 {position: relative;font-family: 'futura_ltbold';font-size: 30px;color: #012e4d;font-weight: normal;margin: 0;text-transform: uppercase;padding-left: 20px;}
#content .rightPart #homeTextSlider h2::before { width: 7px; content: ""; background: #87badf; height: 100%; position: absolute; left: 0px; top: 0; }
#content .rightPart #homeTextSlider p { margin: 50px 0; font-family: 'Roboto', sans-serif; font-size: 14px; color: #100804; font-weight: 300; line-height: 28px; }
#content .rightPart #homeTextSlider .btn { border-radius: 0; display: inline-block; padding: 10px 20px; font-family: 'futura_md_btmedium'; font-size: 14px; text-transform: uppercase;border: 1px solid #eb5352; background: #eb5352; color: #ffffff; }
#content .rightPart #homeTextSlider .btn:hover { border: 1px solid #1a4c70; background: transparent; color: #1a4c70; }
#content .rightPart .bottomShadowSmall { width: 100%; background-size: 100% auto; height: 30px; background-image: url(../template/bottomShadowSmall.png); background-repeat: no-repeat; background-position: center top;  }

#content .bgContent { height: 480px; border-bottom: 8px solid #87badf;  position: relative; }
#content .bgContent .container { height: 420px; }
#content .bgContent.bellokoPonuda { background: url(../template/homePageBellokoPonuda.jpg) no-repeat center top; }
#content .bgContent.bellokoPonuda .contentImg { width: 379px; height: 433px; position: absolute; bottom: -45px; left: 5px; z-index: 10; }
#content .bgContent.bellokoPonuda .rightInfo p {margin: 0 0 10px;font-family: 'Roboto', sans-serif;font-size: 14px;color: #100804;font-weight: 300;line-height: 28px;}
#content .bgContent.bellokoPonuda .rightInfo a { -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;color: #eb5352; font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: .5px; text-decoration: underline; }
#content .bgContent.bellokoPonuda .rightInfo a:hover { text-decoration: none; opacity: .8; }
#content .bgContent.bellokoPonuda .rightInfo {width: 450px;float: right;margin-right: 20px;text-align: right;padding-top: 120px;}
#content .bgContent.bellokoPonuda .rightInfo h3 { font-family: 'futura_md_btmedium'; text-transform: uppercase; font-size: 17px; color: #eb5352; font-weight: normal; margin: 5px 0; }
#content .bgContent.bellokoPonuda .rightInfo h2 {font-family: 'futura_ltbold';text-transform: uppercase;font-size: 30px;color: #012e4d;font-weight: normal;margin: 5px 0 10px;}
#content .bgContent.bellokoPonuda .rightInfo .listItem {display: inline-block;position: relative;padding-right: 20px;margin-bottom: 15px;font-family: 'Roboto', sans-serif;font-size: 14px;color: #100804;font-weight: 400;text-transform: uppercase;}
#content .bgContent.bellokoPonuda .rightInfo .listItem::after { content: ""; position: absolute; right: 6px; top: 6px; border-radius: 50%; background: #87badf; width: 7px; height: 7px;  }
#content .bgContent.bellokoPonuda .rightInfo .listItem::before { position: absolute; left: 0; bottom: -2px; content: ""; height: 2px; width: 0; background: #c9c8c8; }
#content .bgContent.bellokoPonuda .rightInfo .listItem:hover::before {width: calc(100% - 20px);  height: 2px; background: #c9c8c8; }
#content .bgContent.bellokoPonuda .rightInfo .listItem:hover::after { background: #eb5352; }
#content .bgContent h2.headlineLeft {font-family: 'futura_ltbold';text-transform: uppercase;font-size: 30px;font-weight: normal;margin: 0;position: relative;display: inline-block;}
#content .bgContent h2.headlineLeft a { color: #012e4d; }
#content .bgContent h2.headlineLeft a:hover { color: #eb5352; }
#content .bgContent h2.headlineLeft a::before {position: absolute;left: 0;bottom: -2px;content: "";height: 2px;width: 0;background: #c9c8c8;}
#content .bgContent h2.headlineLeft a:hover::before {width: calc(100%);  height: 2px; background: #c9c8c8; }

#content .whiteContent.bgOn {border-top: 7px solid #87badf;background: #fff url(../template/whiteContentBgOn.jpg) no-repeat center top;background-size: 100%;}
#content .whiteContent.bgOn .container.ptb100 { padding: 50px 0; }
#content .whiteContent.fastLinksBg .container.ptb110 { padding: 55px 0; }
#content .whiteContent .container.ptb100 { padding: 100px 0; }
#content .whiteContent .container.fullCenter { text-align: center; }
#content .whiteContent .container.fullCenter.leftText { text-align: left; }
#content .whiteContent .container.fullCenter h3 { font-family: 'futura_md_btmedium'; text-transform: uppercase; font-size: 17px; color: #eb5352; font-weight: normal; margin: 5px 0; }
#content .whiteContent .container.fullCenter h2 { font-family: 'futura_ltbold'; text-transform: uppercase; font-size: 28px; color: #012e4d; font-weight: normal; margin: 5px 0 25px; }
#content .whiteContent .container.fullCenter h2.smaller { font-size: 18px; }
#content .whiteContent .container.fullCenter p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #100804; font-weight: 400; text-transform: uppercase; }
#content .whiteContent .container.fullCenter .boxes { margin-top: 40px; }
#content .whiteContent .container.fullCenter .boxes .box { text-align: left; width: 285px; display: block; margin: 0; background: #f8f8f8; float: left; position: relative; }
#content .whiteContent .container.fullCenter .boxes .box span.labelSpan {width: 105px;background: #eb5352;height: 42px;position: absolute;top: 15px;left: -10px;z-index: 101;line-height: 42px;text-align: center;font-family: 'futura_md_btmedium';font-size: 14px;text-transform: uppercase;color: #ffffff;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
#content .whiteContent .container.fullCenter .boxes .box span.labelSpan::before {position: absolute;top: 100%;left: 0;z-index: 4;display: block;content: '';width: 1px;height: 0px;border-left: 10px solid transparent;border-top: 10px solid #914342;}
#content .whiteContent .container.fullCenter .boxes .box:nth-child(2) { margin: 0 calc((100% - 3 * 285px) / 2); }
#content .whiteContent .container.fullCenter .boxes .box .bottomShadowSmall { position: absolute; bottom: -30px; width: 100%; background-size: 100% auto; height: 30px; background-image: url(../template/bottomShadowSmall.png); background-repeat: no-repeat; background-position: center top;  }
#content .whiteContent .container.fullCenter .boxes .box .mainImg { display: block; overflow: hidden; }
#content .whiteContent .container.fullCenter .boxes .box .mainImg:hover img { transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform: scale(1.25); }
#content .whiteContent .container.fullCenter .boxes .box h2 { margin: 15px;  }
#content .whiteContent .container.fullCenter .boxes .box:hover h2 { color: #eb5352; }
#content .whiteContent .container.fullCenter .boxes .box p { margin: 5px 15px; text-transform: none; }
#content .whiteContent .container.fullCenter .boxes .box .btn { margin: 15px; border-radius: 0; display: inline-block; padding: 10px 20px; font-family: 'futura_md_btmedium'; font-size: 14px; text-transform: uppercase;border: 1px solid #eb5352; background: #eb5352; color: #ffffff; }
#content .whiteContent .container.fullCenter .boxes .box .btn:hover { border: 1px solid #1a4c70; background: transparent; color: #1a4c70; }

#content .whiteContent.fastLinksBg {border-top: 7px solid #87badf;background: #fff url(../template/fastLinksBg2.png) no-repeat;background-size: auto 100%;background-position: 78% 50%;}
#content .whiteContent.fastLinksBg .fastLinks { display: block; text-align: left; position: relative; width: 100%; }
#content .whiteContent.fastLinksBg .fastLinks .fastLinksImg { margin-bottom: 25px; }
#content .whiteContent.fastLinksBg .listItem {display: inline-block;position: relative;padding-left: 20px;margin-bottom: 15px;font-family: 'Roboto', sans-serif;font-size: 14px;color: #100804;font-weight: 400;text-transform: uppercase;}
#content .whiteContent.fastLinksBg .listItem::after {content: "";position: absolute;left: 0;top: 6px;border-radius: 50%;background: #87badf;width: 7px;height: 7px;}
#content .whiteContent.fastLinksBg .listItem::before {position: absolute;right: 0;bottom: -2px;content: "";height: 2px;width: 0;background: #c9c8c8;}
#content .whiteContent.fastLinksBg .listItem:hover::before {width: calc(100% - 20px);  height: 2px; background: #c9c8c8; }
#content .whiteContent.fastLinksBg .listItem:hover::after { background: #eb5352; }

#content .leftInner { width: 565px; float: left; padding: 60px 0; }
#content .leftInner img {max-width: 100%;}
#content .leftInner  h1 { font-family: 'futura_ltbold'; color: #012e4d; margin: 0; font-weight: normal; font-size: 30px; text-transform: uppercase; }
#content .leftInner h3 {font-family: 'futura_ltbold';color: #012e4d;margin: 30px 0 0 0;font-weight: normal;font-size: 15px;text-transform: uppercase;line-height: 1.6;position: relative;}
#content .leftInner h3.smaller {font-size: 14px; margin-top: 60px;}
#content .leftInner h3 span.rightPos { position: relative; text-align: left; text-transform: none; }
#content .leftInner  p { font-family: 'Roboto', sans-serif; font-size: 14px; color: #100804; font-weight: 300; margin: 20px 0; line-height: 25px; }
#content .leftInner  .imgContent { padding: 5px; margin: 20px 0; }
#content .leftInner  .imgContent .leftImg { float: left; border-bottom: 8px solid #eb5352; width: 192px; margin-right: 30px; position: relative; }
/*#content .leftInner  .imgContent .leftImg::after { content: ""; position: absolute; display: block; left: 0; height: 0; background: rgba(235,83,82,0.5) url(../template/footerLogo.png) no-repeat center center; background-size: 100px auto; width: 100%; bottom: 0; } 
#content .leftInner  .imgContent .leftImg:hover::after { height: 100%; }*/
#content .leftInner  .imgContent h2 { font-family: 'futura_md_btmedium'; text-transform: uppercase; font-size: 13px; color: #012e4d; font-weight: normal; margin: 5px 0; }
#content .leftInner  .imgContent p {  }
#content .leftInner p b.p5 { margin-bottom: 5px; display: block; }
#content .leftInner  .imgContent p i { font-size: 10px; color: #eb5352; position: relative; top: -1px;  }
#content .leftInner .ico { min-height: 30px; color: #012e4d; font-family: 'futura_md_btmedium'; font-size: 14px; padding-left: 40px; position: relative; margin: 10px 0; line-height: 30px; }
#content .leftInner .ico i { position: absolute; left: 0; top: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 0; background: #87badf; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; }
#content .leftInner .ico:nth-child(2) i { font-size: 25px; }
#content .leftInner .ico:nth-child(3) i { font-size: 25px; }
#content .leftInner .ico:nth-child(4) i { font-size: 27px; }
#content .leftInner .ico:nth-child(5) i { font-size: 22px; }
#content .leftInner .ico:nth-child(6) i { font-size: 17px; }
#content .leftInner .ico a { color: #012e4d; position: relative; display: inline-block; }
#content .leftInner .ico a::before { position: absolute; left: 0; bottom: 2px; content: ""; height: 2px; width: 0; background: #87badf; }
#content .leftInner .ico a:hover::before {width: 100%;  height: 2px; background: #87badf; }#content .leftInner .listItem {display: block;position: relative;padding-left: 20px;margin-bottom: 20px;font-family: 'Roboto', sans-serif;font-size: 14px;color: #100804;font-weight: 400;text-transform: uppercase;width: 100%;}
#content .leftInner .listItem::after {content: "";position: absolute;left: 0;top: 7px;border-radius: 50%;background: #87badf;width: 7px;height: 7px;}
#content .rightInner { width: 395px; float: right; position: relative; top: -60px; z-index: 15; }
#content .rightInner .formZakazivanje {padding: 50px 15px 0px 40px;background: #f6f6f6;}
#content .rightInner .formZakazivanje h2 { position: relative; font-family: 'futura_ltbold'; font-size: 30px; color: #012e4d; font-weight: normal; margin: 0; text-transform: uppercase; }
#content .rightInner .formZakazivanje h2::before { width: 7px; content: ""; background: #87badf; height: 100%; position: absolute; left: -15px; top: 0; }
#content .rightInner .bottomShadowSmall { width: 100%; background-size: 100% auto; height: 30px; background-image: url(../template/bottomShadowSmall.png); background-repeat: no-repeat; background-position: center top;  }

#content .rightInner .formZakazivanje ul.priceList { max-width: 40em; padding: 0; overflow-x: hidden; list-style: none; margin: 0; padding-bottom: 30px; color: #012e4d; font-family: 'futura_ltbold'; font-size: 15px; } 
#content .rightInner .formZakazivanje ul.priceList li { padding: 10px 0; }
#content .rightInner .formZakazivanje ul.priceList li:after {float: left;width: 0;white-space: nowrap;content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . ";} 
#content .rightInner .formZakazivanje ul.priceList span:first-child {padding-right: 0em;background: #f6f6f6;} 
#content .rightInner .formZakazivanje ul.priceList span + span {float: right;padding-left: 0.40em;background: #f6f6f6;position: relative;z-index: 1;}

#content .formZakazivanje .formIn {position: relative;display: block;width: 100%;padding: 50px 0 30px;font-family: 'futura_md_btmedium';color: #939393;}
#content .formZakazivanje .formIn input {width: 310px;border: 1px solid #dadada;outline: none;padding: 10px 15px;font-size: 13px;margin-bottom: 15px;-o-transition: .5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
#content .formZakazivanje .formIn input:hover {border: 1px solid #87badf;}
#content .formZakazivanje .formIn input:focus {border: 1px solid #87badf;}
#content .formZakazivanje .formIn input.datepickerIco {text-transform: uppercase;background: white url(../template/dateIco.png) no-repeat;background-position: 97% 50%;width: 145px;border-radius: 0;height: 40px;padding: 0 10px;}
#content .formZakazivanje .formIn .selectpickerTime {width: 160px;float: right;}
#content .formZakazivanje .formIn .selectpickerCheck {width: 100%;}
#content .formZakazivanje .formIn .selectIn {width: 100%;}
#content .formZakazivanje .formIn .selectpickerTime button {width: 160px;background: white url(../template/timeIco.png) no-repeat !important;background-position: 97% 50% !important;}
#content .formZakazivanje .formIn button:hover { border: 1px solid #87badf; }
#content .formZakazivanje .formIn button:focus { border: 1px solid #87badf; }
#content .formZakazivanje .formIn p {width: 100%;margin: 20px 0 0 0;font-size: 12px;font-family: 'Roboto', sans-serif;font-weight: 300;color: #000;line-height: 1.3;}
#content .formZakazivanje .formIn input.btnSend {margin-top: 5px;width: 155px;height: 43px;background: #eb5352;color: #fff;font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 12px;letter-spacing: .2px;border: 1px solid #eb5352;}
#content .formZakazivanje .formIn input.btnSend:hover { background: transparent; color: #eb5352; border: 1px solid #eb5352; }

#content .formZakazivanje .formIn.zakazitePregled input { width: 532px; }
#content .formZakazivanje .formIn.zakazitePregled input.datepicker { width: 263px; }
#content .formZakazivanje .formIn.zakazitePregled .selectpickerTime button { width: 266px; }
#content .formZakazivanje .formIn.zakazitePregled .selectpickerTime { width: 266px; }
#content .formZakazivanje .formIn.zakazitePregled input.btnSend { width: 157px; height: 43px; }

#content .leftInner h3.contact { margin-top: 70px; font-size: 18px; }
#content .formZakazivanje .formIn.formContact input.datepicker { width: 263px; }
#content .formZakazivanje .formIn textarea {width: 532px;max-width: 532px;height: 164px;max-height: 164px;border: 1px solid #dadada;outline: none;padding: 10px 15px;font-size: 13px;margin-bottom: 15px;resize: none;-o-transition: .5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
#content .formZakazivanje .formIn textarea:hover {border: 1px solid #87badf;}
#content .formZakazivanje .formIn textarea:focus {border: 1px solid #87badf;}
#content .formZakazivanje .formIn input.btnSend.contact {float: left;margin: 0;}

#content .formZakazivanje .formIn .contactBtn {float: left;margin: 20px 0 0 0;width: 100%;overflow: hidden;}
#content .formZakazivanje .formIn p.contactP { font-family: 'futura_ltbold'; font-size: 13px; }
#content .formZakazivanje .formIn p.contactP.responseMsg { width: 100%; float: left; }
#content .formZakazivanje .formIn p.contactP.responseMsg.ok {color: #2bb673;margin: 0px 0 30px;padding: 0;text-transform: uppercase;}
#content .formZakazivanje .formIn p.contactP.responseMsg.error { color: #c70808;margin: 0px 0 30px;padding: 0;text-transform: uppercase; }

/*boostrap select*/
.bootstrap-select > .dropdown-toggle {padding: 10px;height: auto;font-weight: 400;font-size: 13px;color: #939393;outline: none !important;opacity: 1;border-radius: 0 !important;width: 342px;text-transform: none;height: 42px;background: white url(../template/arrowDown.png) no-repeat !important;background-position: 97% 50% !important;text-transform: uppercase;text-shadow: none;font-family: 'futura_md_btmedium';}
/*.bootstrap-select.btn-group .dropdown-toggle .bs-caret {display: inline-block;width: 30px;height: 30px;position: absolute;right: 5px;top: 8px;padding: 0;background-image: url(../template/arrow-select.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: 30%;}*/
.bootstrap-select.btn-group .dropdown-menu { border-radius: 0; }
.bootstrap-select.btn-group .dropdown-menu li a {line-height: normal;font-size: 14px;color: #eb5352;padding: 7px 10px 5px;margin: 5px 5px;letter-spacing: .5px;word-spacing: .8px;text-transform: none;-o-transition: .5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.bootstrap-select.btn-group .dropdown-menu li a:hover {background: rgba(26, 76, 112, 0.18);}
.bootstrap-select.btn-group .dropdown-toggle .caret { display: none; }
.btn-group.bootstrap-select {}
/*.selectpickerTime .bootstrap-select.btn-group .dropdown-toggle .bs-caret {background: transparent url(../template/chooseTimeIco.png) no-repeat;background-position: 50%;background-size: 85%;right: 6px;}*/
.selectpickerTime .bootstrap-select.btn-group .dropdown-menu li a { text-transform: none; padding: 2px 10px 0px; }

#content .newsletterForm { background: #1b4d70 url(../template/bottomShadow.png) no-repeat center bottom; border-top: 7px solid #87badf; }
#content .newsletterForm .container { padding: 15px 0; }
#content .newsletterForm .leftForm { width: 345px; max-width: 100%; float: left; }
#content .newsletterForm .leftForm h2 { font-family: 'futura_ltbold'; font-size: 20px; color: #fff; font-weight: normal; margin: 0; text-transform: uppercase; }
#content .newsletterForm .leftForm p { font-family: 'futura_md_btmedium';  font-size: 15px; color: #fff; font-weight: normal; margin: 10px 0; }
#content .newsletterForm .rightForm { width: 495px; max-width: 100%; float: right; }
#content .newsletterForm .rightForm input[type=text] { padding: 15px; width: 320px; max-width: 100%; border: 0; background: #fff; color: #b3b3b3; font-size: 13px; text-transform: uppercase; font-family: 'futura_md_btmedium'; }
#content .newsletterForm .rightForm input[type=submit] { cursor: pointer; margin: 15px 5px; border-radius: 0; display: inline-block; padding: 14px 20px; font-family: 'futura_md_btmedium'; font-size: 14px; text-transform: uppercase;border: 1px solid #eb5352; background: #eb5352; color: #ffffff; }
#content .newsletterForm .rightForm input[type=submit]:hover { border: 1px solid #87badf; background: transparent; color: #87badf; }

/*Footer*/
#footer { background: #205a82; }
#footer .container { padding: 30px 0; }
#footer .container .leftInfo { width: 380px; border-right: 6px solid #fff; padding-right: 30px; float: left; }
#footer .container .leftInfo .footerLogo { display: inline-block; width: 155px; height: 114px; background: url(../template/footerLogo.png) no-repeat center top; margin-bottom: 30px; }
#footer .container .leftInfo .footerLogo:hover { -webkit-animation: pulse 1s infinite; animation: pulse 1s infinite; }
#footer .container .leftInfo .ico { min-height: 30px; color: #fff; font-family: 'futura_md_btmedium'; font-size: 14px; padding-left: 40px; position: relative; margin: 10px 0; line-height: 30px; }
#footer .container .leftInfo .ico i { position: absolute; left: 0; top: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 0; background: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #eb5352; }
#footer .container .leftInfo .ico:nth-child(2) i { font-size: 25px; }
#footer .container .leftInfo .ico:nth-child(3) i { font-size: 25px; }
#footer .container .leftInfo .ico:nth-child(4) i { font-size: 27px; }
#footer .container .leftInfo .ico:nth-child(5) i { font-size: 22px; }
#footer .container .leftInfo .ico:nth-child(6) i { font-size: 17px; }
#footer .container .leftInfo .ico a { color: #fff; position: relative; display: inline-block; }
#footer .container .leftInfo .ico a::before { position: absolute; left: 0; bottom: 2px; content: ""; height: 2px; width: 0; background: #eb5352; }
#footer .container .leftInfo .ico a:hover::before {width: 100%;  height: 2px; background: #eb5352; }
#footer .container .rightMap { float: right; width: calc(100% - 380px - 30px - 30px - 6px); height: 360px; }
#footer .container .rightMap #gMap { width: 100%; height: 360px; }

#copyright { background: #043b61;  }
#copyright .container { padding: 15px 0; color: #ffffff; font-family: 'futura_md_btmedium'; font-size: 14px; text-align: right; }
#copyright .container a { color: #fff; position: relative; display: inline-block; }
#copyright .container a::before { position: absolute; left: 0; bottom: 0px; content: ""; height: 2px; width: 0; background: #eb5352; }
#copyright .container a:hover::before {width: 100%;  height: 2px; background: #eb5352; }

/*placeholder*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #939393; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #939393; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #939393; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #939393; }
::-ms-input-placeholder { /* Microsoft Edge */ color: #939393; }

.googleCaptcha { margin: 20px 0 0; }
.googleCaptcha.contact { margin: 0; position: relative; float: left; }
.googleCaptcha.check { margin: 20px 0 0 0; position: relative; float: left; }

b.bFormat { color: #eb5352; }

/*hint - tooltops*/
.hint {position: relative;display: inline-block;cursor: default;z-index: 195;}
.hint:before, .hint:after { position: absolute; opacity: 0; z-index: 1000000; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; pointer-events: none; }
.hint:hover:before, .hint:hover:after { opacity: 1; }
.hint:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; position: absolute; left: 0; }
.hint:after {content: attr(data-hint);background: rgba(235, 83, 82, 1);color: white;padding: 8px 10px;font-size: 13px;white-space: normal;box-shadow: 2px 2px 3px rgba(235, 83, 82, 0.6);font-family: 'Roboto', sans-serif;}
.hint.no:after { background: rgb(215, 24, 24); }
.hint--top:before {bottom: 100%;left: 50%;margin: 0 0 -18px 0;border-top-color: rgb(235, 83, 82);}
.hint--top.no:before { border-top-color: rgb(215, 24, 24); }
.hint--top:after {bottom: 100%;left: 0;margin: 0 0 -6px -2px;}
.hint--top:hover:before { margin-bottom: -10px; }
.hint--top:hover:after { margin-bottom: 2px; }

#content .leftInner p i {
    font-size: 10px;
    color: #eb5352;
    position: relative;
    top: -1px;
}
.icon-bar {
  position: fixed;
  top: 310px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 20;
  right: 0;
  /*width: 50px;*/
}

.icon-bar a {
  display: block;
  text-align: center;
  
  padding: 14px 17px 14px 17px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  background-size: 60px 60px;

}

.icon-bar a:hover {
  background-color: #eb5352;
  padding-right: 30px;
}

.icon-bar2 {
  position: fixed;
  top: 375px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 20;
  right: 0;
  /*width: 50px;*/
}

.icon-bar2 a {
  display: block;
  text-align: center;
  padding: 14px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  background-size: 60px 60px;

}

.icon-bar2 a:hover {
  background-color: #eb5352;
  padding-right: 30px;
}

.icon-bar3 {
  position: fixed;
  top: 440px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 20;
  right: 0;
  /*width: 50px;*/
}

.icon-bar3 a {
  display: block;
  text-align: center;
  
  padding: 14px 13px 14px 15px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  background-size: 60px 60px;

}

.icon-bar3 a:hover {
  background-color: #eb5352;
  padding-right: 30px;
}

.facebook {
  background: #205a82;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}
.instagram {
  background: #205a82;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #205a82;
  color: white;
}
@media screen and (min-width: 1150px) {
  .mobile-social-bar{
    display: none !important;
  }
  .icon-bar, .icon-bar2, .icon-bar3 {
    display: block;
  }
}


#myModal2 {
	display: none;
}

/* The Modal (background) */
.modal2 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1010; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
  text-align: center;
}

/* Modal Content (image) */
.modal-content2 {
  margin: auto;
  display: block;
  width: auto;
  height: 90vh;
  /*max-width: 700px;*/
}

/* Caption of Modal Image */
#caption2 {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 250px;
}

/* Add Animation */
.modal-content2, #caption2 {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close2 {
  position: relative;
  right: -295px;
  color: #f1f1f1;
  font-size: 20px;
  font-weight: bold;
  transition: 0.3s;
  font-family: 'fertigoregular';
}

.close2:hover,
.close2:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content2 {
    width: 100%;
    /*display: none;*/
    height:auto;
  }
}