@charset "utf-8";
/* CSS Document */
a:hover { transition-property : opacity; 
  transition-duration : 1s; opacity:0.7; background-color:white}
* {margin:0; padding:0; list-style:none; font-family: 'BenchNine', sans-serif;}
body{background-color:white; background-image:url(../images/pattern.png)}
div.top_header {width:100%; height:5px;}
ul.green {width:49%; margin-right:1%; height:5px;float:left;background:#b6d99f}
ul.yellow {width:50%; background:#FF6; height:5px;float:left;}
.wrapper { max-width:1200px; margin:auto;}
div.header {float:left;width:100%; padding-bottom:5px;  background:url(../images/wifi.png) center top no-repeat}
div.nav {float:left; width:100%;height:55px; padding-top:12px; background: rgb(37, 37, 37) }
div.links {float:left; height:40px;margin-left:20px; display:block;}
div.links ul li {float:left;  margin-top:0px; margin-top:10px; }
div.links li {}
div.links a{text-decoration:none; color:white; text-align:center; font-weight:700; letter-spacing:1px;  font-size:17px;text-transform:uppercase;   padding:10px;font-family: 'BenchNine', sans-serif; padding:10px; background:#363636; border-radius:3px; padding-left:40px; margin-right:10px;}
div.links a:hover { background-color:#70bebc}
ul.logo {float:left; width:200px; margin-left:20px; margin-top:10px; height:80px;display:block;}
ul.logo a img {width:100%;}
ul.telephone {float:right; display:block; margin-top:65px; width:193px; margin-right:-220px; background:url(../images/phone.png) right center no-repeat  }
iframe.map {box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);padding:5px; background:white; margin-top:10px}
iframe.map2 {box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);padding:5px; background:white; margin-top:10px; margin-left:10px; margin-bottom:10px;}

ul.telephone p {font-size:15px;color:#4760b3}
ul.telephone span {font-size:28px; margin-top:-4px; float:left;}
a#home {background:url(../images/home-icon.png) left top no-repeat #363636}
a#usluge {background:url(../images/usluge-icon.png) left top no-repeat #363636}
a#onama {background:url(../images/onama-icon.png) left top no-repeat #363636}
a#istra {background:url(../images/istra-icon.png) left top no-repeat #363636}
a#kontakt {background:url(../images/contact-icon.png) left top no-repeat #363636}
a.contact-button {background-position:right center}
a#home:hover, a#usluge:hover, a#onama:hover, #istra:hover, a#kontakt:hover {background-color:white; color:#4760b3}
ul.languages {float:right; width:100px; margin-top:20px;}
ul.languages li a img{float:left; border-radius:25px; margin-left:10px; width:25px; height:25px}
a#cro {width:30px; height:30px; float:right; display:block}
a#eng {width:30px; height:30px; float:right; display:block}

div.slider_place {width:100%; float:left;height:auto; border-bottom:10px solid rgb(37, 37, 37)}

div.socialize {display:none;float:right; width:200px; height:40px; margin-right:20px; margin-top:0px; }
div.socialize a img {margin-top:5px; width:30px;float:right; border-radius:25px; margin-left:10px; height:30px;}
div.index-content {float:left; width:100%; border-bottom:10px solid rgb(37, 37, 37); margin-bottom:20px;}
div.index-content ul {width:29%; float:left; margin:21px; }
div.index-content h3 {color:white; background-color:#4760b3; display:block; font-size:23px;font-weight:100; width:100%; float:left;padding-bottom:5px;padding-top:5px; text-align:center;text-transform:uppercase; letter-spacing:1px}
div.index-content img {width:100%;float:left;}
div.index-content  p {color:#333; margin-top:0px; float:left; font-size:19px; min-height:155px;background-color:#4760b3; padding:10px; color:white; width:95%;}
div.index-content a{padding:10px;
	float:right;
	background-color:#4760b3;
	font-size:20px !important;
	opacity:0.9;
	padding-right:30px;
	color:white;
	text-decoration:none;
	font-size:15px;
	background-repeat: no-repeat;
	background-image:url(../images/right.png);
	background-position: 42px center;
	margin-top:10px;
	text-transform:capitalize;
	transition: color 250ms ease-in-out 0s, background-color 250ms ease-in-out 0s, ;}
div.order {
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
  opacity: 0.85;
  position: relative;
  z-index: 3;
  width: 100%;
  /* right: 20px; */
  /* margin-top: 210px; */
  /* border-radius: 6px; */
  /*padding: 20px;*/
  background: rgba(0,0,0,1);
  display: block;
  min-height: 520px;
}
.order-pad {
	padding: 20px;
	min-height: 520px;
	background: rgba(0,0,0,1);
}
div.order h2{display:block;font-weight:100; width:100%; 
	float:left;margin-top:-8px; margin-bottom:10px;color:white;
	 text-transform:uppercase; letter-spacing:1px}
div.order li label {float:left;color:white; text-transform:uppercase; letter-spacing:1px}
div.order ul {width:45%; float:left; display:inline}
div.order li {float:left; width:90%;}
div.order input {width:95%; padding:4px; float:left;border:none; font-size:15px;  margin-bottom:10px;}
div.order textarea {height:48px;width:95%; padding:4px; float:left; border:1px solid white; font-size:15px; color:black; margin-bottom:10px;}
input.send, button.send {background-color:#4760b3;text-transform:uppercase; margin-top:5px; cursor:pointer; color:white;}
button.send {padding:4px; border:none; color:white; height:30px;}
input.send:hover, button.send:hover  {background-color:#b6d99f; transition: color 250ms ease-in-out 0s, background-color 250ms ease-in-out 0s, ;}
ul.class {width:100px;float:left; }
<!--SLIDER DESIGN-->
ul.portofilio {max-width:1280px;}
div.slider {
height:480px;
border-bottom: 10px solid rgb(37, 37, 37);
position:relative;
display:block;
width:100%;
	background-color:transparent;
	margin:auto;
	background-repeat: no-repeat;
	background-position: center top;
	}
#one {
	width:100%; height:480px;
	background:url(../images/party.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		}

#two {
	width:100%; height:480px;
	background:url(../images/sienna-road-front-view.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
#three {
width:100%; height:480px;
	/*background:url(../images/sienna-red-family-bikes.jpg) no-repeat center center;*/
	background:url(../images/adriatic-taxi-fleet.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

#four {
width:100%; height:480px;
	background:url(../images/marquee-top-001.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

#one h2, #two h2, #three h2, #four h2, #slider_marketing h2 {
	
	padding:10px;
	width:40%;
	background:white;
	opacity:0.7;
	
	margin-left:20px;
	margin-top:20px;
	color:black;
	font-size:33px;
	text-transform: uppercase;
	letter-spacing: 0.006em;
		box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);

}
#one h1, #two h1, #three h1, #four h1, #slider_marketing h1 {
	padding:10px;
	margin-top:25px;
	background:#fff;
	opacity:0.9;
	color:white;
	margin-right:60%;
	margin-left:20px; 
	color:#000;
	float:left;
	font-size:42px;
   text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight:100;
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
}
#one p, #two p, #three p, #four p {
	margin-top:10px;
	float:left;
	padding:10px;
	margin-left:20px;
	background:white;
	opacity:0.8;
width:40%;
	font-size:22px;
	color:black;
	line-height: 25px;
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
}
#one a, #two a, #three a, #four a{
	padding:10px;
	float:left;
	margin-left:1.5%;
	background-color:#4760b3;
	opacity:0.9;
	padding-right:30px;
	margin-right:60%;
	color:white;
	text-decoration:none;
	font-size:15px;
	background-repeat: no-repeat;
	background-image:url(../images/right.png);
	background-position: 76px center;
	margin-top:10px;
	transition: color 250ms ease-in-out 0s, background-color 250ms ease-in-out 0s, ;
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
	
}
#one a:hover, #two a:hover, #three a:hover, #four a:hover div.index-content a:hover, ul.news-news li a:hover, .send-big:hover,.one-offer-info a:hover  {color:white;  background-color:#b6d99f;  transition: color 250ms ease-in-out 0s, background-color 250ms ease-in-out 0s, ;}
div.blog {width:100%; padding-top:10px; float:left;  border-bottom:10px solid rgb(37, 37, 37); padding-bottom:0px;} 
div.left-blog {width:68%;  float:left}
div.right-blog {width:32%; float:left}
div.one-news {width:98%; float:left;margin-left:20px; padding-bottom:10px; margin-bottom:20px; border-bottom:2px solid rgb(37, 37, 37); }
ul.image-news {width:30%; float:left;}
ul.image-news img {width:95%; padding:5px; background:white; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);}
ul.news-news {width:68%; float:right}
ul.news-news li h5 a { text-transform:uppercase; letter-spacing:0.5px; font-weight:100;margin-top:0px; font-size:28px; margin-bottom:5px; background:transparent;	opacity:0.9; padding:0px; text-decoration:none; float:left; color:#4760b3;}
ul.news-news li h5 a:hover {background:transparent;color:#b6d99f}
ul.news-news li p {float:left; width:98%; font-size:16px;}
ul.news-news li a { color:white; text-decoration:none; font-size:15px; background-image:url(../images/right.png); background-position:70px center; background-repeat:no-repeat; float:left; margin-top:10px; margin-right:10px; padding:10px; background-color:#4760b3; padding-right:25px;}
div.footer {  float:left;width:100%;height:55px; padding-top:12px; background: rgb(37, 37, 37) }
div.right-maps {float:right; margin-right:20px;width:85%; margin-bottom:70px;background-color:#4760b3;   margin-left:5px; padding:10px;}
div.right-maps h3 {text-transform:uppercase; letter-spacing:0.5px; font-weight:100;margin-top:0px; font-size:24px; margin-bottom:5px; background:transparent;	opacity:0.9; padding:0px; text-decoration:none; float:left; color:white;}
div.right-maps p {color:white; margin-top:10px;}
div.right-maps span {color:white; font-size:20px; font-weight:900; margin-top:8px; float:left}
div.right-maps a {float:right; color:#333;padding:10px; background:white; text-decoration:none}
div.right-maps iframe {padding:5px; background:white; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);}
div.banner {background:url(../images/banner.png) center top no-repeat #4760b3; width:97%; margin-left:20px; height:150px;  margin-bottom:20px; margin-top:20px;float:left; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5); border:4px white solid; }
div.banner p {width:100%; text-align:right;  margin-right:20px !important; margin-top:50px; font-size:25px; float:right}

div.footer-content {max-width:1280px; margin:auto; height:20px;}

p.about-us-p {float:left; width:94%; font-size:20px; line-height:30px; margin-left:20px; padding:10px 0;}
div.content {margin-top:20px; float:left; width:100%;padding-bottom:20px;}
div.content-main {float:left; width:75%;padding-bottom:20px;}
div.content-main label {font-size:19px; width:100%; float:left; margin-left:20px;}
h1.about-us {margin-left:20px; font-weight:100; margin-bottom:10px; float:left; width:100%}
h2.hometag { font-weight:100; margin-bottom:10px; float:left; width:100%}
div.content-main img {width:94%; float:left; padding:5px; margin-bottom:20px;background:white; margin-left:20px;box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);}
div.contact_form {float:left; width:100%;}
div.content-main fieldset {float:left; width:100%;border:none}
.textarea {padding:5px; width:93%; border:1px solid #999; margin-bottom:10px; float:left; margin-left:20px; height:268px;}
.send-big {padding:10px;
	float:right;
		background-color:#4760b3;
	opacity:0.9;
	padding-right:30px;
	color:white;
	text-decoration:none;
	font-size:15px;
	background-repeat: no-repeat;
	background-image:url(../images/right.png);
	background-position: 55px center;
	margin-right:35px;
	margin-top:10px;
	text-transform:capitalize;
	transition: color 250ms ease-in-out 0s, background-color 250ms ease-in-out 0s,; border:none}
.send-big:hover {cursor:pointer;}
.input-text {padding:5px; width:93%; border:1px solid #999; margin-bottom:10px; float:left; margin-left:20px;}
div.content-right {width:24%; float:left; padding-bottom:20px;background:yellow; background-color:#4760b3;}
.h1-content-right {margin-left:10px; color:white;} 
p.p-content-right {margin-left:10px; color:white;}
a.p-content-right {margin-left:10px; color:white; text-decoration:none; float:left; width:100%; font-size:25px;}
a.p-content-right:hover {color:#ccc; background:transparent;}
.one-offer {float:left; width:100%; margin-bottom:30px;}
.one-offer-info {margin-left:20px;float:left; width:50%;}
.one-offer-info h2 {font-size:30px; color:#4760b3 !important}
.one-offer h3 {font-size:22px; color:#4760b3 !important}
.one-offer-info p {font-size:19px;}
.one-offer-info a {padding:10px;
	float:left;
	margin-left:0px;
		background-color:#4760b3;
	opacity:0.9;
	padding-right:10px;
	margin-right:5%;
	color:white;
	text-decoration:none;
	font-size:20px;
	background-repeat: no-repeat;
	background-position: 60px center;
	margin-top:10px;
	transition: color 250ms ease-in-out 0s, background-color 250ms ease-in-out 0s, ;
}
.one-offer-img {float:left; width:40%;}
.one-offer-img img {width:100%; float:left;}
.istra-link {float:left; margin-left:20px; text-decoration:none; color:#090; margin-top:10px; font-size:26px}



.price-list {padding-bottom:20px; float:left; width:100%; background:#252525; margin-top:10px;}

.price-list h3 { text-transform: uppercase; color:white; margin-left:20px; width:95%; padding-bottom:10px; border-bottom:5px solid white;}
.price-list p {float:left; margin-left:20px; color:white; width:95%; padding-bottom:10px; border-bottom:2px solid white; margin-top:15px; text-transform:uppercase;}
.price-list p span {font-size:14px; opacity:0.8}

div.price-list-half {float:left; width:50%;}
div.price-list-half p {border:none !important; margin-top:3px !important; padding-bottom:2px !important}
div.price-list-half h3 {text-transform:uppercase;font-size:22px !important; margin-top:20px; width:90% !important; border:none !important; padding-bottom:0px !important; margin-bottom:-25px;}
.left {text-align:left;}
.right {text-align:left;}
.right p {margin-right:70px; float:right}

.fontez {
	font-size: 22px;
}

.fontez p {
	padding: 10px 0;
}


#recaptcha_area, #recaptcha_table  {float:left;}

ul.email {
float:right;
margin-top: 20px;
}