html{display:block
}
div {
    display: block;
}
.clear{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;

}
@font-face {

font-family: TrebuchetMS; 
src: url('trebuchetms.ttf');
src: local(trebuchetms), url(trebuchetms.ttf); 
   }
.bg { 
margin-left:auto;margin-right:auto;width:980px;}
.imgclr img{
width:100%;
height:100%;
padding:5px;
}
body {
font-family: trebuchetms, 'Comic Sans MS', bold;
zoom:1;
margin: 0;
width:100%;
background: #ffffff;
}
a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background:rgba(0,0,0,0.1);
  padding: 1rem;
  transition: .6s background; 
}
a:hover{
  background:rgba(0,0,0,0.3);
}

.post-cat a {
    color:rgba(65,155,220,1);
  font-size: 2rem;
  text-transform: uppercase;
  margin-top: 0;
  letter-spacing: .3rem;
  padding:5px;
  background:none;
}
.post-cat a:hover{
     -webkit-filter: contrast(1);filter: contrast(1);
    -webkit-filter: brightness(1.2);filter: brightness(1.2);
  background:none;
}
.titlefont {
color: #4d92c9
}

#kitchen1{
background: #ffffff;  
padding-top:20px;
padding-bottom:20px;
position: relative; 
width:100%;
margin-bottom:0px;
}
#ourworks{
width:100%;
margin-top:40px;
padding-top:20px;
padding-bottom:20px;
position: relative; 
background-color: #FAFAFA;

}
.works_content{
 padding-bottom:20px;
 padding-top:20px;
 margin-top:20px;
}

#mimg{
    margin-top: 20px;
 
    width:968px;
    margin-bottom: 20px;
	border:2px solid #fff;
	-moz-box-shadow:1px 1px 3px #222;
	-webkit-box-shadow:1px 1px 3px #222;
	box-shadow:1px 1px 3px #222;
}

#mimg:hover
{
    box-shadow: 0px 0px 150px #000000;

    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 200ms ease-in;
    transform: scale(1.2);
}

#howtoorder2{
width:100%;
padding-bottom:0px;
padding-top:40px;
background: url('images/howto2.jpg') repeat center; 
top:-6rem;
}

#howtoorder2 a{
background:none; 

color:#000;
}
#howtoorder2 img {
zoom:2;
}
#howtoorder2 img:hover
{

    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.3);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.3);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.3);
    transition: all 200ms ease-in;
    transform: scale(1.3);
}

#howtoorder{
width:100%;
padding-bottom:0px;
padding-top:120px;
top:400px;
}
#howtoorderi{
padding-top:20px;
padding-bottom:20px;
position: relative; 
float:none;
width:980px;


}

#ourwater{
padding-bottom:40px;
padding-top:20px;
width:100%;
margin-bottom:40px;
}
#ourwater p{
text-align:justify;
width:700px;
display:block;
}
#ourwater img{
padding:10px;
max-width:90%;
text-align: center;
zoom:2;
}
#shd img{
border: 5px solid rgba(65,155,220,0.3);
-moz-box-shadow: 3px 3px 4px rgba(65,155,220,0.2);
-webkit-box-shadow: 3px 3px 4px rgba(65,155,220,0.2);
box-shadow: 3px 3px 4px rgba(65,155,220,0.2);  
}
#ourwater a{
background:none;
}
#ourwater img:hover
{

    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 200ms ease-in;
    transform: scale(1.5);
}
#dfiles{
width:100%;
padding-bottom:40px;
padding-top:40px;
background: none; 
}
#dfiles a {
  display: inline-block;
  color: #000;
  background:rgba(0,0,0,0);
  text-decoration: none;
  padding: .5rem;
  transition: .6s background; 
  zoom:2;  
}
#dbutton p {
  background:rgba(77,146,201,0.5);
}
#dbutton p:hover {
  background:rgba(77,146,201,1);
}

#dfiles a:hover{
  background:rgba(77,146,201,1);
  color: #fff;
}
#dfiles img {
 padding-left:10px;
 padding-right:10px; 
}

#costs{
display:block;
width:100%;
padding-bottom:0px;
padding-top:40px;
background: none; 
text-align:center;
left: 0;
}
#costst{
display:block;
width:700px;
text-align:center;
left: 50%;
margin-left:-350px;
margin-right:0px;
position:relative;
zoom:1.5;
}
#costs img {
 padding-top:0px;
 padding-left:10px;
 padding-right:10px; 
}

#grafik{
width:100%;
padding-bottom:40px;
padding-top:40px;
background: url('images/grafik.jpg') repeat center; 
}
#grafik table{
zoom:1.5;
}
.first{
font-weight:600;
padding:5px;
}
.gt{
background-color:white;
}
.steps_line1{
display:block;
height:170px;
position: relative;
float:none;
margin:0px;
width:850px;
}
.steps_line2{
display:block;
height:170px;
float:none;
font-size:16px;
margin:0px;
width:850px;
}
.steps_container{
 float:left;
 position:relative;
 margin-left:40px;
 width:180px;
}
.steps_container:hover{
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
    -webkit-filter: contrast(1);filter: contrast(1);
    -webkit-filter: brightness(1.2);filter: brightness(1.2);
}    
.steps2_container{
 padding:5px;
 width:187px;
 height:120px;
 float:left;
 position:relative;
 margin-left:10px;
 background-color: #ffffff; 
 	border:2px solid #fff;
	-moz-box-shadow:1px 1px 3px #222;
	-webkit-box-shadow:1px 1px 3px #222;
	box-shadow:1px 1px 3px #222;
}
.steps2_container h3{
 padding:2px;
 margin:5px;
 font-size:20px;
 font-weight:600;
 float:none;
 text-align:center;
}
.steps2_container p{
 padding:2px;
 margin:2px;
 font-size:16px;
 font-weight:100;
 text-align:center;
}

#container {
padding-top:92px;
width:796px;
height:448px;
}
#howtoorder a{ 
 color:black;
 font-weight:600;
 background-color: rgba(255,255,255,0.6);  
 margin-top:10px;
 margin-left:10px;
}
#howtoorder a:hover{ 
 color:black;
 font-weight:600;
 background-color: rgba(255,255,255,1);  
 margin-top:10px;
 margin-left:10px;
}

nav {
  ZOOM:1.8;
  width: 100%;
  z-index:1000;
  float: right;
  margin:0;
  top:0;
  position: fixed;
  background-color: rgba(0,0,0,0);  
}
#lngblock { 
  position:fixed;
  right: 0;
  padding: 0rem;
  width: 170px;
  z-index: 1000;
  float: left;
  margin:0;
  top:7rem;
}

lng {
  margin-left:50px;
}
.mlng {
  padding: 0.2em 1em;
  margin: 0em 0em 0.2em 0.2em;
  color: white;
  background-color: rgba(77,146,201,0.8);  
  border-radius: .5em 1.5em .5em 1.5em ;
}
.mlng:hover{
  background:rgba(0,0,0,0.4);
  background-color: rgba(170,217,255,0.8); 
  color: black;
}


.clritem {
  width:100px;
  height:0;
  padding: 0.2em 1em;
  margin: 0em 0em 0.2em 0.2em;
  color: white;
  background-color: rgba(255,255,255,0);  
  border-radius: .5em 1.5em .5em 1.5em ;
}
.mitem {
  padding: 0.2em 1em;
  margin: 0em 0em 0.2em 0.2em;
  color: white;
  background-color: rgba(77,146,201,0.8);  
  border-radius: .5em 1.5em .5em 1.5em ;
}
.mitem:hover{
  background:rgba(0,0,0,0.4);
  background-color: rgba(170,217,255,0.8); 
  color: black;
}
#topContactInfo { 
  line-height:1;
  position:fixed;
  right: 1rem;
  top:13rem;
  font-family: Agenda-Light, 'Agenda Light', Agenda, 'Arial Narrow', sans-serif;
  font-weight:100; 
  background: rgba(255,255,255,0.2);
  color: white;
  padding: 0rem;
  width: 170px;
  z-index: -1;
  margin:0rem;
  float: left;
  font-size: 1rem;
}
#topContactInfo p { 
  font-size: 1rem;
}
#topContactInfo h2 {
  font-size: 1rem;
  text-transform: uppercase;
  margin-top: 0;
}

#topContactInfol { 
  line-height:1;
  position:fixed;
  right: 1rem;
  top: 21rem;
  font-family: Agenda-Light, 'Agenda Light', Agenda, 'Arial Narrow', sans-serif;
  font-weight:100; 
  background: rgba(255,255,255,0.2);
  color: white;
  padding: 0rem;
  width: 170px;
  z-index: 1000;
  margin:0rem;
  float: left;
  font-size: 0.8rem;
  border-radius: 1em 3em 1em 3em;
  zoom: 1.5;
}



#topContactInfol img:hover{ 
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 100ms ease-in;
    transform: scale(1.1);
    -webkit-filter: contrast(1.1);filter: contrast(1.1);
}

#topContactInfol a { 
  display: block;
  width: 80%;
  padding: .4rem;
  border: none; 
  margin: 0rem auto; 
  font-size: 1.1rem;
  background: rgba(77,146,201,1);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  transition: .3s background;
  border-radius: 1em 2em 1em 2em;
}

#topContactInfo a:hover { 
   background: rgba(0,144,211,0.7);
   z-index:1000;
}

#topContactInfo2 { 
  line-height:1;
  position:absolute;
  right: 1rem;
  top: -100rem;
  font-family: Agenda-Light, 'Agenda Light', Agenda, 'Arial Narrow', sans-serif;
  font-weight:100; 
  background: rgba(255,255,255,0.2);
  color: white;
  padding: 0rem;
  width: 170px;
  z-index: -1000;
  margin:0rem;
  float: left;
  font-size: 0.8rem;
  border-radius: 1em 3em 1em 3em;
}

#topContactInfo2 p { 
  display: block;
  width: 80%;
  padding: .4rem;
  margin-top:1rem;
  border: none; 
  margin: 0rem auto; 
  font-size: 1.1rem;
  background: rgba(77,146,201,1);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  transition: .3s background;
  border-radius: 1em 2em 1em 2em;
}
#topContactInfo2 img:hover
{
    box-shadow: 0px 0px 150px #000000;
    transition: all 200ms ease-in;
    -webkit-filter: contrast(1);filter: contrast(1);
    -webkit-filter: brightness(1.2);filter: brightness(1.2);
}

#topContactInfo2 a {
  display: inline-block;
  text-decoration: none;
  padding: .5rem;
  transition: .6s background; 
  background:none;
}
#topContactInfo2 a:hover {
  display: inline-block;
  text-decoration: none;
  padding: .5rem;
  transition: .6s background; 
}

#toppart{
z-index:0;
width:100%;
position:absolute;
top:0;
left:0;
}
 
#topv{ 
position:absolute;
top:0px;
left:0px;
min-width:100%;
width:auto;
height:auto;
background:url('videobg.jpg') center no-repeat;
background-size:cover;
z-index:-100}


.stopfade { 
   opacity: .5;
}
#Logo { 
  zoom:0.5;
  position:absolute;
  left: 3rem;
  top:250px;
  font-family: Agenda-Light, 'Agenda Light', Agenda, 'Arial Narrow', sans-serif;
  font-weight:100; 
  background: rgba(255,255,255,0);
  color: white;
  z-index: 1000;
  width: 300px;
  margin:0rem;  
  float: none;
  font-size: 1.2rem;
  z-index:1000;
}



topMInfo  {
  visibility: hidden;
  width: 0%;
  height: 0%;
  z-index:1000;
  margin:0;
  top:-100rm;
  position: absolute;  
  background-color: rgba(0,0,0,0);  
  display:none;
}

.topMInfoI { 
  font-family: Agenda-Light, 'Agenda Light', Agenda, 'Arial Narrow', sans-serif;
  font-weight:100; 
  background: rgba(255,255,255,0.8);
  color: #02528f;
  font-size: 12px;
  font-weight:600;
  width:100%;
  padding-bottom:0px;
  padding-top:10px;  
  top:495px;
}

.topMInfoI h3 {
  font-weight:600;
}
.topMInfoI p {
  visibility: hidden;
  z-index:-1000;
  top:-100rem;
}

.topMInfoI a {
  color:#000;
  background:none;
    padding:2px;
}


#topLeftInfo { 
  position:absolute;
  left: 1rem;
  top:15rem;
  font-family: Agenda-Light, 'Agenda Light', Agenda, 'Arial Narrow', sans-serif;
  font-weight:100; 
  background: rgba(255,255,255,0.2);
  color: white;
  padding: 1rem;
  width:300px;
  z-index: -1;
  margin:1rem;
  float: left;
  font-size: 1.1rem;
  transition: .3s background;
  border-radius: 1em 2em 1em 2em;
}
#topLeftInfo h3 {
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-top: 0px;
  letter-spacing: .5rem;
}

h2 {
  color:rgba(65,155,220,1);
  text-transform: uppercase;
  margin-top: 0;
  letter-spacing: .3rem;
}
h2 a{
background:none;
}
h1 {
  color:rgba(65,155,220,1);
  font-size: 2rem;
  text-transform: uppercase;
  margin-top: 0;
  letter-spacing: .3rem;
}

#topLeftInfo button { 
  display: block;
  width: 80%;
  padding: .4rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1.3rem;
  background: rgba(255,255,255,0.23);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  transition: .3s background;
}
#topLeftInfo button:hover { 
   background: rgba(0,0,0,0.5);
}

@media screen and (max-width: 500px) { 
  div{width:70%;} 
}
@media screen and (max-device-width: 800px) {
}
 
.b-popup{
  display: block;
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
    z-index:1002;
    left: 0px;
    zoom:0.7;
}
.b-popup-content{
  	display: block;
    margin:5px auto 0px auto;
    min-width:680px;
    max-width:680px;
    min-height:500px;
    max-height:800px;
    padding:10px;
    background-color: #ffffff;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}
.b-popup-content p{
    font-weight:600;
    background-color: #ffffff;
}
.b-popup-content img{
float:left;
padding-top:80px;
}

.b-popup-content a{
  bottom:20px;
  box-shadow: 0px 0px 2px #AAAAAA;
  margin:10px;
  background: rgba(65,155,220,1);
  width:250px;
}
.b-popup-content input, select{
    border-radius:5px;
    float:none;
    margin:5px;
    font-size:16px;
    box-shadow: 0px 0px 2px #AAAAAA;
}
.mp{
	display: block;
    float:left;
    margin:5px;
    padding 5px;
    width: 315px;
    height:30px;
}
.mp input, select{
    border-radius:5px;
    float:none;
    width:150px;
    margin:5px;
    font-size:16px;
    box-shadow: 0px 0px 2px #AAAAAA;
}
.mpnf{
float:none;
}
.mpl{
	display: block;
    float:none;
    margin:5px;
    padding 5px;
    width: 100%;
}
.mpl input{
    border-radius:5px;
    float:none;
  
    width:445px;
    margin:5px;
    font-size:16px;
    box-shadow: 0px 0px 2px #AAAAAA;
}

.b-popup-content placeholder{
 padding:5px;
}
.b-popup-close{
    margin:78px auto 0px auto;
    min-width:10px;
    max-width:10px;
    min-height:10px;
    max-height: 10px;
    position:fixed;
    padding:5px;
    background-color: rgba(65,155,220,1);
    color:#ffffff;
    font-size:12px;
	border:2px solid #fff;
    border-radius:5px 5px 0px 0px;
    

}
.mpc{ 
	display: block;
 	BORDER:NONE; 
    float:left;   
    margin:5px;	
    width:100%;   
    font-size:16px; 
}
.mpc input{
    width:15px;    
}

.b-popup2{
	 display: block;
    width:100%;   
    padding-top:80px; 
    padding-bottom:20px;
    background-color: rgba(77,146,201,0.8);
    top:0px;
    z-index:1002;
    zoom:1;
}

.b-popup-content2{
  	display: block;
    margin:30px auto 30px auto;
    width:90%;
    padding:10px;
    background-color: #ffffff;
    border-radius:5px;
    font-size:40px;
    box-shadow: 0px 0px 10px #000;
}
.b-popup-content2 a{
  bottom:20px;
  box-shadow: 0px 0px 2px #AAAAAA;
  margin:10px;
  background: rgba(65,155,220,1);
  width:450px;
  font-size:40px;
}
.b-popup-content2 np{
	display: block;
    float:left;
    margin:5px;
    padding 5px;
    font-size:40px;
    width: 90%;
    height:40px;
}
.b-popup-content2 input{
    border-radius:5px;
    float:none;
    width:90%;    
    margin:5px;
    font-size:40px;
    box-shadow: 0px 0px 2px #AAAAAA;
}
.b-popup-content2 npl{
	display: block;
    float:none;
    margin:5px;
    padding 5px;
    font-size:40px;
    width: 90%;
    height:40px;    
}
.b-popup-content2 npl input{
    border-radius:5px;
    float:none;  
    width:90%;
    margin:5px;
    font-size:40px;
    box-shadow: 0px 0px 2px #AAAAAA;
}
 #zatemnenie {
        background: rgba(102, 102, 102, 0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none;
      }
      #okno {
        width: 300px;
        height: 50px;
        text-align: center;
        padding: 15px;
        border: 3px solid #0000cc;
        border-radius: 10px;
        color: #0000cc;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: #fff;
      }
      #zatemnenie:target {display: block;}
      .close {
        display: inline-block;
        border: 1px solid #0000cc;
        color: #0000cc;
        padding: 0 12px;
        margin: 10px;
        text-decoration: none;
        background: #f2f2f2;
        font-size: 14pt;
        cursor:pointer;
      }
      .close:hover {background: #e6e6ff;}
/* Important stuff */


.mat_line{
height:250px;
position: relative;
float:none;
padding:20px;

width:860px;
}
.mat_container{
 float:left;
 position:relative;
 margin:10px;
}

.hs_container{
	position:relative;
	width:902px;
	height:471px;
	overflow:hidden;
	clear:both;
	border:2px solid #fff;
	cursor:pointer;
	z-index:0;	
	-moz-box-shadow:1px 1px 3px #222;
	-webkit-box-shadow:1px 1px 3px #222;
	box-shadow:1px 1px 3px #222;
}
.hs_container .hs_area{
	position:absolute;
	overflow:hidden;
}
.hs_area img{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.hs_area img.hs_visible{
	display:block;
	z-index:9999;
}
.hs_area1{
	border-right:2px solid #fff;
}
.hs_area4, .hs_area5{
	border-top:2px solid #fff;
}
.hs_area4{
	border-right:2px solid #fff;
}
.hs_area3{
	border-top:2px solid #fff;
}
.hs_area1{
	width:449px;
	height:334px;
	top:0px;
	left:0px;
}
.hs_area2{
	width:451px;
	height:165px;
	top:0px;
	left:451px;
}
.hs_area3{
	width:451px;
	height:167px;
	top:165px;
	left:451px;
}
.hs_area4{
	width:192px;
	height:135px;
	top:334px;
	left:0px;
}
.hs_area5{
	width:708px;
	height:135px;
	top:334px;
	left:194px;
}
#bottompart{
text-align:center;
position:relative;
width:100%;
height:380px;
padding-bottom:10px;
margin-top:20px;
background-color: #0090d3;

}
#bottomparti{
display:block;
position:relative;
background-color: #0090d3;
height:380px;

}

#sostav{
width:100%;
padding-bottom:0px;
padding-top:20px;
background: url('images/sostav.jpg') repeat center; 
}

#sostav table{
table-layout:fixed;
width:100%; 
background-color:rgba(255,255,255,0.5); 
border:15px solid rgba(65,155,220,0.3);
 -moz-box-shadow:6px 6px 8px rgba(65,155,220,0.2);
 -webkit-box-shadow:6px 6px 8px rgba(65,155,220,0.2);
 box-shadow:6px 6px 8px rgba(65,155,220,0.2);
 padding: 10px;
}

#brimg{
display:block;position:relative;

height:325px;
z-index:100;
width:486px;
 	border:2px solid #fff;
	-moz-box-shadow:1px 1px 3px #222;
	-webkit-box-shadow:1px 1px 3px #222;
	box-shadow:1px 1px 3px #222;
}
#brimg img{
}

#bottomline{
position:relative;
width:100%;
background-color: rgba(77,146,201,1);
color:#ffffff;
font-weight: 600;
font-size:12px;
text-align:center;
padding-top:10px;
padding-bottom:0px;
min-height:260px;
zoom:1.5;
}
#bottomline p{
color:#ffffff;
font-weight: 600;
font-size:14px;
}
#bottomline  a {
  color:#fff;
  background:none;
    padding:2px;
}


.col1, .col2,  .col3, .col4, .col5{
 display:block;
 width:20%;
 padding:10px;
 color:white;
 font-weight:400; 
 float:left;
}

.col2{
left:20%;
}



.slidesjs-next,.slidesjs-previous{
outline:0
}
.slidesjs-navigation,slidesjs-previous,.slidesjs-next,.slidesjs-stop{
    background-color: rgba(255,255,255,0.7); 
    color:black;
    margin-left:5px;
    margin-top:5px;
    border-radius: .5em .5em .5em .5em ;
    display:none;
}
.slidesjs-pagination{
display:none;
}
#slides{
width:100%;
position:relative;
margin-top:80px;
z-index:-2;
}
#Topslide{
width:100%;
position:relative;
margin-top:-20px;
z-index:-2;
}
.dcomments
{
font-size:12px;
font-weight:300;
}

.summa
{
display: block;
font-size:48px;
color:#FF0000;
font-weight:600;
float:none;
width:100%;

}
.form_result {
color:green;
font-weight:600;
font-size:16px;
}
.inner-header {
  height: 65vh;
  width: 100%;
  margin: 0;
  padding: 0;
}
.flex {
  /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.waves {
  position: relative;
  width: 100%;
  height: 15vh;
  margin-bottom: -7px;
  /*Fix for safari gap*/
  min-height: 100px;
  max-height: 150px;
}
/* Animation */
.parallax>use {
  animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}
.parallax>use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax>use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax>use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax>use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height: 40px;
    min-height: 40px;
  }
}
#tbox{
 display:block;
 width:200px;
 height:550px;
 color:white;
 border:2px solid rgba(65,155,220,1);
 -moz-box-shadow:5px 8px 8px rgba(65,155,220,0.5);
 -webkit-box-shadow:5px 8px 8px rgba(65,155,220,0.5);
 box-shadow:5px 8px 8px rgba(65,155,220,0.5);
 font-weight:400; 
 float:left;
 margin:10px;
 padding:3px;
 position: relative;
 

}

#tbox:hover{
 border:2px solid rgba(65,155,220,1);
 -moz-box-shadow:9px 12px 12px rgba(65,155,220,0.7);
 -webkit-box-shadow:9px 12px 12px rgba(65,155,220,0.7);
 box-shadow:9px 12px 12px rgba(65,155,220,0.7);
}
#tbox img{
padding:5px;
height:100px;
}

#tbox p{
font-size:1rem;
}
.tname{
  color:rgba(65,155,220,1);
  font-size: 1 rem;
  text-transform: uppercase;
  margin-top: 5px;
  letter-spacing: .1rem;
  font-weight:600; 
}
.tcost{
  width:100px;
  color:rgba(65,155,220,1);
  font-size: 3 rem;
  font-weight:600; 
  padding-bottom:10px;
  bottom:0;
  position: absolute;
  bottom:10px;
  right: 10px;
}
.tdesc{
 font-size:1rem;
 color:#333333;
}
#imdt{
position:absolute;
font-size:36px;
width:100%;
padding-bottom:0px;
padding-top:0px;
background-color: #ff0000; 
color:#fff;
top:350px;
}
#minfo{
position:absolute;
font-size:40px;
width:100%;
padding-bottom:0px;
padding-top:0px;
background-color: rgba(77,146,201,1);
color:#fff;
top:350px;
}

#content{

}
#visicom-autocomplete input {
    border: 2px solid #000;
    font-size: 20px;
    overflow: hidden;    
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    height:26px;
}
.b-popup-content2 nplk{
	display: block;
    float:none;
    margin:5px;    
    font-size:24px;
    width: 20%;
}
.b-popup-content2 nplk input{
    border-radius:5px;
    float:none;  
    margin:5px;
    font-size:24px;
    box-shadow: 0px 0px 2px #AAAAAA;
}