/*
Website Name: Sree Handicraft
File: Layout CSS
Author: Milan Mahapatra
Creation Date: 28/09/16
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:700i');
@import 'https://fonts.googleapis.com/css?family=Lobster+Two';
@import 'https://fonts.googleapis.com/css?family=Josefin+Sans|Lobster+Two';
@import 'https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700';
html,
body { width: 100%; height: 100%; background:url(../images/body-bg.png); font-family: 'Open Sans', sans-serif;}
.panel-default{background:url(../images/body-bg.png);}
.top-1{ width:100%; padding:8px 0 5px 0; /*background:#eaeaea;*/ z-index:4000000;}
.no-padding{ padding:0;}
.padding-left{ padding-right:0;}
.padding-right{ padding-left:0;}
.top-contact a{ color:#000; }
.top-contact a:hover{ color:#000; text-decoration:none; }
.top-contact i{ margin-left:10px; }
.full-image{ width:100%; height:auto; padding:0; margin:0;}
.full-image2{ width:100%; height:auto; padding:9px; border:1px solid #ccc; margin:0;}
.home-img-gallery div{ margin:5px 0; }
.map{ border:2px solid #fff; padding:2px;}
/*Common classes*/
.row-space20{ height:20px; clear:both;}
/*inner-banner*/
.inner-banner{padding:0; }
.inner-banner .over-lay{padding:80px 0 20px 0; background:rgba(0,0,0,.50);}
.inner-banner .over-lay .breadcrumb{ background:none;}
.inner-banner .over-lay .breadcrumb ul{ list-style:none; float:right; display:block;}
.inner-banner .over-lay .breadcrumb ul li{ width:auto; padding:5px; float:left; display:block; color:#dfdfdf; font-family: 'Josefin Sans', sans-serif;}
.inner-banner .over-lay .breadcrumb ul li a{ color:#dfdfdf;}
.inner-banner .over-lay .breadcrumb ul li a:hover{ text-decoration:none;}
.inner-banner .over-lay .breadcrumb ul li a span{ color:#fff; font-weight:bold;}
.slider-1{background:url(../images/stone-carving.jpg) no-repeat; background-size:cover;}
.slider-2{background:url(../images/patachitra-banner.jpg) no-repeat; background-size:cover;}
.slider-3{background:url(../images/Dhokra-castings.jpg) no-repeat; background-size:cover;}
.slider-4{background:url(../images/bamboo-slider.jpg) no-repeat; background-size:cover;}
/*buttons*/
.offer-btn{ background: #bc0508;
background-image: -webkit-linear-gradient(top, #bc0508, #7a0514);
background-image: -moz-linear-gradient(top, #bc0508, #7a0514);
background-image: -ms-linear-gradient(top, #bc0508, #7a0514);
background-image: -o-linear-gradient(top, #bc0508, #7a0514);
background-image: linear-gradient(to bottom, #bc0508, #7a0514);
-webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px;
font-family: 'Roboto', sans-serif; color: #ffffff; margin-top:10px; font-size: 16px; text-transform:uppercase; padding: 3px 15px; border: solid #590006 1px; text-decoration: none}
.offer-btn:hover{ background: #6d0409; text-decoration: none; color:#fff; }
.offer-btn:focus{ background: #6d0409; text-decoration: none; color:#fff; }
.detail{ margin:0; padding:0;}
.detail img{ padding:10px; }
.detail h2{ margin:0 0 0 10px; font-family: 'Josefin Sans', sans-serif; font-size:20px; font-weight:bold; text-align:left; color:#5f5f43; text-transform:capitalize; line-height:30px;}	
.p-table{ line-height:20px; color:#5f5f43; margin:0; font-family: 'Josefin Sans', sans-serif; font-size:14px; font-weight:bold; text-align:left; max-width:400px; background:#fff;}


/* Sweep To Bottom */
.hvr-sweep-to-bottom { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-transform:uppercase; 
  display: inline-block; padding:2px 20px; background:#5cb85c; color:#fff; font-family: 'Josefin Sans', sans-serif; font-weight:bold; font-size:12px; margin-left:5px; line-height:27px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover {
  color: white; text-decoration:none;
}
.hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white; text-decoration:none; background:#5cb85c;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.hvr-sweep-to-bottom:focus:before, {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}



.btn-2{ line-height:30px; background:#a89879; color:#fff; padding:10px 10px; font-size:16px; border:1px solid #a89879; text-transform:capitalize; margin-left:5px; font-family: 'Josefin Sans', sans-serif;
-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s }
.btn-2:hover{ border:1px solid #a89879; color:#a89879; background:none;}

.btn-3{ line-height:40px; background:#d90e2b; font-size:16px; color:#fff; border:none; padding:0 30px; text-transform:uppercase; font-weight:500; margin-top:20px; }
.btn-3:hover{background:#af0e25; color:#fff;  -webkit-transition:all .3s; text-decoration:none;
-moz-transition:all .3s;
transition:all .3s; }


.btn-4{ line-height:40px; background: rgba(0,0,0,.40); font-size:18px; color:#fff; padding:0 20px; border:2px solid #fff; text-transform:capitalize; font-family: 'Josefin Sans', sans-serif; font-weight:500; margin:10px 5px;}
.btn-4:hover{ background:#fff; color:#222; border:2px solid #fff;  -webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s;}



.btn-5{ line-height:40px; background:#f79d34; font-size:18px; color:#fff; padding:0 20px; border:2px solid #f79d34; text-transform:capitalize; font-weight:500; margin:0 5px; font-family: 'Josefin Sans', sans-serif; }
.btn-5:hover{ background: rgba(0,0,0,.40); color:#fff; border:2px solid #f79d34;  -webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s}
/*Products*/



.btn-6{ line-height:40px; background:#d90e2b; font-size:14px; color:#fff; padding:10px 20px; text-transform:capitalize; font-family: 'Josefin Sans', sans-serif; font-weight:500; margin-top:20px;  margin-left:20px;}
.btn-6:hover{ background:#af0e25; color:#fff;  -webkit-transition:all .3s; text-decoration:none;
-moz-transition:all .3s;
transition:all .3s;}

.box-3{ border:1px solid #eeeeee; background:#FFF; padding:10px 10px 10px 10px; margin:0 0 10px 0; height:350px;}
.box-3 img{ height:180px; padding:0;}
.box-3 h2{ /*text-align:center; */ margin:0; padding:10px 5px 8px 5px; font-size:20px; text-transform:capitalize; line-height:25px; height:auto; font-weight:700; font-family: 'Josefin Sans', sans-serif;}
.box-3 p{ padding:5px; /*max-height:80px;*/ line-height:25px; overflow:hidden;}
.box-3 i{ font-weight:normal; color:#555; font-size:16px; margin-right:5px;}
.box-3 .triangle-topright { z-index:1; width: 0; height: 0; border-top: 70px solid rgba(255,0,0,.7); border-left: 90px solid transparent; position:absolute; top:7px; right:22px; }
.box-3 h3{ color:#fff; font-size:24px; font-weight:bold; position:absolute; top:15px; right:30px; line-height:18px; text-align:right; z-index:2; margin:0; text-transform:capitalize; }
.box-3 h3 span{ font-size:12px;}


/* ZOOM */
.mag { margin: 0 auto; float: none;}
.magnify { position: relative; cursor: none}
.magnify-large {
    position: absolute; z-index:9;
    display: none;
    width: 250px;
    height: 250px;
    -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
       -moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
             border-radius: 100%
}




.box-1{ border:1px solid #CCC; background:#FFF; padding:5px; margin:0;}
.box-1 h2{ text-align:center; padding:0 5px; margin:0; font-weight:normal; font-family: 'Josefin Sans', sans-serif;}
.box-1 h3{ font-family: 'Josefin Sans', sans-serif;}
.box-1 a h3{ font-family: 'Josefin Sans', sans-serif; color:#fff;}


.box-4{ background:#8e3a32; padding:0; margin:10px 0 10px 0; height:250px;}
.box-4 img{ height:200px; }
.box-4 h2{ margin:0px; padding:10px 5px 8px 5px; font-size:20px; text-transform:capitalize; line-height:25px; height:auto; font-weight:700; font-family: 'Josefin Sans', sans-serif; color:#fff; text-align:center; z-index:1; opacity:1; }


/*Gallery*/

.gallery-con div{ margin-top:10px; }
.gallery-con div a img{-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;}

.zoomed > .container {
	-webkit-filter: blur(3px);
	filter: blur(3px);
}

.gallery {
	float: left;
	background: #ffffff;
	padding: 20px 20px 10px 20px;
	margin: 0;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.gallery div {
	float: left;
	padding: 0 10px 10px 0;
}
.gallery div:nth-child(6n) {
	padding-right: 0;
}
.gallery a, .gallery img {
	float: left;
}
/*hover effect*/
/* Trim */
.hvr-trim {
  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;
}
.hvr-trim:before {
  content: '';
  position: absolute;
  border: #f9e5bf solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}

/*Details page*/
.detail h2{ padding:10px 0 0 0; margin:0 0 10px 0;}
.detail img{ width:100%;}
.detail h3{ color:#F00;}
.detail .triangle-topright { z-index:1; width: 0; height: 0; border-top: 70px solid rgba(255,0,0,.7); border-left: 90px solid transparent; position:absolute; top:10px; right:10px; }
.detail h4{ color:#fff; font-size:24px; font-weight:bold; position:absolute; top:15px; right:20px; line-height:18px; text-align:right; z-index:5; margin:0; text-transform:capitalize; }
.detail h4 span{ font-size:12px;}
.detail i{ margin-right:5px;}

/*buttom scroller*/
.img-hover{ padding:0; margin:0; border:1px solid #eee;}
.img-hover:hover .image {
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
.img-hover{ padding:0; margin:0;
overflow:hidden;
/*width:200px;
height:150px;*/
}

.image {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
/*box-2*/
/*.box-2{ background:#fff;  }*/
/* Shutter In Horizontal */
.box-2 h4{ padding:0 8px;}
.box-2 p{ padding:0 8px; height:100px;}
.box-2 {border:1px solid #ccc; padding:5px; height:330px;
  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;
   background: #e9dbc2;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; 
}
.box-2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
 
  background: #fff;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.box-2, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  /*color: white;*/
}
.box-2:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/*------------social icons-------------*/ 
.contact-btn{ position:fixed; top:220px; right:0; z-index:1001; }
.contact-btn a:hover{opacity:0.8;}

.social-btns{ font-size:20px; padding:0; margin:0; }
.social-btns a{ }
  
.Social-media{ position:fixed; top:220px; left:0; z-index:2001;}
  
.smedia2{
    width: 40px; height: 40px;
    background: red;
    -webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
    transition: width .5s;
	color:#fff; text-align:center; font-size:20px; line-height:40px;
}
.smedia2:hover { width: 60px; }
.smedia-facebook{
    width: 40px; height: 40px;
    background:#305891;
    -webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
    transition: width .5s;
	color:#fff; text-align:center; font-size:20px; line-height:40px;
}
.smedia-facebook:hover { width: 60px; }
.smedia-google-plus{
    width: 40px; height: 40px;
    background:#ce4d39;
    -webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
    transition: width .5s;
	color:#fff; text-align:center; font-size:20px; line-height:40px;
}
.smedia-google-plus:hover { width: 60px; }
.smedia-twitter{
    width: 40px; height: 40px;
    background:#2ca8d2;
    -webkit-transition: width .5s; /* For Safari 3.1 to 6.0 */
    transition: width .5s;
	color:#fff; text-align:center; font-size:20px; line-height:40px;
}
.smedia-twitter:hover { width: 60px; }


/*form*/
form .form-control{ margin-top:15px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;}
/*Testimonial*/
.testimonial-bg{ /*background:url(../images/c-bg.jpg) no-repeat; background-size:cover;*/ background:rgba(253,253,233,.5); }
/*footer*/


/*.gallery div{ padding:10px; background:none;}*/
/*Home page gallery img hover*/
.caption-text{z-index: 10; color: #fff; position: absolute;	height: 300px; text-align: center; top:-16px; width: 100%; padding:0;}
.caption-text a{ color:#fff;}
.caption-text a:hover{ text-decoration:none;}
.caption-text h3{ border-bottom:1px solid #ccc; padding:10px;}
.caption-text p { line-height:20px; text-align:left; padding:0 10px; font-size:13px;  }
.caption-text p a{ color:#fff;}
.caption-text p a:hover{ text-decoration:none;}
/*1*/
.cuadro_intro_hover{padding: 0px; position: relative; overflow: hidden;	height:auto;}
.cuadro_intro_hover:hover .caption{	opacity: 1;	transform: translateY(-150px); -webkit-transform:translateY(-150px); -moz-transform:translateY(-150px);	-ms-transform:translateY(-150px); -o-transform:translateY(-150px);	}
.cuadro_intro_hover img{z-index: 4; height:300px; width:100%;}
.cuadro_intro_hover .caption{position: absolute; top:240px;	-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; width: 100%;}
.cuadro_intro_hover .blur{background-color: rgba(0,0,0,0.7); height: 300px;	z-index: 5;	position: absolute;	width: 100%;}
/*2*/
.cuadro_intro_hover2{padding: 0px; position: relative; overflow: hidden;	height:auto;}
.cuadro_intro_hover2:hover .caption{opacity: 1;	transform: translateY(-150px); -webkit-transform:translateY(-150px); -moz-transform:translateY(-150px);	-ms-transform:translateY(-150px); -o-transform:translateY(-150px);	}
.cuadro_intro_hover2 img{z-index: 4; height:370px; width:100%;}
.cuadro_intro_hover2 .caption{position: absolute; top:310px;	-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; width: 100%;}
.cuadro_intro_hover2 .blur{	background-color: rgba(0,0,0,0.7);	height: 300px;	z-index: 5;	position: absolute;	width: 100%;}
/*3*/
.cuadro_intro_hover3{padding: 0px; position: relative; overflow: hidden; height:auto;}
.cuadro_intro_hover3:hover .caption{opacity: 1;	transform: translateY(-150px); -webkit-transform:translateY(-150px); -moz-transform:translateY(-150px);	-ms-transform:translateY(-150px); -o-transform:translateY(-150px);}
.cuadro_intro_hover3 img{z-index: 4; height:430px; width:100%;}
.cuadro_intro_hover3 .caption{position: absolute; top:370px; -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; width: 100%;}
.cuadro_intro_hover3 .blur{	background-color: rgba(0,0,0,0.7);	height: 350px;	z-index: 5;	position: absolute;	width: 100%;}
/*4*/
.cuadro_intro_hover4{padding: 0px; position: relative; overflow: hidden;	height:auto;}
.cuadro_intro_hover4:hover .caption{opacity: 1;	transform: translateY(-150px); -webkit-transform:translateY(-150px); -moz-transform:translateY(-150px);	-ms-transform:translateY(-150px); -o-transform:translateY(-150px);	}
.cuadro_intro_hover4 img{z-index: 4; height:245px; width:100%;}
.cuadro_intro_hover4 .caption{position: absolute; top:185px;	-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; width: 100%;}
.cuadro_intro_hover4 .blur{	background-color: rgba(0,0,0,0.7);	height: 300px;	z-index: 5;	position: absolute;	width: 100%;}

/*How it works*/
.destacados{ padding: 20px 0; text-align: center; }
.destacados > div > div{padding: 10px; border: 1px solid transparent; border-radius: 4px; transition: 0.2s;  border: 1px solid rgb(228, 156, 20); height:250px;}
.destacados > div:hover > div{margin-top: -10px; border: 1px solid rgb(204, 138, 13); box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
	background: rgba(200, 200, 200, 0.1);
	transition: 0.5s;
}
.destacados h3 a{ color:#000; }
.destacados h3 a:hover{ text-decoration:none;}
.destacados i{ font-size:50px; background:#fff; padding:30px; color:#919191; border-radius:60px; border:1px solid #ccc;} 
/*.destacados div >.icon{ padding:20px; border-radius:35%;}*/
@media screen and (min-width: 240px) and (max-width: 768px) { 
/*.logo{width:200px; margin:auto; margin-bottom:10px; }*/
.testimonial-bg{ height:530px;}
.top-contact{ padding:5px 0 0 0; }
.carousel-caption{ top:5%;}
.iframe-testimonial{ height:500px;}
}
@media screen and (min-width: 320px) {
/*.logo{width:200px; margin-bottom:10px; }*/
.testimonial-bg{ height:530px;}
.top-contact{ padding:5px 0 0 0; }
.carousel-caption{ top:5%;}
.iframe-testimonial{ height:530px;}
}
@media screen and (min-width: 480px) and (max-width: 800px) { 
/*.logo{width:200px; margin-bottom:10px; }*/
.testimonial-bg{ height:530px;}
.top-contact{ padding:5px 0 0 0; }
.carousel-caption{ top:5%;}
.iframe-testimonial{ height:530px;}
}
@media screen and (min-width: 768px) {
/*.logo{width:200px; }*/
.testimonial-bg{ height:350px;}
.top-contact{ padding:20px 0 0 0; }
.carousel-caption{ top:20%;}
.iframe-testimonial{ height:350px;}
 }
@media screen and (min-width: 1000px) {
/*.logo{width:200px; } */
.testimonial-bg{ height:350px;}
.top-contact{ padding:20px 0 0 0; }
.carousel-caption{ top:20%;}
.iframe-testimonial{ height:350px;}
}




/*back-to-top*/
.back-to-top {
cursor: pointer; position: fixed; bottom: 10px; right: 20px; display:none; font-size:14px; padding:5px 10px; background:#f73652; border:none; color:#fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.back-to-top:hover{background:#d90e2b; border:none; color:#fff;}
.back-to-top:focus{background:#d90e2b; border:none; color:#fff;}




/*testimonial*/
.transition-timer-carousel .carousel-caption {
	width: 100%;
	left: 0px;
	right: 0px;
	top:35%;
	/*bottom: 0px;*/
	text-align:center;
	padding-top: 5px;
	padding-left: 15%;
	padding-right: 15%; 
}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
	margin-top: 10px; margin-bottom:0px;
	font-size: 24px; text-transform:capitalize;
}
.carousel-caption-header{letter-spacing:3px; text-shadow: 4px 3px 0px rgba(37, 41, 44, 0.18); color:#fff; font-family: 'Josefin Sans', sans-serif; text-transform:capitalize;}

@media (min-width: 970px) {
    /* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
	.transition-timer-carousel .carousel-caption .carousel-caption-header {
		font-size: 40px;
	}
	
}
.transition-timer-carousel .carousel-indicators {
	bottom: 0px;
	margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
	z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: #5cb85c;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    -webkit-transition: width 4.25s linear;
	-moz-transition: width 4.25s linear;
	-o-transition: width 4.25s linear;
	transition: width 4.25s linear;
}
.carousel-control i{ position:absolute; top:50%; font-size:30px;}
/*Testimonial*/

/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

.carousel-inner img{ width:100%;}





.f2{ border:1px solid #d8853b; color:#b7b3f9; padding:0 10px; line-height:40px; resize:none; background:rgba(255,255,255,.5); box-shadow:none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; }
.f2:focus { box-shadow:none;}


/*Sidemenu*/
.menu-button{ position:absolute; top:30px; left:30px; font-weight:normal; font-size:24px; cursor:pointer;}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    background: #f4f4d7;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 55px;
}
.sidenav a {
    padding: 8px 8px 8px 50px; border-bottom:1px solid #ececbb;  
    text-decoration: none;
    font-size: 14px; font-family: 'Josefin Sans', sans-serif; font-weight:bold;
    color: #8d0518; 
    display: block;
    transition: 0.3s;

}
.sidenav a:hover, .offcanvas a:focus{
    color: #8d0518;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; box-shadow: 18em 0 rgba(52,152,219,.2)inset;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px; border:none;
}
.sidenav .closebtn:hover{ box-shadow:none;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 14px;}
}





.more{ position:absolute; top:-30px; right:15px; font-family: 'Josefin Sans', sans-serif;}


.social{ border:1px solid #fff; margin-right:5px; padding:8px; text-align:center; width:32px; height:32px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -webkit-transition:all .3s;
-moz-transition:all .3s;
transition:all .3s}
.social:hover{ color:#222; background:#fff;}








button:focus {outline:0;}
.dropbtn { background-color: #8d0518; color: white; padding: 8px 8px 8px 50px; width:100%; font-size: 14px; border: none; cursor: pointer; font-family: 'Josefin Sans', sans-serif; font-weight:bold; }
.dropbtn:hover, .dropbtn:focus { background-color: #8d0518;}
.dropdown { position: relative; display: inline-block;}
.dropdown-content { display: none;  position: absolute; min-width: 230px; overflow: auto; z-index: 1;}
.dropdown-content a { color: #8d0518; padding: 8px 8px 8px 50px; text-decoration: none; display: block;}
.dropdown a:hover {background-color: #f1f1f1}
.show {display:block;}