/*
 * Start Bootstrap - Full Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    height: 100%;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 50px 0;
}


/*.men1:before {
	    content: 'Menu';
    position: relative;
  
    color: rgba(238, 238, 238, 0.37);
    font-size: 13px;
}
*/
@media (min-width:1200px){
	
	/*.men1:before {
	 
    top: 15px;
    bottom: 15px;
   
}*/

	.men1 a span {
	    padding: 3px 15px 32px 15px;
    height: 50px;
	}
	.men1 a span:hover {
	    padding: 3px 15px 32px 15px;
    height: 50px;

	}
}
@media (max-width:1200px){
	
	/*.men1:before {
	 
    top: 15px;
    bottom: 15px;
   
}*/

	.men1 a span {
	    padding: 3px 15px 32px 8px;
    height: 50px;
	}
	.men1 a span:hover {
	    padding: 3px 15px 32px 8px;
    height: 50px;

	}
}
@media (max-width:991px){
	/*.men1:before {
	 
    top: -2px;
    bottom: 15px;
   
}*/
	.men1 a span {
	      padding: 2px 2px 2px 6px;
    height: auto;
	}
	.men1 a span:hover {
	       padding: 2px 2px 2px 6px;
    height: auto;

	}
}


.men1 {
	text-align:center;
}
.men1 a{
	      margin-right: 5px;
    text-decoration: none;
   /* color: #eee;*/color: rgba(9, 143, 207, 0.54);
    font-size: 13px;
    font-weight: 400;
	margin-left:5px;
}
.men1 a span {
	    /*padding: 3px 15px 32px 15px;
		height: 50px;*/
    background: #080808;
	
    
    border: solid 1px rgba(238, 238, 238, 0.3);
    border-bottom: none;
    /* border-top: none; */
    border-top: none;
	 -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.men1 a span:hover {
	   /* padding: 3px 15px 32px 15px;*/
    background: #eee;
   /* height: 50px;*/
    border: solid 1px rgba(238, 238, 238, 0.3);
    border-bottom: none;
     border-top: none; 
   
}

.men1 a#so1 span {
    background: url(../../img/fb.png) no-repeat center;
    background-size: 80% auto;
}
.men1 a#so2 span {
    background: url(../../img/tw.png) no-repeat center;
    background-size: 80% auto;
}
.men1 a#so3 span {
    background: url(../../img/in.png) no-repeat center;
    background-size: 80% auto;
}
.men1 a#so4 span {
    background: url(../../img/lk.png) no-repeat center;

    background-size: 80% auto;
}






.men1 a font{
	width: 100px;
	height: auto;
	line-height: 20px;
	padding: 10px;
	/*left: 50%;*/
	margin-left: -64px;
	font-family: 'Alegreya SC', Georgia, serif;
	font-weight: 400;	
	font-style: italic;
	font-size: 14px;
	    color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 4px solid #fff;
	/*background: rgba(255,255,255,0.3);*/    background: rgba(107, 98, 98, 0.94);
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	pointer-events: none;
	bottom: 100px;
	opacity: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.men1 a font:before,
.men1 a font:after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.men1 a font:after{
	bottom: -14px;
	margin-left: -10px;
	border-top: 10px solid #fff;
}
.men1 a:hover font{
	opacity: 0.9;
	bottom: 70px;
}








.men1 button {
	    background: none;
    border: none;
    position: relative;
    left: 0;
	    padding: 0;
   
	
}
.men1 button a {
	    color: rgba(238, 238, 238, 0.58);
	text-decoration:none;
}

@media (min-width:970px){
	.men1 button {
		 top: 12px;
	}
}
@media (max-width:970px){
	.men1 button {
		 top: 0px;
	}
}
@media screen and (min-width:768px){
.log {
	
    padding: 5px 5px 5px 5px;
	position: absolute;
 /* right: 100px;*/ left: 5%;
    opacity: 0.6;
    top: 0;
    padding: 5px 5px 5px 5px;
    z-index: 10000;
    cursor: pointer;
}
.log img {
	max-width:200px;
}
.log:after{
	content: 'Arkind Architects';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -25px;
    right: 0;
    margin: auto auto;
    color: #ffffffb5;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
}
}
@media screen and (max-width:768px){
	.log {
	
    padding: 5px 5px 5px 5px;
	position: absolute;
 /* right: 100px;*/ left: 5%;
    opacity: 1;
    top: 0;
    padding: 5px 5px 5px 5px;
    z-index: 10000;
    cursor: pointer;
}
	.log:after{
	content: 'Arkind Architects';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -25px;
    right: 0;
    margin: auto auto;
    color: #ffffffb5;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
}
.log img {
	max-width:100px;
}
}