@charset "utf-8";

/** općenito **/
body { font-family: 'Tahoma' Verdana, Segoe, sans-serif; font-size: 13px; color: #656565; line-height: 22px; }
a { color: #333333; text-decoration: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; outline: 0; }
a:hover { color: #453951; text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: 0px; }
.banner_header { text-shadow: 1px 1px 1px #333333; }
h1 { font-size: 26px; font-weight: 700; line-height: 30px; line-height: normal; margin: 0 0 20px 0; font-family: 'Tahoma' ; }
h2 { font-size: 32px; font-weight: 700; line-height: 40px; color: #333; line-height: normal; margin: 0 0 10px 0; font-family: 'Tahoma' ; }
h3 { font-size: 22px; font-weight: 700; line-height: 30px; line-height: normal; margin: 0 0 20px 0; font-family: 'Tahoma' ; }
h4 { font-size: 18px; font-weight: 700; line-height: 30px; line-height: normal; margin: 10px 0 20px 0; font-family: 'Tahoma' ; }
h5 { font-size: 16px; font-weight: 700; line-height: 30px; line-height: normal; margin: 0 0 20px 0; font-family: 'Tahoma' ;}
h6 { font-size: 14px; font-weight: 700; line-height: 30px; line-height: normal; margin: 0 0 20px 0; font-family: 'Tahoma' ; }
p { margin-bottom: 15px; }
blockquote footer, blockquote small, blockquote .small { color: #453951; }
hr { margin: 30px 0; border-color: #e5e5e5; }
.form-control { border-color: #999999; }
.bs-glyphicons-list li { width: 33%; float: left; }
.bs-glyphicons-list li span { margin-right: 5px; font-size: 15px; }
.bs-glyphicons-list { padding: 0px; list-style: none; font-size: 14px; width: 100%; overflow: hidden; }
.bs-example-bg-classes p { padding: 15px; }
.bg { opacity: 0.7; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; }
ol li { margin: 0 !important; }
img { max-width: 100%; }
span.overlay { position: absolute; left: 0; top: 0; display: block; height: 100%; width: 100%; background: rgba(80, 185, 250, 0.6); }
.pagination > li > a:hover, .pagination > li > a.active { color: #fff; background: #27528C; border-color: #27528C; }

/*kontak lista-zaglavlje  */
.navbar-fixed-top, .navbar-fixed-bottom { position: static; margin-bottom: 0px; }
header.fix .top_links { min-height: inherit; height: 0px; }
.top_links { padding-bottom: 0; width: 100%; overflow: hidden; min-height: 40px; background: #104E8B;  transition: all 0.3s; -webkit-transition: all 0.3s; }
.top_links ul { padding: 0px; margin: 0px; list-style: none; }
.top_links li { float: left;}
.top_links .links ul { padding: 10px 0 0 0; float: left; }
.top_links .links li { padding-right: 18px; float: left; } 
.top_links .links li a { color: #FFFFFF ; font-size: 13px; line-height: 20px; display: block; }
.top_links .links li a i { padding-right: 6px; display: inline-block; font-size: 13px }
.top_links .links li a:hover { color: #00CD00;  }
.social ul { padding: 0px; list-style: none; float: right; margin-top: 0; }
.social li a { padding: 0; text-align: center; display: block; color: #FFFFFF ; line-height: 40px; height: 30px; font-size: 14px; text-align: center; width: 30px; background: none; }
.social li a:hover { color: #00CD00; background: none; }
.social li a i { font-size: 15px; }
.social li { padding-left: 3px; }  
.social ul { list-style: none; float: right; margin-top: 0; }




/* zaglavlje  */

header { position: fixed; z-index: 999; width: 100%; border-bottom: 5px solid #104E8B; background: #FFF; }
header.fix .navbar-nav > li > a { padding-top: 5px; margin-top: 0px; }
header.fix .navbar-brand { margin-top: 10px; }
header.fix .popup_btn { margin-top: 10px; }
.form-control.popup:focus { width: 150px; }
.popup_btn { margin: 45px 10px 0 0; transition: all 0.3s; -webkit-transition: all 0.3s; }
.nav > li > a:hover, .nav > li > a:focus { color: blue; background: none; }
.navbar-nav > li > a:hover, .navbar-nav > li.open > a, .navbar-nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-top: 3px solid #104E8B; color: #104E8B; background: none; }
.menu .dropdown-menu > li > a { padding: 2px 13px; font-weight: 700; line-height: 20px;  color: #fff; text-transform: none; }
.menu  > li > a:hover { color: #515a5f; background: none; }
.menu  > li { border-top: 1px solid #f3f3f3; }
.menu  > li:first-child { border: none; }
#mainArea { padding-top: 15px; }




#logo {font-family: 'Tahoma'; display: block; padding: 0; text-align: left; float: none; padding: 0px; color: #104E8B; 
line-height: normal; margin: 5px 0 0 5px; display: block; float: left; font-weight: 700; font-size: 25px; }
.toggle,[id^=drop] { display: none;}

/* Giving a background-color to the nav container. */
nav { margin-top:0px; padding: 0; background-color: #FFF;}
nav:after { content:""; display:table; clear:both;}
nav a { display:block; font-size:12px; text-decoration:none; max-height:52px;}
nav ul {float: right; padding:0; margin:0px; list-style: none; position: relative;}
nav li{ list-style: none; display: block; margin-top: 0px;  float: left;}
nav li:hover{ background: #DFEEF0;}
nav li a{padding: 60px 30px 15px; color: #000; font-weight: 500px; background: none; padding-top: 10px;display: block; }
nav ul li a:hover{color: #104E8B;}

nav ul ul { display: none; position: absolute; top: 60px;}
nav ul li {background-color: #FFF; top:-17px; border-right: none; color:#000; text-shadow: 1px 1px 1px #FFF; float:left; }
nav ul li a { border-right: none; color:#000; text-shadow: 1px 1px 1px #FFF;}
nav ul li:hover > ul { display:inherit;}


nav ul ul li { width:228px; float:none; display:list-item; position: relative;}


nav ul ul ul li { position: relative; top:-60px; left:228px; }

	



/* Slajd*/
#main-slider { position: relative; overflow: hidden; border-bottom: 2px solid #104E8B;z-index:1;  }
#main-slider .flexslider{margin: 0 auto; overflow: hidden; border-radius: .125rem; box-shadow: 0 0 .1rem .125rem rgba(0, 0, 0, 0.25);}
#main-slider .flex-viewport img { display: block; margin: 0 auto; width: 100%; }
#main-slider .flex-viewport li { position: relative; opacity: 0.3}
#main-slider .jumbotron { position: absolute; top: 15%; left: 50%; padding: 1.2rem; color: #32CD32; text-align: center; background-color: rgba(15, 15, 15, 0.6); transform: translate3d(-43%, -43%, 0); } }
#main-slider .jumbotron p { padding-bottom: 10px; color: #32CD32; font-size: 18px; font-weight: 400; z-index: 1; }
#main-slider .flex-prev span { padding: 0px; text-align: center; font-size: 70px; line-height:30px; font-weight: 300; visibility: visible;}
#main-slider .flex-prev:hover span { color: #2b5b9c; }
#main-slider .flex-next span { padding: 0px; text-align: center; font-size: 70px; line-height: 30px; font-weight: 300; visibility: visible;}
#main-slider .flex-next:hover span { color: #2b5b9c; }
#main-slider .btn {  background: none repeat scroll 0 0 #2B5B9C; border: 1px solid #ffff; color: #fff; opacity: 0.8; z-index: 1;  }	
div.transbox { margin: 0px;background-color: #C0C0C0;opacity: 0.9;filter: alpha(opacity=60); }
div.form1 {position: relative; left: 450px;}

.flex-control-nav { bottom: 10px; }
.flex-control-paging li { margin: 0; }
.flex-control-paging li a { padding: 5px; margin: 0 3px; border: 2px solid #fff; background: #222222; }
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active { border-color: #2b5b9c; background: #2b5b9c; }

.breadcrumb { margin-bottom: 6px; background: none; }
.breadcrumb li { font-size: 13px; }

/* Responsive styles for the heading */
	/* ===== == = === 30em (480px) === = == ===== */
	@media only screen and (min-width : 30em) {
		.jumbotron h1 {font-size: 1rem;}
	}
	/* ===== == = === 48em (768px) === = == ===== */
	@media only screen and (min-width : 48em) {
		.jumbotron h1 {font-size: 36px;}
	}

/* cezih */
.example1 { height: 50px;  background:#CD0000; position: relative; font-size: 2em; color: #FFFFFF; line-height: 50px; font-weight: bold;}

 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: example1 15s linear infinite;
 -webkit-animation: example1 15s linear infinite;
 animation: example1 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 100%   { -moz-transform: translateX(50%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 100%   { -webkit-transform: translateX(50%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 100%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}

/* GDPR*/
.modal-content{ position: relative; left: 20%; top: 40%; overflow: hidden; width: 420px; background: #efefef; border-radius: 5px; box-shadow: 0 8 12px 0 rgba(0,0,0,0.1); 
text-align:left; color: #104E8B;}
.modal-content a{color: #104E8B;}
.scroll {height: 350px; overflow: scroll; width: 420px; padding: 1px;} 
.modal-content .btn { background: none repeat scroll 0 0 #2B5B9C; border: 1px solid #ffff; color: #fff; width: 250px; }
.modal-content .btn1{ text-decoration: underline; }
@keyframes popup {  from {bottom: -100%;} to  {bottom: 5%;}}
.popup-dismiss{	 animation: popupDismiss .5s;  animation-fill-mode: forwards;}
@keyframes popupDismiss{ 0% {bottom: 5%; opacity: 1;} 100%  {bottom: 25%; opacity: 0;}}
.modal-footer { padding: 5px; text-align:center;}

/* AZOP*/
.cookie-notice { position: fixed; right: 15px; max-width: 330px; z-index:1; background: linear-gradient(#305682 0%, #123864 60%, #001a46 100%); padding: 15px; border-radius: 5px;
  border: 0.5px solid #646464; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); bottom: 10px; right: 5px;}
@keyframes fade-in { 0% { bottom: -300px; } 100% {  bottom: 10px;  }}
.cookie-notice__text { color: gainsboro; text-align: justify;  font-size: 12px;}
.button a {display: block; text-decoration: none; color: #c8c8c8; padding: 5px; width: 100%; margin: 0 auto; background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(255, 255, 255, 0.1); text-align: center; letter-spacing: 0px; border-radius: 3px;}
h1 { font-size: 16px; margin: 0; padding: 0;}
.color-picker { height: 50px; width: 170px; text-align: center; position: fixed; top: calc(50% - 25px); left: calc(50% - 100px);}
.color-picker .descr { color: white; font-family: "Lato"; font-size: 12px;}
.color-picker h1 { color: orange; font-family: "Lato"; font-weight: 700; text-transform: uppercase;}
a {  color: gainsboro;}

/* Novosti */
#serviceArea { padding: 25px 0 30px; text-align: center; width: 100%; overflow: hidden; background: #3966BF; } 
#serviceArea h1:hover{ color: #00CD00; background: none; }
#serviceArea h3 { padding-bottom: 10px; color: #fff; font-size: 18px; font-weight: 700; border-bottom: 1px solid #fff; }
#serviceArea h3:hover{ color: #00CD00; background: none; }
#serviceArea i { margin-bottom: 15px; color: #fff; font-size: 26px; }
#serviceArea p { color: #fff; }
.banner_service { color: #fff; text-align: center; width: 100%; font-size: 26px;  }
/* service Area */
.serviceArea { padding: 10px 0; width: 100%; color: #104E8B; background: #efefef;border-bottom: 3px solid #104E8B; } 
.serviceArea hr { width: 200px; margin: -10px auto 0px; border: 1px solid #01090c; }
.serviceArea h2 {color: #002266;}
.serviceArea h3{text-align:center;} 
.serviceArea a{color: #104E8B;} 
.img-responsive { padding-top: 10px;}

/* beautiful Area */
.beautifulArea { padding: 30px 0; border-bottom: 3px #ededed solid; width: 100%; } 
.beautifulArea hr { width: 100px; margin: 30px auto 50px; border: 1px solid #01090c; }
.beautifulArea h3 { margin-bottom: 5px; font-weight: 600; color: #000; line-height: 20px; font-size: 22px; text-align:center }
.beautifulArea p { text-align:justify }
.beautifulArea .block { overflow: hidden; width: 100%; }
.beautifulArea .beautiful a { display: block; position: relative; }
a .overlay { opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; }
.beautifulArea .beautiful .text { padding: 15px 20px; min-height: 90px; margin-bottom: 20px; overflow: hidden; background: #efefef; }
.beautifulArea .btn { margin-top: 50px; }
.beautifulArea .range h3 { margin-bottom: 20px; text-transform: none; margin-top: 50px;  }
.beautifulArea .range h6 { margin: 0; font-weight:300; text-transform: uppercase; font-size: 14px; line-height: 20px; }
.beautifulArea .work  a.image { display: block; position: relative; margin-top: 0px;  }
.beautifulArea.spacer { padding-top: 0px; padding-bottom: 50px; }
.beautifulArea a:hover { color: #00CD00; background: none; }
.beautifulArea.spacer h3 { text-transform: none; padding-top: 30px; font-size: 20px; }
.beautifulArea .footer_bottom { padding: 20px 0 10px; }
.beautifulArea .footer_bottom p { text-align: center; float: none; }
.beautifulArea .btn { background: none repeat scroll 0 0 #2B5B9C; border: 1px solid #ffff; color: #fff; }
.beautifulArea .btn:hover { border-color: #fff; background: #2B5B9C; }
/* beautifulArea1*/
.beautifulArea1 { padding: 30px 0; border-bottom: 3px #ededed solid; width: 100%;background: #efefef; } 
.beautifulArea1 hr { width: 100px; margin: 30px auto 50px; border: 1px solid #01090c; }
.beautifulArea1 h3 { margin-bottom: 5px; font-weight: 600; color: #000; line-height: 20px; font-size: 22px; text-align:center }
.beautifulArea1 p { text-align:justify }
.beautifulArea1 .block { overflow: hidden; width: 100%; }
.beautifulArea1 .beautiful a { display: block; position: relative; }
a .overlay { opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; }
.beautifulArea1 .beautiful .text { padding: 15px 20px; min-height: 90px; margin-bottom: 20px; overflow: hidden; background: #efefef; }
.beautifulArea1 .btn { margin-top: 50px; }
.beautifulArea1 .range h3 { margin-bottom: 20px; text-transform: none; margin-top: 50px;  }
.beautifulArea1 .range h6 { margin: 0; font-weight:300; text-transform: uppercase; font-size: 14px; line-height: 20px; }
.beautifulArea1 .work  a.image { display: block; position: relative; margin-top: 0px;  }
.beautifulArea1.spacer { padding-top: 0px; padding-bottom: 50px; }
.beautifulArea1 a:hover { color: #00CD00;  background: #efefef; }
.beautifulArea1.spacer h3 { text-transform: none; padding-top: 30px; font-size: 20px; }
.beautifulArea1 .btn { margin-top: 50px; }
.beautifulArea1 .area_bottom { padding: 20px 0 10px; }
.beautifulArea1 .area_bottom p { text-align: center; float: none; }
.beautifulArea1 .btn { background: none repeat scroll 0 0 #2B5B9C; border: 1px solid #ffff; color: #fff; }
.beautifulArea1 .btn:hover { border-color: #fff; background: #2B5B9C; }
.td{ height: 50px; }

/* picture Area */
#pictureArea { padding: 30px 0; margin-top: 0; overflow: hidden; position: relative; background: #FFF; }
#pictureArea li { padding: 20px 0; position: relative; width: 100%; float: left; }
#pictureArea a { margin-top: -40px; z-index: 9; text-align: center; color: #fff; font-size: 28px; line-height: 60px; height: 60px; width: 60px; 
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -o-border-radius: 50%; position: absolute; left: 10px; top: 50%; background: #2B5B9C; }
#pictureArea .col-sm-12 { padding-left: 100px; }
#pictureArea i.fa-long-arrow-down { font-size: 15px; margin: 0; color: #2ACDC9; position: absolute; left: 37px; bottom: 0; }
#pictureArea .glyphicon-ok { font-size: 12px; }
#pictureArea a:hover { background: #fff; color: #2B5B9C; }
#pictureArea h4 { margin-bottom: 5px; color: #000; }
#pictureArea p { color: #696E74; }
#pictureArea hr { margin: 4px 0; width: 80px; border: 1px solid #2b5b9c; }
#pictureArea img { margin-top: 40px; }
#form1{margin:auto; position: relative}
/* footer Area */
#footerArea { padding: 0px 0px 0px 0px;  overflow: hidden; width: 100%; position: relative; margin-top: 0px; border-top: 2px solid #43464b; background: #43464b; }
#footerArea .footer_top { padding: 15px 0; border-bottom: 2px solid #3a3c41; width: 100%; background: #3966BF;  }
#footerArea h4 { padding-bottom: 10px; color: #fff; text-transform: none; font-size: 18px; line-height: 30px; font-weight: 400; border-bottom: 1px solid #FFF; }
#footerArea p { padding: 0 0 0 5px; padding-top: 0px; margin: 0px; color: #FFF; float: left; font-size: 13px; line-height: 20px; }
#footerArea p a { display: inline;color: #FFF; font-size: 13px }
#footerArea a:hover { color: #00CD00; }
#footerArea ul { padding: 0px; list-style: none; }
#footerArea .footer_bottom { padding: 20px 0 10px; }
#footerArea .footer_bottom p { text-align: center; float: none; line-height:15px; }
#footerArea .btn { background: none repeat scroll 0 0 #3966BF; border: 1px solid #ffff; color: #fff; }
#footerArea .btn:hover { border-color: #fff; background: #2B5B9C; }


/* Podaci */
.images ul { padding: 0px; list-style: none; overflow: hidden;font-size: 13px;  text-transform: none; color: #FFF; }
.images li { padding: 0 5px 5px 0; float: left; }
.images a { color: #FFF; }

/* Adresa */
.address { padding-bottom: 0px; color: #FFF; overflow: hidden;  }
.address address { line-height: 20px; font-style: normal;  }
.address address a { color: #FFF; }
.address address a:hover { color: #00CD00; }
.address address i { display: block; float: left; color: #fff; font-size: 13px; line-height: 20px; width: 20px; }

/* Radno vrijeme */
.tags ul { padding: 0px; list-style: none; overflow: hidden;font-size: 13px;  text-transform: none; color: #FFF; }
.tags a { color: #FFF; }
.tags a:hover { color: #00CD00; }




	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1224px) {
	
		.popup_btn { position: absolute; right: 10px; top: 0px; z-index: 99; }

	}


	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
		#main-slider .jumbotron { padding-top: 20px; }
		#main-slider .jumbotron h1 { font-size: 40px; }
		#main-slider .jumbotron p { font-size: 18px; padding: 0 20px 10px; }
		
		ul#accordion li .top span { margin-right: 10px; } 
	
		.navbar-nav > li > a { padding-left: 6px; padding-right: 6px; font-size: 13px; }
		.nav > ul > li > a { padding-left: 6px; padding-right: 6px; font-size: 13px; }
		.nav > ul{ padding-left: 6px; padding-right: 6px; font-size: 13px; }
		.nav  > ul  > ul{ padding-left: 6px; padding-right: 6px; font-size: 13px; }
		.nav > ul > ul > ul{ padding-left: 6px; padding-right: 6px; font-size: 13px; }
		.navbar-brand { font-size: 26px; }
	
		.popup_btn { position: absolute; right: 15px; top: 0px; z-index: 99; }
	
		.beautifulArea .beautiful .text { padding: 10px; }
		.beautifulArea h3 { font-size: 16px; }

		.bs-glyphicons-list li { width: 48%; font-size: 14px; }
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#mainArea { padding: 0px; }
		#main-slider .jumbotron { padding-top: 60px;}
		#main-slider .jumbotron h1 { font-size: 18px; line-height: 20px; }
		#main-slider .jumbotron p { font-size: 12px; line-height: 20px; }
		#main-slider .jumbotron .btn { padding: 6px 8px; font-size: 10px; }
		#main-slider .flex-control-nav { display: none !important; }
		.flex-direction-nav a span { font-size: 22px !important; }
		
		#contactArea .col-sm-3 { margin: 20px 0; overflow: hidden; }
		#serviceArea { padding-top: 30px; }
		#titleArea { padding-top: 20px; }
	
		hr { margin: 15px 0 25px; }
	
		header { position: static !important;  }
	
		header.fix .navbar-brand { margin: 0px; }
		header.fix .top_links { height: auto; }
		.popup_btn { margin: 10px 10px 0 0; float: right; }
		.navbar-brand { padding: 10px 0; height: 44px; line-height: 44px; text-align: center; display: block; float: none; margin: 0 auto; overflow: hidden; }
		.navbar-toggle .icon-bar { background: #2B5B9C; }
		.navbar-toggle { background: #fff; float: left; }
		.navbar-toggle:focus { background: #2B5B9C; }
		.navbar-toggle:focus .icon-bar { background: #fff; }

		#logo { display: block; padding: 0; width: 100%; text-align: center; float: none;}
		nav { margin: 0 }

		.toggle + a, .menu { display: none; font-weight: normal}
		.toggle { display: block;  padding:8px 30px; color:BFBFBF; ; font-size:12px;text-decoration:none; border:none;font-weight: normal;}
		.toggle:hover { background-color: #fff;  }
		[id^=drop]:checked + ul { display: block; }

	
		nav ul li { background-color: #DFEEF0; display: block; width: 100%; top:0px}
		nav ul li:hover {background-color: #fff;  }
		nav ul ul .toggle,nav ul ul a { padding: 0 40px;}
		nav ul ul ul a { padding: 0 80px;}

		nav ul ul ul a { background-color: #DDDDDD;}
		nav ul ul ul a:hover { background-color: #fff;}
		nav ul li ul li .toggle,nav ul ul a,nav ul ul ul a{ padding:8px 30px; color:BFBFBF; font-size:12px;}
		nav ul li ul li .toggle, nav ul ul a { background-color: #DFEEF0; }
 	
		nav ul ul { float: none; position:static; color: #000; }
		nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }
		nav ul ul li { display: block; width: 100%; }
		nav ul ul ul li { position: static;}

		header.fix .navbar-nav > li > a { padding: 5px 10px; }
		.modal-content{padding: 5px 10px; }
		.top_links .links ul { padding: 14px 0 15px 0; float: none; overflow: hidden; text-align: center; margin: 0 auto; }
		.top_links .social ul { padding: 0 0 15px 0; float: none; overflow: hidden; text-align: center; margin: 0 auto; }
		.top_links li { float: none; display: inline-block; text-align: center; width: auto; padding: 0px; }
		.top_links li a { display: inline-block; text-align: center; }
		.top_links .links li { float: none; display: inline-block; text-align: center; width: auto; padding: 0px; }
		.top_links .links li a { display: inline-block; text-align: center; }
	
		.beautifulArea .col-sm-6 { text-align: left !important; overflow: hidden; margin-bottom: 20px; }
		.beautifulArea .col-sm-6 .btn { float: left !important; }
		
		.blog_post .post-meta a.btn { float: left; margin: 15px 0 10px; }
		.blog_post .date { margin-bottom: 15px; }
		.blog_post h2 { font-size: 24px; }
		.blog_post .col-sm-10{ padding-left: 15px; }
		.blog_post .date { margin-right: 0px; }
		.pagination > li > a, .pagination > li > span { padding: 3px 10px; font-size: 13px; }
	
		#footerArea .col-sm-3 { margin-bottom: 20px; overflow: hidden; }
		#footerArea .footer_bottom { padding: 10px 0; }
		#footerArea p { float: none; width: 100%; }
		#footerArea .footer_bottom ul { margin: 0px; width: 100%; text-align: center; margin: auto; float: none; }
		#footerArea .footer_bottom li { padding: 0 10px; width: auto; border: none; float: none; display: inline; }
		#footerArea .footer_bottom li a { display: inline; float:none; }
		
		.bs-glyphicons-list li { width: 98%; font-size: 13px; }
		/* Cezih*/
		.example1 { height: 25px; line-height: 25px; position: relative; width:auto;}
		.example1 h2{  font-size: 20px; padding: 1px; width:auto;}
		/* GDPR*/
		.modal-content{ position: relative; left: 20%; top: 500%; overflow: hidden; width: 350px; line-height: 20px; font-size: 12px;}
		.scroll {height: 250px; overflow: scroll; width: 350px; padding: 1px;} 
		.modal-content .btn1 { font-size: 12px; width: 200px; }
		.modal-content h4 { font-size: 16px; }
		/*AZOP*/
		.cookie-notice { position: fixed; right: 10px; max-width: 200px; z-index:1; }
		.cookie-notice__text { color: gainsboro; text-align: justify;  font-size: 7px; padding: 1px; line-height: 10px}
		h1 { font-size: 8px; margin: 0; padding: 0;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.serviceArea h2 { margin: 0px; font-size: 24px; margin-top: 5px;}
		.serviceArea h3 { font-size: 20px; }
		.serviceArea h4 { font-size: 16px; }
		/* GDPR*/
		.modal-content{ position: relative; left: 5%; top: 50%; overflow: hidden; width: 300px; line-height: 18px; font-size: 10px;}
		.scroll {height: 250px; overflow: scroll; width: 300px; padding: 1px;} 
		.modal-content .btn1 { font-size: 10px; width: 200px; }
		.modal-content h4 { font-size: 15px; }
		/* Cezih*/
		.example1 { height: 20px; line-height: 20px; position: relative; width:auto; }
		.example1 h2{  font-size: 15px; padding: 1px; width:auto;}
		/* AZOP*/
		/*AZOP*/
		.cookie-notice { position: fixed; right: 10px; max-width: 200px; z-index:1; }
		.cookie-notice__text { color: gainsboro; text-align: justify;  font-size: 7px; padding: 1px; line-height: 10px}
		h1 { font-size: 8px; margin: 0; padding: 0;}


		.tab-content {  font-size: 12px;}
		.nav-tabs{  font-size: 12px; margin-left: 5px;}
		.tab-pane { margin-left: 5px;}
		.tab-content{ margin-left: 5px;}
		#main-slider .jumbotron { padding-top: 20px; }
		#main-slider .jumbotron h1 { margin: 0px; font-size: 11px; line-height: 10px; margin-top: 5px; padding-top: 20px; }
		#main-slider .jumbotron p { padding: 0 10px; margin: 0px 0 5px; font-size: 7px; line-height: 10px; }
		#main-slider .jumbotron .btn { padding: 2px 5px; font-size: 8px; margin-top:-15px}
		nav ul li { display:block; width: 94%; }
	}