body{ background:#0e0e0e; /*background: url(../img/bg.jpg) left top no-repeat;*/ font-family: 'Josefin Sans', sans-serif; font-size:12px;}
.jspPane:focus{ outline:none !important; border:0px; border-style:none;}
body:focus{ outline:none !important; border:0px; border-style:none;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


.navbar { position: relative; min-height: 0px; margin-bottom: 0px; }
.navbar-brand{ height:auto;}
.navbar-inverse{ background:none; border:0px solid transparent;}
.top-menu{ margin-top:12%;}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ background:none; color:#4ed3e4 !important;}
.nav>li>a{font-size:12px; border-right:2px solid #4ed3e4; padding-top: 0px; padding-bottom: 0px; color:#FFFFFF !important; text-transform:uppercase;}
.nav>li>a:hover{ color:#4ed3e4 !important; text-decoration:underline;}
.email{ color:#4ed3e4;}
.email:hover{ color:#36afbf;}

footer{ position:fixed; bottom:0px; border-top:1px solid #4ed3e4; width:100%; padding:10px 0; text-align:center; color:#FFFFFF; background:#0e0e0e;}


#photos { position: relative; width:411px; height:323px; margin:0 auto; padding: 10px;}  
  
#photos img { position: absolute; top: 10px; left: 10px; width:100%; }  

.navbar-toggle{  margin-top: 10%; margin-right: 20px; margin-bottom: 0px; border-color:#4ed3e4; background:#FFFFFF; }
.navbar-inverse .navbar-toggle{ border-color:#4ed3e4; }
.navbar-inverse .navbar-toggle .icon-bar{ background:#4ed3e4;}
.body-text p{ font-size:16px; color:#FFFFFF; margin-top:2%;}

.page-title{ padding:0; margin:0; font-size:25px; text-transform:uppercase; color:#4ed3e4; margin-top: -3px;}
.intro-text{ height:364px;}

.contact-phone{ float:left; margin-right:25px; }
.contact-email{ float:left;}
.form-title{ padding:0; margin:0; font-size:18px; text-transform:uppercase; color:#4ed3e4; margin-bottom:10px; margin-top: 24px;}
.btn-send{ background:#4ed3e4; color:#000; text-transform:uppercase; font-weight:bold;}
.google-map{ background:#FFFFFF; padding:10px;}
.lookbook{ color:#4ed3e4; font-weight:normal; text-decoration:underline; display:inline-block;}
.lookbook:hover{ color:#fff;}

.blog-thum{position: relative;}
.blog-title{ background-color: rgba(0, 0, 0, .6);
    display: block;
    font-size: 18px;
    padding: 8px 10px;
    color: #fff;
    font-weight: normal; text-decoration:none; width:317px; position:absolute; bottom:0; text-align:center; z-index:999;}
	
.blog-title-innerpage{ background-color: rgba(0, 0, 0, .6);
    display: block;
    font-size: 14px;
    padding: 8px 10px;
    color: #fff;
    font-weight: normal; text-decoration:none; position:absolute; bottom:0; text-align:center;}

a.blog-thum-link{ text-decoration:none;}
	
.other-blog-title{ font-size: 25px; color: #4ed3e4;}
.other-blog{    background: #4ed3e4;
    color: #fff;
    padding: 4px 15px;
    border-radius: 10px; text-transform:uppercase; font-size:14px; margin-right:25px; text-decoration:none; width:350px;}
.other-blog:hover{ color:#fff; text-decoration:none;}

a.linktocollec{ color: #4ed3e4; text-decoration: none; text-decoration:underline;}
a.linktocollec:hover{ color:#fff;}



/* Zoom In #1 */
figure {
	width: 317px;
	height: 318px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
.blog-thum figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.blog-thum figure:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.imgcontent {
    position: absolute;
    bottom: 20px;
    background: rgb(0, 0, 0);
    background: rgba(86, 86, 86, 0);
    color: #f1f1f1;
    width: 87%;
    padding: 10px;
    text-align: left;
    font-weight: 700;
}

.no-bg-color{ background-color:transparent; border: 0px solid transparent;}

.our-style{background: #4ed3e4 !important; border-radius: 0; border: 0; border-color: transparent !important; color: #fff !important; text-transform: uppercase; font-weight: bold; padding: 0;}
.our-style a{ padding:10px 15px; display:block; background:url(../img/plus-minus.png) right bottom no-repeat;}
.our-style a:hover{ text-decoration:none; background:url(../img/plus-minus.png) right bottom no-repeat !important;}
.collapsed{background:url(../img/plus-minus.png) right top no-repeat !important;}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#photos { width:100%; height:100%; }
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ position:absolute; z-index:999; width:100%;}
	.nav>li>a{ border-right: 0px solid #4ed3e4; padding:6px 0; text-align:center; background-color: rgba(0, 0, 0, .8); }
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ background-color: rgba(0, 0, 0, .8);}
	.nav>li>a:hover{ background-color: rgba(0, 0, 0, .8);}
	.nav>li>a:focus{ background-color: rgba(0, 0, 0, .8);}
	.top-menu{ margin-top:0%;}
	footer{ position:relative;}
	.indx_footer{ position:fixed !important;}
	.intro-text{ height:100%; padding:0 15px !important; margin-top:15px; width:100% !important;}
	.jspContainer{ width:100% !important;}

}

/* Landscape phones and down */
@media (max-width: 480px) {
	#photos { width:100%; height:100%; }
	.blog-thum-link{ margin-bottom:30px; display: block;}
	  
}

*:focus {
    outline: none;
}
/* .scrollup { */
    /* /* width: 10px; */
    /* /* height: 10px; */ 
    /* position: fixed; */
    /* bottom: 80px; */
    /* /* right: 100px; */ 
     /* display: none;  */
    /* /* text-indent: -9999px; */ 
	 /* background-image:url("")  */
     /* background-color: transparent;  */
	/* /* border-radius: 50px;  */ 
	/* /* opacity:0.4; */ 
	/* /* border-left: 20px solid transparent; */ 
	/* /* border-right: 20px solid transparent; */ 
	/* /* border-bottom: 40px solid red; */ 
	/* /* margin-right:35px; */ 

	/* } */
	
	.scrollup{
		
     position: fixed;
     bottom: 80px;
     display: none; 
	 background-image:url("") 
     background-color: transparent; 

	}
	.scrollupmain{
		
     position: fixed;
     bottom: 80px;
     display: none; 
	 background-image:url("") 
     background-color: transparent; 

	}

 /* .scrollup{ */
  /* position: fixed; */
  /* width: 40px; */
  /* height: 40px; */
  /* right:100px; */
  /* display:none; */
  /* border-top: 9px solid transparent; */
  /* border-right: 9px solid red; */
  /* -webkit-transform: rotate(10deg); */
  /* -moz-transform: rotate(10deg); */
  /* -ms-transform: rotate(10deg); */
  /* -o-transform: rotate(10deg); */
  
/* } */
/* .wrap{ */
  
    /* height: 300px; */
    /* position: relative; */
/* } */
/* .circle{ */
    /* background: red; */
    /* border-radius: 50px; */
    /* height: 50px; */
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* width: 50px; */
    /* margin: -25px 0 0 -25px; */
/* } */
/* .circle_inner{ */
    /* position: relative; */
    /* height: 100%; */
/* } */
/* .circle_inner:before{ */
    /* content: ""; */
    /* display: block; */
    /* width: 0; */
    /* height: 0; */
     /* border-style: solid;  */
    /* border-width: 10px 0 10px 20px; */
    /* border-color: transparent transparent transparent #ffffff; */

    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* margin: -10px 0 0 -7px; */
	/* -webkit-transform: rotate(10deg); */
   
/* }.wrap{ */
  
    /* height: 300px; */
    /* position: relative; */
/* } */
/* .circle{ */
    /* background: red; */
    /* border-radius: 50px; */
    /* height: 50px; */
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* width: 50px; */
    /* margin: -25px 0 0 -25px; */
/* } */
/* .circle_inner{ */
    /* position: relative; */
    /* height: 100%; */
/* } */
/* .circle_inner:before{ */
    /* content: ""; */
    /* display: block; */
    /* width: 0; */
    /* height: 0; */
     /* border-style: solid;  */
    /* border-width: 10px 0 10px 20px; */
    /* border-color: transparent transparent transparent #ffffff; */

    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* margin: -10px 0 0 -7px; */
	/* -webkit-transform: rotate(10deg); */
   
/* } */