@import url(//db.onlinewebfonts.com/c/cb73bd7788b3b6c0d5322597b021f406?family=LosNichesW01-It);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import 'https://fonts.googleapis.com/css?family=PT+Sans';
* { padding: 0; margin: 0; text-decoration: none; box-sizing: border-box; }

body {
	background-color: #fff;
color: #243238;
font-family: 'PT Sans', sans-serif;
font-size: 13px;
line-height: 16px;
margin: 0;


}
img{
    width: 100%;
    height: auto;
	border: 3px solid #fadf58;
}
img:hover{
    width: 100%;
    height: auto;
	border: 3px solid black;
}
p {
	font-style: normal;
font-variant: normal;
font-weight: 400;
color: black;
font-family: "PT Sans",sans-serif;

line-height: 25px;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
color: white;
text-align: center;
padding: 15px 25px;
text-decoration: none;
font-size: 18px;
font-weight: 400;
font-family: "PT Sans",sans-serif;
}

li a:hover, .dropdown:hover .dropbtn {
    color: #fadf58;
}

#number {
 display: inline-block;
color: white;
text-align: center;
padding: 12px;
text-decoration: none;
font-size: 18px;
font-weight: 400;
font-family: "PT Sans",sans-serif;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: white;

box-shadow: 0px 8px 16px 0px rgba(165,176,210,0.6);
background-color: rgba(0, 0, 0, 0.6);
z-index: 999999999;
}

.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: center;
	border-bottom: 1px solid #fadf58;
}

.dropdown-content a:hover {color: }

.dropdown:hover .dropdown-content {
    display: block;
}
.titlepage{
    text-align: left;
   font-family: '', sans-serif;
   padding-bottom: 30px;
    font-size: 48px;
    line-height: 1.2;
    color: #000;
   padding-top: 5%;
    font-weight: 700;
}
.titlecontact {
    text-align: left;
 font-family: 'PT Sans', sans-serif;
    padding-bottom: 30px;
    font-size: 22px;
    line-height: 1.2;
    color: #000;
    font-weight: 700;
}
.adresscenter{
text-align: center;
font-size: 20px;
padding-top: 5%;
padding-bottom: 5%;
}

.time{
margin-bottom: 2%;
}

.wrapper {
	width: 1200px;
	margin: 0 auto;
}
.slid {
width: 100%;

}

.headercolor {
    width: 100%;
    background-color: rgba(77,73,72,0.8);
}

.logo {
position: absolute;
z-index: 9999;
padding-top: 30px;
color: #fadf58;
font-size: 36px;
font-weight: 400;
}
.logo a{
    color: #fadf58;
}
.footerconact a{
    color: #c60000;
}
.footerconact a:hover{
    color: #000;
}
ul#categories li a.btn:hover {
    color:#fadf58;
} 
#down {
    padding-top: 5%;
padding-bottom: 5%;
} 
#down1 {
    padding-top: 30px;
padding-bottom:  30px;
} 
#up {
   padding-top: 10%;

} 

.pagebackground{
background: url('../images/background1.png') no-repeat center center / cover;
background-repeat: no-repeat;
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
z-index: -1;
margin-top: 2.5%;
}
.somethinghome {
    text-align: center;
font-family: 'PT Sans', sans-serif;
    font-size: 35px;
    color: #52197e;
    text-transform: uppercase;

    margin-bottom: 1%;
}



div.img img {
    width: 100%;
    height: 250px;
}

div.desc {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.responsive {
   padding: 0px 10px 10px 0px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.pagebackground1{
background: url('../images/background2.png') no-repeat center center / cover;
background-repeat: no-repeat;
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto;
z-index: -1;
margin-top: -5px;
}
.specialoffers{
background: url('../images/specialoffers.png') no-repeat center center;
background-repeat: no-repeat;
position: relative;
width: 100%;
height: 260px;
margin-left: auto;
margin-right: auto;
box-shadow: 0px 2px 6px 10px rgba(165,176,210,0.6);
margin-bottom: 10%;

}
#pagewrapoffers {

    margin-top: -15%;
   
}
.specialoffersposition{
float: right;
margin-top: 5%;
margin-right: 15px;
}
.soffname{
font-style: normal;
font-variant: normal;
font-weight: 400;
color: black;
font-family: 'PT Sans', sans-serif;
color: #7c1249;
font-size: 90px;
}
.soffnamedetail{
font-style: normal;
font-variant: normal;
font-weight: 400;
color: black;
font-family: 'PT Sans', sans-serif;
font-style: italic;
font-size: 20px;
padding-bottom: 10px;

}
img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	background-color: rgba(0, 0, 0, 0.5);
}
.titleproduct {
display: inline-block;
padding: 15px 20px;
font-size: 15px;
font-weight: 700;
color: #000;
background-color: #fadf58;
margin-top: 5%;
margin-bottom: 15%;
width: 200px;
text-align: center;

}
.titleproduct:hover{
display: inline-block;
padding: 15px 20px;
font-size: 15px;
font-weight: 700;
color: white;
background-color: #000;
margin-top: 5%;
margin-bottom: 15%;
width: 200px;
text-align: center;

}
.titleproduct1 {
    display: inline-block;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    background-color: #fadf58;
   
    margin-bottom: 5%;
    width: 16.3%;
    text-align: center;
}
.titleproduct1:hover{
display: inline-block;
padding: 15px 20px;
font-size: 15px;
font-weight: 700;
color: white;
background-color: #000;

    margin-bottom: 5%;
  width: 16.3%;
text-align: center;

}
.soffdetail{
font-style: normal;
font-variant: normal;
font-weight: 400;
color: black;
font-family: 'PT Sans', sans-serif;
}
.leftsidetext{
float: left;
width: 50%;
padding-right: 2.5%;
}
.rightsidetext{
float: left;
width: 50%;
padding-left: 2.5%;
padding-bottom: 10%;
}

.leftside{
float: left;
width: 50%;
padding-right: 5%;
}
.rightside{
float: left;
width: 50%;
padding-left: 5%;
}
.cart{
float: right;

margin-top: 20px;
}
.something{
text-align: left;
font-family: '', sans-serif;

margin-top: 5%;

font-size: 50px;
line-height: 1.2;
color: #000;
font-weight: 400;
}	
.leftright{
clear: both;
	padding-top: 30px;

}  
.something1 {
    text-align: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 25px;
    color: #52197e;
	padding-top: 10%;
padding-bottom: 5%;
}  

nav {
width: 100%;

z-index: 10;
box-shadow: 3px 4px 8px 0px rgba(0, 0, 0, 0.11);
position: fixed;
background-color: rgba(0, 0, 0, 0.6);

}
.footerpage{
z-index: 10;
width: 100%;
clear: both;
background-color: #eeeeee;
}
.footerpage1 {
    z-index: 10;
    width: 100%;
 background-color: rgba(0, 0, 0, 0.6);
 clear: both;
}
.footerconact{
float: left;
width: 33%;


}
nav ul {
	list-style-type: none;
	margin-left: 400px;
font-family: "PT Sans",sans-serif;
}

nav ul li {
display: inline-block;

font-family: "PT Sans",sans-serif;
padding: 0 10px;
margin: 20px 0;

}
.videoWrapper {
height: auto;
margin-left: 25%;
margin-right: 25%;
}

nav ul li:last-child {
	border-right: 0;
}



nav ul li a:hover {
	
}

nav a#pull {
	display: none;
}

#slider {
	width: 100%;
	max-height: 500px;
	position: relative;
	overflow: auto;
 z-index: -1;
}

.mySlides {display:none;}
#social {
	padding-bottom: 10px;
}
.social1 {
	padding-left: 120px;
	
}
#slider li {
	list-style: none;
	width: 100%;
	height: 668px;
}

#slider ul li { float: left; }

#slider .title {
color: #fff;
position: relative;
padding-top: 15%;
text-align: left;
font-style: normal;
font-variant: normal;
font-weight: 700;
font-family: 'PT Sans', sans-serif;
font-size: 56px;
float: left;
width: 40%;
line-height: 120%;
}

#slider .contact-info {
	font-size: 17px;
	color: #1e267e;
	line-height: 2px;
	float: right;
	clear: both;
	margin-top: 20px;
	margin-right: 15px;
}
.packages{
	 box-shadow: 0px 2px 6px 10px rgba(165,176,210,0.6);
height: 70px;
position: relative;
}
.packages1{

height: 70px;
position: relative;
}
#lineredgornji {
    background: #ff0000;
    height: 6px;
    width: 50%;
    float: right;
    
}

#slider .contact-info p {
	font-size: 19px;
	font-family: 'PT Sans', sans-serif;
	color: #fff;
}

ul#categories {
	list-style-type: none;
	float: left;
	padding-bottom: 10px;
	

}

ul#categories li {
	display: inline-block;
	
	
	vertical-align: top;
	position: relative;
	float: left;
	width: 20%;
}



ul#categories li .cat-img {
	width: 100%;

height: 270px;
}

ul#categories li a.btn {
display: block;
text-align: center;
color: white;
width: 50%;
height: 41px;

position: absolute;
top: 60%;
font-size: 19px;
padding-top: 5px;
left: 25%;
border: 3px solid white;
}

ul#sub-menu li a {
    color: #fff;
}
                ul#sub-menu li {
                    color: #fff;
                    display: block;
                    vertical-align: top;
                    padding: 10px;
                    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
                }

                ul#sub-menu li ul li {
                    padding:3px;
                    display: block;
                    border-bottom: 0;
                    font-size: 14px;
                }

ul
{
    list-style-type: none;
}



#phoneicon{
	width: 40px;

	float: left;
background-color: #fadf58;

}




.zindexatback
{
    float:left;
    overflow:hidden;
    width:230px;
    height:230px;
    margin:0px 5px 5px 0px;
}
.zindexatback2
{
    float:left;
    overflow:hidden;
    width:230px;
    height:120px;
    margin:0px 5px 5px 0px;
}