/*
Theme Name: Awesomeone Pro
Theme URI: https://flythemes.net/wordpress-themes/awesomeone-corporate-wordpress-theme/
Author: Flythemes
Author URI: https://www.flythemes.net/
Description: AwesomeOne Pro theme is responsive corporate WordPress theme which can useful for multipurpose industries. This theme is responsive and compatible with latest version of WordPress. This theme can also be useful for business, blogging, photography, magazine, religious, portfolio, counselling, restro etc. This theme has multiple features like color changing option, font typography, slider settings, multiple section and many more. This theme is very to use for non coders. This theme has created with the HTML5 and CSS3, AwesomeOne theme is cross borwser compatible with iphone and ipad and runs very smoothly. this theme is comaptible with plugins like woocommerce, contact form 7, jetpack etc. This is translation ready theme it can be translated in any language.  Check demo at: http://flythemes.net/demo/awesomeone/
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: awesomeone
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

Awesomeone Pro WordPress Theme has been created by Flythemes(flythemes.net), 2019.
Awesomeone 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; line-height:24px; margin:0; padding:0; color:#666666; font-size:14px; font-family:'Roboto Condensed'; background-color:#ffffff; font-weight:400; }
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:36px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:10px;}
h5{ font-size:18px;}
h6{ font-size:16px;}
.left{float:left;}
.right{float:right;}
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:10px 20px; text-align:left; border-left:5px solid #01aaad; margin-bottom:20px; color:#000000; font-weight: 400; font-size: 18px; font-style:italic; line-height:30px; background-color:#f7f7f7; }
blockquote.align-right{ padding:10px 20px; text-align:right; border-right:5px solid #01aaad; margin-bottom:20px; color:#000000; font-weight: 400; font-size: 18px; font-style:italic;  line-height:30px; background-color:#f7f7f7; }
hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; }
p{ margin:0 0 25px; 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;}
.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
*===============================================*/
.sticky-header{ background-color:#4f6dcd; width:100%; left:0; right:0; box-shadow:0 1px 10px rgba(0, 0, 0, .2); position:fixed; top:-300px; -webkit-transition:all .3s; transition:all .3s; z-index:30000; padding:0; }
.sticky-header .container{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:space-between; align-items:center; }
.sticky-header.show{ top:0; transition-delay:.3s; }
.sticky-header .sticky-left{ width:20%; }
.sticky-header .sticky-right{ width:80%; }
.sticky-header .sticky-right .sitenav{ text-align:right; padding:0; }
.sticky-header .sticky-right .sitenav ul{ border:none; }
.sticky-header .sticky-right .sitenav ul li a{ padding:28px 15px; }
.sticky-header .sticky-right .sitenav ul li ul li a{ padding:10px 15px; }

/*===============================================
** Header Css
*===============================================*/
.header-main{ position: absolute; width: 100%; left: 0; }
.header{ padding:0; background-color:rgba(0, 0, 0, .8); position:absolute; z-index:20; left: 0; right: 0; }
.header .container{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; }
.header-left{ width:18%; margin-right:auto; }
.header-right{ text-align:right; }
.header-btn{ margin:30px 0; }
.header-btn a.main-button{ display:block; margin:0; }

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ text-align:left; padding:0; position:relative; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; text-transform:capitalize; }
.logo img{ width:auto; height:auto; display:block; }
.logo h1{ font-weight:700; margin:0; font:700 30px/1 'Raleway'; color:#ffffff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.logo a{ display:block; }
.logo p{ color:#ffffff; display:block; font:400 12px/16px 'Karla'; margin:5px 0 0; }

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

.navigation{ background-color:#4f6dcd; position:relative; }
.sitenav{ position:relative; margin:0 auto 0 0; padding:0; z-index:14; }
.sitenav ul {margin:0; padding:0; font-family:'Roboto Condensed'; font-size:15px; font-weight:400; text-transform:uppercase; }
.sitenav ul li{ display:inline-block; position:relative; line-height:normal; }
.sitenav ul li a{ padding:20px 10px; display:block; text-align:left; color:#ffffff; 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:#0fa5d9; }
.sitenav ul li a.parent:before{ content:'\f107'; position:absolute; right:-2px; 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{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; }
.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:before{ content:'\f105'; position:absolute; right:8px; top:50%; 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 { width:60%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
.slider-overlay{ background-color:rgba(0,0,0,0.7); padding:1em; border-radius:5px; margin-bottom:50px; }
.slider-main{ min-height:740px; position:relative; background-image:url(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%; }

/*===============================================
** Social Icons Css
*===============================================*/
#sidebar .social-icons{ text-align:center; }
.social-icons{ white-space:pre-wrap; }
.social-icons a{ width:30px; height:30px; line-height:30px; display:inline-block; padding:0; -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; font-size:16px; color:#4f6dcd; position:relative; margin:0 1px; text-align:center; }
.social-icons a:hover { color:#01aaad; }
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.main-button{ font-family:'Open Sans'; font-size:14px; font-weight:600; text-transform:uppercase; padding:14px 20px; margin-bottom:4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; background-color:#01aaad; position: relative; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
a.main-button span{ display:block; }
a.main-button:hover{ background-color:#4f6dcd; color:#ffffff; }

a.buttonstyle1{ text-transform:uppercase; color:#ffffff; background-color:#111111; padding:12px 25px; font:700 12px/18px 'Roboto'; display:inline-block; letter-spacing:2px; }
a.buttonstyle1:hover{ background-color:#4f6dcd; color:#ffffff; }

a.sliderbtn{ text-transform:uppercase; display:inline-block; text-align:center; background-color:#0fa5d9; color:#ffffff; position:relative; transition: 0.5s ease-in-out; overflow:hidden; z-index:1; padding:12px 30px; }
a.sliderbtn:hover { color:#ffffff; background-color:#006f95; }

.custombtn{ margin-top:40px;}

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:center; margin-bottom: 50px; }
h2.section_title{ font:700 30px/42px 'Roboto Condensed'; color:#000000; position:relative; border-bottom: 2px solid; text-transform:uppercase; padding:0 0 15px; margin:0 auto; display:inline-block; }
.section_head p{ margin:30px auto 0; width:80%; line-height:1; font-size: 36px; font-weight: 300; }
.full-container .section_head p{ width:42%; }
.title-left .section_head{ text-align: left; }
.title-left .section_head p{ margin: 30px 0 0 0; width: 100%; }

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.8); 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{ text-transform:capitalize; font-weight:700; position:relative; margin-bottom:0px; }
.custom-heading h2 span{ display:block; font-size:50%; 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:30px; }
.grid-col-three{ width:32%; margin-right:2%; margin-top:30px; }
.grid-col-four{ width:23.5%; margin-right:2%; margin-top:30px; }

/*===============================================* Theme Shortcode Css Start *===============================================*/
.welcome-heading{ text-align: right; padding: 0 16px; }
.welcome-heading h2{ color:#0fa5d9; font-size: 40px; display: block; text-transform: uppercase; }
.welcome-heading h2 span{ display: block; color:#444444; font-size:15px; font-weight: 600; margin-bottom: 10px; }

/*===============================================
** Service Box Css
*===============================================*/
.service-box{ text-align:center; position:relative; border: 1px solid #dfdfdf; padding: 2em 1em; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.service-box:after{ content: ''; width: 0%; height: 3px; margin: 0 auto; background-color:#0fa5d9; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.service-box:hover{ background-color:#f6f6f8; border-color:transparent; }
.service-box:hover::after{ width:100%; }
.service-icon{ width: 80px; height: 80px; border:2px solid; color:#454545; margin:0 auto 20px; font-size:40px; line-height: 80px; border-radius: 50%; }
.service-content p{ margin: 0; }

/*===============================================
** Half image content Css
*===============================================*/
.half_content_wrap{ position:relative; }
.half_content_image{ height:100%; right:0; position:absolute; top:0; width:50%; overflow:hidden; }
.half_content_image.floated-right{ float:right; }
.half_content_image-bg{ background-position:center center; background-repeat:no-repeat; background-size:cover; height:105%; left:0; position:absolute; top:0; width:105%; }
.half_content_text{ width:50%; text-align:left; }
.half_content_text.floated-left{ float:left; }
.half_content_text_inner{ padding:10%; }
.half_content_text p{ margin:0 auto 50px; line-height:28px; }
.half_content_text.floated-right{ float:right; }
.half_content_image.floated-left{ float:left; left:0; }
.container .half_content_wrap .half_content_text_inner{ padding:10%; }

/*===============================================
** Icon Box Css
*===============================================*/
.icon-box{ text-align: center; position: relative; }
.icon-box-inner{ padding:2em 1em; }
.icon-thumb{ width: 80px; height: 80px; border:2px solid; color:#000000; margin:0 auto 20px; font-size:34px; line-height: 80px; border-radius: 50%; }
.icon-content h6{ text-transform: uppercase; }
.icon-box:after{ content: ''; width:100%; height: 3px; margin: 0 auto; background-color:#dedee0; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.icon-box:hover::after{ background-color:#0fa5d9; }
.icon-content p{ margin-bottom: 0px;}

/*===============================================
** Home Contact Us Css
*===============================================*/
.home-contact-left{ width:65%; float:left; }
.home-contact-right{ width:25%; float:left; margin-left:9%; }
.home-contact-left h5, .home-contact-right h5{ margin-bottom: 35px; text-transform: uppercase; }
.home-contact-right p{ margin-bottom: 5px;}
.home-contact-right p span{ display: inline-block; text-transform: uppercase; font-size: 18px; margin-right: 5px; }
.home-contact-right p:last-child span{ display: block;}
.home-contact-right hr{ margin: 20px 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; }
.portfolio-main .portfolio-image img{ -webkit-transform:rotate(14deg) scale(1.3); -ms-transform:rotate(14deg) scale(1.3); transform:rotate(14deg) scale(1.3); -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.portfolio-main .portfolio-image:hover img{ -webkit-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }

.portfolio-main .portfolio-title { position:absolute; bottom:0; left:0; width:100%; text-align:left; padding:20px; }
.portfolio-main .portfolio-title h3{ font-weight:400; color:#ffffff; margin:0; position:relative; z-index:2; }
.portfolio-main .portfolio-title:before{ content:''; background-color:rgba(0,0,0,0.5); 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:#01aaad; color:#ffffff; font-size:18px; border-radius:50px; }
.portfolio-main .portfolio-meta span a:hover{ background-color:#4f6dcd; }
.portfolio-main .portfolio-image:hover .portfolio-meta{ -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); opacity:1; }

/* Single Portfolio */
.portfolio-metadeta{ border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; padding:10px 30px; text-align:center; margin-bottom:50px; }
.portfolio-metadata-item{ display:inline-block; margin:0 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{ width:80%; margin:50px auto; }

/*===============================================
** Testimonials Css
*===============================================*/
#clienttestiminials{ margin:0 auto; width:80%; }
.testi-thumb{ width:100px; height:100px; overflow:hidden; border:5px solid #01aaad; z-index:1; margin:0 auto 30px; border-radius: 50%; }
.testi-content{ position:relative; padding:45px; font-size: 17px; font-style: italic; }
.testi-desc p{ font-weight:400; line-height:28px; font-style:italic; text-align:center; margin-bottom:0; }
.testimonials-item .tmttl h4{ margin:0; font-weight: 400; }
.testimonials-item .tmttl{ text-align:center; }
.testimonials-item .tmttl h4 a{ color:#0fa5d9; }
.testimonials-item .tmttl h4 a:hover{ color:#ffffff; }
.testimonials-item .tmttl span{ display:block; font-family:'Roboto'; margin:15px 0 0; font-size:14px; font-style:normal; font-weight:400; color:#ffffff; }

/*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; }
.gallery-image{ position:relative; overflow:hidden; }
.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:#0fa5d9; text-align:center; }
.gallery-title h5{ margin:0; text-transform:uppercase; letter-spacing:2px; color:#ffffff; font-size:16px; }
.gallery-image:hover .gallery-title{ opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.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%); 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:#0fa5d9; display:block; color:#ffffff; }
.gal-icon a:hover{ color:#ffffff; background-color:#2c2c2c; }
.gallery-image:hover .gal-icon{ opacity:1; top:50%; }

.gal-col-two, .gal-col-three, .gal-col-four{ float: left;}
.gal-col-two{ width: 50%; }
.gal-col-three{ width: 33.3333%; }
.gal-col-four{ width: 25%; }

/*===============================================
** Our Team Css
*===============================================*/
.teammember-list{ text-align:left; background-color: #ffffff; position: relative; overflow: hidden; }
.team-thumbnail{ position:relative; overflow:hidden; }

.team-content-overlay{ position:absolute; text-align: center; background-color:#0fa5d9; color:#ffffff; top: 0; bottom:0; padding:20px; left:0; right:0; -webkit-transition: -webkit-transform 0.35s; transition:transform 0.35s; transition-delay:0s; -webkit-transform:translate3d(0,100%,0); -ms-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); }
.teammember-list:hover .team-content-overlay{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.team-content-overlay .team-name{ margin: 30px 0;}
.team-content-overlay p{ margin-bottom:10px; }
.member-social-icon{ text-align: center; margin-top: 20px; }
.member-social-icon a{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; margin:0 3px; background-color:#ffffff; font-size: 16px; }

.team-content{ text-align:center; padding:30px 20px 20px; }
.team-name h4{ text-transform:uppercase; margin-bottom:8px; font:400 18px/24px 'Roboto Condensed'; }
.team-content span{ -webkit-transition:all 350ms ease; -ms-transition:all 350ms ease;transition:all 350ms ease; margin-bottom:10px; display:block; color: inherit; }
.team-name h4 a{ color:#000000; }
.teammember-list:hover h4 a, .teammember-list:hover span{ color:#ffffff; }

/*===============================================
** Latest Blog Css
*===============================================*/
.news-box{ position:relative; overflow:hidden; }
.news-thumb{ position:relative; overflow:hidden; margin-bottom:20px; }
.news-thumb img{ -webkit-transition: -webkit-transform 1s; transition:transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.news-overlay{ position: absolute; bottom: 0; width: 100%; left: 0; background-color: #0fa5d9; opacity: 0.8; }
.news-overlay span{ position: relative; z-index: 1; opacity: 1; }
.news-overlay span a{ padding:10px; display: inline-block; color: #ffffff; position: relative; }
.news-overlay span i{ width: 26px; height: 26px; line-height: 26px; text-align: center; background-color:#000000; border-radius: 50%; font-size: 12px; }
.news-overlay span:last-child{ float: right; }
.news-overlay span.post-cate a{ padding-left: 40px; }
.news-overlay span.post-cate a:before{ content:'\f03a'; width: 26px; height: 26px; line-height: 26px; text-align: center; font-family:'Font Awesome 5 Pro'; background-color:#000000; border-radius: 50%; font-size: 12px; position: absolute; left: 8px; font-weight: 700; }

.news-content{ margin:0; position:relative; z-index:10; }
.news-content h3{ margin:0 0 15px; font-family:'Roboto Condensed'; font-size:18px; font-weight:400; line-height:1.2; text-transform: uppercase; }
.news-content h3 a { color:#2d2d2d; }
.latest-news-para p{ line-height:22px; margin-bottom:25px; }

.post-meta{ text-transform:capitalize; font-size:12px; margin:0 0 15px; white-space:initial; }  
.post-meta span{ display:inline-block; position:relative; padding:2px 0; }
.post-meta span:last-child{ padding-right:0; }
.post-meta span a{ display:block; background-color:#01aaad; color:#ffffff; padding:0 10px; margin:0 3px; position:relative; }
.post-meta span a:hover{ background-color:#4f6dcd; color:#ffffff; }
.post-meta span a i{ margin-right:5px; }
.post-meta span a:before{ position:absolute; left:10px; font-family:'Font Awesome 5 Pro'; font-weight:700; }
.post-meta span.post-cate a:before{ content:'\f02c'; }
.post-meta span.post-auth a:before{ content:'\f007'; }
.post-meta span.post-cate a,.post-meta span.post-auth a{ padding-left:30px; }

.news-box:hover h3 a{ color:#01aaad; }
.news-box:hover img { -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }

.ln-read-more{ font:400 16px/18px 'Roboto condensed'; text-transform:capitalize; display:inline-block; background-color:#0fa5d9; color:#ffffff; padding:10px 30px; z-index:0; border-radius:5px; }
.ln-read-more:hover{ background-color:#01aaad; color:#ffffff; }

/*===============================================
** 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; width:25%; }
.inner-counter{ padding:50px 20px; position: relative; }
.counter-box h3{ margin:0; font-size:18px; font-weight:600; text-transform:uppercase; letter-spacing:1px; }
.counter-box h3.counter { font:400 50px 'Oswald'; margin:0 0 10px; line-height: normal; display:inline-block; } 
.counter-box span{ display:inline-block; font-size:50px; margin-left:10px; }
.counter-box i{ color:#ffffff; display:block; font-size:50px; margin-bottom:10px; }

/*===============================================
** Client Logo CSS
*===============================================*/
.partner-logo{ text-align:center; padding:0 20px; }
.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:70px; 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 { color:#1b1b1b; text-transform:uppercase; }
.skillbar-title span { display:block; color:#1b1b1b; padding:0; height:35px; font-size:16px; line-height:35px; font-family:'Roboto Condensed'; letter-spacing:1px; }
.skillbar-bar { height:35px; width:0px; background-color:#0fa5d9; }
.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:#a9aeb1; }

/*===============================================
** 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; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; position:relative; border:2px solid #4f6dcd !important; }

.owl-carousel .owl-nav button:hover{ border-color:#01aaad !important; background-color:transparent !important; }
.owl-carousel .owl-nav button:hover::before{ color:#01aaad !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:700; left:0; top:0; font-size:18px; right:0; bottom:0; line-height:36px; color:#4f6dcd; }

.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'; }

#clienttestiminials .owl-nav button{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
#clienttestiminials .owl-nav button.owl-prev{ left: -80px;}
#clienttestiminials .owl-nav button.owl-next{ right: -80px;}

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-image:url('images/footer-bg.png'); background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: cover; color:#ffffff; position:relative; padding:60px 0 20px; }
.widget-column{ width:100%; 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{ margin:0 auto 40px; text-transform:uppercase; font-weight:700; color:#ffffff; font-size:30px; font-family:'Roboto Condensed'; position:relative; padding-bottom:20px; letter-spacing:1px; border-bottom: 1px solid; display: table; }

.foo-cols ul.menu li a, #footer-wrapper a{ color:#01aaad; }
.foo-cols ul.menu li a:hover, #footer-wrapper a:hover{ color:#4f6dcd; }

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

.footer-social{ text-align: center; margin: 50px 0; }
.footer-social .social-icons a{ border-radius:29px; height:50px; line-height: 50px; margin:0 13px 13px 0; width:50px; font-size: 2em; background-color:#444444; color:#ffffff !important; }
.footer-social .social-icons a:hover{ background-color: #ffffff; color: #0fa5d9 !important;}

/*===============================================
** Footer Widget Css
*===============================================*/
.foo-getintouch{ margin:20px 0; }
.getintouch-logo{ margin:0 0 30px; width:70%; }
#sidebar .getintouch-logo{ width:auto; }
#sidebar .widget-getintouch-info li{ padding-left:40px; }
.getintouch-logo img{ width:auto; }
.widget-getintouch-info li{ display:block; padding-left:40px; margin-bottom:10px; position:relative; }
.widget-getintouch-info li:before{ position:absolute; left:0; font-family:'Font Awesome 5 Pro'; font-weight:300; font-size:22px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.widget-getintouch-info li:first-child::before{ content:'\f3c5'; }
.widget-getintouch-info li:nth-child(2)::before{ content:'\f0e0'; }
.widget-getintouch-info li:nth-child(3)::before{ content:'\f879'; }
.widget-getintouch-info li:nth-child(4)::before{ content:'\f017'; }
.widget-getintouch-social{ margin-top:30px; }
.widget-getintouch-social li{ display:inline-block; margin:0 10px; }

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:#232323; color:#979797; }
ul.footer-social li a:hover{ color:#ffffff; background-color:#4f6dcd; }

.footer-nav li{ text-transform:uppercase; margin-bottom:15px; display:block; margin-right:32px; }
.footer-nav li a{ display:block; margin-bottom:8px; position:relative; padding-left:20px; }
.footer-nav li a:before{ content:'\f101'; font-family:'Font Awesome 5 Pro'; position:absolute; font-weight:300; font-size:20px; 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:20px; padding-bottom:20px; clear: both; overflow: hidden; border-bottom:1px solid; }
.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:15px; font-weight:700; text-transform:uppercase; font-family:'Open Sans'; }
.latest-post-content{ overflow:hidden; }
.latest-post-content p{ line-height:20px; font-size:14px; margin-bottom:0; }

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

.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 h2.wid-abt-hd{ margin: 0 0 10px; color:#01aaad; }
.widget-about-conte .sub-wid-abt-hd{ color:#4f6dcd; 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:#4f6dcd; 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 span{ float:left; }

#instafeed:after{ content:''; display:table; clear:both; }
#instafeed .instafeed{ position:relative; overflow:hidden; }
#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%); }
#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); }

.insta_follow{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background-color:rgba(234,188,172,0.8);  opacity:0; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.insta_follow a{ background-color:#ffffff; padding:5px 25px; position:absolute; width:80%; top:50%; left:50%; display:table; margin:0 auto; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%); }
#instafeed .instafeed:hover .insta_follow{ opacity:1; }

#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:#2e2e2e; padding:20px 0; color:#ffffff; text-align:center; }
.copyright-wrapper a{ color:#0fa5d9; }
.copyright-wrapper a:hover{ color:#000000; }
.copyright-left{ float:left; }
.copyright-left ul li{ display: inline-block; margin-right:10px; }
.copyright-left ul li ul{ display: none;}
.copyright-right{ float:right; }

/*===============================================
** 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; }
.innerbanner .container{ padding:10em 0 5em; }
h1.innerpage-title{ display:table; text-transform:uppercase; position:relative; font-size:36px; margin:0; padding:15px 0; color:#ffffff; }

/* 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
*===============================================*/
.blog-post-repeat{ width:48%; float:left; margin:0 4% 30px 0; }
.blog-post-repeat.lastcols{ margin-right:0; }
.blog-post-repeat article{ position:relative; overflow:hidden; border:1px #eaeaea solid; box-shadow:0px 5px 15px rgba(0,0,0,0.05)	; }
.post-thumb{ position:relative; overflow:hidden; }
.post-thumb img { -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.post-thumb .post-date{ position: absolute; top:0; right:0; background-color:#4f6dcd; color:#ffffff; font-size:30px; font-weight:700; padding:15px; text-align:center; transition: all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; z-index: 9; }
.post-thumb .post-date span { display:block; font-weight:400; font-size:50%; margin-top:10px; text-transform:uppercase; }
.post-data{ padding:30px 20px; position:relative; }

.blog-post-repeat:hover img { opacity:0.4; -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1); }

.blog-post-repeat .post-data{ overflow:hidden; }
.blog-post-repeat .post-data p{ line-height:28px; margin-bottom:25px; }
.blog-post-repeat .post-data h3.post-title{ margin:0 0 15px; }

/* 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:#4f6dcd; 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-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:#4f6dcd; 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%); -moz-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; }
#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 #01aaad; 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:#01aaad; 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:#01aaad; }
#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:#01aaad; margin-right:5px; color:#ffffff; text-align:center; }
.member-single-social a:hover{ background-color:#4f6dcd; color:#ffffff; }

.single-team-content, .single-testi-content{ padding-left:50px; }
.single-team-work-details ul li{ display:block; border-bottom:1px solid #eaeaea; padding-bottom:20px; margin-bottom:20px; }
.single-team-work-details ul li .member-work-title{ color:#1a1a1a; width:19%; vertical-align:middle; display:inline-block; font-weight:700; }
.single-team-work-details ul li .member-work-cont{ display:inline-block; width:80%; vertical-align:middle; }
.single-team-work-details ul li .member-work-cont span{ display:inline-block; margin:0 5px 5px; width:22%; }
.single-team-work-details ul li .member-work-cont span i{ color:#01aaad; margin-right:5px; }
.single-team-work-details ul li .member-work-cont span strong{ display:block; }

/*===============================================
** Contact Page Css
*===============================================*/
.gmap{ position:relative; width:100%; margin-bottom:0; }

.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; }

.contact-content .form-group input[type=text], .contact-content .form-group input[type=email], .contact-content .form-group input[type=tel], .contact-content .form-group textarea{ background-color:transparent; border:1px solid; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; padding: 10px;  }
.contact-content .form-group input[type=text]:focus, .contact-content .form-group input[type=email]:focus, .contact-content .form-group input[type=tel]:focus, .contact-content .form-group textarea:focus{ border-color:#63b51b; }

.contact-wrap{ border:1px solid #eaeaea; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:space-between; align-items:stretch; flex-direction:row; }
.contact-content{ width:66.666666%; }
.inner-contact-content{ padding:40px; }

.contact-informaton{ width:33.333333%; background-color:#daecf3; font-size:16px; }
.inner-contact-informaton{ padding:40px; }
.contact-informaton h2{ margin-bottom:50px; }
.c-info-box{ margin-bottom:20px; display:table; }

/*===============================================
** 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{ font-size: 1.294em; font-weight: 700; line-height:36px; letter-spacing: 0.4px; position:relative; padding:5px 15px; color:#0fa5d9; border:2px solid; } 
h3.widget-title span { display: block; width: 100%; letter-spacing: 0px; text-transform: uppercase; }
#sidebar aside.widget{ margin:0 0 40px; 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:#000000; position:relative; }
#sidebar ul li a:hover{ color:#4f6dcd;}
#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; -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:#4f6dcd; color:#ffffff; }
#sidebar #wp-calendar tbody td a:hover, #sidebar #wp-calendar tfoot td a:hover{ background-color:#2c2c2c; }
#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:#4f6dcd; 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: 0; right:25px; z-index:999;}
#back-top a {width:64px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:#4f6dcd; -webkit-transition:1s; -ms-transition:1s; transition:1s; font-size:40px; line-height:1; }
#back-top a:hover{ color:#01aaad; }
#back-top span { width:64px;height:62px; display: block; margin-bottom: 7px; -webkit-transition:1s; -ms-transition:1s; transition:1s; opacity:0.9; }
#back-top i{ line-height: 64px; }

/*===============================================
** 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 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 ul.products li.product .product-item-inner{ padding-bottom:20px; }
.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:'Assistant'; position:relative; -webkit-appearance:none; -moz-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:uppercase; font-size:14px; font-family:'Assistant'; 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:#4f6dcd; 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: 18px; }
.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 #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:#4f6dcd; color:#ffffff; padding:12px 25px; display:inline-block; -webkit-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; text-transform: uppercase; position:relative; font-weight:bold; line-height:normal; border-radius:0; font-size:80%; }
.woocommerce a.add_to_cart_button.added{ display:none; }
.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{ margin:1em auto 0; }
#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: 46px; height:41px; 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:#4f6dcd;}
.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:uppercase; 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:#4f6dcd; }
.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:#4f6dcd; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom: 1.618em; font-size:18px; font-weight:700; color:#242423; }
.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:#4f6dcd;}
.woocommerce .quantity .qty{ width:5em; margin:0 20px 0 0; }
.product_meta{ margin-top:15px; margin-bottom:30px; padding-left:0; font-size:13px; list-style:square; color:#757575; }
.product_meta > span { display:block; position:relative; padding-left:15px; margin-bottom:3px; }
.woocommerce .product_meta span span{ display:inline-block; }
.woocommerce .product_meta .posted_in{ margin-right:30px; }
.product_meta > span:before{ content:"\f111"; font-family:'Font Awesome 5 Pro'; font-weight:700; position:absolute; left:0; top:1px; font-size:6px; margin-right:10px; color:#4f6dcd; }

.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:#000000 !important; position:relative; }
.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: #4f6dcd; }
.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:#4f6dcd; 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; -o-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 #4f6dcd;}

.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; }

section.related.products h2.woocommerce-loop-product__title{ border-bottom:none; }

/*===============================================
** Product Cart Page Css
*===============================================*/
body.woocommerce-cart .site-main{ width:100%; float:none; }
body.woocommerce-cart #sidebar{ display:none; }
.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 .woocommerce-cart-form button.button{ margin:0; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width:100%; float:none; }
.shop_table tr td:last-child, .shop_table tr th:last-child { text-align:right; }
.woocommerce a.remove{ line-height:21px; }

/*===============================================
** Checkout Page Css
*===============================================*/
body.woocommerce-checkout .site-main{ width:100%; float:none; }
body.woocommerce-checkout #sidebar{ display:none; }
.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-shipping-fields{ margin-top:20px; }

.woocommerce-order{ text-align:center; }
.woocommerce-thankyou-order-details, .wc-bacs-bank-details{ padding:0; list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap: wrap; margin-bottom:10px; }
.woocommerce ul.order_details{ margin:3em 0; }
.woocommerce-thankyou-order-details li, .wc-bacs-bank-details li{ -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; padding-left:20px; padding-right:20px; margin-bottom:20px;  border-right:1px solid rgba(129, 129, 129, 0.2); text-align:center; }
.woocommerce-thankyou-order-details li:last-child, .wc-bacs-bank-details li:last-child { border-right: none; }

.woocommerce ul.order_details li:last-of-type{ border:none; margin-right:0; padding-right:0; }
.woocommerce-order section{ padding:20px 0; }

/*===============================================
** 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:#4f6dcd; 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: 2.6rem 3.2rem; background-color:#4f6dcd; 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 #d2d1d1; 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:#4f6dcd; }

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

.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: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: '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; }

.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: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{ 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: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; }