@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body{background:#f0f0f0;}
.content{width:260px;margin:100px auto;}
.filterinput{
	background-color:rgba(249, 244, 244, 0);
	border-radius:15px;
	width:90%;
	height:30px;
	border:thin solid #FFF;
	text-indent:0.5em;
	font-weight:bold;
	color:#FFF;
}
#demo-list a{
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
}

#docs-navbar{
	margin-top:50px;
}


.wrapper,#container{
	width: 1250px;
	max-width:100%;
	margin: 0 auto;
}

.demo li {
    list-style-type: none;
    display: inline-block;
}
.gal-li a img {
    height: 200px;
	width:200px;
    border: 5px solid #ee4a42;
    margin: 5px;
}

.highlight{
	overflow: auto;
}

.heart{
	color: red;
}

/*close
*/
img{
max-width:100%;	
	}
.search input[type='text']{
margin-top:60px;
color:#ee4a42 !important;
border:#ee4a42 3px solid !important;
padding:5px;
	}	
body{
color:#666 !important;	
	}	
.nav2{
display:none;	
	}	
.nav1 li{
display:inline;	
	}
.nav1 li a{
text-decoration:none !important;
color:#999999 !important;
padding:14px 18px 14px 0!important;

font-size:18px !important;
font-weight:bold !important;	
	}
.nav1 li a:hover{
color:#ee4a42 !important;		
	}			
.navigation{
background:#f7f7f7;
padding:20px 0;	
	}	
select{
width:100%;
padding:10px;
border:#ee4a42 1px solid;
outline:none;
font-weight:800;
border-radius:20px;
margin-bottom:15px;
margin-top:10px;	
	}		
.row1 img, .product img, .box img{
opacity:1;	
transition:all ease 2s;	
	}	
.row1 img:hover, .product img:hover, .box img:hover{
opacity:.5;	
	}	
section{
padding:30px 0;	
	}	
.row2{
background:#f0f0f0;	
	}
.row2 h2{
color:#333;
font-size:42px;	
	}	
	.box{
background:#FFF;
padding:0 10px !important;
box-sizing:border-box;
float:left;
width:31.7%;	
border-top:#ee4a42 4px solid !important;
font-family: "Helvetica Neue", Helvetica, ;
border:1px #CCC solid;	
height:390px;
		}
		.boxc{
		margin:0 20px !important;		
			}	

.wborder{	
	text-align: center;
    width: 100px;
    height: 4px;
    display: block;
    margin: 5px auto 10px;
    background-color: #ee4a42;	
}
.submit{
margin:50px 0;	
	}
.submit a{
color:#666 !important;
padding:12px 14px;
border:#666 1px solid;	
	}
.submit a:hover{
background-color: #ee4a42;
text-decoration:none !important;
color:#FFF !important;	
border:none;
	}
.clear{
clear:both;	
	}	
	.product{
	margin-top:40px !important;	
		}
.product a{	
color:#333 !important;
transition:all ease 1s;
font-size:18px !important;
font-weight:bold;	
	}
.product a:hover{
text-decoration:none !important;
color:#ee4a42 !important;
font-size:22px !important;	
	}		
.parlax1{
	background-image:url(../img/bg_banner1.jpg);
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;	
	}
.icon{
color: #4f5367;
    text-align: center;
    line-height: 80px;
    font-size: 40px;
    margin-top:15px;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 70px;
    border: 1px solid #9f98ad;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;	
	}
.icon:hover{
color:#ee4a42 !important;
font-size:44px !important;
border:5px solid #ee4a42;	
	}	
.parlax2{
background-image:url(../img/bg2.jpg);
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	font-size:22px;	
	color:#555;
	padding:0 !important;
	}

.p2{
background-color: rgba(255, 255, 255, 0.5);
padding: 80px 0;
    animation-duration: 1s;
    animation-delay: 0.2s;
    animation-timing-function: ease;
    animation-fill-mode: both;

}	
.parlax3{
background-image:url(../img/bg1.jpg);
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	font-size:22px;	
	color:#555;
	padding:0 !important;	
	}
.box2{
background:#FFF;
padding:30px 10px !important;
box-sizing:border-box;
float:left;
background:#FFF;
opacity:.7;
width:22.7%;
height:300px;	
border-top:#ee4a42 4px solid !important;
font-family: "Helvetica Neue", Helvetica, ;
border:1px #CCC solid;	
height:px;
transition:all ease 1s;	
	}
	
.spanicon{
font-size: 42px;
    color: #4f5367;
    width: 100%;
   /* height: 50%;*/
	border-radius: 30%;
    border: 1px solid #9f98ad;
    text-align: center;
    transition: all 400ms linear;	
	}	
.spanicon:hover{
color:#ee4a42 !important;
font-size:44px !important;
border:5px solid #ee4a42;
background:#FFF;	
	}	
.box2 h3:hover{
color:#ee4a42;
	}
.footer-top{
background:#4f5367;	
color:#dedfe1;
	}
.footer-top h3{
border-bottom:#ada9b7 1px solid;
padding-bottom:15px;	
	}		
.footer-top ul li{
list-style:none;	
	}
.footer-top li a, .address a{
color:#dedfe1 !important;
transition:all ease 500ms;	
	}		
.footer-top li a:hover{
color:#ee4a42 !important;
text-decoration:none !important;	
	}	
.socials{
padding-top:20px;	
	}	
.socials a{
color:#dedfe1 !important;
padding-right:15px;
font-size:26px;	
transition:all ease 500ms;
	}	
.socials a:hover, .address a:hover{
color:#ee4a42 !important;
text-decoration:none !important;		
	}	
.footer{
background:#000814;
color:#dedfe1 !important;
padding:30px 0 5px 0;	
	}	
.copyright{
font-size:11px !important;
color:#cdcdef !important;	
padding-top:!important;
border-left:2px solid #4f5367;
padding-left:10px;	
	}
/*contact page start	*/
.pr1 a{
color:#666 !important;
font-size:24px;
font-weight:bold;	
	}	
.pr1 a:hover{
color:#ee4a42 !important;
text-decoration:none !important;	
	
	}
 #map {
                width: 100%;
                height: 350px;
				}
/*about page start*/				
.aboutpr{
background-image:url(../img/about/bg-pagetitle.jpg);
height:450px !important;
	background-size:cover;
	background-position:center center;
	font-size:22px;	
	color:#CCC;	
	}
.servicepr{
background-image:url(../img/serivce/Animated-desktop-wallpaper-hd-photos.jpg);
height:450px !important;
	background-size:cover;
	background-position:center center;
	font-size:22px;	
	color:#CCC;	
	}	
.contactpr{
background-image:url(../img/contact/me2892487-falling-black-contact-us-germany-hd-a0144.jpg);
height:450px !important;
	background-size:cover;
	background-position:center center;
	font-size:22px;	
	color:#CCC;	
	}							
.headingh1{
padding-top:150px;
font-size:100px;	
font-weight:bold;
transition:all ease 3s;
	}
.h1a{
color:#CCC;		
	}	
.h1a:hover{
text-decoration:none;
color:#ee4a42;		
	}
.heading{
font-size:42px;
color:#ee4a42 !important;
font-weight:bold;	
	}											
/*New collection page start*/				
					
.newcollection img{
transition:all ease 1s;
opacity:1;	
	}
.newcollection img:hover{
opacity:.8;	

	}
.newcolimg{
/*height:450px !important;*/	
	}
.newcolimg a{
font-size:36px;
transition:all ease 1s;
padding-top:20px;	
	}	
.newcolimg a:hover{
text-decoration:none;
color:#ee4a42 !important;	
	}												
@media screen and (max-width:767px){
.nav1{
display:none;	
	}	
.nav2{
display:block;	
	}
.boxc{
		margin:0 !important;		
			}	
.box, .box2{
float:none !important;
width:100% !important;
margin-top:80px !important;
height:auto !important;	
	}			
		
	}
	
@media screen and (max-width:960px){
.boxc{
		margin:0 !important;		
			}	
.box{
float:none !important;
width:100% !important;
margin-top:50px !important;
height:auto !important;	
	}			
	}