/*
Theme Name: Conveyor Pro
Theme URI: https://risingthemes.net/shop/transport-wordpress-theme/
Author: Risingthemes
Author URI: https://www.risingthemes.net/
Description: Dinning is a modern, clean, elegant, and fully functional professional responsive restaurant WordPress theme. This theme has an excellent design to make the best online restaurant website. This theme comes with easy to use theme options panel. It contains slider settings, font settings, color settings, footer settings and many more. This theme has a modern layout and it gives your website the best look and feel of the restaurant website. Many people want their website to looks like a live restaurant and hence we have created this beautiful template to fulfill their wish. This theme is compatible with the latest version of WordPress and many plugins like wocommerce, contact form 7, jetpack etc. This theme has comes with the default content so it would be very easy for you to manage content easily. This theme has many sections that can showcase the quality of your business or shop. This theme is fully responsive and working really fine with all the screen resolutions. Check demo at: http://risingthemesdemo.net/conveyor
Version: pro 1.0
Tested up to: 5.5
Requires PHP: 7.0
License: https://www.gnu.org/licenses/gpl-3.0.en.html
License URI: license.txt
Text Domain: conveyor
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

Conveyor Pro WordPress Theme has been created by Risingthemes(risingthemes.net), 2020.
Conveyor 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{ margin:0; padding:0; font-family:'Lato'; line-height:26px; color:#888888; font-size:16px; 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{ width:100%; height:auto; display:block; }
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:700; }
h1{ font-size:32px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:22px;}
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 #ff3f39; 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 #ff3f39; 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 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: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:#131c21; 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.show{ top:0; transition-delay:.3s; }
.sticky-header .sticky-left{ width:20%; margin-right:auto; position:relative; z-index:1; background-color:#ff3f39; padding: 12px 12px 12px 0;}
.sticky-header .sticky-left::before { content:''; position:absolute; left:-99999px; width:99999px; top:0; bottom:0; background-color:#ff3f39; z-index:-1;}
.sticky-header .sticky-left::after { content:''; width:70px; height:100%; position:absolute; top:0; right:-28px; bottom:0; background-color:#ff3f39; -webkit-transform:skewX(30deg); -ms-transform:skewX(30deg); transform:skewX(30deg); z-index:0;}
.sticky-header .sticky-right{ width:80%; }
.sticky-header .sticky-right .sitenav{ text-align:right; padding:0; }
.sticky-header .sticky-right .sitenav ul li a{ padding:28px 15px; }
.sticky-header .sticky-right .sitenav ul li ul li a{ padding:10px 10px; }

/*===============================================
** Header Css
*===============================================*/
.header-main{ position:relative; width:100%; }
.header{ position:relative;}
.header-left{ width:20%; margin-right:auto; position:relative; z-index:1; padding:20px 25px 20px 20px; background-color:#ff3f39; }
.header-left::before { content:''; position:absolute; left:-99999px; width:99999px; top:0; bottom:0; background-color:#ff3f39; z-index:-1;}
.header-left::after { content:''; width:70px; height:100%; position:absolute; top:0; right:-28px; bottom:0; background-color:#ff3f39; -webkit-transform:skewX(30deg); -ms-transform:skewX(30deg); transform:skewX(30deg); z-index:0;}
.header-right{ margin-left:2%; width:68%; padding:15px 0px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; flex-direction:row;}
.head-right-box { position:relative; padding:0 10px;}
.headbx-icon { float:left; margin-bottom:10px; margin-right:15px;}
.headbx-icon i { font-size:30px; color:#ff3f39;}
.headbx-text { text-align:left; float:right;}
.headbx-text h5 { margin-bottom:5px;}

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ text-align:left; position:relative; z-index:1; -webkit-transition:0.3s; transition:0.3s; }
.logo img{ width:auto; height:auto; display:block; }
.logo h1{ margin:0; font:700 24px/1 'Libre Baskerville'; color:#ff3f39; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-transform:capitalize; }
.logo a{ display:block; }
.logo p{ color:#acacac; display:block; font:400 14px/16px 'Karla'; margin:5px 0 0; }

/*===============================================
** Navigation Css
*===============================================*/
.navigation { background-color:rgba(19,28,33,0.8); position:absolute; left:0; right:0; z-index:9;}
.toggle{ display: none; position: relative; margin:0; text-transform:uppercase; font-weight:700; }
.toggle a{ width:auto; padding:28px 25px; text-align:left; border-left:1px solid; color:#ffffff; }
.toggle a:hover{ color:#ffffff; }
.toggle a:before{ content:'\f0c9'; font-family:'Font Awesome 5 Pro'; font-weight:400; position:absolute; top: 15px; font-size: 28px; left: 14px; }

.sitenav{ position:relative; margin:0; z-index:14; }
.sitenav ul {margin:0; padding:0; font-family:'Lato'; font-size:14px; font-weight:700; text-transform:uppercase; text-align:center;}
.sitenav ul li{ display:inline-block; position:relative; line-height:normal; margin-right:12px; }
.sitenav ul li a{ padding:20px 20px; display:block; text-align:left; color:#ffffff; position:relative; z-index:1;}
.sitenav ul li a::after { content:''; position:absolute; width:0; height:100%; top:49%; left:50%; opacity:0; -webkit-transform:translateX(-50%) translateY(-49%) skewX(30deg); -ms-transform:translateX(-50%) translateY(-49%) skewX(30deg); transform:translateX(-50%) translateY(-49%) skewX(30deg); -webkit-transition:all .5s cubic-bezier(.215,.61,.355,1); transition:all .5s cubic-bezier(.215,.61,.355,1); z-index:-1; background-color:#ff3f39;}
.sitenav ul li:last-child{ margin-right: 0; }
.sitenav ul li a span{ display:block; }


/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li:hover a::after, .sitenav ul li.current_page_item a::after { width:100%; opacity:1;}
.sitenav ul li.current_page_item a, .sitenav ul li a:hover{ color:#ffffff;}
.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{display:none; z-index:9999; position:absolute; left:-9999px; }
.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; background-color:rgba(19,28,33,0.8); }
.sitenav ul li:hover > ul li a:hover { background-color:#ff3f39;}
.sitenav ul li:hover > ul li a::after { content:none;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:-1px; line-height:18px; margin-left:0; margin-right:0; }
.sitenav ul li ul li a{display:block; padding:10px 10px 10px 20px; 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:'\f105'; position:absolute; right:12px; 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; 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:60%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
#slider:before{ background-color:rgba(0,0,0,0); content:''; position:absolute; left:0; right:0; z-index:6; width:100%; height:100%; }
.slider-main{ min-height:600px; 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%; }
.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:36px; display:inline-block; padding:0; -webkit-transition:0.3s; transition:0.3s; font-size:16px; background-color:#131c21; color:#ffffff; position:relative; margin:0 1px; text-align:center; border:2px solid; border-radius:30px; margin-right:8px; }
.social-icons a:hover { background-color:#ff3f39; color:#ffffff; }
.social-icons br{ display:none;}

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

a.buttonstyle1{ text-transform:uppercase; color:#ffffff; background-color:#131c21; padding:10px 20px; font:700 12px/18px 'Roboto'; display:inline-block; letter-spacing:2px; }
a.buttonstyle1:hover{ background-color:#ff3f39; color:#ffffff; }

a.sliderbtn{ display:inline-block; text-align:center; background-color:#ff3f39; color:#ffffff; position:relative; transition: 0.5s ease-in-out; overflow:hidden; z-index:1; padding:12px 35px; border-radius:40px; text-transform:uppercase; font-weight:700; }
a.sliderbtn:hover { color:#ffffff; background-color:#131c21; }

.custombtn{ margin-top:40px;}

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:left; margin-bottom:42px; width:40%; float:left; min-height:110px; padding-right:20px;}
.section_head_txt { text-align:left; width:60%; float:right; margin-bottom:50px; min-height:110px;;}
.section_head_txt p { margin-bottom:0; line-height:1.8; border-left:2px solid #ff3f39; padding-left:30px;}
h2.section_title{ font:700 35px/1.4 'Libre Baskerville'; color:#131c21; letter-spacing:1px; position:relative; text-transform:uppercase; padding:0; display:block; }
.full-container .section_head { padding-left:7em; padding-right:20px;}
.full-container .section_head_txt { padding-right:7em;}

/*===============================================
** Inner Page Section Title Css
*===============================================*/
.section_inner_head { text-align:center; margin-bottom:35px;}
.section_inner_head h2.section_title { position:relative; margin-bottom:10px;}
.section_inner_head span { font-size:30px; color:#ff3f39; position:relative;}
.section_inner_head span::before { content:''; position:absolute; bottom:17px; right:44px; width:50px; border-bottom:2px solid #ff3f39;}
.section_inner_head span::after { content:''; position:absolute; bottom:17px; left:44px; width:50px; border-bottom:2px solid #ff3f39;}

/*===============================================
** 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 Background Color Overlay Css
*===============================================*/
.secbg-overlay { position:relative;}
.secbg-overlay .section_head h2.section_title, .secbg-overlay .section_head_txt p, .secbg-overlay h1, .secbg-overlay h2, .secbg-overlay h3, .secbg-overlay h4, .secbg-overlay h5, .secbg-overlay h6, .secbg-overlay .section_inner_head h1, .secbg-overlay .section_inner_head h2, .secbg-overlay .section_inner_head h3, .secbg-overlay .section_inner_head h4, .secbg-overlay .section_inner_head h5, .secbg-overlay .section_inner_head h6, .secbg-overlay .section_inner_head p { 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:400 45% 'Libre Baskerville'; font-style:italic; margin-bottom:10px; letter-spacing:1px;}

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

/*===============================================
** Page boxes section Css
*===============================================*/
section#pagearea { width:100%; position:relative; padding:70px 0; }
.pagearea-inner { position:relative;}
.featbox { padding:0; width:23.5%; float:left; margin:0 2% 0 0; position:relative; box-sizing:border-box; text-align:left; -webkit-transform:perspective(1px); transform:translateZ(0); min-height:430px; background-color:#ffffff; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; }
.featbxthumb { position:relative;}
.feaiconbx { position:absolute; left:0; bottom:0; z-index:1;}
.feaiconbx i { background-color:#131c21; color:#ffffff; font-size:30px; height:75px; line-height:75px; width:75px; text-align:center; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.feaiconbx i::after { content:''; width:0; height:0; border-style:solid; border-width:75px 0 0 50px; border-color:transparent transparent transparent #131c21; position:absolute; top:0; right:-50px; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.featbox h3{ margin-bottom:15px; display:block; position:relative; letter-spacing:1px; text-transform:capitalize; font-style:italic; font:500 22px 'Libre Baskerville'; font-style: italic;}
.featbxcntnt{ padding:20px; }
.featbxcntnt p{ margin-bottom:20px; }

.featbox:hover{ cursor:pointer; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px); z-index:99; box-shadow:0 10px 30px 0 rgba(19, 28, 33, 0.5); }
/*.featbox:hover .featbxicn img{ opacity:0.5; }*/
.featbox:hover h3 a{ color:#ff3f39; }
.featbox:hover .feaiconbx i { background-color:#ff3f39;}
.featbox:hover .feaiconbx i::after { border-color:transparent transparent transparent #ff3f39;}

.one_column{ width:30%; float:none; }
.featbox.one_column.last_column{ margin: 0 auto !important; }
.two_column{ width:45%; margin:0 10% 0 0; }
.three_column{ width:32%; }
.four_column { width:23.5%; }
.five_column{ width:19.2%; margin:0 1% 0 0; }

/*===============================================* Theme Shortcode Css Start *===============================================*/
/*===============================================
** Section First : Service Box Css
*===============================================*/
.services-box {padding:25px 20px; color:#ffffff; position:relative; -webkit-transition:0.5s; transition:0.5s; margin-bottom: 20px;}
.services-box:before, .services-box:after { position: absolute; content: ''; opacity: 1; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; z-index: 1;}
.services-box:before { left: 0; bottom: 0; top: 0; border-top:1px solid #ff3f39; border-left:1px solid #ff3f39; width:40px;}
.services-box:after { right: 0; bottom: 0; top: 0; border-bottom:1px solid #ff3f39; border-right:1px solid #ff3f39; width:40px; }
.services-box:hover:before, .services-box:hover:after{ width:100%; }
.ser-icon { top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); position:absolute; left:20px; line-height:1; -webkit-transition:0.5s; transition:0.5s; color:#ffffff;}
.ser-icon i { font-size:50px; -webkit-transition:0.5s; transition:0.5s;}
.services-box:hover .ser-icon { color:#ff3f39; top:30px; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.ser-desc { padding-left:85px; color:#ffffff; position:relative; z-index:2;}
.ser-desc h4 { margin-bottom:10px; color:#ffffff}
.ser-desc h4 a { color:#ffffff; -webkit-transition:0.5s; transition:0.5s;}
.ser-desc p { margin-bottom:0;}

/*===============================================
** Section Second Why Choose Us Css
*===============================================*/
.one_half.whychoose { position:relative; margin-bottom: 0;}
.whychoose h2 { font-size:45px; padding-bottom:25px; margin-bottom:45px; text-transform:uppercase; position:relative;}
.whychoose h2::before { content:''; position:absolute; left:0; bottom:0; border:2px solid #ff3f39; width:100px;}
.chooseus-box { position:relative; -webkit-transition:0.5s; transition:0.5s; margin-bottom:35px;}
.chooseus-box::before { content:''; position:absolute; width:1px; height:calc(100% + 35px); top:0; left:35px; background-color:#dbdbdb;}
.chooseus-box:last-child { margin-bottom: 0;}
.chooseus-box:last-child::before { content:none;}
.chooseus-box .choose-icon { font-size:30px; color:#131c21; width:70px; height:70px; line-height:70px; border-radius:50%; text-align:center; border:1px solid #dbdbdb; position:relative; z-index:99; -webkit-transition:0.5s; transition:0.5s; float:left; background-color:#ffffff; display:block;}
.chooseus-box:hover .choose-icon { background-color:#ff3f39; border-color:#ff3f39; color:#ffffff;}
.chooseus-box .choose-icon i { transition:0.4s linear; -webkit-transform:rotateY(0deg); -ms-transform:rotateY(0deg); transform:rotateY(0deg);}
.chooseus-box:hover .choose-icon i { -webkit-transform:rotateY(360deg); -ms-transform:rotateY(360deg); transform:rotateY(360deg);}
.chooseus-desc { padding-left:100px;}
.chooseus-desc h4 { padding-bottom:10px; margin:0;}

.one_half_last_column.request-quote { position:relative; margin-bottom: 0;}
.request-quote h2 { font-size:45px; padding-bottom:25px; margin-bottom:45px; text-transform:uppercase; position:relative;}
.request-quote h2::before { content:''; position:absolute; left:0; bottom:0; border:2px solid #ff3f39; width:100px;}
.quote-left { width:48%; float:left;}
.quote-right { width:48%; float:right;}
.request-quote select { font-family:'Lato'; color:#888888;}
.request-quote span.wpcf7-list-item { width:auto; margin-left:0; margin-right:30px; display:inline-block; }
.request-quote span.wpcf7-list-item input[type="checkbox"] { width:15px; height:15px; padding-left:40px; background-position:0 0; background-repeat:no-repeat; line-height:32px; cursor:pointer; position:relative; float:left;}
.request-quote span.wpcf7-list-item span.wpcf7-list-item-label { float:left; margin-top:-6px; margin-left: 5px;}
.request-quote input[type="submit"] { display:block; width:100%;} 

/*===============================================
** Section Third : Counter CSS
*===============================================*/
.counter-main{  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
.counter-box { text-align:center; width:22%; margin:10px 8px; position: relative;}
.counter-box::before { content:''; position:absolute; width:115%; height:2px; background-color:#ffffff; opacity:.4; left:50%; top:48.4%;}
.counter-box:last-child::before { content:none;}
.inner-counter{ position:relative; }
.counter-icon { position:relative; padding-bottom:40px; margin-bottom:35px;}
.counter-icon::before, .counter-icon::after {content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:-5px; height:9px; width:9px; background-color:#ff3f39; border-radius:50%; }
.counter-icon::after { height:5px; width:5px; background-color:#ffffff; bottom:-3px;}
.counter-icon i { font-size:70px; color:#ff3f39;}
.counter-box h3{ margin:5px 0 0; font-size:16px; font-family:'Karla'; font-weight:400; text-transform:uppercase; letter-spacing:1px; }
.counter-box h3.counter { font:700 50px 'Libre Baskerville'; margin:0; display:inline-block; line-height:1.2; } 
.counter-box span{ display:inline-block; font-size:20px; margin-left:10px; }

/*===============================================
** Section Four : Our Team Css
*===============================================*/
.teammember-list{ text-align:center; position: relative; overflow:hidden; -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; }
.team-thumbnail{ width: 80%; margin: 0 auto 30px; border-radius: 50%; overflow: hidden; -webkit-transition: 0.6s; transition: 0.6s; }
.team-thumbnail 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%); }

.team-content{ padding:0 20px; }
.team-content .team-name{ margin-bottom:15px; }
.team-content .team-name h4{ text-transform:uppercase; margin-bottom:5px; }
.team-content .team-name h4 a{ -webkit-transition:all 0.5s ease-in-out 0.8s; transition:all 0.5s linear 0.8s; }
.team-content .team-name span{ -webkit-transition:all 0.5s ease-in-out 0.8s; transition:all 0.5s linear 0.8s; }

.member-social-icon{ position: relative; -webkit-transition-property: top, opacity; transition-property: top, opacity; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 0; top:-10px; }
.member-social-icon a{ display:inline-block; width:30px; height:30px; line-height:29px; border-radius:30px; text-align:center; background-color:#131c21; color:#ffffff; margin:0 5px; }
.member-social-icon a:hover{ background-color:#ff3f39; color:#ffffff }

.teammember-list:hover .team-thumbnail { border-radius: 0; }
.teammember-list:hover .team-thumbnail 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%); }
.teammember-list:hover .member-social-icon{ -webkit-transition-delay: 0.17s; transition-delay: 0.17s; opacity: 1; top:0; }

/*===============================================
** Section Five : Testimonials Css
*===============================================*/
#clienttestiminials{ width:100%; }
#clienttestiminials .owl-carousel .owl-stage-outer { min-height: 200px;}
.testimonials-item { background-color: #ffffff; margin:0 20px; padding:20px 20px 40px 20px; position:relative;}
.testi-thumb { width:100px; height:100px; position:absolute; right:20px; bottom:-35px; }
.testi-thumb img { border-radius:50%; height:100%; border:5px solid #ffffff;}
.testi-content{ overflow:hidden; position: relative; }
.testimonials-item .tmttl{ display:inline-block; position:absolute; left:20px; bottom:-35px; padding:15px 10px 15px 20px; margin:0; line-height:1; background-color:#ff3f39;}
.testimonials-item .tmttl::after { content:''; width:0; height:0; border-style:solid; border-width:79px 0 0 50px; border-color:transparent transparent transparent #ff3f39; position:absolute; top:0; right:-50px;}
  
.testimonials-item .tmttl h5{ margin:0; font:500 18px 'Libre Baskerville'; text-transform:capitalize; font-style:italic;}
.testimonials-item .tmttl h5 a{ color:#ffffff; }
.testimonials-item .tmttl span{ display:block; font-family:'Lato'; margin:10px 0 0; font-size:14px; font-style:normal; font-weight:400; color:#ffffff; text-transform:capitalize; }
.testi-desc p{ font-weight:400; line-height:24px; font-size:15px; font-style:italic; color:#888888; }

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

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

/*===============================================
** Section Six : Latest Posts Css
*===============================================*/
.news-box{ position:relative; background-color:#ffffff; }
.news-thumb{ position:relative; overflow:hidden; }
.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-box .post-date{ display:table; position:absolute; top:15px; right:15px; background-color:#ff3f39; color:#ffffff; font:700 30px 'Libre Baskerville';  text-align: center; padding:15px 20px; line-height:1; z-index:1; }
.news-box .post-date::before{ content: ''; width: 80%; height: 80%; top: 10%; left: 10%; position: absolute; border: 1px solid #ffffff; }
.news-box .post-date span{ font-size:15px; font-weight:400; display:block; margin-top:5px; }
.latestpost.owl-carousel .news-box .post-date{ top:15px; }
.news-thumb .post-meta{ position:absolute; bottom:0; left:0; right:0; margin:0; background-color:rgba(0,0,0,.8); padding:5px; -webkit-transform:translateY(100%); -ms-:translateY(100%); transform:translateY(100%); transition:all 0.4s ease-in-out; }

.news-content{ margin:0; position:relative; z-index:10; }
.latest-news-para{ padding:30px 0 0; }
.news-content h3{ margin:0 0 10px; font-family:'Libre Baskerville'; font-size:17px; font-weight:600; line-height:1.3; text-transform: uppercase; }
.news-content h3 a { color:#131c21; }
.latest-news-para p{ line-height:24px; margin-bottom:25px; }

.post-meta{ text-transform:capitalize; font-size:12px; margin:0 0 15px; }
.post-meta span{ display:inline-block; position:relative; padding:2px 0; }
.post-meta span:last-child{ padding-right:0; }
.post-meta span a{ display:inline-block; background-color:#ff3f39; color:#ffffff; padding:2px 10px; margin:0 2px; position:relative; }
.post-meta span a:hover{ background-color:#131c21; 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:#ff3f39; }
.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%); }
.news-box:hover .news-thumb .post-meta{ -webkit-transform:translateY(0); -ms-:translateY(0); transform:translateY(0); }

.ln-read-more{ font:400 16px/18px 'Roboto Condensed'; text-transform:capitalize; display:inline-block; background-color:#131c21; color:#ffffff; padding:10px 20px; z-index:0; border-radius:5px; }
.ln-read-more:hover{ background-color:#ff3f39; color:#ffffff; }

/*===============================================
** Section Seven : Pricing Plan
*===============================================*/
.pricing-col{ text-align:center; background-color:#ffffff; box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08); position:relative;}
.package-name{ padding:15px 30px; background-color:#ff3f39; }
.package-name h5{ margin:0; color:#ffffff; text-transform:uppercase; }
.package-price{ font:700 46px 'Sintony'; color:#131c21; padding:20px 30px 20px; position:relative; }
.package-price sup, .package-price sub{ font-size:20px; margin:0 5px;}
.package-price sub{ position:relative; bottom:12px; }
.package-price:after{ content:''; position:absolute; bottom:0; left:0; right:0; width:60px; height:2px; background-color:#ff3f39; margin:0 auto; }
.package-row{ padding:20px 30px; text-transform:capitalize; }
.package-row p{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #f0f0f0; color:#888888;}
.package-row p:last-child{ border: none; }
.package-btn{ padding-bottom:15px; }
.package-btn .button{ margin:0; display:block; padding:18px; border-radius:0; }

/*===============================================
** Section Eight : 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; }

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-color:#131c21; color:#ffffff; position:relative; padding:60px 0 20px; }
.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:35px; text-transform:capitalize; font-weight:700; color:#ffffff; font-size:20px; font-family:'Libre Baskerville'; position:relative; letter-spacing:1px; overflow:hidden; font-style:italic;}
.foo-cols h5.footer-widget-title::before { content:''; position:absolute; bottom:0; left:0; right:0; height:1px; border-bottom: 1px solid rgba(255,255,255,.1);}
.foo-cols h5.footer-widget-title span { background-color:#ff3f39; position:relative; display:inline-block; padding:15px 10px 11px 20px;}
.foo-cols h5.footer-widget-title span::after { content:''; width:0; height:0; border-style:solid; border-width:50px 0 0 30px; border-color:transparent; border-left-color:#ff3f39; position:absolute; top:0; right:-30px;}
.foo-cols img.alignleft { margin-bottom:20px;}

.foo-cols ul.menu li a, #footer-wrapper a{ color:#ffffff; }
.foo-cols ul.menu li a:hover, #footer-wrapper a:hover{ color:#ff3f39; }
.foo-cols .social-icons a:hover { color:#ffffff !important;}

.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:30px 0 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: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:first-child::before{ content:'\f3c5'; }
.widget-getintouch-info li:nth-child(2)::before{ content:'\f8d3'; }
.widget-getintouch-info li:nth-child(3)::before{ content:'\f1ac'; }
.widget-getintouch-info li:nth-child(4)::before{ content:'\f0e0'; }
.widget-getintouch-info li:nth-child(5)::before{ content:'\f017'; }
.widget-getintouch-social{ margin-top:30px; }
.widget-getintouch-social li{ display:inline-block; margin:0 5px; width:35px; height:35px; line-height:35px; text-align: center; }
.widget-getintouch-social li a{ display: block; border:1px solid; border-radius:50%; }

.footer-nav li{ margin-bottom:15px; margin-right:5%; display: inline-block; width:44%; }
.footer-nav li a{ display:block; margin-bottom:8px; position:relative; padding-left:20px; }
.footer-nav li a:before{ content:'\f30b'; font-family:'Font Awesome 5 Pro'; position:absolute; font-weight:500; font-size:15px; 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:80px; 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; text-transform:uppercase; }
.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:#ff3f39; 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:#131c21; 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:#ff3f39; 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:#ff3f39; }
.widget-about-conte .sub-wid-abt-hd{ color:#131c21; 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:#ff3f39; 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:#131c21; padding:0; color:#ffffff; text-align:center; border-top:1px solid rgba(255,255,255,.1);}
.copyright-text{ padding:20px 30px 20px 0; position: relative; z-index:1; margin-right:auto; background-color:#ff3f39;}
.copyright-text::before { content:''; position:absolute; left:-99999px; width:99999px; top:0; bottom:0; background-color:#ff3f39; z-index:-1;}
.copyright-text::after { content:''; width:0; height:0; border-style:solid; border-width:66px 0 0 90px; border-color:transparent; border-left-color:#ff3f39; position:absolute; top:0; right:-90px;}
.designby-text{ padding: 20px 0; }
.copyright-wrapper a{ color:#ff3f39; }
.copyright-wrapper a:hover{ color:#ffffff; }

/*===============================================* Theme Shortcode Css End *===============================================*/

/*===============================================
** Introduction Css
*===============================================*/
.introduction-box{ width:100%; display:table; }
.about_fig{ display:table-cell; width:38%; vertical-align: middle; position: relative; }
.about_fig figure{ position: absolute; width: 100%; height: 100%; top:0; left:0; background-attachment:scroll; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.about_fig:before { content: ''; width: 100px; height: 82px; position: absolute; left:-15px; border-left: 1px solid #ff3f39; border-top: 1px solid #ff3f39; top:-15px;  -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.about_fig:after { content: ''; width: 100px; height: 82px; position: absolute; right:-15px; border-right: 1px solid #ff3f39; border-bottom: 1px solid #ff3f39; bottom:-15px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.introduction-box:hover .about_fig::before, .introduction-box:hover .about_fig::after { width: 110%; height: 110%; }
.introduction-box:hover figure{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.about_content{ display:table-cell; width:56%; vertical-align: middle; padding:3% 0 3% 6%; }
.about_content h4 { font-family:'Libre Baskerville'; font-style: italic; text-transform: capitalize; color:#ff3f39; position: relative; padding-bottom:10px; display:inline-block; border-bottom:2px solid #ff3f39;}
.about_content .head_name h5{ font-family:'Libre Baskerville'; font-style: italic; text-transform: capitalize; color:#ff3f39; margin:30px 0 10px; }
.intro-social-icons{ display: table; padding:15px 20px 0 0; text-align: center; }
.intro-social-icons a{ width: 30px; height: 30px; line-height: 30px; border-radius: 30px; background-color: #131c21; color: #ffffff; font-size: 90%; margin-right: 8px; display:inline-block; }
.intro-social-icons a:hover{ background-color: #ff3f39; color: #ffffff; box-shadow: 0 0 2px 5px #dedede; }

/*===============================================
** Icon Box Css
*===============================================*/
.icon-box{ margin:25px 0 10px; display:inline-block; width:100%; text-align: center; }
.icon-cell { display:inline-block; text-align:center; height:100px;}
.icon-box-icon{ position:relative; overflow:visible; text-align:center; width:100px; height:100px; line-height:100px;}
.icon-box-icon i { position:absolute; margin:0; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:2; font-size:35px; color:#131c21;}
.icon-circle { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); border:11px solid #131c21; border-radius:50%; -webkit-border-radius:50%; width:inherit; height:inherit; background-color:#ffffff; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index:1;}
.icon-circle::after { position:absolute; content:''; background-color:#131c21; width:15px; height:60px; transform:translate(100%, -50%); -webkit-transform:translate(100%, -50%); -ms-transform:translate(100%, -50%); border-radius:3px; top:50%; right:0; z-index:2; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.icon-circle::before { position:absolute; content:''; transform:translate(100%, -50%); -webkit-transform:translate(100%, -50%); -ms-transform:translate(100%, -50%); border-radius:5px; top:50%; right:-14px; z-index:1; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; border:30px solid transparent; border-right-color:transparent; border-right-style:solid; border-right-width:30px; border-left-color:transparent; border-left-style:solid; border-left-width:30px; border-left:15px solid #131c21; border-right:0; height:0; width:0;}
.icon-box:hover .icon-box-icon .icon-circle { border-color:#ff3f39; transform:translate(-50%,-50%) rotate(90deg); -webkit-transform:translate(-50%,-50%) rotate(90deg); -ms-transform:translate(-50%,-50%) rotate(90deg);}
.icon-box:hover .icon-box-icon .icon-circle::before { border-left-color:#ff3f39;}
.icon-box:hover .icon-box-icon .icon-circle::after { background-color:#ff3f39;}
.icon-box-data { padding-top:30px;}
.icon-box-data h5{ margin-bottom:10px; line-height:24px;}
.icon-box:hover a { color:#ff3f39;}

/*===============================================
** Info Card Css
*===============================================*/
.info-card{ position:relative; display:block; margin:0 10px; text-align:center; -webkit-perspective:800; perspective:800; height:320px; }
.info-card .front-side, .info-card .back-side{ position:absolute; width:100%; height:100%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.info-card .front-side{ background-color:#ffffff; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); display:table; } 
.info-card .front-side .front-side-inner{ padding:0 25px; display:table-cell; vertical-align:middle; }
.info-card .front-side .info-card-icon{ font-size:56px; color:#ff3f39; margin-bottom:25px; }
.info-card .front-side h3{ text-transform:uppercase; margin-bottom:20px; padding-bottom:20px; position:relative; }
.info-card .front-side h3:after{ content:''; width:30px; margin:0 auto; height:2px; background-color:#ff3f39; position: absolute; bottom:0; left:0; right:0; }
.info-card .back-side{ padding:0; background-color:#ff3f39; -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg); display:table; }
.info-card .back-side .back-side-inner{ padding: 0 25px; display: table-cell; vertical-align: middle; }
.info-card .back-side p{ color:#ffffff; }
.info-card .back-side a.info-card-btn{ color:#ffffff; border:2px solid; text-transform:uppercase; display:inline-block; font-weight:700; letter-spacing:1px; padding:10px 20px; margin-top:30px; }
.info-card:hover .front-side{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.info-card:hover .back-side{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }

/*===============================================
** Pop Video Css
*===============================================*/
.pop-video{ width:120px; margin:0 auto; text-align:center; padding:10em 0; }
.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; }
.pop-icon a{ display:block; border-radius:50%; background-color:#e25050; 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);
  }
}

/*===============================================
** 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.8); position:absolute; top:0; left:0; }
h1.innerpage-title{ display:block; text-transform:uppercase; position:relative; font-size:36px; margin:0; padding:5em 0 4em; color:#ffffff; text-align: center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:center; flex-direction:row; }
h1.innerpage-title span{ border:3px solid #ffffff; padding:5px 25px 10px; }
h1.innerpage-title span span{ border:none; padding:0; }
.boxlayout h1.innerpage-title{ padding:3em 0; }

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

/*===============================================
** Skill Bar Css
*===============================================*/
.skillbar {position:relative; display:block; margin-bottom:21px; 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:#131c21; padding:0; height:35px; font-size:16px; line-height:35px; font-family:'Lato'; letter-spacing:1px; text-transform:capitalize;}
.skillbar-bar { height:8px; width:0px; background-color:#ff3f39; }
.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:#131c21; }

/*===============================================
** 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; right:0; width:100%; text-align:center; padding:20px; -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.portfolio-main .portfolio-title h3{ font-weight:400; color:#ffffff; margin:0; position:relative; z-index:2; text-align:center;}
.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-image:hover .portfolio-title{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }
.portfolio-content { margin-bottom:30px;}
.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:#ff3f39; color:#ffffff; font-size:18px; border-radius:50px; }
.portfolio-main .portfolio-meta span a:hover{ background-color:#131c21; }
.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:#131c21; margin-right:5px;}
.portfolio-share ul.social-share-post{ border-radius:0; display:block; }
.portfolio-share ul.social-share-post li{ border-radius:0; }
.single-portfolio .image-carousel{ margin:0 auto 50px; }
.portfolio-metadata-item .rating i{ color:#ff3f39; font-size:17px; letter-spacing:10px; display:inline-block; margin-bottom:8px;}

/*===============================================
** Gallery Css
*===============================================*/
.gallery-wrap { position:relative; }
.gallery{ text-align:center; }
.gallery-image{ position:relative; overflow:hidden; background-color:#000000; }
.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:#ff3f39; display:block; color:#ffffff; }
.gal-icon a:hover{ color:#ffffff; background-color:#333333; }
.gallery-image:hover .gal-icon{ opacity:1; top:50%; }

/*===============================================
** 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 #ff3f39 !important; }
.owl-carousel .owl-nav button:hover{ border-color:#333333 !important; background-color:transparent !important; }
.owl-carousel .owl-nav button:hover::before{ color:#333333 !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:#ff3f39; }
.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'; }

/*===============================================
** Blog Page Css
*===============================================*/
.blog-post-repeat{ width:100%; margin:0 0 30px 0; display:table; }
.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; }
.blog-post-repeat .post-thumb{ position: relative; width:40%; padding:8em 1.5em; background-position:center; background-size:cover; background-repeat:no-repeat; display:table-cell; }
.blog-post-repeat .post-thumb a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.post-thumb .post-date{ position: absolute; top:10px; left:10px; background-color:#ff3f39; color:#ffffff; font-size:30px; font-weight:700; padding:15px 20px; text-align:center; -webkit-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 9; }
.post-thumb .post-date::before {content:''; width:80%; height:80%; top:10%; left:10%; position:absolute; border: 1px solid #ffffff;}
.post-thumb .post-date span { display:block; font-weight:400; font-size:50%; text-transform:uppercase; }
.post-data{ position:relative; overflow:hidden; padding:2em; display:table-cell; vertical-align:middle; }

.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; text-transform:uppercase; line-height:22px; }

/* 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:#ff3f39; 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:#131c21; padding:5px 10px; color:#ffffff; font:15px 'Libre Baskerville';}
.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:#ff3f39; 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 20px; 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 #ff3f39; 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:#ff3f39; 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:#ff3f39; }
#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:#131c21; margin-right:5px; color:#ffffff; text-align:center; }
.member-single-social a:hover{ background-color:#ff3f39; color:#ffffff; }

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

/*===============================================
** Contact Page Css
*===============================================*/
.contact-page-info { margin-bottom:50px; border-bottom:1px solid #e1e1e1; padding-bottom:50px; }
.contact-info-box{ margin:30px 0 0; }
.c-info-box{ flex:1; padding: 30px 5px; }
.c-info-icon{ margin:0 auto; position:relative; background-color:#ff3f39; height:70px; width:70px; line-height:65px; border-radius:100%; text-align:center; }
.c-info-icon i{ color:#ffffff; position:relative; font-size:30px; vertical-align:middle; }
.c-info-icon:before{ content:""; position:absolute; z-index:0; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); display:block; width:70px; height:70px; background-color:#ff3f39; border-radius:50%; -webkit-animation:pulse-border 1.5s ease-out infinite; animation:pulse-border 1.5s ease-out infinite; opacity:0; visibility:hidden; }
.c-info-box:hover .c-info-icon:before{ opacity:1; visibility:visible; }
@-webkit-keyframes pulse-border{
	0%{ 
		transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity:1;
	}
	100%{ 
		transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity:0; 
	}
}
@keyframes pulse-border{
	0%{ 
		transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity:1;
	}
	100%{ 
		transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity:0; 
	}
}
.c-info-box h5{ text-transform:uppercase; margin: 15px 0 8px; display: block; }

.contact-opening-hrs .flex-element{ justify-content:center; }
.contact-opening-hrs .single-contact-opening-hrs{ margin:0 30px; }
.contact-opening-hrs .single-contact-opening-hrs h4{ color:#ff3f39; margin-bottom:10px;}
.contact-opening-hrs .single-contact-opening-hrs strong{ color:#131c21; }

.contact-content .wpcf7-form label{ color:#131c21; }
.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 #dddddd; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; padding: 10px; background-color:#ffffff;  }
.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; }

.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; width:300px;}
#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 20px; text-transform:uppercase; border-bottom: 1px solid #131c21; }
#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:#ff3f39;}
#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; }
#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; font-size:16px !important; padding:5px 12px; margin-right:5px; display:inline-block; margin-bottom:8px; font-weight:400; }
#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:#131c21; 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:#ff3f39; 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:#131c21; 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:#ff3f39; -webkit-transition:1s; transition:1s; font-size:40px; line-height:1; }
#back-top a:hover{ color:#131c21; }
#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:#d6e7f8; color:#ff3f39; border:1px #ff3f39 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(...); }

/*************** 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:#ff3f39; 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:#ff3f39; }
.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:#ff3f39; color:#ffffff; padding:10px 15px; display:inline-block; -webkit-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; }
.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-right: 15px; }
.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; }

/*===============================================
** 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:#ff3f39; }
.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:#ff3f39;}
.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:#ff3f39; 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: #ff3f39; }
.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:#ff3f39; 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 #ff3f39;}

/*===============================================
** 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:#ff3f39; 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:#ff3f39; 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 #dbdbdb; 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; -webkit-transition:0.5s; transition: 0.5s;}

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

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

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