/*
Theme Name: Engage Pro
Theme URI: https://alexathemes.net/themes/wedding-wordpress-theme/
Author: AlexaThemes
Author URI: https://www.alexathemes.net/
Description: Special moments deserve a special WordPress theme hence we create a beautiful and elegant wedding WordPress theme called engage. This theme is completely packed with lots of theme options like colors, fonts, sections, bride and groom stories, slider settings and more. This beautiful wedding WordPress theme comes with the many page template such as right sidebar, left sidebar, no sidebar, full width and more so you can make inner pages of your website according to your requirement and style. In this wedding WordPress theme you can change almost everything from logo to footer area. Easy to manage theme options allow to change and modify your theme completely. This wedding WordPress theme is fully responsive and nicely perform on mobile, tab and desktops.  
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: engage
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

Engage Pro WordPress Theme has been created by AlexaThemes(alexathemes.net), 2019.
Engage Pro WordPress Theme is released under the terms of GNU GPL
*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus{outline:none;}
body{box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; margin:0; padding:0; color:#8f8985; font:400 15px/26px 'Roboto Slab'; background-color:#ffffff;}
img{ margin:0; padding:0; border:none;}
.bypostauthor{ margin:0; padding:0;}
section img, img{ width:100%; height:auto; display:block; }
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:700; }
h1{ font-size:32px;}
h2{ font-size:25px;}
h3{ font-size:22px;}
h4{ font-size:19px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
.left{float:left;}
.right{float:right;}
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left p, blockquote.align-right p { margin-bottom:0;}
blockquote.align-left{ padding:10px 20px; text-align:left; border-left:5px solid #382d44; color:#382d44; margin-bottom:20px; font-weight:400; font-size:15px; line-height:30px; font-family:'Roboto Slab'; font-style:italic;}
blockquote.align-right{ padding:10px 20px; text-align:right; border-right:5px solid #382d44; color:#382d44; margin-bottom:20px; font-weight:400; font-size:15px; line-height:30px; font-family:'Roboto Slab'; font-style:italic;}
hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; }
p{ margin:0; padding:0;}
a{ text-decoration:none; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; }
a:hover{ text-decoration:none; }
a:focus{ outline:none; }
ul{ list-style:none; margin:0; padding:0;}
iframe{ width:100%; display:block; margin: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 { float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:100%; }
.alignright, img.alignright { float: right; margin-left:15px; height:auto; width:100%; margin-bottom:15px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width:100%;}
.comments-area{ margin-bottom:15px; margin-top:30px;}
.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;}
#lastcols{ margin-right:0 !important; }
.toggleMenu{display:none;}
section{ padding:70px 0; position:relative; }
.boxlayout .header .container{ width:100%; }
.container{ width:1170px; margin:0 auto; position:relative;}
.full-container{ width:100%; position:relative;}
.no-padding{ padding:0 !important; }
.full-container .one_half{ margin-bottom:0 !important;}

/*===============================================
** Responsive Header Css
*===============================================*/
.header-responsive{ display:none; }

/*===============================================
** Sticky Header Css
*===============================================*/
.engage-sticky-header{ background-color:#000000; width:100%; box-shadow:0 1px 10px rgba(0, 0, 0, .2); padding:0 30px; position:fixed; top:-300px; -webkit-transition:all .3s; transition:all .3s; z-index:30000; padding:8px 0; }
.engage-sticky-header.show{ top:0; transition-delay:.3s; }
.engage-sticky-header .sticky-left{ float:left; width:10%; }
.engage-sticky-header .sticky-left .logo { width:100%;}
.engage-sticky-header .sticky-right{ float:right; position:relative; top:8px;}
.engage-sticky-header .sticky-right .sitenav { width:100%;}
.engage-sticky-header .sticky-right .sitenav ul{ border:none; }
.engage-sticky-header .sticky-right .sitenav ul li a{ border:none; padding:12px 20px; }
.engage-sticky-header .sticky-right .sitenav ul li a.parent:before{ top:37%; }
.engage-sticky-header .sticky-right .sitenav ul li:hover > ul{ top:100%; }
.engage-sticky-header .sticky-right .sitenav ul li:hover ul li:hover > ul { top:0; padding-top:0;}
.boxlayout .engage-sticky-header { left:0; right:0; width:1210px; position:fixed; margin:0 auto;}

/*===============================================
** Header Css
*===============================================*/
.header-main{ position:relative; width:100%; }
.header .container { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:center; }
.header{ position:relative; background-color:#ffffff;}

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ width:25%; position:relative; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; text-transform:capitalize; margin-right:auto;}
.logo img{ width:auto; height:auto; display:block;}
.logo h1{ margin:0; font:400 35px/38px 'Alex Brush'; color:#ee0548; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-transform:capitalize;}
.logo a{ display:block; }
.logo p{ color:#ffffff; display:block; font:700 13px 'Roboto Slab'; margin:0; }

/*===============================================
** Navigation Css
*===============================================*/
.toggle{ display: none; position: relative; margin:0; text-transform:uppercase; font-weight:700; }
.toggle a{ width:auto; padding:28px 25px; text-align:left; border-left:1px solid #ccc; color:#787878; }
.toggle a:before{ content:'\f0c9'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; top: 15px; font-size: 28px; left: 14px; }

.sitenav{ position:relative; width:75%; text-align:right;}
.sitenav ul {margin:0; padding:0; font-family:'Roboto Slab'; font-size:13px; font-weight:400; text-transform:uppercase; display:inline-block;}
.sitenav ul li{ display:inline-block; position:relative; line-height:normal; }
.sitenav ul li a{ padding:41px 25px 41px; display:block; text-align:center; color:#382d44; position:relative; }
.sitenav ul li a span{ display:block; }

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li.current_page_item a, .sitenav ul li a:hover{ color:#ee0548;}
.sitenav ul li a.parent:before{ content:'\f107'; position:absolute; right:10px; top:45%; font-family:'Font Awesome 5 Pro'; font-weight:400; font-size:14px; }

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul{display:none; z-index:9999; position:absolute; left:-9999px; border:none; }
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:auto; top:100%; text-align:left; -ms-animation: fadeInUp .3s ease-in-out; -webkit-animation: fadeInUp .3s ease-in-out; animation:fadeInUp .3s ease-in-out; padding:0;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; line-height:18px; margin-left:0; margin-right:0; }
.sitenav ul li ul li a{display:block; padding:10px 10px 10px 25px; position:relative; top:0; text-align:left; }
.sitenav ul li ul li a.parent:before{ content:'\f105'; position:absolute; right:12px; top:9px; font-family:'Font Awesome 5 Pro'; font-weight:400; font-size:14px;}

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:-1px; -ms-animation: fadeInRight .3s ease-in-out; -webkit-animation: fadeInRight .3s ease-in-out; animation:fadeInRight .3s ease-in-out; }

/*===============================================
** Slider Css
*===============================================*/
.boxlayout .nivo-caption { bottom: 40%; width: 76%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
#slider:before{ background-color:rgba(0,0,0,0.3); content:''; position:absolute; left:0; right:0; z-index:6; width:100%; height:100%; }
.slider-main{ min-height:auto; position:relative; background-image:url(images/loading.gif); background-repeat:no-repeat; background-position:center center; }
.boxlayout .slider-main{ min-height:500px; }
#slider a.button{ margin-right:20px; }
.boxlayout .slider-main .nivo-controlNav{ bottom:16%; }

/*===============================================
** Social Icons Css
*===============================================*/
#sidebar .social-icons{ text-align:center; }
.social-icons a{ width:40px; height:40px; line-height:30px; display:inline-block; padding:0; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; font-size:15px; color:#382d44; border:4px double #382d44; position: relative; margin:0 3px; text-align:center; border-radius:50%; }
.social-icons a:hover { color:#ee0548; border-color:#ee0548;}
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.button{ font-family:'Roboto Slab'; font-size:15px; font-weight:700; text-transform:uppercase; padding:18px 45px; margin-bottom:4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; background-color:#382d44; position: relative; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; border-radius:40px; }
a.button::before {content:'\f30b';position:absolute; right:15px; top:16px; font-family:'Font Awesome 5 Pro'; color:#ffffff; font-weight:400; font-size:21px;}
a.button span{ display:block; }
a.button:hover{ background-color:#ee0548; color:#ffffff; }

a.buttonstyle1{ text-transform:uppercase; color:#382d44; border:2px solid #382d44; padding:12px 25px; font:700 12px/18px 'Roboto Slab'; display:inline-block; letter-spacing:1px; border-radius:30px;}
a.buttonstyle1:hover{ border-color:#ee0548; color:#ee0548; }

a.sliderbtn{ font-family:'Roboto Slab'; font-size:12px; font-weight:400; text-transform:uppercase; padding:12px 30px; line-height: 1; display: inline-block; text-align: center; border:5px double #ffffff; color:#ffffff; border-radius:30px; position: relative; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
a.sliderbtn:hover{ color:#ee0548; border-color:#ee0548; }

.custombtn{ margin-top:60px;}

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:center; margin-bottom:40px; }
h2.section_title{ font:400 55px/42px 'Alex Brush'; color:#382d44; position:relative; text-transform:capitalize; margin:0 auto 10px; padding-bottom:40px; letter-spacing:1px; display:table; }
h2.section_title::before { content:''; position:absolute; left:0; right:0; bottom:0; width:124px; margin:0 auto; height:30px; background:url(images/title-img.png) no-repeat;}
h4.section_title_small{ display:inline-block; font-family:'Roboto Slab'; color:#ee0548; font-size:15px; text-transform:uppercase; font-weight:400; line-height:1;}
.section_head p{ margin:0 auto; width:60%; line-height:26px; }
.full-container .section_head p{ width:42%; }

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay::before{ content:''; width:100%; height:100%; background-color:rgba(56,45,68,0.8); position:absolute; top:0; left:0; }
.sec-overlay h1, .sec-overlay h2, .sec-overlay h3, .sec-overlay h5, .sec-overlay h6, .sec-overlay p, .sec-overlay h2.section_title{ color:#ffffff; }
.sec-overlay h4 { color:#ee0548;}
.sec-overlay h2.section_title:before{ background:url(images/title-img-2.png) no-repeat; }

/*===============================================
** Section Shortcode Css
*===============================================*/
.section-content{ background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; }

/*===============================================
** Grid Columns Css
*===============================================*/
.grid-col-two, .grid-col-three, .grid-col-four{ float:left; }
.grid-col-two{ width:48%; margin-right:4%; margin-top:30px; }
.grid-col-three{ width:32%; margin-right:2%; margin-top:30px; }
.grid-col-four{ width:23.5%; margin-right:2%; margin-top:30px; }

/*===============================================
** Section One : When Love Arises
*===============================================*/
.wedimg-box { position:relative;}
.wedimg-box::before { content:''; position:absolute; right:-114px; top:15%; width:180px; height:91px; background:url(images/couple-img.png) no-repeat; z-index:1; }
.wedding-box { text-align:center; padding:10px 50px 35px; position:relative; width:75%; margin:0 auto;}
.wedding-thumb { width:250px; height:250px; margin:0 auto; margin-bottom:30px; background-size:cover; display:block; border-radius:50%; background-position:center;}
.wedding-content { position:relative;}
.wedding-content h2 { position:relative; margin-bottom: 45px;
padding-bottom: 10px;}
.wedding-content h2::before { content:''; position:absolute; bottom:-35px; left:0; right:0; width:220px; height:32px; margin:0 auto; background:url(images/begins-img.png) no-repeat;}
ul.social-wedding { position:relative; display:inline-block; background-color:#f1f1f1; padding:0 10px; margin-top:25px;}
ul.social-wedding li { float:left; margin:0 5px; text-align:center; list-style:none;}
ul.social-wedding li a { width:40px; height:40px; line-height:30px; border-radius:50px; font-size:15px; color:#382d44; border:5px double #382d44; display:block;}
ul.social-wedding li a:hover { color:#ee0548; border-color:#ee0548;}

/*===============================================
** Section Two : Countdown
*===============================================*/
#wedding-countdown{ text-align:center;}
.countdown-box { width:20%; float:left; font:400 50px 'Roboto Slab'; color:#ffffff; position:relative; text-align:center;}
.countdown-box::before { content:''; position:absolute; width:106px; height:15px; left:0; right:0; top:60%; margin:0 auto; background:url(images/countdown-img-btm.png) no-repeat;}
.countdown-box span{ display:block; margin-top:10px; padding-top:15px; font:400 25px 'Alex Brush'; text-transform:capitalize; font-weight:normal; color:#ffffff;}

/*===============================================
** Section Three : Engage Story
*===============================================*/
.main-timeline{ position:relative;}
.main-timeline:before{ content:''; height:105%; width:1px; border-left:2px solid #382d44; position:absolute; left:50%; top:0;}
.main-timeline .timeline{ margin-bottom:10%; padding:0; position:relative; z-index:1;}
.main-timeline .timeline:before, .main-timeline .timeline:after{ content:'\f004'; font-family:'Font Awesome 5 Pro'; height:40px; width:40px; line-height:40px; font-size:18px; background-color:#382d44; color:#ffffff; border-radius:50%; position:absolute; left:48.5%; top:42%; z-index:-1; text-align:center; font-weight:700; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; z-index:2;}
.main-timeline .timeline:hover::before, .main-timeline .timeline:hover::after { background-color:#ee0548; color:#ffffff;}
.main-timeline .timeline-content{ display:block;}
.main-timeline .timeline-content:hover{ text-decoration:none;}
.main-timeline .timeline-content:after{ content:''; display:block; clear:both;}
.main-timeline .box-content{ display:inline-block; float:left; width:40%; position:relative; text-align:right; background-color:#ffffff; padding:2%; border-radius:5px; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; z-index:2;}

.main-timeline .title{ text-transform:capitalize; margin:0 0 15px 0;}
.main-timeline .title a { color:#ee0548;}
.main-timeline .story-meta { margin-bottom:15px; font-size:13px;}
.main-timeline .story-meta i { margin-right:5px; color:#ee0548; font-size:15px;}
.main-timeline .story-meta span { margin-left:10px;}
.main-timeline .story-meta, .main-timeline .story-meta a { color:#382d44;}
.timeline-thumb{ width:38%; position:absolute; right:2%; top:0; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; overflow:hidden;}
.timeline-thumb img { width:100%; height:auto; display:block; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition:all 0.50s ease 0s; transition:all 0.50s ease 0s;}
.main-timeline .timeline:nth-child(even) .box-content{float:right; text-align:left;}
.main-timeline .timeline:nth-child(even) .timeline-thumb{ right:auto; left:2%;}
.engagestory a.buttonstyle1 { margin:-41px auto 0; display:table; text-transform:uppercase; position:relative; z-index:1;}
.timeline-content:hover .timeline-thumb img { -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.timeline-content .over-layer { width:100%; height:100%; position:absolute; left:0; bottom:0; text-align:center; opacity:0; -webkit-transform:scale(0.4,0.4); -ms-transform:scale(0.4,0.4); transform:scale(0.4,0.4); -webkit-transition:all 0.20s ease-in-out; transition:all 0.20s ease-in-out; background-color:rgba(238, 5, 72,0.6);}
.timeline-content:hover .timeline-thumb .over-layer { -webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); opacity:1;}
.timeline .over-layer a { position:relative; top:40%; width:50px; height:50px; line-height:42px; text-align:center; border-radius:50%;}
.timeline .fa-link {border:5px double #ffffff; color:#ffffff; font-size:16px; font-weight:700; -webkit-transition:all 0.50s ease; transition:all 0.50s ease;}
.timeline .fa-link:hover { border-radius:20%; text-decoration:none;}

/* Story Single */
.story-single { position:relative; width:70%; margin:0 auto;}
.story-single-meta { border-top:5px double #ee0548; border-bottom:5px double #ee0548; padding:10px 0; text-align:center; margin-bottom:30px;}
.story-single-meta span { display:inline-block; padding:0 15px; color:#382d44;}
.story-single-meta span i { color:#ee0548; margin-right:10px;}
.story-post-thumb { position:relative;}
.story-post-thumb img { width:100%; height:auto; display:block;}
.story-social-share { text-align:center; margin-top:30px;}
.story-post-content { padding:30px 0 0;}

/*===============================================
** Section Four : What We Do
*===============================================*/
.whatwe-box { position:relative; padding:0px 0 30px;}
.whatwe-icon { display:inline-block;}
.whatwe-icon i { font-size:3em; color:#382d44; -webkit-transition:0.5s; transition:0.5s;}
.whatwe-content { width:80%; float:right;}
.whatwe-content h5 { margin-bottom:10px; text-transform:uppercase;}
.whatwe-content h5 a { color:#382d44;}
.whatwe-content h4 { color:#ee0548; margin-bottom:10px;}
.whatwe-box:hover .whatwe-icon i { color:#ee0548;}

/*===============================================
** Section Five : The Wedding Events
*===============================================*/
.sec-events { position:relative;}
.event-list { margin-bottom:30px;}
.event-thumbnail { position:relative; overflow:hidden;}
.event-thumbnail::after { content:''; width:100%; height:100%; background-color:rgba(238, 5, 72, 0.6); position:absolute; top:0; left:0; opacity:0; -webkit-transform:rotateX(-90deg); -ms-transform:rotateX(-90deg); transform:rotateX(-90deg); transform-origin:50% -50% 0; visibility:hidden; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.event-list:hover .event-thumbnail::after { -webkit-transform:rotateX(0deg); -ms-transform:rotateX(0deg); transform:rotateX(0deg); visibility:visible; opacity:1;}
.event-thumbnail img { width:100%; height:auto; display:block;}
.event-meta { margin-bottom:20px;}
.event-meta span { display:block; padding:0px 10px 5px 0;}
.event-meta span i { margin-right:10px; font-size:1em; color:#ee0548;}
.event-content { padding:30px 0 0;}
.event-content a.buttonstyle1 { margin-top:30px;}

/* Event Single */
.event-single { position:relative;}
.event-post-thumb { width:45%; float:left; padding:5px; border:5px double #ee0548;}
.event-post-thumb img { width:100%; height:auto; display:block;}
.event-post-content { width:50%; float:right;}
.event-post-content span { display:block; padding:5px 0;}
.event-post-content span i { margin-right:10px; font-size:1em; color:#ee0548;}
.event-post-content .event-meta { margin-top:10px;}

/*==================================================
** Section Six And Eight : Groomsmen and Bridesmaid
*===================================================*/
.groomslist { position:relative;}
.grooms-thumb { position:relative; overflow:hidden; text-align:center;}
.grooms-thumb img { width:100%; height:auto; -webkit-transform:scale3d(1, 1, 1); -ms-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.groomslist:hover img { -webkit-transform:scale3d(1.15, 1.15, 1); -ms-transform:scale3d(1.15, 1.15, 1); transform:scale3d(1.15, 1.15, 1); }
.grooms-thumb .grooms-content { width:100%; height:100%; background-color:rgba(56,45,68,0.7); padding-top:43%; color:#ffffff; position:absolute; top:0; left:0; opacity:0; z-index:2; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.groomslist:hover .grooms-content { opacity:1; }
.grooms-thumb .grooms-content:before, .grooms-thumb .grooms-content:after { content:''; position:absolute; top:15px; left:15px; bottom:15px; right:15px; border:1px solid #ffffff; opacity:0; z-index:-1; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transition:all 0.6s ease 0.2s; transition:all 0.6s ease 0.2s;}
.grooms-thumb .grooms-content:before { border-top:none; border-bottom:none; left:30px; right:30px;}
.grooms-thumb .grooms-content:after { border-left:none; border-right:none; top:30px; bottom:30px;}
.groomslist:hover .grooms-content:before, .groomslist:hover .grooms-content:after { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.grooms-thumb .grooms-inner { opacity:0; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.groomslist:hover .grooms-inner { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.grooms-thumb h3.title { font:400 22px 'Roboto Slab'; letter-spacing:1px; text-transform:capitalize;}
.grooms-thumb h3.title a { color:#ffffff;}
.grooms-thumb .grooms-social-icon { padding:0; margin:0; list-style:none; z-index:2; display:inline-block;}
.grooms-thumb .grooms-social-icon a { display:inline-block; width:35px; height:35px; line-height:35px; border:1px solid #ffffff; font-size:15px; color:#ffffff; margin-right:7px; position:relative; transition:all 0.3s ease 0s;}
.grooms-thumb .grooms-social-icon a:hover { color:#ee0548;}
.grooms-thumb .grooms-social-icon a:before { content:''; width:100%; height:100%; background-color:#ffffff; position:absolute; top:0; left:0; z-index:-1; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.grooms-thumb .grooms-social-icon a:hover:before { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }

/*===============================================
** Section Seven : Counter
*===============================================*/
.sec-counter { position:relative;}
.counter-box { text-align:center; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.inner-counter { text-align:center;}
.counter-box h3 { margin:15px 0 0 0; text-transform:capitalize; letter-spacing:2px;}
.inner-counter h4.counter { font:700 50px 'Roboto Slab'; margin-bottom:5px; line-height:normal; display:block; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; position:relative; margin-bottom:45px;}
.inner-counter h4.counter::after { content:''; position:absolute; bottom:-35px; left:0; right:0; margin:0 auto; width:124px; height:29px; background:url(images/title-img-2.png) no-repeat;}

/*===============================================
** Section Nine  : Video
*===============================================*/
.popup-video { position:relative; margin:10em 0 5em; text-align:center; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%);} 
.popup-video i { font-size:5em; color:#ffffff; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.popup-video i:hover { color:#ee0548;}

/*===============================================
** Section Ten : Gallery
*===============================================*/
.sec-gallery .grid-col-three { width:33.33%; margin:0;}
.gallery-wrap { position:relative; }
.gallery{ text-align:center; }
.gallery-image{ position:relative; overflow:hidden;}
.gallery-image:before{ content:''; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background-color:rgba(238,5,72,0.5); z-index:1; transition:all 0.4s ease-in-out; transform:scale(0.2,0.2); opacity:0; }
.gallery-image:hover::before { transform:scale(1,1); opacity:1; }
.gallery-image img{ position:relative; display:block; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.gallery-image:hover img { -webkit-transform:translate3d(0,-56px,0); transform:translate3d(0,-56px,0); }
.gallery-title{ position:absolute; bottom:0; left:0; right:-1px; padding:20px; letter-spacing:1px; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,56px,0); transform: translate3d(0,56px,0); background-color:#382d44; text-align:center; z-index:2;}
.gallery-title h5{ margin:0; text-transform:capitalize; letter-spacing:2px; font:400 32px 'Alex Brush'; color:#ffffff;}
.gallery-image:hover .gallery-title{ opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.gallery-icon{ width:50px; height:50px; border:2px solid #ffffff; margin:0 auto; text-align:center; line-height:50px; font-size:18px; position:absolute; top:20%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:0; right:0; opacity:0; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; overflow:hidden; z-index:2;}
.gallery-icon a{ display:block; color:#ffffff;}
.gallery-icon a:hover{ color:#ffffff;}
.gallery-icon:hover { border-radius:50%;}
.gallery-image:hover .gallery-icon{ opacity:1; top:50%; }

/*===============================================
** Section Eleven : Testimonials
*===============================================*/
#clienttestiminials{ margin:0px 0 0; width:80%; margin:0 auto; border-radius:10px; padding:0 50px; }
#clienttestiminials .owl-carousel .owl-stage-outer { padding:6% 0;}
.testi-thumb{ width:25%; float:left; position:relative;}
.testi-thumb::before { content:''; position:absolute; top:-48px; width:200px; height:40px; background:url(images/test-img-bdr.png) no-repeat; left:0; right: 0; margin: 0 auto;}
.testi-thumb::after { content:''; position:absolute; bottom:-48px; width:200px; height:40px; background:url(images/test-img-bdr-2.png) no-repeat; left:0; right: 0; margin: 0 auto;}
.testi-thumb img{ border:5px double #ffffff; width:100%; height:auto; display:block;}
.testi-desc { width:70%; float:right; padding-top: 15px;}
.testi-desc p{ font-weight:400; font-size:17px; line-height:28px; font-style:italic; color:#ffffff; margin-bottom:30px;}
.testimonials-item .tmttl h4 { margin-bottom:0;}

/*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 .tmnlcont{ overflow:hidden; }
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}

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

/*===============================================
** Section Twelve : Latest News
*===============================================*/
.news-box{ position:relative; overflow:hidden; margin-top:0; }
.news-thumb, .post-thumb{ position:relative;}
.news-thumb img, .post-thumb img { width:100%; height:auto; display:block; }
.news-thumb:before, .post-thumb::before{ content:''; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background-color:rgba(238,5,72,0.5); z-index:1; transition:all 0.4s ease-in-out; transform:scale(0.2,0.2); opacity:0; }
.news-box:hover .news-thumb::before, .blog-post-repeat:hover .post-thumb::before, .blog-post-repeat-full:hover .post-thumb::before { transform:scale(1,1); opacity:1; }
.news-thumb .post-date, .post-thumb .post-date{ position:relative; text-align:center; font:600 13px 'Roboto Slab'; color:#382d44;}
.news-thumb .post-date span, .post-thumb .post-date span { display:block; position:relative; z-index:1;}
.news-thumb .post-date .spandate, .post-thumb .post-date .spandate { padding-bottom:2px; letter-spacing:1px;}
.news-thumb .post-date .spanyear, .post-thumb .post-date .spanyear { color:#ee0548; font-size:15px; letter-spacing:1px;}
.heart { position:absolute; width:100px; height:65px; bottom:0px; right:0; left:0; margin:0 auto; z-index:1;}
.heart:before, .heart:after { position:absolute; content:''; right:0; bottom:0; width:50px; height:80px; background-color:#ffffff; border-radius:50px 50px 0 0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); transform-origin:0 100%;}
.heart:after { left:0; transform:rotate(45deg); transform-origin:100% 100%;}		
.news-thumb-wrap .icon, .post-thumb-wrap .icon { list-style:none; z-index:1; position:absolute; margin-left:0; top:40%; left:0; right:0; text-align:center; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all 0.35s ease 0s; transition:all 0.35s ease 0s;}
.news-box:hover .icon, .blog-post-repeat:hover .icon, .blog-post-repeat-full:hover .icon { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition-delay:0.35s; transition-delay:0.35s;}
.news-thumb-wrap .icon li, .post-thumb-wrap .icon li { display:inline-block;}
.news-thumb-wrap .icon li a, .post-thumb-wrap .icon li a { display:block; width:40px; height:40px; line-height:40px; border-radius:50%; background-color:#ffffff; font-size:18px; color:#382d44; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.news-thumb-wrap .icon li a:hover, .post-thumb-wrap .icon li a:hover{ background-color:#382d44; color:#ffffff;}
.news-content, .post-content{ text-align:left; position:relative;}
.latest-news-para p{ line-height:28px; margin-bottom:10px; }
.news-title, .blog-post-repeat h3.post-title, .blog-post-repeat-full h3.post-title { text-align:left; padding:25px 0 20px;}
.news-title h3, h3.post-title { letter-spacing:1px;}
.news-title h3 a { color:#ee0548;}
.post-meta{ text-transform:capitalize; font:400 14px 'Roboto Slab'; margin:0;}
.post-meta span{ display:inline-block; position:relative; padding:2px 20px 2px 10px;}
.post-meta span:first-child{ padding-left:0;}
.post-meta span:last-child{ padding-right:0;}
.post-meta span a{ display:block;}
.post-meta span a:hover { color:#ee0548;}
.post-meta span a:after{ content:'/'; position:absolute; top:1px; right:0;}
.post-meta span:last-child a:after{ content:none;}

/** Blog Page Css
*===============================================*/
.blog-post-repeat{ width:48%; float:left; margin:0 4% 40px 0; position:relative; overflow:hidden; }
.blog-post-repeat.lastcols{ margin-right:0; }
.blog-post-repeat-full{ width:32%; float:left; margin:30px 2% 0 0; position:relative; overflow:hidden; }
.blog-post-repeat-full.lastcols{ margin-right:0; }
.blog-post-repeat article, .blog-post-repeat-full article{ position:relative; overflow:hidden; }
.blog-post-repeat h3.post-title, .blog-post-repeat-full h3.post-title { margin-bottom:0;}
.post-content { padding:20px 0px;}
.post-content p { line-height:26px; margin-bottom:30px;}

/** Blog Page Single Css
*===============================================*/
.blog-post-single { position:relative;}
.blog-post-single .post-meta { margin-bottom:15px;}
.blog-post-single .post-meta span { background-color:#ee0548; color:#ffffff; padding:5px 10px; margin-bottom:5px;}
.blog-post-single .post-meta span a { color:#ffffff;}
.blog-post-single .post-meta span a:hover { color:#ffffff;}
.blog-post-single .post-meta span a::after { content:none;}

/*===============================================
** Our Team CSS
*===============================================*/
.teammember-list { position:relative; margin-top:0;}
.team-thumbnail { position:relative; overflow:hidden; text-align:center;}
.team-thumbnail img { width:100%; height:auto;}
.team-thumbnail .team-content { width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(238,5,72, 0.7); padding:40% 20px; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.teammember-list:hover .team-content { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.team-content h4 { text-transform:capitalize;}
.team-thumbnail .member-social-icon { padding:0; margin:0; list-style:none;}
.team-thumbnail .member-social-icon a { display:inline-block; width:40px; height:40px; line-height:32px; margin-right:10px; border-radius:50%; font-size:15px; color:#ffffff; border:4px double #ffffff; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.team-thumbnail .member-social-icon a:hover { border-color:#382d44; color:#382d44;}
.teammember-list .heading { width:100%; position:absolute; bottom:0; left:0; background-color:rgba(56,45,68,0.9); color:#ffffff; text-align:center; padding:20px 0; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.teammember-list:hover .heading { bottom:-30%;}

/*================================================== 
** PORTFOLIO CSS
==================================================== */
.item-dirt{ position: relative; overflow:hidden; padding: 0px 0; width:auto; height:auto; z-index: 1;}
.item-dirt:before, .item-dirt:after, .item-dirt .port-item:before, .item-dirt .port-item:after { content:''; width:100%; height:50%;  background-color:#ee0548; opacity:0.5; -webkit-transform:translateX(-50%) translateY(0%); -ms-transform:translateX(-50%) translateY(0%); transform:translateX(-50%) translateY(0%); position:absolute; top:-50%; left:50%; z-index:1; -webkit-clip-path:polygon(0 0, 50% 100%, 100% 0); clip-path:polygon(0 0, 50% 100%, 100% 0); -webkit-transition:all .3s; transition:all .3s;}
.item-dirt:after { -webkit-transform:translateX(-50%) translateY(0%); -ms-transform:translateX(-50%) translateY(0%); transform:translateX(-50%) translateY(0%); top:auto; bottom:-50%; z-index:0; -webkit-clip-path:polygon(50% 0%, 0% 100%, 100% 100%); clip-path:polygon(50% 0%, 0% 100%, 100% 100%);}
.item-dirt .port-item:before { width:50%; height:100%; -webkit-transform:translateX(0%) translateY(-50%); -ms-transform:translateX(0%) translateY(-50%); transform:translateX(0%) translateY(-50%); top:50%; left:auto; right:-50%; -webkit-clip-path:polygon(100% 0, 0 50%, 100% 100%); clip-path:polygon(100% 0, 0 50%, 100% 100%);}
.item-dirt .port-item:after { width:50%; height:100%; -webkit-transform:translateX(0%) translateY(-50%); -ms-transform:translateX(0%) translateY(-50%); transform:translateX(0%) translateY(-50%); top:50%; right:auto; left:-50%; z-index:0; -webkit-clip-path:polygon(0 100%, 100% 50%, 0 0); clip-path: polygon(0 100%, 100% 50%, 0 0);}
.item-dirt:hover:before { top:0;}
.item-dirt:hover:after { bottom:0;}
.item-dirt:hover .port-item:before { right:0;}
.item-dirt:hover .port-item:after { left:0;}
.item-dirt img { width:100%; height:auto; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all 0.5s; transition:all 0.5s;}
.item-dirt:hover img { -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5);}
.item-dirt .port-item { height:100%; width:100%; position:absolute; left:0; top:0;}
.item-dirt .port-content { text-align:center; width:100%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); position:absolute; left:50%; top:50%; z-index:1;}
.item-dirt h3 { color:#ffffff; font-size:28px; font-weight:600; text-transform:capitalize; margin:0 0 5px; -webkit-transform:rotateY(360deg) scale(0); -ms-transform:rotateY(360deg) scale(0); transform:rotateY(360deg) scale(0); -webkit-transition:all 0.5s; transition:all 0.5s;}
.item-dirt:hover h3 { -webkit-transform:rotateY(0) scale(1); -ms-transform:rotateY(0) scale(1); transform:rotateY(0) scale(1); }
.item-dirt .postcat { color:#ffffff; font:400 16px 'Roboto Slab'; letter-spacing:1px; text-transform:capitalize; margin:0 0 15px; display:block; -webkit-transform:rotateY(360deg) scale(0); -ms-transform:rotateY(360deg) scale(0); transform:rotateY(360deg) scale(0); -webkit-transition:all 0.5s ease 0.25s; transition:all 0.5s ease 0.25s;}
.item-dirt .postcat a { color: #ffffff;}
.item-dirt:hover .postcat { -webkit-transform:rotateY(0) scale(1); transform:rotateY(0) scale(1);}
.item-dirt .icon { text-align:center; padding:0; margin:0; list-style:none; -webkit-transform:rotateY(360deg) scale(0); -ms-transform:rotateY(360deg) scale(0); transform:rotateY(360deg) scale(0); -webkit-transition:all 0.5s ease 0.45s; transition:all 0.5s ease 0.45s;}
.item-dirt:hover .icon { -webkit-transform:rotateY(0) scale(1); -ms-transform:rotateY(0) scale(1); transform:rotateY(0) scale(1);}
.item-dirt .icon li { display:inline-block; margin:0 3px;}
.item-dirt .icon li a { color:#ee0548; background-color:#ffffff; font-size:18px; line-height:35px; height:35px; width:35px; border-radius:10px; display:block; -webkit-transition:all 0.3s; transition:all 0.3s;}
.item-dirt .icon li a:hover { color:#ffffff; background-color:#ee0548; box-shadow:0 0 10px #ffffff;}

/* Portfolio Single */
.portfolio-single { position:relative;}
.port-meta { border-top:4px double #382d44; border-bottom:4px double #382d44; padding:10px 0; margin-bottom:30px; text-align:center;}
.port-meta p { display:inline-block; margin:0 15px; color:#382d44;}
.port-meta span { color:#ee0548;}
.portfolio-thumb { width:47%; float:left; border:5px double #ee0548; padding:5px;}
.portfolio-thumb img { width:100%; height:auto; display:block;}
.portfolio-content { width:47%; float:right;}
.portfolio-share{ text-align:left; margin-bottom:20px;}
.portfolio-share ul.social-share-post li{ border-radius:0;}

/*===============================================
** Skill Bar Css
*===============================================*/
.skillbar {position:relative; display:block; margin-bottom:15px; width:100%; height:40px; border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.3s linear; -ms-transition:0.3s linear; transition:0.3s linear; -webkit-transition-property:width, background-color; -ms-transition-property:width, background-color; transition-property:width, background-color; font-weight:bold; }
.skillbar-title { text-transform:uppercase; }
.skillbar-title span { display:block; padding:0; height:35px; font-size:13px; line-height:35px; font-family:'Roboto Slab'; letter-spacing:1px; }
.skillbar-bar { height:2px; width:0px; background-color:#ee0548; }
.skill-bar-percent { position:absolute; right:0; top:0; height:35px; line-height:35px; font-family:'Roboto Slab';}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0; }
.skill-bg{ width:100%; background-color:#382d44; }

/*===============================================
** RSVP Form Css
*===============================================*/
.rsvp-form { position:relative;}
.rsvp-form h5 { margin-top:20px; color:#ee0548;}
.rsvp-form span.wpcf7-list-item { display:block;}
.rsvp-form input[type="checkbox"] { margin-right:10px;}
.rsvp-form select { font:400 15px 'Roboto Slab'; color:#382d44; border-color:#e6e6e6;}
.rsvp-form p { color:#382d44; margin-bottom:10px;}
.rsvp-form input[type="text"], .rsvp-form input[type="tel"], .rsvp-form input[type="email"], .rsvp-form textarea { color:#382d44; border-color:#e6e6e6; -webkit-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.rsvp-form .wpcf7-form span.wpcf7-form-control-wrap { margin-bottom:30px;}

/*===============================================
** Owl Carousel Navigation Css
*===============================================*/
.owl-carousel.owl-theme .owl-nav{ margin-top:30px;}
.owl-carousel .owl-nav button{ width:40px; height:40px; line-height:35px !important; font-size:0 !important; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; position:relative; border:2px solid #ee0548 !important; }
.owl-carousel .owl-nav button:hover{ border-color:#90cd2c !important; background-color:transparent !important; }
.owl-carousel .owl-nav button:hover::before{ color:#90cd2c !important; }
.owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before{ -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; position:absolute; font-family:'Font Awesome 5 Pro'; font-weight:400; left:0; top:0; font-size:18px; right:0; bottom:0; line-height:36px; color:#ee0548; }
.owl-carousel .owl-nav button.owl-prev{ left:0; }
.owl-carousel .owl-nav button.owl-prev:before{ content:'\f30a'; }
.owl-carousel .owl-nav button.owl-next{ right:0; }
.owl-carousel .owl-nav button.owl-next:before{ content:'\f30b'; }

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-color:#ee0548; color:#ffffff; position:relative; padding:60px 0 10px; font:400 17px/30px 'Roboto Slab';}
.widget-column{ width: 24%; float: left; padding-left: 1%; margin-left: 1%; margin-bottom:30px; }
#footer-wrapper .widget-column:first-child{ padding-left:0; margin-left:0; border:none; }
.foo-cols { text-align:center;}
.foo-cols img { width:auto;}
.foo-cols h5{ margin-bottom:15px; text-transform:capitalize; color:#ffffff; font:400 35px 'Alex Brush'; position:relative; padding-bottom:35px;}
.foo-cols h5::after { content:''; position:absolute; left:0; right:0; bottom:0; background:url(images/title-img-2.png) no-repeat; width:124px; height:29px; margin:0 auto;}
.foo-cols ul.menu li a, #footer-wrapper a{ color:#ffffff; }
.foo-cols ul.menu li a:hover, #footer-wrapper a:hover{ color:#382d44; }
.footer-cols-three .widget-column{ width:32%; padding-left:2%; margin-left:2%; }
.footer-cols-two .widget-column{ width:48%; margin-left:4%; }
.foo-cols .social-icons a { width:45px; height:45px; color:#ffffff; border:5px double #ffffff; border-radius:50%; line-height:35px;}
.foo-cols .social-icons a:hover { color:#382d44; border-color:#382d44;}

/*===============================================
** Footer Widget Css
*===============================================*/
.foo-getintouch{ margin-top:30px; }
.widget-getintouch p{ line-height:28px; }
.foo-getintouch p{ margin-bottom:10px; line-height:normal; }
.foo-getintouch address{ font-style:normal; display:block; margin-bottom:10px; }
.widget-getintouch-social{ margin-top:30px; }
.widget-getintouch-social li{ display:inline-block; margin:0 10px; }
.foo-getintouch span { color:#ee0548;}

ul.footer-social{ margin:0; padding:0; }
ul.footer-social li{ display:inline-block; width:40px; height:40px; line-height:40px; margin-right:8px; text-align:center; }
ul.footer-social li a{ display:block; background-color:#382d44; color:#ffffff; }
ul.footer-social li a:hover{ color:#ffffff; background-color:#ee0548; }

.footer-nav li{ text-transform:capitalize; margin-bottom:8px; line-height:normal;}
.footer-nav li a{ display:block; padding-bottom:8px; position:relative; }
.footer-nav li:last-child{ border:none; margin:0; }
.footer-nav ul{ display:none; }

.latest-posts-row{ margin-bottom:20px; padding-bottom:20px; clear: both; overflow: hidden; border-bottom:1px solid #382d44; }
.latest-posts-row:last-child{ border:none; margin:0; padding:0; }
.latest-post-thumb { width:80px; float:left; margin-right:10px; }
.latest-post-content h4{ margin:0 0 5px; line-height: 1.1; font-size:14px; font-weight:700; text-transform:capitalize; font-family:'Roboto Slab'; }
.latest-post-content{ overflow:hidden; }
.latest-post-content p{ line-height:20px; font-size:14px; }

.newsletter{ margin-top:30px; }
.newsletter input[type="email"]{ margin:0; height:60px; text-align:center; }
.newsletter button{width:100%; height:50px; background-color:#ee0548; border:none; color:#ffffff; font-size:20px; cursor:pointer; -webkit-appearance:button;}
.widget-newsletter{ position:relative; }
.widget-newsletter p{ margin-bottom:10px; }
.widget-newsletter form{ position:relative; }
.widget-newsletter input[type="email"]{ margin-bottom:0; background:none; border-bottom:4px double #ffffff; color:#ffffff; border-top:none; border-left:none; border-right:none; font:700 13px 'Roboto Slab';}
.widget-newsletter input[type=email]:focus { border-color:#ffffff;}
.foo-cols .widget-newsletter .wpcf7-submit{ position:absolute; right:0; top:15px; border:none; outline:none; padding:11px 10px; text-transform:uppercase; -webkit-appearance:button; background-color:transparant; background:url(images/right-arrow.png) no-repeat; font-size:0; width:28px; height:12px;}
.widget-newsletter span.wpcf7-not-valid-tip { color:#ffffff;}
.widget-newsletter div.wpcf7-response-output { margin-top:0; margin-bottom:0;}

.widget-about-image{ min-height:180px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 0 40px; }
.widget-about-conte{ padding:0 12px; }
.widget-about-conte h6.wid-abt-hd{ text-transform:uppercase; font-size:110%; margin: 0 0 5px; }
.widget-about-conte .sub-wid-abt-hd{ color:#ee0548; font-style:italic; margin: 0 0 10px; font-size:90%; }
.widget-about-conte p{ font-size:90%; line-height:24px; }
ul.widget-about-social{ margin:20px 0 0; padding:15px 0 0; border-top:1px solid #e1e1e1; }
ul.widget-about-social li{ display:inline-block; margin:5px 20px; padding:0 !important; }

#instafeed:after{ content:''; display:table; clear:both; }
#instafeed .instafeed{ position:relative; overflow:hidden; }
.instafeed .insta-thumb img { margin-bottom:0; border-radius:5px;}
#instafeed .instafeed .overlay{ background-color:rgba(0,0,0,0.8); position:absolute; top:0; right:0; left:0; bottom:0; text-align:center; -webkit-transition:all 0.3s ease-in-out; transition:all 0.5s ease-in-out; -webkit-transform:translateY(100%); transform:translateY(100%); border-radius:5px;}
#instafeed .instafeed .overlay i{position:absolute;top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:0; right:0; font-size:20px; }
#instafeed .instafeed:hover .overlay{  -webkit-transform:translateY(0); transform:translateY(0); }

#instafeed.col-2 .instafeed{ width:48%; margin-right:2%; float:left; margin-bottom:2%; }
#instafeed.col-2 .instafeed:nth-of-type(2n){ margin-right:0; }

#instafeed.col-3 .instafeed{ width:31.3%; margin-right:3%; float:left; margin-bottom:3%; }
#instafeed.col-3 .instafeed:nth-of-type(3n){ margin-right:0; }

#instafeed.col-4 .instafeed{ width:23.5%; margin-right:2%; float:left; margin-bottom:2%; }
#instafeed.col-4 .instafeed:nth-of-type(4n){ margin-right:0; }

/*===============================================
** Footer Copyright Css
*===============================================*/
.copyright-wrapper{ background-color:#382d44; padding:25px 0; color:#ffffff; text-align:center; }
.copyright-wrapper a{ color:#ee0548; }
.copyright-wrapper a:hover{ color:#ffffff; }
.copyright-left, .copyright-right{ display:inline-block; }

/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ overflow:hidden; position:relative; text-align:center; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:absolute; top:0; left:0; }
.innerbanner .container{ padding:7em 0 7em;}
h1.innerpage-title{ display:table; text-transform:capitalize; position:relative; font-size:60px; margin-bottom:0; padding:0 0px 10px; border-bottom:4px double #ffffff; }
.innerbanner span.spanbaby::before { content:''; width:80px; height:1px; background-color:#ffffff; top:50%; position:absolute; left:30px; margin-top:-3px;}
.innerbanner span.spanbaby::after { content:''; width:80px; height:1px; background-color:#ffffff; top:50%; position:absolute; right:30px; margin-top:-3px;}
.innerbanner span.spanbaby { position:relative;}

/* Innerpage Content and Sidebar*/
.content-area{ padding:50px 0;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important; float:none !important; }

/* Pagination */
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both; margin:0 auto; }
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline-block; margin-right:5px; font:400 15px 'Roboto Slab';}
.pagination ul li span, .pagination ul li a{background-color:#382d44; color:#ffffff; padding:5px 15px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{ background-color:#ee0548; color:#ffffff !important; }

/* home page posts pagination */
.navigation .page-numbers{ background-color:#383838; color:#ffffff; padding:5px 10px; display:inline-block; }
.navigation .page-numbers.current, .navigation .page-numbers:hover{ background-color:#037df0; color:#ffffff !important; }
.taxonomy-description{ margin-bottom:20px; }

/*===============================================
** Single Posts Css
*===============================================*/
.blog-post-single .post-thumb{ margin-bottom:30px; }
article p{ margin:0 0 20px 0; }
.post-summary{ position:relative; margin-bottom:20px; }
.blog-post-single header.entry-header{ margin-bottom:20px; }
.post-bottom{ border-top:1px solid #e7e7e7; padding:20px 0 0; }
.post-bottom .post-tags{ float:left; }
.post-bottom .post-tags a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
.post-bottom .social_share{ float:right; }

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

#nav-below.post-navigation{ margin:20px 0 40px; padding:20px 0; display:-ms-flexbox; display:flex; align-items:normal; width:100%; justify-content:space-between; }
.nav-previous, .nav-next{ width:50%;  }
#nav-below.post-navigation a{ display:-ms-flexbox !important; display:flex !important; }
#nav-below.post-navigation .meta-nav-icon{ background-color:#ee0548; width:55px; text-align:center; color:#ffffff; display:inline-block; position:relative; font-size:40px; }
#nav-below.post-navigation .meta-nav-icon i{ position: absolute; left: 50%; top: 50%; -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#nav-below.post-navigation .meta-nav-title{ background-color:#e9f1f5; padding:15px; width:76%; text-align: center; display: inline-block; vertical-align: middle; font:400 16px 'Roboto Slab';}
#nav-below.post-navigation .meta-nav-title h4{ text-transform:uppercase; margin-bottom:10px; }

/* Team testi Single */
.team-testi-post-thumb{ margin-right:30px; text-align:center; }
.team-testi-post-thumb img{ border:5px double #ee0548; padding:5px;  margin-bottom:30px; }
.team-testi-post-thumb span{ display:block; text-transform:uppercase; font-weight:700; color:#ee0548; line-height:normal; margin:15px 0; }
.team-testi-post-thumb a{ border:5px double #382d44; color: #382d44; height:40px; width:40px; display:inline-block; border-radius:50%; line-height:30px; margin:0 5px; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.member-info{ margin-top:30px; }
.member-info ul{ margin:0; padding:0; list-style:none; }
.member-info ul li{ display:inline-block; width:46%; margin-bottom:15px; padding-bottom:15px; position:relative; margin-left:10px; margin-right:10px; }
.member-info ul li:before{ content:''; position:absolute; width:100%; left:0; bottom:0; height:1px; background-color:#ee0548; }
.member-info ul li strong { color:#382d44;}
#sidebar.team-testi-sidebar{ float:left; padding-bottom:0; }

/* Grooms Bride Single */


/*===============================================
** Contact Page Css
*===============================================*/
.gmap{ position:relative; width:100%; margin-bottom:0; }
.blackmap{ -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); display:block; }
.contact-box { width:23%; float:left; position:relative; margin:0 30px 30px 0; border:5px double #e6e6e6; padding:30px 10px; text-align:center;}
.contact-box.last { margin-right:0;}
.contact-icon { border-radius:15px 0; display:inline-block; font-size:20px; height:70px; width:70px; line-height:70px; margin:0 auto; position:relative; text-align:center; color:#ffffff;}
.contact-icon::after { border-radius:15px 0; background-color:#ee0548; content:''; height:50px; width:50px; left:0; margin:0 auto; position:absolute; right:0; top:10px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1;}
.contact-icon i { display:inline-block; text-align:center;}
.contact-details { padding:25px 0; text-align:center;}
.contact-details p { line-height:30px;}
.contact-details span { display:block; line-height:30px;}

.contact-content{ width:80%; margin:3% auto;}
.contact-content h2 { text-align:center; padding-bottom:30px; position:relative; margin-bottom:7%;}
.contact-content h2:after { content:''; position:absolute; bottom:0px; width:150px; margin:0 auto; left:0; right:0; border-bottom:1px solid #ee0548;}
.contact-content h2:before { content:''; position:absolute; bottom:5px; width:50px; margin:0 auto; left:0; right:0; border-bottom:1px solid #ee0548;}
.contact-us-form { width:50%; margin:0 auto; position:relative;}
.contact-us-form input[type="text"], .contact-us-form input[type="tel"], .contact-us-form input[type="email"], .contact-us-form input[type="url"], .contact-us-form textarea { font:400 15px 'Roboto Slab'; color:#382d44; border-bottom:5px double #e6e6e6; border-top:none; border-left:none; border-right:none; padding-left:0; -webkit-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.contact-us-form textarea { height:150px;}
.contact-us-form input[type="submit"] { width:100%; font:700 15px 'Roboto Slab'; margin-top:20px;}
.contact-social{ padding:30px 0; text-align:center; margin-bottom:0; background-color:#382d44; }
.contact-social .social-icons a{ width:50px; height:50px; line-height:45px; border-radius:0; font-size:18px; color:#ffffff; }

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:300px; float:right; background-color:#ffffff; padding:0 0 30px; }
.widget_content { padding:0; }
.widget_content .owl-carousel.owl-theme .owl-nav { display:none;}
.sidebar-left{ float:left !important;}
#sidebar .quotes h4 { margin:10px 0;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ position:relative; padding:5px 15px; background-color:#382d44; font:400 20px/35px 'Alex Brush'; color:#ffffff;} 
h3.widget-title span { display:block; width:100%; text-transform:capitalize; }
#sidebar aside.widget{ margin:0 0 25px; padding:0; position:relative; }

.flotRight{ float:right !important;}
#sidebar aside.widget:first-child{ margin-top:0; }
.textwidget p{ margin-bottom:5px; }

#sidebar ul li{ padding:8px 0 8px 0; list-style:none; }
#sidebar ul li a{ line-height:18px; color:#000000; position:relative; }
#sidebar ul li a:hover{ color:#ee0548;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ border-bottom:1px solid #e6e6e6; padding:9px 0 14px 0; -webkit-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#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, #sidebar .widget_archive li span { float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; }
#sidebar .widget_tag_cloud a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
#sidebar .widget_tag_cloud a:hover{ color:#ffffff; background-color:#000000; }

#sidebar #wp-calendar{ width:100%; text-align: center; }
#sidebar #wp-calendar caption{ font-weight:700; margin-bottom:0; background-color:black; text-transform:uppercase; padding:10px; color:#ffffff; }
#sidebar #wp-calendar th{ background-color:#2c2c2c; color:#ffffff; padding:5px; }
#sidebar #wp-calendar tbody td{ background-color:#f9f9f9; padding:5px; }
#sidebar #wp-calendar tbody td a, #sidebar #wp-calendar tfoot td a{ display:block; background-color:#ee0548; color:#ffffff; }
#sidebar #wp-calendar tbody td a:hover, #sidebar #wp-calendar tfoot td a:hover{ background-color:#2c2c2c; }
#sidebar #wp-calendar tfoot td{ }
#sidebar #wp-calendar tfoot td a{ padding:5px; }

.sidebar-banner{ position:relative; z-index:99; padding:30% 20px; }
.sidebar-banner p{ margin-bottom:30px; }

/*===============================================
** Posts Social Share Css
*===============================================*/
ul.social-share-post { padding:0; margin:0; list-style:none; }
ul.social-share-post li { display:inline-block; padding:0; margin:0 8px 0 0; height:40px; width:40px; line-height:40px; text-align:center; background:transparent; }
ul.social-share-post li a{ display:block; color:#ffffff; }
ul.social-share-post li a:hover{ color:#ffffff; box-shadow:0 0 3px 3px rgba(34,43,95,0.3); }
ul.social-share-post li.social-share-twitter{ background-color:#12c4f7; }
ul.social-share-post li.social-share-facebook{ background-color:#3984bd; }
ul.social-share-post li.social-share-whatsapp{ background-color:#65bc54; }
ul.social-share-post li.social-share-googleplus{ background-color:#e65f3d; }
ul.social-share-post li.social-share-linkedin{ background-color:#0097bf; }
ul.social-share-post li.social-share-pinterest{ background-color:#cd2127; }

/*===============================================
** Back to Top Css
*===============================================*/
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:25px; z-index:999;}
#back-top a {width:50px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:#000000; -webkit-transition:1s; -ms-transition:1s; transition:1s; font-size:50px; line-height:1; }
#back-top a:hover{ color:#ee0548; }
#back-top span { width:50px;height:50px; display: block; margin-bottom: 7px; -webkit-transition:1s; -ms-transition:1s; transition:1s; opacity:0.8;}

/*===============================================
** Custom Css
*===============================================*/
.error_msg{padding:10px; background-color:#f3edf9; color:#382d44; border:1px #382d44 solid; margin:15px 0; font-family:'Roboto Slab';}
.success_msg{padding:10px; background-color:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0; font-family:'Roboto Slab';}
.customtab{ margin-top:0px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

/* = 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:100%; z-index:100000; /* Above WP toolbar. */}

/* = Accordion tab section css
-------------------------------------------------------------- */
.acc-content a { font-weight:bold; line-height:30px;}

/* = Box Layout Css
-------------------------------------------------------------- */
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000000; position:relative; overflow-x:hidden; }
.boxlayout .container{ padding:0 20px;}
.boxlayout .content-area{ padding: 50px 0; }
.boxlayout .innerbanner .container{ padding:75px 30px; }

/*===============================================
** Woocommerce Css
*===============================================*/
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align:center; box-shadow:0 0 3px 1px #ddd; }
.woocommerce .woocommerce-result-count{ font-size:16px; margin-top:12px; }
.woocommerce .woocommerce-ordering{ margin-bottom:38px; position:relative; }
.woocommerce-ordering:after{ content:'\f078'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; top:10px; right:20px; }
form.woocommerce-ordering select{ padding:10px 30px 10px 10px; color:#242423; font-size:15px; background-color: #ffffff; border: 1px solid #e5e5e5; font-family:'Roboto Slab'; position:relative; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-image: url(...); }
.woocommerce-variation-price { margin-bottom:10px; }
.woocommerce span.onsale, .woocommerce .woo-entry-new-badge, .woocommerce .sale-perc, .woocommerce .soldout{ text-transform:capitalize; font-size:15px; font-family:'Roboto Slab'; position:absolute; top:0; border-radius:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; font-weight:400; }
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc{ background-color:#ee0548; color:#ffffff; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.woocommerce ul.products li.product .onsale{ margin:0; right:auto; left:0; opacity:1; }
.woocommerce ul.products li.product .product-item-inner:hover .onsale{ opacity:0; }
.woocommerce ul.products li.product .sale-perc{ opacity:0; }
.woocommerce ul.products li.product .product-item-inner:hover .sale-perc{ opacity:1; }
.woocommerce .woo-entry-new-badge, .woocommerce .soldout{ right:0; background-color:#333333; color:#ffffff; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:25px; }
.woocommerce ul.products li.product .star-rating{ margin:5px auto 10px;}
.woocommerce ul.products li.product .price { font-size: 18px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins{ display:inline-block; margin:0 5px; }
.woocommerce ul.products li.product .price del{ font-size: 13px; }
.woocommerce ul.products li.product .product-item-inner a.button::before, .woocommerce .return-to-shop a.button::before, .wc-proceed-to-checkout a.button::before, .woocommerce-mini-cart__buttons.buttons a.button::before { content:none;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt, .reset_variations{ margin-bottom:25px; background-color:#ee0548; color:#ffffff; padding:10px 25px; font:400 14px/18px 'Roboto Slab'; display:inline-block; -ms-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; margin-top:20px; text-transform: uppercase; position:relative; border-radius:30px; font-weight:bold; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce a.added_to_cart:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .reset_variations:hover{ background-color:#242423; color:#ffffff; }
.woocommerce ul.products li.product a img{-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin:0; }
.woocommerce .product-item-thumbnail{ overflow:hidden; position:relative;z-index:2; margin-bottom:20px; }
.woocommerce .product-item-thumbnail-holder{ text-align:center; }
.woocommerce .product-item-thumbnail-holder > a:last-child { position: absolute; bottom:0; margin-bottom:0; left:0; right:0; width:100%; color:#fff; padding:14px 20px; z-index:2; opacity:0; visibility: hidden; transition: all 250ms ease-out; transform: translate(0, 100%); -webkit-transform: translate(0, 100%); border-radius:0; }
.woocommerce .product-item-inner:hover .product-item-thumbnail-holder > a:last-child { opacity: 1; visibility: visible; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.woocommerce .product-item-thumbnail-holder .added{ display:none !important; }
.woocommerce a.added_to_cart{ display: table; margin: 0 auto 15px; }
#sidebar .woocommerce-mini-cart__buttons a.button { margin-right:8px; }
#sidebar ul.woocommerce-mini-cart li{ list-style:none; position: relative; }
#sidebar ul.woocommerce-mini-cart li a, #sidebar ul.woocommerce-mini-cart li span.quantity{ font-size:15px; padding-left:0 !important; margin-bottom:5px; }
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:50px; }
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size:30px !important; height: 30px; width: 30px; line-height: 30px !important; padding-left:0 !important; border-radius:0; position: absolute; left: -2px; top: 10px; float:left; margin-right:15px; }
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding: 12px 0 10px; font-size:15px; text-transform:uppercase; }
.widget .woocommerce-product-search, .widget .search-form { position: relative; }
.widget .woocommerce-product-search input[type="submit"], .widget .search-form .search-submit { position: absolute; top: 0px; right: 0px; box-shadow: none; border: none; text-indent: -999px; padding: 0; outline:none; width: 48px; height:49px; z-index: 1; border-radius: 0px 3px 3px 0px; background-image: url(images/findicon.png); background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 16px 16px; }
.widget .woocommerce-product-search input[type="submit"]:hover, .widget .search-form .search-submit:hover{ cursor:pointer; }	
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color:#ee0548;}
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; }
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color:#242423;}
.woocommerce .widget_recent_reviews li, .woocommerce .widget_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_rating_filter li, .woocommerce .widget_recently_viewed_products li{ list-style:none !important;}
.woocommerce .widget_recent_reviews a, .woocommerce .widget_products a, .woocommerce .widget_top_rated_products a, .woocommerce .widget_rating_filter a, .woocommerce .widget_recently_viewed_products a{ padding-left:0 !important;; font-size:16px !important; font-weight:700 !important; }
.woocommerce ul.product_list_widget li .star-rating{ margin: 8px 0; }
.woocommerce-LoopProduct-link br{ display:none; }
a.reset_variations{ margin:0; }
.woocommerce div.product form.cart .variations select{ max-width:50%; padding:10px; }

/*===============================================
** Show another image on hover Css
*===============================================*/
img.onhover{ position:absolute; top:0; left:0; opacity:0; transition:opacity .1s; -webkit-transition:opacity .1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;  }
.woocommerce ul.products li.product .product-item-inner:hover img.onhover{ opacity: 1; object-fit: cover; }
.woocommerce ul.products li.product .product-item-inner:hover img.attachment-woocommerce_thumbnail{ opacity:0; }

/*===============================================
** Single Product Page Css
*===============================================*/
.related.products{ padding:0; }
.related.products h2{ text-transform:capitalize; border-bottom:1px solid #f1f1f1; padding-bottom:15px; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:100%; padding:4em; box-shadow:0 0 12px 4px #CCC; padding-bottom:0; }
.single-product .product .onsale{ left:0; background-color:#ee0548; }
.woocommerce div.product div.images .flex-control-thumbs li img{ padding:10px 5px 0; }
.woocommerce h1.product_title{ border-bottom:1px solid #cccccc; padding-bottom:20px !important; color:#382d44; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom: 1.618em; font-size:18px; font-weight:700; color:#382d44; }
.woocommerce div.product .woocommerce-product-rating{ float:right; }
.woocommerce-product-details__short-description ul{ margin:20px 0;}
.woocommerce-product-details__short-description ul li{ position:relative; padding-left: 25px; margin-bottom: 10px; }
.woocommerce-product-details__short-description ul li:before{ content:'\f061'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; left:0; font-size:16px; color:#ee0548;}
.woocommerce .quantity .qty{ width:5em; margin:15px 30px 0 0; }
.woocommerce .product_meta{ border-top:1px solid #f1f1f1; padding-top:20px; font-size:16px; }
.woocommerce .product_meta .posted_in{ margin-right:30px; }
.woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as{ color:#959595; }

.woocommerce div.product .woocommerce-tabs ul.tabs{ position:relative; display:inline-block; width:100%; vertical-align:middle; list-style:none; margin:0 27px 0 0; padding:0; border-bottom: 2px solid #e1e1e1; clear: both; overflow:visible; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ content:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; font-size:20px; font-weight:700; padding:0; margin:0 10px 0 0; background-color:transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:13px 15px; border-radius:0; color:#382d44 !important; position:relative; font:400 18px 'Roboto Slab';}
.woocommerce div.product .woocommerce-tabs ul.tabs li a.selected:after{ content:''; position:absolute; bottom:-2px; left:0; display:block; width:100%; height:2px; background-color: #ee0548; }
.woocommerce div.product .woocommerce-tabs .panel{ margin:37px 0 20px; }
.woocommerce div.product .woocommerce-tabs .panel h2{ display:none; }
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description p{ margin-bottom:15px; line-height:26px;}
.woocommerce #review_form #respond .comment-reply-title{ font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 20px 0; display: block; color:#000000; }
.woocommerce #review_form #respond .comment-form-rating{ font-size:20px; }
.woocommerce #review_form #respond p.stars{ margin-top:15px; }
.woocommerce-tabs{ padding:30px 0 10px; margin-bottom:30px; }
.woocommerce-product-details__short-description{ margin-bottom:20px; }
#reviews.woocommerce-Reviews .comment-respond{ box-shadow:none; }
.woocommerce #reviews #comments ol.commentlist li img.avatar{ width:70px; padding:0; border:none; border-radius:50px; }
.woocommerce #reviews #comments ol.commentlist li .comment-text{ margin:0 0 0 90px; border:none; padding:0; }
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ margin:0; font-size:16px; color:#000000; }
.woocommerce #reviews #comments ol.commentlist li .star-rating{ float:none; font-size:0.8em; margin-bottom:10px; width:7em; }
.woocommerce #reviews #comments ol.commentlist li .star-rating:before{ letter-spacing:5px; }
.woocommerce #reviews #comments ol.commentlist li .star-rating span:before{ color:#ee0548; letter-spacing:5px; }

.woocommerce #review_form #respond textarea, .woocommerce #review_form #respond input[type=text], .woocommerce #review_form #respond input[type=email]{ position:relative; width:100%; margin:0 0 25px; padding:20px 24px; font-family:inherit; font-size:12px; font-weight:inherit; line-height: calc(60px - (20px * 2) - 2px); color:#16161b; border-radius:3.3px; border:5px double #e6e6e6; outline:0; cursor:pointer; -webkit-appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:border-color .5s ease-in-out; -o-transition:border-color .5s ease-in-out; transition:border-color .5s ease-in-out; height:auto; }
.woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email{ width:100%; }
.woocommerce #review_form #respond input:focus[type="text"], .woocommerce #review_form #respond input:focus[type="email"], .woocommerce #review_form #respond textarea:focus{ border-color:#ee0548;}

.woocommerce div.product p.stock{ color:#ffffff; font-weight:700; padding:0 20px; }
.woocommerce div.product p.stock.avail-in-stock{ background-color:#77a464; }
.woocommerce div.product p.stock.few-in-stock{ background-color:#f27144; }
.woocommerce div.product p.stock.out-of-stock{ background-color:red; }

/*===============================================
** Product Cart Page Css
*===============================================*/
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 150px; height: 38px; }
.woocommerce .cart-collaterals{ margin-top:50px; }
.woocommerce-cart table.cart td.product-name{ font-weight:700; font-size:15px; }
.woocommerce-cart .cart-collaterals .cart_totals table{ padding:20px;}
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; }
.woocommerce-cart .wc-proceed-to-checkout{ text-align:center; }
.woocommerce .woocommerce-cart-form button.button{ margin:0; }

/*===============================================
** Checkout Page Css
*===============================================*/
.woocommerce-checkout .woocommerce #customer_details{ margin-bottom:50px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields input{ padding:8px 12px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields .select2-container--default .select2-selection--single{ border-radius:0; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order td{ border:none; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart_item td, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal td{ border-bottom:1px solid #dddddd;}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{ list-style:none; }
.woocommerce-checkout #payment ul.payment_methods li label{ font-size:16px; }
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{ padding:0 1em; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order a.about_paypal{ display:none; }
#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img{ width:auto; }

/*===============================================
** Woocommerce Pagination Css
*===============================================*/
.woocommerce nav.woocommerce-pagination ul{ border:none; }
.woocommerce nav.woocommerce-pagination ul li{ margin:0 5px; border:none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ border-radius:50%; width: 40px; height: 40px; line-height: 25px; }

/*===============================================
** Data Tooltip Css
*===============================================*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] { position: relative; z-index: 2; cursor: pointer; }
/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
/* Position tooltip above the element */
[data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 170px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; }
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; }
/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/*===============================================
** Author Bio Box Css
*===============================================*/
.author-box{ position: relative; clear: both; display: block; margin:0; padding: 2.6rem 3.2rem; background-color:#ee0548; margin-bottom:30px; }
.author-img{ margin: 0; width: 70px; height: 70px; position:absolute; }
.author-bio-box{ padding-left:90px; }
.author-bio-box, .author-bio-box a{ color:#ffffff; }
.author-bio-box a:hover{ color:#000000; }
.author-bio-box h4.author-name{ margin: 0 0 10px 0; text-transform: uppercase; font-weight: bold; }
.author-bio-box p{ margin-bottom:10px; }
.author-meta a { display:inline-block; list-style: none; padding: 0; margin: 0 15px 0 0; font-size: 13px; }

/*===============================================
** Form And Input type Css
*===============================================*/
form{ position:relative; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select{ width:100%; margin:0 0 20px 0; padding:11px 12px; border:5px double #e6e6e6; outline:0; resize:none; font-size:13px; line-height:17px; background-color:#ffffff; color:#000000; font-family:'Roboto Slab'; font-weight:400; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:0.5s; transition:0.5s;}

select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus{ border-color:#ee0548; }

button,html input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; cursor:pointer; font-family: 'Roboto Slab'; text-transform:uppercase; font-weight:700; border:none; outline:none; padding:12px 50px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

.wpcf7-form label{ display:block; text-transform:uppercase; font-family:'Roboto Slab'; font-size:12px; margin:0 0 8px; color:#000000; font-weight:700; }

/*===============================================
** Comment Form And Comment Styling Css
*===============================================*/
.comments-area .comment-list{ margin-bottom: 3em; list-style:none; }
.comments-area .comment-list .comment-body{ margin:0 0 1em; padding:2em 2em 2em 7em; position:relative; display:block; background-color:#f9f9f9; }
.comments-area .comment-author { display:inline-block; position:absolute; left:25px; top:30px; }
.comment-metadata{ position:relative; }
.comment-metadata h4{ display:inline-block; margin-bottom:10px; }
.comment-metadata h4 cite{ font-family: 'Roboto Slab'; font-weight:700; text-transform:capitalize; font-style:normal; font-size:16px;  }
.comment-metadata time{ display:inline-block; font-size:11px; }
.comment-metadata .reply{ position:absolute; right:0; top:0; font-family: 'Roboto Slab'; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:12px; }
.comment-metadata .reply a:before{ content:'\f122'; font-family:'Font Awesome 5 Pro'; font-weight:300; position:absolute; left:-20px; }
.comment-content p{ font-family: 'Roboto Slab'; font-size:14px; margin:0; }

.comments-area .comment-list ul.children{ margin-left:80px; }

.comment-respond{ margin-bottom:20px; }
.comments-area h3.comment-reply-title{ text-transform:capitalize; margin-bottom:10px; font-size:25px; }
.comments-area h3.comment-reply-title small{ margin-left:50px; }
.comments-area .comment-form p.comment-notes { margin-bottom: 2em;  font-family: 'Roboto Slab'; font-weight: 400; font-size:14px; }
.required { color: #c0392b; }
.comment-form-author, .comment-form-email, .comment-form-url{ width:31.3%; float:left; margin-right:3% !important; }
#commentform p.comment-form-url { margin-right:0 !important; }
#commentform p.comment-form-url:after{ content:''; display:table; clear:both; }
#commentform label { display:block; text-transform:uppercase; font-family:'Roboto Slab'; font-size:12px; margin:0 0 5px; color:#000000; font-weight:700; }
.comment-form-cookies-consent{ margin-bottom:15px; }
.comment-form-cookies-consent label{ margin-left:1% !important; display:inline-block !important; }
#commentform .logged-in-as{ margin-bottom:15px; }
p.comment-awaiting-moderation { color: #fdac56; }

/*===============================================
** Search Form Css
*===============================================*/
form.search-form{ position:relative; }
form.search-form input.search-submit{ position:absolute; right:0; top:0; }

/*===============================================
** 404 Page Css
*===============================================*/
.error-404 .title-404{ text-align:center; font-size:13em; font-weight:600; color:#d0d0d0; margin-bottom:80px; }
.error-404 .sub-title-404 { font-size:2.4em; text-transform:uppercase; display:block; margin:0 0 30px; color:#000000; display:block; line-height:1; }
.error-404 .text-404{ font-family:'Roboto Slab'; font-size:18px; color:#9b9b9b; margin-bottom:40px; }
.error-404 .search-form{ width:60%; margin:0 auto 30px; }
.error-404 .search-form input[type=search]{ display:inline-block; width:70%; margin-right:20px; }

/*===============================================
** Search Result Page Css
*===============================================*/
.search-result-form{ width:60%; margin:0 auto; }
.search-result-form input[type="search"]{ width:82%; }
.search-result-box{ border:1px solid #dddddd; margin-bottom:30px; display:table; width:100%; }
.search-result-box .post-thumb{ width:250px; padding:8em 1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell; }
.search-result-box .post-summary{ overflow:hidden; padding:2em; position:relative; display:table-cell; vertical-align:middle; }
.search-more a{ text-transform:uppercase; font-weight:700; letter-spacing:1px; }