@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
html,body {font:normal 14px/20px 'Open Sans', sans-serif; color:#212121;  background:#202020; height:100%;}
/*html,body {font-family: 'caviar_dreamsregular'; color:#212121;  background:#202020; height:100%;}*/
/*
@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('../fonts/caviardreams-webfont.eot');
    src: url('../fonts/caviardreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/caviardreams-webfont.woff2') format('woff2'),
         url('../fonts/caviardreams-webfont.woff') format('woff'),
         url('../fonts/caviardreams-webfont.ttf') format('truetype'),
         url('../fonts/caviardreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'caviar_dreamsbold';
    src: url('../fonts/caviar_dreams_bold-webfont.eot');
    src: url('../fonts/caviar_dreams_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/caviar_dreams_bold-webfont.woff2') format('woff2'),
         url('../fonts/caviar_dreams_bold-webfont.woff') format('woff'),
         url('../fonts/caviar_dreams_bold-webfont.ttf') format('truetype'),
         url('../fonts/caviar_dreams_bold-webfont.svg#caviar_dreamsbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
img {max-width: 100%}
/*
h1, h2, h3, h4, h5, h6 {font-family: 'caviar_dreamsbold'; margin:0; padding:0; text-shadow:none; padding:0 0 15px 0; text-transform:uppercase; line-height:120%;}
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:16px;}
h6{font-size:12px;}
p {padding:0 0 15px 0; margin:0; text-align:justify; font-family: 'caviar_dreamsregular'; font-size:20px; line-height:25px;}
*/
p {padding:0 0 15px 0; margin:0; text-align:justify; font-size:16px; line-height:25px;}

.left_wrapper { padding: 0; background:#202020; position:relative;  height:100%; float:left; width:280px;}
.leftcontainer {/*position: fixed;*/  height:100%; top:0; left:0; background:#202020; width:280px;}
.logo{ padding:15px 0; width:230px; position:relative; height:150px; float:right;}
.logo img {position:absolute; right:15px; top:15px;  -webkit-transition: opacity 1s ease-in-out;  -moz-transition: opacity 1s ease-in-out;  -o-transition: opacity 1s ease-in-out;  transition: opacity 1s ease-in-out;}
.logo img.top { background:#202020; z-index:9999;}
.logo img.top:hover {opacity:0;}

.menu_wrapper { padding:15px 0 0 0;}

.navbar-brand { display:none;}
.navbar { margin-bottom:0px;}
.navbar-default { background: none;  border:none;}

.navbar-nav { width:100%;}
.navbar-nav > li { float:none; border-bottom: 1px solid #000; border-top: 1px solid #333;}
.navbar-default .navbar-nav > li > a {
display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  width:100%;
  text-align:right;
  text-transform:uppercase;
  font-size:18px;
  font-weight:700;
  color:#fff;
  padding:15px;
}

.navbar-default .navbar-nav > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #848484;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
  color: #333; 
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover { background: #848484; color:#333!important;}
.navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:focus:before, .navbar-default .navbar-nav > li > a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color:#fff;}

.padding1 { padding:0}

.main-wrapper{max-width:1580px;margin:0 auto;position:relative;border-left:1px solid #333;}
.right_wrapper { padding: 0; background:#fff; min-height:100%; margin:0 80px 0 280px;max-width:1300px;}
.content_wrapper {padding:30px 1px; overflow: hidden;}
.content_wrapper1 {padding:0px 1px; overflow: hidden;}
.content_wrapper .pic {}
.content_wrapper .pic img{ width:100%;}

.slide_wrapper { padding:0 15px;}
.carousel-control { top:45%; width:20px;}
.carousel-control.right, .carousel-control.left { background:none; height:20px;}
.carousel-control.left { left:20px;}
.carousel-control.right { right:20px;}

.banner_wrapper{ position:relative;}
.banner_caption{ position: absolute; top:20%; left:0; width:100%; text-align:center;  color:#fff; text-shadow: 0 0 3px #333;}
.banner_caption .toptxt { font-size: 16px; font-weight:600; text-transform:uppercase; padding: 0 0 15px 0;}
.banner_caption .line { width:100px; padding: 0 0 15px 0; border-top:3px solid #fff; margin:0 auto;}
.banner_caption .txt {font-size: 40px; font-weight:600; font-style:italic;  padding: 0 0 15px 0; line-height:120%;}

.banner_caption .button_icon {
	width:60px;
	height:60px;
	background:#fff;
	border-radius:50%;
	text-align:center;
	display:inline-block;
	line-height:60px;
	transition: ease-in-out 1s;
	color:#212121;
	font-size:18px;	
}

.banner_caption .button_icon:hover { background:#000; color:#fff; text-decoration:none;}

.thum_wrapper {padding: 0 0 15px 0}
.thum_wrapper .thumbnail {padding: 0 0 15px 0; margin:0;  border-radius:0px; border:0px;}
.thum_wrapper .thumbnail a { display:block; position:relative;}
.zoom-icon {
    background: rgba(0, 0, 0, 0.4);
    bottom: 0;
    cursor: pointer;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s ease 0s;
}
.thum_wrapper .thumbnail a img { width:100%;}
.thum_wrapper .thumbnail a:hover .zoom-icon { opacity:1; }
.zoom-icon { background:none !important; }
.ie8 .zoom-icon { background:url(../images/zoom-bg.png) !important; }
.zoom-icon:after {
	content:'';
	width:100%;
	height:100%;
	background:url(../images/zoom-bg.png);
	position:absolute;
	top:0;
	left:0;
	border-radius:0;
	z-index:10;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	transition:400ms all 100ms;
	-webkit-transition:400ms all 100ms;
	-o-transition:400ms all 100ms;
}
.ie8 .zoom-icon:after { display:none; }
.zoom-icon:before {
	content:'';
	background:url(../images/zoom.png);
	width:78px;
	height:78px;
	margin:-39px 0 0 -39px;
	z-index:100;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	transition:all 0.3s ease 0s;
}
.thumbnail:hover .zoom-icon:before {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.thumbnail:hover .zoom-icon:after {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}

.zoom-icon:before {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	margin:-39px 0 0 -39px;
	width:78px;
	height:78px;
	background:url(../images/zoom.png) 50% 50% no-repeat;
	content:"";
}


.thum_wrapper .category {	
	text-transform:uppercase;
	padding:0 0 15px 0;
	color:#8a8a8a;
	font-size:16px;
	font-weight:600;
}

.thum_wrapper .date {	
	text-transform:uppercase;
	padding:0 0 15px 0;
	color: #3399CC;
}

.thum_wrapper .category:after {
	content:'';
	width:60px;
	height:2px;
	background:#212121;
	display:block;
}



.btn_readmore {		
	font-style:normal;
	text-transform:uppercase;
	color:#fff;
	padding:10px 15px;
	position:relative;
	letter-spacing:0;
	background:transparent;
	border-radius:0;
	box-shadow:none;
	text-shadow:none;
	border:none;
	outline:none;
	border-radius:0;
	z-index:1;
	position:relative;
	overflow:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	display: inline-block;
}
.btn_readmore:before {
	content:"";
	position:absolute;
	width:0;
	height:100%;
	bottom:0;
	right:0;
	top:0;
	z-index:-1;
	overflow:hidden;
	border-radius:0;
	background:#49bfbf;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.btn_readmore:after {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	overflow:hidden;
	border-radius:0;
	background:#000;
	z-index:-2;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.btn_readmore:hover {
	color:#fff;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
	text-decoration:none;
}
.btn_readmore:hover:after {
	background:#49bfbf;
	-webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
	transition:all 0.8s ease;
}
.btn_readmore:hover:before {
	width:100%;
	left:0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.social_media{overflow:hidden; border-bottom: 1px solid #222;}
.no-pad{padding:0}
.social_media .link{height:104px;text-align:center;position:relative;overflow:hidden}
.social_media .link div{color:#fff;font-size:40px}
.social_media .initial,.social_media .hover-state{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);position:absolute;width:100%;top:35px;text-decoration:none}
.social_media .hover-state{-webkit-transform:translate3d(0,200px,0);-moz-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0);top:42px;text-decoration:none}
.social_media span{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-size:14px}
.social_media .link:hover .initial{-webkit-transform:translate3d(0,-200px,0);-moz-transform:translate3d(0,-200px,0);transform:translate3d(0,-200px,0);text-decoration:none}
.social_media .link:hover .hover-state{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-decoration:none}
.hover-state a:hover{text-decoration:none}
.bg-facebook{background-color:#3c599b;}
.bg-twitter{background-color:#2b9ae1;}
.bg-googleplus{background-color:#f48148;}
.bg-in{background-color:#0072b1;}


.text-facebook{color:#3b5998}
.text-twitter{color:#00a0d1}
.text-googleplus{color:#c63d2d}
.text-in{color:#ea4c89}
.text-white{color:#fff}

.footer_wrapper {padding:15px; border-top: 1px solid #666; background:#333; text-align:center; font-size:13px;}
.footer_wrapper ul{ list-style:none; margin:0; padding:0 0 10px 0;}
.footer_wrapper ul li{ color:#666; border-right: 1px solid #666; display: inline-block; line-height:14px;}
.footer_wrapper ul li:last-child {border-right:0px;}
.footer_wrapper ul li a {color:#666; padding:0 6px 0 5px; transition: ease-in-out 0.5s; line-height:14px;}
.footer_wrapper ul li a:hover { color:#555; text-decoration:none;}
.footer_wrapper p{ color:#666; text-align:center; padding:0 0 10px 0;}


.login_wrapper { margin:5% auto; width:50%; padding:15px; border: double #666;}




.topwrapper { padding:10px 0; overflow:hidden;}
.topwrapper input[type="submit"] { border:0px solid #000; background:url(../images/icon_search.png) no-repeat;  width:20px; height:20px; cursor:pointer;}
.topwrapper .phone {font-family: 'Oswald', sans-serif; font-size:18px;}
.topwrapper .phone span { font-size:26px; }

.photobook { padding:10px 0; background:#333; margin:0 15px 10px; overflow:hidden; }
/* .photobook a { color:#fff; font-family: 'Oswald', sans-serif; font-size:14px; transition: ease-in-out 1s; } */
.photobook a { color:#fff; font-size:14px; transition: ease-in-out 1s; }
.photobook a:hover {color:#ec9204; text-decoration:none;}
.photobook i { font-size:20px; margin-right:5px;}

.sticky { position:fixed; z-index:9999; top:0; left:0; width:100%; margin:0; background: rgba(255,255,255,0.9); border-bottom:1px solid #333; box-shadow: 0 0 5px #000; text-align:center; }
.sticky a { color:#333;}

.photoframe1{padding:10px;border:#ccc 1px solid;box-shadow:#aaa 2px 2px;}
.photoframe2{padding:10px;border:#ccc 1px solid;}
.photoframe3{padding:5px;border:#ccc 1px solid;box-shadow:#aaa 2px 2px;}

/*Preloading*/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	bottom:0;
	background-color:#fff; 
	z-index:999999; 
}
.sk-spinner-wave.sk-spinner {
  margin:-15px 0 0 -25px; 
  position:absolute;
  left:50%; 
  top:50%;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
 }
 .ie8 .sk-spinner-wave.sk-spinner {display:none;}
.sk-spinner-wave div {
  background-color: #ccc;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
   animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.sk-spinner-wave .sk-rect3 {-webkit-animation-delay: -1s;animation-delay: -1s; }
.sk-spinner-wave .sk-rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.sk-spinner-wave .sk-rect5 { -webkit-animation-delay: -0.8s;animation-delay: -0.8s;}

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {-webkit-transform: scaleY(0.4);transform: scaleY(0.4);}

  20% { -webkit-transform: scaleY(1);transform: scaleY(1);}
}
@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {-webkit-transform: scaleY(0.4);transform: scaleY(0.4);}
  20% { -webkit-transform: scaleY(1);transform: scaleY(1);}
}