/*
Theme Name: Belleza Pro
Theme URI: https://alexathemes.net/themes/salon-wordpress-theme/
Author: AlexaThemes
Author URI: https://www.alexathemes.net/
Description: Salon Wordpress themes are specially designed for Salons, wellness center & Spa. Creating a website for such business is the best idea to grow your business value. Salon theme is very easy to customize, having many features to make your theme beautiful. Salon WordPress themes come with many more features which include online booking appointment, online payment collection, which make your business very easy. Salon theme having 25 different gallery style, by using this element, you can portray your art to customer or visitor. One of the best features of Salon WordPress theme is geolocation, it will help your customer to reach your place.  Enjoy the demo here: http://www.live-demo.online/belleza
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: belleza
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,threaded-comments,translation-ready,theme-options

Belleza Pro WordPress Theme has been created by AlexaThemes(alexathemes.net), 2018.
Belleza Pro WordPress Theme is released under the terms of GNU GPL
*/

*{ margin:0; padding:0; outline:none;}
body{ margin:0; padding:0; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; margin:0; padding:0; color:#000000; font:400 15px/24px 'Roboto'; background-color:#ffffff;}
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%; height:auto;}
.bypostauthor { margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:bold; }
h1{ font-size:32px; }
h2{ font-size:25px;}
h3{ font-size:20px; line-height:25px;}
h4{ font-size:17px;}
h5{ font-size:16px;}
h6{ font-size:15px;}
.left{float:left;}
.right{float:right;}
blockquote{ background:url(images/icon_quote.png) no-repeat 5% 0px; padding:30px 15px 15px 15px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}
.hr{border-bottom:1px solid #333; height:15px; clear:both;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; color:#000000}
a:hover{ text-decoration:none; outline:none; color:#e3a79f;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto;}
.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
.toggleMenu{display:none;}
section{ padding:70px 0;}
h2.section_title{ font:400 48px 'Playfair Display'; color:#ce8d84; text-align:center; padding-bottom:25px; line-height:30px; display:block; margin-bottom:0; text-transform:capitalize;}
h3.section_title_small{ font:400 24px 'Playfair Display'; color:#000000; text-transform:capitalize; text-align:center; padding-bottom:10px; line-height:24px; display:block; margin:0 auto 10px; position:relative;}

/* Header Top Bar CSS */
.header-top{ background-color:#1a1a1a; color:#ffffff; position:relative;}
.header-top .left { padding:8px 0; float:left; font:400 14px/36px 'Roboto';}
.header-top .left .fa { margin-right:10px; color:#e3a79f; font-size:13px;}
.header-top .left span { padding:0 20px; position:relative;}
.header-top .left span:first-child { padding-left:0;}
.header-top .left span:last-child { border:none;}
.header-top .top-right { float:right; width:40%;}

/* = Search Bar Header = */
.searchbar { float:right; position:absolute; right:9%; top:6px; }
.sb-search {position:relative; width:0%; min-width:40px; height:38px; float:right; overflow:hidden; -webkit-transition:width 0.5s; -moz-transition:width 0.5s;transition:width 0.5s; -webkit-backface-visibility:hidden;}
.sb-search-input  {position:absolute; top:0px; right:0; border:none; outline:none; width:100%; height:38px; margin:0; z-index:10; padding:0px 28px 0px 10px;font-family:'Roboto'; font-size:14px; color:#ffffff; /*border:1px solid #ffffff;*/ /*border-radius:55px;*/ background-color:#1a1a1a; font-weight:bold;}
.sb-search-input::-webkit-input-placeholder { color:#ffffff;}
.sb-search-input:-moz-placeholder {	color:#ffffff;}
.sb-search-input::-moz-placeholder { color:#ffffff;}
.sb-search-input:-ms-input-placeholder { color:#ffffff;}
.sb-icon-search, .sb-search-submit  { width:41px; height:35px; display:block; position:absolute; right:3px; top:3px; padding:0; margin:0; line-height:34px;text-align:center; cursor:pointer;}
.sb-search-submit {	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter:alpha(opacity=0); /* IE 5-7 */ opacity:0; color:transparent; border:none; outline:none; z-index:-1;}
.sb-icon-search { color:#ffffff; z-index:90; font-size:14px; font-family:FontAwesome; speak:none; font-style:normal; font-weight:normal; font-variant:normal;text-transform:none; -webkit-font-smoothing:antialiased; /*background-color:#69c082;*/ }
.sb-icon-search:before { content:"\f002";}
/* Open state */
.sb-search.sb-search-open{ width:300px; border:1px solid #ffffff; border-radius:55px;}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {color:#ffffff; z-index:11;}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index:90;}

.header-cart-count { float:right; display:inline-block; position:absolute; right:0; color:#ffffff; margin:10px 0 0 0; padding:7px 0 7px 45px;  border-left:2px solid #282828; font:400 14px 'Roboto';}
.header-cart-count a { color:#ffffff; }
.header-cart-count .fa { font-size:1em; margin-right:5px;}
.header-cart-count a::before { content:'\f07a'; font-family:FontAwesome; position:absolute; right:58px; top:7px;}

/*Header CSS*/
.header.fixed{ position: fixed; top:0; z-index:999999; padding:14px 25px;}
.header{width:100%; position:relative; background-color:#ffffff;}
.header-inner { width:1170px; margin:0 auto; position:relative;}
.headerinfo { font:600 14px/22px 'Roboto'; padding:10px 0; }
.logo{float:left;  text-align:left; padding:20px 0;}
.logo h1{font-weight:700; margin:0px; text-transform:capitalize; line-height:45px;}
.logo a{color:#3a3a3a;}
.tagline, .logo p{ font-family:'Roboto'; font-size:14px; color:#737272; font-weight:400; display:block; text-transform:capitalize;}
.header-right { float:right;}
#slider{ width:100%; margin:0; padding:0; position:relative;}
/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:35px; height:52px; line-height:52px; margin:0; padding:0; color:#ffffff; display:inline-block; text-align:center; font-size:14px;  vertical-align: middle; position:relative; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.social-icons a:hover { color:#e3a79f;}
.social-icons br{ display:none;}

/* = Container CSS = 
--------------------------------------------------------------- */
.container{ width:1170px; margin:0 auto; position:relative;}
.container-full { width:100%;}
.no-padding { padding:0;}

/*Toggle menu css*/
.toggle{display: block;}
.toggle a{width:auto; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #000000; padding:10px 25px 10px 15px; margin-top:5px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}

/** Header Navigation **/
.sitenav { float:right;}
.sitenav ul {margin:0; padding:0; font-family:'Roboto'; font-size:15px; text-transform:uppercase; line-height:normal;}
.sitenav ul li{display:inline-block; position:relative; }
.sitenav ul li.current_page_item a { color:#3e3d3d;}
.sitenav ul li a{padding:36px 15px 36px; margin:0; text-align:center; transition:all 0.2s ease 0s; -o-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; display: inline-block; color:#3e3d3d;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:0;}
.sitenav ul li ul li a{display:inline-block; position:relative; top:0; text-align:left; padding-top:10px; padding-bottom:10px; margin:0;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a{ color:#e3a79f;}
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; margin-top:0; padding:5px 0; *-moz-animation:fadeInDown .3s ease-in; -webkit-animation:fadeInDown .3s ease-in; animation:fadeInDown .3s ease-in;}
.sitenav ul ul li:hover > ul{display:block;-moz-animation:fadeInLeft .3s ease-in; -webkit-animation:fadeInLeft .3s ease-in; animation:fadeInLeft .3s ease-in;}
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:-5px;}

/* Book On Line Button CSS */
.bookonline { float:right; position:relative; text-align:center;}
.bookonline a { padding:14px 13px; font:400 18px 'Playfair Display'; background-color:#e3a79f; display:block; transition:all 0.2s ease 0s; -o-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; color:#e3a79f;}
.bookonline a:hover { background-color:#1a1a1a; color:#1a1a1a;}
.bookonline a:after{ content:''; position:absolute; top:100%; left:0; right:0; margin:0 auto; width:0; height:0; z-index:10; border-top:solid 20px; border-left:solid 47px transparent; border-right:solid 48px transparent; }
.bookonline div{ color:#ffffff; font:700 23px 'Playfair Display'; }
.bookonline div span{ display:block; font-weight:normal; }

/* = innerbanner css 
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:337px; overflow:hidden; position:relative;}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto; display:block;}
.entry-header { position:relative; top:40%; left:0; right:0;}
.innerbanner .entry-header{ position:absolute;}
h1.entry-title{ text-transform:uppercase; padding:10px 0 15px; margin-bottom:10px; display:block; color:#ffffff; background:rgba(227,167,159, 0.8);}

/* Contact Us Page Title */
.contact-banner .entry-header { z-index:1; top:30%;}
.contact-banner { position:relative;}
.contact-banner:before { content:''; position:absolute; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.5); left:0; right:0;}
.contact-banner .breadcrumbs-full { bottom:45%; z-index:1;}

/* Breadcrumb */
.breadcrumbs-full { left:0; position:absolute; right:0; bottom:30%;}
.crumbs-inner { width:1170px; margin:0 auto; padding:5px 0;}
.breadcrumb { text-transform:capitalize; text-align:center; }
#crumbs { color:#ffffff; font:400 15px 'Roboto';}
#crumbs a { color:#ffffff; }
#crumbs a:hover { color:#e3a79f;}

/* Default Button css
-------------------------------------------------------------- */
.custombtn{ margin-top:30px;}

a.buttonstyle1{ color:#ffffff; border:1px solid #ffffff; border-radius:3px; padding:10px 25px; margin:25px 0px 0; font:400 14px 'Roboto'; display:inline-block; -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; text-transform:capitalize;}
a.buttonstyle1:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background-color:#ffffff; -webkit-transform:scaleY(0); transform:scaleY(0); -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;}
a.buttonstyle1:hover:before, a.buttonstyle1:focus:before, a.buttonstyle1:active:before{ -webkit-transform:scaleY(1); transform:scaleY(1);}
a.buttonstyle1:hover, a.buttonstyle1:focus, a.buttonstyle1:active { color:#e3a79f; border-color:#ffffff}

.button{ color:#ffffff; background-color:#e3a79f; padding:13px 25px; margin:20px 0px 0 0; text-transform:uppercase; font:700 12px 'Roboto'; display:inline-block; -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; border-radius:29px;}
.button:before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background-color:#1a1a1a; -webkit-transform:scaleY(0); transform:scaleY(0); -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; border-radius:29px;}
.button:hover, .button:focus, .button:active { color:#ffffff;}
.button:hover:before, .button:focus:before, .button:active:before { -webkit-transform:scaleY(1); transform:scaleY(1);}

a.BlogMore, a.ReadMore{ color:#2d2d2d; padding:10px 20px; margin:20px 0 0 0; text-transform:capitalize; font:400 16px 'Playfair Display'; display:inline-block; transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
a.BlogMore:hover, a.ReadMore:hover { color:#e3a79f;}

/* = Section First Welcome To Hair Salon CSS
-------------------------------------------------------------- */
.welcome { position:relative;}
.one_third .welcome-box h3 { font:400 24px 'Playfair Display'; color:#000000; text-transform:capitalize; margin-bottom:10px;}
.one_third .welcome-box h2 { font:400 48px/50px 'Playfair Display'; color:#ce8d84; text-transform:capitalize; margin-bottom:25px;}
.one_third .welcome-box a.button { margin-left:0; margin-right:0;}
.one_third .welcome-box p { color:#706f6f; font:400 15px 'Roboto'; margin:35px 0; line-height:24px;}
.wel-thumb { position:relative; background-color:#e3a79f; overflow:hidden;}
.wel-thumb img { width:100%; height:auto; display:block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.wel-thumb:hover img { opacity:0.3; -webkit-transform:scale(1.08); transform:scale(1.08);}
.wel-thumb figcaption::before, .wel-thumb figcaption::after {position:absolute;top:15px; right:15px; bottom:15px; left:15px; content:'';
opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
.wel-thumb figcaption::before {border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; -webkit-transform:scale(0,1); transform:scale(0,1);}
.wel-thumb figcaption::after { border-right:1px solid #ffffff; border-left:1px solid #ffffff; -webkit-transform:scale(1,0); transform:scale(1,0);}
.wel-thumb:hover figcaption::before, .wel-thumb:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.one_third .openhrs { background-color:#e3a79f; color:#ffffff;}
.openhrs-box { border-bottom:1px solid #e9b9b2; padding:21px 0; text-align:center;}
.openhrs-box h2 { font:700 34px 'Playfair Display'; color:#ffffff; margin-bottom:0;}
.openhrs-box span { font:400 19px 'Playfair Display'; color:#ffffff;}
.openhrs-box p { font:700 14px 'Roboto'; color:#ffffff;}
.openhrs-box.last { border-bottom:none;}

/* = Section Second Our Services CSS
-------------------------------------------------------------- */
.services { position:relative; text-align:center;}
.services-box { width:18%; float:left; border:1px solid #e3a79f; border-right:none; margin:50px 0px 0px 0; padding:30px 10px; text-align:center; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-duration:0.5s; transition-duration:0.5s; -webkit-transition-property:transform; transition-property:transform; cursor:pointer;}
.services-box:hover { border-color:#e3a79f; background-color:#e3a79f; -webkit-transform:scale(1.1); transform:scale(1.1); color:#ffffff;}
.ser-icon { width:70px; height:70px; margin:0 auto 15px;}
.services-box h3 { font:400 24px 'Playfair Display'; color:#000000; text-transform:capitalize; padding-bottom:20px; margin-bottom:20px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; position:relative;}
.services-box h3:after { content:''; position:absolute; left:0; right:0; bottom:0; border-bottom:1px solid #e3a79f; width:60px; margin:0 auto;}
.services-box:hover h3 a, .services-box:hover span { color:#ffffff; }
.services-box:hover h3:after { border-color:#ffffff;}
.services-box#last { border-right:1px solid #e3a79f;}
.services-box span { font:300 20px 'Roboto'; color:#000000; display:block; margin-top:15px;}
.ser-thumb { width:65px; height:65px; margin:0 auto 20px;}
.services-box:hover .ser-thumb img {filter:invert(100%); -webkit-filter:invert(100%);}

/* = Section Third Our Expert Team
----------------------------------------------------------------*/
.our-team { position:relative; text-align:center;}
.teammember-list{width:23%; float:left; margin:40px 30px 0px 0; position:relative; text-align:center;}
.teammember-list:hover{ cursor:pointer;}
.teammember-list .thumnailbx{ position:relative; width:100%; margin:0 auto; overflow:hidden; border-radius:50%;}
.teammember-list img{ width:100%; height:auto; display:block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.teammember-list:hover .thumnailbx img { -webkit-transform:scale(1.08); transform:scale(1.08);}
.teammember-list:hover .thumnailbx .overlay { opacity:1; width:100%; height:100%;}
.teammember-list:hover .thumnailbx span { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:transform .5s ease, opacity 1.3s ease; transition:transform .5s ease, opacity 1.3s ease;}
.teammember-list .thumnailbx .overlay { background:rgba(227,167,159, 0.8); position:absolute; margin:auto; width:0px; height:0px; top:0; right:0; bottom:0; left:0; opacity:0; -webkit-transition:.4s ease; transition:.4s ease; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.teammember-list .thumnailbx span { color:#ffffff; font:700 20px 'Roboto'; text-align:center; position:absolute; margin:auto; width:200px; height:30px; line-height:30px; left:0; top:0; right:0; bottom:0; opacity:1; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:transform .5s ease, opacity .7s ease;  transition:transform .5s ease, opacity .7s ease;}
.teammember-list h3{ font:400 24px 'Playfair Display'; text-transform:capitalize; margin-bottom:15px;}
.teammember-list h3 a { color:#000000;}
.teammember-list cite{ display:inline-block; font:400 15px 'Roboto'; color:#ffffff; background-color:#343434; padding:8px 20px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.teammember-list:hover cite { color:#ffffff; background-color:#e3a79f;}
.titledesbox{ padding:25px 10px 10px 10px;}
.member-social-icon{ position:relative;}
.member-social-icon a{ margin:0 5px 0 0; text-align:center; display:inline-block; font-size:12px; color:#ffffff; width:30px; height:30px; line-height:30px; visibility:visible;}
.member-social-icon a:hover{ color:#000000;}

/* = Section Fourth Categories
----------------------------------------------------------------*/
.treats { position:relative;}
.treatment-box { position:relative; width:20%; float:left; overflow:hidden;}
.treatment-box img { width:100%; height:auto; display:block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.treat-title { background-color:rgb(0,0,0,0.8); z-index:1; -webkit-transition-property: top, opacity; transition-property: top, opacity; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-delay: 0s; transition-delay: 0s; position:absolute; top:0; height:100%; width:100%;}
.treat-content { position:absolute; top:0; height:100%; width:100%; text-align:center; left:0; right:0; z-index:2; }
.treat-content h2 { margin:88% 0 0 0; font:700 26px 'Playfair Display'; color:#ffffff;}
.treatment-box:hover .treat-title {  position:absolute; top:-100%; width:100%; height:100%; left:0; right:0;}

/* = Section Fifth Special Gifts & Cards
----------------------------------------------------------------*/
.special { position:relative;}
.special .one_third { margin-right:0;}
.special-left { background-color:#f2f1f1; padding:56px 35px; margin-top:40px; width:25%; float:left;}
.special-left h2 { font:400 56px 'Playfair Display'; color:#0f0f0f;}
.special-left p { font:400 15px/25px 'Roboto'; color:#706f6f;}
.special-right { width:69%; float:right;}
.special-box { margin-top:40px; position:relative; background-size:cover !important;}
.spe-content { float:left; width:34%; padding:57px 0 59px 50px;}
.spe-content h2 { font:700 56px 'Playfair Display'; color:#0f0f0f;}
.spe-content p { color:#232323;}

/* = Section Sixth CSS Testimonial
-------------------------------------------------------------- */
.clientsay { position:relative;}
#clienttestiminials{ padding-bottom:40px;}
.client-right { width:65%; float:right; padding-bottom:40px;}
.clientsay #clienttestiminials .item { padding:0; margin-top:30px; position:relative; margin-right:15px;}
.clientsay #clienttestiminials .item .tmdesc { background-color:#ffffff; padding:30px 25px 30px;}
.clientsay #clienttestiminials .item .tmiteminner { padding-top:40px;}
.clientsay #clienttestiminials .item p { font:400 15px/25px 'Roboto'; color:#848383;}
.clientsay #clienttestiminials .tmthumb{ width:88px; height:88px; border-radius:50%; float:left;}
.clientsay #clienttestiminials .tmthumb img{ width:88px; height:88px; border-radius:50%;}
.clientsay #clienttestiminials .tmtitle { float:right; text-align:left; width:70%; margin-top:20px;}
.clientsay #clienttestiminials h6{ margin:0px 0 15px; text-transform:capitalize; font-size:17px; font-family:'Roboto'; color:#2e2e2e; font-weight:700;}
.clientsay #clienttestiminials h6 a{color:#2e2e2e;}
.clientsay #clienttestiminials span{ font:300 15px 'Roboto'; color:#797979; display:block;}
.triangle { position:relative; background-color:#ffffff; height:auto !important; width:100% !important;}
.triangle:after { content:''; position:absolute; top:100%; left:25px; right:0; width:0; height:0; border-top:solid 15px #ffffff; border-left:solid 13px transparent; border-right:solid 13px transparent;}
.owl-carousel .owl-controls .owl-dot { display:none;}
.client-right .owl-prev, .client-right .owl-next { width:45px; height:45px;}
.client-right .owl-prev { left:0; background-color:#1a1a1a;}
.client-right .owl-prev:hover { background-color:#e3a79f;}
.client-right .owl-next { left:6%; background-color:#e3a79f;}
.client-right .owl-next:hover { background-color:#1a1a1a;}
.client-right .owl-controls { bottom:-20%;}

/*testimonials*/
.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 16px/24px 'Roboto'; color:#333; }
.client-say .timthumb{ width:10%; float:left;}
.client-say .timthumb img{ height:100%; }
.client-say .tm_description{ width:87%; float:right;}
.client-say p{ margin-bottom:30px;}
.client-say h6{ color:#fff; margin:20px 0 0 0; text-transform:none; }

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}

#testimonials-widget h6{ margin-bottom:5px; text-transform:uppercase;}
#testimonials-widget p{ margin-bottom:15px;}

/* = Section Seventh Our Prices CSS
-------------------------------------------------------------- */
.prices { position:relative;}
.prices h2 { font:400 50px 'Playfair Display'; color:#0f0f0f; text-align:left; margin-bottom:50px;}
.price-row { background-color:#f2f1f1; border-bottom:2px solid #ffffff; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.price-row:hover { background-color:#e3a79f;}
.price-box { float:left; width:31%; text-align:left; padding:15px 10px 15px 30px;}
.price-box h3 { font:400 16px 'Playfair Display'; color:#2d2d2d; margin-bottom:0; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.price-box h4 { font:400 15px 'Roboto'; color:#2d2d2d; margin-bottom:0; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.price-box .fa { margin-right:7px;}
.price-box span { font:700 14px 'Roboto'; color:#2d2d2d; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.price-box.last { width:15%; float:right;}
.price-row:hover h3, .price-row:hover h4, .price-row:hover span { color:#ffffff;}
.prices .button { padding-left:30px; padding-right:30px; margin-top:65px;}

/* = Section Eighth Advertise CSS
----------------------------------------------------------------*/
.advertise { position:relative; text-align:center; padding:70px 0;}
.advertise h2 { font:700 54px 'Playfair Display'; color:#ffffff; text-transform:uppercase;}
.advertise h3 { font:400 24px 'Playfair Display'; color:#ffffff; text-transform:uppercase; margin-bottom:5px;}
.advertise .button { margin-top:40px;}

/* = Section Nineth CSS Latest News Blog
-------------------------------------------------------------- */
.latestnews { position:relative;}
.news-box{ position:relative; width:31%; margin:30px 3% 0 0; float:left; text-align:center;}
.news-box.last { margin-right:0;}
.news-box .news-thumb{ position:relative; overflow:hidden;}
.news-box .news-thumb img{ display:block; height:auto; width:100%; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.news-box:hover img { opacity:1; -webkit-transform:scale(1.08); transform:scale(1.08);}
.news-box:hover .news-thumb .overlay { opacity:1; width:100%; height:100%;}
.news-box:hover .news-thumb span { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:transform .5s ease, opacity 1.3s ease; transition:transform .5s ease, opacity 1.3s ease;}
.news-box .news-thumb .overlay { background:rgba(227,167,159, 0.8); position:absolute; margin:auto; width:0px; height:0px; top:0; right:0; bottom:0; left:0;  opacity:0; -webkit-transition:.4s ease; transition:.4s ease;}
.news-box .news-thumb span { color:#ffffff; font:700 20px 'Roboto'; text-align:center; position:absolute; margin:auto; width:200px; height:30px; line-height:30px; left:0; top:0; right:0; bottom:0; opacity:1; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:transform .5s ease, opacity .7s ease;  transition:transform .5s ease, opacity .7s ease;}
.news-box .newsdesc { padding:30px 20px; border:1px solid #f2f1f1; border-top:none;}
.news-box .newsdesc p { font:400 14px/25px 'Roboto'; color:#000000;}
.news-box h3{ padding:0; margin-bottom:15px; text-transform:capitalize; line-height:25px;}
.news-box h3 a{ color:#000000;}
h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}

/* ------------------ */
.post-title{ margin-bottom:0px; text-transform:capitalize;}
.post-title a{color:#444444;transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
.blog-post-repeat .postmeta, .blog-post-repeat-full .postmeta{ border-bottom:1px solid #e7e7e7; margin-bottom:15px; color:#444444; display:inline-block;}
.blog-post-repeat{ width:46%; float:left; margin:0px 33px 30px 0; padding-bottom:10px; position:relative;}
.blog-post-repeat a.ReadMore, .blog-post-repeat-full a.ReadMore { margin-top:0;}
.blog-post-repeat .post-thumb, .blog-post-repeat-full .post-thumb{ position:relative; overflow:hidden;}
.blog-post-repeat .post-thumb img, .blog-post-repeat-full .post-thumb img{ display:block; height:auto; width:100%; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}

.blog-post-repeat:hover img, .blog-post-repeat-full:hover img  { opacity:1; -webkit-transform:scale(1.08); transform:scale(1.08);}
.blog-post-repeat:hover .post-thumb .overlay, .blog-post-repeat-full:hover .post-thumb .overlay { opacity:1; width:100%; height:100%;}
.blog-post-repeat:hover .post-thumb span, .blog-post-repeat-full:hover .post-thumb span { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:transform .5s ease, opacity 1.3s ease; transition:transform .5s ease, opacity 1.3s ease;}
.blog-post-repeat .post-thumb .overlay, .blog-post-repeat-full .post-thumb .overlay { background:rgba(227,167,159, 0.8); position:absolute; margin:auto; width:0px; height:0px; top:0; right:0; bottom:0; left:0;  opacity:0; -webkit-transition:.4s ease; transition:.4s ease;}
.blog-post-repeat .post-thumb span, .blog-post-repeat-full .post-thumb span { color:#ffffff; font:700 20px 'Roboto'; text-align:center; position:absolute; margin:auto; width:200px; height:30px; line-height:30px; left:0; top:0; right:0; bottom:0; opacity:1; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:transform .5s ease, opacity .7s ease;  transition:transform .5s ease, opacity .7s ease;}

.blog-post-repeat:hover .post-thumb img, .blog-post-repeat-full:hover .post-thumb img{ opacity:1; -webkit-transform:scale(1.08); transform:scale(1.08);}
.blog-post-repeat .post-comment, .blog-post-repeat-full .post-comment{ padding-right:5px; margin-right:5px; border-right:1px solid #444444;}
.blog-post-repeat .post-content, .blog-post-repeat-full .post-content { padding:20px 15px 10px; text-align:center; border:1px solid #f2f1f1; border-top:none;}
.single-post .blog-post-repeat { width:100%; float:none; height:auto; margin-right:0;}
.blog-post-repeat p, .blog-post-repeat-full p { margin-bottom:10px;}
.blog-post-repeat.lastmar { margin-right:0;}
.blog-post-repeat-full { width:31%; float:left; margin:0px 40px 30px 0; padding-bottom:10px; position:relative;}
.blog-post-repeat-full.nomar { margin-right:0;}

/* = Section Tenth Products CSS
----------------------------------------------------------------*/
.pproducts { position:relative;}
.pproducts .woocommerce ul.products li.product { text-align:center; padding:0; width:21%; margin:30px 23px 0px !important;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-top:30px;}
.pproducts .woocommerce ul.products li.product h2, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font:400 22px 'Playfair Display'; color:#000000; margin:20px 0 15px; padding-top:0; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.pproducts .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { font:400 15px 'Roboto'; color:#ffffff !important; background-color:#343434; padding:10px 0; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.pproducts .woocommerce ul.products li.product:hover .price, .woocommerce ul.products li.product:hover .price { color:#ffffff; background-color:#e3a79f;}
.pproducts .woocommerce ul.products li.product:hover h2, .woocommerce ul.products li.product:hover h2 { color:#e3a79f;}

.pproducts .woocommerce ul.products li.product .top-triangle, .woocommerce ul.products li.product .top-triangle { position:relative; background-color:#343434; height:auto !important; width:100% !important; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.pproducts .woocommerce ul.products li.product .top-triangle:after, .woocommerce ul.products li.product .top-triangle:after { content:''; position:absolute; top:-56px; left:0; right:0; width:0; height:0; border-bottom:solid 10px #343434; border-left:solid 10px transparent; border-right:solid 10px transparent; margin:0 auto; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.pproducts .woocommerce ul.products li.product:hover .top-triangle, .woocommerce ul.products li.product:hover .top-triangle { background-color:#e3a79f;}
.pproducts .woocommerce ul.products li.product:hover .top-triangle:after, .woocommerce ul.products li.product:hover .top-triangle:after { border-bottom:solid 10px #e3a79f;}
 
.pproducts .woocommerce ul.products li.product .imagewrapper, .woocommerce ul.products li.product .imagewrapper{ position:relative; overflow:hidden;}
.pproducts .woocommerce ul.products li.product .imagewrapper img, .woocommerce ul.products li.product .imagewrapper img{ display:block; height:auto; width:100%; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; margin-bottom:0;}

.pproducts .woocommerce ul.products li.product:hover .imagewrapper .overlay, .woocommerce ul.products li.product:hover .imagewrapper .overlay { opacity:1; width:100%; height:100%;}
.pproducts .woocommerce ul.products li.product:hover .imagewrapper .span-cart, .woocommerce ul.products li.product:hover .imagewrapper .span-cart { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:transform .5s ease, opacity 1.3s ease; transition:transform .5s ease, opacity 1.3s ease;}
.pproducts .woocommerce ul.products li.product .imagewrapper .overlay, .woocommerce ul.products li.product .imagewrapper .overlay { background-color:rgba(227,167,159, 0.9); position:absolute; margin:auto; width:0px; height:0px; top:0; right:0; bottom:0; left:0;  opacity:0; -webkit-transition:.4s ease; transition:.4s ease;}
.pproducts .woocommerce ul.products li.product .imagewrapper .span-cart, .woocommerce ul.products li.product .imagewrapper .span-cart { color:#ffffff; font:700 20px 'Roboto'; text-align:center; position:absolute; margin:auto; width:200px; height:30px; line-height:30px; left:0; top:0; right:0; bottom:0; opacity:1; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:transform .5s ease, opacity .7s ease;  transition:transform .5s ease, opacity .7s ease;}

ul.products li a.add_to_cart_button, ul.products li a.added_to_cart{ position:absolute; left:0; right:0; display:table; margin:0 auto; opacity:0; -webkit-transition:transform .5s ease, opacity .7s ease;  transition:transform .5s ease, opacity .7s ease; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; border-radius:29px; text-transform:uppercase;}
ul.products li a.add_to_cart_button{ top:100px; font:700 12px 'Roboto'; color:#e3a79f; background-color:#ffffff; padding:12px 20px;}
ul.products li a.add_to_cart_button:hover { color:#ffffff; background-color:#343434; }
ul.products li a.added_to_cart{ top:160px; font:700 12px 'Roboto'; color:#ffffff; background-color:#343434; padding:12px 35px !important;}
ul.products li a.added_to_cart:hover { color:#e3a79f; background-color:#ffffff;}
ul.products li:hover a.add_to_cart_button, ul.products li:hover a.added_to_cart{ opacity:1; }
ul.products li a.button{ transform:none;}
ul.products li a.button:before { content:none; transition:none; transform:none;}
ul.products li a.button:hover:before, ul.products li a.button:focus:before, ul.products li a.button:active:before { transform:none;}

.wc-proceed-to-checkout a.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { transform:none; transition:none; border-radius:none; transition:transform .5s ease, opacity .7s ease; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.woocommerce .cart .button, .woocommerce .cart input.button { transition:transform .5s ease, opacity .7s ease; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.woocommerce-info::before, .woocommerce-message::before { color:#e3a79f;}
.woocommerce-info, .woocommerce-message { border-top-color:#e3a79f;}
.woocommerce form .form-row input.input-text { height:28px; padding-left:5px;}
.woocommerce .products .star-rating {display:block; margin:0 auto .5em; float:none; position:relative; top:-17px;}
.woocommerce .star-rating::before { color:#000000;}
.woocommerce .star-rating { color:#e3a79f;}
.woocommerce ul.products li.product .star-rating { font-size:15px;}
.woocommerce button.button { margin-top:10px;}
.woocommerce-account .woocommerce-MyAccount-navigation { width:25%;}
.woocommerce-MyAccount-navigation li { list-style:none; position:relative; padding:10px 5px 10px 15px; border-bottom:2px solid #000000;}
.woocommerce-MyAccount-navigation li a { font:400 14px/18px "Roboto"; color:#000000; }
.woocommerce-MyAccount-navigation li a:hover { color:#e3a79f;}
.woocommerce-MyAccount-navigation li:before { content:'\f101'; font-family:FontAwesome; position:absolute; left:0; top:10px;}
.woocommerce ul.products li.product .onsale { top:87%; right:72%; font:400 16px/28px "Roboto";}
.woocommerce span.onsale { border-radius:0; background-color:#e3a79f; min-width:70px; min-height:30px; line-height:30px;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:30%;}

/* Woocommerce Single Products */
.woocommerce div.product .product_title { background:none; font:400 30px 'Playfair Display'; color:#000000;}
.woocommerce div.product div.images .flex-control-thumbs li { margin:10px 5px 0 0; width:20%; border:1px solid #e3a79f;}
.woocommerce div.product p.price, .woocommerce div.product span.price { color:#e3a79f;}
.woocommerce div.product form.cart div.quantity { float:none; margin:10px 0;}
.woocommerce .quantity .qty {border:1px solid #000000; padding:2px 0px 2px 0;}

/* Sidebar Shop Page */
#sidebar .widget_shopping_cart_content ul li { list-style:none;}
.woocommerce a.remove { background-color:#f90303; color:#ffffff !important;}
.woocommerce a.remove.remove_from_cart_button { height:1.5em; width:0.5em; background-color:#f90303; color:#ffffff !important; left:0; right:0; text-align:center; padding:0px 6px 0 !important;}
/* Cart In Sidebar */
.woocommerce a.remove:hover { background-color:#000000; color:#ffffff !important;}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display:inline;}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-color:#000000; text-align:center; padding:10px 0;}
.woocommerce-mini-cart__buttons.buttons { text-align:center;}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width:35px; height:35px; padding:5px; border:1px solid #000000;}
.widget_shopping_cart_content { padding:15px 0;}
/* Filter By Price In Sidebar */
.price_slider_wrapper { padding:40px 0;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color:#e3a79f;}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color:#000000;}
/* Sidebar Prodcut Shop Page */
#sidebar .widget_content ul.product_list_widget li { list-style:none;}
#sidebar .widget_content ul.product_list_widget li span.product-title { font:700 16px 'Roboto'; color:#444444; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
#sidebar .widget_content ul.product_list_widget li span.product-title:hover { color:#e3a79f;}

/* = Section Eleventh Instagram CSS
----------------------------------------------------------------*/
.instagram { position:relative;}
.instafeed { width:20%; float:left; overflow:hidden; height:150px;}
.instafeed .insta-thumb{ position:relative; overflow:hidden; height:150px;}
.instafeed .insta-thumb img{ display:block; height:auto; width:100%; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.instafeed:hover img { opacity:1; -webkit-transform:scale(1.08); transform:scale(1.08);}
.instafeed:hover .insta-thumb .overlay { opacity:1; width:100%; height:auto;}
.instafeed .insta-thumb .overlay { background:rgba(0,0,0, 0.7); position:absolute; margin:auto; width:0px; height:0px; top:0; right:0; bottom:0; left:0;  opacity:0; -webkit-transition:.4s ease; transition:.4s ease;}


.instafeed:hover .insta-thumb span { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:transform .5s ease, opacity 1.3s ease; transition:transform .5s ease, opacity 1.3s ease;}
.instafeed .insta-thumb span { color:#ffffff; font:700 20px 'Roboto'; text-align:center; position:absolute; margin:auto; width:100%; height:auto; line-height:30px; left:0; top:36%; right:0; bottom:0; opacity:1; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:transform .5s ease, opacity .7s ease;  transition:transform .5s ease, opacity .7s ease;}

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#000000; position:relative; padding:50px 0 0; color:#979797; font:300 15px/26px 'Roboto';}
.cols-3{ width:25%; float:left; margin:0 3% 3% 0; position:relative;}
.cols-3 h5{ margin-bottom:20px; padding-bottom:15px; text-transform:capitalize; margin-top:20px;}
.cols-3 ul li { list-style:none; padding:3px 0px 3px 25px; display:block; position:relative;}
.cols-3 ul li:before { content:'\f054'; font-family:FontAwesome; position:absolute; left:0; font-size:12px; font-weight:300; color:#979797;}
.cols-3 ul li ul{ display:none;}
.cols-3 ul li a{ color:#979797; transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; text-transform:capitalize; font:300 15px/26px 'Roboto';}
.cols-3 ul li:first-child { padding-top:0;}
.widget-column-2 { width:15%;}
.widget-column-3 h5 { margin-bottom:12px;}
.widget-column-4 { margin-right:0; margin-bottom:0;}
.widget-column-4 .newsletter { position:relative;}
.widget-column-4 .newsletter input[type="email"] { width:260px; background-color:#080808; border:1px solid #0f0f0f; font:400 15px 'Roboto'; color:#979797; margin-right:0;}
.widget-column-4 .newsletter input[type="submit"] { position:absolute; top:0; right:0; background:url(images/footsub-bg.png) no-repeat center; font-size:0; width:50px; height:43px; padding:0;}

/*footer contact info*/
.contactdetail{ line-height:22px; margin-top:15px;}
.contactdetail .fa{ margin-right:15px; font-size:18px; color:#ffffff;} 
.contactdetail p{ margin-bottom:15px;}
.cols-3 .social-icons{ margin-top:20px;}
.cols-3 .social-icons a{ width:36px; height:36px; line-height:36px; margin:0 10px 10px 0; padding:0; color:#464545; display:inline-block; transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; text-align:center;}
.cols-3 .social-icons a:hover{ color:#ffffff;}
.cols-3 .social-icons .fa { margin-right:0; font-size:16px;}

/* Copyright Wrapper */
.copyright-wrapper { background-color:#0e0e0e; position:relative; font:400 14px 'Karla';}
.copyright-inner {padding:30px 0; width:1170px; margin:0 auto;}
.copyright-txt{float:left; font-weight:500; color:#ffffff;}
.designby{float:right; font-weight:500; color:#ffffff;}

/*= Contact Page CSS =*/
.contact_left{ float:left; width:65%; }
.contact_right{ float:right; width:30%;}
.contact_right .contactdetail { margin-top:0; padding:15px; color:#000000;}
.contact_right .contactdetail .fa { color:#000000;}

/* --------- Pages ------- */
.content-area{ padding:40px 0 40px;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:300px; float:right;}
.sidebar-left{ float:left !important;}
#sidebar .quotes h6 a { color:#ffffff;}
/*.sidebar-left #sidebar{ width:auto;}*/
.flotRight{ float:right !important;}
.entry-content .photobooth ul.portfoliofilter li a { color:#1b273d;}
.entry-content .photobooth ul.portfoliofilter li a.selected, .entry-content .photobooth ul.portfoliofilter li a:hover { color:#e3a79f;}
.entry-content .openhrs-box { padding:13px 0;}
.sitefull .entry-content .welcome, .sitefull .entry-content .prices { padding-bottom:40px;}
.sitefull .entry-content .port-gallery { padding:40px 0 20px;}

/*sidebar css*/
aside.widget{margin:30px 0; color:#000000;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:5px 15px; margin-bottom:-1px; color:#ffffff; border:2px solid #000000; font-size:16px; text-transform:uppercase; text-align:center;}
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}

#sidebar ul { padding:15px;}
#sidebar ul li{ list-style: disc inside ; border-bottom:1px dashed #1d1d1d; padding:8px 0 8px 0;}
#sidebar ul li a{ font:400 14px/18px "Roboto";  padding-left:15px; color:#000000; position:relative;}
#sidebar ul li a:hover{ color:#e3a79f;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar #testimonials { padding:15px;}
#sidebar .search-form input.search-field{ border:1px solid #000000; border-right:none; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; color:#000000 !important;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #212121; padding:12px 0 12px 0; font-size:0; width:20%; height:42px;float:right;transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}
#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ padding: 10px 0 10px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; list-style:none;}
#sidebar .widget_recent_entries li:first-child, #sidebar .widget_recent_comments li:first-child, #sidebar .widget_archive li:first-child, #sidebar .widget_categories li:first-child, #sidebar .widget_meta li:first-child{ padding-top:0; }
#sidebar .widget_categories li span { float:right; width:30px; height:30px; line-height:33px; text-align:center; background:transparent; border-radius:100%;}
#sidebar .widget_recent_entries li:hover, #sidebar .widget_recent_comments li:hover, #sidebar .widget_archive li:hover, #sidebar .widget_categories li:hover, #sidebar .widget_meta li:hover{ padding-left: 15px; }
#sidebar .widget_recent_entries li a:before, #sidebar .widget_archive li a:before, #sidebar .widget_categories li a:before, #sidebar .widget_meta li a:before{ content:'\f101'; font-family:FontAwesome; position:absolute; left:0; top:0; }
#sidebar .widget_tag_cloud a{ border:1px solid; text-transform:uppercase; font-size:15px !important; border-radius:3px; padding:8px 15px; margin-right:10px; display:inline-block; margin-bottom:10px; }
.widget_content { padding:0; }

/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto'; color:#444444;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ border:1px solid #cccccc; padding:5px 3px; margin-top:10px; font:13px arial; color:#444444;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url]{width:45.2%; border:1px solid #cccccc; padding:15px; float:left; margin:0 8px 10px 0px; color:#444444;}
#contactform_main input[type=email], #contactform_main input[type=url] { margin-right:0;}   
#contactform_main textarea{ width:95.7%; margin-right:0; height:130px; border:1px solid #cccccc; padding:15px; argin:0 8px 10px 0px; color:#444444;} 
#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:700 16px/24px 'Roboto'; text-transform:uppercase; cursor:pointer; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; /*margin-top:20px;*/}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #cccccc; padding:10px 15px; margin:0 8px 8px 0; color:#444444;}
.wpcf7 form textarea{ margin-right:0; height:130px;} 
iframe{ width:100%; display:block;}

/*default css*/
.error_msg{padding:10px; background:#5747cb; color:#ffffff; border:1px #5747cb solid; margin:15px 0;}
.success_msg{padding:10px; background:#5747cb; color:#ffffff; border:1px #5747cb solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#444444; color:#ffffff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#e3a79f; color:#ffffff;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{/*margin-bottom:20px;*/}
input.search-field, .post-password-form input[type=password], .wpcf7 form input[type="submit"]{border:1px #ffffff solid; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:10px 40px; cursor:pointer; }

.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}
.customtab{ margin-top:0px;}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);	clip:auto !important; color:#21759b;	display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px;	line-height:normal; padding:15px 23px 14px; text-decoration:none;	top:5px; width:auto; z-index:100000; /* Above WP toolbar. */}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#444444; padding:12px !important; display:inline-block; color:#fff; line-height:1; border-radius:3px;}
a.added_to_cart:hover{background:#e3a79f; color:#ffffff;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto'; color:#444444;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto'; color:#444444;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important; text-align:center;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background-color:#e3a79f; color:#ffffff; transform:none; transition:none;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color:#000000; color:#ffffff;}
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100% !important;}

/*post nav css*/
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; font:15px 'Roboto';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
/*back to top css*/
#top{ position:relative;}
#back-top {	position: fixed; bottom: 0px; right:10px;}
#back-top a {width:64px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase; text-decoration: none;color: #bbb;/* background color transition */ -webkit-transition:1s; -moz-transition:1s; transition:1s;}
#back-top span {width:64px;height:62px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center;/* background color transition */ -webkit-transition:1s; -moz-transition:1s; transition:1s; opacity:0.7;}
.slider-main{ min-height:498px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000}
.boxlayout .container{ padding:0 20px;}