/*
Theme Name: Buildapp Pro
Theme URI: https://flythemes.net/wordpress-themes/buildapp-wordpress-theme/
Author: Flythemes
Author URI: https://www.flythemes.net/
Description: NA
Version: pro 1.0
Tested up to: 5.4.2 and above
Requires PHP: 7.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: buildapp
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

Buildapp Pro WordPress Theme has been created by Flythemes(flythemes.net), 2021.
Buildapp 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;}
html{  }
body{ margin:0; padding:0; font-family:'Poppins'; line-height:24px; color:#444444; font-size:14px; background-color:#ffffff; font-weight:400; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; overflow-x: hidden; }
img{ margin:0; padding:0; border:none;}
.bypostauthor{ margin:0; padding:0;}
section img, img{ height:auto; display:block; }
h1,h2,h3,h4,h5,h6{ margin:0 0 22px; padding:0; line-height:1; font-weight:700; }
h1{ font-size:32px;}
h2{ font-size:24px;}
h3{ font-size:20px;}
h4{ font-size:18px;}
h5{ font-size:16px;}
h6{ font-size:12px;}
.left{float:left;}
.right{float:right;}
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:0 0 20px 44px; text-align:left; margin:40px 0 20px; color:#2c2c2c; font-weight:normal; font-size:26px; line-height:40px; }
blockquote.align-left:before{ content:'\f10d'; position:absolute; top:0; left:0; font-family:'Font Awesome 5 pro'; font-weight:700; font-size:32px; color:#ff1949; }
blockquote.align-right{ padding:0 44px 20px 0; text-align:right; margin:40px 0 20px; color:#2c2c2c; font-weight:normal; font-size:26px; line-height:40px; }
blockquote.align-right:after{ content:'\f10e'; position:absolute; top:0; right:0; font-family:'Font Awesome 5 pro'; font-weight:700; font-size:32px; color:#ff1949; }
hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; }
p{ margin:0 0 20px; padding:0;}
a{ text-decoration:none; -webkit-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:auto; }
.alignright, img.alignright { float: right; margin-left:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width: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;}
#lastcols{ margin-right:0 !important; }
.toggleMenu{display:none;}
section{ padding:60px 0; position:relative; }
.container{ width:1170px; margin:0 auto; position:relative;}
.full-container{ width:100%; position:relative;}
.no-padding{ padding:0 !important; }
.section-bgimage{ background-repeat:no-repeat; background-position: center top; background-attachment:fixed; background-size:cover; }

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

/*===============================================
** Header Css
*===============================================*/
.header-main{ position:fixed; z-index:20; width:100%; left:0; right:0; }
.header-main.shrink { height:56px; }
.header{ padding:0; background-color:rgba(0,0,0,0.2); padding:15px 0; transition:all 0.4s ease-in-out;  }
.header-main.shrink .header{ padding:10px 0; background-color:#000000; }
.header-left{ width:18%; margin-right:auto; position: relative; z-index:1; transition:all 0.4s ease-in-out;  }
.header-main.shrink .header-left{ width:15%; }
.header-right{ text-align:right; margin-left:1%; width:81%; }

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ text-align:left; padding:0; position:relative; -webkit-transition:0.3s; transition:0.3s; }
.logo img{ width:auto; height:auto; display:block; }
.logo h1{ margin:0; font:700 28px/1 'Montserrat'; color:#494949; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-transform:capitalize; }
.logo a{ display:block; }
.logo p{ color:#5b5b5b; display:block; font:400 14px/16px 'Sintony'; margin:5px 0 0; -webkit-transition:0.3s; transition:0.3s; }
.header-main.shrink .logo p{ display:none; }

/*===============================================
** Navigation Css
*===============================================*/
.toggle{ display: none; position: relative; margin:0; text-transform:uppercase; font-weight:700; }
.toggle a{ width:auto; padding:22px; text-align:left; border-left:1px solid; color:#43c6ac; }
.toggle a:hover{ color:#ffffff; }
.toggle a:before{ content:'\f0c9'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; top:50%; font-size:28px; left:14px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

.sitenav{ position:relative; margin:0; z-index:14; }
.sitenav ul {margin:0; padding:0; font-family:'Raleway'; font-size:14px; font-weight:700; text-transform:capitalize; }
.sitenav ul li{ display:inline-block; position:relative; line-height:normal; margin-right:12px; letter-spacing:1px; }
.sitenav ul li a{ padding:8px; display:block; text-align:left; color:#ffffff; position:relative; }
.sitenav ul li:last-child{ margin-right: 0; }
.sitenav ul li:last-child a{ padding-right: 0; }
.sitenav ul li a span{ display:block; }


/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li a:hover, .sitenav ul li a.current{ color:#43c6ac; }
.sitenav ul li a.parent:before{ content:'\f107'; position:absolute; right:-10px; top:50%; font-family:'Font Awesome 5 Pro'; font-weight:400; font-size:14px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul li:last-child a{ padding:10px; }
.sitenav ul li ul{display:none; z-index:9999; position:absolute; left:-9999px; border-top:3px solid #00adef; }
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:auto; top:100%; text-align:left; -ms-animation: fadeIn .5s ease-in-out; -webkit-animation: fadeIn .5s ease-in-out; animation:fadeIn .5s ease-in-out; }
.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; position:relative; top:0; text-align:left; }
.sitenav ul li ul li a.parent{ padding-left:20px; }
.sitenav ul li ul li a.parent:before{ content:'\f104'; position:absolute; left:8px; top:60%; -webkit-transform:translateY(-60%); -ms-transform:translateY(-60%); transform:translateY(-60%); 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; right:200px; top:-1px; -ms-animation: fadeIn .3s ease-in-out; -webkit-animation: fadeIn .3s ease-in-out; animation:fadeIn .3s ease-in-out; }

/*===============================================
** Slider Css
*===============================================*/
.boxlayout .nivo-caption { width:72%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
.nivo-caption{ position:absolute; left:0; right:0; z-index:6; }
.slider-main{ min-height:600px; position:relative; background-image:url(https://www.ouyiapp.net/wp-content/themes/buildapp-pro/images/loading.gif); background-repeat:no-repeat; background-position:center center; background-size:auto; }
.boxlayout .slider-main{ min-height:568px; }
#slider a.button{ margin-right:20px; }
.boxlayout .slider-main .nivo-controlNav{ bottom:16%; }
.show-header-image{ padding:15em 0; }

/*===============================================
** Social Icons Css
*===============================================*/
#sidebar .social-icons{ text-align:center; }
.social-icons{ white-space:nowrap; }
.social-icons a{ width:40px; height:40px; line-height:38px; display:inline-block; padding:0; -webkit-transition:0.3s; transition:0.3s; font-size:14px; color:#333333; position:relative; margin:0 1px; text-align:center; border:2px solid; border-radius:30px; margin-right:8px; }
.social-icons a:hover { color:#fb6eb5; }
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.main-button{ font-size:14px; letter-spacing:1px; text-transform:uppercase; padding:15px 25px; margin-bottom:4px; line-height:1; display:inline-block; text-align:center; color:#ffffff; background-color:#fb6eb5; position:relative; -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; border-radius: 30px; }
a.main-button span{ display:block; }
a.main-button:hover{ background-color:#00adef; color:#ffffff; }

a.buttonstyle1{ text-transform:uppercase; color:#ffffff; background-color:#00adef; padding:12px 30px; display:inline-block; border-radius:30px; }
a.buttonstyle1:hover{ background-color:#fb6eb5; color:#ffffff; }

a.sliderbtn, a.sliderbtn:last-child:hover{ display:inline-block; text-align:center; background-color:#191654; color:#ffffff; position:relative; overflow:hidden; z-index:1; margin-right: 10px; padding:12px 30px; text-transform:uppercase; font-weight:400; border-radius:50px; line-height:normal; }
a.sliderbtn:hover, a.sliderbtn:last-child{ color:#ffffff; background-color:#43c6ac; }

.custombtn{ margin-top:40px; }

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:center; margin-bottom:50px; }
h4.section_sub_title{ margin-bottom:10px; font:400 13px/1.2 'Poppins'; color:#ffffff; display:inline-block; background-color:#43c6ac; padding:5px 15px; border-radius:20px; }
h2.section_title{ font:700 28px/1.2 'Poppins'; color:#252525; text-transform:capitalize; position:relative; padding-bottom:20px; margin:0 0 20px; display:block; letter-spacing:0.6px; }
h2.section_title:after{ content:''; background-color:#43c6ac; position:absolute; bottom:0; margin:0 auto; left:0; right:0; width:90px; height:2px; }
.section_head p{ margin:0 auto; width:70%; line-height:1.6; }
.full-container .section_head p{ width:58%; }

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; }
.sec-overlay h1, .sec-overlay h2, .sec-overlay h3, .sec-overlay h4, .sec-overlay h5, .sec-overlay h6, .sec-overlay p, .sec-overlay h2.section_title{ color:#ffffff; }
.sec-overlay h2.section_title:before{ border-color:#ffffff; }

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

/*===============================================
** Custom Heading Css
*===============================================*/
.custom-heading{ margin-bottom:30px; }
.custom-heading h2{ font-weight:700; position:relative; margin-bottom:0px; letter-spacing:1px; }
.custom-heading h2 span{ display:block; font-size:60%; margin-bottom:10px; letter-spacing:1px; font-weight: 400; }

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

/*===============================================
** Flex Css
*===============================================*/
.flex-element{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; flex-direction:row; flex-wrap:wrap; }

/*===============================================* Theme Shortcode Css Start *===============================================*/
.effect-particle{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; }
#intro{ position:relative; background:#43C6AC; background:-webkit-linear-gradient(to bottom, #191654, #43C6AC); background:linear-gradient(to bottom, #191654, #43C6AC); z-index:0; }
.banner-content{ padding:150px 0 0; position:relative; z-index:2; }
.banner-left, .banner-right{ flex:1; }
.banner-content h2.banner-title{ font-size:66px; color:#ffffff; font-weight:700; margin-bottom:27px; text-transform:capitalize; line-height:1.2; }
.banner-content p.banner-text{ font-size:16px; color:#ffffff; line-height:1.5; margin-bottom:30px; }
.banner-right img{ width:auto; margin-left:auto; }
.intro-wave{ position:absolute; bottom:0; left:0; right:0; z-index:1; }

/*===============================================
** Introduction Css
*===============================================*/
.introduction-box{ width:100%; display:table; }
.introduction-box.right-side .about_content{ padding-left:0; padding-right:4%; }
.introduction-box.right-side .about_content h2.section_title{ padding-bottom:20px; margin-bottom:20px; }
.about_fig{ display:table-cell; width:48%; vertical-align: middle; position: relative; z-index:1; }
.about_content{ display:table-cell; width:52%; vertical-align: middle; padding-left:4%; padding-right:0; }
.about_content .section_head{ text-align:left; }
.about_content .section_head h2.section_title:after{ margin:0; }
.about_content a.buttonstyle1{ margin-top:30px; }

/*===============================================
** Icon Box Css
*===============================================*/
.icon-box{ position:relative; margin:10px 0 2%; text-align:center; background-color:#ffffff; border-radius:6px; box-shadow:0 0 5px -2px rgba(0,0,0,0.2); overflow: hidden; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.icon-box:before{ content:''; position:absolute; height:5px; left:0; right:0; background-color:#43c6ac; -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.inner-icon-box{ padding:50px 25px 30px; }
.icon-box-icon{ width:65px; height:65px; margin:0 auto 30px; color:#454080; font-size:46px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; position: relative; background:#43C6AC; background:-webkit-linear-gradient(to bottom, #191654, #43C6AC); background:linear-gradient(to bottom, #191654, #43C6AC); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color:#454080; }
.icon-box-icon i{ position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.icon-box-content h4{ min-height: 48px; margin-bottom:10px; }
.icon-box:hover::before{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);  }
.icon-box:hover{ box-shadow:0 0 15px -2px rgba(0,0,0,0.2); }

/*===============================================
** Info Box Css
*===============================================*/
.infobox{ margin:3em 0; padding-left:50px;  }
.infobox.icon-right{ text-align:right; padding-right:50px; padding-left:0; }
.infobox.icon-right .infobox-icon{ margin-left:auto; }
.infobox-icon{ width:80px; height:80px; color:#ffffff; background:#43C6AC; background:-webkit-linear-gradient(to bottom, #191654, #43C6AC); background:linear-gradient(to bottom, #191654, #43C6AC); text-align:center; border-radius:60px; font-size:40px; margin-bottom:25px; }
.infobox-icon i{ position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.infobox-content h3{ margin-bottom:15px; }
.infobox-content p{ margin-bottom:0; }

/*===============================================
** Popup box Css
*===============================================*/
.pop-video{ text-align:center; }
.pop-video h2.section_title:after{ margin: 0 auto; right:0; left:0; }
.pop-video .section_head p{ margin:0 auto; }
.pop-icon{ width:120px; height:120px; border-radius:50%; padding:10px; animation: pulse 2s infinite; font-size:50px; box-shadow: 0 0 0 rgba(204,169,44, 0.4); border:2px solid #191654; margin:3em auto 2em; }
.pop-icon a{ display:block; border-radius:50%; background-color:#43c6ac; width:100%; height:100%; color:#ffffff !important; }
.pop-icon i{ position:absolute; top:50%; left:0; right:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.7);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

/*===============================================
** App Showcase Slider Css
*===============================================*/
.app-showcase.owl-carousel .owl-item{ transition:all 0.4s ease-in-out; -webkit-transform:translate3d(0,0,0) scale(0.8); -ms-transform: translate3d(0,0,0) scale(0.8); transform: translate3d(0,0,0) scale(0.7); }
.app-showcase.owl-carousel .owl-item.active.center{ transform: scale(1); }

/*===============================================
** App Showcase Slider Css
*===============================================*/
.download-from{ margin:100px 0; }
.download-from-top h5{ font-size:20px; margin-bottom:30px; }
.download-from-top h2{ font-size:60px; margin-bottom:80px; }
.download-from-bottom.flex-element{ justify-content:center; }
.download-from-bottom .image-holder { width: 20%; margin: 0 20px; }

/*===============================================
** Pricing Box Css
*===============================================*/
.pricing-col{ text-align:center; background-color:#ffffff; box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); border-radius:1rem; padding:40px 30px 55px; transition:all 0.3s ease-in-out; margin-bottom:30px; position:relative; overflow:hidden; }
.pricing-col .highlite{ background:#43C6AC; background:-webkit-linear-gradient(to bottom, #191654, #43C6AC); background:linear-gradient(to bottom, #191654, #43C6AC); border-radius:1rem; color:#ffffff; padding:2px 25px; font-size:12px; font-weight:600; letter-spacing:5px; text-transform:uppercase; margin-bottom:15px; display:inline-block; }
.pricing-col:before{ content:''; position:absolute; border-radius:1rem 1rem 0 0; width:100%; height:8px; background:#43C6AC; background:-webkit-linear-gradient(to bottom, #191654, #43C6AC); background:linear-gradient(to bottom, #191654, #43C6AC); top:0; left:0; -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.pricing-col:hover::before{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
.package-name{ margin-bottom:20px; }
.package-name h4{ margin:0; }
.package-price{ font:700 50px 'Poppins'; color:#43c6ac; ; position:relative; margin-bottom:30px; }
.package-price sup, .package-price sub{ font-size:15px; margin:0 5px; color:#191654; }
.package-price sub{ position:relative; bottom:12px; }
.package-price:after{ content:''; position:absolute; bottom:0; left:0; right:0; width:80px; height:2px; background-color:#f2f2f2; margin:0 auto; }
.package-row{ margin-bottom:30px; }
.package-row p{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #f0f0f0; }
.package-row p:last-child{ border: none; }
.package-btn .main-button{ margin:0; display:inline-block; padding:14px 30px;}

/*===============================================
** Front page contact Css
*===============================================*/
.contact-front .flex-element.revers{ flex-direction:row-reverse; }
.contact-half{ flex:1; }
.contact-form-content h2{ font-size:40px; margin-bottom:30px;  line-height:1.3; }
.front-contact-details{ margin-top:30px; padding-top:30px; border-top:1px solid #ececec; }
.contact-details-col{ display:flex; align-items:center; margin-bottom:50px; position:relative; overflow:hidden; transition:all 0.3s ease-in-out; }
.contact-details-col:last-child{ margin-bottom:0; }
.contact-col-icon{ border:1px solid; height:50px; width:50px; border-radius:50%; font-size:20px; display:flex; align-items:center; justify-content:center; margin-right:20px; color:#43c6ac; }
.contact-col-data{ flex:2; position:relative; }
.contact-col-data h5{ margin-bottom:10px; }
.contact-col-data p{ margin:0; }
.contact-form-content{ padding:0 50px 0 0; }
.contact-front-form{ padding:0 0 0 50px; }

.contact-front .flex-element.revers .contact-form-content{ padding:0 0 0 50px; }
.contact-front .flex-element.revers .contact-front-form{ padding:0 50px 0 0; }

/*===============================================* Theme Shortcode Css End *===============================================*/
/*===============================================
** Portfolio Css
*===============================================*/
.portfolio-main{ position:relative; text-align:center; }
.portfolio-main .grid-col-two{ width:50%; float:none; }
.portfolio-main .grid-col-three{ width:33.3333%; float:none; }
.portfolio-main .grid-col-four{ width:25%; float:none; }
.portfolio-main .portfolio-image{ position:relative; overflow:hidden; margin:2%; }
.portfolio-main .portfolio-image img{ display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:-webkit-transform 0.35s;
transition:transform 0.35s; }
.portfolio-main .portfolio-image:hover img{ -webkit-transform:translate3d(0,-62px,0); -ms-transform:translate3d(0,-62px,0); transform: translate3d(0,-62px,0); }
.portfolio-main .portfolio-title { position:absolute; left:0; width:100%; height:62px; text-align:center; padding:20px; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s; transform-origin:31px; display:block; }
.portfolio-main .portfolio-image:hover .portfolio-title{ -webkit-transform:translate3d(0,-62px,0); -ms-transform:translate3d(0,-62px,0); transform:translate3d(0,-62px,0); }
.portfolio-main .portfolio-title h4{ font-weight:400; color:#ffffff; margin:0; position:relative; z-index:2; }
.portfolio-main .portfolio-title:before{ content:''; background-color:#1c1f26; position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; }
.portfolio-main .portfolio-meta{ position:absolute; width:100%; top:50%; left:0; text-align:center; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; opacity:0; -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0);  }
.portfolio-main .portfolio-meta span{ display:inline-block; width:50px; height:50px; line-height:50px; text-align:center; margin:5px; }
.portfolio-main .portfolio-meta span a{ display:block; background-color:#00aeef; color:#ffffff; font-size:18px; border-radius:50px; }
.portfolio-main .portfolio-meta span a:hover{ background-color:#fb6eb5; }
.portfolio-main .portfolio-image:hover .portfolio-meta{ -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); opacity:1; }

/* Single Portfolio */
.portfolio-metadeta{ font-size: 16px; }
.portfolio-metadata-item{ display:block; margin:0 0 15px; border-top:1px solid #e6e6e6; padding-top:15px; }
.portfolio-metadata-item span{ color:#000000; }
.portfolio-share ul.social-share-post{ text-align:center; margin:40px 0; border-radius:0; float:none; display:block; }
.portfolio-share ul.social-share-post li{ border-radius:0; }
.single-portfolio .image-carousel{ margin:0 auto 50px; }

/*===============================================
** Testimonials Css
*===============================================*/
#clienttestiminials{ width:100%; }
.testimonials-item{ padding:100px 40px 40px; margin:20px 0 20px; border-radius:6px; box-shadow:0 0 5px -2px rgba(0,0,0,0.2); background-color:#ffffff; position:relative; }
.testimonials-item:before{ content:'\f10d'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; top:40px; left:40px; font-size:40px; color:#43c6ac;  }
.testi-thumb{ width:70px; height:70px; margin:0; border-radius:50%; overflow:hidden; }
.testi-desc p{ margin-bottom:30px; font-size: 18px; line-height: 1.6;  font-weight:300; }
.testimonials-item .tmttl{ margin:0 0 0 15px; }
.testimonials-item .tmttl h4{ margin:0; font-size:22px; font-weight:400; text-transform:capitalize; font-family:Poppins; }
.testimonials-item .tmttl h4 a{ color:#252525; }
.testimonials-item .tmttl h4 a:hover{ color:#43c6ac; }
.testimonials-item .tmttl span{ display:block; font-family:'Work Sans'; margin:5px 0 0 0; font-style:normal; font-weight:400; color:#43c6ac; text-transform:capitalize; }

/*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; }

/*===============================================
** Gallery Css
*===============================================*/
.gallery-wrap { position:relative; }
.gallery{ text-align:center; background-color:#f7f7f7; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.gallery-image{ position:relative; overflow:hidden; background-color:#000000; margin:10px; }
.gallery-image img{ position:relative; display:block; transition:all 0.4s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.gallery-image:hover img { -webkit-transform:scale3d(1.2,1.2,1.2); -ms-transform:scale3d(1.2,1.2,1.2); transform:scale3d(1.2,1.2,1.2);  opacity:0.8; }
.gal-icon{ width:50px; height:50px; border-radius:50px; margin:0 auto; text-align:center; line-height:50px; font-size:18px; position:absolute; top:20%; -webkit-transform:translateY(-50%); -ms-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; }
.gal-icon a{ background-color:#ffd527; display:block; color:#ffffff; }
.gal-icon a:hover{ color:#ffffff; background-color:#28c6f2; }
.gallery-image:hover .gal-icon{ opacity:1; top:50%; }
.gallery:hover{ background-color:#CECECE; }

.gallery-wrap #mixitupgal .gallery-image, .gallery-wrap .gal-rotator .gallery-image{ margin:0; }

/*===============================================
** Our Team Css
*===============================================*/
.teammember-list{ position:relative; -webkit-transform: perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration:0.3s; -webkit-transition-property:transform; transition-property:transform; text-align: center; }
.team-thumbnail{ -webkit-transition:0.6s; transition:0.6s; width: 80%; margin: 0 auto 30px; border-radius: 50%; padding:0; overflow:hidden; position: relative; }
.team-thumbnail img{ -webkit-transition:0.6s; transition:0.6s; }

.team-content{ padding:0; }
.team-content .team-name{ position:relative; }
.team-content .team-name h4{ margin-bottom:5px; font-size:22px; font-weight:400; }
.team-content .team-name h4 a{ -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.team-content .team-name span{ -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.teammember-list:hover h4 a, .team-name span{ color:#43c6ac; }
.team-name h4 a, .teammember-list:hover span{ color:#252525; }

.member-social-icon{ margin-top:20px; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.member-social-icon a{ display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; background-color:#43c6ac; color:#ffffff; margin:0 0 0 5px; opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px); border-radius:30px; }
.member-social-icon a:nth-child(1){ transition-delay:0.05s; }
.member-social-icon a:nth-child(2){ transition-delay:0.1s; }
.member-social-icon a:nth-child(3){ transition-delay:0.15s; }
.member-social-icon a:nth-child(4){ transition-delay:0.2s; }
.member-social-icon a:nth-child(5){ transition-delay:0.25s; }

.member-social-icon a:hover{ background-color:#191654; color:#ffffff; }
.teammember-list:hover .member-social-icon a{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }

/*===============================================
** Latest Blog Css
*===============================================*/
.news-box{ position:relative; background-color:#ffffff; }
.news-thumb{ position:relative; overflow:hidden; border-radius:8px; }
.news-thumb img{ -webkit-transition:0.6s; transition:0.6s; -webkit-backface-visibility:hidden; backface-visibility:hidden; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.news-thumb .post-meta{ margin:0; padding:0; }

.news-content{ margin:0; position:relative; z-index:10; }
.latest-news-para{ padding:20px 0; }
.news-content h3{ margin:0 0 20px; font-family:'Poppins'; font-size:24px; font-weight:600; line-height:1.2; text-transform:capitalize; }
.news-content h3 a { color:#282828; }
.latest-news-para p{ line-height:24px; margin-bottom:25px; }

.post-meta{ text-transform:capitalize; margin:0 0 15px; }
.post-meta span{ display:inline-block; position:relative; padding:0; margin-right:5px; }
.post-meta span:last-child{ padding-right:0; }
.post-date{ position:absolute; padding:10px 25px; background-color:#ffffff; top:20px; left:20px; text-align:center; font-size:20px; font-weight:700; color:#454080; border-radius:5px; }
.post-date span{ display:block; font-weight:400; font-size:14px; }

.news-box:hover h3 a{ color:#ff1949; }
.news-box:hover .news-thumb img{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }

.ln-read-more{ text-transform:capitalize; display:inline-block; color:#ff1949; padding:5px 25px 5px 0; z-index:0; position:relative; }
.ln-read-more:before{ content:'\f178'; position:absolute; right:0; top:auto; bottom:auto; font-family:'Font Awesome 5 Pro'; font-weight:400; }
.ln-read-more:after{ content:''; background-color:#ff1949; height:1px; width:0; position:absolute; bottom:0; left:0; transition:width 0.3s ease-in-out; }

.ln-read-more:hover{ color:#454080; padding:5px 30px 5px 0; }
.ln-read-more:hover::after{ width:100%; }

/*===============================================
** Counter CSS
*===============================================*/
.counter-main{  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; }
.counter-box { text-align:center; margin:0; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:transform; transition-property:transform; }
.counter-box i{ display:block; font-size:28px; margin-bottom:10px; }
.inner-counter{ padding:20px 5px; position: relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.counter-box h3{ margin:5px 0 0; font-size:16px; font-weight:400; text-transform:capitalize; letter-spacing:1px; }
.counter-box h3.counter { font-size:36px; font-weight:700; margin:0; display:inline-block; line-height:1.2; } 
.counter-box span{ display:inline-block; font-size:28px; margin-left:5px; }

.counter-box:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

/*===============================================
** Client Logo CSS
*===============================================*/
.partner-logo{ text-align:center; padding:0; }
.partner-logo img{ width:100% !important; margin:0 auto; -webkit-filter:grayscale(1); filter:grayscale(1); -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.partner-logo:hover img{ -webkit-filter:grayscale(0); filter:grayscale(0); }
.partner-logo a{ display:block; }

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

/*===============================================
** Owl Carousel Navigation Css
*===============================================*/
.owl-carousel.owl-theme .owl-nav{ margin-top:30px; }

.owl-carousel .owl-nav button{ width:38px; height:38px; border-radius:0 !important; line-height:36px !important; font-size:0 !important; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; position:relative; border:2px solid #43c6ac !important; }

.owl-carousel .owl-nav button:hover{ border-color:#191654 !important; background-color:transparent !important; }
.owl-carousel .owl-nav button:hover::before{ color:#191654 !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; transition:all 0.3s ease-in-out; position:absolute; font-family:'Font Awesome 5 Pro'; font-weight:700; left:0; top:0; font-size:18px; right:0; bottom:0; line-height:36px; color:#43c6ac; }

.owl-carousel .owl-nav button.owl-prev{ left:0; }
.owl-carousel .owl-nav button.owl-prev:before{ content:'\f104'; }
.owl-carousel .owl-nav button.owl-next{ right:0; }
.owl-carousel .owl-nav button.owl-next:before{ content:'\f105'; }

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-color:#151515; color:#ffffff; position:relative; padding:60px 0 30px; }
.widget-column{ width:24.2%; float:left; padding-left:1%; margin-left:1%; }
#footer-wrapper .widget-column:first-child{ padding-left:0; margin-left:0; border:none; }
.widget-space{ margin-bottom:30px; }
.foo-cols h5.footer-widget-title{ margin-bottom:40px; font-weight:400; color:#ffffff; font-size:26px; font-family:'Poppins'; position:relative; letter-spacing:1px; padding-bottom:25px; }
.foo-cols h5.footer-widget-title:after{ content:''; position:absolute; left:0; width:70px; height:1px; border-bottom:5px double #43c6ac; bottom:0; }

.foo-cols ul.menu li a, #footer-wrapper a{ color:#ffffff; }
.foo-cols ul.menu li a:hover, #footer-wrapper a:hover{ color:#43c6ac; }

.footer-cols-three .widget-column{ width:32.5%; padding-left:1%; margin-left:1%; }
.footer-cols-two .widget-column{ width:48%; margin-left:4%; }

/*===============================================
** Footer Widget Css
*===============================================*/
.foo-getintouch{ margin:15px 0 0; }
.getintouch-logo{ margin:0 0 15px; width:70%; }
#sidebar .getintouch-logo{ width:auto; }
#sidebar .widget-getintouch-info li{ padding:0 0 0 40px; }
#sidebar .widget-getintouch-social li a{ line-height:35px; }
.getintouch-logo img{ width:auto; }
.widget-getintouch-info li{ display:block; padding-left:40px; margin-bottom:15px; position:relative; }
.widget-getintouch-info li:before{ position:absolute; left:0; font-family:'Font Awesome 5 Pro'; font-weight:300; font-size:18px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.widget-getintouch-info li.icon-address:before{ content:'\f3c5'; }
.widget-getintouch-info li.icon-phone:before{ content:'\f8d3'; }
.widget-getintouch-info li.icon-fax:before{ content:'\f1ac'; }
.widget-getintouch-info li.icon-mail:before{ content:'\f0e0'; }
.widget-getintouch-info li.icon-hrs:before{ content:'\f017'; }
.widget-getintouch-social{ margin-top:15px; }
.widget-getintouch-social li{ display:inline-block; margin:0 5px; width:37px; height:37px; line-height:35px; text-align: center; }
.widget-getintouch-social li a{ display: block; border:1px solid; border-radius:50px; }

.footer-nav li{ margin-bottom:8px; width:49%; display:inline-block; }
.footer-nav li a{ display:block; margin-bottom:8px; position:relative; padding-left:14px; }
.footer-nav li a:before{ content:'\f45c'; font-family:'Font Awesome 5 Pro'; position:absolute; font-weight:700; font-size:8px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; }
.footer-nav li:last-child{ border:none; margin:0; }
.footer-nav ul{ display:none; }

.latest-posts-row{ margin-bottom:15px; padding-bottom:15px; clear: both; overflow: hidden; border-bottom:1px solid; }
.latest-posts-row:last-child{ border:none; margin:0; padding:0; }
.latest-post-thumb { width:56px; padding:1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell; position:relative; }
.latest-post-thumb a{ display: block; width: 100%; height: 100%; position:absolute; left:0; top:0; }
.latest-post-content{ overflow:hidden; display:table-cell; vertical-align:middle; padding-left: 10px; }
.latest-post-content h6{ margin:0 0 5px; line-height: 1.1; }
.latest-post-content p{ line-height:20px; margin-bottom:0; }

.download-brochure{ position: relative; }
.download-brochure a{ padding:20px 20px 20px 80px; text-transform:uppercase; font-size:20px; display:block; background-color:#e63a4a; color:#ffffff; position: relative; }
.download-brochure a:before{ content:'\f15c'; font-family:'Font Awesome 5 Pro'; font-size:30px; left:0; width:60px; text-align:center; top:0; bottom:0; background-color:#131313; position:absolute; font-weight:300; line-height:60px; }
.download-brochure a:hover{ color:#ffffff; }

.newsletter{ margin-top:30px; }
.newsletter input[type=email]{ margin:0; height:60px; text-align:center; }
.newsletter button{ width:100%; height:50px; background-color:#e63a4a; border:none; color:#ffffff; font-size:20px; cursor:pointer; -webkit-appearance:button; -moz-appearance:button;appearance:button; }

.widget-about-image{ min-height:250px; background-position:top center; background-repeat:no-repeat; background-size:cover; margin:0 0 20px; }
.widget-about-conte{ padding:0 12px; }
.widget-about-conte h2.wid-abt-hd{ margin: 0 0 10px; color:#e63a4a; }
.widget-about-conte .sub-wid-abt-hd{ color:#262729; 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; }

.opening-hrs{ margin-bottom:30px; }
.opening-hrs h6{ font-size:16px; text-transform:uppercase; color:#e63a4a; letter-spacing:2px; }
.opening-hrs .opening-hrs-list{ text-align:right; }
.opening-hrs .opening-hrs-list li{ line-height:1; padding:0 0 20px; margin-bottom:20px; display:block; border-bottom:1px solid; }
.opening-hrs .opening-hrs-list li:last-child{ color:red !important; }
.opening-hrs .opening-hrs-list li span{ float:left; }

/*===============================================
** Footer Copyright Css
*===============================================*/
.copyright-wrapper{ background-color:#252528; padding:0; color:#ffffff; text-align:center; padding:15px 0; }
.copyright-text{ position: relative; z-index:1; margin-right:auto; }
.designby-text{ }
.copyright-wrapper a{ color:#43c6ac; }
.copyright-wrapper a:hover{ color:#ffffff; }

/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ overflow:hidden; position:relative; text-align:left; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; }
h1.innerpage-title{ display:block; text-transform:uppercase; position:relative; font-size:36px; margin:0; padding:5em 0 2.5em; color:#ffffff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:left; flex-direction:row; }
h1.innerpage-title span span{ border:none; padding:0; }
.boxlayout h1.innerpage-title{ padding:4em 0 1em; }

h1.innerpage-title.without-banner{ border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding:1em 0; }

.innerpage-title.innerbanner-equal-padding{ padding:4em 0; }

.innerpage-banner.without-banner{ background-color:#000000; }
.innerpage-banner.without-banner h1.innerpage-title{ padding:3em 0 1em; }

/* 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; }

/*===============================================
** Blog Page Css
*===============================================*/
.site-main.sitefull .blog-wrapper.flex-element .blog-post-repeat{ width:32%; margin-right:2%; }
.blog-wrapper.flex-element{ align-items:flex-start; justify-content:flex-start; }
.blog-post-repeat{ width:48%; margin:0 4% 4% 0; }
.blog-post-repeat.lastcols{ margin-right:0; }
.blog-post-repeat article{ position:relative; overflow:hidden; }
.post-thumb{ position:relative; overflow:hidden; }
.blog-post-repeat .post-thumb{ position: relative; width:100%; border-radius:8px; }
.blog-post-repeat .post-thumb a{ display: block; }

.post-data{ position:relative; padding:2em; }
.blog-post-repeat .post-data{ padding:2em 0; }
.blog-post-repeat .post-data p{ line-height:28px; margin-bottom:25px; }
.blog-post-repeat .post-data h3.post-title{ margin:0 0 15px; line-height:1.2; }

/* 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;}
.pagination ul li span, .pagination ul li a{background-color:#000000; color:#ffffff; padding:5px 15px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{ background-color:#e63a4a; color:#ffffff !important; }

/* home page posts pagination */
.navigation .page-numbers{ background-color:#333333; 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-next{ margin-left:auto; }
#nav-below.post-navigation a{ display:-ms-flexbox !important; display:flex !important; height:100%; }
#nav-below.post-navigation .meta-nav-icon{ background-color:#e63a4a; width:98px; text-align:center; color:#ffffff; display:inline-block; position:relative; font-size:60px; }
#nav-below.post-navigation .meta-nav-icon i{ position: absolute; left: 50%; top: 50%; -khtml-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#nav-below.post-navigation .meta-nav-title{ background-color:#ececec; padding:20px 40px; width:76%; text-align: center; display: inline-block; vertical-align: middle; font-weight:700; }
#nav-below.post-navigation .meta-nav-title h4{ text-transform:uppercase; margin-bottom:10px; }

/* Team Single */
#sidebar.team-sidebar, #sidebar.testi-sidebar{ float:left; padding-bottom:0; }
.single-team-thumb, .single-testi-thumb{ margin-bottom:30px; }
.single-team-thumb img, .single-testi-thumb img{ border:8px solid #e63a4a; padding:10px; }
.single-team-info h2, .single-testi-info h2{ margin-bottom:10px; }
.single-team-info span, .single-testi-info span{ display:block; text-transform:uppercase; font-weight:700; color:#e63a4a; line-height:normal; margin:0 0 20px; }
#sidebar .member-info{ margin-top:30px; }
#sidebar .member-info ul{ margin:0; padding:0; list-style:none; }
#sidebar .member-info ul li{ display:block; margin:0 0 15px; padding:0 0 15px; position:relative; }
#sidebar .member-info ul li strong{ color:#000000; }
#sidebar .member-info ul li:before{ content:''; position:absolute; width:100%; left:0; bottom:0; height:1px; background-color:#e63a4a; }
#sidebar .member-info ul li:last-child::before{ content:none; }
.member-single-social a{ width:30px; height:30px; border-radius:30px; line-height:30px; display:inline-block; background-color:#e63a4a; margin-right:5px; color:#ffffff; text-align:center; }
.member-single-social a:hover{ background-color:#262729; color:#ffffff; }

.single-team-content, .single-testi-content{ padding-left:50px; }

/*===============================================
** Contact Page Css
*===============================================*/
.form-group.half{ width:48%; margin-right:4%; float:left; } .form-group.half.last{ margin-right:0; }
.form-group.third{ width:32%; margin-right:2%; float:left; }
.form-group.third.last{ margin-right:0; }

.gmap{ position:relative; width:100%; margin-bottom:0; }

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:300px; float:right; background-color:#ffffff; padding:0 0 30px; }
.widget_content { padding:0; }
.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:0 0 15px; margin: 0 0 25px; text-transform:uppercase; border-bottom: 1px solid #131313; }
#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:20px; }

#sidebar ul li{ padding:8px 0 8px 0; list-style:none; }
#sidebar ul li a{ line-height:18px; color:#555555; position:relative; }
#sidebar ul li a:hover{ color:#e63a4a;}
#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 #e5e5e5; padding: 9px 0 14px 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-transform:capitalize; }
#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:uppercase; padding:3px 12px; margin-right:5px; display:inline-block; margin-bottom:8px; font-weight:400; font-size:12px !important; border-radius:15px; }
#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:#000000; text-transform:uppercase; padding:10px; color:#ffffff; }
#sidebar #wp-calendar th{ background-color:#262729; 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:#e63a4a; color:#ffffff; }
#sidebar #wp-calendar tbody td a:hover, #sidebar #wp-calendar tfoot td a:hover{ background-color:#333333; }
#sidebar #wp-calendar tfoot td a{ padding:5px; }

.sidebar-banner{ position:relative; z-index:99; padding:20% 20px; }
.sidebar-banner p{ margin-bottom:30px; }
.sidebar-banner a{ color:#ffffff !important; }
.foo-cols.widget-column .sidebar-banner{ padding:20% 20px; }

.widget-newsletter{ position:relative; }
.widget-newsletter p{ margin-bottom:20px; }
.widget-newsletter form{ position:relative; }
.widget-newsletter input[type=email]{ margin-bottom:0; }
.widget-newsletter .wpcf7-submit{ position:absolute; right:0; top:0; border:none; outline:none; padding:12px 20px; text-transform:uppercase; font-weight:700; background-color:#e63a4a; color:#ffffff; -webkit-appearance:button; -moz-appearance:button;appearance:button; }

/*===============================================
** 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-linkedin{ background-color:#0097bf; }
ul.social-share-post li.social-share-pinterest{ background-color:#cd2127; }
ul.social-share-post li.social-share-mail{ background-color:#d32e2a; }

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

/*===============================================
** Custom 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;}
.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:3em 0; }

/*===============================================
** Woocommerce Product/Shop Page Css
*===============================================*/
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%; }

/****************** Search Result and Sorting *************************/
.woocommerce .woocommerce-result-count{ margin-top:12px; }
.woocommerce .woocommerce-ordering{ margin-bottom:0; 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;background-color: #ffffff; border: 1px solid #e5e5e5; position:relative; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image: url(https://www.ouyiapp.net/wp-content/themes/buildapp-pro/...); }

/*************** Product Thumbnail and overlay elements ****************************/
.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{ display:block;}
.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; }
img.onhover{ position:absolute; top:0; left:0; opacity:0; -webkit-transition:opacity .1s; transition:opacity .1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; object-fit: cover; height: 100% !important; }
.woocommerce ul.products li.product .product-item-inner:hover img.onhover{ opacity: 1; object-fit: cover; }
.woocommerce span.onsale, .woocommerce .woo-entry-new-badge, .woocommerce .sale-perc, .woocommerce .soldout{ text-transform:uppercase; position:absolute; top:0; border-radius:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; font-weight:700; }
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc{ background-color:#e63a4a; 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 .soldout { top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/*************** Product Rating, Title and Price ****************************/
.woocommerce .star-rating span:before{ color:#e63a4a; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ padding:10px 0 10px; }
.woocommerce ul.products li.product .price { font-size: 15px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:#000000; }
.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 ins{ float:left; text-decoration:none; }
.woocommerce ul.products li.product .price del{ font-size: 13px; }

/*************** Add to Cart Button ****************************/
.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{ background-color:#e63a4a; color:#ffffff; padding:10px 12px; display:inline-block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; position:relative; font-weight:normal; line-height:normal; border-radius:0; }
.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; }

/*************** Sidebar CSS ****************************/
#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; margin-bottom:10px; }
.woocommerce .widget_price_filter .price_slider_amount{ text-align:left;}
.woocommerce .widget_price_filter .price_slider_amount .button{ float:none; }
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; margin:15px 0 10px; }
.woocommerce .widget_product_tag_cloud a{ font-size:14px !important; padding:6px 14px; margin:3px; background-color:#e63a4a; display:inline-block; color:#ffffff; }
.woocommerce .widget_product_tag_cloud a:hover{ background-color:#1c1f26; }
.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; }
.widget_product_categories .product-categories li span.count{ float: right; }

/*===============================================
** Single Product Page Css
*===============================================*/
.related.products{ padding:0; }
.related.products h2{ text-transform:capitalize; padding-bottom:15px; font-weight: 500; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:100%; }
.single-product .product .onsale{ left:0; background-color:#e63a4a; }
.woocommerce div.product div.images .flex-control-thumbs li img{ padding:10px 5px 0; }
.woocommerce h1.product_title{ margin:0 0 5px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin:0; font-size:24px; font-weight:400; color:#242423; padding:10px 0; }
.woocommerce div.product .woocommerce-product-rating{ margin: 0; padding: 10px 0;}
.woocommerce-product-details__short-description{ padding:10px 0; }
.woocommerce-product-details__short-description p{ margin: 0; }
.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:#e63a4a;}
.woocommerce div.product p.stock{ color:#ffffff; font-weight:700; padding:10px 0px; display:inline-block; font-size: 15px; margin:0; }
.woocommerce div.product p.stock.avail-in-stock{ color:#008000; }
.woocommerce div.product p.stock.few-in-stock{ color:#f27144; }
.woocommerce div.product p.stock.out-of-stock{ color:red; }

.woocommerce #content div.product form.cart, .woocommerce div.product form.cart, .woocommerce-page #content div.product form.cart, .woocommerce-page div.product form.cart{ margin:2% 0; }
.woocommerce div.product form.cart div.quantity{ float:none; margin: 0; }
.woocommerce .product .quantity-wrap{ float: left; margin-right:10px; }
.quantity-wrap input.plus, .quantity-wrap input.minus{ display:inline-block; height:38px; border:1px solid #d7d7d7; width:36px; color:#d7d7d7; cursor: pointer; vertical-align: top; background: none; font-size: 20px; padding: 0; line-height: 36px; }
.quantity-wrap input.plus:hover, .quantity-wrap input.minus:hover{ background-color:#e63a4a; color:#ffffff; border-color:transparent; }
.quantity-wrap .quantity{ display: inline-block; }
.woocommerce .quantity input[type="number"] { -moz-appearance:textfield; width:45px; height:38px; margin:0 3px; vertical-align:top; padding:5px; text-align:center; border:1px solid #d7d7d7; }
.woocommerce div.product form.cart .variations select{ margin:0 0 6px; -webkit-appearance:revert; -moz-appearance:revert; appearance:revert; max-width:80%; padding:10px; }
.woocommerce div.product form.cart .variations td.label{ text-transform: capitalize; vertical-align: middle;  }
a.reset_variations{ margin:0; margin-left:15px; }

.woocommerce .summary .product_meta{ clear:both; display:inline-block; position:relative; width:100%; padding:2% 0px; }
.product_meta span{ padding: 2px 0; }
.woocommerce .summary .product_meta .posted_in, .entry-summary .sku_wrapper, .entry-summary .variations label, .woocommerce .summary .product_meta .tagged_as, .brand { display:inline-block; margin:0; font-weight:500; width:100%; clear:both; }
.woocommerce .summary .product_meta > span > :first-child { margin-left: 10px; }
.entry-summary .sku, .woocommerce .summary .product_meta .posted_in a, .woocommerce .summary .product_meta .tagged_as a, .brand span a { font-weight: normal; }

.woocommerce-tabs{ padding:30px 0 10px; margin-bottom:30px; }
.woocommerce div.product .woocommerce-tabs ul.tabs{ position:relative; display:inline-block; width:100%; vertical-align:middle; list-style:none; margin: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:18px; padding:0; margin:0 10px 0 0; background-color:transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:10px 12px; border-radius:0; position:relative; font-weight:500; color:#555555 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a.selected{ color:#000000 !important; }
.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: #e63a4a; }
.woocommerce div.product .woocommerce-tabs .panel{ margin:37px 0 20px; }
.woocommerce div.product .woocommerce-tabs .panel h2{ display:none; }

.woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes{ display:table; float:none; width:100%; border:1px solid #e3e3e3; border-collapse:separate; border-spacing:0; border-bottom:none; }
.woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th{ width:150px; font-weight:700; padding:10px 5px 10px 25px; border-top:0; margin:0; color:#000000; text-align:left; background:#ffffff; text-transform: capitalize; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; }
.woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td{ font-style:normal; font-weight:400; padding:8px; border-top:0; margin:0; background:#ffffff; border-bottom:1px solid #e3e3e3; }

.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; }
#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:#e63a4a; 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:1px solid #fafafa; background-color:#fafafa; outline:0; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:border-color .2s ease-in-out; transition:border-color .2s 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{ background-color:transparent; border:1px solid #e63a4a;}

/*===============================================
** Product Cart Page Css
*===============================================*/
body.woocommerce-cart .site-main{ width:100%; float:none; }
body.woocommerce-cart #sidebar{ display:none; }
.woocommerce table.shop_table{ border-radius: 0; }
.woocommerce .woocommerce-cart-form table.shop_table.cart th{ background-color:#f5f5f5; color:#000000; line-height:40px; }
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{ width:50px; }
.woocommerce table.shop_table tr td:first-child{ border-left:none; }
.woocommerce table.shop_table td{ border-left: 1px solid rgba(0,0,0,.1);}
.woocommerce-cart-form__cart-item.cart_item .product-remove, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail{ text-align:center; }
.woocommerce-cart-form__cart-item.cart_item .product-remove a, .woocommerce-cart-form__cart-item.cart_item .product-thumbnail a{ display: inline-block; }
.woocommerce-cart-form__cart-item.cart_item .product-quantity input[type="number"]{ -moz-appearance: revert; }
.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 tr th{ border-right:1px solid #cfd0d2; background-color:#f5f5f5; color:#000000; }
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; }
.woocommerce .woocommerce-cart-form button.button{ margin:0; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width:60%; float:right; }
.shop_table tr td:last-child, .shop_table tr th:last-child { text-align:right; }
.woocommerce a.remove{ line-height:21px; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout{ text-align: right; }
.woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a{ font-weight: normal; text-transform: capitalize; font-size: 16px; }

/*===============================================
** Checkout Page Css
*===============================================*/
body.woocommerce-checkout .site-main{ width:100%; float:none; }
body.woocommerce-checkout #sidebar{ display:none; }
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce-MyAccount-content{ background:#ffffff; border: 1px solid #e8e8e8; padding: 20px 30px; }
.woocommerce .col2-set .woocommerce-billing-fields h3, .woocommerce .col2-set .woocommerce-shipping-fields h3{ text-transform: uppercase; font-size:20px; }
.woocommerce .col2-set .form-row label{ color:#000000; }
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea{ height:10em; line-height: 1.5em; display: block; }
#order_review_heading { margin:30px 0 20px; padding:10px 0; text-transform:uppercase; font-size:18px; }
.woocommerce table.shop_table{ border-collapse: collapse; }
.woocommerce table.shop_table th{ color:#000000; }
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-size:13px; font-weight:700; line-height:30px; background:#f5f5f5; color:#000; }
.woocommerce table.shop_table tfoot th{ background-color:transparent;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{ background-color: transparent; }
.woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { border:1px solid #ebebeb; list-style:outside none none; margin:0; padding:30px; text-align:left; }
.woocommerce #payment ul.payment_methods li{ list-style:none; }
.woocommerce #payment ul.payment_methods img{ width:auto; }

/*===============================================
** My Account Page Css
*===============================================*/
body.woocommerce-account .site-main{ width:100%; float:none; }
body.woocommerce-account #sidebar{ display:none; }
.woocommerce-MyAccount-navigation ul{ margin:0; padding:0; list-style:none; }
.woocommerce-MyAccount-navigation ul li{ list-style:none; margin-bottom:8px; }
.woocommerce-MyAccount-navigation ul li a{ padding:5px 25px; display:block; background-color:#e63a4a; color:#ffffff; }
.woocommerce-MyAccount-navigation ul li a:hover{ background-color:#252525; color:#ffffff; }
.woocommerce-MyAccount-content{ background-color:#f7f7f7; padding:20px; }
.woocommerce-MyAccount-content .woocommerce-info{ margin:0; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account fieldset{ padding:15px; margin-bottom:20px; }
.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account legend{ padding:5px 20px; margin-left:7px; }

/*===============================================
** 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: 1.5rem; background-color:#e63a4a; 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:1px solid #EBEBEB; outline:0; resize:none; font-size:13px; line-height:17px; background-color:#ffffff; color:#000000; font-family:'Sintony'; font-weight:400; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

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:#e63a4a; }

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

.wpcf7-form label{ display:block; text-transform:uppercase; font-family:'Sintony'; 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:1em 1em 1em 7em; position:relative; display:block; background-color:#f9f9f9; }
.comments-area .comment-author { display:inline-block; position:absolute; left:13px; top:13px; }
.comment-metadata{ position:relative; }
.comment-metadata h4{ display:inline-block; margin-bottom:0; }
.comment-metadata h4 cite{ font-family: 'Sintony'; 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: 'Sintony'; 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: 'Sintony'; font-size:14px; margin:0; min-height:36px; }

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

.comment-respond{ margin-bottom:20px; }
.comments-area h3.comment-reply-title{ text-transform:capitalize; margin-bottom:10px; font-size:16px; }
.comments-area h3.comment-reply-title small{ margin-left:50px; }
.comments-area .comment-form p.comment-notes { margin-bottom: 2em;  font-family: 'Sintony'; 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:'Sintony'; 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, .widget_product_search .woocommerce-product-search button{ 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; line-height:1; }
.error-404 .text-404{ font-family:'Sintony'; font-size:18px; color:#9b9b9b; margin-bottom:40px; }
.error-404 .search-form{ width:50%; margin:0 auto 30px; }
.error-404 .search-form input[type=search]{ display:inline-block; width:100%; margin-right:20px; }

/*===============================================
** Search Result Page Css
*===============================================*/
.search-result-form{ width:60%; margin:0 auto; }
.search-result-form input[type="search"]{ width:100%; }
.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; }

/*===============================================
** Default Gallery Css
*===============================================*/
.gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item{ float:left; text-align: center; }
.gallery-item img{ box-shadow:0px 0px 4px #999; border:1px solid #ffffff; padding:8px; background-color:#f2f2f2; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.gallery img:hover { background-color:#ffffff; }
.gallery .gallery-caption { color:#ffffff; background-color:#000000; padding: 10px 0; }

.gallery-columns-2 .gallery-item{ width:48%; margin-bottom:2%; margin-right:4%; }
.gallery-columns-2 .gallery-item:nth-of-type(even){ margin-right:0; }
.gallery-columns-3 .gallery-item{ width:32%; margin-bottom:2%; margin-right:2%; }
.gallery-columns-3 .gallery-item:nth-of-type(3n+3){ margin-right:0; }
.gallery-columns-4 .gallery-item{ width:23.5%; margin-right:2%; margin-bottom:2%; }
.gallery-columns-4 .gallery-item:nth-of-type(4n+4){ margin-right:0; }
.gallery-columns-5 .gallery-item{ width:19.2%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-5 .gallery-item:nth-of-type(5n+5){ margin-right:0; }
.gallery-columns-6 .gallery-item{ width:15.8333%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-6 .gallery-item:nth-of-type(6n+6){ margin-right:0; }
.gallery-columns-7 .gallery-item{ width:13%; margin-right:1.5%; margin-bottom:1.5%; }
.gallery-columns-7 .gallery-item:nth-of-type(7n+7){ margin-right:0; }
.gallery-columns-8 .gallery-item{ width:11.6%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-8 .gallery-item:nth-of-type(8n+8){ margin-right:0; }
.gallery-columns-9 .gallery-item{ width:10.2%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-9 .gallery-item:nth-of-type(9n+9){ margin-right:0; }

.gallery dl, .gallery dt { margin: 0; }