@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Montserrat:400,500,700,900');


@font-face {
    font-family: 'rajdhaniregular';
    src: url('font/rajdhani-regular-webfont.woff2') format('woff2'),
         url('font/rajdhani-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('font/rajdhani-bold-webfont.woff2') format('woff2'),
         url('font/rajdhani-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('font/rajdhani-medium-webfont.woff2') format('woff2'),
         url('font/rajdhani-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rajdhanisemibold';
    src: url('font/rajdhani-semibold-webfont.woff2') format('woff2'),
         url('font/rajdhani-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* Table of Content 
[Master Stylesheet]

Project:		Winecastle
Version:		1.0
Author:			Siathemes
Primary use:	Wine Shope



[Color codes]

Background:	#ffffff (white)
Content:	#777777 (grey)
Header h1:	#ffffff (white)
Header h2:	#092f87; (dark grey)
Footer:		#999999 (grey)


[Typography]

Body:				font:14px/22px 'Roboto', sans-serif;
Headers:			font:16px/16px 'Droid Serif', serif;
Input, textarea:	font:14px/14px 'Lato', sans-serif;
Sidebar heading:	font:20px/20px 'Droid Serif', serif;



/** Table of Content 
- 	WRAPPER    	  					LENE 		000  		-		000
-	GENERIC CSS						LINE		000			-		000	
-	BLOG							LINE		000			-		000	
-	PAGINATION						LINE		000			-		000	
-	404								LINE		000			-		000	
-	EVENT							LINE		000			-		000	
-	GALLERY							LINE		000			-		000	
-	TESTIMONIAL SECTION 			LINE		000			-		000	
-	CONTACT SECTION					LINE		000			-		000	
-	COMINGSOON						LINE		000			-		000	
-	PRODUCT							LINE		000			-		000	
-	HEADER							LINE		000			-		000	
-	FOOTER							LINE		000			-		000	
-	INNER BANNER					LINE		000			-		000	
-	PRODUCT DETAIL					LINE		000			-		000	
-	BANNER							LINE		000			-		000	
-	WELCOME							LINE		000			-		000	
-	ONLINE PRODUCT SECTION			LINE		000			-		000	

End of Table of Conten*/
body {
	margin: 0;
	padding: 0;
	background: #fff;
}
/******************************GENERIC CSS START*******************************/
body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a {
	text-decoration: none;
	color: #092f87;
}
body h1 a:hover, body h2 a:hover, body h3 a:hover, body h4 a:hover, body h5 a:hover, body h6 a:hover {
	text-decoration: none;
	color: #092f87;
}
body h1 {
	font: 600 36px 'Open Sans', sans-serif;
	color: #092f87;
	margin: 0 0 15px 0;
}
body h2 {
	font: 500 30px 'Open Sans', sans-serif;
	color: #092f87;
	margin: 0 0 15px 0;
}
body h3 {
	font: 500 22px 'Open Sans', sans-serif;
	color: #092f87;
	margin: 0 0 15px 0;
}
body h4 {
	font: 500 20px 'Open Sans', sans-serif;
	color: #092f87;
	margin: 0 0 15px 0;
}
body h5 {
	font: 700 18px 'Open Sans', sans-serif;
	color: #092f87;
	margin: 0 0 15px 0;
}
.footer-h3{
border-bottom:none !important; font-size:16px !important;
}
.banner2{
	width:40%; margin-left:30%;margin-right:auto;margin-top:-90px;
}
body h6 {
	font: 700 16px 'Open Sans', sans-serif;
	color: #092f87;
	margin: 0 0 15px 0;
}
body p {
	font: 400 15px/22px 'Open Sans', sans-serif;
	color: #777;
	margin: 0 0 15px 0;
}
body p a {
	text-decoration: none;
	color: #777;
}
a.btn-style-1 {
	font: 400 18px/18px 'Open Sans', sans-serif;
	color: #fff;
	float: left;
	text-decoration: none;
	padding: 14px 33px;
	text-align: center;
	position: relative;
        border-radius: 21px;
        background-color: rgb(226, 67, 7)!important;
        z-index: 28;
}
.hiddenbox{
	display:none;
    position:absolute;
    z-index:99999;
}
.modal{

	text-align:center;
	float:right !important;
}
.homelogo{
    display: none;
}
.myHeader .header-section-2 .homelogo{
    display: block;
}
.myHeader .header-section-2 .mainlogo{
    display: none;
}
.sticky_header .header-section-2 .homelogo{
    display: none;
}
.sticky_header .header-section-2 .mainlogo{
    display: block;
}
a.btn-style-1:hover {
	color: #fff;
	text-decoration: none;
}
a.btn-style-1:hover:before {
	width: 100%;
	opacity: 1;
}
a.btn-style-1:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	z-index: -1;
	opacity: 0;
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}

.btn-style-1 {
	font: 300 18px/18px 'Open Sans', sans-serif;
	color: #fff;
	float: left;
	text-decoration: none;
	padding: 14px 33px;
	text-align: center;
	position: relative;
        border-radius: 21px;
        background-color: rgb(226, 67, 7)!important;
        z-index: 28;
}
.btn-style-1:hover {
	color: #fff;
	text-decoration: none;
}
.btn-style-1:hover:before {
	width: 100%;
	opacity: 1;
}
.btn-style-1:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	z-index: -1;
	opacity: 0;
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}
input[type="text"], input[type="name"], input[type="email"], input[type="tel"], input[type="phone"], input[type="date"], input[type="image"], input[type="search"], input[type="password"] {
	float: left;
	width: 100%;
	border: 2px solid #ccc;
	height: 50px;
	border-radius: 2px;
	padding: 0 20px;
	margin: 0 0 20px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font: 400 15px "Lato", sans-serif;
	color: #777;
}
body select {
	float: left;
	width: 100%;
	border: 2px solid #ccc;
	height: 50px;
	border-radius: 2px;
	padding: 0 20px;
	margin: 0 0 20px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font: 400 15px 'Open Sans', sans-serif;
	color: #777;
}
body textarea {
	float: left;
	width: 100%;
	border: 2px solid #ccc;
	resize: none;
	height: 180px;
	border-radius: 2px;
	padding: 15px 20px;
	margin: 0 0 20px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font: 400 15px 'Open Sans', sans-serif;
	color: #777;
}
input[type="submit"], button[type="submit"] {
	float: right;
	padding: 13px 35px;
	color: #fff;
	border: 0;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	font: 700 16px 'Lato', sans-serif;
}
input[type="submit"]:hover, button[type="submit"]:hover {
	background: #092f87;
}
input::-webkit-input-placeholder {
 color:#777;
 opacity:1;
}
input:-moz-placeholder {
 color:#777;
 opacity:1;
}
input::-moz-placeholder {
 color:#777;
 opacity:1;
}
input:-ms-input-placeholder {
 color:#777;
 opacity:1;
}
textarea::-webkit-input-placeholder {
 color:#777;
 opacity:1;
}
textarea:-moz-placeholder {
 color:#777;
 opacity:1;
}
textarea::-moz-placeholder {
 color:#777;
 opacity:1;
}
textarea:-ms-input-placeholder {
 color:#777;
 opacity:1;
}
.frame {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
.frame img {
	display: block;
	width: 100%;
	height: auto;
            margin-left: auto;
    margin-right: auto;
}
.slider-frame {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
.slider-frame img {
	display: block;
	width: 100%;
}
.slider-frame .owl-theme .owl-controls .owl-nav [class*="owl-"] {
	background: #fff;
	border-radius: 0px;
	margin: auto;
	padding: 0;
	border: 2px solid;
	font-size: 0;
}
.slider-frame .owl-next {
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
}
.header2{
    display: block;
    background: white!important;
    z-index: 139!important;
    position: relative!important;
    float: left;
    width: 100%;
}


  .header2 .container .navigation-row .navbar #navbar #nav li a {
    font: 500 15px/15px 'Open Sans', sans-serif;
     color: rgb(103, 103, 103);
    text-decoration: none;
    padding: 13px 15px;
    display: block;
    position: relative;
    z-index: 20;
}



.header2 .container .navigation-row .navbar #navbar #nav li a:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 13px;
    top: 14px;
    left: -8px;
    z-index: -1;
    border: 2px solid rgb(103, 103, 103);
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}
.slider-frame .owl-next:before {
	content: "\f178";
	font-size: 24px;
	display: block;
	line-height: 46px;
	text-align: center;
	font-family: Fontawesome;
}
.slider-frame .owl-next:hover:before, .slider-frame .owl-prev:hover:before {
	color: #fff;
}
.slider-frame .owl-prev {
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	width: 50px;
	height: 50px;
}
.slider-frame .owl-prev:before {
	content: "\f177";
	font-size: 24px;
	display: block;
	line-height: 46px;
	text-align: center;
	font-family: Fontawesome;
}
.video-frame {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
.link-post-frame {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
iframe, embed {
	width: 100%;
	border: 0;

}
.text-box {
    
	float: left;
	width: 100%;
}
body blockquote {
	float: left;
	width: 100%;
	padding: 30px 70px;
	border: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font: italic 24px/36px 'Open Sans', sans-serif;
	color: #fff;
	margin: 0 0 20px 0;
	position: relative;
}
body blockquote p {
	margin: 0;
	font: italic 24px/36px 'Open Sans', sans-serif;
	color: #fff;
}
body blockquote:before {
	content: '';
	position: absolute;
	left: 30px;
	top: 40px;
	background: url(../images/qout-img.png) no-repeat left top;
	width: 89px;
	height: 70px;
}
.special-manager {
	float: left;
	width: 100%;
}
.btn-row {
	float: left;
	width: 100%;
	text-align: center;
}
body table {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}
body table td, body table th {
	padding: 10px 20px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body table td a, body table th a {
	color: #092f87;
}
body table td a:hover, body table th a:hover {
	text-decoration: none;
	color: #092f87;
}
/******************************GENERIC CSS END*******************************/
#banner {
	float: left;
	width: 100%;
}
#footer {
	float: left;
	width: 100%;
}
/****************************************BLOG START*****************************************/
.blog-section {
	float: left;
	width: 100%;
	padding: 60px 0;
}

.sticky_header {
  position: fixed;
  z-index: 999;
  top: 0;
 
  width: 100%;
  background-color: #ffffff;
}
.sticky {
	float: left;
	width: 100%;
	position: relative;
}
.sticky:before {
	content: 'Sticky Post';
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 15px 30px;
	font: 500 24px/24px 'Open Sans', sans-serif;
	color: #fff;
}
.sticky_header .header-section-2 .container .navigation-row .navbar .collapse #nav li a{
     color: rgb(103, 103, 103);
}
.sticky_header .header-section-2 .container .navigation-row .navbar .collapse #nav li a:after{
        content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 13px;
    top: 14px;
    left: -8px;
    z-index: -1;
    border: 2px solid  rgb(103, 103, 103);
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
     
}
  
.post-box {
  
 margin: auto;
  width: 80%;
  padding: 10px;
}
.libricant{
    background-image: url(/images/pozadina_company.png)!important;
    border-style: solid;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
}

.libricant_head {
  font-size: 42px;
  color: rgb(69, 69, 69);
  text-transform: uppercase;
  text-align: center;
 border-bottom: 1px solid rgb(183, 183, 183);
 width: 50%;
 margin-left: auto;
 margin-right: auto;
}

.img_lib{
    text-align: -webkit-center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 47px;
    margin-bottom: 50px;
}

.img_lib img{
        width: 50%;
}
.lib_blog_div{
    width: 100%;
}
.lib_podnaslov{
  font-size: 20px;
  color: rgb(103, 103, 103);
  line-height: 1.25;
  text-align: left;

  z-index: 33;
}

.koli{
        padding: 8px 3px;
    height: 40px;
    border: 1px solid #cecece;
    background: transparent;
}
.naslov_lib{
  font-size: 48px;
  color: rgb(103, 103, 103);
  text-transform: uppercase;
  line-height: 0.625;
  text-align: left;
  z-index: 27;

}

.opis_lib {
  font-size: 18px;
  color: rgb(103, 103, 103);
  line-height: 1.667;
  text-align: left;
  height: auto!important;
  overflow: hidden;
  z-index: 25;
      box-shadow: 0px 1px 0px white;
    border-bottom: 1px solid rgb(183, 183, 183);
}
.opis_naslov{
       width: 65%;
    float: left;
    margin-left: 10px;
}
.img_lib_proizvod{
    width: 30%;
    float: left;
}

.img_lib_proizvod img{
    width: 100%; 
}

.pozadina_blog {
          background-image: url(/images/pozadina_za_blog.png);
    background-size: contain;
    background-repeat:no-repeat; 
    margin-bottom: 10px;
    float: left;
    width: 100%;
    padding: 2%;
}

.pozadina_blog h2 a{
  font-size: 25px;
  color: rgb(103, 103, 103);
  line-height: 0.833;
  text-align: left;
  z-index: 26;
}
.kategorija_blog {
           box-sizing: content-box;
    font-weight: 300;
    font-size: 35px;
       color: rgb(226, 67, 7);
    line-height: 1.167;
    text-align: left;
    bottom: 55px;
    left: 28px;
    position: relative;
    z-index: 22;
}


.kategorija_blog a{
        box-sizing: content-box;
        color: rgb(226, 67, 7);
}

.pozadina_blog p{
  font-size: 14px;
    color: rgb(103, 103, 103);
    line-height: 1.667;
    text-align: left;
    z-index: 37;
    height: 68px;
    overflow: hidden;
    margin-bottom: 25px;
}

.mesec_blog{
  font-size: 20px;
  color: rgb(9, 47, 135);
  line-height: 1.25;
  text-align: left;
  z-index: 29;

}

.mesec_blog_div{
     border-bottom:1px solid rgb(183, 183, 183);
  z-index: 27;
      width: 15%;
}
.godina_blog{
  width: 121px;
   box-sizing: content-box;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
   left: -6%;
    top: 29px;
    text-align: right;
    font-size: 36.427px;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0.824;
    z-index: 39;
    border-bottom: 1px solid #b7b7b7;
}
.godina_blog a{
    
    color: rgb(226, 67, 7);
}
.blog_post{
        min-height: 280px;
    box-sizing: content-box;
}
.post-box .frame {
	background: transparent;
}
.post-box:hover .frame img {
	opacity: 0.6;
}
.post-box:hover .text-box h2 a {
	text-decoration: none;
}
.post-box .countdown-box {
	margin: 0;
	width: auto;
	position: absolute;
	right: 10px;
	bottom: 10px;
	overflow: hidden;
}
.post-meta {
	float: left;
	width: 100%;
	margin: -3px 0 0 0;
}
.post-meta ul {
	padding: 0;
	margin: 0 -20px 0 0;
	list-style: none;
}
.post-meta ul li {
	float: left;
	padding: 0;
	margin: 0 20px 10px 0;
}
.post-meta ul li a {
	font: italic 400 14px 'Open Sans', sans-serif;
	text-decoration: none;
}
.post-meta ul li a .fa {
	padding: 0 5px 0 0;
	color: #aaa;
}

.btn-checkout::after{
    display: none!important;
}
.post-box a.read-post {
	float: left;
	font: 500 14px 'Open Sans', sans-serif;
	color: #fff;
	padding: 10px 30px;
}
.post-box a.read-post:hover {
	background: #092f87;
	text-decoration: none;
}
.post-box a.link-post {
	display: block;
	text-decoration: none;
	font: 500 24px 'Montserrat', sans-serif;
}
.tags, .cp-categories {
	float: left;
	width: 100%;
	margin: 0 0 7px 0;
}
.tags strong, .cp-categories strong {
	float: left;
	font: 400 16px/24px "rajdhanibold";
	padding: 0 10px 0 0;
	color: #092f87;
}
.tags a, .cp-categories a {
	font: 400 14px/14px "rajdhanibold";
	color: #092f87;
	border: 1px solid #ccc;
	float: left;
	text-decoration: none;
	padding: 4px 10px 6px 10px;
	margin: 0 10px 10px 0;
	position: relative;
}
.tags a:hover, .cp-categories a:hover {
	border-color: transparent;
	color: #fff;
	text-decoration: none;
}
/****************************************BLOG END*****************************************/

/*********************************PAGINATION START**********************************/
.pagination-col {
	float: left;
	width: 100%;
}
.pagination-col .pagination {
	border-radius: 0;
	display: block;
	margin: 0;
	text-align: center;
	padding: 0;
}
.pagination-col .pagination > li {
	display: inline-block;
}
.pagination-col .pagination > li:first-child > a, .pagination-col .pagination > li:first-child > span, .pagination-col .pagination > li:last-child > a, .pagination-col .pagination > li:last-child > span {
	border-radius: 0;
	margin-left: 0;
}
.pagination-col .pagination > li > a, .pagination-col .pagination > li > span {
	background-color: #fff;
	border: 2px solid #ccc;
	font: 500 15px/15px 'Open Sans', sans-serif;
	color: #777;
	float: left;
	margin-left: 0;
	padding: 10px 15px;
	position: relative;
	text-decoration: none;
}
.pagination-col .pagination li.active a {
	color: #fff;
	border-color: transparent;
}
.pagination-col .pagination > li > a:hover, .pagination-col .pagination > li > span:hover, .pagination-col .pagination > li > a:focus, .pagination-col .pagination > li > span:focus {
	color: #fff;
	border-color: transparent;
}
/*********************************PAGINATION END**********************************/

/*************************************BLOG DETAIL START**************************************/
.blog-detail {
	float: left;
	width: 100%;
}
.blog-detail .post-box {
	margin: 0;
}
.blog-detail input[type="submit"], .blog-detail button[type="submit"] {
	margin: 0;
}
.blog-detail p {
	margin: 0 0 25px 0;
}
.related-images {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}
.share-post {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}
.share-post strong.title {
	float: left;
	font: 400 14px/46px 'Open Sans', sans-serif;
	text-transform: uppercase;
	padding: 0 10px 0 0;
}
.share-post ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	border-right: 1px solid #ccc;
}
.share-post ul li {
	float: left;
}
.share-post ul li a {
	font-size: 15px;
	color: #999;
	padding: 12px 10px;
	border-left: 1px solid #ccc;
	display: block;
	text-decoration: none;
}
.share-post ul li:hover a {
	color: #fff;
	border-color: transparent;
}
/*************************************BLOG DETAIL END**************************************/

/********************************POST COMMENTS FORM START********************************/
.comment-form, .comments-form {
	float: left;
	width: 100%;
}
.comment-form h3, .comments-form h3 {
	margin: 0 0 5px 0;
}
.comment-reply-title {
	font: 500 24px 'Open Sans', sans-serif;
	color: #092f87;
	margin: 0 0 15px 0;
}
.comment-reply-title small a {
	display: inline-block;
	margin: 0 0 0 30px;
	padding: 7px 20px;
	background: #092f87;
	color: #fff;
	text-decoration: none;
}
.comment-reply-title small a:hover {
	color: #fff;
}
.cp-comments {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 50px 0;
	list-style: none;
}
.cp-comments li {
	padding: 0;
}
.cp-comments li .children li {
	display: block;
	padding: 20px 0 0 0;
}
.cp-comments li .children li .text {
	margin: 0;
}
.cp-comments li .children li .post-time ul li {
	padding: 0 20px 0 0;
}
.cp-comments li .thumb {
	float: left;
	margin: 0 20px 0 0;
}
.cp-comments li .text {
	overflow: hidden;
	margin: 20px 0 0 0;
	border-bottom: 1px solid #ccc;
	padding: 0 0 20px 0;
}
.cp-comments li .text h4 {
	margin: 0 0 5px 0;
	text-transform: capitalize;
	font: 500 16px "rajdhanibold";
}
.cp-comments li .text p {
	margin: 0 0 8px 0;
}
.post-time {
	float: left;
	width: 100%;
}
.post-time ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.post-time ul li {
	float: left;
	padding: 0 20px 0 0;
}
.cp-comments li .post-time ul li p {
	margin: 0;
	font: 400 15px/22px "rajdhanibold";
	color: #777;
}
.post-time ul li a.comment-reply-link {
	padding: 3px 15px 6px 15px;
	display: block;
	color: #fff;
	font: 400 14px/14px "rajdhanibold";
}
.post-time ul li a.comment-reply-link:hover {
	background: #092f87;
	color: #fff;
	text-decoration: none;
}
.comment-respond {
	float: left;
	width: 100%;
}
.cp-comments {
	margin: 0 0 40px 0;
}
/********************************POST COMMENTS FORM END********************************/

/************************************404 START************************************/
.error-section {
	float: left;
	width: 100%;
	background: url(../images/coming-soon-bg.jpg) no-repeat left top/cover;
	padding: 231px 0;
}
.search-not-found {
	padding: 342px 0;
}
.error-section .holder {
	margin: 0 auto;
	display: block;
	overflow: hidden;
	width: 556px;
	text-align: center;
}
.error-section .holder strong.error-text {
	display: block;
	text-align: center;
	font: 900 250px/180px 'Open Sans', sans-serif;
	padding: 0 0 60px 0;
}
.error-section .holder span.oops {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font: 900 48px/48px 'Open Sans', sans-serif;
	color: #fff;
	padding: 0 0 20px 0;
}
.error-section .holder b {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font: 600 36px/36px 'Open Sans', sans-serif;
	padding: 0 0 20px 0;
}
.error-section .holder strong.title {
	display: block;
	font: 500 24px/24px 'Open Sans', sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 0 0 50px 0;
}
.error-section .holder form {
	float: left;
	width: 100%;
	position: relative;
}
.error-section .holder form button[type="submit"] {
	position: absolute;
	right: 0;
	top: 8px;
	height: 33px;
	width: 47px;
	background: none;
	border-left: 1px solid #ccc;
	padding: 0;
}
.search-not-found .holder {
	float: left;
	text-align: left;
}
.search-not-found .holder span.oops {
	text-align: left;
}
.search-not-found .holder strong.error-text {
	font: 900 67px/67px "rajdhanibold";
	text-align: left;
	padding: 0 0 30px 0;
}
.search-not-found .holder strong.title {
	font: 500 21px/21px "rajdhanibold";
	text-align: left;
	padding: 0 0 30px 0;
}
/************************************404 END************************************/

/*****************************************EVENT START*****************************************/
.countdown-box {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	overflow: hidden;
}
.countdown-box .countdown_section {
	font: 400 12px/12px 'Open Sans', sans-serif;
	color: #fff;
	padding: 8px 0 0 0;
	margin: 0 5px 0 0;
	float: left;
	text-align: center;
	position: relative;
	width: 60px;
	height: 60px;
}
.countdown-box .countdown_amount {
	font: 500 24px "rajdhanibold";
	color: #fff;
	font-weight: 100;
	text-align: center;
}
.blog-detail .countdown-box {
	position: absolute;
	right: 5px;
	bottom: 10px;
	margin: 0;
	width: auto;
}
/*****************************************EVENT END*****************************************/

/*****************************************GALLERY START*****************************************/
.gallery-section {
	float: left;
	width: 100%;
	padding: 60px 0;
}
.home-gallery {
}
.home-gallery .container-fluid {
	padding: 0;
}
.home-gallery .col-md-3 {
	padding: 0;
}
.gallery-section .frame {
	margin-bottom: 50px;
}
.gallery-section .frame a.link {
	position: absolute;
	left: -120%;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	z-index: 9;
}
.gallery-section .frame:before {
	content: "";
	height: 50%;
	left: 0;
	margin: auto;
	opacity: 0;
	position: absolute;
	right: 0;
	top: -20%;
	width: 100%;
	background: #000;
}
.gallery-section .frame:after {
	content: "";
	height: 50%;
	left: 0;
	margin: auto;
	opacity: 0;
	position: absolute;
	right: 0;
	bottom: -20%;
	width: 100%;
	background: #000;
}
.gallery-section .frame:hover:before {
	opacity: 0.5;
	top: 0;
}
.gallery-section .frame:hover:after {
	bottom: 0;
	opacity: 0.5;
}
.gallery-section .frame:hover a.link {
	left: 0;
}
/*****************************************GALLERY END*****************************************/

/***************************************CONTACT SECTION START***************************************/
.contact-section {
	float: left;
	width: 100%;
}
.map-row {
	float: left;
	width: 100%;
}
.map-row .map_canvas {
	height: 420px;
	width: 100%;
}
.contact-row {
	float: left;
	width: 100%;
}
.contact-box {
     background: url(/images/contact_pozadina.png) no-repeat left top/cover!important;
	float: left;
	width: 100%;
	padding: 50px 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.contact-box h2 {
  font-size: 32px;
  color: rgb(9, 47, 135);
  line-height: 0.833;
  text-align: left;margin-left: 11%;
  z-index: 21;
      width: 300px;
}
.contact-box h2:after {
  content: "";
  display: block;
        margin-top: 1%;
    height: 1px;
    width: 90%;
    border-bottom: 1px solid #b7b7b7;
}

.officeh{ 
    font-size: 32px;
  color: rgb(9, 47, 135);
  line-height: 0.833;
  text-align: left;margin-left: 11%;
  z-index: 21;
      width: 200px!important;
}

.contact-box ul {
	padding: 0 0 30px 0;
	margin: 0 0 20px 0;
	list-style: none;
	
}
.contact-box ul li {
	display: block;
	position: relative;
	margin: 30px 0 0 0;
}
.contact-box ul li:first-child {
	margin: 0;
}
.contact-box ul li img {
	position: absolute;
	left: 0;
	top: 6px;
}
.contact-box ul li .holder {
	overflow: hidden;
	padding: 0 0 0 58px;
}
.contact-box ul li .holder p {
	font: 400 16px/26px ;
       margin: 0;
        color: #676767;
  line-height: 1.636;
  text-align: left;
  z-index: 24;

}
.contact-box ul li .holder span {
	font: 400 16px/26px ;
       margin: 0;
        color: rgb(103, 103, 103);
  line-height: 1.636;
  text-align: left;
  z-index: 24;
}
.contact-box ul li .holder p a {
	text-decoration: none;
	font: 400 16px/26px ;
	color: #676767;
	margin: 0;
}
.contact-box .text-col {
	float: left;
	width: 100%;
}
.contact-box .text-col p {
	color: #fff;
	margin: 0;
}
.contact-form {
	float: left;
	width: 100%;
}
/***************************************CONTACT SECTION END***************************************/

/********************************************COMINGSOON START*******************************************/
.comingsoon {
	float: left;
	width: 100%;
	background: url(../images/coming-soon-bg.jpg) no-repeat left top/cover;
	padding: 155px 0;
}
.comingsoon .holder {
	width: 940px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}
strong.coming-logo {
	display: block;
	text-align: center;
	width: 100%;
	margin: 0 0 50px 0;
}
.comingsoon h1 {
	display: block;
	text-align: center;
	color: #fff;
	font: 700 72px/72px "rajdhanibold";
	margin: 0 0 15px 0;
}
.comingsoon p {
	font: 400 24px/32px 'Open Sans', sans-serif;
	color: #fff;
	margin: 0 0 70px 0;
	text-align: center;
}
.comingsoon strong.title {
	display: block;
	text-align: center;
	font: 500 36px/36px "rajdhanibold";
	color: #fff;
	text-transform: uppercase;
	padding: 0 0 15px 0;
}
.comingsoon .countdown-box {
	float: left;
	width: 100%;
	margin: 0 0 80px 0;
	text-align: center;
}
.comingsoon .countdown-box .countdown_section {
	font: 900 16px/16px "rajdhanibold";
	color: #fff;
	text-transform: uppercase;
	padding: 0;
	margin: 0 10px;
	float: none;
	display: inline-block;
	text-align: center;
	background: none;
	width: 150px;
	height: auto;
}
.comingsoon .countdown-box .countdown_section:before {
	content: ':';
	font: 400 60px/60px 'Open Sans', sans-serif;
	color: #fff;
	position: absolute;
	left: 160px;
	right: 0;
	margin: auto;
}
.comingsoon .countdown-box .countdown_section:last-child:before {
	display: none;
}
.comingsoon .countdown-box .countdown_amount {
	font: 900 72px/72px "rajdhanibold";
	color: #fff;
	text-align: center;
	display: block;
}
.subscribe-box {
	float: left;
	width: 100%;
}
.subscribe-box strong.subscribe {
	display: block;
	text-align: center;
	font: 500 24px/24px "rajdhanibold";
	color: #fff;
	padding: 0 0 5px 0;
}
.subscribe-box span {
	display: block;
	text-align: center;
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #fff;
	padding: 0 0 20px 0;
}
.subscribe-box form {
	display: block;
	margin: 0 auto 20px;
	overflow: hidden;
	width: 555px;
	position: relative;
}
.subscribe-box form input[type="submit"] {
	position: absolute;
	right: 2px;
	top: 2px;
	font: 500 18px "rajdhanibold";
	text-transform: capitalize;
	padding: 12px 17px;
}
.subscribe-box a.btn-home {
	display: inline-block;
	background: #fff;
	padding: 18px 39px;
	font: 400 14px/14px "rajdhanibold";
	text-decoration: none;
}
.subscribe-box a.btn-home .fa {
	padding: 0 5px 0 0;
}
.subscribe-box a.btn-home:hover {
	background: #092f87;
	color: #fff;
}
/********************************************COMINGSOON END*******************************************/

/********************************************PRODUCT SECTION START******************************************/
.product-section {
	float: left;
	width: 100%;
	padding: 60px 0;
}
.product-box {
	float: left;
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0 0 50px 0;
}
.product-box .frame {
	border-bottom: 1px solid #ccc;
}

.product-box .frame p img{
	width:100%!important;
}
.product-box .text-box {
	float: left;
	width: 100%;
	padding: 20px 0;
	text-align: center;
}
.product-box .text-box strong.price {
	display: inline-block;
	text-align: center;
	font: 500 18px/18px "rajdhanibold";
	padding: 0 0 18px 0;
}
.product-box .text-box strong.cut-price {
	display: inline-block;
	text-align: center;
	text-decoration: line-through;
	padding: 0 0 18px 5px;
	color: #092f87;
	font: 500 18px/18px "rajdhanibold";
}
.cart-row {
	float: left;
	width: 100%;
	text-align: center;
}
.cart-box, .like-box, .checkout-box {
	display: inline-block;
	width: 40px;
	height: 40px;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	color: #999;
	margin: 0 3px;
	border: 1px solid #ccc;
}
.cart-box a, .like-box a, .checkout-box a {
	text-decoration: none;
	color: #999;
}
.cart-box:hover, .like-box:hover, .checkout-box:hover {
	color: #fff;
}
.cart-box:hover a, .like-box:hover a, .checkout-box:hover a {
	color: #fff;
}
.product-box:hover {
	box-shadow: 0 4px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 4px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.15);
}
.product-box:hover .frame img {
	opacity: 0.5;
}




/********************************************PRODUCT SECTION END******************************************/

/*******************************************SIDEBAR START********************************************/
.sidebar {
	float: left;
	width: 100%;
}
.sidebar-box {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.sidebar-box h3 {
	margin: 0 0 20px 0;
}
.sidebar-box form {
	float: left;
	width: 100%;
	position: relative;
}
.sidebar-box form input[type="text"] {
	float: left;
	width: 100%;
	height: 45px;
	padding: 0 15px;
	border: 1px solid #ccc;
	font: 400 14px 'Open Sans', sans-serif;
	color: #999;
	margin: 0;
}
.sidebar-box form input::-webkit-input-placeholder {
 color:#999;
 opacity:1;
}
.sidebar-box form input:-moz-placeholder {
 color:#999;
 opacity:1;
}
.sidebar-box form input::-moz-placeholder {
 color:#999;
 opacity:1;
}
.sidebar-box form input:-ms-input-placeholder {
 color:#999;
 opacity:1;
}
.sidebar-box form button[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	height: 45px;
	width: 45px;
	padding: 0;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-size: 16px;
}
.sidebar-box form button[type="submit"]:hover {
	background: #092f87;
}
.sidebar-text-widget {
	float: left;
	width: 100%;
}
.sidebar-text-widget p {
	margin: -7px 0 0 0;
}
.news-widget {
	float: left;
	width: 100%;
}
.news-widget ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.news-widget li:first-child {
	border: 0;
	padding: 0 0 16px 0;
}
.news-widget li:last-child {
	padding: 16px 0 0 0;
}
.news-widget li {
	display: block;
	overflow: hidden;
	border-top: 1px dashed #ccc;
	padding: 16px 0;
}
.news-widget li .thumb {
	float: left;
	margin: 0 15px 0 0;
        width:68px;
        height: 70px;
}

.news-widget li .thumb a{
	width:100%;
        height: 100%;
}
.news-widget li .thumb a p{
	width:100%;
        height: 100%;
}
.news-widget li .thumb a p img{
	width:100% !important;
        height: 100%;
}
.news-widget li .text-col {
	overflow: hidden;
}
.sidebar-box .news-widget ul li .text-col a {
	font: 400 16px 'Open Sans', sans-serif;
	color: #092f87;
	padding: 0 0 8px 0;
	display: block;
}
.instagram-widget {
	float: left;
	width: 100%;
	margin: -10px 0 0 0;
}
.instagram-widget ul {
	padding: 0;
	margin: 0 -10px 0 0;
	list-style: none;
}
.instagram-widget ul li {
	float: left;
	margin: 0 10px 10px 0;
	background: #000;
	overflow: hidden;
}
.instagram-widget ul li:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: 0.5;
}
.tags {
	float: left;
	width: 100%;
	margin: 0;
}
/*******************************************SIDEBAR END********************************************/

/*******************************************HEADER START********************************************/
#header {
	float: left;
	width: 100%;
}

.myHeader .header-section-2 {
    background: #2a353a;
}
.sticky_header .header-section-2 {
    background: white!important;
}
.header-section-2 {
	float: left;
	width: 100%;
}
a.logo {
           float: left;
    position: relative;
    right: -50px;
    margin: 20px 0;
    z-index: 999;
}

a.logo img{
     width:122px;
}
.navigation-row {
	float: right;
	margin: 30px 35px 0 25px;
}
#header .sidebar-box {
	float: right;
	width: 223px;
	margin: 58px 0 0 0;
}
#header .sidebar-box form input[type="text"] {
	font-size: 13px;
}
.navigation-row .navbar-inverse {
	background-color: transparent;
	border-color: transparent;
}
.navigation-row .navbar {
	border-radius: 0;
}
.navigation-row .navbar {
	border: 0;
	margin-bottom: 0;
	min-height: 0;
	position: relative;
}
.navigation-row .navbar-collapse {
	padding: 0;
}
.navigation-row .navbar-inverse .navbar-nav > .active > a, .navigation-row .navbar-inverse .navbar-nav > .active > a:hover, .navigation-row .navbar-inverse .navbar-nav > .active > a:focus {
}
#nav {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav li {
	float: left;
	padding: 0;
	position: static;
}
#nav li:first-child {
	background: none;
}
#nav li a {
	font: 500 15px/15px 'Open Sans', sans-serif;
	color: #ffffff;
	text-decoration: none;
	padding: 13px 15px;
	display: block;
	position: relative;
	z-index: 20;
}

#nav li a:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 13px;
    top: 14px;
    left: -8px;
    z-index: -1;
    border: 2px solid #ffffff;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.meni_last:after {
    display: none!important;
}


#nav li a .fa {
	font-size: 12px;
	padding: 0 0 0 4px;
}
#nav li.active a {
	color: #fff;
}
#nav li.active ul li a {
	color: #092f87;
	background: none;
}
#nav li:hover > a {
	color: #fff;
}

#nav li ul {
	position: absolute;
	left: 0;
	top: 100%;
	border: 1px solid #ccc;
	background: #fff;
	padding: 0;
	display: none;
	list-style: none;
	z-index: 10;
	text-align: left;
}
#nav li:hover > ul {
	display: block;
}
#nav li ul li > ul {
	position: absolute;
	left: 100%;
	top: 0;
	width: 220px;
	padding: 0;
}
#nav li ul li {
	display: block;
	float: none;
	padding: 0;
	margin: -1px 0 0 0;
	background: none;
}
#nav li ul li a {
    color:#676767;
	background: none;
	
	text-align: left;
	padding: 12px;
	display: block;
	
	padding: 15px;
	margin: 0;
}



.myheader_white{
        display: block;
  position: relative!important;
    z-index: 9999!important;
    background-color: #ffc600!important;
   
}
#nav li ul li a:hover {
    color:#676767!important;
}
.header-section-1 {
	float: left;
	width: 100%;
	background: #092f87;
}
.header-section-1 .left-box {
	float: left;
	padding: 10px 0;
}
.header-section-1 .left-box span {
	font: 400 16px/33px 'Open Sans', sans-serif;
	color: #fff;
	padding: 0 10px 0 0;
}
.header-section-1 .left-box a {
	font: 400 16px/33px 'Open Sans', sans-serif;
	text-decoration: none;
}
.header-social {
	float: right;
	margin: 10px 0 0 0;
}
.header-social strong.title {
	float: left;
	padding: 0 10px 0 0;
	font: 700 16px/32px 'Open Sans', sans-serif;
	color: #fff;
}
.header-social ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}
.header-social ul li {
	float: left;
	padding: 0 0 0 5px;
}
.header-social ul li a {
	display: block;
	width: 35px;
	height: 35px;
	color: #fff;
	text-align: center;
	line-height: 35px;
}
.header-social ul li a:hover {
	background: #fff;
	color: #092f87;
}
.shop-box {
	float: right;
	width: 35px;
	height: 35px;
	margin: 10px 0 0 20px;
}
.shop-box .cart-box {
	box-sizing: border-box;
	float: left;
	height: auto;
	border: 0;
	padding: 18px 19px;
	width: 100%;
}
.shop-box .cart-box strong.title {
	border-bottom: 1px solid #ccc;
	color: #888;
	display: block;
	font: italic 700 14px/14px 'Open Sans', sans-serif;
	margin: 0 0 20px;
	padding: 0 0 20px;
}
.shop-box .cart-box .cart-row {
	border-bottom: 1px solid #ccc;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 100%;
}
.shop-box .cart-box .cart-row .thumb {
	float: left;
	margin: 0 15px 0 0;
	width: auto;
	border: 1px solid #ccc;
}
.shop-box .cart-box:hover {
	background: none;
}
.shop-box .cart-box .cart-row .thumb img {
	width: auto;
}
.shop-box .cart-box .cart-row .text-box {
	float: none;
	overflow: hidden;
	width: auto;
}
.shop-box .cart-box .cart-row .text-box a.close {
	border-radius: 0;
	color: #fff;
	float: right;
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	opacity: 1;
	text-align: center;
	text-decoration: none;
	width: 23px;
}
.shop-box .cart-box a.btn-checkout {
	color: #fff;
	display: inline-block;
	font: 700 16px/16px "rajdhanibold";
	padding: 15px 58px;
	text-decoration: none;
}
.shop-box .cart-box strong.subtotal {
	clear: both;
	color: #092f87;
	display: block;
	font: 700 16px/16px 'Open Sans', sans-serif;
	padding: 0 0 20px;
}
.shop-box .cart-box a.btn-checkout:hover {
	background: #092f87;
}
.shop-box .cart-box .cart-row .text-box a {
	color: #092f87;
	display: block;
	font: 400 16px/22px 'Open Sans', sans-serif;
	padding: 0 0 18px;
	text-decoration: none;
}
.shop-box .cart-box .cart-row .text-box strong.amount {
	display: block;
	font: 400 16px/16px 'Open Sans', sans-serif;
}
.shop-box button {
	border: 0;
	width: 35px;
	height: 35px;
	color: #fff;
}
.shop-box .dropdown-menu {
	border: 0;
	border-radius: 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	margin: 0;
	right: 0;
	left: inherit;
	min-width: 300px;
	padding: 0;
	top: 43px;
	z-index: 1000;
}
/*******************************************HEADER END********************************************/

/*********************************FOOTER START*********************************/
#footer {
	float: left;
	width: 100%;
	background: #1e1e1e;
        
}
.footer-section-1 {
	float: left;
	width: 100%;
	position: relative;
	padding: 50px 0;
       
}
strong.footer-logo {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}
.footer-box {
	float: left;
	width: 100%;
	position: relative;
	z-index: 9;
}
.footer-box p {
	color: #646464;
	margin: 0 0 15px 0;
}
.footer-box h3 {
	color: #e24307;
	margin: 0 0 20px 0;
        border-bottom: 1px solid #e24307;
}
.footer-box a.btn-style-1:before {
	background: #fff;
}
.footer-box a.btn-style-1:hover {
	color: #092f87;
}
.dental-services {
	float: left;
	width: 100%;
}
.dental-services ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.dental-services ul li {
	display: block;
	overflow: hidden;
	padding: 10px 0 0 0;
	border: 0;
}
.dental-services ul li:first-child {
	padding: 0;
}
.dental-services ul li a {
	text-decoration: none;
	font: 500 13px/14px 'Open Sans', sans-serif;
	color: #646464;
}
.dental-services ul li a .fa {
	padding: 0 13px 0 0;
}
.recent-news {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.recent-news .thumb {
	float: left;
	margin: 0 15px 0 0;
	background: #000;
	overflow: hidden;
}
.recent-news:hover .thumb img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: 0.6;
}
.recent-news .thumb img {
	width: auto;
}

.recent-news .thumb a p{
	width: 68px;
        height: 70px;
}
.recent-news .thumb a p img{
	width: 100% !important;
        height: 100%;
}

.recent-news .text-box {
	overflow: hidden;
	float: none;
	width: auto;
}
.recent-news ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 8px 0;
	list-style: none;
}
.recent-news ul li {
	float: left;
	border-left: 1px solid;
	padding: 0 8px;
	line-height: 12px;
}
.recent-news ul li:first-child {
	border: 0;
	padding: 0 10px 0 0;
}
.recent-news ul li a {
	text-decoration: none;
	font: 400 12px/12px 'Open Sans', sans-serif;
}
.recent-news a {
	font: 500 14px/22px 'Open Sans', sans-serif;
	text-decoration: none;
	color: #646464;
	display: block;
}
.footer-map {
	float: left;
	width: 100%;
}
.footer-map .map_canvas {
	height: 250px;
	width: 100%;
}
.footer-section-3 {
	float: left;
	width: 100%;
	padding: 20px 0;
       
        background: #1e1e1e!important;
        border-top:1px solid #646464;
}
.footer-section-3 strong.copyright {
	display: block;
	text-align: center;
	font: 400 13px/13px 'Open Sans', sans-serif;
	color: #646464;
}
/*********************************FOOTER END*********************************/

/*******************************************INNER BANNER START******************************************/
#inner-banner {
	    float: left;
    width: 100%;
    background: #000 url(/images/baner_company.jpg) no-repeat left top/cover;
    padding: 100px 0;
    height: 408px;
    position: relative;
    top: -106px;
}
#inner-banner h1 {
font-size: 30.427px;
font-weight: 500;
width: 60%;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1.029;
    text-align: left;
    margin-top: 4%;
    left: 22%;
    position: relative;
/*    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.42);
    -moz-transform: matrix( 1.16384307129871,0,0,1.16384307129871,0,0);
    -webkit-transform: matrix( 1.16384307129871,0,0,1.16384307129871,0,0);
    -ms-transform: matrix( 1.16384307129871,0,0,1.16384307129871,0,0);*/
    z-index: 60;
}
#inner-banner h1 span{
    color:#e24307;
}
#inner-banner ol a {
  font-size: 17px;
  color: rgb(255, 255, 255);
  line-height: 1.25;
  text-align: left;
   left: 25%;
  z-index: 59;
  position: relative;
  left: 17%;
  margin-top: 5%;
}

#inner-banner .breadcrumb {
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 0;
        margin-top: 5%;
	padding: 0;
}
#inner-banner .breadcrumb > li {
	font: 400 20px/20px 'Open Sans', sans-serif;
	color: #fff;
}
#inner-banner .breadcrumb li a {
	font: 400 20px/20px 'Open Sans', sans-serif;
	color: #fff;
	text-decoration: none;
}
/*******************************************INNER BANNER END******************************************/

/***************************************PRODUCT DETAIL START**************************************/
.product-detail {
	float: left;
	width: 100%;
	padding: 60px 0;
}
.product-detail .product-box {
	margin: 0;
}
.product-detail .bx-wrapper {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
	border: 10px solid;
}
.product-detail .bx-wrapper .bx-viewport {
	background: none;
	border: 0;
	box-shadow: none;
	left: 0;
        margin: 0px!important;
        width: 100%!important;
}

.product-detail .bx-wrapper .bx-viewport p {
        width: 100%!important;
}

.product-detail .bx-wrapper .bx-viewport p img {
        width: 100%!important;
}
.product-detail .bx-controls-direction {
	display: none;
}
#bx-pager {
	float: left;
	width: 100%;
	text-align: center;
}
#bx-pager a {
	border: 10px solid;
	display: inline-block;
	margin: 0 10px;
	width: 120px;
	height: 120px;
}
#bx-pager a img {
	display: block;
	width: 100%;
}
.product-detail .text-box span.reviews {
	float: left;
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #444;
	padding: 5px 10px 0 0;
}
.product-rating {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
.product-rating li {
	float: left;
	padding: 0;
}
.product-rating li a {
	font-size: 16px;
	text-decoration: none;
}
.product-detail .text-box span.cut-price {
	float: left;
	font: 20px/24px 'Open Sans', sans-serif;
	color: #999;
	text-decoration: line-through;
	padding: 0 5px 0 0;
}
.product-detail .text-box span.price {
	float: left;
	font: 24px/24px 'Open Sans', sans-serif;
	color: #092f87;
}
.product-detail .text-box .btn-row {
	padding: 0 0 15px 0;
	float: left;
	width: 100%;
}
.list {
	float: left;
	padding: 0;
	margin: 20px 0 30px 0;
	list-style: none;
}
.list li {
	display: block;
	overflow: hidden;
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #777;
	padding: 0 0 12px 0;
}
.list li .fa {
	padding: 0 10px 0 0;
}
.product-detail .text-box .detail-row {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 20px 0 0 0;
	margin-bottom: 30px;
}
.product-detail .text-box .detail-row ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.product-detail .text-box .detail-row ul li {
	float: left;
	width: 277px;
	padding: 0 0 20px 0;
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #444;
}
.product-detail .text-box .detail-row ul li b {
	color: #092f87;
}
.product-quantity {
	float: left;
	margin: 0 40px 0 0;
}
.product-quantity .text {
	font: 500 16px/18px 'Open Sans', sans-serif;
	display: inline-block;
	float: left;
	margin-top: 7px;
	color: #3a3a3a;
	margin-right: 10px;
}
.product-quantity input[type="text"] {
	font: 400 14px 'Open Sans', sans-serif;
	width: 56px;
	color: #888;
	padding: 8px 3px;
	height: 40px;
	float: left;
	border: 1px solid #cecece;
	text-align: center;
}
.product-quantity .minus {
	background: transparent;
	border: 1px solid #cecece;
	padding: 6px 14px 8px;
	float: left;
	color: #111;
}
.product-quantity .plus {
	background: transparent;
	border: 1px solid #cecece;
	padding: 6px 14px 8px;
	float: left;
	color: #111;
}
.product-quantity .input-text.qty {
	float: left;
	text-align: center;
	width: 20%;
	font-size: 12px;
	color: #111;
	padding: 8px 0;
	border-radius: 0px;
	border: #e1e1e1 solid 1px;
}
.product-quantity .spinner {
	display: inline-block;
	color: #111;
}
.product-quantity .quantity span {
	margin: 0 7px 0 0;
}
.product-quantity .spinner .decrease {
	float: left;
}
.product-quantity .spinner .increase {
	float: right;
}
.product-quantity .spinner .spin-down, .product-quantity .spin-up {
	background: #fff;
	padding: 0;
	height: 40px;
	line-height: 40px;
	width: 29px;
	color: #999;
	font-size: 12px;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #cecece;
	float: left;
	text-align: center;
}
.product-quantity .spinner .spin-down {
	padding-left: 0;
	border-right: 0;
}
.product-quantity .spin-up {
	border-left: none;
	padding-right: 0;
}
.product-detail .text-box a.btn-style-1 {
	padding: 13px 30px;
	font-size: 14px;
	line-height: 14px;
	background: #092f87;
	float: left;
	color: #fff;
}
.reviews-tab-col {
	float: left;
	width: 100%;
	margin: 50px 0 35px 0;
}
.reviews-tab-col .nav-tabs {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}
.reviews-tab-col .nav-tabs > li {
	margin: 0;
}
.reviews-tab-col .nav-tabs > li > a {
	border: 0;
	border-bottom: 5px solid rgba(0,0,0,0);
	border-radius: 0;
	margin-right: 0;
	padding: 10px 19px;
	font: 400 22px/22px 'Open Sans', sans-serif;
	color: #092f87;
}
.reviews-tab-col .nav-tabs > li.active > a, .reviews-tab-col .nav-tabs > li.active > a:hover, .reviews-tab-col .nav-tabs > li.active > a:focus {
	border: 0;
	border-bottom: 5px solid;
	color: #092f87;
}
.reviews-tab-col .nav > li > a:hover, .reviews-tab-col .nav > li > a:focus {
	background: none;
}
.reviews-tab-col .thumb {
	float: left;
	margin: 0 30px 0 0;
}
.reviews-tab-col .text-col {
	overflow: hidden;
}
.reviews-tab-col .text-col h4 {
	margin: 0 0 10px 0;
}
.reviews-tab-col .text-col span.date {
	float: left;
	font: 400 12px/22px 'Open Sans', sans-serif;
	color: #777;
	padding: 0 10px 0 0;
}
.reviews-rating {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
.reviews-rating li {
	float: left;
	padding: 0 2px 0 0;
}
.reviews-rating li a {
	font-size: 16px;
	color: #ffb300;
	text-decoration: none;
}
.product-detail .product-section {
	padding: 0;
}
/***************************************PRODUCT DETAIL END**************************************/

/******************************BANNER START******************************/
#banner {
        background: #2a353a;
	float: left;
	width: 100%;
	position: relative;
}
#banner img {
	display: block;
	width: 100%;
}
#banner .caption {
	position: absolute;
	left: 0;
	width: 100%;
	top: 300px;
}
#banner .caption .inner-box {
	float: left;
	width: 700px;
}
#banner .caption .inner-box h1 {
	color: #fff;
	font-size: 52px;
	text-shadow: 0 6px 8px rgba(0,0,0,0.3);
}
#banner .caption .inner-box strong {
	display: block;
	color: #fff;
	font: 15px/26px 'Open Sans', sans-serif;
	padding: 0 0 20px 0;
	text-shadow: 0 6px 8px rgba(0,0,0,0.3);
}
#banner .caption .inner-box a.btn-style-1 {
	margin: 0 15px 0 0;
}
#banner .owl-theme .owl-controls .owl-nav [class*="owl-"] {
	background: #fff;
	border-radius: 0;
	font-size: 0;
	margin: auto;
	padding: 0;
}
#banner .owl-next {
	width: 35px;
	height: 35px;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
}
#banner .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
	background: #111;
}
#banner .owl-next:before {
	content: "\f105";
	font-family: FontAwesome;
	display: block;
	text-align: center;
	line-height: 35px;
	font-size: 22px;
}
#banner .owl-prev {
	width: 35px;
	height: 35px;
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
}
#banner .owl-prev:before {
	content: "\f104";
	font-family: FontAwesome;
	display: block;
	text-align: center;
	line-height: 35px;
	font-size: 22px;
}
/******************************BANNER END******************************/

/******************************WELCOME START******************************/
.welcome-section {
	float: left;
	width: 100%;
	padding: 60px 0;
        background-image: url(/images/map_1.jpg);
        min-height: 450px;
        background-size: cover;
        background-repeat: no-repeat;
}
.welcome-section .thumb {
	float: left;
	width: 100%;
	background: #000;
	overflow: hidden;
}
.welcome-section .thumb:hover img {
	opacity: 0.6;
}
.welcome-section .thumb img {
	display: block;
	width: 100%;
}
.welcome-section .video-frame {
	margin: 0;
}
.welcome-section .video-frame  {
	height: 308px;
}
/******************************WELCOME END******************************/

/***********************************ONLINE PRODUCT SECTION START***********************************/
.online-product {
	float: left;
	width: 100%;
	background-image: url(/images/label.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	background-attachment: fixed;
	padding: 80px 0 50px 0;
}
.online-product h2 {
	margin: 0 0 30px 0;
	color: #fff;
}
.product-col {
	float: left;
	width: 100%;
	background: #fff;
	margin-bottom: 30px;
}
.product-col .thumb {
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
	position: relative;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.product-col .thumb:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.product-col:hover .text-col h3 a {
	text-decoration: none;
}
.product-col .thumb img {
	display: block;
	width: auto;
	margin: 0 auto;
	height: auto;
}
.product-col .thumb .fa {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	z-index: 99;
	margin: auto;
	width: 60px;
	height: 60px;
	border: 1px solid #ccc;
	border-radius: 100%;
	text-align: center;
	line-height: 60px;
	background: #fff;
	font-size: 30px;
}
.product-col .text-col {
	float: left;
	width: 100%;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}
.product-col .text-col h3 {
	margin: 0 0 8px 0;
}
.product-col .text-col .rating {
	display: block;
	text-align: center;
	padding: 0;
	margin: 0 0 5px 0;
	list-style: none;
}
.product-col .text-col .rating li {
	display: inline-block;
	padding: 0 3px;
}
.product-col .text-col .rating li a {
	text-decoration: none;
	font-size: 14px;
}
.product-col .text-col strong.price {
	display: block;
	text-align: center;
	color: #092f87;
	font-size: 18px;
}
/***********************************ONLINE PRODUCT SECTION END***********************************/
.parallax-section {
	float: left;
	width: 100%;
	background:#333438;
	background-position: left top;
	background-repeat: no-repeat;
	padding: 100px 0;
	margin: -50px 0 0 0;
}
.parallax-section .holder {
	width: 900px;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.parallax-section .holder strong {
	display: block;
	font: 500 36px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding: 0 0 20px 0;
}
.parallax-section .holder a.btn-style-1 {
	display: inline-block;
	float: none;
}
.testimonial-section {
	float: left;
	width: 100%;
	padding: 60px 0;
}
.testimonial-section h2 {
	text-align: center;
	display: block;
}
.inner-box {
	float: left;
        width: 500px!important;
        position: absolute;
        left: 18%;
        top: -230px;
        margin: 0 auto;
	display: block;
	padding: 20px 15px;
	overflow: hidden;
}
.inner-box span{
    color:#e24307;
}
.inner-box p {
	font-size: 27px;
         color: rgb(255, 255, 255);
  line-height: 1.25;
  text-align: left;
}


.inner-box h1{
    font-size:32px!important;
	text-transform: uppercase;
}
.inner-box .btm-row {
	float: left;
	width: 100%;
	text-align: center;
}
.inner-box .btm-row .thumb {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	overflow: hidden;
	border: 6px solid #ccc;
	margin: 0 10px 0 0;
}
.inner-box .btm-row .thumb img {
	display: block;
	width: 100%;
	height: auto;
}
.inner-box .btm-row strong.name {
	display: inline-block;
	font: 16px/16px 'Open Sans', sans-serif;
	position: relative;
	top: -63px;
}
.inner-box .btm-row span {
	display: block;
	font: 16px/16px 'Open Sans', sans-serif;
	color: #092f87;
}
.inner-box .owl-nav {
	display: none;
}
.slider-frame .owl-theme .owl-controls .owl-nav [class*="owl-"], .slider-frame .owl-next:before, .slider-frame .owl-prev:before, .pagination-col .pagination > li > a, .share-post ul li a, input[type="submit"], button[type="submit"], .post-time ul li a.comment-reply-link, .tags a, .gallery-section .frame:before, .gallery-section .frame:after, .gallery-section .frame a.link, .subscribe-box a.btn-home, .cart-box, .like-box, .checkout-box, .cart-box a, .like-box a, .checkout-box a, .product-box, .product-box .frame img, .instagram-widget ul li img, #banner .owl-theme .owl-controls .owl-nav [class*="owl-"], .shop-box .cart-box a.btn-checkout, #nav li ul li a, .header-social ul li a, .welcome-section .thumb img, .product-col .thumb img, .product-col .text-col h3 a, .post-box .frame img, .post-box .text-box h2 a, .post-box a.read-post, .recent-news .thumb img, .recent-news a {
	transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
}

.modal{
    display: block!important;
}

.intro{
    display: none!important;
}
.maps-text{
   
  font-size: 18px;
  font-family: "rajdhanibold";
  color: rgb(255, 255, 255);
  line-height: 1.667;
  text-align: left!important;
  z-index: 121;

}

.maps-text span{
    color: #e24307;
}

.maps-text h2{
    color:#092f87;
    font-size: 42px;
}
.maps-text p{
    color:#676767;
    font-size: 18px;
}
.pocetna_box img{
    width: 100%;
}
.pocetna_box {
    background-position-y: 105%;
    background-position-x: 99%;
    background-repeat: no-repeat;
    background-image: url(/images/Vector_smart.png);
    background-size: 40%;
}

.products_h2{
  font-size: 40px;
  color: rgb(69, 69, 69);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 0.824;
  text-align: center;
 
padding: 20px;
  z-index: 35;

}
.products_h2 span{
color: #e24307;

}
.product_box_text {
    position: absolute;
        top: 15%;
    width: 60%;
    margin-left: 15%;
    margin-right: 15%;
    color: white;
    text-align: -webkit-center;
  
}
.product_box_text img{
    width: 200px;
    padding: 10px;
}
.product_box_text h3 {
  font-size: 20px;
  color: rgb(69, 69, 69);
  text-transform: uppercase;
  line-height: 0.833;
  text-align: center;
 
  z-index: 27;
}

.product_box_text p {
  font-size: 16px;
  color: rgb(103, 103, 103);
  line-height: 1;
  text-align: center;
  z-index: 28;
}
.pocetna_box_text p{
    text-transform: uppercase;
}

.pocetna_box_text {
    position: absolute;
        top: 35%;
    width: 60%;
    margin-left: 15%;
    margin-right: 15%;
    color: white;
    text-align: -webkit-center;
    background-color: rgb(54, 54, 54, 0.6);
  
}

.pocetna_box_text p{
      color: white;
    padding: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    margin: 0;
    
}

.dugme_product{
border-width: 2px;
    border-color: #1e1e1e;
    border-style: solid;
    border-radius: 30px;
    padding: 5px 11px 5px 11px;
    color: #e24307;
    cursor: pointer;
    background-color: #1e1e1e;
        position: absolute;
    top: 81px;
    left: 42px;
}

.dugme_product:hover{
color:white;
text-decoration: none;
}

.sec{
        top: -76px;
    left: 35%;
}


.logo_pocetna{
    text-align: center;
}

.logo_pocetna img{
    width: 100%;
    
    margin-bottom: 40px;
}

.text_logo h2{
    color: white;
}
.text_logo p{
        box-shadow: 0px 1px 0px #3a3a3a;
    border-bottom: 1px solid #1a1a1a;
    padding-bottom: 20px;
 
}

.textNoBorder{
      box-shadow: none!important; 
border-bottom: none!important; 
padding-bottom: 0px!important; 
}

.text_logo p::after { 
    content:"";
    height:20px; 
    width:100%; /* or i.e: 500px */
    background:url("/images/Vector_smart_1.png");
}

.text_logo span{
    color:#e24307;
}

.newsleter{
    display: block;
    margin: 50px auto;
    width: 60%;
    max-width: 490px;
    min-width: 320px;
    position: relative;
    overflow: hidden;
  
}

.newsleter input{
    background: transparent;
    color:white;
    border: none;
    border-bottom: 1px solid #e24307;
}
.newsleter input:focus{
 outline: none;
}
.newsleter label{
    color: white;
    text-align: center;
}

.i4ewOd-pzNkMb-haAclf {
    display: none!important;
   
}
.krug{
 border: 1px solid rgb(9, 47, 135);
    height: 35px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 35px;
    /* height: 30px; */
    font-size: 13px;
    padding-top: 9px;
    padding-left: 13px;
    top: -31px;
    left: -13px;
    position: absolute;
}

.krug1{
           border: 1px solid rgb(9, 47, 135);
    height: 35px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 35px;
    /* height: 30px; */
    font-size: 13px;
    padding-top: 9px;
    padding-left: 13px;
    top: -31px;
    left: -13px;
    position: absolute;
}

.company_h2{
    font-size: 42px;
  color: #092f87;
  line-height: 2.667;
  text-align: center;
  z-index: 46;
}

.company_h2 span{
    color:#e24307;
}

.company_p {
  font-size: 18px;
  color: #676767;
  line-height: 2.667;
  text-align: center;
  z-index: 46;
  margin-bottom:40px;
}

.company_first{
 background: url(/images/company_1.png);
    background-size: cover;
    height: 230px;
    text-align: -webkit-center;
    padding: 30px;
    margin: 1px;
}

.company_first img{
    width:40px;
}

.company_first h3{
      font-size: 23px;
    color: rgb(255, 255, 255);
    line-height: 1.6;
    text-align: center;
    font-weight: 400;
    z-index: 23;
/*    padding-top: 5px;*/
}

.company_first p{
    height: 57px;
    color: rgb(255, 255, 255);
    line-height: 1.5;
    text-align: center;
}

.company_first a{
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
 border-radius: 30px;
padding: 5px 11px 5px 11px;
color: rgb(255, 255, 255);
cursor: pointer;
}

.company_first a:hover{
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.espa-page{
	 background-image:url(/images/espa.jpg)!important; background-repeat:no-repeat; background-position:center;background-size:cover; height:1600px!important; margin-top:-50px;
}
.company_q{
 background: url(/images/company_2.png);
    background-size: cover;
    height: 230px;
    text-align: -webkit-center;
    padding: 30px;
    margin: 1px;
}

.company_q h3{
     font-size: 23px;
    color: rgb(255, 255, 255);
    line-height: 1.6;
    text-align: center;
    font-weight: 400;
    z-index: 23;
    padding-top: 5px;
    
}

.company_q p{
height: 45px;
color: rgb(255, 255, 255);
    line-height: 1.6;
    text-align: center;
}


.company_q a{
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
 border-radius: 30px;
padding: 5px 11px 5px 11px;
color: rgb(255, 255, 255);
cursor: pointer;
}

.company_q a:hover{
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.company_q img{
    width:40px;
}
.company_human{
 background: url(/images/company_3.png);
    background-size: cover;
    height: 230px;
    text-align: -webkit-center;
    padding: 30px;
    margin: 1px;
}

.company_human img{
    width:40px;
}

.company_human h3{
     font-size: 23px;
    color: rgb(255, 255, 255);
    line-height: 1.6;
    text-align: center;
    font-weight: 400;
    z-index: 23;
    padding-top: 5px;

}

.company_human p{
height: 45px;
color: rgb(255, 255, 255);
    line-height: 1.6;
    text-align: center;
}


.company_human a{
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
 border-radius: 30px;
padding: 5px 11px 5px 11px;
color: rgb(255, 255, 255);
cursor: pointer;
}

.company_human a:hover{
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.facili{
     background: #000 url(/images/baner_facilitis.png) no-repeat left top/cover!important;
}
.quality{
     background: #000 url(/images/quality_baner.jpg) no-repeat left top/cover!important;
}

.facitiles_bottom{
    background: url(/images/facilitis_bottom_pic.png) no-repeat left top/cover!important;
}

.facitiles_bottom h2 {
    font-size: 30px;
    color: rgb(255, 255, 255);
    line-height: 1;
    text-align: left;
    padding: 10%;
    z-index: 27;
}

.facitiles_bottom p{ 
       font-size: 18px;
    color: rgb(255, 255, 255);
    line-height: 1.667;
    text-align: left;
    z-index: 28;
    padding: 7%;
    padding-top: 0;
}
.blog_p{
    background-color: #f4f4f4;
}
.blog_gl{
  font-size: 42px;
  color: rgb(9, 47, 135);
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5%;
  line-height: 0.824;
  text-align: center;
  width: 100%;
  z-index: 99;

}
.blog_gl span{
   color: #e24307;
}


@media (max-width:450px){
	.banner2{
		/*width:90%; margin-left:30%;margin-right:auto;margin-top:-90px;*/
		width: 70%;
		margin-top:-80px;
		margin-left:20%;
	}
	.espa-page{
		height: 500px!important;
	}
	#banner img{
		height: 150px;
	}
	#banner .caption{
		top:30px!important;
	}
    .dugme_product {
       left: 65px; 
    }
    .products_h2 {
    font-size: 40px;
    color: rgb(69, 69, 69);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0.824;
    text-align: center;
    padding: 20px;
    top: 25px;
    position: relative;
    z-index: 35;
}

.myHeader cpl-md-12 p{
    font-size: 20px;
    color: rgb(227, 227, 227);
    text-transform: uppercase;
    line-height: 1.164;
    text-align: center;
    z-index: 61;
    position: relative;
    top: 53px;
}
  .pozadina_blog {
    background-color: #f4f4f4;
        background-image: none;
    /* background-image: url(/images/pozadina_za_blog.png); */
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 70px;
    margin-top: 30px;
    padding: 2%;
}
.kategorija_blog {
    box-sizing: content-box;
    font-weight: 300;
    font-size: 26px;
    color: rgb(226, 67, 7);
    line-height: 1.167;
    text-align: left;
    bottom: 68px;
    left: 28px;
    position: relative;
    z-index: 22;
}
.godina_blog {
    width: 121px;
    box-sizing: content-box;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: -26%;
    top: 29px;
    text-align: right;
    font-size: 25.427px;
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0.824;
    z-index: 39;
    border-bottom: 1px solid #b7b7b7;
}
  }
@media (max-width:767px){
    iframe, embed {
    height:100%!important; 
}
    .header-section-2 {
     background: #283339;
  }
  
  a.logo {
    right: 0px;
   margin: 0;
}

#nav li a:after {
   display: none;
}
.header2 .container .navigation-row .navbar #navbar #nav li a:after {
  display: none;
}
#inner-banner h1 {
    font-size: 24px!important;
        margin-top: 22%;
    left: 18%;
    
}
.pozadina_q{
    height: 1105px!important;
}
.pozadina_q .col-sm-12 .text-box .col-sm-12{
height: 100px;
}
.pozadina_q .col-sm-12 .text-box p{
 margin-bottom: 12%!important;
}

.krug1{
    
    left: -25px;
}

.facili p{
    font-size: 18px!important;
        width: 80%;
}
.company_h2{
    width: 90%;
}
.company_p{
    width: 90%;
}
    
}

@media (max-width:1025px){
      #inner-banner h1 {
        position: inherit;
    }
    .facili p{
        position: inherit;
    }
    .header-section-2 {
     background: #283339;
  }
  
  a.logo {
    right: 0px;
   
}
    
}

#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal1 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* 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.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  max-height: 900px;
}

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

/* Add Animation */
.modal-content, #caption {  
  -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 */
.close1{
  position: absolute;
  top: 105px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

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

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

}