/*
4.4.1 
		izbacio	.IN_SumBox
		dodao	.ieNadnaslov
		primary-color:		#3F51B5
		secondary-color:	
*/

BODY{font-family:'Open Sans',sans-serif;font-size:17px;font-weight:300;line-height:160%;color:#777;}
H1, H2, H3, H4, H1 A, H2 A, H3 A, H4 A, H5 A{color:#373535;font-family:'PT Serif',serif;font-weight:600;}
H1{font-size:48px;}
H2{font-size:30px;}
H3, H3 A{font-size:30px;font-weight:400;}
H4, H4 A{font-size:24px;font-weight:400;}
H5, H5 A{font-size:20px;font-weight:400;}
a, a:hover{text-decoration:none;color:#e30b2c;}
H1 a:hover, H2 a:hover, H3 a:hover, H4 a:hover{color:#e30b2c;text-decoration:none;}
HEADER.topmenu{background-color:transparent;padding:0;color:#888;}
FOOTER{line-height:140%;background:#e30b2c;background:linear-gradient(144deg, rgba(227,11,44,1) 0%, rgba(231,18,156,1) 100%);color:#ffffff;}
FOOTER a{color:#fff;}
FOOTER a:hover{color:#fff;text-decoration:none;}
FOOTER H4{color:#fff;font-size:26px;font-weight:400;text-transform:uppercase;margin-top:30px;}
FOOTER H4 A {color:#fff;font-size:26px;font-weight:400;text-transform:uppercase;}
/*.content{}*/
ARTICLE HEADER{margin:12px 0;color:#777;}
ARTICLE{margin:12px 0;}
ARTICLE div{color:#777;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background-color:#e30b2c;border-color:#e30b2c;}
.pagination>li>a, .pagination>li>span {color:#e30b2c;}

.IN_ArticleText IMG, .IN_ArticleText IFRAME{width:100%;max-width:750px;margin:10px 0;}
.IN_ArticlePicture{border:1px solid #ddd;margin:5px;}
.IN_ArticleDocument{display:block;border:1px solid #ddd;padding:5px;}
.IN_ArticleDocument IMG{margin:0 10px;vertical-align:middle;}
.IN_ArticleCoverPicture{width:100%;}
.IN_ArticleGray{color:#555;}
.IN_ArticleGray a{color:#333;}
.IN_ArticleGray .glyphicon{color:#aaa;}
.IN_SumBox{margin-top:300px;}/*30*/
.IN_SumBox H2{margin-top:300px;}/*0*/
.IN_Commentary{background-color:#f3f3f3;border:1px solid #ddd;padding:15px;margin:0 0 15px;}
.IN_CommentaryAlt{background-color:#fafafa;border:1px solid #eee;padding:15px;margin:0 0 15px;}
.ieNadnaslov{background-color:rgba(0,0,0,.5);color:#fff;position:absolute;bottom:0px;height:fit-content;top:auto;padding:3px 10px;font-weight:bold;}
IFRAME.map{width:100%;height:400px;border:0;margin:0;overflow:hidden;}
IFRAME.video{width:100%;}
TABLE P{margin-bottom:0;}
.table>tbody>tr>td, .table>thead>tr>th{vertical-align:middle;}
.table TH{background-color:#e30b2c;color:#fff;}

.lazyload{opacity:0;}
.lazyloaded{opacity:1;transition:all 1s;}
.lazywrapper{padding-top:60%;height:0;position:relative;}						/* fiksni omjer slike 60% -> 1.666 */
.lazywrapper DIV{position:absolute;top:0;bottom:0;overflow:hidden;}
.lazywrapper DIV img{transition:all 2s ease;}
.lazywrapper DIV:hover img{transform:scale(1.05);}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {		/* IE only */
	.lazywrapper{overflow:hidden;}
	img.lazyload{max-width:79%;}
	img.lazyloaded{max-width:79%;}
}

/* topmenu */
	.navbar{border:0;margin:0;padding-top:5px;}
/* 1st */
	/*.navbar UL{background-color: #fff;}*/
	.navbar-nav>li>a{color:#000;font-weight:400;font-size:17px;padding-top:30px;padding-bottom:30px;}
	.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:focus, .navbar .navbar-nav>.open>a:hover, .navbar .navbar-nav>li>a:hover{color:#fff;background:rgb(227,11,44);background:linear-gradient(180deg, rgba(227,11,44,1) 0%, rgba(231,18,156,1) 100%);transition:all 500ms;}
/* 2nd */
	.dropdown-menu{background-color:#fff;}
	.dropdown-menu li a{font-size:16px;font-weight:400;color:#000;}
	.dropdown-menu li a:hover{color:#fff;background-color:rgb(227,11,44);transition:all 400ms;}
/* hamburger */
    .navbar-toggle{margin-top:8px;}
	.navbar-toggle .icon-bar{background-color:rgb(227,11,44);}
	.navbar-toggle:hover{background-color:#fff;}
	.navbar-toggle:hover .icon-bar{background-color:rgb(227,11,44)}
@media (min-width: 979px) {ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}}
.logo{padding-left:0;padding-top:10px;}
.logo img{max-height:70px;width:auto;max-width:100%}
		
	
	
.hpadding{padding:1% 1%;}

.dokumenti{border:1px solid #eee;background-color:#ffffff;padding:5px 20px;margin:2px;}
.dokumenti IMG{height:32px;width:32px;border:0;}
.dokumenti .col-xs-2{text-align:center;}
.dokumenti .col-xs-10{padding-top:7px;}
#cookieLaw{position:fixed;z-index:999;background-color:rgba(0,0,0,0.8);border:0;bottom:0;padding:20px;color:#ccc;display:none;font-size:15px;width:100%;}
#cookieLaw a{color:#fff;text-decoration:underline;}
#cookieLaw a:hover{color:#fff;}






.btn-transparent{color:#000;border-color:#e30b2c;font-size:16px;font-weight:bold}
.btn-transparent:hover{color:#fff;background-color:#e30b2c;border-color:#fff;}
.btn-primary{background-color:#e30b2c;border-color:#e30b2c;}
.btn-primary:hover{background-color:#e30b2c;}
.btn-white{background-color:#fff;border-color:transparent;border-width:3px;font-weight:bold;border-radius: 20px;}
.btn-white:hover{background-color:#fff;border-color:#fff;}


.carousel H1{font-size:44px;color:#000;line-height:120%;margin:20px;font-weight:700;text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);}
.carousel H3{font-size:24px;color:#000;line-height:120%;margin:20px;font-weight:400;text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);}
.carousel div.item{height:700px;background-position:top center;background-size:cover;background-repeat:no-repeat;}
.carousel-caption{right:5%;left:5%;text-shadow:4px 4px 14px rgba(0,0,0,.9);padding-bottom: 100px;}
.carousel-control{width:5%;}
.carousel .btn{margin:0 20px;border-radius:20px;border-width:3px;background-color:#fff}

.carousel-control{width:5%;}
.hpadding{padding:1% 2%;}




.carousel-control.left,.carousel-control.right{background-image:none;}

.carousel-fade .carousel-inner .item {-webkit-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left:0;-webkit-transform:translate3d(0,0,0);transform: translate3d(0,0,0)}
.carousel-fade .carousel-control {z-index:2}

.carousel-fade .carousel-inner .item .carousel-caption H1,
.carousel-fade .carousel-inner .item .carousel-caption H3{opacity:0;transform: translateX(-100px)}
.carousel-fade .carousel-inner .item .carousel-caption A{opacity:0;transform: translateX(1000px)}
.carousel-fade .carousel-inner .item .carousel-caption IMG{opacity:0;transform: scale(2)}

.carousel-fade .carousel-inner .active .carousel-caption H1{opacity:1;transform:translateX(0px);transition:all 1700ms;}
.carousel-fade .carousel-inner .active .carousel-caption H3{opacity:1;transform:translateX(0px);transition:all 500ms;}
.carousel-fade .carousel-inner .active .carousel-caption A{opacity:1;transform:translateX(0px);transition:all 3000ms;}
.carousel-fade .carousel-inner .active .carousel-caption IMG{opacity:1;transform:scale(1);transition:all 2000ms;}


/*Internistička ordinacija Kotur*/


@media (min-width: 1400px){
	.container-wide{width:1370px;}
}
.carousel-indicators LI{background-color:#e30b2c;border:1px solid #e30b2c;width:40px;background-color:#2B96CC;border:1px solid #2B96CC;}
.carousel-indicators .active{width:42px}
.carousel-indicators{margin-bottom:60px}
/* izbacio glyphicons*/
.glyphicon-chevron-left:before {content:"〈";font-size:40px;font-weight:bold}
.glyphicon-chevron-right:before {content:"⟩";font-size:40px;font-weight:bold}


.triBox{margin:30px auto;}
.triBox H2{font-size:45px;color:#0078aa;font-weight:normal}
.triBox IMG{max-height:60px;max-width:60px;}
.triBox H4{font-size:16px;color:#363636;font-weight:bold;margin:45px 0 15px 0}
.triBox P{font-size:16px;color:#363636}
.triBox>DIV>DIV{padding:4%;height:400px;border-radius:10px;background-color:#b9f7f9;}

.singleBox{position:relative;top:-200px;margin-bottom:-170px;z-index:2;}
.singleBox>DIV>DIV{background-color:#2B96CC;border-radius:30px;padding:30px 60px;color:#fff;text-align:center;}

@media (min-width:768px) and (max-width:1199px)/* samo SM i MD*/{
.triBox H2 {font-size: 30px;}
.triBox .glyphicon {font-size: 45px;}
}
.lazy{transition: all 1s;}
.ieBox{padding:30px 20px 10px 20px;/*font-size:24px;*/}


/*.ieBox{}*/
.ieBox IMG{max-height:60px;max-width:60px;}
.ieBox H4{font-size:24px;color:#fff;font-weight:bold;}
.ieBox P{font-size:16px;color:#fff}
/*.ieBox .row{background-color:#fff;border-radius:20px;padding:15px 30px;margin-bottom:30px}*/
.ieBox>DIV>DIV{padding:30px;background:#e30b2c;background:linear-gradient(144deg, rgba(227,11,44,1) 0%, rgba(231,18,156,1) 100%);color:#ffffff;text-align:center;border-radius:30px;margin-top:30px}
@media (max-width:767px)/* samo XS */{
	.ieBox .row{padding:0;margin:0}
	.ieBox>DIV>DIV{padding:15px}
	.ieBox{padding:15px 0}
	.triBox>DIV>DIV{height:auto;}
}

DT{float:left;font-weight:bold}
DD{margin-left:160px}

.equal{display:flex;display:-webkit-flex;flex-wrap:wrap;}
.row.equal {
    display: flex;
    flex-wrap: wrap;
  }


@media (max-width:767px)/* samo XS */{
	.carousel H1{font-size:24px;margin:5px 10px;}
	.carousel H3{font-size:16px;margin:0px 10px;DISPLAY:NONE}

	.carousel .btn{font-size:12px;margin:10px;padding:5px 10px}
	.carousel-caption{padding:5px 0 100px 0;/*right:40%*/}
	.carousel-indicators LI{width:30px}
	.carousel-indicators .active{width:32px}
	.hpadding{padding:0%}
	.carousel div.item{height:400px;}
	H1{font-size:30px;}
	H2{font-size:22px;}
	.IN_ArticleText IMG{width:calc(100% + 30px);margin-left:-15px;}
	.navbar-nav>li>a{padding-top:15px;padding-bottom:15px;}
	.logo{padding-left:0;padding-top:5px;}
	.logo img{max-height:60px}
	.singleBox>DIV>DIV{padding:30px}
	.navbar{background-color:rgba(255,255,255,.75);height:65px}
	.navbar UL{box-shadow:0px 15px 15px 0px rgba(50, 50, 50, 0.75);}
}

.white-link A{color:white;font-weight:bold;}
.blueBox .telephone{font-size:36px}
.ieBox H3{margin-top:160px;font-size:36px}
.navbar UL{background-color: rgba(255,255,255,.95);}
@media (min-width:768px){
	.blueBox DIV.telephone{font-size:48px}
	.ieBox H3{margin-top:20px;font-size:48px}
	.navbar UL{background-color:transparent}
}