/*------------------------------------------------------------------
Common Stylesheet

Project:   Homenah Gunny - Responsive Theme
Build:     Bootstrap v3.2.0
Author:    Homenah Gunny

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

/*======================= Table of contents ===========================*/

/*======================= Table of contents ends ===========================*/

@charset "utf-8";


/*================== Reset css starts =================*/
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{background:transparent;border:0;/*font-size:100%;*/margin:0;outline:0;padding:0;vertical-align:baseline}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
img,object,embed{}
img{vertical-align: bottom;}
html{overflow-y:scroll}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline;color: #31b9e9;}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0;font:100%;font-size:inherit}
th{font-weight:700;vertical-align:bottom}
td{font-weight:400;vertical-align:top}
hr{border:0;border-top:1px solid #585858;display:block;height:1px;margin:20px 0;padding:0}
input,select{vertical-align:middle}
pre{white-space:pre-line;word-wrap:break-word}
:focus{outline:0}
input[type=checkbox]{vertical-align:baseline}
select,input,textarea{font:99% sans-serif}
a:hover,a:active, a:focus {outline:none;text-decoration: none;color: #cf3b83;}
small{font-size:85%}
strong,th{font-weight:700}
td,td img{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
pre,code,kbd,samp{font-family:monospace, sans-serif}
.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}
button,input,select,textarea{margin:0}
button{overflow:visible;width:auto}
.ie7 img{-ms-interpolation-mode:bicubic}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after,.clear{clear:both}

body,select,input,textarea{color:#444}
a:link{-webkit-tap-highlight-color:#fcd700}

ins{background-color:#fcd700;color:#000;text-decoration:none}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:700}
input[type=radio],.ie6 input{vertical-align:text-bottom}
/*================== Reset css ends =================*/


/*=============== 1.0 BASIC STYLE =======================*/
body {background:#fff; color:#343434; font-size:16px;line-height: 30px;word-wrap: break-word;font-family: "Roboto", sans-serif;font-weight: 400;}
p {margin-bottom: 30px;font-weight: 300;letter-spacing: 0.25px;}
figure, ul {margin-bottom: 20px;}
.btn, input[type=submit], button {font-weight: 400;margin-bottom: 20px;padding: 11px 51px;color: #fff;background: #31b9e9;font-size: 16px;text-transform: capitalize;border-radius: 4px;}
.btn:hover, input[type=submit]:hover, button:hover {background: #cf3b83;color: #fff;font-weight: 400;}

::-webkit-input-placeholder {color: #6d6d6d;}
:-moz-placeholder {/* Firefox 18- */color: #6d6d6d;}
::-moz-placeholder {/* Firefox 19+ */color: #6d6d6d;}
:-ms-input-placeholder {color: #6d6d6d;}

/** form styling **/
input, textarea, select {width: 100%;border: 1px solid #848484;border-radius: 0;padding: 10px;vertical-align: bottom;}
input[type=radio] {display: inline-block;;width: auto;vertical-align: bottom;}
select::-ms-expand {display: none;}
fieldset {margin-bottom: 20px;}
fieldset input, fieldset textarea, fieldset select {width: 100%;padding: 9px 15px;border: 1px solid #bdbdbd;font-size: 15px;border-radius: 4px;color: #999;font-weight: 300;font-family: "Roboto", sans-serif;}
textarea {height: 150px;}
iframe {width: 100%;vertical-align: bottom;}
label {font-weight: 300;}
select {display: inline-block;width: auto;border: 1px solid #66ab79;cursor: pointer;color: #60ba62;padding: 12px 45px 12px 20px;font-size: 16px;background: url(../images/down-arrow.png) no-repeat;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;background-position: 94% 53%;}


.block {padding: 75px 0;position: relative;}
.wrapper {padding-top: 128px;}


/*=============== transition effects starts ===================*/
header *, .headroom--pinned, .headroom--pinned, input, textarea, select, .btn, header a, .navbar-default .navbar-nav>li>a:after, .category-item a figure img, .category-item a figure, .listing-wrap figure img {transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;}

/*=============== transition effects ends ===================*/


/*=============== image hover effects starts ===================*/
.category-item a:hover figure img, .listing-wrap figure a:hover img {transform: scale(1.1);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);}
/*=============== image hover effects ends ===================*/

/*======================= Heading Styles starts ==================*/
h1, h2, h3, h4, h5, h6 { line-height:1.1em; color:#343434; margin-bottom:20px;text-transform: capitalize;font-family: 'Fjalla One', sans-serif;}
h1, h1 a {font-size:48px;line-height: 54px;} 
h2, h2 a {font-size:36px;line-height: 42px;} 
h3 {font-size:34px;line-height: 40px;} 
h4 {font-size:30px;line-height: 36px;} 
h5 {font-size:24px;line-height: 30px;} 
h6 {font-size:18px;line-height: 24px;}
/*======================= Heading Styles ends ==================*/

/*======================= common Styles block starts ==================*/
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {box-shadow: 1px 1px 7px 1px #ededed;}
/*======================= common Styles block ends ==================*/

/*======================= Header starts ==================*/
header {position: fixed;z-index: 11;width: 100%;top: 0;}
.header-contact span {font-size: 15px;font-weight: 400;}
.header-contact span a {font-weight: 600;}
.top-header {padding: 19px 0;background: #fff;}
.social-links ul li {display: inline-block;}
.social-links ul li:first-child {margin-right: 8px;}
.bottom-header {background: #cf3b83;padding: 18px 0;}
.navbar-default .navbar-nav>li:last-child {margin-right: 0;}
.social-links ul {margin-bottom: 0;}
.header-logo {position: absolute;z-index: 1;}
.header-logo figure {margin-left: -26px;}


/*== bootstrap navbar edit starts ==*/
.navbar-default {background-color: transparent;border-color: transparent;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #ffdf7d;background: transparent!important;}
.navbar-default .navbar-nav>li>a {font-size: 15px;color: #fff;text-transform: uppercase;position: relative;padding: 0;} 
.navbar-default .navbar-nav>li {margin: 0 15px;}
.navbar-default .navbar-nav>li>a:after{position: absolute;left: 0;right: 0;margin: auto;height: 2px;background: #ffdf7d;width: 0;bottom: -19px;content: '';}
.navbar-default .navbar-nav>li>a:hover:after, .navbar-default .navbar-nav>li.active>a:after {width: 100%;}
.navbar {min-height: 0;margin-bottom: 0;}
.container-fluid {padding: 0;}

/**
 * Note: I have omitted any vendor-prefixes for clarity.
 * Adding them is left as an exercise for the reader.
 */
.headroom {will-change: transform;transition: transform 200ms linear;}
.header--fixed {position: fixed;z-index: 10;right: 0px;left: 0px;top: 0px;}
.headroom {will-change: transform;transition: transform 0.25s ease-in-out;}
.headroom--pinned {transform: translateY(0%);}
.headroom--unpinned {transform: translateY(-100%);}
.headroom--pinned, .headroom--not-top {background: #fff;box-shadow: 1px 1px 14px 1px #eee;}
.headroom--top {background: transparent;box-shadow: none;}
/*== bootstrap navbar edit ends ==*/
/*======================= Header ends ==================*/


/*======================= Banner starts ==================*/
.banner {overflow: hidden;position: relative;height: 275px;}
.home-banner {height: 522px;}
.bannerwrap figure{margin-bottom: 0;text-align: center;}
.bannerwrap figure:before {width: 100%;height: 100%;position: absolute;left: 0;top: 0;content: '';background: url('../images/banner-gradient.jpg') no-repeat center;opacity: 0.5;z-index: 1;}
.banner-text {position: absolute;top: 40%;text-align: center;z-index: 1;}
.banner-text h1, .banner-text h2, .banner-text h3{color: #ffdf7d;text-shadow: 0 0 5px rgba(1,1,1,.41);}
.banner-text h2 {margin-bottom: 5px;}

/*= bx slider edit starts =*/
.bx-wrapper .bx-viewport {box-shadow: none;border: 0;left: 0;}
.bx-wrapper {margin-bottom: 0;}
.bx-wrapper img {max-width: initial;margin: auto;}
/*= bx slider edit ends =*/

/*======================= Banner ends ==================*/


/*======================= home page starts ==================*/
.home-page .banner-text {width: auto;margin-right: 70px;float: right;right: 70px;}
/*= stick to left block starts =*/
.stick-to-left-block {padding: 70px 0 0;position: relative;}
.left-sticky {padding: 85px 0 70px;position: absolute;left: 0;background-color: #fefbf1;-webkit-box-shadow: 0 0 29px rgba(1,1,1,.23);-moz-box-shadow: 0 0 29px rgba(1,1,1,.23);box-shadow: 0 0 29px rgba(1,1,1,.23);width: 55%;z-index: 1;top: -65px;}
.story-right-image {padding-left: 0;float: right;}
.story-right-image figure{height: 582px;overflow: hidden;margin-bottom: 0;-webkit-box-shadow: 0 0 32px rgba(1,1,1,.41);-moz-box-shadow: 0 0 32px rgba(1,1,1,.41);box-shadow: 0 0 32px rgba(1,1,1,.41);}
.story-right-image figure img {opacity: .83;}
.left-sticky-text-wrap {width: 88%;float: right;padding: 0 30px 0 0;}
.left-sticky-text-wrap>p {font-weight: 300;}
.left-sticky-text-wrap a.btn {margin: 30px 0 0;}
.left-sticky-text-wrap p:last-of-type {margin-bottom: 0;}

.shadow-box-image-wrap {position: relative;position: relative;}
.shadow-box {padding: 85px 0 70px;left: 0;background-color: #fefbf1;-webkit-box-shadow: 0 0 29px rgba(1,1,1,.23);-moz-box-shadow: 0 0 29px rgba(1,1,1,.23);box-shadow: 0 0 29px rgba(1,1,1,.23);width: 55%;z-index: 1;top: -65px;}
/*= stick to left block ends =*/

/*= experience the artistry block starts =*/
.experience-block {background: #f5f5f5;}
.experience-block h2+p {margin-bottom: 50px;font-weight: 400;}
.image-text {position: absolute;top: 32%;text-align: center;width: 100%;z-index: 11;}
.category-item {position: relative;}
.category-item figure {height: 218px;overflow: hidden;width: 100%;position: relative;}
.image-text * {color: #fff;font-family: 'Roboto', sans-serif;font-weight: 500;}
.image-text h3 {margin-bottom: 0;}
.center-big-col .category-item figure {height: 458px;}
.center-big-col .image-text {top: 41%;}
.category-item figure:before {z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../images/image-overlay.png') no-repeat center;background-size: cover;opacity: 0.2;content: '';}
.category-item a{display: block;}
.category-item a:hover figure {webkit-box-shadow: 0 0 27px rgba(1,1,1,.4);-moz-box-shadow: 0 0 27px rgba(1,1,1,.4);box-shadow: 0 0 27px rgba(1,1,1,.4);}
/*= experience the artistry block ends =*/

/*= parallax block starts =*/
.parallax-block {background: url('../images/parallax-image.jpg') no-repeat;height: 450px;overflow: hidden;position: relative;}
.parallax-block:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background: url('../images/parallax-overlay.jpg') no-repeat;opacity: 0.8;}
.parallax-text h2 {color: #ffdf7d;}
.parallax-text {position: absolute;left: 0;right: 0;top: 38%;}
/*= parallax block ends =*/

/*= testimonials block starts =*/
.testimonial-author {font-weight: 400;}
.textimonial-block h3 {margin-bottom: 32px;}
.testimonial-author span {font-size: 18px;color: #31b9e9;display: block;line-height: 14px;}
.testimonial-author {color: #8b8a8a;font-size: 12px;position: relative;}
.testimonials-slider li img {float: left;}
.testimonials-slider li p {width: 79%;margin: 0 auto 56px;position: relative;font-weight: 400;}
.testimonials-slider li p:before {position: absolute;left: -10px;top: -4px;content: '';background: url('../images/left-quote.png') no-repeat;width: 24px;height: 23px;}
.testimonials-slider .bx-has-controls-direction {display: none;}
.testimonial-author:before {position: absolute;left: 0;right: 0;margin: auto;top: -20px;width: 79px;height: 4px;background: #ffdf7d;content: '';}
.textimonial-block {padding-bottom: 70px;}
/*= testimonials block ends =*/
/*======================= home page ends ==================*/

/*======================= listing page starts ==================*/
.listing-wrap {padding: 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #fff;-webkit-box-shadow: 0 0 16px rgba(1,1,1,.08);-moz-box-shadow: 0 0 16px rgba(1,1,1,.08);box-shadow: 0 0 16px rgba(1,1,1,.08);border: solid 1px #ebebeb;}
.tag a {color: #cf3b83;font-size: 12px;margin-bottom: -6px;display: block;}
.listing-wrap {font-weight: 500;}
.listing-wrap h6 {font-family: 'Roboto', sans-serif;}
.listing-wrap figure {position: relative;overflow: hidden;height: 272px;}
.listing-wrap figure .price-tag {position: absolute;bottom: 10px;background: #ffdf7d;font-size: 18px;font-weight: 400;padding: 3px 14px;}
a.border-btn {font-size: 12px;font-weight: 400;border: 1px solid #31b9e9;border-radius: 4px;background: transparent;color: #31b9e9;padding: 6px 30px;}
.listing-wrap figure .price-tag span {font-size: 12px;}
.listing-wrap .btn {width: 100%;margin-bottom: 0;}
.listing-wrap .btn:hover{border: 1px solid #cf3b83;}
.listing-wrap h6 a {color: #343434;}
.listing-wrap h6 a:hover, .tag a:hover {color: #31b9e9;}
.listing-item {margin-bottom: 20px;}
.listing-block {padding-bottom: 55px;}
.listing-block .container>p {font-weight: 400;}
.banner-text img, .banner-text h3 {display: inline-block;vertical-align: super;}
.banner-text {text-align: center;width: 1170px;margin: auto;}
.banner-text h3 {margin: 0 15px;font-family: 'Fjalla One', sans-serif;}
/*======================= listing page ends ==================*/


/*======================= about us page starts ==================*/
.about-page .left-sticky {padding-bottom: 50px;}
.about-text-block {padding: 30px 0 50px;}
.facebook-block {margin-bottom: 20px;}
.right-social-connections {margin-top: 10px;}
/*======================= about us page ends ==================*/


/*======================= review page starts ==================*/
.review-block {border: 1px solid #dedede;padding: 42px 0;border-radius: 4px;margin-bottom: 10px;}
.review-image, .review-text-right {float: none;display: inline-block;vertical-align: middle;}
.container .review-block:last-of-type {margin-bottom: 0;}
.review-image-wrap {background: #f3fbfe;margin: auto;width: 255px;height: 255px;border-radius: 50%;overflow: hidden;-webkit-box-shadow: 0 0 40px rgba(1,1,1,.1);-moz-box-shadow: 0 0 40px rgba(1,1,1,.1);box-shadow: 0 0 40px rgba(1,1,1,.1);}
.review-image-wrap-inner {background: #d6f1fb;width: 204px;height: 204px;border-radius: 50%;overflow: hidden;margin: 25px auto;position: relative;}
.review-image-wrap figure img {position: absolute;top: -99999px;bottom: -99999px;left: -99999px;right: -99999px;margin: auto;}
.review-image-wrap figure {width: 159px;height: 159px;overflow: hidden;border-radius: 50%;border: 2px solid #fff;position: relative;margin: 22px auto;}
.review-text-right-wrap h6 {font-family: "Roboto", sans-serif;color: #31b9e9;font-weight: 400;margin-bottom: -3px;}
.review-text-right-wrap p {font-weight: 300;margin-bottom: 0;}
.review-text-right {padding-left: 0;width: 66%;}
.review-text-right-wrap h6+span {font-size: 12px;color: #8b8a8a;margin-bottom: 15px;display: block;}
.review-text-right-wrap {padding-right: 6%;}
/*======================= review page ends ==================*/


.contact-form form {margin: 0 -15px;}
.contact-form fieldset {display: inline-block;width: 49.7%;padding: 0 15px;}
.contact-form form fieldset:nth-last-of-type(2) {width: 100%;}
.contact-form form fieldset:last-of-type {width: auto;}


/*======================= footer starts ==================*/
footer {background: #343434;padding: 20px 0;color: #fff;}
/*======================= footer ends ==================*/


/*====================== responsive styles ============================*/
@media (min-width: 1400px){
    .about-left-text.col-md-offset-1, .events-block .col-md-offset-1, .contact-block .col-md-offset-1 {margin-left: 8.333333%;}
    .about-block {background-position: 100%;}
    .left-sticky-text-wrap {width: 68%;}
}

@media (min-width: 1200px){
}

@media (min-width: 769px){
    .collapse {display: block;}
}

@media (max-width: 1200px){
}

@media (max-width: 992px){
}

@media (max-width: 992px) and (min-width: 769px){
}

@media (max-width: 768px){
}

@media (max-width: 600px){
}

@media (max-width: 500px){
}

@media (max-width: 400px){
}

@media (max-width: 360px){
}