@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: "Myriad Pro";
	background-image: url(slike/5.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-size: cover;
}
#sve {
	width:100vw;
}
p {
	font-family: 'Farsan', cursive;
	font-size: 20px;
}
#header #navigation ul {
	margin:0;
}

#wrapper {
	width:1100px;
	margin: 0 auto;
	z-index:3;
}
img{
	vertical-align: 0px;
}
#header {
	width:1100px;
	height:734px;
	background-image: url(slike/sofa/sofa1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	position:relative;
	box-shadow: 0px 18px 50px -20px rgba(0,0,0,0.3);
	z-index: 9;
	overflow: hidden;
}
#navigation {
	z-index: 10;
    height: 100px;
	margin-top:10px;
    background-color: #fff6f6;
	background: radial-gradient(circle,  rgba(255, 255, 255, 0.1) , rgba(228, 83, 4, 0.1));
    box-shadow: 0px 7px 12px -10px #222222;
}
a:link,
a:visited {
	color:rgba(26,26,26,1.00);
}
a:hover{
	color:rgba(247,97,100,1.00);transition: all 0.3s;
}
a:active{
	
}
#menu1 {
	float:left;
	width:420px;
}
#menu1 li {
	margin-left:50px;
}
#logo{
	margin-left:15px;
	float:left;
}
#menu2{
	float:left;
	width:435px;
	margin-left:0px;
}
#menu2 ul li {
	margin-left:30px;
}
ul {
	overflow: hidden;
	list-style-type:none;
	line-height: 100px;
}
#logo img {
	margin-top:17px;
}
li {
	float:left;
	font-size: 20px;
}
a{
	text-decoration:none;
}
#menu1 li:nth-of-type(1) {
	margin-left:100px;
}
#blok {
	background: linear-gradient(to right,  rgba(255, 255, 255, 1) , rgba(255, 255, 255, 0.3));
	position:relative;
	top:185px;
	left:225px;
	width:500px;
	height:145px;
	padding-bottom: 8px;
}
#blok h1 {
	display: inline-block;
	border-left: 4px solid #D95008;
	padding-left:15px;
	font-size: 30px;
	margin-top:15px;
	padding-bottom: 10px;
}

.zamena{
	font-family: 'Farsan', cursive;
	font-family: 'Scada', sans-serif;
	font-style: italic;
	font-weight: 100;
	font-size:17px;
	margin-left:5px;
	margin-top: 20px;
}
.zamena1 {
	font-family: 'Farsan', cursive;
	font-family: 'Scada', sans-serif;
	font-style: italic;
	font-weight: 100;
	font-size:23px;
}
#zamena {
	font-size:20px;
}
h2 {
	font-size:20px;
	font-weight:500;
	font-style: italic;
}
#about {
	background-color:rgba(241,241,241,1.00);
	width:1100px;
	height:870px;
	position:relative;
	z-index: 8;
	overflow: hidden;
	box-shadow: 0px 18px 50px -20px rgba(0,0,0,0.3);
}

#onama{
	background: white;
	width:420px;
	height:250px;
	position:absolute;
	top:150px;
	left:110px;
	padding-left: 20px;
	
}
h2 {
	background-color: #e45304;
	display:inline-block;
	color:white;
	padding: 3px 10px;
	padding-right:70px;
	margin-bottom:5px;
}

#usisivac{
	background-color:pink;
	background:url(slike/usisivac1.jpg);
	background-size:cover;
	width:430px;
	height:280px;
	position:absolute;
	top:120px;
	left:550px;
}

#stolice{
	background:url(slike/stolice.jpg);
	background-size:650px;
	background-position: -120px 0;
	background-color:blue;
	width:450px;
	height:320px;
	position:absolute;
	top:400px;
	left:100px;
}

#delatnost{
	background-color:white;
	width:440px;
	height:300px;
	padding-left:20px;
	padding-right:10px;
	position:absolute;
	top:400px;
	left:550px;
}

#usluge {
	background-color:black;
	width:1100px;
	height:620px;
	background-image: url("slike/pozadina.png");
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 7;
	box-shadow: 0px 18px 50px -20px rgba(0,0,0,0.3);
	position: relative;
	
}
#levo {
	width:370px;
	height:570px;
	padding-left:180px; 
	padding-top:50px; 
	float:left;
}
#usluge p {
	background: radial-gradient(circle, rgba(228, 83, 4, 0.15), rgba(255, 255, 255, 0.1));
	padding:4px 0px;
	margin:7px 0;
	width:370px;
	font-family: "Myriad Pro";
	font-style:normal;
}
#desno {
	width:460px;
	height:519px;
	padding-left:90px; 
	padding-top:101px; 
	float:left;
}
.fa-check-circle{
	color:rgba(34,151,11,0.9);
}
#footer {
	background-color:#453F3F;
	width:1100px;
	overflow: hidden;
	z-index:4;
}
#kontakt{
	background: linear-gradient(to right, rgba(241,241,241,1.00), rgba(221,221,221,1.00));
	width:400px;
	height:450px;
	padding-left:150px;
	padding-top:80px;
	float:left;
}
#footer span {
	display:inline-block;
	width:25px;
	text-align: center;
	margin-right:10px;
}
.fas{
	font-size:22px;
	margin-right:20px;
}
#footer p {
	font-family: "Myriad Pro";
	font-size:18px;
}

#forma{
	background: linear-gradient(to right, rgba(231,231,231,1.00), rgba(233,233,233,1.00));
	width:430px;
	height:450px;
	padding-left:120px;
	padding-top:80px;
	float:left;
}
#forma p {
	display:inline-block;
	border-bottom: 3px solid black;
	padding-bottom: 5px;
	width:320px;
}

.form1{
	border:0px solid red;
	width:300px;
	padding:10px;
}
#dugme {
	border: 0px solid;
	border-radius: 3px;
	font-size:15px;
	width:110px;
	color:white;
	padding: 5px;
	background-color: #e45304;
	box-shadow: 0px 10px 10px -10px black;
}


/*GALERIJA*/
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider arrow skin 093 css*/
        .jssora093 {display:block;position:absolute;cursor:pointer;}
        .jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
        .jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
        .jssora093:hover {opacity:.8;}
        .jssora093.jssora093dn {opacity:.6;}
        .jssora093.jssora093ds {opacity:.3;pointer-events:none;}

        /*jssor slider thumbnail skin 101 css*/
        .jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;}
        .jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid rgba(222,222,222,1.00);box-sizing:border-box;z-index:1;}
        .jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
        .jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
        .jssort101 .p:hover{padding:2px;}
        .jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
        .jssort101 .p:hover.pdn{padding:0;}
        .jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
        .jssort101 .pav .cv {border-color:#fff;opacity:.35;}
        .jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
        .jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
        .jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}

/*DUGME*/

#galerija {
	padding-top:50px;
	padding-bottom:100px;
	background-color:#EDEDED; 
	z-index: 6;
	position: relative;
}
#galerija h2 {
	margin-left:180px;
	margin-bottom:50px;
}
#mapa {
	background-color:#F0F0F0;
	z-index:5;
	position: relative;
	box-shadow: 0px 18px 50px -20px rgba(0,0,0,0.3);
}
#myBtn {
  bottom: 20px;
  right: 130px;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#e45304;
  background-color:#D84E03;
  color: white;
  cursor: pointer;
  padding: 10px;
	margin-top:30px;
  border-radius: 4px;
	transition: all 0.7s;
}
#myBtn a {
	color:white;
}
#myBtn:hover {background-color:#FF630E;
}
/*RAKETA*/





#rocketmeluncur {
  position: fixed;
  bottom: 50px;
  z-index: 7;
  display: none;
  visibility: hidden;
  width: 26px;
  height: 48px;
  right: 25px;
  background: url(slike/Ask.png)  no-repeat 50% 0;
  opacity: 0;
  -webkit-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -webkit-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  -moz-transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: visibility .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), opacity .6s cubic-bezier(0.6, 0.04, 0.98, 0.335), transform .6s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

#rocketmeluncur i {
  display: block;
  margin-top: 48px;
  height: 14px;
  background: url(https://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) no-repeat 50% -48px;
  opacity: .5;
  -webkit-transition: -webkit-transform .2s;
  -moz-transition: -moz-transform .2s;
  transition: transform .2s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0
}

#rocketmeluncur:hover {
  background-position: 50% -62px;
	
}

#rocketmeluncur:hover i {
  background-position: 50% 100%;
  -webkit-animation: flaming .7s infinite;
  -moz-animation: flaming .7s infinite;
  animation: flaming .7s infinite;
}

#rocketmeluncur.showrocket {
  visibility: visible;
  opacity: 1
}

#rocketmeluncur.launchrocket {
  background-position: 50% -62px;
  opacity: 0;
  -webkit-transform: translateY(-800px);
  -moz-transform: translateY(-800px);
  -ms-transform: translateY(-800px);
  transform: translateY(-800px);
  pointer-events: none
}

#rocketmeluncur.launchrocket i {
  background-position: 50% 100%;
  -webkit-transform: scale(1.4, 3.2);
  -moz-transform: scale(1.4, 3.2);
  transform: scale(1.4, 3.2)
}

#copy{
	background: linear-gradient(to right, rgba(231,231,231,1.00), rgba(233,233,233,1.00));
	text-align:center;
	padding:5px;
}