/*Navbir*/
#navbir {
  position:fixed;
  vertical-align: top;
}

 #navbir ul { 
    
    width:100%;
    height:50px;
	padding: 1px; 
	list-style-type: none; 
	text-align: left; 
	background-color:#FF5800;
	z-index:4;
	} 
@media screen and (max-width: 768px) {
	#navbir {
    font-size:80%;
    padding: 1px;
 }
 #newcontent{
    background:white;
    margin-top:2px;
    margin-bottom:2px;
    padding:2px;
    border-radius: 3px;
}
}
 
#navbir ul li { 
	position:relative;
	z-index:4;
	display: inline; 
	} 
 /* #3B2F2F*/
#navbir ul li a { 
    position:relative;
	z-index:4;
	text-decoration: none; 
	padding: .2em 1em; 
	color: #fff; 
	background-color: #FF5800; 
	} 
@media screen and (max-width: 768px) {
	#p012 {
    font-size:100%;
 }
}
 
#navbir ul li a:hover { 
	color: #000; 
	background-color: #fff; 
	}
/*end navbir*/

#cpagimg{
    max-height:180px;
}
.column21{
        padding:10px;
        color:black;
        margin:10px;
        text-decoration: none;
        margin-top:20px;
    } 
.column21 a {
        color: black;
        margin-top:20px;
        font-size:20px;
        font-family:Arial, Helvetica, sans-serif;
        text-decoration: none;
        }
.column21 a:visited {
    color: #003300;
    text-decoration: none;
    margin-top:20px;
    }
.column21 a:hover {
    margin-top:20px;
    background:orange;
    color: white;
    text-decoration: none;
    }
.column21 a:active { 
    color: #006600;
    text-decoration: none;
    margin-top:20px;
    }

#cat{
    color:black;
    background:white;
	width: auto;
	height:auto;
	padding: 3px;
	margin: 3px;
	float: left;
	border: 1px solid #cbcbcb;
	display: inline-block;
}
#cat a{
    color:black;
}
#cat hover{
    background:orange;
}
#comcat{
  position: relative;
  display: inline-block;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 2em; /* (Number of lines you want visible) * (line-height) */
  line-height: 1em;
  text-align:justify;
}
		#column2{
 margin-top:1px;
	}
		#column12{
	    width:45%;
	    height:300px;
	    background:white;
	    display:inline-block;
	    margin:1px;
	    float:left;
	}
		#content{
			width: 54%;
			margin: 1px auto;
			background:white;
			display: inline-block;
			float:right;
		}
#p012 {
    color: 	#FF5800;
    font-size:70%;
    font-family: courier;
    margin-left:1%;
    background-color:white;
}
#form2{
	width:45%;
	float:left;
	margin:3px;
}
#form3{
	width:45%;
	float:left;
	margin:3px;
}

@media screen and (max-width: 768px) {
	#p014{
	font-size:60%;
	left:0%;
	}
}
#conteiner{
      width: 100%;
	  height:360px;
	  overflow: scroll;
	  overflow-y:hidden;
	  left: 10%;
	  background:#DCDCDC;
} 
#contei{
	  height:400px;
}    
h4{
    font-size: 110%;
    font-weight: bold;
} 
@media screen and (max-width: 768px) {
		#contei{
	  width: 100%;
	  height:auto;
		}
    #column12{
        width:100%;
        position: relative;
        height:auto;
    }
    #content{
        width:100%;
    }
}
 
@media screen and (max-width: 768px) {
		#conteiner{
	  width: 100%;
		}
} 
#kimka{
    	display: inline-block;
    	width:360px;
    	height:340px;
    	float:left;
}

@media screen and (max-width: 768px) {
    #kimka2{width:100%;
        height:auto;
    }
}
#submit-button{
		   width:auto;
		   background:submit-button;
		   border-radius:2px; 
		}
#submit-button:hover{
font-weight: 700 !important;
letter-spacing: 3px;
background: orange;
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
transition: all 0.3s ease 0s;

		}

/*#new:hover {
          transform: translate3d(0px, 5px, 0px);
		}*/
		#new{
		    background:white;
			width: 33%;
			height:470px;
			padding: 1px;
			margin: 1px;
			float: left;
			box-shadow: 0px 8px 16px 0px rgba(0,0,1,0.2);
/*			text-shadow: 1px 1px white;
            border: 1px solid #cbcbcb;
			*/
		}
		#new:after{
			content: "";
			display: block;
			clear: both;
		}

 #luxuries{
			width: 30%;
			height:auto;
			padding: 1px;
			margin: 10px;
			float: left;
        }
 #luxuries2{
			height:auto;
        }
        .circle {
         width: auto;
         height: auto;
         font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
         font-size: 23px;
         color: white;
         text-align: center;
         background: #00BFFF;
         box-shadow: 0px 8px 16px 0px rgba(0,0,1,0.2);
         position: relative;
}
.circle:hover{
    position: relative; 
    width: 50%;
     top: -5px;
}
@media screen and (max-width: 768px) {
 #luxuries{
    width:100%;
    margin:1px;
    height: auto;
}
	#new{
			width: 100%;
			height:auto;
			padding: 1px;
			margin: 1px auto;
			margin-bottom: 10px;
			border: 1px solid #cbcbcb;
		}
		#new:after{
			content: "";
			display: block;
			clear: both;
		}
}
		form{
			width: 100%;
			color: white;
		}
		form div{
			margin-top: 1px;
		}

		@media screen and (max-width: 768px) {
		#chi{
		     display:block;
		 }
		#chiti{
		    display:none;
		    float:left;
		    max-width:100%;
		    margin:1px;
		}
		}

@media screen and (max-width: 768px) {

}
#img_div:hover {
          transform: translate3d(0px, 5px, 0px);
		}
		#phone{
		     background-color:white;
		     width:100%; 
		     padding:1px; 
		     height:280px;
		     display: inline-block;
		}
		#phone2{
		    height:200px;
		}
		#img_div{
			width: 24%;
			height:340px;
			padding: 5px;
			margin: 5px;
			float: left;
			box-shadow: 0px 2px 4px 0px rgba(0,0,1,0.2);
			border-radius:3px; 
			display: inline-block;
			background-color:white;
		}
		#img_div:after{
			content: "";
			display: inline-block;
			clear: both;
		}
		img{
			margin: 1px;
			width: 100%;
			height: 100px;
		}
		a{
			margin-top:10px;
		}
		@media screen and (max-width: 768px) {
		#bout{
		    position: absolute; 
            bottom: 0;
		}
		 #phone{
		   height:350px;
		   position: relative;
		 }
		 #phone2{
		    height:200px;
		}
		#img_div{
			width: 49.8%;
			height:250px;
			height:auto;
			padding: 5px;
			margin: 0.01px auto;
		}
		#img_div:after{
			content: "";
			display: block;
			clear: both;
		}
		img{
			margin: 1px;
			width: 100%;
			height: 120px;
		}
		}
.img-responsive{
    margin:5px;
	max-width: 100%;
	height:auto;
	max-height:180px;
	position:relative;
	z-index: 20;
	display: inline-block;
	-webkit-transition: width 0.3s linear 0s;
	transition: width 0.3s linear 0s;
}
.img-responsive:hover {
    max-width:800px;
    height:auto;
}
		#serviceimage{
		    background:white;
			width:75%;
			padding: 1px;
			margin: 1px;
			display: inline-block;
			float:left;
		}
		#serviceimage:after{
			content: "";
			display: inline-block;
			clear: both;
		}
	    #service{
		    width: 100%;
		    float: left;
		    height: auto;
		    display: inline-block;
		    margin-bottom:10px;
		    
		}
		#servicecontent{
		    display: inline-block;
		    background:white;
			width: 100%;
			height: auto;
			padding: 1px;
			margin: auto 7px;
			float: left;
		}
	p{
	    color:	#3B3C36;
	    font-family: "Roboto", sans serif;
        font-weight: 300;
	}
@media screen and (max-width: 768px) {
 
		#serviceimage{
			width: 100%;
		    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.0);
		    height:auto;
			padding: 1px;
		}
		#service{
			width: 100%;
			height:auto;
			padding: 1px;
		}
		#servicecontent{
			width: 100%;
			height:auto;
			padding: 1px;
		}
		#imageservice{
		    max-width:100%;
		    height:auto;
		}   
}
#sidelist .li{
    font-weight:bold;
    margin-top: 20px;
    text-align:left;
    color:black;
}
.flag{
    max-width: 70px;
    height:auto;
}
#quicker { 
	text-align:left; 
	font-size:90%;
	margin:1px;
	padding:1px;
	width:12%;
	display:inline-block;
	float:left;
}
#quicker ul li { 
	text-decoration: none; 
	color:#3B3C36;
	} 
#quicker ul li a { 
	text-decoration: none; 
	color:#3B3C36;
	} 
#quicker ul li a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer; 
}
@media screen and (max-width: 768px) {
		#quicker {
	  width: 49%;
	  height:200px;
		}
}
/* CSS */
.button-5 {
  align-items: center;
  background-clip: padding-box;
  background-color: #fa6400;
  border: 1px solid transparent;
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  margin: 0;
  min-height: 3rem;
  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.button-5:hover,
.button-5:focus {
  background-color: #fb8332;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.button-5:hover {
  transform: translateY(-1px);
}

.button-5:active {
  background-color: #c85000;
  box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
  transform: translateY(0);
}