html,body {
	margin:0;
	padding:0;
	clear:both;
	background:#000;
}


.bg {
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
	height:100%;
}
.bg iframe {
	padding:0;
	margin:0;
	    /*-webkit-filter: grayscale(100%);*/
/*	background:#fff;*/ opacity:0.5;
background:#000;
}


/*.men1 .col-xs-6:before {
	    content: 'Menu';
    font-size: 12px;
    color: rgba(255, 255, 255, 0.69);
    position: relative;
    top: 12px;
}*/
@media (min-width:768px){
.men1 {
	position:absolute;
	bottom:0;
	    padding: 0px 0px 0px 0px;
	text-align:center;
	    background: rgb(4, 2, 0);
	/*z-index:110;*/z-index: 100000;
	    /*background: #040200;*//*background:url(../img/bg.png) repeat;
		border-top: ridge #555;*/
		
}
.men1A{
	display:none;
}
}
@media (max-width:768px){
.men1 {
	position:absolute;
	bottom:0;
	display:none;
	    padding: 0px 0px 0px 0px;
	text-align:center;
	    background: rgb(4, 2, 0);
	/*z-index:110;*/z-index: 100000;
	    /*background: #040200;*//*background:url(../img/bg.png) repeat;
		border-top: ridge #555;*/
		
}
.men1A{
	position:absolute;
	right:0;
	/*bottom:0;*/bottom: 13px;
}
.men1A a {
/*	    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 26px;
    color: #181e2b;
    background: #fff;
    padding: 3px 10px 3px 10px;*/
	    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 26px;
    color: #fff;
    background: #34afe6;
    padding: 5px 10px 5px 10px;
}
.men1A a:hover{
	    color: #34afe6;
    background: #fff;}
}
.men1 .col-xs-6 a button {
	     font-size: 14px;
/*    color: rgba(196, 196, 194, 0.57);
    background: #333;*/    color: rgb(255, 255, 255);
    background: #32aae0;
    border: none;
    /*padding: 6px 5px 6px 5px;*/    padding: 9px 5px 8px 5px;
}
.men1 .col-xs-6 a button:hover{
	background:#444;
}
.men1 ul {
	    list-style: none;
    margin: 0;
    padding: 0;
   
    width: auto;
    position: relative;
    
}
.men1 ul li {
	float:left;
	padding: 10px 10px 10px 10px;
	background:#444;
}
.men1 a{
	/*      margin-right: 5px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.3);
    font-size: 13px;
    font-weight: 400;
	margin-left:5px;*/
	    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;
    background: #080808;
    height: 50px;
    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:hover span:before {
	 background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}*/

.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; 
   
}
	
.pa {
	   /* padding: 10px 1px 10px 1px;*/ /*padding: 0px 1px 0px 1px;*/padding: 5px 1px 0px 1px;
    font-size: 11px; color: rgba(255, 255, 255, 0.3);
	margin-top:4px;
	}
	
	
.men2 {
	    position: absolute;
    height: 100%;
    width: 100%;
   /* background: rgba(0, 0, 0, 0.44);*/background: rgba(0, 0, 0, 0.55);
	padding:0;
	margin:0;
}

.men2 div.col-xs-12 h2 {
	    color: rgba(255, 255, 255, 0.76);
    text-shadow: 0px 1px rgba(0, 0, 0, 0.77);
}
.men2 div.col-xs-12 h2#ar{
	color: rgba(255, 255, 255, 0.34);
}
.men2 div.col-xs-12 h2#ar span {
	   color: rgba(255, 255, 255, 0.76);
}

.men2 div.col-xs-12 h4 {
	    color: rgba(255, 255, 255, 0.76);
    text-shadow: 0px 1px rgba(0, 0, 0, 0.77);
	font-style:italic;
}
	
	@media (min-width:500px){
		.men2 div.col-xs-12{
	    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
   /* height: 200px;*/ height: 180px;
   /*background: rgba(0, 0, 0, 0.48);*/
   max-width:280px;
}

/*.men2 div.col-xs-12:before {
	    content: '';
    background: url(../img/Arkindl.png) no-repeat center;
    width: 280px;
    position: absolute;
    height: 220px;
    background-size: 227px auto;
    bottom: 149px;
    left: 0px;
    opacity: 0.5;

}*/
.log img {
	/*max-width:325px;*/    max-width: 261px;
	
	
}
	}
	
	@media (max-width:500px){
		.men2 div.col-xs-12{
	    position: absolute;
    top: 0;
	bottom:0;
  
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    height: 180px;
	/*background: rgba(0, 0, 0, 0.48);*/
}
/*.men2 div.col-xs-12:before {
	    content: '';
    background: url(../img/Arkindl.png) no-repeat center;
    width: 200px;
    position: absolute;
    height: 200px;
    background-size: 200px auto;
    bottom: 149px;
    left: 39px;
    opacity: 0.5;

}*/
.log img {
	/*max-width:200px;*/ max-width:100px;
}

.men2 div.col-xs-12 img {
	width:30%;
}
.men2 div.col-xs-12 h2 {
	font-size:15px;
}
.men2 div.col-xs-12 h4 {
	font-size:11px;
}
	}
	
/*	#ar span#spa1 {
		position:relative;
		    display: inline-block;
    -webkit-animation: moving1 4s infinite;
    animation: moving1 4s infinite;
	
}
		
@-webkit-keyframes moving1 {
    0% {-webkit-transform: translateY(-15px);}
	 50% {-webkit-transform: translateY(15px);}
    100%{-webkit-transform: translateY(-15px);}
}

@keyframes moving1 {
    0% {transform: translateY(-15px);}
	50% {transform: translateY(15px);}
    100% {transform: translateY(-15px);}
}

#ar span#spa2 {
		position:relative;
		    display: inline-block;
    -webkit-animation: moving2 4s infinite;
    animation: moving2 4s infinite;
}
		
@-webkit-keyframes moving2 {
    0% {-webkit-transform: translateY(15px);}
    50%{-webkit-transform: translateY(-15px);}
	 100%{-webkit-transform: translateY(15px);}
}

@keyframes moving2 {
    0% {transform: translateY(15px);}
    50% {transform: translateY(-15px);}
	100% {transform: translateY(15px);}
}

#ar span#spa3 {
		position:relative;
		    display: inline-block;
    -webkit-animation: moving3 4s infinite;
    animation: moving3 4s infinite;
}
		
@-webkit-keyframes moving3 {
    0% {-webkit-transform: translateY(-15px);}
	50%{-webkit-transform: translateY(15px);}
	 100%{-webkit-transform: translateY(-15px);}
}

@keyframes moving3 {
    0% {transform: translateY(-15px);}
    50% {transform: translateY(15px);}
	100% {transform: translateY(-15px);}
}
*/
.log {
	
    padding: 5px 5px 5px 5px;
	position: absolute;
 /* right: 100px;*/ right: 7%;
    opacity: 0.3;
    top: 0;
    padding: 5px 5px 5px 5px;
    z-index: 10000;
    cursor: pointer;
}

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

.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: 25px;
    line-height: 28px;
}
}
@media screen and (max-width:768px){
	.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;
}


}





/************************/

.social {
	    position: fixed;
    z-index: 10000;
    right: 0;
    top: 22%;
}
.social ul {
	margin:0;
	padding:0;
	list-style:none;
	float:none;
}
.social ul li {
	 transition: 0.3s ease;
  background: #fff;
  color: #ffffff;
  position:relative;
 
  text-decoration: none;
 
  padding: 3px 3px 3px 3px;
  margin-bottom:2px;
      border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.social ul li a span {
	    transition: 0.3s ease;
    position: absolute;
    right: -241px;
    background: rgba(0, 0, 0, 0.65);
    padding: 10px 10px 3px 10px;
    line-height: 20px;
    font-size: 14px;
    height: 100%;
    margin-top: -3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    color: rgba(238, 238, 238, 0.62);
}
.social ul li:hover a span {
right: 40px;
	
}
.social ul li#so2:hover {

}
.social ul li#so3:hover {

}
.social ul li#so4:hover {
}
.social ul li a {
	 transition: 0.3s ease;
	 text-decoration:none;
	
}
.social ul li a img {
	width:35px;
	 -webkit-transition: all 1s ease 0s;
 -moz-transition: all 1s ease 0s;
 -o-transition: all 1s ease 0s;
 -ms-transition: all 1s ease 0s;
 transition: all 1s ease 0s;
 cursor:pointer;
}

.social ul li:hover a img {
	 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}



/****************----------------------------------------*********************/

.clik {
	
}
.clik:before {
	
	content:'Click Here';
	background:url(../img/pointer.png) no-repeat center right;
	    background-size: 16px auto;
    /*width: 150px;*/ width:120px;
    height: 17px;
    position: absolute;
    /*left: 0;*/
    line-height: 15px;
	    margin-left: -120px;
    padding: 12px 30px 12px 3px;
	text-align:left;
	
      background-position: 75px 10px;
     
	 transition:all 1s ease-out;
  animation: moveSlideshow 1s linear infinite;
}


@keyframes moveSlideshow {
  0% { 
    background-position: 75px 10px; 
  }
  100% { 
  background-position: 85px 10px; 
  }
}

/*--------------------*/

@media only screen and (min-width:769px){
	.men1 div:first-child .pa{
		text-align:left;
	}
	.men1 div:last-child .pa{
		text-align:right;
	}
.mob_men {
    position: absolute;
    z-index: 1000000;
    right: 0;
    bottom: 37px;
    padding: 0;
/*	    background: #eeeeee3d;*/background: rgba(0,0,0,.5);
}
.mob_men button {
	display:none !important;
}
.mob_men ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}
.mob_men ul li {
    margin-bottom: 0px;
    float: left;
}
.mob_men ul li a{
    display: block;
    font-size: 15px;
    line-height: 28px;
    text-decoration: none;

    padding: 5px 10px 5px 10px;
    color: #f7fcfd82;
	text-transform:capitalize;
}
.mob_men ul li a:hover,.mob_men ul li.act a{
	    background: #eeeeee3d;
	/*color:#444;*/
}


}

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

.men1 .pa{
		text-align:left;
	}

.mob_men {
    position: absolute;
    z-index: 1000000;
    right: 0;
    top: 0;
	
}
.mob_men button {
position: relative;
    float: right;
    z-index: 1000;
    padding: 0;
    background: no-repeat;
    border: none;
    top: 15px;
}
.mob_men button a{
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    background: #129bdc;
    padding: 5px 10px 5px 10px;

}
.mob_men button a:hover{
    background: #fff;
	color:#129bdc;
}

.mob_men ul {
    margin: 45px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    list-style: none;
	display:none;

}
.mob_men ul li {
	margin-bottom: 1px;
}
.mob_men ul li a{
    display: block;
  /*  font-size: 15px;
    line-height: 28px;
    text-decoration: none;
      background: #eeeeee3d;
    padding: 5px 10px 5px 10px;
    color: #f7fcfd;
	text-transform:capitalize;*/
		    font-size: 15px;
    line-height: 28px;
    text-decoration: none;
    background: #eeeeee33;
    padding: 5px 10px 5px 10px;
    color: #eee;
    text-transform: capitalize;
    text-shadow: 2px 2px #060202;

}
.mob_men ul li a:hover,.mob_men ul li.act a{
	background:#fff;
	color:#444;
	 text-shadow:none;
}
}



::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #61402D;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #61402D;
}