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

p {

    font-family: open_sanslight !important;
    font-size: 14px;
   	line-height: 20px;
    margin: 0 0 9px;
}

h3 {
    font-size: 27px;
    line-height: 27px;
    font-family: open_sanslight !important; 
}

a:hover{
    cursor:pointer;
}


.contact-form { margin-top: 20px; }
.gallery-block p { display: none; }
.navbar .nav li.dropdown .dropdown-toggle .caret, .navbar .nav li.dropdown.open .caret { margin-top: 8px; margin-left: 5px; }
.block-title { margin-bottom: 10px; }
.node { margin-bottom: 15px; }
.node, .comments { padding-left: 10px; }

/*fix*/
.flexslider{
	background:none;
	border:none;
	box-shadow:none;
	margin:0 auto;
	max-width: 1200px;
}
.flex-viewport { 	
	margin: 0 auto;
}

.page-tagline {
    border-bottom: medium none;
	margin: 0px;
	padding:0px;
    text-align: right;
    height:40px;
    display:flex;
    justify-content: flex-end;
}

.page-tagline h1 { 
	line-height: 40px;
	font-size: 14px;
}
.page-tagline h1 small { 
	font-size: 14px;
}

.page-header { 
	background-color: #543669;
	border: none;
	margin:0;
	padding:0;
}

.page-header .page-logo {
    display: inline-block;
    height: 111px;
    margin-bottom: 6px;
    margin-top: 10px;
    width: 186px;
}

.page-header .page-logo img {
    height: inherit;
    max-height: 111px;
    max-width: 186px;
}

.page-header .page-logo a {
	color: inherit;	
	height: inherit;
} 

.page-header .menu-icon { 
	display: none;
	float: right;	
}

.page-header .page-menus {
    float: right;
    height: 40px;
    margin-top: 60px;
}

.page-header .page-menus ul {
    height: 20px;
    list-style: none outside none;
    margin: 0 auto;
    text-align: right;
}

.page-header .page-menus ul li {
    float: left;
    font-size: 17px;
    margin-left: 24px;
    text-transform: uppercase;
    font-family: open_sanslight;
}

.page-header .page-menus ul li a:hover, 
.page-header .page-menus ul li a:visited, 
.page-header .page-menus ul li a:active, 
.page-header .page-menus ul li a {
	color: inherit;
	text-decoration: none;
}  

.page-middle { 
	margin-top: 35px;
	margin-bottom: 35px;
}

.homepage-slider {
	border-top: 12px solid #C6B5C8;
    max-height: 480px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.homepage-slider .rotator {
    height: auto;
    position: relative;
}

.homepage-slider .rotator .crta-slider {
    background-color: rgba(142, 72, 156, 0.62);
    bottom: -7px;
    height: 14px;
    position: absolute;
    width: 100%;
}

.homepage-middle {
	margin-bottom: 20px;
    min-height: 480px;
    padding-top: 40px;
}

.homepage-middle-block {
    margin: 0 auto;
    text-align: center;
    padding: 20px;
}


.homepage-middle-block h1 {
    font-family: open_sanslight;    
    font-weight: normal;
    height: auto;
    line-height: 43px;
    margin-bottom: 40px;
    margin-top: 0;
}

.homepage-middle-block p {
    font-size: 16px;
    line-height: 20px;
    margin-top: 22px;
}


.serv1_1 {
    margin-bottom: 0px!important;
}

.page-bottom { 
	width: 100%;
	background-color: #604473;
	min-height: 255px;
	color: #fff;
	position: relative;
	border-bottom: 12px solid #803C8D;
	border-top: 6px solid #9E69A7;
}

.page-bottom-block { 
	margin: 0 auto;
	text-align: center;
	line-height: 250px;
}

.page-bottom .crta-sredina {
    background-color: #9E69A7;
    height: 1px;
    position: absolute;
    top: 60px;
    width: 100%;
}

.page-bottom h2 {
    font-size: 30px;
    line-height: 90px;
}

.page-bottom p {
    font-size: 16px;
    line-height: 21px;
}

.page-bottom .klijenti p {
    color: #FFFFFF;
    font-family: open_sanslight;
    font-size: 21px;
    margin-top: 20px;
}

.page-footer { 
    text-align: center;
}

.page-footer h1 { 
	text-align: center;
}

.footer_logo_div{
    padding-top: 20px;
    padding-bottom: 20px;
    line-height:8em!important;
}

/* .page-footer .page-menus {
    margin-top: 80px;
}
.page-footer .page-menus ul {
    height: 20px;
    list-style: none outside none;
    margin: 0 auto;
    text-align: center;
}

.page-footer .page-menus ul li {
    display: inline-block;
    float: left;
    font-size: 17px;
    text-align: center;
    width: 20%;
}

.page-footer .page-menus ul li a {
    color: #573A6C;
    font-family: open_sanslight;
    text-decoration: none;
} */

.page-footer-image {
    margin: 0 auto;
    text-align: center;
    padding-right: 20px!important;
    padding-left: 20px!important;
    
}

.page-footer p {  
	font-size: 15px;
	color: #ccc;
	text-align: center;
	line-height: 30px;
	margin-top: 40px;
}

.page-footer .menu-icon { 
	display: none;
}

.page-footer .crta-okomita-lijeva {
    border-left: 1px solid #E7E6E7;
    position: absolute;
    width: 0;
}

.page-footer .crta-okomita-desna {
	border-left: 1px solid #E7E6E7;
    position: absolute;
    width: 0;
}

#contact-1 h2 { 
	margin-left: 10px;	
}
#contact-1 .well {
    background-color: rgba(197, 181, 198, 0.28);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: none;
}

#contact-1 label { 
	font-size: 14px;	
}

#contact-1 .input {
    margin-bottom: 17px;
}


button.btn, input.btn[type="submit"] {
    font-size: 15px;
    margin: 10px 0;
    padding-left: 20px;
    padding-right: 20px;
}
.btn-success { background-color: #9E69A7; background-image: -moz-linear-gradient(center top , #9E69A7, #8F489C); background-image: -webkit-linear-gradient(top, #9E69A7, #8F489C);}
.btn-success:focus, .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { background-color: #8B349C; }


.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.clear { clear: both; float: none; }
.left { float: left; }
.right { float: right; }
.purple { color: #8F489C; }
.white { color: #fff; }
.black { color: #000; }
.pink { 
    color: #C8A5CE;
    display:flex;
    float:right;
    padding-right: 3em;    
    align-items: center;

}
.bg-purple { background-color: #8F489C; }
.bg-white { background-color: #fff; }
.bg-black { background-color: #000; }


/* NEW classes 2019 */
/* .navbar{
    margin-bottom:0px!important;
    display:flex;
    align-items: center;
} */

.navHeader{
    background-color:white!important;
}

.lang_links a{
    color: #C8A5CE;
}

.mail_thankyou, .mail_sending, .mail_error{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: large;
    height:100px;
}

.selected{
    font-weight: bold;
}

.header_bon{
    text-align: center!important;
    font-family: open_sanslight !important;
    font-weight:bold!important;
    font-size: 17px!important;
}

.img_bon_2018{
    /* background-image:url('../img/bonitet_2018_crop.png'); */
    text-align: center!important;
}

.img_bon_2019{
    text-align: center!important;
}


.navbar-inner {
    min-height: 40px!important;
    padding-right: 20px!important;
    padding-left: 20px!important;
}

.nav_header{
    font-size:17px!important;
    line-height: 50px!important;
    color:black!important;
}

.nav_header li{
    display: flex!important;
    min-height: 131px!important;
    align-items: center!important;
    text-align: center!important;
    font-family: open_sanslight!important;
    font-size: 18px!important;
}
.nav_header li a{
    width:100%!important;
    height:131px!important;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
}

.btn_navbar_div{
    height:131px;
    display: flex;
    align-items: center;
    float:right;
    transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
}


.header, .lang_links, .lang_divider{
    height:40px;
    line-height:40px;
    /* display: flex;
    text-align: center;
    vertical-align: middle; */
}

.lang_divider{
    color:white;
}



.footer_bon_2018{
    padding-left:5%;
}

.footer_bon_full{
    max-width: fit-content!important;

    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}

.footer_logo{
    padding-left:50px!important;
    padding-right:50px!important;
}

.fb_icon{
    height:40px;
}

.linksDiv{
    text-align: center;
    text-align: -webkit-center;
}

.tbl_links{
    width:100%;
}

.tbl_links img{
    height:70px;
    display: block;
    float: right;
}

.tbl_links a{
    height: 70px;
    display: flex;
    align-items: center;
    text-align: center;
}

.tblLink td{
    text-align: center;
}

.tblLink, .tblLink img{
    height:80px;
}

.tblLink tr:first-child td{
    border: 1px solid lightgray!important;
}

.tblLink tr:nth-child(2) td{
    border: none!important;
}

.footer_tbl{
    width:100vw!important;
    border:1px solid black;
}

.footer_bon{
	width:32%;
}