/*
Theme Name: Classy Pro
Theme URI: https://gracethemes.com/themes/fashion-store-wordpress-theme/
Author: Grace Themes
Author URI: https://www.gracethemes.com/
Description: Classy is a visually stunning and impressive, beautiful and stylish, resourceful and fashion-minded, colorful and stylish, minimalistic and flexible, attractive and fast loading, trendy and appealing, rapidly responsive fashion store WordPress theme. It’s a perfect theme for online fashion stores, fashion portfolio, fashion blog and magazine, or fashion photographers. This fashion theme can also be used for businesses like clothing store, boutique, beauty parlor, cosmetic, saloon and fashion websites. This theme is specially designed to be an easy and user-friendly website building platform for webmasters that wants to create a professional and creative website for their business brand.  Demo: http://gracethemesdemo.com/classy/

Version: pro 1.0
License: GNU General Public License version 2
License URI: license.txt
Text Domain: classy-pro
Tags:one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,featured-images,theme-options,full-width-template,sticky-post,threaded-comments,translation-ready

Classy Pro WordPress Theme has been created by Grace Themes(gracethemes.com), 2019
Classy Pro WordPress Theme is released under the terms of GNU GPL
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,600,900');
@import url('https://fonts.googleapis.com/css?family=Assistant:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800');
*{ margin:0; padding:0; outline:none;}
*, *:before, *:after{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:border-box;
  box-sizing: border-box;
}

body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; line-height:24px; margin:0; padding:0;  font-size:16px; font-family: 'Assistant', sans-serif; background-color:#fff; color:#5c5c5c;}
.siteinnerpage{}
img{ margin:0; padding:0; border:none; max-width:100%;}
section img, img{max-width:100%; height:auto;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:400; }
h1{ font-size:36px; }
h2{ font-size:30px;}
h3{ font-size:18px; }
h4{ font-size:22px;}
h5{ font-size:20px; }
h6{ font-size:14px;}
.left{float:left;}
.right{float:right;}
blockquote{ background:url(images/icon_quote.png) no-repeat 20px 22px; padding:15px 15px 15px 60px !important; font-style:italic; color:#888; 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;}
a:hover{ text-decoration:none !important; outline:none !important;}
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;}
.textwidget select{ width:100%;}
table{ width:100%}
iframe{ width:100%;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100% !important;}
.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;}
.last{ margin-right:0 !important;}
.space40{ height:40px; clear:both;}
.subtitle{ text-align:left; color:#fff; margin-bottom:40px; text-align:center; padding:0 110px;}
.toggleMenu{display:none;}

/* = Default search form css
----------------------------------------------------- */
.searchbox{position:relative; min-width:35px; width:0%; height:40px; float:right; overflow:hidden;padding-left:20px; -webkit-transition: width 0.3s;    -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
.searchbox-input{top:0; right:0; border:0;outline:0;background:#ece8e8;width:100%;height:40px;margin:0;padding:0px 55px 0px 20px;font-size:13px;color:#7f7f7f;}
.searchbox-input::-webkit-input-placeholder{color:#7f7f7f;}
.searchbox-input:-moz-placeholder{color:#7f7f7f;}
.searchbox-input::-moz-placeholder{color:#7f7f7f;}
.searchbox-input:-ms-input-placeholder{color:#7f7f7f;}
.searchbox-icon, .searchbox-submit{width:35px;height:40px;display:block;position:absolute;top:0;font-size:22px;right:0;padding:0 !important;margin:0 !important;border:0 !important;outline:0;line-height:40px;text-align:center;cursor:pointer;color:#dcddd8;background:url(images/search-icon.png) no-repeat center center #34c6f6;}
.searchbox-open{ width:40%;}

/* = Default Button css
----------------------------------------------------- */
.custombtn{ margin-top:30px;}
.btnstyle2{ font-size:14px; border:1px solid #959595; color:#959595 ; padding:10px 40px; display:inline-block;  border-radius:25px; font-weight:600;}
.btnstyle2:hover{ border-color:#e73072; color:#e73072; }

.btnstyle1 { font-size:14px; margin: 10px 10px 10px 0; padding:12px 40px; text-align: center; background-color:#e73072; color: #fff; display: inline-block; font-weight:600;}
.btnstyle1:hover {background-color: #303030; color:#fff;}

.button{ background-color:#e73072; font-size:15px; color:#111; font-weight:400; padding:11px 30px; display:inline-block; border-radius:25px; text-transform:uppercase; }
.button:hover{ background-color:#111; color:#fff; }

/*Main style*/
body.home section{ padding:80px 0;}
h2.section_title{ font-weight:800; font-size:38px; margin-bottom:50px; position:relative; text-align:center; padding-bottom:25px; text-transform:uppercase; }
h2.section_title span{ color:#e73072;}
.sitewrapper .header.fixed{ width:100%;}
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000; position:relative; overflow:hidden; }
.boxlayout .footer{ padding:60px 20px 10px;}
.boxlayout .site-header.fixed{ width:auto;}
.header.fixed .header-top{ display:none;}

/*Header Info Bar CSS*/

.infobox{ display:inline-block; padding:8px 0; }
.infobox i{ margin:0 15px 0 0; color:#fff; }
.infobox span{ padding-right:20px;}

.sitewrapper {position:relative;}
#slider{ width:100%; margin:0; padding:0; position:relative;}
.logo {float: left; padding: 10px 0; width: 25%;position: relative;	text-align: left;}
.logo h1 { margin: 0; text-transform:uppercase;}
.logo a {color: #fff;}
.tagline{ font-size:13px; color:#828181; display:block; letter-spacing:1px;}
.header_contactbx{ float:right; text-align:right; }
.header-top{ background-color:#fff; color:#333; }



/* = social icons css
-------------------------------------------------------------- */
.site-header .social-icons { display:inline-block; padding:8px 0 0 0;}
.social-icons a{ width:35px; height:30px; line-height:25px; text-align:center;  vertical-align:middle; display:inline-block; padding:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#888888; }
.social-icons a:hover{ color:#fff; }
.social-icons br{ display:none;}
.container{ width:1170px; margin:0 auto; position:relative;}

.site-header.fixed{ position: fixed; top:0; z-index:999999; width:100%;}
.site-header.fixed .sitenav ul li ul li a{ padding-top:7px; padding-bottom:7px; }
.site-header{width:100%; z-index:9999; box-sizing:border-box; position: relative; }

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

.sitenav{ padding:0; position:relative; z-index:9999; display:inline-block; }
.sitenav ul {margin:0; padding:0; font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; }
.sitenav ul li{display:inline-block; position:relative;}
.sitenav ul li:last-child{border-right:none;}
.sitenav ul li a{ padding:35px 15px; display:block; text-align:center; text-transform:uppercase;}
.sitenav ul li ul li{ display:block; position:relative; float:none; top:1px; border-bottom:1px solid #ddd;}
.sitenav ul li ul li a{ display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;}
.sitenav ul li ul{ display:none; z-index:9999999; position:relative;}
.sitenav ul li:hover > ul{ display:block; width:200px; position:absolute; left:0; text-align:left; }
.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:0;}


/*dropdown arrow*/
.sitenav .menu li > a.parent {  padding-right: 2em; position: relative;}
.sitenav .menu li > a.parent::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #414141 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 0.3em;
    content: "";
    display: block;
    position: absolute;
    right: 0.8751em;
    top: 48%;
}
.sitenav .menu li ul li a.parent { padding-right: 0;}
.sitenav .menu li ul li a.parent::after { right: 0.8751em; top: 46%;}

/* = Header style 1 css 
-------------------------------------------------------------- */
.buynowbtn{ background-color:#e73072; padding:10px 30px; line-height:normal;position:absolute; right:0; top:25%; color:#ffffff; font-weight:bold; -webkit-border-radius: 30px; -moz-border-radius:30px; border-radius: 30px; }
/* = Header style 2 css 
-------------------------------------------------------------- */
.hdrstyle2{ position:relative; }
.hdrstyle2 .sitenav{ float:right;}
.header_top_strip{ background-color:#303030; color:#fff;}
.site-header.hdrstyle2.fixed .header_top_strip{ display:none;}


/* = Header style 3 css 
-------------------------------------------------------------- */
.hdrstyle3{ position:relative;}
.hdrstyle3 .header-mainmenu{ background-color:#fff; box-shadow:inset 1px 0px 6px 0 #ddd ;}
.hdrstyle3 .header-top{ padding:10px 0;}
.hdrstyle3 .social-icons{ float:left; width:25%; margin-top:18px;}
.hdrstyle3 .logocenter{ width:50%; float: left; text-align:center; }
.hdrstyle3 .logocenter h1{ font-weight:600; color:#fff; margin:0;}
.hdrstyle3 .sitenav{ display:inherit; text-align:center;}
.hdrstyle3 .sitenav ul li a{ padding:15px;}
.hdrstyle3 .sitenav ul li ul li a{ padding-top:7px; padding-bottom:7px;}

.site-header.hdrstyle3.fixed .header-top{ display:none;}

/* = innerbanner css 
-------------------------------------------------------------- */

.innerbanner{ text-align:center; }
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto; display:block;}

/* = Features page services on slider CSS 
-------------------------------------------------------------- */
#pagewrapper_first{ padding-bottom:0;}
.features_column{ width:32%; margin:0 2% 20px 0; float:left; text-align:center; position:relative; }
.features_column .imagebox{ height:275px; overflow:hidden; margin:0 auto; }
.features_column .imagebox img{width:100%; height:auto; min-height:100%; }
.features_column h3{ font-size:36px; font-weight:800; position:absolute; text-transform:uppercase; top:35%; left:0; right:0; text-align:center; margin:0 auto;}
.features_column h3 a{ color:#000;}

.features_column h3.titlebx1{ font-size:35px;}
.features_column h3.titlebx2{ font-size:50px;}
.features_column h3.titlebx3{ font-size:24px;}


.one_column{ width:40%; margin:0 auto !important; float:none;}
.one_column.last_column{ margin:0 auto !important}
.two_column{ width:47.5%;}
.four_column{ width:23.44%;}
.four_column h3{ font-size:22px !important;}

.five_column{ width:18.3%;}
.five_column .imagebox{ height:200px; }
.five_column .imagebox img{ min-height:200px;}
.five_column h3{ font-size:20px !important;}

.six_column{ width:15.8%; margin-right:1%;}
.six_column .imagebox{ height:175px; }
.six_column .imagebox img{ min-height:175px;}
.six_column h3{ font-size:18px !important;}

/* = Welcome Section css
-------------------------------------------------------------- */
#theme_welcome_section{ position:relative; background-color:#ffff;  }
.welcome_imgcolumn{ width:45%; margin:0; float:right; position:relative;}
.welcome_imgcolumn img{ width:100%; display:block; }
.welcome_contentcolumn h3{ font-size:33px; color:#111; font-weight:800; margin-bottom:40px; text-transform:uppercase;}
.welcome_contentcolumn h3 span{ font-size:70px; color:#e73072; display:block;}
.welcome_contentcolumn{ width:52%; margin:0; padding:0 0 10px; float:left; }
.welcome_contentcolumn p{ margin-bottom:0; line-height:28px; padding:0 0 40px 40px; border-left:1px solid #e73072;}
.welcome_contentcolumn .btnstyle1{ margin:0; font-size:17px; -webkit-border-top-right-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomright: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;}

/* = Our Services Section css
-------------------------------------------------------------- */
#servicespanel{ position:relative; padding:0;}
#servicespanel .container{ width:100%;}
.services_page_box{ background-color:#e73072; color:#fff; width:16.666%; float:left; margin:0; padding:60px 20px;  box-sizing:border-box; text-align: center; }
.services_page_box .thumbbx{ width:72px; height:72px; overflow:hidden; margin:0 auto; position:relative; }
.services_page_box .thumbbx img{ width:100%; height:auto; min-height:100%; display:block;  backface-visibility: hidden; transition: opacity 1s ease 0s, transform 2s ease 0s; }
.services_page_box h3{ font-size:18px; margin:15px 0 20px; }
.services_page_box h3 a{ color:#fff;}
.services_page_box p{ margin-bottom:30px;}
.services_page_box .pagemore{ margin:0; padding:8px 25px; text-align: center; color: #fff; display: inline-block; border:1px solid #fff; border-radius:5px;  }
.services_page_box:hover .pagemore{border-color: #111; color:#111;}
.services_page_box:hover h3 a {color:#111;}
.services_page_box.last_column{ background-color:#f14181; }
.column1{ width:100%; margin:0 auto !important; float:none;}
.column2{ width:50%;}
.column3{ width:33.333%;}
.column4{ width:25%;}
.column5{ width:20%;}

/* = Section title
---------------------------------------------------- */
#section1{ position:relative; }
h3.content_title{ font-size:45px; color:#353535; font-weight:800; margin:0 0 50px 0; position:relative; text-transform:uppercase;}

/* = Section 1 Teammember CSS
-------------------------------------------------------------- */
.teammember-list{ float:left; width:30.55%; margin:0 4% 0 0; position:relative; box-sizing:border-box; text-align:center;}
.teammember-list .thumnailbx{ height:400px; overflow:hidden; background-color:#e73072;}
.teammember-list .thumnailbx img{ vertical-align:middle; width:100%; height:auto; min-height:100%;}
.teammember-list span.title{ font-weight:600; color:#303030; font-size:20px; margin-bottom:0; position:relative; display:block; text-transform:uppercase;}
.teammember-list span.title a{ color:#303030; }
.teammember-list cite{ display:block; font-style:normal; margin:5px 0; color:#dc1d24; }
.titledesbox{ text-align:center; padding:25px 0 0; overflow:visible; }
.member-social-icon{ text-align:center; position: absolute; z-index:9999; display:inline-block; display:none; top:50%; left:0; right:0; }
.teammember-list:hover .member-social-icon{ display: block; }
.member-social-icon a{  background-color:#e7e7e7; margin:0 10px; text-align:center; display:inline-block; color:#4b4a4a; width:40px; height:40px; line-height:40px; }
.member-social-icon a:hover{ background-color:#dc1d24; color:#fff; }
.teammember-list:hover .thumnailbx img{ opacity:0.2;}


/* = Section 2 OUR LATEST VIDEO
----------------------------------------------------- */
#section2{ position:relative; color:#fff; font-size:20px; padding-bottom:40px;}
#section2 h2.section_title{color:#fff;}

.videobox{ position:relative; text-align:center; width:1070px; height:auto; display:block; overflow:hidden; box-shadow:0 10px 10px -10px #dedddd; margin:0 auto -250px auto; background-color:#fff; padding:40px; z-index:999;}
.videobox .playbtn{ background:url(images/playerbtn.png) no-repeat center top; position: absolute; width:80px; height:80px;  left:0; right:0; margin:0 auto; top:42%;}

/* = Section 3 Latesr news CSS
-------------------------------------------------------------- */
#section3{ padding-top:300px;}
.news-box{ margin:0 0 35px 0; position:relative; text-align:left; background-color:#fff;}
.news-box .news-thumb{ float:left; width:50%; height:450px; overflow:hidden; box-sizing:border-box; position:relative; background-color:#e73072;}
.news-box .news-thumb img{ display:block; width:100%; height: auto; display:block; min-height:100%; }	
.news-box:hover img { opacity:0.3;}	
.news-box h5{ font-size:20px; margin:10px 0 30px 0; line-height:28px; }
.news-box h5 a{ color:#303030; }
.news-box .newsdesc{ float:right; width:50%; padding:5%;}
.news-box .newsdesc p{ margin-bottom:40px;}
.news-box .postdate, .news-box .postauthor{ color:#111; display:inline-block; text-align:left; text-transform:uppercase; font-weight:600;}
.news-box .postdate a, .news-box .postauthor a{ color:#111; }
.news-box .catbox{ color:#e73072; float:right; text-align:right;}
.news-box:hover h5 a{ color:#e73072;}
.news-box.last { border-bottom:0 ; margin:0 ; padding:0 ;}
.news-box:hover .button{background-color: #111; color:#fff;}

.news-box.last .news-thumb{ float:right;}
.news-box.last .newsdesc{ float:left; text-align:right;}

/* = Section 4 Pricing CSS
-------------------------------------------------------------- */
#section4{ padding-bottom:0;}
#section4 .one_half{ margin-bottom:0;}
#section4 .one_half img{ display:block;}
.myservices{ position:relative; font-weight:600; background-color:#fff;}
.myservices:hover{ background-color:#e73072; color:#fff;}
.myservices.even{ background-color:transparent;}
.pricing-table br{ display:none;}
.myservices .smtitle, .myservices .time, .myservices .price{ display:inline-block; padding:10px 30px;}
.myservices i{ padding-right:5px; font-weight:300;}
.myservices .smtitle{ width:47%; text-align:left;}
.myservices .time{ width:25%; text-align:center;}
.myservices .price{ width:25%; text-align:right;}


/* = Section Testimonials CSS
-------------------------------------------------------------- */
#section5{ padding-bottom:0; position:static;}
#section5 h2.section_title, #section5 h2.section_title span{color:#fff;}
#clienttestiminials{ background-color:#fff; color:#555; padding:5%; margin:0 auto -60px auto; z-index:9999; display:block; position:relative; -webkit-box-shadow: 0 15px 15px -15px #ddd;  -moz-box-shadow: 0 15px 15px -15px #ddd; box-shadow: 0 15px 15px -15px #ddd; }
#clienttestiminials h6{ margin:0px; font-size:20px; color:#000; position:relative; text-align:right;}
#clienttestiminials cite{ color:#111; display:block; margin-top:5px; text-align:right; font-style:normal;}
#clienttestiminials .tmthumb{ float:left; margin:0 50px 0 0; width:200px; height:200px;  overflow:hidden;  border-radius:100%; }
#clienttestiminials .tmthumb img{ width:100%; height:auto; min-height:100%; }
#clienttestiminials .item{ width:100%; margin:0 auto; position:relative; }
#clienttestiminials .item p{ padding-top:40px; font-size:18px; line-height:26px;}
#clienttestiminials .tmnldesc{ width:55%; float:left;}
#clienttestiminials .tmnltitlebx{ padding-top:6%;}
#clienttestiminials .owl-controls .owl-dots{ right:3%; bottom:17%; left:auto;}

/* = Section7 Counter
-------------------------------------------------------------- */
#section6{ padding-top:130px; padding-bottom:20px;} 

/* = Homepage Contact CSS
-------------------------------------------------------------- */
#section7{ padding:0;}
#section7 .container{ width:100%;}
.fashiontrendwrap{ position:relative; text-align:center;}
.fashion_imgbx{ background-color:#e73072; box-sizing:border-box; text-align:center; height:340px; overflow:hidden;}
.fashion_imgbx img{ width:100%; display:block; height:auto; min-height:100%;}
.fashion_contentbx{ position:absolute; padding:10px; left:auto;right:auto; top:40%; width:100%; text-align:center;}
.fashiontrendwrap:hover .fashion_imgbx img{opacity:0.3;}
.fashion_contentbx h3{ font-size:22px; color:#fff; font-weight:600; text-transform:uppercase; margin-bottom:10px;}
.fashion_contentbx span{ color:#fff; display:block; }


/*contact page CSS*/
.contactpanel .m-add-info{margin:0 0 10px 0;}
.contactpanel .m-add-info p{margin:0;}
.contactpanel .m-add-info i{ float:left; font-size:18px; margin:5px 0 0 0;}
.contactpanel .m-add-info h5{ display:block; font-weight:600; font-size:15px; margin:0 0 5px 0}
.contactpanel .m-addbox{ padding-left:35px; font-size:18px;}

.contactpanel .wpcf7{ background-color:#fff; border:10px solid #f7f7f9; box-shadow:0 0 1px #9c9c9c; padding:25px;}
.contactpanel .wpcf7 form input[type="text"], 
.contactpanel .wpcf7 form input[type="email"], 
.contactpanel .wpcf7 form input[type="tel"], 
.contactpanel .wpcf7 form textarea{ background-color:#fff; color:#111; width:100%; border:1px solid #eaeaea;  }
.contactpanel .wpcf7 form input[type="submit"] { width:auto; padding:15px 40px; border-radius:25px; font-weight:600; }

/* = Page Layout CSS
-------------------------------------------------------------- */
.content-area{ padding:50px 0 30px;}
.site-main{ width:790px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:300px; float:right; }
.sidebar-left{ float:left !important;}
.flotRight{ float:right !important;}
/*sidebar css*/
aside.widget{ background-color:#fff; margin-bottom:30px; padding:20px; box-shadow:0 0 10px #ddd;}
aside.widget ul{ list-style:disc inside; }
h3.widget-title{ font-weight:400; padding:15px; margin:-20px -20px 15px; color:#fff; font-size:22px; position:relative; background-color:#e73072; }

h3.widget-title:after {
	top: 100%;
	left:4%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #e73072;
	border-width:10px;
	margin-left:-10px;
}



#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 li{ border-bottom:1px solid #ddd; list-style:none; margin-bottom:2px; padding:7px 10px 7px 0; -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
	
#sidebar ul li:hover{padding-left:5px;}
	
#sidebar ul li::before {content: "\f2f5"; font-family: 'Font Awesome 5 Solid'; color:#e73072; margin-right:15px;}	
	
#sidebar ul li a{ color:#3b3b3b; }
#sidebar ul li a:hover{ color:#34c6f6;}
.nosidebar{ float:none !important; margin:0 auto;}

#sidebar ul li:last-child{ border:none;}

#sidebar .search-form input.search-field{ background-color:#fff; width:80%; padding: 11px 15px; box-sizing:border-box;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #f56c6d; padding: 12px 0 12px 0; font-size:0; width:20%; height:41px; float:right;}

.innerpagehdr{ background-color:#fff; margin:-90px 0 50px 0; padding:25px; position:relative; z-index:9; box-shadow:0 0px 8px rgba(0, 0, 0, 0.08);}

.innerpagehdr h1{ margin-bottom:0 !important;}

/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; }
.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{ background-color:#f1f1f1; border:1px solid #eed2bb; padding:5px 3px; margin-top:10px; font:13px arial; color:#777777;}
.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], #contactform_main textarea{width:100%; border:1px solid #E8E8E8; padding:15px; margin:0 0 8px 0;}   
#contactform_main textarea{ width:100%; margin-right:0; height:130px;} 
#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:400 20px/24px; text-transform:uppercase; cursor:pointer; border-radius:5px; }
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #e8e8e8; padding:15px; margin:0 8px 8px 0;  }
.wpcf7 form textarea{ margin-right:0; height:130px;} 

/*Reservation form css*/
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ width:90%; background-color:#fff; color:#a0a0a0; padding:10px 15px; }
.wpcf7 form{ margin-bottom:6px;}
.wpcf7 form input[type="submit"] { font:400 20px/24px; text-transform:uppercase; cursor:pointer; width:30%; }

.contact_left{ float:left; width:65%; }
.contact_right{ float:right; width:30%;}
.contact_right h3{ margin-bottom:15px;}
h3.post-title{ margin-bottom:0px; font-weight:600; font-size:20px;}
h3.post-title a{ color:#777777;}
h3.post-title a:hover{ color:#e73072;}

.blog-post-repeat { padding:25px; box-shadow:0 0 10px #ddd;  margin-bottom:50px; }


.blog-post-repeat .postmeta{margin-bottom:0; display:table; font-size:14px;}
p.read-more a{ background-color:#ff6565; color:#fff; text-align:center; padding:5px 15px; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
p.read-more a:hover { background-color:#34c6f6;}
.blog-post-repeat .post-thumb img{ margin-bottom:15px; height:auto;}
.single .blog-post-repeat .post-thumb img{ /*float:left;*/ margin:0 0 10px 0;}

/*Blog Right Sidebar*/
.blogrightsidebar{ position:relative;}
.blogrightsidebar .post-thumb{  background-color:#e73072; width:35%; float: left; margin:0 30px 0 0; height:230px; overflow:hidden;}
.blogrightsidebar .post-thumb img{ width:100%; height:auto; min-height:100%;}
.blogrightsidebar .post-thumb:hover img{opacity:0.3;}
.blog-post-repeat .blogfooter{ display:block;}

/*Blog Grid Layout CSS*/
.bloggridlayout{ position:relative; width:100% !important; float:none;}
.bloggridlayout .blog-post-repeat{ background-color:transparent; padding:0; border:0; width:30%; float:left; display:inline-block; margin:0 3% 35px 0; box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);border:1px solid rgba(0, 0, 0, 0.04); vertical-align:top;}
.bloggridlayout .post-thumb{ background-color:#e73072; width:100%; float: none; margin:0; height:230px; overflow:hidden;}
.bloggridlayout .post-thumb:hover img{opacity:0.3;}
.bloggridlayout .post-thumb img{ width:100%; height:auto;}
.bloggridlayout .blogfooter{ display:block;}
.bloggridlayout .blog-post-repeat .postmeta{ margin-bottom:0;}
.bloggridlayout .entry-header{ padding:20px;}
.bloggridlayout .entry-summary{ padding:0 20px;}
.bloggridlayout h3.post-title a{ color:#555; font-weight:400;}

/*default css*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 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:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

h1.entry-title{font-weight:600; font-size:30px; margin-bottom:40px; position:relative;}
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:10px;}
input.search-field, .post-password-form input[type=password], .wpcf7 form input[type="submit"]{border:1px #eee solid; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:7px 15px; cursor:pointer; }
#contactform_main p{ margin-bottom:0;}
.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;}


/* 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:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
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 Condensed',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important; font-size:15px; text-align:center; padding-bottom:25px; margin-bottom:0 !important}
h1.product_title, p.price{margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto Condensed',san-serif; color:#ff6d84;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}
.woocommerce ul.products li.product .price del{ display:inline-block;}
.woocommerce ul.products li.product h3{ font-size:18px; position:relative; padding-bottom:15px; margin-bottom:10px;}
.woocommerce ul.products li.product h3::after{ content:""; position:absolute; width:50px; height:1px; background-color:#555; bottom:0; left:0; right:0; margin:auto;}
.woocommerce ul.products li.product{  position:relative; }
.woocommerce ul.products li.product .product-imgbox{ background-color:#e73072; height:300px; overflow:hidden;}
.woocommerce ul.products li.product .product-imgbox img{ min-height:100%;}
.woocommerce ul.products li.product:hover img{ position:relative !important; opacity:0.2;}
.woocommerce .quantity .qty{ padding:7px;}
.woocommerce-Price-amount.amount{ font-size:18px !important; }
.woocommerce ul.products li.product:hover .woocommerce-Price-amount.amount{ color:#111;}
.home .woocommerce ul.products li.product .price ins{ text-decoration:none !important}
.woocommerce div.product .product_title{ padding-bottom:20px !important;}
.woocommerce div.product form.cart{ margin-top:15px !important;}

.woocommerce ul.products li .product_type_simple{ position:absolute; opacity:0; top:40%; left:50%; transform:translateX(-50%);  margin:0 auto !important; text-align:center; color:#161616 !important;  background:#ffffff !important; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; padding:15px  15px!important; display:table!important; }
.woocommerce ul.products li:hover .product_type_simple{opacity:1; transition:all .5s ease 0; }
.woocommerce ul.products li.product a img { min-height:223px; margin:0;}
.woocommerce ul.products li .woocommerce-loop-product__title{ font:600 17px/24px 'Roboto'; text-align:center; padding:0 !important; position: relative; color:#1f1f1f;}
.home .woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .price del{ display:none;}
.home .woocommerce ul.products li.product .price{ position:absolute; bottom:0%; left:0; right:0; display:none;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{ text-align:center; margin-top:20px; }
.woocommerce ul.products li.product .star-rating{ display:none;}

.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100%;}
.woocommerce .panel{ height:auto}


/*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-size:15px;}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }

.space{ clear:both; min-height:10px;}
.themefeatures{ text-align:center;}
.skills-wrap{ width:60%; margin:0 auto; text-align:center;}


.sitefull .fourcol .entry{ width:24%;}
.slider-main{ min-height:260px; overflow:hidden; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}


/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#2b2a28; position:relative; color:#ababab; }
.footer{ padding:80px 0 50px;}
.footer h5{ font-weight:600; margin-bottom:35px; }
.footer ul li{ list-style:none;  }
.footer ul li:last-child{ border:none; }
.footer ul li a{ padding:5px 0 5px 0; display:block; color:#ababab; position:relative; }
.footer ul li a:hover, .footer ul li.current_page_item a{ color:#f56c6d;}
.footer ul li:last-child a{ border-bottom:none;}



.contactdetail{ line-height:22px; margin-top:30px; } 
.contactdetail i { margin-right:20px; font-size:16px;}
.contactdetail p{ margin-bottom:10px;}
.contactdetail span{ display:inline-block; color:#fff; padding-bottom:5px; width:80px; } 


/*Footer Manageable css*/
.cols-1 .widget-column-1{ width:100%; float:none; text-align:center;}
.cols-1 .widget-column-1 ul li{ display:inline-block; border:none;}
.cols-1 .widget-column-1 ul li a{ padding:0 15px; height:12px; line-height:10px; display:block; background:none;}
.cols-1 .widget-column-1 ul li:last-child a{border:none;}

.cols-2 .widget-column-1{width:40%; float:left; margin:0 20% 0% 0; line-height:28px; }
.cols-2 .widget-column-2{width:40%; float:left; margin-right:0px; position:relative; }
.cols-2 h5{ font-size:45px !important; text-transform:uppercase;}
.cols-2 .contactdetail{ margin-top:60px; font-size:24px; font-weight:600;}
.cols-2 .contactdetail p{ margin-bottom:30px;}
.cols-2 .contactdetail i{ font-size:26px;}
.addressbx{ background-color:#e73072; padding:30px; top:40%; width:60%; position:absolute; color:#fff; margin-left:-80px;}
.addressbx h3{ font-size:20px; font-weight:600; text-transform:uppercase;color:#fff;}

.cols-3 .widget-column-1{width:29%; float:left; margin:0 6% 0 0;}
.cols-3 .widget-column-2{width:29%; float:left; margin:0 6% 0 0; }
.cols-3 .widget-column-3{width:29%; float:left; margin-right:0px;}

/* footer 4 column css*/
.cols-4 .widget-column-1{ width:25%;  float:left; margin:0 3% 0 0; }
.cols-4 .widget-column-2{ width:15%;  float:left; margin:0 3% 0 0;}
.cols-4 .widget-column-3{ width:28%;  float:left; margin:0 3% 0 0; }
.cols-4 .widget-column-4{ width:23%;  float:left; margin-right:0;}

/*footer recent post*/
ul.recent-post{ margin:0px; padding:0px; list-style:none;}
ul.recent-post li{ display:block; line-height:18px; margin-bottom:20px; list-style:none; min-height:100%; }
ul.recent-post .footerthumb{ width:20%; height:auto; overflow:hidden; float:left; margin:0 5% 0 0;}
ul.recent-post .footerthumb a{ padding:0;}
ul.recent-post li img { width:100%; height:auto; margin-top:4px;}
ul.recent-post li h6 {font-size:15px; line-height:18px; margin-bottom:10px; }
ul.recent-post li h6 a {color:#fff; padding:0; margin:0; background:none; }
ul.recent-post li a:hover { text-decoration:none;}
ul.recent-post li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}
ul.recent-post span{ color:#e73072;}
p.shortdesc{ margin-bottom:40px;}

.copyright-wrapper { color:#fff; position:relative; text-align:center; background-color:#222120; padding:20px 0; }
.copyby{ float:left;}
.design-by{ float:right; }


#footer-wrapper .social-icons{ margin-top:0; display:inline-block;}
#footer-wrapper .social-icons a{ width:45px; height:45px; line-height:45px; margin:0 5px 5px 0; padding:0; color:#fff; display:inline-block; border:1px solid #fff; border-radius:50%; }
#footer-wrapper .social-icons a:hover{ background-color:#fff;  color:#fff; }


/*time table css*/
.officehours{ padding-bottom:15px; border-bottom:1px solid #454545; margin-bottom:15px;}
.officehours:last-child{ border:none;}
.officehours .day{float:left; width:50%; }
.officehours .time{ float:left; }
.officehours i{ font-size:14px;  float:left; margin:4px 10px 0 0 }

/*back to top css*/
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:50px;}
#back-top a {width:64px;	display: block;	text-align: center;	font: 11px/100% Arial, Helvetica, sans-serif;	text-decoration: none;color: #bbb;	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top span { width:42px;height:42px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;opacity:0.5;
}