body{
margin:0;
padding:0;
background:#373737;
background:url(../images/pattern.png) repeat;
font: Georgia, "Times New Roman", Times, serif;
 }
body a{
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
margin:0;
color:#CBE86B;		   
}	
p{
margin:0;
color:#FFFFFF;
}
ul{
margin:0;
padding:0;
}
/*-- BANNER --}*/
.banner{
background:#373737;
background:url(../images/pattern.png) repeat;
}
.bannerWrapp{
background:#373737;
background:url(../images/pattern.png) repeat;
}
.banner-info{
}
.banner-info h1{
color:#fff;
font-size:3.5em;
text-align:center;
margin-bottom:1em;
font-family: 'Raleway', sans-serif;
font-weight:600;
height:80px;
}
.banner-text{
padding-left:0;
float:left;
width:60%;
}
.banner-text p{
text-align:left;
font-size:16px;
color:#FFFFFF;
background:rgba(255, 255, 255, 0.27);
padding:2em;
width:80%;
text-transform:uppercase;
}
.banner-text img{
width:100%;
}
.banner-form{
text-align:left;
background:rgba(255, 255, 255, 0.27);
padding:2em;
float:right;
width:38%;
}
.banner-form h3{
color:#fff;
font-size:1.8em;
font-weight:600;
margin-bottom:5px;
}
.banner-form p{
color:#fff;
font-size:1em;
font-weight:400;
margin-bottom:1em;
}
.banner-form form input[type="text"],.banner-form textarea, .banner-form select{
width: 100%;
padding: 8px 10px;
border: 1px solid #e5e5e5;
font-size: 0.9em;
margin-bottom: 1em;
color:#AFAFAF;  
outline: none;
font-weight: 600;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.banner-form textarea{
resize:none;
height:80px;
}
.banner-form form input[type="submit"] {
background: #CBE86B;
color: #fff;
font-size: 1em;
display: inline-block;
text-decoration: none;
padding: 12px 2em;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
font-weight: 600;
border:none;
border: 1px solid #CBE86B;
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
.banner-form form input[type="submit"]:hover{
background:transparent;
color:#fff;
border: 1px solid #CBE86B;
}
/*-- END BANNER -----------------*/
/*-- HEADER NAVIGACIJA --*/
.header{
padding:2em 0;
}
.logo{
float:left;
}
.logo a{
display:inline-block;
text-decoration:none;
}
.logo h1{
color:#CBE86B;
}
.logo h1 small{
color:#CBE86B;
}
.top-menu{
float:right;
}
.top-menu ul li{
display:inline-block;
}
.top-menu ul li a{
color:#fff;
font-size:1em;
padding: 5px 5px;
display:block;
text-decoration:none;
margin:0 0.5em;
margin-top:10px;
}
.top-menu ul li a:hover{
color:#CBE86B;
}
.top-menu ul li.active a {	
color:#CBE86B;
}
.flags{
float:right;
height: 20px;
}
.flags img{
height: 20px;
}
/*-- END HEADER NAVIGACIJA --*/
/* Shutter Out Horizontal EFFECT */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fd7700;
  border:1px solid #fd7700;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* END Shutter Out Horizontal */
/* Index slider */
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}
.callbacks_nav {
  	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 57%;
	left: 0;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 22px;
	background: transparent url("../images/themes.png") no-repeat left top;
	margin-top: -65px;
}
.callbacks_nav:active {
  opacity: 1.0;
}
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}
a.callbacks_nav.callbacks1_nav.next {
  width: 26px;
}
/* __END Index slider__________*/
/*--INDEX -----------------*/
.features{
padding:4% 0;
border-bottom:1px solid #eeeeee;
}
.features-head{
text-align:center;
}
.features-head h3{
font-size: 2.7em;
font-weight: 600;
color:#CBE86B;
padding-bottom: 0.7em;
background: url(../images/line.png) no-repeat 50% 100%;
}
.features-head p{
padding-top:20px;
}
.features-section{
margin-top:4em;
}
.features-section a{
float:right;
color:#FFFFFF;
}
.feature-grid {
text-align:center;
margin-bottom:2em;;
}
.feature-grid img{
margin-bottom:1em;
width:100%;
}
.feature-grid h3{
font-size:1.9em;
margin-bottom:0.5em;
font-weight:600;
}
.feature-grid p{
color:#aeadad;
font-size:1.2em;
line-height:1.5em;
font-weight:400;
}
/*--END INDEX -----------------*/
/*-- APARTMANI ---------*/
.content{
margin:3em 0;
}
.gallery-head {
margin:2em 0;
text-align:center;
}
.gallery-head h3 {
font-size: 2em;
padding-bottom: 0.7em;
}
.gallery-head p {
padding-top:20px;
}
.gallery-top {
margin:3em 0 4em 0;
}
.gallery li {
float: left;
display: inline;
width: 23.5%;
margin-right: 2%;
box-shadow: 0 0 18px #A6A6A6;
-webkit-box-shadow: 0 0 18px #A6A6A6;
-moz-box-shadow: 0 0 18px #A6A6A6;
-o-box-shadow: 0 0 18px #A6A6A6;
opacity: .95;
}
.gallery li.last {
margin: 0 0 30px 0;
}
.gallery ul li a img {
box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
-o-box-shadow: 0 0 5px #999;
width: 100%;
}
.gallery h3 {
color: #888;
padding: 10px 0 0 15px;
background: #FFF;
font-size: 1.2em;
font-weight:500;
text-align:center;
text-transform:uppercase;
}
.appNav ul{
padding:0;
margin:0;
text-align:center;
margin-bottom:20px;
}
.appNav ul li{
display:inline-block;
}
.appNav ul li a {
color: #000;
font-size: 14px;
text-decoration: none;
display: block;
padding: 5px 5px;
background-color:#CBE86B;
border-radius: 5px;
}
.appNav ul li a:hover{
color:#CBE86B;
background:#303030;
}
.appNav ul li.activePage a {	
color:#fff;
background:#303030;
}
/*-- END APARTMANI ---------*/
/*-- CITY ---*/
.about-bottom{
background:#f2f2f2;
padding:3% 0;
}
.about-customize {
width:45%;
float:left;
}
.device-text-bottom h3{
font-size: 2em;
color: #303030;
padding-bottom: 0.7em;
}
.device-text-bottom p{
color:#aeadad;
font-size:1.2em;
margin-top:1em;
width:100%;
}
.about-device-bottom{
float:right;
width:55%;
}
/*--- slider-css --*/
.pic1{
width:100%;
}

.slider{
position:relative;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
 }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides_tabs{
	background: none !important;
	border: none;
	box-shadow: none;
	position: relative;
	top: -90px;
	z-index: 999;
}
.callbacks_tabs a:after {
content: "\f111";
font-size: 0;
font-family: FontAwesome;
visibility: visible;
display: block;
height: 8px;
width: 8px;
display: inline-block;
border: 2px solid #747474;
border-radius:50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
background:transparent;
margin-left:1em;
}
.callbacks_here a:after{
border: 5px solid #FFF;
background: #fff;
width: 14px;
height: 14px;
}
.callbacks_tabs a{
visibility:hidden;
}
.callbacks_tabs li{
display:inline-block;
margin-left:0.7em;
}
ul.callbacks_tabs.callbacks1_tabs {
position: absolute;
bottom: -69%;
z-index: 0;
left: 43%;
}
.map {  
height:400px;
}
.map iframe{
width:100%;
height:450px;
position:relative;
}
/*-- END SLIDER -------*/
/*-- END CITY ---------*/
/*-- FOOTER --*/
.footer{
background:#15141a;
padding:1em 0;
background:url(../images/pattern.png) repeat;

}
footerLogo{
margin: 0 auto;
text-align:left;
}

.footer h1{
color: #CBE86B;
margin-bottom:15px;
font-size:24px;
}
.footer h1 img{
}
.social span {
	color: #CBE86B;

width: 27px;
height: 27px;
display: inline-block;
margin-right:1.5em;
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
a span.behance {
background-position: -8px -7px;
}
a span.dribble {
background-position: -8px -44px;
}
a span.twitter {
background-position: -8px -83px;
}
a span.facebook {
background-position: -8px -127px;
}
a span.linkedin {
background-position: -11px -163px;
}
a span.behance:hover{
background-position: -49px -7px;
}
a span.dribble:hover{
background-position: -51px -45px;
}
a span.twitter:hover {
background-position: -8px -83px;
}
a span.facebook:hover {
background-position: -52px -128px;
}
a span.linkedin:hover {
background-position: -58px -163px;
}
.footer p{
color:#00DFFC;
font-size: 1.1em;
font-weight: 600;
text-transform:uppercase;
margin:0 0 1em 0;
}
.footer p a{
color:#00DFFC;
}
.footer p a:hover{
color:#fff;
}
/*-- END FOOTER --*/
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 0%;
right: 1%;
overflow: hidden;
width: 40px;
height: 40px;
border: none;
text-indent: 100%;
background: url("../images/easytop.png") no-repeat 0px 0px;
}
#toTopHover {
width: 40px;
height: 40px;
display: block;
overflow: hidden;
float: right;
opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
}











/*--about
.about{
padding:4% 0;
}
.about-device-info{
text-align:left;
}
.device-text h3{
font-size: 2.7em;
font-weight: 600;
color: #CBE86B;
padding-bottom: 0.7em;
background: url(../images/line.png) no-repeat 0% 100%;
}
.device-text p{
color:#aeadad;
font-size:1.3em;
line-height:1.5em;
font-weight:400;
margin-top:1em;
width:90%;
}
.about-device img{
width:100%;
}
.about-list{
margin-top:2em;
}
.about-list ul li{
display:block;
}
.about-list ul li {
list-style-type: none;
margin-bottom: 0.5em;
}
.about-list ul li a {
text-decoration: none;
color: #1a1a1a;
font-size:1.25em;
font-weight:600;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
.about-list ul li a:hover{
color:#fd9233;
}
.about-list ul li a span {
background: url(../images/icons1.png) no-repeat;
width: 20px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin-right: 13px;
}
.about-list ul li a span.abt1{
background-position:-7px -12px;
}
.about-list ul li a span.abt2{
background-position:-7px -37px;
}
.about-list ul li a span.abt3{
background-position:-7px -69px;
}
.about-list ul li a span.abt4{
background-position:-7px -97px;
}

.pricing{
background:url(../images/price.jpg) no-repeat;
min-height:600px;
background-size:cover;
padding:5% 0;
}
.pricing-text{
text-align:center;
}
.pricing-text h3{
font-size: 2.7em;
font-weight: 600;
color: #fff;
padding-bottom: 0.7em;
background: url(../images/line.png) no-repeat 50% 100%;
}

.contact{
padding:3% 0 0 0;
background:#ededed;
position:relative;
}
.contact-text{
text-align:center;
}
.contact-text h3{
font-size: 2.7em;
font-weight: 600;
color:#CBE86B;
padding-bottom: 0.5em;
background: url(../images/line.png) no-repeat 50% 100%;
}
.contact-grids{
margin:5% 0;
}
.icon1{
background: url(../images/icons1.png) no-repeat -46px -14px;
width: 28px;
height: 35px;
display:inline-block;
text-align:center;
margin-bottom:1em
}
.icon2{
background: url(../images/icons1.png) no-repeat -96px -14px;
width: 28px;
height: 35px;
display:inline-block;
text-align:center;
margin-bottom:1em
}
.icon3{
background: url(../images/icons1.png) no-repeat -145px -14px;
width: 35px;
height: 35px;
display:inline-block;
text-align:center;
margin-bottom:1em
}
.contact-grid p{
color:#999999;
font-weight:500;
font-size:1.25em;
}
.contact-grid a{
color:#999999;
font-weight:500;
display:block;
text-decoration:none;
font-size:1.25em;
}
.contact-grid a:hover{
color:#008ed6;
}
.contact-details{
background:#15141a;
padding:4em 4em 2em 4em;
width: 49%;
position: absolute;
bottom: 0%;
left: 26%;
text-align:center;
}
.contact-details form input[type="text"],.contact-details form textarea {
width: 100%;
padding: 10px 14px;
border: 1px solid #444348;
font-size: 1.1em;
margin-bottom: 1.2em;
color: #444348;
outline: none;
background:transparent;
font-weight: 700;
}
.contact-details form textarea {
height: 168px;
resize: none;
width: 100%;
}
.contact-right{
text-align:right;
}
.contact-details input[type="submit"] {
  background: #CBE86B;
  color: #fff;
  font-size: 1.2em;
  display: inline-block;
  text-decoration: none;
  padding: 12px 1.7em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
  font-weight: 600;  
  margin:1em 0em 0 0;
  border: 1px solid #CBE86B;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
.contact-details input[type="submit"]:hover{
background:transparent;
border: 1px solid #CBE86B;
}
--*/

/*--responsive--*/
@media (max-width: 1280px){

}
/*----------------------------1024 px----------------------------------------*/
@media (max-width: 1024px){
.container{
width:100%;
padding-left:20px;
padding-right:20px;
}
.banner {

}
.logo h1{
font-size:24px;
}
.top-menu ul li a{
padding: 6px 6px;
}
.banner-text{
padding:0;
margin:0;
width:60%;
float:left;
}
.banner-text p{
width:90%;
}
.banner-text img{
width: 90%
}
.banner-form{
width:40%;
}
.features h3, .gallery-head h3, .device-text-bottom h3{
font-size: 1.8em;
}
.features p, .gallery-head p, .device-text-bottom p{
font-size: 14px;
}
}
/*----------------------------768 px----------------------------------------*/
@media (max-width: 768px){
span.menu:before {
content: url(../images/nav.png);
cursor: pointer;	
height:32px;
}	
span.menu{
display:block;
float:right;
margin-top:-30px;
}	
.top-menu {
width: 45%;
float: right;
top: 0;
}
.top-menu  ul{
display:none;
}
.top-menu ul{
margin: 0;
z-index: 999;
position: absolute;
width: 100%;
left:0;
text-align: center;
top: 80px;;
background:#00DFFC;
}
.top-menu  ul li {
font-size: 12px;
display:inline-block;
width: 100%;
}
.top-menu ul li a {
padding:8px 0;
font-size: 14px;
width: 100%;
font-weight:600;
display:block;
margin:0;
}
.top-menu ul li a:hover{
color:#303030;
}
.top-menu ul li.active a {	
color:#303030;
}
.flags{
float:left;
width:100%;
height: 25px;
}
.flags img{
height: 25px;
}
.banner-info{
margin-top: 0;
width:100%;
}
.banner-info h1{
height:1px;
}
.banner-text{
padding:0;
margin:0;
width:60%;
float:left;
}
.banner-text img{
width:90%;
}
.banner-text p{
font-size:14px;
padding: 10px 10px;
width:90%
}
.banner-form{
width:40%;
}
.banner {
}
.features h3, .gallery-head h3, .device-text-bottom h3{
font-size: 1.4em;
}
.features p, .gallery-head p, .device-text-bottom p{
font-size: 14px;
}
.feature-grid {
width: 50%;
float: left;
margin-bottom:2em;
}
.feature-grid h3 {
font-size: 1.7em;
}
.feature-grid p {
font-size: 1.1em;
overflow: hidden;
height: 93px;
}


}
/*-------------------------------640 px ------------------------*/
@media (max-width: 640px){
span.menu{
margin-top:0;
}	
.banner {
}
.logo {
width:100%;
text-align:center;
margin-bottom:12px;
}
.logo h1{
font-size:20px;
}
.flags{
float:left;
width:100%;
height: 25px;
}
.flags img{
height: 25px;
margin-top:20px;
}
span.menu{
display:block;
}	
.top-menu {
width: 100%;
float:right;
}
.top-menu  ul{
top: 115px;
}
.top-menu  ul a{
font-size:14px;
}	
.banner-info{
margin-top: 0;
}
.banner-info h1{
height:1px;
}
.banner-text{
padding:0;
margin:0;
width:100%;
}
.banner-text img{
width:100%;
}
.banner-text p{
font-size:14px;
padding: 10px 10px;
margin: 0 auto;
width:100%
}
.banner-form{
width:100%;
}
/*--INDEX -----------------*/
.feature-grid h3{

font-size:18px;
margin-bottom:0.5em;
font-weight:600;
}
.feature-grid p{
color:#aeadad;
font-size:14px;
text-align:left;
}
/*-- CITY ---*/
.about-customize {
width:100%;
}
.device-text-bottom h3{
font-size: 16px;;
color: #303030;
padding-bottom: 0.7em;
}
.device-text-bottom p{
color:#aeadad;
font-size:14px;
margin-top:1em;
width:100%;
}
.about-device-bottom{
width:100%;
margin-bottom:10px;
margin-top:20px;
}
}

/*------------------------------480 px -------------------*/
@media(max-width:480px){

/*--INDEX -----------------*/
.features{
padding:4% 0;
border-bottom:1px solid #eeeeee;
}
.features-head{
text-align:left;
}
.features-head h3{
text-align:center;
color:#CBE86B;
}
.features-head p{
padding-top:20px;
}
.features-section{
margin-top:4em;
}
.features-section a{
float:right;
}
.feature-grid {
width:100%;
margin-bottom:2em;
}
.feature-grid img{
margin-bottom:1em;
width:100%;
}

/*-- APARTMANI ---------*/
.content{
margin-top:10px;
}
.gallery-head {
text-align:left;
}
.gallery-head h3 {
font-size: 18px;
color: #303030;
padding-bottom: 0.3em;
text-align:center;
}
.gallery li {
width: 100%;
}
.appNav ul{
width:100%;
}
.appNav ul li{
display:inline-block;
margin-bottom:20px;
}
/*-- FOOTER --*/
.footer p{
font-size: 12px;
}
#toTop {
width: 30px;
height: 30px;
}
#toTopHover {
width: 30px;
height: 30px;
}
}

/*-----------------------------------320 px -------------------------*/
@media(max-width: 320px){
.container{
width:100%;
padding-left:10px;
padding-right:10px;
}
.logo h1{
font-size:16px;
}
.flags{
height: 20px;
}
.flags img{
height: 20px;
}
.banner-text{
padding:0;
margin:0;
width:100%;
}
.banner-text img{
width:100%;
}
.banner-text p{
font-size:14px;
padding: 10px 10px;
margin: 0 auto;
width:100%
}
.banner-form{
width:100%;
}

.banner-form{
width:100%;
padding: 5px;
}
.banner-form h3{
font-size:16px;
font-weight:600;
margin-bottom:5px;
padding-top:20px;
}
.device-text-bottom h3{
text-align:left;
}
}