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

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

Description: KABBO is widely used as a Family Theme. You can create your Family Sites in minutes with KABBO Theme. But, it is a Multi-purpose Theme. What is your Purpose? Business? Personal Blog? Portfolio Site? Image Gallery? Family Site? HTML 5 and CSS3 powered KABBO Theme is the right choice for you. KABBO is Super Elegant, Responsive and Professional Theme which will expand your business and site widely. The Slider will show the featured images and contents of posts automatically.  Right and Footer Sidebar will be usable for showing the Widgets and Plugins items. Full Wide page can be used for showing showcase or other pages. KABBO Theme can show Full Content or Excerpt automatically as per your choice. Blog Site users can use this feature. The WP Generic Gallery is designed Attractively. You can show your Images using the Defult Gallery Feature. KABBO Extend has come with exciting Post Options, Theme Options and Extra Functionalities with more than 100 Theme Options. D5 Creation's Support will be with you, Always!  

Version: 4.3

Tags: two-columns, right-sidebar, custom-header, custom-background, custom-menu, threaded-comments, sticky-post, rtl-language-support, front-page-post-form, full-width-template, theme-options  

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

Text Domain: kabbo

*/

/* =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;margin:0;outline:0;padding:0;vertical-align:baseline;font:inherit inherit 100% inherit}
:focus{outline:0}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0;background-color:#eeeeee;border:1px solid #ffffff;box-shadow:0 0 5px 0 #dddddd;color:#333333}
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,#content .alignnone,#content-full .alignnone,div .alignnone{margin:5px 20px 20px 0}
.aligncenter,#content .aligncenter,#content-full .aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright,#content .alignright,#content-full .alignright,div .alignright{float:right;margin:5px 0 20px 20px}
.alignleft,#content .alignleft,#content-full .alignleft,div .alignleft{float:left;margin:5px 20px 20px 0}
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}
.bypostauthor{}

body{word-wrap:break-word; color:#333333; background:#9cadb9; font:15px/1.6 Arial,Helvetica,sans-serif;}
body.kabbofrontpage{ background:url(images/back.jpg) repeat fixed left top / 100% auto #9cadb9; }

#site-container { display: block; margin: 0 auto; width: 1080px; max-width: 100%; position: relative; }

.box100 { width: 100%; margin: 0 auto; padding: 0; position: relative; }
.box90 { width: calc(100% - 60px); max-width: calc(100% - 40px); margin: 0 auto; position: relative; }


img{max-width:100%;border:0 none}
#container{margin:0 auto;border-radius:5px 5px 0 0; background: #ffffff; display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden; }
#container.nobradius {border-radius: 0;}
#top-menu-container{margin:0 auto;height:55px; width: 100%; position: relative; z-index: 99999; }
#top-container{background:rgba(51,51,51,.95); width: 1080px; border-radius:0 0 5px 5px; min-height:55px; position: fixed; left: 0; right: 0; margin-left: auto; margin-right: auto; display: flex; align-items: center; }
#top-container-inner{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.d5templateloop{ background: #ffffff; position: relative; overflow: hidden; }

#header{ min-height:100px; margin: 0 auto; padding: 25px 0; display: block; }
#header-content{ width: 100%; position: relative; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;  }
.logotitle, img.logotitle{color:#dddddd; font-size:45px;font-weight:bold; letter-spacing:-3px; max-height:100%;max-width:300px; text-shadow:1px 1px 1px #000000;word-wrap:normal; }
a.logoandtitle:hover { text-decoration: none; }
.site-title-hidden{display:none}
.site-des { color: #ffffff; font-size: 19px; text-shadow: 1px 1px 1px #333333; margin: 0 0 0 10px; }
.allcenter { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.flexcenter { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 5px; padding: 0; }

#headersep{height:3px;margin:20px -30px}
#content { width: calc(100% - 340px); padding: 30px 0; order: 2; max-width: 100%; }
#content-full{width:100%; padding: 30px 0;}
.content-ver-sep{clear:both; border-bottom:2px solid #cccccc; }
#right-sidebar { order: 3; background: #0093c9; overflow: hidden; width: 340px; max-width: 100%; }
#container.rightcontent #right-sidebar{ order: 1; }
#footer{ clear:both; margin:0 auto; font-size:12px; background:#333333; border-top:5px solid #222222; }
#footer-content{ margin:0 auto; }
#footer-sidebar{overflow:hidden;padding:20px 0 0}

#creditline{background:#222222; color:#cccccc;font-size:13px;margin:0 auto;padding:10px 0;text-align:left;width:100%;overflow:hidden}
#creditlineinner{ margin: 0 -20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
#creditpart, #fmenupart{ margin: 5px 20px; }
#creditline a{font-weight:bold;color:#cccccc}

#resmwdt { width: 20px; height: 0px; background: transparent; visibility: hidden; }

#container.blogindex{   }

.sinimagepost h1.page-title, .sinimagepost .postmetadataw{ text-align: center; }
.sinimagepost .entrytext{ display: flex; justify-content: center; align-items: center; flex-direction: column; }
.sinimagepost .entrytext p{ text-align: center; margin: 10px auto; font-size: 17px; }

/* Language Switcher
------------------------------------------------------------- */
#lswitchbox{ list-style: none; margin: 0 5px; padding: 0;  }
#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: 13px; 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: 550; 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{  }

/* Design Elements 
------------------------------------------------------------- */
h3.subtitle{color:#aaaaaa; margin: 0;}
ol,ul{padding:0 0 10px 20px;display:block;margin-bottom:10px}
ul{list-style:square outside none}
ol{list-style:decimal outside none}
strong{font-weight:bold}
dl{margin:0 0 24px}
dt{font-weight:bold}
dd{margin-bottom:18px}
strong{font-weight:bold}
cite,em,i{font-style:italic}
big{font-size:131.25%}
ins{background:#ffc;text-decoration:none}
blockquote cite,q cite,blockquote em,q em,blockquote i,q i{font-style:normal}
pre{background:#eeeeee;color:#222222;line-height:18px;margin-bottom:18px;overflow:auto;padding:1.5em;border:1px solid #cccccc}
abbr,acronym{border-bottom:1px dotted #666;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;font-style:italic;font-weight:bold;margin-bottom:15px;max-width:250px;padding:5px 10px;text-align:left}
embed{max-width:100%}
caption{color:#555555}


/* Menu Elements 
------------------------------------------------------------- */
#main-menu-con{color:#eeeeee;float:right;font-family:'Coda',cursive,sans-serif;line-height:1;max-width:calc(100% - 190px);z-index:99999; }
#main-menu-con ul{list-style:none outside none;float:left; margin: 0; padding: 0; }
#main-menu-con li{float:left;position:relative;margin:0 5px}
#main-menu-con a{color:#cccccc;display:block;font-size:13px;min-width:40px;padding:7px;position:relative;text-align:center;text-transform:uppercase; text-decoration: none; transition: all .5s;}
#main-menu-con a:hover,#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{color:#ffffff;}
#main-menu-con li ul{float:left;position:relative;margin:0; }
#main-menu-con ul ul,.sub-menu,.sub-menu ul ul{ left: 50%; transform: translate(-50%, 0px); visibility: hidden; position:absolute;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;background:#444;background:linear-gradient(#444,#111); box-shadow:0 0 2px rgba(0,0,0,.5); border-radius: 5px;padding:15px;z-index:10000; transition: all .2s; opacity: 0; display: table;}
#main-menu-con li li > ul {}
#main-menu-con ul li:hover > ul{ visibility: visible; opacity: 1; padding:0px;}

#main-menu-con ul li ul li{margin:0}
#main-menu-con ul ul ul{left:100%;top:0;z-index:999; transform:none; }
#main-menu-con ul ul a{border-bottom:1px solid rgba(255,255,255,.1); padding:13px 15px;width:210px;text-align:left;text-transform:none}
#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:#04acec; border-bottom:1px solid #0186ba; }
#main-menu-con ul ul a:hover {background:#0186ba;background:linear-gradient(#04acec,#0186ba); border-bottom:1px solid #0186ba; }

#main-menu-con ul ul  li:first-child > a {border-top: none; border-radius: 5px 5px 0 0; }
#main-menu-con ul ul  li:last-child > a {border-bottom: none; border-radius: 0 0 5px 5px;}
.menu-item-has-children, .page_item_has_children { position:  relative; }
.menu-item-has-children::after, .page_item_has_children::after { content: "\f078"; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; }
.sub-menu .menu-item-has-children::after, .sub-menu .page_item_has_children::after { content: "\f054"; left: auto; top: 50%; transform: translate(0px, -50%); right: 3px; bottom: auto; }
.sub-menu li.smedge.menu-item-has-children::after, .sub-menu li.smedge.page_item_has_children::after { content: "\f053"; left: 3px; right: auto; }

#main-menu-con li.smedge > ul { left:auto; right:0; transform: translate(0)}
#main-menu-con li li.smedge > ul  { left:auto; right:100%; }


.widget .menu li::after, .widget .menu li::before, .widget .menu li > a::after, .widget .menu li > a::before {content: ''; border: none; }

#mobile-menu { cursor: pointer; font-size: 20px; display: none; color: #fff; background: #111111; align-items: center; justify-content: center; height: 35px; width: 40px; position: relative; }
#mobile-menu::before { content: '\f0c9'; font-size: 25px; }

#creditline .f-menu li a { font-weight: normal; color: #0093c9; border-right: 1px solid rgba(255,255,255,.5); padding: 0 7px; }
.f-menu li{list-style:none;float:left}
#creditline .f-menu li:last-child a { border: none; padding-right: 0; }
#creditline ul.f-menu{padding:0;margin:0}
#creditline .f-menu li ul{display:none}
#creditline .alignright{margin:0}

/* Search Box 
------------------------------------------------------------- */
#searchform, .search-form, #bbp-search-form div, .woocommerce-product-search { height: 39px; overflow: hidden; width: 100%; max-width: 550px; display: inline-flex;}
.search-form label{ margin: 0; width: calc(100% - 45px); }
#top-container #searchform, #top-container .search-form { width: auto; height: 31px; }
#searchsubmit, input[type="submit"].search-submit, #bbp_search_submit, .woocommerce-product-search button[type="submit"] { background: #555555 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%; width: 45px; border: none; background-color: #555555;  }
#searchsubmit:hover, input[type="submit"].search-submit:hover, #bbp_search_submit:hover, .woocommerce-product-search button[type="submit"]:hover {border: none; background: #777777 url("images/search.png") no-repeat scroll center center; background-size: auto 70%; }
#searchform input#s, input[type="search"].search-field, #bbp_search, .search-field { border-radius: 3px 0 0 3px; vertical-align: top; max-width: 100%; width: 100%; min-width: 100px; height: 100%; padding: 5px 10px; border: 1px solid #cccccc; background: #f7f7f7; color: #aaaaaa; }
#searchform input#s{ width: calc(100% - 45px); }
#searchform input#s:focus, input[type="search"].search-field:focus, #bbp_search:focus, .search-field:focus { color: #555555; border-color: #aaaaaa;  background: #ffffff; box-shadow: none; }
#top-container input#s, #top-container input[type="search"].search-field { max-width: none; min-width: 100px; width: 100px; }
#top-container input#s:focus, #top-container input[type="search"].search-field:focus { width: 130px; }


/* Sidebar Widgets
------------------------------------------------------------- */
.widget{display:block;word-wrap:break-word}
.widget ul,.widget ol{padding:0; margin-left: 15px; }
#right-sidebar .widget { width: 320px; margin: 20px auto 20px; padding: 10px; max-width: 100%; }
#right-sidebar .widget h3.widget-title { text-transform: uppercase; color: #ffffff; text-shadow: 1px 1px 1px #555555; background: rgba(0,0,0,.1); padding: 5px 10px; text-align: center; }
#right-sidebar .widget,#right-sidebar .widget li,#right-sidebar .widget a,#right-sidebar .widget a:hover{color:#ffffff}
.widget li{ list-style: square outside none; padding: 5px 0 5px 5px; }
#right-sidebar .widget ul{ }

#footer-sidebar .widget{margin-bottom:20px}
.footer-widget{padding:0 20px; margin-bottom: 20px; float:left; min-height: 1px; background:url(images/wline.png) no-repeat scroll left center transparent; }
.footer-widget1,.footer-widget4{width:28%;}
.footer-widget2,.footer-widget3{width:22%;}
.footer-widget1{padding:0 20px 0 0;background:transparent}
.footer-widget4{padding:0 0 0 20px}
#footer-sidebar .widget h3.widget-title {padding-bottom:5px;text-transform:uppercase;color:#dddddd;text-shadow:1px 1px 1px #000000}
#footer-sidebar .widget,#footer-sidebar .widget li,#footer-sidebar .widget a,#footer-sidebar .widget a:hover,#footer table{color:#8f8f8e}


h1,h1 a,h1 a:visited,h1 a:hover,h2 a:hover,h3 a:hover,h2,h2 a,h2 a:visited,h2 a:hover,h3,h4,h5,h6{font-family:'Coda',cursive,sans-serif;font-weight:normal;line-height:1.25;margin:0 0 10px; text-decoration:none}
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:10px;text-align:justify}
a{text-decoration:none;color:#0093c9}
a:hover{text-decoration:underline}
b,strong{font-weight:bold}
displaynone{display:none}
.clear{clear:both}
table{padding:5px;min-width:200px;margin-bottom:15px;max-width:100%}
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}


/*Gallery Post
----------------------------*/
.gallery { margin: 0 -10px; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; }
.gallery-item { margin: 20px 10px; display: inline-flex; border: 5px solid #eeeeee; flex-direction: column; align-items: center; justify-content: center; }
.gallery-item img { border: none !important; padding: 5px !important; margin: 0 !important; }
.gallery-caption{  clear:both;color:#333333;display:inline-flex; justify-content: center; margin:0 auto; padding:5px  10px; position:relative; width:100% }
.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; }
.wp-block-gallery .blocks-gallery-item{ margin: 10px !important; }
.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); }


/*Gallery Box
----------------------------*/
.bcolor-back { background:rgba(0,1,84,0.85); color: #ffffff !important;  }
.gallerycon { background: #ffffff; display: block; padding: 70px 0; margin: 30px auto; overflow: hidden; text-align: center; z-index:999; position: relative; clip-path: polygon(50% 35px, 100% 0, 100% 100%, 50% calc(100% - 35px), 0 100%, 0 0); }
.gallerycon .boxtoptitle{ color: #000154; }
.gallerycon a, #swipebox-overlay a{ text-decoration: none !important; }
.gallerycon .allgallink { margin: 10px auto 0; padding: 5px 10px; }
.bcolor-back a { color: #ffffff !important;  }
#grid-gallery {clear: both; position: relative; margin: 20px auto;}
#filter-gallery {list-style-type: none; margin: 10px auto; display: flex; justify-content: center; flex-wrap: wrap; }
#filter-gallery li, #filter a {display: flex; justify-content: center; align-items: center; margin: 1px; text-align: center;}
#filter-gallery a { display: block; margin-bottom: 1px; float: left; padding: 7px 20px; transition:all .5s;}
#filter-gallery li:last-child a { border: none; }
#filter-gallery a.active, #filter-gallery a:hover { background: #eeeeee !important; color:#111111 !important;}
.item-gallery { width:33.33%; height: auto; min-width: 250px; margin:0; display:inline-block; text-align:center; vertical-align:top; overflow: hidden; margin-bottom: -7px;  transition:all .5s;}
.galimagesmall{ min-width: 100%; }
.gallery-overlay { box-sizing: border-box; margin: 0; outline: medium none; opacity: 0; height: 100%; width: 100%; background: rgba( 0, 0, 0, .5 ); top:0; color: #ffffff; left: 0; position: absolute; padding: 30px 10px; transition:all .5s; }
.galmask:hover .gallery-overlay { opacity: 1; }
.galmask img, .gcaption, .glink { position: relative; transition:all .5s; }
.galmask:hover img { transform:scale(1.5,1.5); }

.glink, .glink:hover { display: inline-flex; font-size: 25px; font-weight: bold; border-radius: 5px; width: 50px; height: 50px; margin: 10px 50px; justify-content: center; align-items: center; }
.galmask:hover .glink { margin: 1px 5px;  }
.gtitle, .gtile:hover { font-weight: 500; } 
.gcaption { display: block; position: absolute; bottom: -100%; left: 0; padding: 3px 5px; height: auto; width: 100%; }
.gcaption h3 { margin: 0; }
.gcaption h3, .gcaption p { margin: 0 0 5px; text-align: center; }
.galmask:hover .gcaption  { bottom: 0; }

.allmemlink { display: inline-flex; padding: 5px 10px; background: #051039; color: #ffffff !important; font-size: 17px; font-weight: 500; align-items: center; }
.allmemlink::after{content: '\f35d'; font-size: 23px; margin-left: 10px;}


/*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; background:#ffffff; 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}

/* Front Page Video Boxes
------------------------------------------------------------- */
#fpvid-box-item{ padding: 50px 0 40px; position: relative; background: rgba(255,255,255,0.75); }
#fpvidsection{ position: relative; margin: 0 -20px; display: flex; justify-content: center; flex-wrap: wrap; }
.fpvidbox { width: calc(33.33% - 40px); margin: 5px 20px 10px; }
.fvidtitle, .fviddes{ width: 100%; text-align: center; }
.fviddes{ margin-top: 5px; }

/*Display Box
----------------------------*/
#display-box-item { position: relative; }
.display-box { margin: 0; }
.dismask { width: 100%; height: 100%; color: #ffffff; text-align: center; padding: 5vw 0; }
.display-textarea { max-width: 900px; }
.dismask a { color: #ffffff; }
.displaybimg { max-width: 300px;min-width: 250px;margin: 10px auto; padding: 10px; background: rgba(0,0,0,0.5); border-radius: 3px; }
.displaybtitle { font-weight: 500; font-size: 30px; text-align: center; }
.displaybdes { margin-top: 30px; line-height: 1.7; font-size: 17px; text-align: center; }
.linkbtn1 { color: #ffffff; font-weight: 500; font-size: 19px; padding: 10px 20px; border: 1px solid #ffffff; margin: 20px 5px; display: inline-block; clear: both; border-radius: 3px; text-align: center; transition:all 1s;}
.linkbtn2  { background: #1164f5;  border: 1px solid #1164f5; }
.linkbtn1:hover  { background: #292c2f;  border: 1px solid #292c2f; text-decoration: none; }

/*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:auto;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: #0093C9;}

button,
input[type="reset"],
input[type="button"],
input[type="submit"]{  background: #066e93; background-image: linear-gradient(to bottom, #066e93, #063486); border-radius: 5px; color: #ffffff; font-size: 15px; padding: 13px 20px; 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: #063486; background-image: linear-gradient(to bottom, #063486, #066E93); text-decoration: none; }

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

s,strike,del{text-decoration:line-through}

.post.sticky,.sticky{background:#f7f7f7; border:3px solid #90d9f4; padding:15px;}
.sticky:before{color:#0093c9; content:'\f08d'; display:block; font-size:40px; margin:-35px 0 -10px; text-align:right;}

#container,#content,#content-full{font-size:14px}
#content img,#content-full img{height:auto;margin:0;max-width:100%;vertical-align:middle}

#heading { background: #eeeeee;  padding: 20px 0; }
#headingtext { color: #555555; font-size: 20px; text-align: center; margin: 0 auto;  }


#rsdbaroff{ display: none; background:#f7f7f7; width: 55px; height: 65px; top:calc(50% - 32.5px); right: 0; position: fixed; justify-content: center; align-items: center; color: #333333; cursor: pointer; opacity: .5; z-index: 999; transition: all .5s; }
#rsdbaroff:hover{ opacity: 1; }
#rsdbaroff::before{ content: '\f362'; font-size: 30px; }
.rightcontent #rsdbaroff{ right: auto; left: 0; }

#rsdbaroff.elementshow{ display: flex; }

#container.expandcontent #right-sidebar{ width: 0; opacity: 0; z-index: -1; }
#container.expandcontent #content{ width: 100%; }


/*  Page Navigation 
---------------------------------- */
.page-nextpre{ display: flex; justify-content: center; flex-wrap: wrap; position: relative; margin: 0 -10px; padding: 10px 0; }
.pagenavlink { margin: 5px 10px; min-width: 250px; text-align: left; width: calc(50% - 20px); font-size: 15px; }
.pagenavlinkright{ text-align: right; }

.imgnavlink a{ text-decoration: none !important; }
.imgnavlink .pagenav::before { font-size: 30px; padding: 5px 9px; background: #f7f7f7; border: 3px solid #cccccc; border-radius: 150%; }


.page-nav, ul.page-numbers, .page-numbers li, .page-numbers li .page-numbers { position: relative; text-align: center; display: inline-flex;  align-items: center; justify-content: center; flex-wrap: wrap; }
.page-nav { display: flex; }
.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; }
ul.page-numbers { list-style: none; margin: 0; padding: 0; }
.page-numbers li { }
.page-numbers li .page-numbers { color: #085d96; font-size: 21px; padding: 2px 13px; background: #eeeeee; border: 5px solid rgba(0,0,0,0.1); border-radius: 150%; transition: all .5s; margin: 3px;}
.page-numbers li .page-numbers.current, .page-numbers li .page-numbers:hover { border: 5px solid #085d96; color: #ffffff; background: #085d96; text-decoration: none; }
.page-nav .prev.page-numbers, .page-nav .next.page-numbers {background: transparent; border: none; font-size: 39px; line-height: 27px;}
.page-nav .prev.page-numbers:hover, .page-nav .next.page-numbers:hover {background: transparent; color: #555555; border: none; }

/* Featured Boxes 
---------------------------------- */
#featured-box-items { background: #ffffff; overflow: hidden; }
#featured-boxs{display:block; text-align: center; margin: 30px -20px; }
#featured-boxs a { text-decoration: none; }
#featured-boxs h2.featitle{padding:10px 0 5px;text-align:center;text-shadow:-1px -1px 3px #ffffff}
#featured-boxs .fimagebox { display: flex; justify-content: center; align-items: center; }
#featured-boxs img.fimage { border:10px solid #eeeeee; border-radius:150%; display:block; max-height:250px; margin:0 auto 10px; max-width:100%; height: auto; width: auto; box-sizing: content-box; }
#featured-boxs .featured-box:hover img.fimage {border:10px solid #0093c9; transform:scale(1.09); filter: grayscale(100%); }
#featured-boxs .featured-des { text-align:justify; color: #555555; margin: 0; }
.featured-box { width: calc(33.33% - 40px); display: inline-block; vertical-align: top; margin: 20px; border-radius: 5px; }
.featured-box .read-more { justify-content: center; }


/* Quotes
---------------------------------- */
blockquote,q{font-weight:normal;margin:10px;padding:10px; }
blockquote:before,q:before{content:'\201C';font-size:3em;line-height:.1em;margin-right:.2em;vertical-align:-.4em;color:#3ab6ea}
blockquote:after,q:after{content:'\201D';font-size:3em;line-height:.1em;margin-left:.2em;vertical-align:-.4em;color:#3ab6ea}
blockquote p,q p{display:inline}
#fpagetestimonial { background: #ffffff; padding-top: 20px; padding-bottom: 20px; }
.fpage-quote{ padding:30px 0;text-align:center}
.customers-comment ul{list-style:none;padding:0; width: 100%; position:relative; display: flex; flex-direction: column; align-items: center; }
.customers-comment li{display:list-item;padding:10px}
.customers-comment q{font-size:19px;margin:0 auto;text-align:center;vertical-align:middle}
.testiauthor { margin: 10px auto 0; display: flex; justify-content: center; align-items: center; }
.testiauthor::before{ content: '\f500'; margin-right: 5px; font-size: 25px; }
#tesmlink{ display: flex; justify-content: center; align-items: center; font-size: 17px; margin: 20px auto -30px; }
#tesmlink:hover{ font-size: 19px; }

.customers-comment ul,.customers-comment li,#client,#client ul,#client li, #rslide-container img, #rslide-container li {transition:none;}

#container .attachment-thumbnail,#container .attachment-category-thumb{border:1px solid #eeeeee;float:left;margin:5px 15px 10px 0;padding:3px}
#container .attachment-slide-thumb{ margin-bottom: 20px; width: 100%; height: auto; }
#container .attachment-thumbnail{ width: 150px; height: auto; }
.fpsttexcpt{ width: calc(100% - 165px); float: right; }
h1.page-title,h1.arc-post-title{font-size:35px;text-transform:uppercase;text-align:left; }
h2.post-title,h2.comments,h3#reply-title,h2.post-title-color{font-size:30px;margin-bottom:0;padding-bottom:5px;text-align:left;text-transform:uppercase;text-shadow:-1px -1px 3px #ffffff;color:#595656}
.entrytext{padding:10px 0; }
.fpsttexcpt h2.post-title{ font-size: 23px; }
h3.arc-src{text-transform:uppercase;font-size:20px;color:#777777}
.post { margin-bottom:50px; display: inline-block; width: 100%; }
.post:last-child { margin-bottom: 0; }

h1.arc-post-title.cenbold { font-weight: bold; text-align: center; margin-bottom: 20px; background: #0093c9; padding: 5px 10px; color: #ffffff; }

/* Read More
---------------------------------- */
.read-more, .da-slide .da-link {display:flex; padding:1px 0; align-items: center; transition: all .5s; text-decoration: none; font-size: 15px; }
.read-more:hover, .da-slide .da-link:hover {font-size: 17px;}
.read-more::after, .da-slide .da-link::after { content: '\f0a9'; font-size: 23px; margin-left: 5px; }
.read-more,a.read-more,.read-more a,a.more-link{color:#0093c9;text-decoration:none}


/* Video Box 
---------------------------------- */
#videobox  { width: 100%; background: #232323; color:#cccccc; height: auto; border-radius: 10px 10px 0 0; overflow: hidden; display: table;  padding: 20px; flex-wrap: wrap; }
#videoinner { margin: 0 auto;  text-align: center; }

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

.wp-video, .wp-audio { max-width:  100%; margin-left: auto; margin-right: auto; }
.mejs-controls button { box-shadow:  none; }
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; margin-bottom: -7px; }
.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; }

.mejs-overlay-button{ transition: none; }

/* Login Box 
---------------------------------- */
ul.lboxd{display:inline-flex; position:relative; font-size:14px; margin: 0; padding: 0; }
ul.lboxd li{list-style:none;}
a.loginicon, a.loginicon:hover {display:block; float:right; color: #ffffff; text-decoration: none; }
a.loginicon::before { content: '\f2bd'; font-size: 35px; line-height: 1; transition: all .5s; }
a.loginicon:hover::before { color: #eeeeee; }

ul.lboxd ul.lboxdropdown { background: #cccccc; display: none; padding: 20px; position: absolute; right: -10px; margin-top: 35px; width: 250px; z-index: 99999; border-bottom: 7px solid #14097d; border-radius: 3px; overflow: hidden; box-shadow: 0 0 7px #555555; }
.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;}
ul.lboxd .login-username label, ul.lboxd .login-password label {display: none;}
#lblogo { margin: -20px -20px 5px; padding: 5px; background: #14097d; max-width: 250px; }
ul.lboxd input:focus{ border-color: #333333; }

.lboxd .login-username, .lboxd .login-password { position: relative; }
.lboxd .login-username::before, .lboxd .login-password::before { content: '\f007'; font-size: 21px; height: 100%; background: #555555; position: absolute; width: 40px; display: flex; align-items: center; justify-content: center; color: #ffffff; border-radius: 3px 0 0 3px; z-index: 999; }
.lboxd .login-password::before { content: '\f084'; }
#lbuserlogin, #lbuserpass { padding-left: 45px; width: 100%; }

.loginboxextra{ list-style: none; margin: 10px auto 0; position: relative; }



/* Post Meta and Navigation
------------------------------------------------------------- */
.postmetadataw{ font-size: 17px; }
.post-meta { width: 100%; font-weight: 500; padding:5px 20px; background:rgba(0,0,0,0.05); display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.post-meta, .post-meta a { color: #777777; }
.post-meta a:hover { text-decoration: underline; }
.post-meta span { margin: 3px 10px; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.post-meta span:before { padding-right: 5px;}

.sticky .post-meta { width: calc(100% + 34px); margin: 0 -17px -15px; }

.floatleft{float:left;width:47%;text-align:left}
.floatright{float:right;width:47%;text-align:right}

/* 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:#0093c9;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 #cccccc; height: 70px; width: 70px; 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: 50px; }

#commentsbox .commentlist li.comment{line-height:19px;margin:0 0 5px;padding:20px 0 0 85px;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:#0093c9;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:#0093c9;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{ width: 100%; }
#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 { }
#respond .comment-form-cookies-consent label {width: auto; padding: 0 0 0 10px; }

.logged-in-as a {font-size: 17px; color:#0093c9; 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%; }


/* Clients' Logos 
---------------------------------- */
#fpageclients { background: #ffffff; padding-top: 20px; padding-bottom: 5px; }
h2#client-text.post-title{opacity:.7;padding:10px 0;text-align:center;color:#6fccf3;text-shadow:1px 1px 3px #eeeeee}
#client{display: flex ;margin:20px auto; justify-content: center; align-items: center; width: calc(100% - 30px); }
#client ul{list-style:none;padding:0;margin:0}
#client li{list-style:none;padding:0 5px;float:left;margin:0;width:150px; display: flex; align-items: center; justify-content: center; }
#client img{ margin:3px 7px; max-height:130px; vertical-align:middle; max-width:150px; }
#client li, #client ul{ list-style: none; float: left; margin: 0; display: flex; justify-content: center; align-items: center; }
#client ul li { width: auto; }
.simply-scroll-clip { overflow: hidden; position: relative; }
.simply-scroll { height: auto; position: relative; width: 100%; }
.simply-scroll{height:90px;margin-bottom:1em;width:100%;position:relative; display: flex; align-items: center; }
.simply-scroll-btn{cursor:pointer;height:40px;position:absolute;width:40px;z-index:3;opacity:.3; color: #27b7f3; font-size: 40px; display: flex; align-items: center; justify-content: center; transform: scale(1,1.5); }
.simply-scroll:hover .simply-scroll-btn {opacity:1}
.simply-scroll-btn-left {left:-35px;}
.simply-scroll-btn-right {right:-35px;}
.simply-scroll-btn-left::before {content:'\f053';}
.simply-scroll-btn-right::before {content:'\f054';}



h3 span{color:#7ed3f7}
ul,li,a,div,input,button,img.fimage{ transition:all .5s; }
.conwidth{font-style:italic;margin:-20px 0 20px;max-width:100%;color:#aaaaaa}
.conwidth a,.conwidth a:hover{margin-right:5px;border-bottom:1px dotted #aaaaaa;text-decoration:none}
.conwidth a:after{content:' /'}


#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:hover {	background: rgba(0,0,0,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; }

.contactcontainermain { padding: 0; background: #ffffff; }
.contactcontainer { overflow: hidden; color: #555555; background: #f7f7f7;}
.contactcontainer h2.boxtoptitle, .contactcontainer h4.contact-itemsh { color: #0093c9; }
.contactcontainer h4.contact-sub-des, .contactcontainer p.contact-itemsd { color: #777777; }
.conactboxs { border-top: 7px solid #cccccc; border-bottom: 7px solid #cccccc; overflow: hidden; padding: 45px 0 25px; }
#contactboxparts { margin: 0 -20px; display: flex; align-items: start; justify-content: center; flex-wrap: wrap;}
.contactboxpart { margin: 20px; width: calc(50% - 40px); text-align: left;}
.contactcontainer input[type="text"], .contactcontainer input[type="email"], .contactcontainer input[type="url"], .contactcontainer input[type="number"], .contactcontainer textarea { background: #f9f9f9; border-color: #dddddd; width: 100%; }
.contactcontainer input:focus, .contactcontainer textarea:focus { background: #ffffff; border-color: #0093c9; }
.contactcontainer h3.contact-subtitle { font-size: 30px; font-weight: 500; color: #0093c9; }
.contactinfo { padding: 20px 0; }
.contactinfo span {  border: 3px solid #0093c9; color: #0093c9; 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; }

.contactcontainer input[type="submit"] { min-width: 200px; background: #0093c9; border-radius: 3px; color: #ffffff; font-size: 19px; padding: 11px; text-decoration: none; border: none; cursor: pointer; box-shadow: none; text-shadow: none; transition: all .5s; margin: 0 7px; }
.contactcontainer input[type="submit"]:hover { text-decoration: none; border:none; box-shadow: 0 0 7px 0 #000000; }
.contactcontainer div.wpcf7-mail-sent-ng, .contactcontainer div.wpcf7-aborted, div.wpcf7-response-output { border-color: #0093c9; }
#contact-box-item .contactcontainer textarea.wpcf7-textarea{ height: 170px; }
.wpcf7-form label{ width: 100%; font-weight: 550; }

@media screen and (max-width: 700px) { .contactboxpart { min-width: calc(100% - 40px); } }

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea { width: 100%; }
.wpcf7-form-control-wrap input[type="submit"] { width: 120px; }

.mappingcontainer { background: #ffffff; overflow: hidden; text-align: center; display: block; }
.mapbox {border: 5px solid #a2aaab; margin: 20px auto; display: table; width: 100%; overflow: hidden; }
.mapbox .su-gmap {margin: 0 0 -2%;}


/* Searchinfo and Authorbio
------------------------------------------------------------- */
.searchinfo h1::before { margin-right: 10px; }

.autbio { background: #f6f6f6; padding: 15px; border-left: 5px solid #1665db; display:flex; align-items: center; margin: 10px auto; overflow: hidden; }
.author-image { min-width: 100px; max-width: 100px; }
.author-image img { width: 100px; }
.author-image .avatar { border: 5px solid #ffffff; border-radius: 150%; }
.author-name { color: #1665db; margin: 0;  }
.author-description { margin-left: 15px; }


.nf404 { width: 45%; 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: 10px; }
.error404 .searchinfo { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px; }

.go-top { border-radius: 3px 3px 0 0; bottom: 0; display: none; font-size: 40px; opacity: 0.7; background: #ea06ea;  color: #ffffff;  padding: 10px; position: fixed; right: 10px; width: 55px; height: 55px; line-height: .9; text-align: center; transition:all .5s; }
.go-top:hover { opacity: 1; }


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


/* Social Links
------------------------------------------------------------- */
.social { display: flex; align-items: center; justify-content: center; }
.social a {margin: 5px; text-align: center; color: #ffffff; text-decoration: none; }

.social a::before, .social a.sliconimg { background-color: rgba(0,0,0,.5); color: #ffffff; opacity: .7; border-radius: 150%; display: inline-flex; align-items: center; justify-content: center; height: 41px; width: 41px; font-size: 21px; line-height: 100%; box-shadow: 0 0 7px rgba(255,255,255,.7); transition:all 1s; }
.social a.slicondefined::before{ content: '\f005'; }
.social a.sliconimg { background-position: center center; background-repeat: no-repeat; background-size: 80% auto; }
.social a.sliconimg::before{ display: none; }


.social a:hover::before, .social a.sliconimg:hover { background-color: rgba(0,0,0,.7); box-shadow: 0 0 7px rgba(0,0,0,.7); opacity: 1; }

.woocommerce .hsocial a {color: #ffffff; }
#footer .social { padding: 20px 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'; }


/* 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 { background: #ffffff; display: table; width: 100%; }
.ecom-part { margin: 20px auto; display: block; text-align: center; }
.ecom-part p.about-us { 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; }
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5 { text-shadow: none; }
.ecom-part em { font-style: normal; }
.ecom-part h2.boxtoptitle { font-style: normal; color: #005199; font-size: 37px; }
.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: #59d7e5; }

.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 a.button, .woocommerce button.button, .woocommerce input.button { background-color: #59d7e5 !important; transition: all .5s; }

.woocommerce span.onsale:hover, .woocommerce ul.products li.product h3:hover, .woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover, .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: #005199 !important; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce div.product .product_title {  background-color: #005199; }
.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; font-family: Oswald, SolaimanLipi; background: #f6f6f6; margin: 0 0 3px; padding: 5px 7px; list-style: inside square none; border-radius: 3px; color:#005199; display:  list-item; transition: all .4s; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover { background: #005199; color: #ffffff; }
.woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce .woocommerce-message { border-color: #59d7e5; }
.woocommerce a {color: #59d7e5; }
.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: #f6f6f6; border-radius: 0px; color:#eeeeee !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; }
.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 a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce 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 {   }
#main-menu-con a.wccart-icon { font-size: 17px; font-weight: 450; line-height: 11px; }
#right-sidebar .woocommerce ins{ padding: 3px 5px; background: #555555; }

#main-menu-con a.wccart-icon::before { position:relative; display: inline; padding-right: 2px;}
#main-menu-con a.wccart-icon:hover::before { content: "\f07a"; border: none; left: auto; }
.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; font-family:'Oswald',cursive,SolaimanLipi,sans-serif; }
.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; color: #59d7e5; }

.ecomtlinks, .ecomtlinks:hover { text-decoration: none; }

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

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

/*
==================== Breadcrumbs ========== */
.breadcrumbs { margin: -10px 0 20px; width: 100%; border-bottom: 1px solid #ccc; font-size: 17px; font-weight: 500; }
.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; word-wrap: break-word; }
*::before, *::after { font-family:FontAwesome, 'Font Awesome 5 Free', 'Font Awesome 5 Brands', WooCommerce, dashicons, Arial, Helvetica, SolaimanLipi, sans-serif; font-weight: 900 !important; }
.fanormal::before, .fanormal::after {font-weight: normal !important;}
#wpadminbar *::before, #wpadminbar *::after {font-family: inherit;}