/*
Theme Name: Adria Adventure
Author: Mareno Selim Doe
Author URI: http://mareno-dizajn.com
Description: Adria Adventure is....
Version: 1.0
*/

/* ---------SLIDER ---------------------------------------*/
.slider {
width: 1140px;
height: 640px;
display: inline-block;
}
#sequence {
height: 100%;
margin: 0 auto;
position: relative;
width: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
#sequence .info {/* left: 150%; *//* line-height: 12px; *//* top:40%; *//* width:100%; *//* max-width:1140px; *//* z-index: 10; *//* vertical-align: middle; *//* -webkit-transition-duration: 4s; */ -moz-transition-duration: 4s; -ms-transition-duration: 4s; -o-transition-duration: 4s;/* transition-duration: 4s; */ }
.info h2 {
color: #fff;
background: rgb(6, 2, 44);
padding: 10px 20px;
display: inline-block;
margin: 0 20px 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.info p {
font-size: 15px;
margin: 0 20px 3px;
padding: 12px 20px 14px;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* ---------END SLIDER---------------------------------------*/
header .share {
float: right;
position: absolute;
top: 40px;
right: -2px;
}

#tagline_row .column {
padding-top: 12px;
}
.column {
margin: 0 10px;
overflow: hidden;
float: left;
display: inline;
min-height: 1px;
}

/* ---------Social icon ---------------------------------------*/
.head-social {
float: right;
margin: 40px 0 40px 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.head-social a, .social-big a {
float: left;
margin: 0 2px 2px 0;
}
.social-font a {
	float: left;
	margin: 0 4px 4px 0;
	padding: 6px 6px;
	font-size: 26px;
	color: #414141;
}
.social-font a:hover  {
	color: #1ABC9C;
	-webkit-animation: tada .8s 1;
	-moz-animation: tada .8s 1;
	-ms-animation: tada .8s 1;
	-o-animation: tada .8s 1;
	animation: tada .8s 1;
}
.social a, .social-big a {
	float: left;
	margin: 0 2px 2px 0;
}
.social a:hover, .social-big a:hover {
	-webkit-animation: tada .8s 1;
	-moz-animation: tada .8s 1;
	-ms-animation: tada .8s 1;
	-o-animation: tada .8s 1;
	animation: tada .8s 1;
}
.head-social {
	float: right;
	margin: 40px 0 40px 20px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}
/* END Social icon ---------------------------------------*/

/* Welcome Widget ---------------------------------------*/
.horizontal-1 {
    list-style: none;
    text-align: left;
}
.horizontal-1 h2 {
color: #BB3E3E;
background: #fff;
/* border-bottom: 2px solid #000000; */
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,1);
box-shadow: 0 1px 0 rgba(255,255,255,1);
width: 100%;
margin: 0 0 14px;
/* background: rgb(12, 8, 51); */
background: -moz-linear-gradient(top, rgba(200,91,91,1) 0%, rgba(210,72,72,1) 100%);
padding: 5px;
/* margin: 10px; */
}
.one-fourth {
float: left;
width: 290px;
margin: 0 20px 20px 0;
background: #fff;
webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
box-shadow: 0 0 2px rgba(0,0,0,0.1);
}

.TripAdvisorReviewsWidget{background:#fff;}
h2 {
font: normal 18px/1.2 'ChunkFiveRegular';
color: #41AFAA;
padding: 10px 0 13px;
}
/* END Welcome Widget---------------------------------------*/

.contact {
float: right;
display: block;
margin: 20px 0px 0;
width: 180px;
background: url(../images/ico/icons.png) 0 1px no-repeat;
padding: 0 0 0 37px;
}
.logo {
float: left;
display: block;
padding: 5px 0;
}
.right-sidebar {margin: 0 0 10px 2%;}
/* Box Home---------------------------------------*/
.boxes h2 {

/*border-bottom: 2px solid #000000;*/
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,1);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,1);
box-shadow: 0 1px 0 rgba(255,255,255,1);
width: 100%;
margin: 0 0 14px;
/*background: rgb(12, 8, 51);
background: -moz-linear-gradient(top, rgba(200,91,91,1) 0%, rgba(210,72,72,1) 100%);*/
padding: 5px;
/* margin: 10px; */
}
h2,  .info h2 a, .room-types h2, .error-type h1, .turqouise-link {
color: #BB3E3E;
}
.main .widget ul li {
/* background: url(../images/ico/bullet-gold-6x6.png) 0 7px no-repeat; */
/* padding: 0 0 4px 17px; */
list-style: none;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
/* END Box Home---------------------------------------*/

/* MAIN NAV---------------------------------------*/
.main-nav li {
white-space: nowrap;
float: left;
font: normal 12px;
/* text-transform: uppercase; */
padding: 12px 0px 10px 10px;
-webkit-text-shadow: 0 0 1px rgba(0,0,0,0.3);
-moz-text-shadow: 0 0 1px rgba(0,0,0,0.3);
text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

.main-nav ul ul li {
float: none;
position: relative;
padding: 10px;
background: rgb(12, 8, 51);
/* color: #ffffff; */
font-size: 12px;
/*text-shadow: 0px 1px 1px #ffffff;*/
/* background-color: transparent; */
border-bottom: 1px dotted #092F91;
}

.main-nav ul {
position: relative;
display: inline-table;
z-index: 20;
}
.main-nav li a {
/* display: block; */
padding: 1px 10px;
font-weight: normal;
color: #fff;
-webkit-transition: all 0.1s ease-in 0.1s;
-moz-transition: all 0.1s ease-in 0.1s;
-o-transition: all 0.1s ease-in 0.1s;
-ms-transition: all 0.1s ease-in 0.1s;
transition: all 0.1s ease-in 0.1s;
background: url(http://outdoorcroatia.com/wp-content/plugins/ubermenu/styles/crtica.png) right no-repeat;
}
/* END MAIN NAV---------------------------------------*/


aside .widget h3 {
font: normal 16px 'ChunkFiveRegular';
color: #0A8314;
border-bottom: 1px solid #ccc;
margin: 0 0 15px;
padding: 0 0 13px;
} 
/* BOX HOME---------------------------------------*/
.one-fourth {
float: left;
width: 23.3%;
margin: 0 20px 20px 0;
background: #fff;
webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
box-shadow: 0 0 2px rgba(0,0,0,0.1);
float: left;
margin: 0 2% 20px 0;
/*padding: 15px 1.6%;*/
width: 20.3%;
}
.one-fourthbx {
float: left;
width: 23.3%;
margin: 1px 7px 0.5%;
background: #fff;
webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
box-shadow: 0 0 2px rgba(0,0,0,0.1);
}

.one-fourthbx .details {
float: left;
display: block;
padding: 10px 5% 15px;
width: 86%;
text-align: justify;
}

/* END BOX HOME---------------------------------------*/
.gradient-button, .wpcf7-submit {
font: normal 14px/30px 'OpenSansBold';
text-decoration: none;
color: #fff;
height: 30px;

text-align: center;
display: inline-block;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#c85b5b;
cursor: pointer;
}

section .one-fourth {
float: left;
/*width: 23.5%; */
margin: 0 2% 20px 0;
}

.gallery {
position: relative;
float: left;
width: 100%;
height: 431px;
overflow: hidden;
margin: 0 0 20px 0;
webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
box-shadow: 0 0 2px rgba(0,0,0,0.1);
}

.breadcrumbs {
width: 100%;
padding: 0 0 0;
margin: 0 0 10px;
}

/* FORM CSS-------*/
.formrow {margin-bottom: 20px;}
.one-form {float:left; width: 43.6%;margin: 0 2.4% 20px 0;}
.one-formtre {float: left;width: 27.6%;margin: 0 3.5% 20px 0;}
.one-formfour {float: left;width: 20.6%;margin: 0 3.5% 10px 0;}
.wpcf7-form p {float: left;width: 100%;padding: 0 0 5px;color: #3f3f3f;font-family: 'OpenSansSemibold';}
.wpcf7-form textarea {height: 80px;}
/* END FORM CSS--------*/
aside .widget h3 {
font: normal 16px 'ChunkFiveRegular';
color: #0A8314;
border-bottom: 1px solid #ccc;
margin: 0 0 15px;
padding: 0 0 13px;
background: url(http://adriaadventure.hr/wp-content/uploads/2014/04/1398143238_tripadvisor.png) no-repeat;
padding: 0 0 0 20%;
}

 #mareno img {opacity:0.3; display:block;}
#mareno img:hover { opacity:0.8;}