/*
Theme Name: SunRain Extend
Theme URI: https://d5creation.com/theme/sunrain

Author: D5 Creation
Author URI: https://d5creation.com

Description: SunRain is CSS3 Powered and WordPress Latest Version Ready Responsive Theme.  SunRain has Multi Layered Slider where two Slides can show many Items which can be controlled from the Theme Options Panel.  Super Elegant and Professional Sunrain Theme will be adjusted automatically with all smart devices if the Responsive Layout be Selected.  Full Wide Template can be used for showing showcase or other pages. You can Visit the SunRain Demo at http://demo.d5creation.com/wp/themes/sunrain

Version: 5.1

Requires at least: 5.0
Requires PHP: 5.6

Tags: two-columns, right-sidebar, left-sidebar, footer-widgets, rtl-language-support, featured-images, custom-header, custom-background, custom-menu, threaded-comments, sticky-post, entertainment, full-width-template, theme-options, translation-ready, blog, portfolio, education, food-and-drink

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

SunRain WordPress Theme, Copyright 2012-2022: D5 Creation (www.d5creation.com)
SunRain is distributed under the terms of the GNU GPL

Text Domain: sunrain

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;}
ol,
ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:"";}
blockquote,
q{quotes:"" "";}
a img{border:0;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block;}
.alignnone{margin:5px 20px 20px 0;}
.aligncenter,
div.aligncenter{display:block;margin:5px auto 5px auto;}
.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin:5px 20px 20px 0;}
.aligncenter{display:block;margin:5px auto 5px auto;}
a img.alignright{float:right;margin:5px 0 20px 20px;}
a img.alignnone{margin:5px 20px 20px 0;}
a img.alignleft{float:left;margin:5px 20px 20px 0;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#ffffff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone{margin:5px 20px 20px 0;}
.wp-caption.alignleft{margin:5px 20px 20px 0;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
body{color:#555555; background-color: #ffffff;  font-family:'Open Sans',Arial,Genericons,sans-serif;font-size:14px;line-height:1.5;word-wrap:break-word; font-weight: 100; min-width: 1100px;}
#site-container { display: block; margin: auto; overflow: hidden; }

.box100 { width: 100%; margin: 0 auto; position: relative; }
.box90 { width: 90%; margin: 0 auto; position: relative; }
.heightzero{ height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; }
#resmwdt { width: 20px; height: 0px; background: transparent; visibility: hidden; }

img{max-width:100%;border:0 none;}
#container{margin:40px auto;}

#header{background: url("images/back2.png") repeat scroll 0 0 #F0F0F0; width: 100%; display: table; border-top: 7px solid #dddddd;}
#header-content{display: table; }
#topadjust { display: block; position: relative; width: 100%; height: 0px; }

@media screen and (min-width: 1024px) { 

	/* Fixed Small Header
	-------------------------------------------------------------*/
	#header.smallheader { position: fixed; left: 0; top: 0; width: 100%; height: 50px; z-index: 9999999; }
	.smallheader #top-menu-con { display: none; }
	.smallheader .logotitle { height: 45px; width: auto; font-size: 25px;  }

	/* Header Center Alignment
	-------------------------------------------------------------*/
	.headercenter #header-content, .logocenter #header-content { display: flex; align-items: center; justify-content:center; flex-direction: column; }
	.headercenter #logotitlecon, .logocenter #logotitlecon {width: 100%; text-align: center;}
	.headercenter .logotitle, .logocenter .logotitle {float: none; margin: 0 auto; }
	.headercenter #main-menu-con, .logocenter #main-menu-con {position: relative; top: auto !important;}
	.headercenter.smallheader #header-content {flex-direction: row; justify-content: space-between; align-items: flex-end; }
	.headercenter.smallheader #logotitlecon {width: auto; }
	.headercenter.smallheader #main-menu-con {position: absolute; top: unset;}

	/* Header Right Alignment
	-------------------------------------------------------------*/
	.headerright .logotitle{float:right;}
	.headerright.logocenter .logotitle {float:none;}
	.headerright #top-menu-con{float:left;}
	.headerright #main-menu-con{left:0; right:auto;}
}

.logotitle {width: auto; max-width:29%; height:auto; padding:5px 0; float:left; font-size: 40px; font-weight: bold; color:#f80f25; }
img.site-logo{max-width: 300px;}

.site-title-hidden{display:none;}

#content{float:left;width:calc(100% - 365px);}
#content-full{width:100%;}
.content-ver-sep{background:#cccccc;border-bottom:1px solid #ffffff;clear:both;height:2px;}
.lsep{background:url("images/lsep.png") no-repeat scroll center top transparent;clear:both;height:5px;margin:10px auto; max-width: 90%;}
#right-sidebar{float:right;width:330px;}
#footer{background:url("images/back3.png") repeat scroll 0 0 #252525;border-top:10px solid #141414;clear:both;width: 100%; position: relative; }
.versep{background:none repeat scroll 0 0 #141414;border-bottom:1px solid #141414;border-top:80px solid #f80f25;height:2px;}
#footer-content{margin:20px auto 0;}

#footer-sidebar{overflow:hidden; margin: 20px -15px 0;}
#creditline{color:#eeeeee;  background: #141414; font-size:13px;text-align:center; padding: 15px 20px;}
#creditline a{font-weight:bold; }

.d5templateloop { margin: 30px auto; }

iframe{max-width:100%;max-height:100%; margin: 0 auto; display: block;}


/* ================ Video Box ============== */
.videobox {width: 100%; padding: 25px 0; background:#333333;color:#ffffff;}
.videobox-inner {margin: 0 auto; overflow: hidden;}
.videoframe {display:table; margin: 0 auto; text-align: center;}

video.sldvideo { width: 100%; max-width: 100%; height: auto; margin-bottom: -4px; }
.embedvideo { width: 100%; max-width: 100%; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.embedvideo iframe, .embedvideo object, .embedvideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.wp-video, .wp-audio { max-width:  100%; margin-left: auto; margin-right: auto; }
.mejs-controls button { box-shadow:  none; background-color: transparent !important; /* background-image: url("../../../wp-includes/js/mediaelement/mejs-controls.svg") !important; */ }
video, audio { max-width: 100% !important; height: auto; }

.ytviditem { position: relative; padding-bottom: 56.25%; height: 0; }
.ytviditem iframe, .ytviditem object, .ytviditem embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mp4vidbox { position: relative; }
.playpause { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 55px; cursor: pointer; }
.playpause::after { content: '\f144'; color: #ffffff; opacity: .3; font-weight: normal !important; transition: all .5s; text-shadow: 0 1px 0 #000000; }
.playrunning::after { content: '\f28b'; opacity: 0; }
.mp4vidbox:hover .playpause::after { opacity: .7; }
.mp4vidbox:hover .playrunning::after { opacity: .5; }

.vidfullscreen::after { content: '\f31e'; color: #ffffff; opacity: .03; position: absolute; bottom: 10px; right: 10px; font-size: 20px; cursor: pointer; transition: all .5s; }
.mp4vidbox:hover .vidfullscreen::after { opacity: .9; }



/* Main Menu
------------------------------------------------------------- */
#main-menu-con{color:#eeeeee;position: absolute; right: 0; bottom: 0; line-height:1;width:auto; max-width: 100%;}
#main-menu-con ul{list-style:none outside none; margin: 0;}
#main-menu-con li{float:left;position:relative;margin:0 1px;}
#main-menu-con a{ color:#f80f25;display:inline-block; font-size:13px; padding:11px 9px; position:relative; text-align:center; text-transform:uppercase; font-weight: 700; border-radius: 5px; opacity: 1; transition: all .5s;}
#main-menu-con a:hover,
#main-menu-con .selected a,
#main-menu-con .current-menu-item > a,
#main-menu-con .current-menu-ancestor > a,
#main-menu-con .current_page_item > a,
#main-menu-con .current_page_ancestor > a{background: #f80f25; color: #ffffff; border-radius: 5px 5px 0 0;}
#main-menu-con li ul{float:left;position:relative;margin:0;}
#main-menu-con ul ul { display: none; float:left;left:0;position:absolute;background:#f80f25;z-index:10000; border-radius: 0 5px 5px 5px;}
#main-menu-con ul li ul li{margin:0;}
#main-menu-con ul ul ul{left:100%;top:0;}
#main-menu-con ul ul a{ border-bottom: 1px solid rgba(0,0,0,.15); color:#ffffff;padding:9px 13px; margin:0; width:210px;text-align:left;text-transform:none; font-weight: 100; border-radius: 0; line-height: 1.5;}
#main-menu-con ul ul  li:first-child > a {}
#main-menu-con ul ul  li:last-child > a {border-bottom: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#main-menu-con ul ul a:hover,
#main-menu-con ul ul .current-menu-item > a,
#main-menu-con ul ul .current-menu-ancestor > a,
#main-menu-con ul ul .current_page_item > a,
#main-menu-con ul ul .current_page_ancestor > a{background:rgba(0,0,0,.15);color:#ffffff; border-radius: 0;}
#main-menu-con ul li:hover > ul{/*display:block;*/}
#main-menu-con .menu-item-has-children a, #main-menu-con .page_item_has_children a { padding-right: 25px;  }
#main-menu-con li.menu-item-has-children > a:after, #main-menu-con li.page_item_has_children > a:after { content: '\f0d7'; right:5px; position: absolute; top: 50%; transform:translate(0px, -50%); font-size: 19px; }
#main-menu-con .menu-item-has-children ul li.menu-item-has-children > a, #main-menu-con .page_item_has_children ul li.menu-item-has-children > a {padding:9px 19px 9px 13px;}
#main-menu-con .menu-item-has-children ul li.menu-item-has-children > a:after, #main-menu-con .page_item_has_children ul li.menu-item-has-children > a:after { content: '\f0da'; }
#main-menu-con ul ul li.smedge.menu-item-has-children > a, #main-menu-con ul ul li.smedge.page_item_has_children > a {padding:9px 13px 9px 19px;}
#main-menu-con ul ul li.smedge.menu-item-has-children > a::after, #main-menu-con ul ul li.smedge.page_item_has_children > a::after { content: '\f0d9'; left: 5px; right: auto; }

#main-menu-con li.smedge > ul { left:auto; right:0; border-radius: 5px 0 5px 5px; }
#main-menu-con li li.smedge > ul  { left:auto; right:100%; border-radius: 5px 0 5px 5px; }

#mobile-menu { background: rgba(250,10,10,.9); color: #eeeeee; padding: 9px 13px; font-size: 25px; cursor: pointer; display: none; margin: 10px 0 0; position: absolute; left: 0; bottom: 0; width: auto; align-items: center; justify-content: center; line-height: 1; }
#mobile-menu::before { content: "\f0c9"; }
#mobile-menu.mmgoup::before { content: "\f00d"; }

.mobilemenustyle ul li { list-style: none !important; display: flex; flex-wrap: wrap; padding: 0 !important; }
.mobilemenustyle ul li a { width: 100%; padding: 10px 7px 10px 12px; display: flex; align-items: center; line-height: 1; background: rgba(255,255,255,0.7); color: #000000 !important; border-bottom: 1px solid #cccccc; cursor: pointer; }
.mobilemenustyle ul li a:hover{ text-decoration: none !important; }
.mobilemenustyle ul li a::before { content: '\f192'; margin-right: 5px; font-size: 11px; font-weight: 100 !important; color: #777777; }
.mobilemenustyle ul li.menu-item-has-children > a { border-bottom-width: 3px; }
.mobilemenustyle ul li.menu-item-has-children > a::before { content: '\f0fe'; font-size: 15px; }
.mobilemenustyle ul li.menu-item-has-children > a.menuminus::before { content: '\f146'; }
.mobilemenustyle > div > ul { margin: 0 !important; padding: 0;  }
.mobilemenustyle > div > ul > li { margin-bottom: 5px !important;  }
.mobilemenustyle > div > ul > li > a { background: rgba(255,255,255,0.8); padding: 11px 5px 11px 10px; font-weight: 700;  }
.mobilemenustyle > div > ul > li > a::before {  }
.mobilemenustyle ul ul { width: 100%; margin: 0 0 0 10px !important; display: none; }
.mobilemenustyle ul li a.wccart-icon::before{ content: '\f291'; color: #333333; font-size: 15px !important; margin: 0 5px; font-weight: 900 !important; }
.mobilemenustyle ul li a.menu-close-icon::before{ content: '\f00d'; font-size: 15px !important; margin: 0 5px; font-weight: 900 !important; }

#mobilemenucon.mobilemenustyle { position: absolute; top: 100%; left: 0; width: 300px; max-width: 100%; background-color: #cccccc; padding: 10px; box-shadow: 0 3px 5px -3px #555555; z-index: 99999; display: none; }
#mobilemenucon.mobilemenustyle.mmenumobile{ }
#mobilemenucon.mobilemenustyle ul li a {  }
#mobilemenucon.mobilemenustyle ul li a:hover{  }
#mobilemenucon.mobilemenustyle ul li ul li a {  }
#mobilemenucon.mobilemenustyle ul li a::before {  }
#mobilemenucon.mobilemenustyle ul li.menu-item-has-children > a::before {  }
#mobilemenucon a.wccart-icon, #mobilemenucon .menu-close-icon { justify-content: center; }
#mobilemenucon a.wccart-icon .wccounttooltip{ display: none; }


/* Top Menu
------------------------------------------------------------- */
#top-menu-con { display: flex; float: right; width: auto; max-width: 100%; margin: 3px auto; align-items: center; justify-content: space-between; align-content: center; }
#top-menu-con ul.menu { list-style: none outside none; margin: 0 10px; }
#top-menu-con ul.menu ul{display: none;}
#top-menu-con .menu li{float:left;position:relative;margin:0 3px;}
#top-menu-con .menu a{color:#777777; display:inline-block;font-size:13px; padding:5px; position:relative; text-align:center; border-radius: 5px; font-weight: 500; text-shadow: 0 1px 0 #ffffff; transition: all .5s; }
#top-menu-con .menu a:before { content:"›"; padding: 0 5px 0 0; font-size: 15px; }
#top-menu-con .menu a:hover { background: #dddddd; color: #777777; }

#top-menu-con #flags { width: auto !important; margin: 9px 5px 0 !important; }


/* ================ Search Box ============== */
.search-form, #bbp-search-form div, #searchform, .woocommerce-product-search, .aws-container .aws-search-field { height: 39px; overflow: hidden; width: 100%; max-width: 550px; display: inline-flex;}
.search-form label{ margin: 0; width: calc(100% - 45px); }
#top-menu-con #searchform, #top-menu-con .aws-container .aws-search-field, #top-menu-con .search-form { display: inline-flex; width: auto; height: 29px; margin: 5px; }
#searchsubmit, .woocommerce-product-search button[type="submit"], input[type="submit"].search-submit, #bbp_search_submit, #searchsubmit:hover, .woocommerce-product-search button[type="submit"]:hover, input[type="submit"].search-submit:hover, #bbp_search_submit:hover { background: #f80f25 url("images/search.png") no-repeat scroll center center; background-size: auto 70%; border-radius: 0 3px 3px 0; box-shadow: none; font-size: 16px; font-weight: normal; margin: 0 0 0 -5px; padding: 4px 20px; text-indent: -90000px; vertical-align: top; height: 100%; min-height: 0px; min-width: 50px; width: 9%; top:0 !important; transition: all .5s;  }
input#s, .search-field, input[type="search"].search-field, #bbp_search { background: rgba(255,255,255,.05); border-radius: 3px 0 0 3px; vertical-align: top; max-width: 100%; min-width: 100px; height: 100%; padding: 5px 10px; width: 100%; border: 1px solid #f80f25; }
#searchsubmit:hover, input[type="submit"].search-submit:hover, #bbp_search_submit:hover, .woocommerce-product-search button[type="submit"]:hover { background-color: #c60600; transform: none; }
#top-menu-con input#s, #top-menu-con input[type="search"].search-field { background: #f7f7f7; color: #aaaaaa; max-width: none; min-width: 100px; width: 110px; }
#top-menu-con input#s:focus, #top-menu-con input[type="search"].search-field:focus { width: 170px; color: #555555; background: #ffffff; box-shadow: none; }


.extranumber, .connumber { font-weight: 500; margin: 0 10px; display: inline-flex; align-items: center;}
.connumber::before {content:'\f095'; font-size: 15px; margin-right: 7px;}
.extranumber::before {font-size: 15px; margin-right: 7px;}


/* Login Box 
------------------------------------------------------------- */
ul.lboxd{ position:relative;font-size:14px; margin: 0 0 0 10px; }
ul.lboxd li{list-style:none;}
a.loginicon, a.loginicon:hover {display:block;float:right;height:30px;margin:2px 0 0;width:30px;}
a.loginicon::before { content: '\f2bd'; font-size: 35px; line-height:30px; color: #f80f25; }
ul.lboxd ul{background:url("images/back3.png") repeat scroll 0 0 #dddddd;display:none;padding:20px 40px 20px 20px;position:absolute;right:-20px;margin-top: 30px;width:250px;z-index:99999;}
.login-username input, .login-password input, .login-submit input, ul.lboxd button{display:block;position:relative;width:100%;}
ul.lboxd li:hover > ul{display:block;}
ul.lboxd label, label{display:inline-block;margin-bottom:5px; font-weight: 600;}
ul.lboxd input[type="text"], ul.lboxd input[type="password"] { width: 100%; background: #dddddd; border-color: #aaaaaa #ffffff #ffffff #aaaaaa;}
ul.lboxd input[type="text"]:focus, ul.lboxd input[type="password"]:focus { background: #eeeeee; }
ul.lboxd h4{ font-weight: 600; }

/* Sidebar WidGets
------------------------------------------------------------- */
.widget{display:block;word-wrap:break-word;}
#right-sidebar .widget{background:#eeeeee;margin-bottom:20px;padding:15px;}
.widget h3.widget-title{color:#f80f25;padding-bottom:5px;text-transform:uppercase; font-weight: 500;}
#right-sidebar .widget,
#right-sidebar .widget li,
#right-sidebar .widget a {color:#555555;text-decoration:none;}
#right-sidebar .widget a:hover{color:#333333;text-decoration:underline;}
#right-sidebar .widget ul, #right-sidebar .widget ul{margin: 0 0 10px 15px;;}
#right-sidebar .widget li{list-style: square outside none; padding: 5px 0;}
#footer-sidebar .widget{margin-bottom:30px;}
#footer-sidebar .footer-widgets{margin:0 15px;width:calc(25% - 30.03px);min-width:150px;min-height:1px; display: inline-block; vertical-align: top;}
#footer-sidebar .widget{margin-bottom:20px}
#footer-sidebar .widget,
#footer-sidebar .widget li,
#footer-sidebar .widget a{color:#aaaaaa;text-decoration:none;}
#footer-sidebar .widget a:hover{color:#ffffff;text-decoration:underline;}
#footer-sidebar .widget ul, #footer-sidebar .widget ul { margin: 0 0 10px 15px; }
#footer-sidebar .widget li{list-style: square outside none; padding: 5px 0;}
.textwedget{width:100%}

#right-sidebar .widget.twocolumnitem ul { margin: 5px 0; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
#right-sidebar .widget.twocolumnitem ul li { width: calc(50% - 5px); list-style: square inside; }


/* Design Elements
------------------------------------------------------------- */
h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6{line-height:1.25;margin:0 0 10px; text-decoration:none;}
h1,h2,h3,h4,h5,h6{clear:both;text-decoration:none;}

hr{background-color:#cccccc;border:0;height:1px;margin-bottom:10px;}
ul, ol{margin:0 0 10px 25px;}
ul{list-style:square outside none;}
ol{list-style:decimal outside none;}
dl{margin:0 20px;}
dt{font-weight:bold;}
dd{margin-bottom:10px;}
strong{font-weight:bold;}
cite, i{font-style:italic;}
em { font-weight: 700; }
blockquote cite,
blockquote em,
blockquote i{font-style:normal;}
pre{background:#ffffff;border-radius:5px 5px 5px 5px;color:#141414;line-height:18px;margin-bottom:18px;overflow:auto;padding:1.5em;}
abbr,
acronym{border-bottom:1px dotted #777777;cursor:help;}
sup,
sub{height:0;line-height:1;position:relative;vertical-align:baseline;font-size:70%;}
sup{bottom:1ex;}
sub{top:.5ex;}
address{background:#eeeeee;border:2px solid #dddddd;border-radius:5px 5px 5px 5px;font-weight:500;margin-bottom:15px;max-width:250px;padding:5px 10px;text-align:right;}
embed{max-width:100%;}

h1{font-size:30px;}
h2{font-size:23px;}
h3{font-size:20px;}
h4{font-size:17px;}
h5{font-size:15px;}
h6{font-size:13px;}
p{margin-bottom:15px;}

a{color:#c60600;text-decoration:none;}
a:focus{ outline: thin dotted;}


b, strong{font-weight:bold;}
displaynone{display:none;}
.clear{clear:both;}
table{background-color:#eeeeee;border:1px solid #ffffff;border-radius:3px;padding:5px;min-width:200px;color:#333333;}
td{padding:5px 7px;vertical-align:top;}
th{font-weight:bold;line-height:1;padding:5px 7px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);background:#cccccc;}
caption{color:#555555;}


/* ================ Gallery Post ============== */
.gallery { margin: 0 -10px; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; }
.gallery-item { position: relative; margin: 20px 10px; display: inline-flex; align-items: flex-end; justify-content: center; }
.gallery-icon.landscape{ width: 100%; }
.gallery-item img { border: none !important; padding: 0 !important; margin: 0 !important; width: 100%; }
.gallery-caption{ position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 40px 10px 9px; color: #fff; text-align: center; font-size: 15px; background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3)  70%,transparent); }
.gallery-columns-1 .gallery-item {width: calc(100% - 20px);}
.gallery-columns-2 .gallery-item {width: calc(50% - 20px);}
.gallery-columns-3 .gallery-item {width: calc(33.333% - 20px);}
.gallery-columns-4 .gallery-item {width: calc(25% - 20px);}
.gallery-columns-5 .gallery-item {width: calc(20% - 20px);}
.gallery-columns-6 .gallery-item {width: calc(16.666% - 20px);}
.gallery-columns-7 .gallery-item {width: calc(14.285% - 20px);}
.gallery-columns-8 .gallery-item {width: calc(12.5% - 20px);}
.gallery-columns-9 .gallery-item {width: calc(11.111% - 20px);}
#content .gallery .attachment-cat-page{margin:0 auto;float:none}
.gallery-caption{ font-size: 15px; line-height: 1.3; }

.wp-block-gallery{ margin: 20px -10px; justify-content: center; }
.blocks-gallery-grid{ justify-content: center !important; }
.wp-block-gallery .blocks-gallery-item{ margin: 10px !important; flex-grow: unset !important; display: inline-flex; }
.wp-block-gallery .blocks-gallery-item figure{ }
.wp-block-gallery .blocks-gallery-item img{  }
.wp-block-gallery.columns-1 .blocks-gallery-item{ width: calc(100% - 20px); }
.wp-block-gallery.columns-2 .blocks-gallery-item{ width: calc(50% - 20px); }
.wp-block-gallery.columns-3 .blocks-gallery-item{ width: calc(33.333% - 20px); }
.wp-block-gallery.columns-4 .blocks-gallery-item{ width: calc(25% - 20px); }
.wp-block-gallery.columns-5 .blocks-gallery-item{ width: calc(20% - 20px); }
.wp-block-gallery.columns-6 .blocks-gallery-item{ width: calc(16.666% - 20px); }
.wp-block-gallery.columns-7 .blocks-gallery-item{ width: calc(14.285% - 20px); }
.wp-block-gallery.columns-8 .blocks-gallery-item{ width: calc(12.5% - 20px); }
.wp-block-gallery.columns-9 .blocks-gallery-item{ width: calc(11.111% - 20px); }

@media screen and (max-width: 1279px){.gallery-item, .blocks-gallery-item {min-width: calc(25% - 20px) !important;}}
@media screen and (max-width: 1100px){.gallery-item, .blocks-gallery-item {min-width: calc(33.33% - 20px) !important;}}
@media screen and (max-width: 1023px){.gallery-item, .blocks-gallery-item {min-width: calc(50% - 20px) !important;}}
@media screen and (max-width: 500px){.gallery-item, .blocks-gallery-item {min-width: calc(100% - 20px) !important;}}

.widget .gallery{ margin: 0 -1px !important; }
.widget .gallery-item{ margin: 1px !important; }
.widget .gallery-columns-1 .gallery-item {width: calc(100% - 2px) !important;}
.widget .gallery-columns-2 .gallery-item {width: calc(50% - 2px) !important;}
.widget .gallery-columns-3 .gallery-item {width: calc(33.333% - 2px) !important;}
.widget .gallery-columns-4 .gallery-item {width: calc(25% - 2px) !important;}
.widget .gallery-columns-5 .gallery-item {width: calc(20% - 2px) !important;}
.widget .gallery-columns-6 .gallery-item {width: calc(16.666% - 2px) !important;}
.widget .gallery-columns-7 .gallery-item {width: calc(14.285% - 2px) !important;}
.widget .gallery-columns-8 .gallery-item {width: calc(12.5% - 2px) !important;}
.widget .gallery-columns-9 .gallery-item {width: calc(11.111% - 2px) !important;}

#container.sinimagecon h1.page-title, #container.sinimagecon .entrytext{ text-align: center; }
#container.sinimagecon .entrytext img.attachment-full { width: auto; max-width: 100%; height: auto; margin: 20px auto; }

/*Calendar
----------------------------*/
.calendar_wrap {background:#ffffff;box-shadow:none;}
#wp-calendar{width:100%;border:none; box-shadow: none; background:#ffffff; padding:  0; margin: 0; }
#wp-calendar th{text-align: center;}
#wp-calendar td{color:#555555; border: 1px solid #f6f6f6; text-align: center; position: relative; transition:  all .3s; }
#wp-calendar td:hover{background: #e6e6e6; }
#wp-calendar td#prev, #wp-calendar td#next, #wp-calendar td.pad {border:none; }
#wp-calendar caption{font-size:17px; font-weight: 700; text-align:center;}
#wp-calendar a { font-size: 15px; font-weight: 700; background: #ccc; display: block; line-height: 2.3; color: #555!important; margin: -5px -7px; }
#wp-calendar a:hover { background: #555555; color: #ffffff !important; }
caption{color:#555555}


/*Input and Button
----------------------------*/
textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], .titlewrap input, select{background:#f7f7f7;border-radius:5px;font-size:14px;padding:10px 7px;width:100%;border:1px solid #eeeeee; transition: all .5s;}

input[type="password"]{width:200px;}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, .titlewrap:focus input:focus, select:focus {background:#ffffff; border-color: #f80f25;}

button,
input[type="reset"],
input[type="button"],
input[type="submit"]{  background: #f80f25; background-image: linear-gradient(to bottom, #f80f25, #c60600); border-radius: 5px; color: #ffffff; font-size: 20px; padding: 10px; text-decoration: none; border: none;cursor: pointer; transition: all .5s ease;; }

button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover{ background: #c60600; background-image: linear-gradient(to bottom, #c60600, #f80f25); text-decoration: none; }

button:active,
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active{position:relative;top:1px;}
input#s{}

.bypostauthor{}
#container,
#content,
#content-full{font-size:14px;text-align:justify;}
#content img,
#content-full img{height:auto;max-width:100%;vertical-align:middle;}
#content img.wp-smiley,
#content-full img.wp-smiley{border:none;box-shadow:none;}


/*Slider
----------------------------*/
#slide-container{background:url("images/slideback.jpg") repeat-x scroll 0 0 / 100% 100% #141414;}
.slider-wrapper{ margin: 0 auto; overflow: hidden; position: relative; }
.slider{ position:relative; width:100%;  /*	height:400px; when responsive, comment this out */ margin:0 auto; }
.slider p { position:absolute; top:-200px; z-index:8000; line-height:100%; color:#ffffff; white-space: nowrap; padding: 5px 10px; }
#slide-container .prev, #slide-container .next { position: absolute; z-index: 99999; width: 50px; height: 50px; background: rgba(0,0,0,.3); top: 50%; transform:translate(0px, -50%); font-size: 25px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; border-radius: 150%; color: #ffffff; transition: all .5s; opacity: .3; }

#slide-container .prev { left: 100px; opacity: 0;  }
#slide-container .next { right: 100px; opacity: 0; }
#slide-container:hover .prev { left: 0; opacity: 1; }
#slide-container:hover .next { right: 0; opacity: 1; }

#slide-container .prev::before {content: '\f053';}
#slide-container .next::before {content: '\f054';}

#slide-container .fs-pager-wrapper a, #slide-container .fs-custom-pager-wrapper a { width: 16px; height: 16px; border-radius: 50%; margin: 3px; background: rgba(0,0,0,.5); box-shadow: 0 1px 1px rgba(255,255,255,0.5), inset 0 1px 1px rgba(0,0,0,0.1); }
#slide-container .fs-pager-wrapper .active, #slide-container .fs-custom-pager-wrapper .active { box-shadow: 0 1px 1px rgba(255,255,255,0.5), inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 0 3px rgba(0,0,0,.5), inset 0 0 0 8px #ffffff; }

#slide-container.vbasicslider .slide{ background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; }
#slide-container.vbasicslider:hover  .prev { left: 30px; }
#slide-container.vbasicslider:hover  .next { right: 30px; }
#slide-container.vbasicslider .fs-pager-wrapper{ left: 30px; }
#slide-container.vbasicslider .basicsldlink{ height: 100%; width: 100%; }
#slide-container.vbasicslider .simplesldtext{ width: 100%; height: auto; padding:0 20px; display: flex; justify-content: center; align-items:  center; }
#slide-container.vbasicslider .simplesldtextin{ margin: 0 auto; display: table; padding: 10px 20px; font-size: 60px; line-height: 1.5; font-weight: 500; background:#f80f25; color:#ffffff; max-width: 1000px; text-align: center; }

/* Heading 1,2,3
----------------------------*/
#heading1container { width: 100%; background: #141414; padding: 10px 0; margin-bottom: 40px; overflow: hidden; }
.heading1vcenter { margin: 0 auto; display: table;}
#heading1container .vcenter { width: 30%; display:table-cell; vertical-align: middle; }
#heading1container .vcenter button { float: right; }
#heading1{font-size:23px;text-align:left;font-weight:100; width: 100%; color: #ffffff; float: left; }
.heading-desc1{color:#eeeeee;font-size:17px;text-align:left;width: 100%; font-weight: 100; line-height: 25px; float: left;}
#heading1 em { color: #f80f25; font-weight: 100; }

#heading2{color:#141414;font-size:40px;text-align:center;font-weight:100; margin: 30px auto 10px;}
.heading-desc2{color:#777777;font-size:21px;text-align:center;margin: 10px auto; font-weight: 100; line-height: 35px;}
#heading2 em { background: #d4081b; padding: 0 10px; color: #ffffff; }


#heading3container { width: 100%; padding: 10px 0 450px; margin-bottom: -275px; background: url("images/heading3back.png") no-repeat scroll center bottom transparent; }
#heading3{color:#141414;font-size:40px;text-align:center;font-weight:100; width: 90%; margin: 20px auto 10px;}
.heading-desc3{color:#f80f25;font-size:21px;text-align:center;width: 90%; margin: 10px auto 50px; font-weight: 100; line-height: 30px;}


/* Blog, Testimonial, Client
----------------------------*/
#bqpcontainer { width: 100%; background: url("images/back2.png") repeat scroll 0 0 rgba(211, 211, 211, 0.8); overflow: hidden; }
#bqpcontainer-sub-con { margin:0 -20px; }
.bqpcontainer-box { display: inline-block; width:50%; vertical-align: top; min-width: 250px; }
.testclntblg {margin: 30px 20px;}
#bqpcontainer div.post-slide-title { float: left; font-size: 20px; font-weight: 600; }
#bqpcontainer .post-slide-content  { float: left; font-size: 17px; text-align: justify; }
.bqpheading { color:#141414;font-size:40px; margin: 0 0 20px 0; text-align: center;}
.datetitle { display: flex; align-items: center;}
.fptesname {font-size: 700; color: #f80f25;margin-left: 19px; }
#customers-comment, #client-slide { margin: 0; padding: 0; list-style: none; }
#client-slide { margin: 0; padding: 0; list-style: none; }

#blogwidc {width: 25%; visibility: hidden; }
#teswidc {width: 100%; visibility: hidden; }
#clntwidc {width: 10%; visibility: hidden; }

.post-slide-box { font-size: 19px; color: #555555; }
#bqpcontainer .custesslide  .bx-controls-direction a { margin-top: -50px; top: 0; }
#bqpcontainer .custesslide  .bx-controls-direction a.bx-prev  { left: auto; right: 80px;  } 
#bqpcontainer .custesslide  .bx-controls-direction a.bx-next  { right:30px; left: auto; } 

.fp-fullblog .bqpcontainer-box, .no-fptesti.no-fpclient .bqpcontainer-box, .no-fpblog .bqpcontainer-box, .fp-allfull .bqpcontainer-box {width: 100%;}
.fp-fullblog .testiclient, .no-fpblog .testiclient {display: flex;}
.fp-fullblog  .testi-clnt, .no-fpblog  .testi-clnt {width: calc(50% - 40px);}
.fp-allfull .testiclient {display: block;}
.fp-allfull  .testi-clnt {width: calc(100% - 40px);}

.fp-allfull #teswidc {width: 50%;} 
.fp-allfull #clntwidc {width: 13%;}

/* Featured Boxes
----------------------------*/
#featured-boxs{ display:flex; margin: 65px -7px 0; justify-content: center; flex-wrap: wrap; }
.featured-box{width:calc(20% - 14px); min-width: 150px; margin: 5px 7px 10px; padding: 13px 13px 5px; display:inline-flex; text-align:justify; position: relative; flex-direction: column; }
.featured-box h3.fboxtitle {font-weight:100;font-size:25px;color:#f80f25; text-align: center;}
.featured-box .fboxdes { color: #555555; }
#featured-boxs .imagebox { height: auto; width: 190px; max-width: 100%; min-width: 70%; position: relative; margin: 0 auto 15px; padding: 3px; border-radius: 150%; }
#featured-boxs img.box-image{ border-radius: 150%; display: block; margin: 0 auto; width: 100%; height: 100%; padding: 13px; transition: all .5s; }
#featured-boxs .featured-box:hover img.box-image { background: #f80f25; padding: 7px; }
.image-border { border-radius: 150%; border: 3px dashed #777777; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.featured-box:hover .image-border { animation: spin 11s linear infinite; }


/* Blockquote
----------------------------*/
blockquote, q {background:#dddddd;background:rgba(200, 200, 200, 0.10);border-left:10px solid #cccccc; margin:10px; padding:10px; quotes:'<<' '>>';}
blockquote:before, q:before {color:#cccccc;content:'\201C';font-size:4em;line-height:.1em;margin-right:.20em;vertical-align:-.4em; font-family: Georgia,Genericons,serif;}
blockquote:after, q:after {color:#cccccc;content:'';font-size:4em;line-height:.1em;margin-left:.20em;vertical-align:-.4em; font-family: Georgia,Genericons,serif;}
blockquote p, q p {display:inline;}

.fpage-quote { background: #f80f25; border-radius: 10px; padding: 10px; width: 100%; font-size: 15px; font-style:italic; }
.fpage-quote q, .fpage-quote q:before, .fpage-quote q:after { background: none; border: none; color: #ffffff; }
.arrow-down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #f80f25; margin: 0 0 0 30px; }

.post-datesp { width: 55px; min-width: 55px; text-align: center; font-size: 15px; font-weight: 700; text-transform: uppercase; margin: 0 20px 10px 0;  position: absolute; }
.post-slide-box .post-datesp { float: left; position: relative; margin-right: 10px; }
.post-month, .post-day{ background: #eeeeee; width: 100%; display: block; padding: 0 7px;  }
.sticky .post-month, .sticky .post-day { background: #ffffff; }
.post-year { background: #f80f25; color: #ffffff; width: 100%; display: block; padding: 7px; border-radius: 0 0 10px 10px; }

.post-meta {display: table;font-weight: 500; margin: 5px 0 0; border-top: 1px solid #eeeeee; padding: 7px 10px; width: 100%; border-radius: 3px;line-height: 1.5;text-align: center; color: #777777;}
.post-meta a {color: #555555;}
.post-meta a:hover {text-decoration: underline;}
.post-meta span:before { padding-right: 5px; font-size: 15px; }
.post-meta span { padding-right: 20px;}

#container .attachment-thumbnail{border:1px solid #aaaaaa;border-radius:3px 3px 3px 3px;margin:0px 15px 10px 0;padding:3px;float:left;}
#container .attachment-full-thumb {width: 100%; height: auto;}

h1.page-title,
h1.arc-post-title{font-size:40px;text-align:left;color:#f80f25; font-weight: 500;}
h1.arctitle { font-size:40px; margin: 0 auto 30px; text-align: center; color: #ffffff; background: #f80f25; padding: 10px; font-weight: 600; }
h2.post-title,
h2.comments,
h3#reply-title,
h2.post-title-color{font-size:31px; margin-bottom:0; padding-bottom:10px; text-align:left; font-weight: 400; }
h2.post-title {  }

.post-container .entrytext{margin: 10px 0;}
h2.post-title a,
h2.post-title a:hover,
h2.comments a,
h2.post-title-color{color:#c60600;}
h3.arc-src{text-transform:uppercase;color:#c60600;font-size:20px;}
h3 span{color:#777777;}

.post, .hentry, .no-results{margin-bottom:50px;}
.sticky{background:#f7f7f7;padding:15px;}
.sticky:before {color:#f50c0c; content:'\f08d'; display:block; font-size:40px; margin:-30px 0 -20px; text-align:right;}

.post-container { margin-left: 80px; }

.read-more{display: table; font-size: 19px; font-weight: 500; padding: 5px 17px 5px 0; text-transform: lowercase; position: relative; transition: all .5s; border-radius: 3px; color: #f80f25; }
.read-more::after { content: '\f0da'; position: absolute; right: 5px; top: 50%; transform: translate(0, -40%); font-size: 21px; }
.read-more:hover {color:#ffffff; background: #f80f25; padding-left: 5px; }

.up-bottom-border{/* background:url("images/bottom.png") no-repeat scroll center bottom transparent; */ display:inline-block;margin-bottom:10px;padding:5px 0 25px 0;width:100%;border-top:1px solid #dddddd; font-size: 13px; text-align: left;}
.page-link{font-weight:500; background: url("images/pages.png") no-repeat scroll left center / 30px 30px transparent; border-bottom: 1px solid #eeeeee; padding: 10px 0 10px 35px;}
.page-link a{ background: #f80f25; border-radius: 150%; color: #ffffff; padding: 3px 10px;}
.floatleft{float:left;width:45%;text-align:left;}
.floatright{float:right;width:45%;text-align:right;}

.autbio { background: #f6f6f6; padding: 15px; border-left: 5px solid #fb4baa; display:flex; align-items: center; margin: 10px auto; overflow: hidden; }
.author-image { float: left; }
.author-image .avatar { border: 5px solid #ffffff; border-radius: 150%; }
.author-name { color: #fb4baa;  }
.author-description { margin-left: 15px; }
.nf404 { width: 70%; min-width: 250px; height: auto; margin: 20px auto; display: block; position: relative; }
.searchinfo { display: block; margin: 0 auto; width: auto; }
.searchinfo h1.page-title { margin-bottom: 29px; color: #ffffff; }
.searchinfo h1::before { margin-right: 10px; }
.notfound.searchinfo { display: flex; align-content: center; flex-direction: column; justify-content: center; align-items: center; } 
.notfound #searchform, .notfound .search-form { justify-content: center; height: 39px; margin: 30px auto; }


/* Page Navigation 
---------------------------------- */
.page-nav { text-align: center; margin: 10px auto 20px; position: relative;  }
.page-link{font-weight:bold;}
.page-link::before { font-size: 23px; vertical-align: top; line-height: .9; margin-left: 5px; }
.page-link a{ background:#3aa5f8;padding:0 7px;color:#ffffff; font-size: 15px; vertical-align: top; }
.page-nav .alignright{ text-align:right; }
.page-nav .alignleft{ text-align:left; }
ul.page-numbers { list-style: none; margin: 0; }
.page-numbers li { display: inline-block; vertical-align: top; margin-bottom: 15px; }
.page-numbers li .page-numbers {color: #fb1b00; font-size: 19px; padding: 1px 10px; background: #eeeeee; border: 5px solid rgba(0,0,0,.1); border-radius: 50px; transition: all .5s;}
.page-numbers li .page-numbers.current, .page-numbers li .page-numbers:hover { border: 5px solid #fb1b00; color: #ffffff; background: #fb1b00; text-decoration: none; }
.page-nav .prev.page-numbers, .page-nav .next.page-numbers {background: transparent; border: none; font-size: 35px; line-height: 27px;}
.page-nav .prev.page-numbers:hover, .page-nav .next.page-numbers:hover {background: transparent; color: #555555; border: none; }
.pagenavlink { width: calc(50% - 10px); margin: 10px 0; font-size: 15px; }

/* Comments Box 
---------------------------------- */
.comments { padding: 5px 0; border-bottom: 1px solid #eeeeee; }
.comments::before { padding-right: 10px; }
#commentsbox .commentlist{margin:0;}
#commentsbox .watermark{color:rgba(150, 150, 150, 0.7);font-size:17px;text-align:center;text-shadow:none;text-transform:uppercase;}
#commentsbox .comment-author cite,
#commentsbox .comment-author cite a{color:#c60600;letter-spacing:3px;font-style:normal;font-weight:bold;}
#commentsbox img.avatar{border: 5px solid #ffffff; border-radius: 150%; box-shadow: 0 0 3px 0 #eeeeee; height: 100px; width: 100px; left: 0; position: absolute; }
#commentsbox ul.children{padding:0;}

.comment-body{ background: #eeeeee; border-radius: 5px; padding: 10px;}
.comment-body:after { border-bottom: 15px solid transparent; border-right: 15px solid #eeeeee; border-top: 15px solid transparent; content: ""; margin: 0 0 0 -23px; position: absolute; top: 60px; }

#commentsbox .commentlist li.comment{line-height:19px;margin:0 0 5px;padding:20px 0 0 115px;position:relative;}
#comments .comment-body p:last-child{margin-bottom:6px;}
#commentsbox .comment-meta,
#commentsbox .comment-meta a:link,
#commentsbox .comment-meta a:visited{color:#f33e3e;padding-bottom:10px;text-shadow:none;}
#commentsbox .commentlist .children li{border-top:2px solid #ffffff;list-style:none outside none;margin:0 0 0 -25px;}
#commentsbox .commentlist li:last-child{border-bottom:medium none;ist-style:none outside none;}
#comment-form{ max-width:650px; margin-top: 30px; }
#respond .required{color:#c60600;font-weight:bold;position:absolute;}
#commentsbox ol.commentlist, #commentsbox li.commentlist{padding:0;list-style:none;}
#comments-list #respond{margin:0 0 18px;}
#comments-list ul #respond{margin:0;}
#cancel-comment-reply-link{font-weight:normal;line-height:18px;}
#respond input{margin:0 0 9px;}
#respond textarea{}
#respond .form-allowed-tags{font-size:13px;line-height:18px;}
#respond .form-allowed-tags code{font-size:11px;}
#respond .form-submit{margin:12px 0;}
#respond .form-submit input{font-size:14px;width:auto;}
h3#reply-title { }

.logged-in-as a {font-size: 17px; color:#c60600; font-weight: 400; }
#respond label {font-size: 17px; font-weight: 500; width:20%; padding-right: 10px; display: inline-block;}
.flexboxitem{display: flex; align-items: center;}
.flexboxitem input { width:80%; }

#respond .comment-form-cookies-consent label {width: auto; padding: 0 0 0 10px; }

#topdirection { background: rgba(0,0,0,.7); border-left: 1px solid #333333; border-radius: 5px 5px 0 0; border-right: 1px solid #333333;
border-top: 1px solid #333333; display: inline; font-size: 50px; height: auto; padding: 10px; position: absolute; right: 20px; text-align: center; vertical-align: middle; width: auto; line-height: .8; bottom: 0; transition: all .5s; }
#topdirection a { color: #ffffff; }
#topdirection:hover {	background: rgba(0,0,0,1); }

#topdirection.go-top { display: none; position: fixed; opacity: .97; }
#topdirection.go-top:hover { opacity: 1; }


#postslide {margin:0; }
.blankclear { clear: both; }

/* Contact Box
------------------------------------------------------------- */
.boxtopicon { text-align: center; margin: 45px auto 0; color: #555555; font-size: 40px; }
.boxtoptitle, .boxtopdes {color: #999999; text-align: center; text-shadow: 1px 1px 1px #ffffff; margin: 0 auto;}
.boxtoptitle {  font-size:38px; color: #777777; }
.boxtopdes { font-size:21px; max-width: 850px; padding: 11px 0; font-weight: 300; }

.contactcontainer { overflow: hidden; color: #555555; background: #eaeaea;}
.conactboxs {border-top: 3px solid #cccccc; border-bottom: 3px solid #cccccc; overflow: hidden; padding: 10px 0; }
#contactboxparts {display: flex;  justify-content: center; flex-wrap: wrap; margin: 0 -20px; }
.contactboxpart {text-align: left; margin: 20px; width: calc(50% - 40px); min-width: 350px;}
.contactcontainer input:focus, .contactcontainer textarea:focus { background: #ffffff; }
.contactcontainer input[type="submit"] { min-width: 200px; }
.contactcontainer h3.contact-subtitle { font-size: 30px; font-weight: 500; color: #777777; }
.contactinfo { padding: 20px 0; }
.contactinfo span {  border: 3px solid #555555; border-radius: 150%; display: inline-block; font-size: 25px; height: 40px; line-height: 1.35; position: absolute; text-align: center; width: 40px; }
.contactinfo h4 { font-size: 17px; font-weight: 400; }
.contactinfo h4, .contactinfo p { padding-left: 55px; margin: 0; }

.mappingcontainer { overflow: hidden; text-align: center; display: block; }
.mapbox {border: 5px solid #a2aaab; margin: 20px auto; display: table; width: 100%; }
.mapbox .su-gmap {margin: 0;}
.contactcontainer input[type="submit"] { background: #cccccc; border-radius: 7px; color: #555555; font-size: 19px; padding: 11px 20px;    text-decoration: none; border: none; cursor: pointer; box-shadow: none; text-shadow: none; transition: all .5s; margin-left: 3px; }
.contactcontainer input[type="submit"]:hover { background: #333333; color: #ffffff; text-decoration: none; }
.contactcontainer div.wpcf7-mail-sent-ng, .contactcontainer div.wpcf7-aborted, div.wpcf7-response-output {border-color: #57b9f8;}

@media screen and (max-width: 700px) {
	#contactboxparts{ margin: 0; }
	.contactboxpart{ margin: 20px 0; width: 100%; }
}

::-webkit-input-placeholder { color: #cccccc; }
:-moz-placeholder { color: #555555;  }
::-moz-placeholder { color: #555555; }
:-ms-input-placeholder {  color: #555555;  }


/* ================ Social Links ============== */
.social { display: inline-flex; margin: 0 5px; justify-content: center; align-items: center; }
.social a { margin: 0 7px 3px; text-align: center; display: inline-flex; align-content: center; align-items: center; justify-content: center; transition:all .5s; background-size: 80% auto; background-repeat: no-repeat; background-position: center center; }

.social a::before, .social a.sliconimg { display: inline-flex; align-content: center; align-items: center; justify-content: center; -webkit-font-smoothing: antialiased; transition:all .5s; background-color: rgba(0, 0, 0, 0.5); border-color: rgba(0,0,0,.3) rgba(255,255,255,.3) rgba(255,255,255,.5); border-radius: 7px; border-style: solid; border-width: 1.5px 1px 1.5px 1.25px; font-size: 40px; font-weight: bold; height: 55px; width: 55px; line-height:normal; text-shadow: -0.5px -0.5px 0 rgba(255, 255, 255, 0.5), 0.5px 0.5px 0 rgba(0, 0, 0, 0.5); }
.social a.slicondefined::before{ content: '\f005'; }
.social a:hover::before, .social a.sliconimg:hover { background-color: rgba(0,0,0,.5); border-color: rgba(255,255,255,.5)  rgba(0,0,0,.3) rgba(0,0,0,.3); text-shadow: 1px 1px 0 rgba(0, 0, 0, .5); color: #ffffff; }
#footer .social { background-color:#f80f25; border-bottom:2px solid #111111; padding: 10px; width: 100%; margin: 0 auto; }

.social a.slicondefined[href*="wordpress.org"]::before, 
.social a.slicondefined[href*="wordpress.com"]::before { content: '\f19a'; }
.social a.slicondefined[href*="facebook.com"]::before { content: '\f39e'; }
.social a.slicondefined[href*="twitter.com"]::before { content: '\f099'; }
.social a.slicondefined[href*="dribbble.com"]::before { content: '\f17d'; }
.social a.slicondefined[href*="plus.google.com"]::before { content: '\f0d5'; }
.social a.slicondefined[href*="pinterest.com"]::before { content: '\f0d2'; }
.social a.slicondefined[href*="github.com"]::before { content: '\f113'; }
.social a.slicondefined[href*="tumblr.com"]::before { content: '\f173'; }
.social a.slicondefined[href*="youtube.com"]::before { content: '\f167'; }
.social a.slicondefined[href*="flickr.com"]::before { content: '\f16e'; }
.social a.slicondefined[href*="vimeo.com"]::before { content: '\f194'; }
.social a.slicondefined[href*="instagram.com"]::before { content: '\f16d'; }
.social a.slicondefined[href*="codepen.io"]::before { content: '\f1cb'; }
.social a.slicondefined[href*="linkedin.com"]::before { content: '\f0e1'; }
.social a.slicondefined[href*="vk.com"]::before { content: '\f189'; }
.social a.slicondefined[href*="t.me"]::before { content: '\f3fe'; }
.social a.slicondefined[href*="xing.com"]::before { content: '\f168'; }
.social a.slicondefined[href*="yelp.com"]::before { content: '\f1e9'; }

.social a.slicondefined[href*="wordpress.org"]:hover::before,
.social a.slicondefined[href*="wordpress.com"]:hover::before{ background: linear-gradient( #09b6db, #72c6d8 )}
.social a.slicondefined[href*="facebook.com"]:hover::before{ background: linear-gradient( #455afa, #7080fb )}
.social a.slicondefined[href*="twitter.com"]:hover::before{ background: linear-gradient( #1cc3fa, #75dafb )}
.social a.slicondefined[href*="dribbble.com"]:hover::before{ background: linear-gradient( #e32971, #e58aad )}
.social a.slicondefined[href*="plus.google.com"]:hover::before{ background: linear-gradient( #f32e0d, #f68572 )}
.social a.slicondefined[href*="pinterest.com"]:hover::before{ background: linear-gradient( #c8232c, #c4676c )}
.social a.slicondefined[href*="github.com"]:hover::before{ background: linear-gradient( #555555, #9c9a9a )}
.social a.slicondefined[href*="tumblr.com"]:hover::before{ background: linear-gradient( #455afa, #adb6fa )}
.social a.slicondefined[href*="youtube.com"]:hover::before{ background: linear-gradient( #F90909, #f99595 )}
.social a.slicondefined[href*="flickr.com"]:hover::before{ background: linear-gradient( #ff0084, #fa81c0 )}
.social a.slicondefined[href*="vimeo.com"]:hover::before{ background: linear-gradient( #1AB7EA, #7dcbe5 )}
.social a.slicondefined[href*="instagram.com"]:hover::before{ background: linear-gradient( #05ace3, #6dc4e1 )}
.social a.slicondefined[href*="codepen.io"]:hover::before{ background: linear-gradient( #555555, #9c9a9a )}
.social a.slicondefined[href*="linkedin.com"]:hover::before{ background: linear-gradient( #05ace3, #61c0df )}
.social a.slicondefined[href*="vk.com"]:hover::before{ background: linear-gradient( #0895c4, #2ec5f7 )}
.social a.slicondefined[href*="t.me"]:hover::before{ background: linear-gradient( #0680a8, #24c4f8 )}
.social a.slicondefined[href*="xing.com"]:hover::before{ background: linear-gradient( #b0d400, #d3f432 )}
.social a.slicondefined[href*="yelp.com"]:hover::before{ background: linear-gradient( #d32323, #ff5b5b )}

#header .social { background-color: transparent; margin: 0 10px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
#header .social a{ margin: 1px 2px; }
#header .social a::before, #header .social a.sliconimg { margin: 0; color: #ffffff; background-color: rgba(185,181,181,0.5); border: none; text-shadow: none; font-size: 15px; width: 25px; height: 25px; border-radius: 150%;  }
#header .social a:hover::before, #header .social a.sliconimg:hover { background-color: #333333; }


/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; 	display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; 	text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/* 
==================== E-Commerce/WooCommerce ========== */
.ecom-box-part{ padding: 30px 0; position: relative; display: block; }
.ecom-part { margin: 20px auto 30px; display: block; text-align: center; }
.d5woospace { margin: 40px auto 20px; display: block; text-align:justify; }
.d5wooextra { margin: 20px auto 20px; display: block; text-align:justify; }
.woocommerce ul li, .woocommerce-page ul li { transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s; }
.ecom-part em { font-style: normal; }
.ecom-part h2.boxtoptitle { font-style: normal; color: #e81010; font-size: 41px; font-weight: 400; }
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {font-size: 20px; font-weight: 300;}
.ecom-part h3.about-us, .woocommerce ul.products li.product a, .woocommerce .woocommerce-info::before, .woocommerce .woocommerce-error::before, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .button, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #ff9999; }
.woocommerce span.onsale, .woocommerce ul.products li.product h3, .woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout 
a.checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit, .woocommerce .d5woocontent a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce .d5woocontent a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: #ff9999; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce div.product .product_title {  background-color: #e81010; }
.woocommerce .product_meta { border: 1px solid #eeeeee; padding: 5px; border-radius: 3px; width: 100%; display:  table; }
.woocommerce .entrytext, .woocommerce-account .entrytext, .woocommerce-page .entrytext, .elementor-default .entrytext {background-image: none;}
.woocommerce-MyAccount-navigation ul { margin: 5px 0; padding: 0; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link { list-style:  none; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { font-size: 15px; text-transform: uppercase; background: #f6f6f6; margin: 0 0 3px; padding: 5px 7px; list-style: inside square none; border-radius: 3px; color:#e81010; display:  list-item; transition: all .4s; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover { background: #e81010; color: #ffffff; }
.woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce .woocommerce-message { border-color: #ff9999; }
.woocommerce .d5woocontent a {color: #ff9999; }
.woocommerce ul.products li.product h3 { color: #ffffff; padding: 5px; font-size: 25px; }
.woocommerce ul.products li.product .price del { display: inline-block; vertical-align: middle; margin-right: 15px; font-size: 15px; opacity: .7;  }
.woocommerce ul.products li.product .price { display: inline-block; vertical-align: middle; font-size: 17px; margin: 5px auto -5px; }
.woocommerce ul.products li.product .button { display: block; background-color: #eeeeee !important; border-radius: 0px; color:#333333 !important; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {  padding: 10px; text-align: center; }
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {  padding: 0px; background-color: transparent; transform: scale(1.05);}
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit, .woocommerce .d5woocontent a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce .d5woocontent a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce div.product .product_title { border-radius: 0px; color: #ffffff !important; }
.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; }
.woocommerce-cart table.cart td.actions .coupon .input-text { padding: 8px 6px 9px;  }
#right-sidebar .woocommerce ul { margin: 0 0 20px 0;  }
#right-sidebar .woocommerce ul, #right-sidebar .woocommerce li { list-style: none; }
#right-sidebar .woocommerce *::before {   }
.wccart-icon::before { font-size: 17px; line-height: 0; margin-right: 5px; }
#main-menu-con a.wccart-icon { font-weight: 700; border-radius: 5px 5px 0 0; display: flex; justify-content: center; align-items: center; font-size: 15px; }
.woocommerce ins { text-decoration: none; }
.woocommerce div.product .product_title { text-align: center; font-weight:500; padding: 5px; }
.woocommerce .quantity .qty { padding: 7px 3px 8px 5px; text-align: center; width: 70px; }
.ecom-part .boxtopdes { padding: 0; }
.ecom-part h3.about-us { font-style: normal;  font-size: 25px; }
.woocommerce .pswp__caption__center { font-size: 17px; text-align: center; }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right{ background: transparent; }

.woocommerce #comments{ margin: 0; }
.woocommerce #review_form #respond textarea{ display: block; max-width: 750px;}

/* new */
.woocommerce #review_form #respond {max-width: 650px;}
.single_add_to_cart_button.button.alt { min-height: 35px; }
.woocommerce p.stars a {font-size: 25px;margin: 0 5px 0 0;}
.woocommerce-form.woocommerce-form-login.login { max-width: 500px; }

.woocommerce .coupon{ display: inline-flex; }
.woocommerce #coupon_code{ min-width: 150px; }

.woocommerce .woocommerce-message::before{ color: #e81010; }


/*-------------*/
#d5woocartcountraw{ display: none; }
.withd5tooltip{ position: relative; }
.d5tooltip { background: #333333; border-radius: 3px;  color: #ffffff; font-size: 15px; padding: 5px; position: absolute; top: calc(100% + 3px); left: 50%; transform: translateX(-50%); text-align: center; text-transform: none; font-weight: normal; transition: all 0.5s; width: 150px; opacity: 0; }
.d5tooltip::before { content: ''; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 9px solid #333333; position: absolute; left: 50%; transform: translateX(-50%); top: -7px; }
.d5tooltip.wccounttooltip { right: 0; transform: none; left: auto; }
.d5tooltip.wccounttooltip::before{ right: 20px; transform: none; left: auto; }
.withd5tooltip:hover .d5tooltip { opacity: 1; }

/* 
==================== Front Page Extra ========== */
.fpagecbox, .extracontainer { margin: 0 auto; display: block; position: relative; }
.fpagecbox img {height: auto;}

/* ================ Language Switcher ============== */
#lswitchbox{ list-style: none; margin: 0 5px; padding: 0; z-index: 9999999;  }
#lswitchbox li{  position: relative; display: flex; align-items:  center; padding: 0; margin: 0; }
#lswitchbox .lswitemsdv{ cursor: pointer; padding: 3px 5px; margin: 2px; background: rgba(255,255,255,0.85); color: #333333; width: auto; display: flex; align-items: center; font-size: 15px; transition: all .5s; }
#lswitchbox li .lswitemsdv{ margin:0; width: 165px; border-bottom: 1px solid #eeeeee; }
#lswitchbox .lswitemsdv a{ display: flex; align-items: center; color: #333333; }
#lswitchbox .lswitemsdv:hover{ background: #ffffff; }
#lswitchbox img.lswimage{ max-height: 20px; width: auto; margin-right: 5px; }
#lswitchbox li:hover{  }
#lswitchbox .lswitemsulcl{ list-style: none; margin: 0 5px; padding: 0; display: none; }
#lswitchbox .lsdropdown .lswitemsulcl{ margin: 0; }
#lswitchbox .lsitemssel{ font-weight: 700; background: #ffffff; }
#lswitchbox .lswitemslitl > .lswitemsdv{ padding-right: 15px; }
#lswitchbox .lswitemslitl > .lswitemsdv::after{ content: '\f0d7'; font-size: 17px; right: 3px; position: absolute; top: 50%; transform: translateY(-50%); }
#lswitchbox .lswitemslitl:hover > ul { display: block; position: absolute; top: 100%; left: 0;  text-align: left; font-weight: normal; margin: 0; }
.lsdropdown{  }
.lsoneline{  }

/*
==================== Breadcrumbs ========== */
.breadcrumbs { margin: 10px auto 0; width: 1050px; padding: 0 0 5px; border-bottom: 1px solid #cccccc; }
.breadcrumbs h2.trail-browse {margin-right: 5px;}
.breadcrumbs .trail-browse, .breadcrumbs .trail-items, .breadcrumbs .trail-items li { display: inline-block; margin:  0; 			padding: 0; border: none; background:  transparent; text-indent: 0; }
.breadcrumbs .trail-browse { font-size: 15px; font-style:  inherit; font-weight: inherit; color: inherit; }
.breadcrumbs .trail-items { list-style: none; }
.trail-items li::after { content: "\f0da"; padding: 0 5px; }
.trail-items li:last-of-type::after { display: none; }


*, *:before, *:after { box-sizing: border-box; margin: 0; outline: medium none; padding: 0; }

.haved5iconfont *::before, .haved5iconfont *::after, .haved5iconfont::before, .haved5iconfont::after, [class*='fa-']::before, [class*='fa-']::after, #swipebox-overlay *::before, .sticky::before { font-family:FontAwesome, 'Font Awesome 5 Free', 'Font Awesome 5 Brands', Arial, Helvetica, SolaimanLipi, sans-serif; font-weight: 900 !important; }
.far, .far::before, .far::after { font-weight: 400 !important; }
.fanormal *::before, .fanormal *::after, .fanormal::before, .fanormal::after {font-weight: normal !important;}

/*
==================== Internet Explorer Fix ========== */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#featured-boxs img.box-image { padding: 0 !important; }
}