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

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

Description: AssociationX is CSS3 Powered and WordPress Latest Version Ready Responsive Theme. This Theme is designed for Multi Purposes. You can develop a Community Site using the Plugin BuddyPress easily with this Theme. You can also use bbPress Forum in your Site. AssociationX Theme is E-Commerce ready by WooCommerce. You can use this Theme for Personal Blog, Travel Blog, Company Website, Corporate Website, Association Website, Alumni Website, University/School/College Websites, E-Commerce Product Selling Websites etc. You can add Extra Page Contents in Front Page from the Theme Options. This is very helpful for Page Builder Pages like Elementor. You can show Exciting Multilayer Slider, Featured Links, About Section, Featured Boxes, Events Boxes, Members Boxes, Gallery, Noticeboard, News Section, Display Box, Contact Box, Map Box, Unlimited Page Contents, Unlimited Open Box Contents, Video Boxes, Heading and Link, Partners/Clients List, Testimonials with Title, Text, Name and Avatar. The Theme can be decorated Smartly with all Devices as it is Fully Responsive. The Gallery and Image Presentation system of this Theme is really Awesome.  You can find details in the Theme Page Here: https://d5creation.com/theme/associationx/

Version: 4.1

Tags: two-columns, right-sidebar, left-sidebar, footer-widgets, rtl-language-support, featured-images, custom-menu, threaded-comments, sticky-post, entertainment, full-width-template, theme-options, translation-ready, buddypress, custom-logo, e-commerce, education

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

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

Text Domain: associationx

*/

/* =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;}
.alignright{float:right;margin:5px 0 20px 20px;}
.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:15px;line-height:17px;margin:0;padding:0 4px 5px;}

body{color:#555555;  font-family:Roboto,Arial, SolaimanLipi, sans-serif;  font-size:15px; line-height:1.5; word-wrap:break-word; font-weight: 300; min-width: 1280px; max-width: 100%; background: #ffffff; background-repeat: no-repeat; background-position: top center; background-attachment: scroll; }
#site-container { width: 100%; margin: 0 auto; position:  relative; }
#site-con { width: 100%; display: block; margin: 0 auto; overflow: hidden; position: relative; background-attachment: scroll; background-repeat: repeat; background-position: top left; }
#sitetoppart{ background: #ffffff; position: relative; display: block; width: 100%; z-index: 5; background-attachment: scroll; background-repeat: repeat; background-position: top left;}
#sitebottompart{ display: block; position: relative; z-index: 1; }
#bottomspace{ z-index: 0; }
#wpfooterpart{height: auto; display: block;  margin: 0 auto;}

img{max-width:100%;border:0 none;}

#header{ width: 100%; top: 0; z-index: 9999; position: relative; background: rgba(6,4,84,0.55); transition: all .3s; box-shadow: 0 7px 9px -5px rgba(0,0,0,0); }
#header-content { display: flex; justify-content: space-between; align-items: center; margin:auto;  position: relative; padding:0; flex-wrap: wrap; transition: all .3s; }
#logotitle { width: auto; position: relative; max-width: 25%; display: inline-flex; flex-direction: column; align-items: center; transition: all .5s; }
img.site-logo{ height:auto; max-height: calc(100% - 10px); padding:5px 0; transition: all .5s; }
#logotitle.stitle-oneline{ max-width: none; }
.site-title { display: block; min-height: 30px; font-weight: 500; color: #ffffff; font-size: 39px; padding:0; transition: all .3s; text-align: center; margin: 0; }
.site-description{ color: #ffffff; font-size: 21px; text-align: center; margin: 0; padding: 0; }
.site-title-hidden{display:none;}
.site-des{margin: 0 auto; padding: 0; font-size: 21px; transition: all .3s;}

@media screen and (min-width: 1024px) {
	#header.smallheader { position: fixed; background: rgba(6,4,84,0.55);  left: auto; right: auto; width: 100%; z-index: 9999; margin-top: 0; border-radius: 0 !important; }
	#header.smallheader .top-menu-con-container{ height: 0px; overflow: hidden; }
	#header.smallheader .site-description { display: none; }
	#header.smallheader #header-content img.site-logo, #header.smallheader #header-content .site-title { max-height: 40px; width: auto; font-size: 25px; }	
	#header.smallheader #header-content img.site-logo{ height: 40px; transition: all .5s; }
	#header.smallheader #main-menu-con .mainmenu-parent > ul > li{ margin-left: 0 !important; background: transparent !important; }
	#header.smallheader #main-menu-con .mainmenu-parent > ul > li > a{ border-color: transparent !important; background: transparent !important; padding-top:10px !important; padding-bottom:10px !important; }
	#header.smallheader #header-content{ height: auto !important; }
}
#topadjust { display: block; position: relative; width: 100%; height: 0px; }
#clear-top{top:1px;}

#error404page{ position: relative; }
.nfep404{ display: block; margin: 30px auto; max-width: 900px; }

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

/* ================ Container, Content, Post, Page ============== */
#container, #d5woocontainer{margin:40px auto; position: relative; }
#containerin{ display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -20px; position: relative; }

#content, .d5woocontent{ width:calc(100% - 410px); margin: 0 20px 20px; order: 2; text-align:justify; transition: all .5s; }
.fullcontent #content, .fullcontent .d5woocontent{ width: 100%; }
.narrowcontent #content, .narrowcontent .d5woocontent{ background: #ffffff; border: 1px solid #eeeeee; padding: 20px; width: calc(100% - 40px); }

.narrowcontent .narrowwidth{  width: 70%; margin: 0 auto; }

.contentin{margin: 0 -15px; display: flex; justify-content: center; flex-wrap: wrap;}
.contentin .postandpage{width: calc(100% - 30px); margin: 0 15px 50px;}
.sinpagepostcon .postandpage { margin: 0 15px 0;}

.content-ver-sep{background:#cccccc; clear:both; height:1px; margin-bottom: 5px;}
.lsep{background:url("images/lsep.png") no-repeat scroll center top transparent; clear:both; height:5px; margin:10px auto; max-width: 90%;}
#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;}
.entrytext{padding:0 0 10px; transition: all .5s;}
#content .entrytext.nofimage{ width: 100%; }
.post, .hentry, .no-results{}
.sticky:not(.topic) .post-container::before{ content: "\f005 \f005 \f005"; letter-spacing: 10px; font-size: 20px; padding: 5px; display: block; text-align: center; background: #aaaaaa; color: #ffffff; width: 100%; font-family:FontAwesome, 'Font Awesome 5 Free', 'Font Awesome 5 Brands', Arial, Helvetica, SolaimanLipi, sans-serif; font-weight: 900 !important; }
.post-container { overflow: hidden; justify-content: space-between; flex-wrap: wrap; flex-direction: column; transition:all .5s;  }

.post-container a { transition:all 1s; }
.post-container:hover .fpthumb img { transform:scale(1.15) rotate(3deg); }
.post-container ul, .post-container ol{ margin: 0 0 10px 35px; }
#container.sinpagepostcon .entrytext{ font-size: 19px; font-weight: 300; line-height: 1.7; }
.fpbpages h1.page-title, .fpbpages .content-ver-sep{display: none;}

.pconbsdow .contentin .postandpage .post-container { box-shadow: 0 0 9px 0 #eeeeee; }
.pconbsdow.smartbdesign .contentin .postandpage .post-container:not(.postconborder ) .fpthumb{ padding-left: 9px; }

.smartbdesign .contentin .postandpage .post-container{ display: flex; flex-direction: row; }
.smartbdesign .contentin .postandpage .post-container:hover { box-shadow: 0 0 9px 0 #cccccc; transform: scale(1.01); }
.smartbdesign .contentin .postandpage .post-container:not(.postconborder ):hover .fpthumb{ padding-left: 9px; }
.smartbdesign .contentin .postandpage .post-container .fpthumb{ width: 35%; padding-top: 13px; align-self: flex-start; }
.smartbdesign .contentin .postandpage .post-container .entrytext{ width: calc(65% - 20px); padding: 10px 0; }
.smartbdesign .contentin .postandpage .post-container .entrytext p{ margin: 0; }
.smartbdesign .contentin .postandpage .post-container:hover .fpthumb img { transform: none; }
.smartbdesign .contentin .postandpage .post-container .read-more{ float: none; display: table; }

.smartbdesignplus .contentin .post{ position: relative; }
.smartbdesignplus .contentin .post.sticky:not(.topic) .post-container::before{ display: none; }
.smartbdesignplus .contentin .postandpage .post-container{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: #ffffff; }
.smartbdesignplus .contentin .postandpage .post-container:hover{ box-shadow: 0 0 9px 0 #cccccc; transform: scale(1.01); }
.smartbdesignplus .contentin .postandpage .post-container .fpthumb{ width: 50%; margin: 0; }
.smartbdesignplus .contentin .postandpage .post-container .smartpluscontext{ width: 50%; display: inline-flex; flex-direction: column; justify-content: center; padding: 20px; position: relative; transition: all .3s; }
.smartbdesignplus .contentin .post.sticky:not(.topic) .post-container .smartpluscontext::before{ content: "\f005 \f005 \f005"; letter-spacing: 10px; font-size: 15px; display: block; text-align: right; position: absolute; top: 5px; right: 20px; color: #aaaaaa; width: 100%; font-family:FontAwesome, 'Font Awesome 5 Free', 'Font Awesome 5 Brands', Arial, Helvetica, SolaimanLipi, sans-serif; font-weight: 900 !important; }
.smartbdesignplus.smartbdesignpluswhite .contentin .postandpage .post-container .smartpluscontext{ padding-right: 0; }
.smartbdesignplus.smartbdesignpluswhite .contentin .postandpage .post-container:hover .smartpluscontext{ padding-right: 20px; }
.smartbdesignplus .contentin .postandpage .post-container .smartpluscontext.smrtnofimage{ width: 100%; }
.smartbdesignplus .contentin .postandpage .post-container .smartpluscontext .post-meta{ background: transparent; justify-content: flex-start; padding: 3px 0; }
.smartbdesignplus .contentin .postandpage .post-container .smartpluscontext .read-more{ display: table; float: none; margin-top: 20px; }

.smartbdesignplus .contentin .post{ margin-top: 0; margin-bottom: 0; width: calc(100% - 30px) !important; }
.smartbdesignplus .contentin .post:first-child{ margin-top: 50px; }
.smartbdesignplus .contentin .post:last-child{ margin-bottom: 50px; }
.smartbdesignplus.smartbdesignpluswhite .contentin .post{ margin-bottom: 50px; }

.d5_index_page .smartbdesignplus .contentin .post:first-child{ margin-top: 5px; }

.smartbdesignplus:not(.smartbdesignpluswhite) .contentin .post:nth-child(2n) .post-container{ flex-direction: row-reverse; background-color: #f7f7f7; }

.smartbdesignplus .contentin .postandpage .post-container.postconborder .smartpluscontext, 
.smartbdesignplus.pconbsdow .contentin .postandpage .post-container .smartpluscontext, 
.smartbdesignplus.smartbdesignpluswhite .contentin .postandpage .post-container.postconborder .smartpluscontext, .smartbdesignplus.smartbdesignpluswhite.pconbsdow .contentin .postandpage .post-container .smartpluscontext{ padding: 20px; }
.smartbdesignplus .post-container.postconborder .entrytext, .smartbdesignplus .post-container.postconborder .entrytext{ padding: 0; }

.post-container.postconborder{border:1px solid #eeeeee;} 
.post-container.postconborder .entrytext, 
.normalbdesign.pconbsdow .contentin .postandpage .post-container .entrytext,
.smartbdesign .contentin .postandpage .post-container.postconborder .entrytext,
.pconbsdow.smartbdesign .contentin .postandpage .post-container .entrytext.nofimage,
.smartbdesign .contentin .postandpage .post-container:hover .entrytext.nofimage { padding: 10px; } 
.smartbdesign .contentin .postandpage .post-container.postconborder .fpthumb { margin: 10px; padding: 0; }

#wpbpcontainer.pconbsdow .entrytext{ padding: 10px; }
.fpbpages .contentin .postandpage, .fpbpages #content{ margin-bottom: 0; }

#wpbpcontainer.fpbpages .postconborder .entrytext { padding: 25px; }

.nopadding{ padding: 0 !important; }
.nomargin{ margin: 0 !important; }

.normalbdesign.bifpageblog .post-container{ border-bottom: 5px solid #939b9d; border-radius: 0 0 5px 5px; }
.normalbdesign.bifpageblog .post-container:hover { border-bottom: 5px solid #777777; }
.normalbdesign.bifpageblog .post-container .entrytext{ padding: 0 10px 10px; }
.normalbdesign.bifpageblog .post-container .entrytext.nofimage{ padding: 10px; }
.normalbdesign.bifpageblog .post-container .subtitle, .normalbdesign.bifpageblog .post-container .post-title{ text-align: center; }
.normalbdesign.bifpageblog .post-container .read-more{ border-radius: 0; }
.normalbdesign.bifpageblog .post-container:hover .read-more{ background: #777777; }
.normalbdesign.bifpageblog .post-container .post-meta{ display: none; }

/* ================ Special Classes for Block Editors ============== */
.spmsg{ background: #f7f7f7; margin: 20px 0; border-left: 10px solid #aaaaaa; padding: 10px; }
.spstrong, .spstrong strong{ font-weight: bold !important; }
.sppara strong{ font-weight: bold; }
.spunderline{ text-decoration: underline; }
.spmargintop0{ margin-top: 0px; }
.spmarginbottom0{ margin-bottom: 0px; }
.spmargintop30{ margin-top: 30px; }
.spmargintop20{ margin-top: 20px; }
.spmarginbottom30{ margin-bottom: 30px; }
.spmarginbottom20{ margin-bottom: 20px; }
.spmargintopbottom30{ margin-top: 30px; margin-bottom: 30px; }
.spmargintopbottom20{ margin-top: 20px; margin-bottom: 20px; }
.sptextleft{ text-align: left; }
.sptextright{ text-align: right; }
.sptextcenter{ text-align: center; }
.sptextjustify{ text-align: justify; }
.spsource{ font-size: 11px; }

/* ================ Related Posts ============== */
.related-post-tile{ margin: 30px 15px 15px; width: calc(100% - 30px); text-align: center; font-size: 29px; font-weight: 550; }
.relatespost{ margin: 15px 15px 20px; width: calc(33.33% - 30px); text-align: center; transition: all .5s; }
.relatespost:hover{ transform: scale(1.05);}
.relpstttl { font-size: 19px; font-weight: 400; line-height: 1.23; margin: 5px 0; color: #333333; }
.relatespost .read-more{ display: none; }

/* ================ Footer ============== */
#footer { clear: both; padding: 0; width: 100%; position: relative; bottom: 0; left: auto; right: auto; overflow: hidden; }
#footer-content{margin:0 auto; background: #03267d; }
#footerlogo { display: flex;flex-direction: column; justify-content: center; align-items: center; max-width: calc(100% - 30px); margin: 0 auto; padding: 15px 0; color: #ffffff; text-align: center; }
#footerlogo #logotitle{}
#footerlogo img.site-logo{padding: 0; margin: 3px auto; max-width: 300px;}
#footerlogo .site-title{padding: 0; margin: 3px auto;}
#footer #footerbox{ display: table; }


/* ================ Main Menu ============== */
#main-menu-con{color:#eeeeee;line-height:1;max-width:70%; }
#main-menu-con.mmenuvtop{ align-self: flex-start; }
#main-menu-con.mmenuvbottom{ align-self: flex-end; }
#main-menu-con.mmenuoneline{ max-width: none; }
#main-menu-con ul{ list-style:none outside none; margin: 0; }
#main-menu-con li{float:left;position:relative;margin:0;}
#main-menu-con li::before, #main-menu-con li::after, #main-menu-con .menu-description{ display: none; }
#main-menu-con .menu-description{ font-size: 13px; text-align: center; }
#main-menu-con a { color:#ffffff; display:inline-block; font-size:15px; padding:13px 15px; position:relative; text-align:center; text-transform:uppercase; font-weight: 400; opacity: 1; transition:all .5s; }
#main-menu-con .mainmenu-parent > ul > li:hover { background-color: rgba(18,98,218,0.82); }
#main-menu-con a:hover { color: #ffffff; }
#main-menu-con .mainmenu-parent > ul > li > a { border-style: solid; border-color: #ffffff;  }
#main-menu-con .mainmenu-parent > ul > li > a:hover { border-color: rgba(18,98,218,0.82);  }
#main-menu-con li ul{float:left;position:relative;margin:0;}
#main-menu-con ul ul{ visibility: hidden; float:left; left:0; position:absolute; background: rgba(18,98,218,0.82); z-index:10000; box-shadow: 0 3px 5px -3px #555555; opacity: 0; transition: all .5s; }
#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 dotted rgba(255,255,255,0.25); color:#ffffff; padding:11px 15px; width:225px;text-align:left;text-transform:none; font-weight: 300; background: none; }
#main-menu-con:not(.submenuhor) ul ul  li:last-child > a {border: none;}
#main-menu-con ul ul a:hover {background:rgba(255,255,255,0.85); color:rgba(5,50,100,.85);}
#main-menu-con .active { background: #000000; }
#main-menu-con ul li:hover > ul{ visibility: visible; opacity: 1; }
#main-menu-con ul li.menu-item-has-children.focusmenu > ul { visibility: visible; opacity: 1; }
#main-menu-con .menu-item-has-children a { padding-right: 20px;  }

#main-menu-con li.menu-item-has-children > a:after { content: '\f0d7'; font-size: 13px; right:5px; position: absolute; top: 50%; transform: translateY(-50%);}
#main-menu-con .menu-item-has-children ul li.menu-item-has-children > a:after{ content: '\f054'; opacity: .5; }

#main-menu-con:not(.submenuhor) .sub-menu li.smedge.menu-item-has-children > a { padding:9px 10px 9px 20px; }
#main-menu-con:not(.submenuhor) .sub-menu li.smedge.menu-item-has-children > a::after { content: '\f053'; left: 5px; right: auto; }

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

#main-menu-con .mainmenu-parent > ul > li.menu-border > a{ border-width: 1px; }
#main-menu-con a.wccart-icon{ border-color: transparent !important; }

/* --- Horizental Sub Menu --- */
#main-menu-con.submenuhor li{ position: initial; }
#main-menu-con.submenuhor ul ul{ width: 100%; left: 0 !important; right: 0 !important; top: 100% !important; display: flex !important; justify-content: center; flex-wrap: wrap; }
#main-menu-con.submenuhor.submenuhorfull ul ul{ left: 50% !important; transform: translateX(-50%); }
#main-menu-con.submenuhor ul ul a{ width: auto; padding:13px 15px; }
#main-menu-con.submenuhor .menu-item-has-children ul li.menu-item-has-children > a{ font-weight: 400; padding-right: 15px; }
#main-menu-con.submenuhor .menu-item-has-children ul li.menu-item-has-children > a:after{ content: '\f078'; right: auto; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); }

/* --- Menu with Icon --- */
#main-menu-con .mainmenu-parent  ul  li.d5-menu-with-icon { padding: 7px 9px; display: flex; align-items: center; justify-content: center; }
#main-menu-con .mainmenu-parent  ul  li.d5-menu-with-icon::before { color: #ffffff; font-size: 21px; padding: 3px; display: inline-flex; }
#main-menu-con .mainmenu-parent ul  li.d5-menu-with-icon a { padding: 3px; }
#main-menu-con .mainmenu-parent li.d5-menu-no-text a { display: none; }
#main-menu-con .mainmenu-parent ul ul li.d5-menu-with-icon { padding: 0; }
#main-menu-con .mainmenu-parent ul ul li.d5-menu-with-icon::before { padding: 11px 3px; }
#main-menu-con .mainmenu-parent ul ul li.d5-menu-with-icon a { padding: 11px 3px; }
#main-menu-con .mainmenu-parent ul ul li.d5-menu-with-icon.d5-menu-no-text { width: 100%; }

/* ================ Mobile Menu  ============== */
#mobile-menu { color: #ffffff; background: #051039; padding: 9px 13px; line-height: 1; font-size: 25px; display: none; cursor: pointer; width: auto; align-items: center; justify-content: center; }
#mobile-menu::before { content:'\f0c9'; }
#mobile-menu.mmenuclose::before{ content:'\f00d'; }
#main-menu-con #mobilemenuclose { text-align: center; display: none; }
.noshow{ display: none; }

.mobilemenustyle ul li { list-style: none !important; display: flex; flex-wrap: wrap; padding: 0 !important; }
.mobilemenustyle ul li a { width: 100%; padding: 9px 5px 9px 10px; display: flex; align-items: center; line-height: 1; background: rgba(0,0,0,0.1); color: #000000 !important; border-bottom: 1px solid #aaaaaa; cursor: pointer; }
.mobilemenustyle ul li a:hover{ text-decoration: none !important; }
.mobilemenustyle ul li a::before { content: '\f192'; margin-right: 5px; font-size: 13px; font-weight: 100 !important; }
.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: 17px; }
.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(0,0,0,0.07); padding: 11px 5px 11px 10px; font-weight: 500;  }
.mobilemenustyle > div > ul > li > a::before {  }
.mobilemenustyle ul ul { width: 100% !important; max-width: 100%; margin: 0 0 0 15px !important; display: none; }
.mobilemenustyle ul li a.wccart-icon::before{ content: '\f291'; 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: #051039; padding: 10px; box-shadow: 0 3px 5px -3px #555555; display: none; }
#mobilemenucon.mobilemenustyle ul li a { background: rgba(255,255,255,.05); color: #ffffff !important; border-color: rgba(255,255,255,.25); font-size: 15px; }
#mobilemenucon.mobilemenustyle ul li a:hover{ background: rgba(255,255,255,.1); }
#mobilemenucon.mobilemenustyle ul li ul li a { font-size: 14px; }
#mobilemenucon.mobilemenustyle ul li a::before { font-size: 11px; }
#mobilemenucon.mobilemenustyle ul li.menu-item-has-children > a::before { font-size: 13px; }
#mobilemenucon a.wccart-icon, #mobilemenucon .menu-close-icon { justify-content: center; }
#mobilemenucon a.wccart-icon .wccounttooltip{ display: none; }

/* ================ Top Menu Bar ============== */
.top-menu-con-container { background: rgba(2,7,44,0.3); text-align: center; margin: 0 auto; }
.top-menu-con-container.notopmenu{ height: 0 !important; }
.top-menu-con-items { position: relative; display: flex; padding: 0;  align-items: center;  justify-content: space-between;  flex-wrap: wrap; width: 100%; }
.top-menu-con { display:inline-flex;  }
.top-menu-con ul.menu {list-style:none outside none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0; }
.top-menu-con ul.menu ul{display: none;}
.top-menu-con .menu li{float:left;position:relative;margin:0;}
.top-menu-con .menu a{color:#eeeeee;display:inline-flex; justify-content: center; align-items: center; font-size:13px; padding:5px 10px; position:relative; text-align:center; border-radius: 3px; font-weight: 300; opacity: 1; transition:all 1s; }
.top-menu-con .menu a:before { content: '\f185'; padding: 0 5px 0 0; font-size: 9px; font-weight: normal !important; }
.top-menu-con .menu a:hover { background: #eeeeee; background: rgba( 255, 255, 255, .15 );  color: #ffffff; }
.top-menu-con li::before, .top-menu-con li::after{ display: none; } 
.top-menu-con li::before, .top-menu-con li::after, .top-menu-con .menu-description{ display: none; }


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

/* ================ WidGet Elements ============== */
.widget{display:block;word-wrap:break-word;}
.widget .widget-title { color:#ffffff; margin: 0 0 5px; font-weight: 400; }

#right-sidebar{ order: 3; }
.fullcontent #right-sidebar{ display: none; }
.rightcontent #right-sidebar{ order: 1; }

#right-sidebar .widget{ margin:0 20px 20px; padding:15px; width: 330px; overflow: hidden; }
#right-sidebar .widget .widget-title { background: #051039; margin: -15px -15px 5px; padding: 7px 10px; text-align: center;}
#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 { overflow: hidden; margin: 20px -15px 0; position: relative; display: flex; justify-content: center; flex-wrap: wrap; }
#footer-sidebar .footer-widgets{margin:0 15px;width:calc(25% - 30px);min-width:150px;min-height:1px; }
#footer-sidebar .widget{margin:20px 0;}
#footer-sidebar .widget h3.widget-title{ font-size: 25px; font-weight: 400; margin-bottom: 7px; }
#footer-sidebar .widget,#footer-sidebar .widget li,#footer-sidebar .widget a,#footer-sidebar .widget a:hover{color:#ffffff;text-decoration:none}
#right-sidebar .search-form input[type="submit"],#footer-sidebar .search-form input[type="submit"]{padding:8px 7px}
.textwedget{width:100%}
.widget select{ width: 100% !important; }

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

#footer-sidebar .mobilemenustyle ul li a { background: #f7f7f7; border-color: #111111; }

#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: #0d26df; cursor: pointer; opacity: .5; 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, #wpbpcontainer.expandcontent #right-sidebar, #d5woocontainer.expandcontent #right-sidebar { width: 0; opacity: 0; z-index: -1; }
#container.expandcontent #content, #wpbpcontainer.expandcontent #content, #d5woocontainer.expandcontent .d5woocontent{ width: calc(100% - 40px); }

/* ================ Text Elements ============== */
h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6{line-height:1.5;margin:0 0 10px; text-decoration:none;}
h1,h2,h3,h4,h5,h6{clear:both;text-decoration:none; font-weight: 300;}
.utext { text-transform: uppercase; }

hr{background-color:#cccccc;border:0;height:1px;margin-bottom:10px;}
ul, ol{margin:0 0 10px 19px;}
ul{list-style:square outside none;}
ol{list-style:decimal outside none;}
dl{margin:0 20px;}
dt{font-weight: 500;}
dd{margin-bottom:10px;}
strong{font-weight: 500;}
p strong{font-weight: bold;}
cite, i{font-style:italic;}
em {font-style:italic;}
u{text-decoration: underline;}
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%;}
img#wpstats{display:block;margin:0 auto 1.625em;}


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


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

/* ================ H Tags and Tables ============== */
h1{font-size:35px;}
h2{font-size:29px;}
h3{font-size:25px;}
h4{font-size:21px;}
h5{font-size:17px;}
h6{font-size:15px;}

p{margin-bottom:15px;}

a {color:#0d35ca; text-decoration:none; transition: all .5s; }
a:hover { color:#088be6; }
a:focus{ outline: thin dotted;}

b, strong{font-weight: 500;}
b{ vertical-align: inherit; }
.displaynone{display:none;}
.clear{clear:both;}

table{ min-width:200px; color:#333333; }
th,td{padding:9px 7px;vertical-align:middle;}

.wp-block-table.is-style-stripes{ border: 1px solid #cccccc; padding: 5px; }
.wp-block-table.is-style-stripes thead{ background-color: #555555; color: #ffffff; } 
.wp-block-table thead tr td{ padding: 13px 7px; } 
.wp-block-table.is-style-stripes tfoot{ background-color: #cccccc; color: #000000; }

.wp-block-table.is-style-regular table{ border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.wp-block-table.is-style-regular td{ border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; } 
.wp-block-table.is-style-regular thead{ background-color: #dddddd; }
.wp-block-table.is-style-regular tfoot{ background-color: #f7f7f7; }
.wp-block-table.is-style-regular thead td{ text-align: center; border-top: 3px solid #333333; }
.wp-block-table.is-style-regular tfoot td{ text-align: center; border-bottom: 2px solid #777777; }

/* ================ 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 caption{font-size:17px; font-weight: 700; text-align:center; padding: 5px; }
#wp-calendar th { text-align: center; padding: 5px 3px; font-weight: 600; color: #ffffff; background: #777777; }
#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 a { font-size: 15px; font-weight: 700; background: #cccccc; display: flex; justify-content: center; align-items: center; align-content: center; color: #555555!important; position: absolute; height: 100%; width: 100%; left: 0; top: 0; }
#wp-calendar a:hover { background: #555555; color: #ffffff !important; }
.wp-calendar-nav{ display: flex; justify-content: space-between; background: #cccccc; }
.wp-calendar-nav-prev, .wp-calendar-nav-next { display: inline-flex; margin: 5px; font-weight: bold; }
.wp-calendar-nav a, .wp-calendar-nav a:hover { color: #333333 !important; }


/* ================ 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:15px;padding:10px 7px;width:100%; border: 1px solid #eeeeee; transition: all .5s;}
select{width:auto !important; min-width: 199px; }
input[type="password"]{width:200px}
.widget input[type="password"]{width:100%;}
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: #35cfff; }

button,.give-btn, .give-btn:hover, input[type="reset"],input[type="button"],input[type="submit"], .contactcontainer input[type="submit"], .contactcontainer input[type="button"] { background: #16c3fc; background-image: linear-gradient(to bottom, #16c3fc, #0a588f); box-shadow:none; border:none; border-radius:5px;display:inline-block;color:#eeeeee;font-size:15px;  padding:11px 15px; text-align: center; text-decoration:none;text-shadow:1px 1px 1px #555555; text-transform:uppercase;cursor:pointer;margin:5px 0; width: auto; transition: all .5s; }
button:hover,.give-btn:hover,input[type="reset"]:hover,input[type="button"]:hover,input[type="submit"]:hover, .contactcontainer input[type="submit"]:focus, .contactcontainer input[type="button"]:focus { transform: scale(1.1);} 
button:active, .give-btn:active,input[type="reset"]:active, input[type="button"]:active, input[type="submit"]:active{  top:1px}
.give-btn, .give-btn:hover{ transition: none; }

.give-icon-question:before { content: "\f059"; font-family:FontAwesome, 'Font Awesome 5 Free', 'Font Awesome 5 Brands', Arial, Helvetica, SolaimanLipi, sans-serif; font-weight: 900 !important; }
.give-donation-levels-wrap button { padding: 7px 10px; font-size: 13px; }
.give-donation-levels-wrap button.give-btn:hover{ padding: 7px 10px; font-size: 13px; transform: scale(1.03); text-shadow: none; }

.gallery-caption{clear:both;width:95%;}
.bypostauthor{}

.twocolord{background:linear-gradient(-45deg, #dddddd 50%, #cccccc 50%); background-size: 100% 100%;}
.twocolorl{background:linear-gradient(50deg, #ffffff 50%, #f7f7f7 50%); background-size: 100% 100%;}
.twocolorw{background:linear-gradient(50deg, #eeeeee 50%, #dddddd 50%); background-size: 100% 100%;}

/* 
==================== Heading ========== */
.heading1container{ width: 100%; padding: 10px 0; margin: 20px auto; overflow: hidden; }
.heading1vcenter{ padding: 20px 5px; background: #f6f6f6; border: 7px solid #ffffff; box-shadow: 0 0 2px 1px #f7f7f7; display: flex !important; justify-content: space-between; align-items: center; flex-wrap: wrap; }
#heading1texts{width: calc(75% + 20px); padding-right: 20px;text-align:right;}
#heading1{color:#2975e8;font-size:30px;font-weight:100; text-shadow: 1px 1px 0 #ffffff; margin: 0; }
#heading-desc1{color:#555555;font-size:17px;font-weight: 100;margin: 0;}
#heading1button{ width:calc(25% - 30px); padding: 15px 0; margin-left: 10px; border-left: 3px solid #aaaaaa; display: inline-flex; justify-content: center; align-items: center; height: 100%; }
#heading1 em, #heading1 b, #heading1 strong, #heading-desc1 em, #heading-desc1 b, #heading-desc1 strong  { font-weight: 400; }
.heading1container .lsep{margin-top: 0;}
.heading1container button{padding: 19px 25px;}


/* ================ Featured Boxes ============== */
.flexallcenter{display: flex; flex-direction: column; align-items: center;}
.featured-boxs{display: flex; margin: 0 -15px; padding: 50px 0;  justify-content: center; flex-wrap: wrap;}
.featured-box { margin: 0 15px 30px; transition: all .5s ease 0s; width: calc(25% - 30px); position: relative; border-radius: 3px; overflow: hidden; }
.fdescription{ text-align: justify; }
.featured-box h3.ftitle{font-weight:400;font-size:23px;color:#555555; text-align: center; margin: 0 auto 10px; line-height:1; transition:all .5s;}
.box-icon { border-radius: 150px; display: flex; font-size: 75px; height: 150px; width: 150px; margin: 0 auto 10px; border: 2px solid #ffffff; color: #ffffff; box-shadow: 0 0 0 185px #051039 inset; transition: all .35s; justify-content: center; align-items: center; }
.box-fimage{ height: auto; margin-bottom: 7px; }
.featured-box:hover .box-icon{ color: #051039; box-shadow: 0 0 0 3px #ffffff inset; border: 2px solid #051039; background: #ffffff; }
.featured-box:hover h3.ftitle{ color:#051039; }
.stkfeatured p { text-align: justify; }
.stkfeatured .read-more{ display: table; float: none; margin: 5px auto 0; padding: 5px 20px; }
.fbbackcolor{padding: 10px;}
.fbbackcolor .box-fimage{margin: -10px -10px 10px; max-width: calc(100% + 20px); width: calc(100% + 20px);}
.fblinktxt { margin: 10px auto 0; font-size: 15px; font-weight: 400; display: flex; justify-content: center;  background: #555555; padding: 5px 15px; color: #ffffff; border-radius: 7px; transition: all .5s;}
.featured-box:hover .fblinktxt{ background: #051039; color: #ffffff; }

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

/* ================ Front Page Blog Posts ============== */
.bqpcontainer { padding: 10px 0; }
.bqpcontainer .featured-box { width:calc(33.333% - 30px); border-bottom: 5px solid #051039; padding: 0 0 30px; }
.fpblogptlnk { margin: 20px 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.fpblogptlnk .tesheading{margin: 0;}
.fpblogptlnk .read-more { margin: 5px 10px; font-size: 17px; padding: 3px 11px; border-radius: 3px;}
.fpblogptlnk .read-more:after { content: '\f360'; font-size: 17px; margin: 0 0 0 7px; padding: 0; }
.fpblogpostn:hover .fpthumb img { transform:scale(1.15) rotate(3deg); }
.attachment-associationx-fpage-thumb { width: 100%; height: auto; position: relative; }
.fppost-content { padding: 7px; text-align: justify; }
.bqpcontainer .featured-box:hover { margin-top: 0; border-bottom: 5px solid #1225b3; }
.bqpcontainer .featured-box:hover .read-more {  background: #1225b3; }
.bqpcontainer .featured-box:hover h3.ftitle {  color: #1225b3; }

.bqpcontainer p{ margin: 0; }
.bqpcontainer .ftitle, .bqpcontainer .subtitle{ padding: 0 10px; text-align: center; font-weight: 300; }

.fpthumb { width: 100%; overflow: hidden; margin-bottom: 10px; position: relative; display: flex; justify-content: center; align-items: center; transition: all .5s; }
.fpthumb a{width: 100%;}
.fpthumb img{transition: all .5s;}
.fppost-content p .read-more {display: none;}
.read-more.fpageshow { display: block; position: absolute; bottom: 0; right: 0; margin: 0; border-radius: 0; clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%); padding-left: 30px; }
#wpbpcontainer{margin: 0 auto; padding: 30px 0; position: relative;}

.fpselpostsld{ margin-top: 20px !important; }
.bqpcontainer .fpselpostsld .featured-box{ width: 100% !important; height: 100%; margin: 0 !important; }
.fpselpostslditm{  }
#fpselblogpst .flex-direction-nav{ margin-top: 20px !important; }

/* ================ Testimonial and Quote ============== */
blockquote, q {background:#dddddd;background:rgba(200, 200, 200, 0.10);border-left:10px solid #cccccc;margin:20px 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,SolaimanLipi,serif;}
blockquote:after, q:after {color:#cccccc;content:'\201D';font-size:4em;line-height:.1em;margin-left:.20em;vertical-align:-.4em; font-family: Georgia,SolaimanLipi,serif;}
blockquote p, q p {}

#customers-comment { margin: 0; position: relative; }
#customers-comment li { list-style: none; }
.tesheading { color: rgba(0,0,0,0.47); font-size: 39px; text-align:center; text-shadow: 0 1px 0 #ffffff; position: relative; }
#testimonial-box-item .tesheading { margin: 0 0 30px; }
.tesback { margin-top: 0px; padding: 70px 0; color: #777777; font-size: 15px; clip-path: polygon(50% 40px, 100% 0, 100% 100%, 0 100%, 0 0); }
.testimonialslider{position: relative;}
.testislideitem{float: left;}
.fpage-quote { padding: 20px; margin: 0 10px; position: relative; border-radius: 10px; }
.fpage-quote::before { content: '\f10d'; position: absolute; font-size: 45px; top: -5px; left: 30px; color: #999999; }
.testititle{color:#141414; text-align: center; font-size: 21px; font-weight: 400; position: relative;}
.testitext{ font-size: 17px; text-align: center; position: relative; }
.arrow-down { border-color: #ffffff transparent; border-style: solid solid none; border-width: 30px 0 0 30px; float: left; height: 0; margin: -10px 0 0 20px; width: 0; }
.testiin{display: flex; align-items: center; margin: 20px 0 10px 30px; }
.testiimage{width: 60px; height: 60px; border-radius: 150px; margin: 0 10px 0 0;}
.testinamedes{ height: 100%; display: block; }
.testiname{margin: 0; font-size: 17px; color: #555555; font-weight: 400; width: 100%; }
.testidesignation{ margin: 0; font-size: 14px; font-weight: 300; color: #555555; width: 100%; }
.testialllink { position: absolute; bottom: -40px; right: 0; background: #02365a; padding: 5px 10px;color: #ffffff !important; font-size: 15px; font-weight: 300; display: flex; align-items: center; z-index: 9; transition: all .5s; }
.testialllink:hover{background: #051039;}
.testialllink::after {content:'\f35d'; margin-left: 5px;}
#testimonial-box-item .flex-control-nav{ text-align: center; bottom: 0; height: 0; }

#testimonial-box-item .nobackgroundcolor .twocolorl{ background: transparent; }
#testimonial-box-item .nobackgroundcolor .arrow-down{ display: none; }
#testimonial-box-item .nobackgroundcolor .testiin{ margin: 5px auto; justify-content: center; }


/* ================ Clients ============== */
#client-box-item{margin: 30px auto 50px;}
.clntback { margin: 20px 0; padding: 10px 0; }
#clntsldrcon{ margin: 0 -5px; }
.clientslider{position: relative;}
.clntback .clientslider ul { padding: 10px 0; display: flex; flex-wrap: wrap; justify-content: center; }
.clntback .clientslider .flex-viewport ul { display: block; }
.clntback .clientslider ul.slides li { text-align: center; display: inline-flex; width: 14.28%; justify-content: center; align-items: center; position: relative; box-sizing: border-box; }
.clntback .clientslider ul.slides li .clntimgcon { width: 100%; padding-bottom: 67%; }
.clntback .clientslider ul.slides li .clntimgcon .clntimgconin{ display: flex; justify-content: center; align-items: center; border: 1px solid #eeeeee; height: calc(100% - 10px); width: calc(100% - 10px); left: 5px; top: 5px; position: absolute; padding: 5px; }
.clntback .clientslider ul.slides li .clntimgcon .clntimgconin .client-logo-and-link{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;  }
.clntback .clientslider ul li img { max-width: 100%; max-height: 100%; height: auto; width: auto; }
.clientslider .testialllink{ z-index: 9; }
#client-box-item .flex-control-nav{ text-align: center; bottom: 0; height: 0; z-index: 1; }
#client-box-item .flex-control-nav li a{ box-shadow: 0 0 0 2px #999999 inset; }
#client-box-item  .flex-control-nav li a.flex-active{ box-shadow: 0 0 0 9px #999999 inset; }
#client-box-item .flex-direction-nav{ position: absolute; top: calc(50% - 35px); padding: 0; width: 100%; opacity: .3; transition: all .5s; }
#client-box-item:hover .flex-direction-nav{ opacity: 1; }
#client-box-item .flex-direction-nav li{ position: absolute; left: -10px; border-radius: 5px 0 0 5px; overflow: hidden; }
#client-box-item .flex-direction-nav li a::before{ margin: 0; font-size: 21px; padding: 15px 7px; }
#client-box-item .flex-direction-nav li.flex-nav-next{ left: auto; right: -10px; border-radius: 0 5px 5px 0; }


/* ================ Container, Content, Post ============== */
iframe { max-width: 100%; max-height: 100%; }

#container .attachment-thumbnail{border:1px solid #aaaaaa;border-radius:3px 3px 3px 3px;margin:0px 15px 10px 0;padding:3px;float:left;}
#container .gallery .attachment-thumbnail{float:none;margin:5px auto;}

h1.page-title{font-size:43px; text-align:left; color:#02365a; font-weight: 400; line-height: 1.21; }
h2.post-title, h2.commentsbox, h3#reply-title, h2.post-title-color{font-size:35px; margin-bottom: 3px; font-weight: 400; text-align: left; line-height: 1.15; }
#wpbpcontainer h2.post-title{ font-size: 27px; }
h2.commentsbox:before { font-size: 35px; padding-right: 10px; content: "\f086"; }

.arctitledes{ background-color: #02365a; color: #ffffff; text-align: center; padding: 7px 10px; }
h1.arc-post-title{ font-size:43px; font-weight: 400; line-height: 1; }

.searchinfo h1.page-title:before { font-size: 100px; position: absolute; width: 100px; margin-left: -110px; line-height: 1; } 
.searchinfo h3.arc-src, .searchinfo h1.page-title, .searchinfo .search-form, .searchinfo .backhome { padding-left: 110px; }
.box404{ display: flex; flex-direction: column; align-items: center; margin: 25px auto; }
.box404 h1.page-title{display: flex; flex-direction: column; align-items: center; padding: 0;}
.box404 h1.page-title::before{position: relative;margin: 0;}
.box404 h3.arc-src, .box404 .search-form, .box404 .backhome{padding: 0;}

h3.arc-src{text-transform:uppercase;color:#02365a;font-size:20px;}
h3 span{color:#777777;}

/* ================ Search Box ============== */
.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-menu-con-items .search-form { display: inline-flex; width: auto; height: 29px; margin: 5px; }
input[type="submit"].search-submit, #bbp_search_submit, .woocommerce-product-search button[type="submit"] { background: #1593ec 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[type="search"].search-field, #bbp_search, .search-field { border-radius: 3px 0 0 3px; vertical-align: top; max-width: 100%; min-width: 100px; height: 100%; padding: 5px 10px; width: 100%; }
input[type="submit"].search-submit:hover, #bbp_search_submit:hover, .woocommerce-product-search button[type="submit"]:hover { background-color: #0678c8; transform: none; }
.top-menu-con-items input[type="search"].search-field { background: #f7f7f7; color: #aaaaaa; max-width: none; min-width: 100px; width: 110px; }
.top-menu-con-items input[type="search"].search-field:focus { width: 170px; color: #555555; background: #ffffff; box-shadow: none; }

#fsearchbox { position: absolute; top: 100%; z-index: 999; width: 100%; height: 70px; justify-content: center;  align-items: center; display: none; }
#fsearchboxin{ justify-content: center;  align-items: center; display: flex; height: 100%; width: 100%; }
.top-menu-con-items #fsearchbox .search-form{ width: 70%; height: 51px; max-width: none; }
.top-menu-con-items  #fsearchbox input[type="search"].search-field { min-width: 100%; width: 100%; }
.top-menu-con-items  #fsearchbox input[type="search"].search-field:focus { width: 100%; }
#fsearchicon{ font-size: 25px; cursor: pointer; }
.top-menu-con-items #fsearchicon.flexcenter{ margin: 1px 5px; }

.flexcenter{ font-weight: 300; margin: 5px 10px; display: inline-flex; align-items: center; flex-wrap: wrap; }
.extranumber, .connumber, .evenextracon {  }
.top-menu-con-items .flexcenter, .top-menu-con-items .flexcenter a, .top-menu-con-items .flexcenter a:hover { color: #eeeeee; font-weight: 300; }
.connumber::before {content:'\f095'; font-size: 17px; margin-right: 7px;}
.extranumber::before {font-size: 17px; margin-right: 7px;}

/* ================ About Us Box ============== */
#about-us-box-item { text-align: center; }
.about-us-part { max-width: 900px; padding: 40px 0; }
.about-us-title {  font-size: 39px; font-weight: 500; color: #0f519b; }
.about-us-subt {  font-size: 25px; font-weight: 400; }
.about-us-des {  font-size: 17px; }

/* ================ Author Bio ============== */
.autbio { background: #ffffff; padding: 10px; border-left: 5px solid #0ba4ca; display:flex; width: 100%; align-items: center; margin: 10px auto; overflow: hidden; }
.author-image { margin-right: 15px; }
.author-image .avatar { border: 5px solid #f7f7f7; border-radius: 150px; }
.author-name { color: #0ba4ca; margin: 0; }
.author-description {  }

/* ================ Donation ============== */
.give-form-wrap{ background: #fffdcf; border-radius: 5px; padding: 7px; }
.give-form-title{ color: #1183d2; font-weight: 700; }

/* ================ Table and Extra ============== */
#tableextra-item{ margin: 10px auto; padding: 20px 0; position: relative; }

/* ================ Events ============== */
#portfolio-box-item{ margin: 50px auto; }
.portfolioslider{}
.portfolioslider .allevntlink{ background: #051039; padding: 1px 7px; position: absolute; right: 0; bottom: 0; }
.portfolioslider .flex-control-nav{ height: 0; bottom: 30px; text-align: center; }
.portfolioslider .flex-control-nav li a{ box-shadow: 0 0 0 2px #999999 inset; }
.portfolioslider .flex-control-nav li a.flex-active{ box-shadow: 0 0 0 9px #999999 inset; }

/* ================ Display Box ============== */
#display-box-item { position: relative; }
.display-box { background: url("images/displaybox.jpg") no-repeat fixed 0 0 / 100% auto #079be0; margin: 10px auto 30px; clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%); }
.dismask { width: 100%; height: 100%; background: url("images/mask.png") repeat scroll 0 0 rgba(9,28,111,0.5); color: #ffffff; text-align: center; padding: 10vw 0; }
.display-textarea { max-width: 900px; }
.dismask a, .dismask a:hover{ 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: 400; font-size: 30px; }
.displaybdes { margin-top: 30px; line-height: 1.7; font-size: 17px; }
.linkbtn1 { color: #ffffff; font-weight: 300; font-size: 19px; padding: 10px 20px; border: 1px solid #ffffff; margin: 20px 5px; display: inline-block; clear: both; border-radius: 3px; transition:all 1s;}
.linkbtn2  { background: #2cd4fe;  border: 1px solid #2cd4fe; }
.dismask .linkbtn1:hover { color: #0c91b2; background: #ffffff;  border: 1px solid #ffffff; }

/* ================ Gallery Box ============== */
.bcolor-back { background:rgba(0,1,84,0.85); color: #ffffff !important;  }
.gallerycon { 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 .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: #ffffff !important; color:#111111 !important;}
.item-gallery { width:33.33%; height: auto; min-width: 300px; margin:0; display:inline-block; text-align:center; vertical-align:top; overflow: hidden; margin-bottom: -7px;  transition:all .5s;}

.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: 500; 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: 300; } 
.gcaption { display: block; position: absolute; bottom: -100%; left: 0; padding: 2%; height: auto; width: 100%; }
.gcaption h3 { margin: 0; }
.gcaption h3, .gcaption p { margin: 0 0 5px; }
.galmask:hover .gcaption  { bottom: 0; }

/* ================ Noticeboard and News ============== */
.noticenewsbox{margin: 50px -15px 0; display: flex; justify-content: center; flex-wrap: wrap;}
.noticebox { margin: 0 15px 40px; border: 1px solid #eeeeee; background: #f7f7f7; box-shadow: 0 0 7px 0 #dddddd; width: calc(30% - 30px); padding: 10px 15px;   border-radius: 5px; display: flex; flex-direction: column; order: 1; }
.noticebox .boxtoptitle{font-size: 29px; margin: 0 auto 10px;}
.noticebox .notbitems{margin: 0 -10px 0; display: flex; justify-content: center; align-items: flex-start;   flex-wrap: wrap; }
.noticebox .nboardcat{margin: 0 10px 25px; width: calc(100% - 20px);}
.nboardcat:last-child{margin-bottom: 0;}
.nbcattitle{border-bottom: 3px solid #090457; margin-bottom: 5px; display: flex;}
.nbcatt { margin: 0; padding: 5px 10px; color: #ffffff; background: #090457; display: table; font-size: 19px; font-weight: 400; text-align: center; }

.nbitmplink{display: flex;flex-wrap: wrap; }
.noticeitemtitles{ margin: 0 -10px; display: flex; justify-content: center; flex-wrap: wrap; }
.noticeitemtitles .nbitmplink{margin: 0 10px; width: calc(100% - 20px);  }
.nbitemtitle {color: #333333;padding: 5px 0; position: relative; display: flex;  }
.nbitemtitle::before { margin: 1px 7px 0 0; font-size: 15px; }
.nbitemtitle h4{margin: 0; font-size: 15px; }
.nbitemtitle h4:hover{ text-decoration: underline; color: #000000; }
.nbcatlinkra { display: table; margin: 5px auto;background: #eeeeee; padding: 3px 5px; color: #333333 !important; font-size: 17px; font-weight: 400; border-radius: 3px; transition: all .3s; }
.nbcatlinkra:before, .nbcatlinkra:after { content: '\f04c'; font-size: 15px; padding: 0 5px; }
.nbcatlinkra:hover{background: #cccccc;}
.cattpos-center .nbcattitle{justify-content: center;}
.cattpos-right .nbcattitle{justify-content: flex-end;}
.cattpos-justify .nbcatt { width: 100%; }

.newsbox {margin: 0 15px 40px; border: 1px solid #eeeeee; width: calc(70% - 30px);padding: 10px 15px; border-radius: 5px; order: 2; box-shadow: 0 0 7px 0 rgba(0,0,0,0); }
.nboxhdes{width: 100%;}
.nboxhdes .boxtoptitle{font-size: 37px; }
.newsbox .nboxitems{margin: 35px -13px 0; display: flex; justify-content: center; align-items: flex-start;   flex-wrap: wrap; }
.newsbox .nboardcat { width: calc(33% - 26px); margin: 0 13px 10px; }
.newsbox .nbitmplink{ margin: 5px 0; align-items: center; }
.newsbox .nbitemtitle{width:calc(100% - 55px);}
.newsbox .nbitmplink .nboxtimg{width: 50px; height: auto; margin-right: 5px; }
.newsbox .nbitmplink.nboxfpost{flex-direction: column; margin-bottom: 10px;}
.newsbox .nboxfpost .nboxtimg{width: 100%; margin: 0;}
.newsbox .nboxfpost .nbitemtitle{width: 100%;}
.newsbox .nboxfpost .nbitemtitle h4{ width: 100%; text-align: center; font-size: 17px; font-weight: 400; }
.newsbox .nbitemtitle.nofimage{ width: 100%; }

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

ul#lboxd ul#lboxdropdown { background: #ffffff; 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#lboxdropdown{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 15px; padding: 5px; background: #14097d; width: auto; }
#lblogoimg{ max-height: 70px; margin: 0 auto; }

#lboxd .login-username, #lboxd .login-password { position: relative; }
#lboxd .login-username::before, #lboxd .login-password::before { content: '\f007'; font-size: 21px; height: 100%; background: #35cfff; 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%; }

.post-container #loginform { max-width: 500px; margin: 0 auto; }
.post-container #loginform p { margin-bottom: 20px !important; }
.post-container #loginform input { max-width: 100%; }

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


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

ul.lboxd ul.lboxdropdown { background: #ffffff; 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; }

.lboxd .login-username, .lboxd .login-password { position: relative; }
.lboxd .login-username::before, .lboxd .login-password::before { content: '\f007'; font-size: 21px; height: 100%; background: #35cfff; 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'; }



/* ================ Read More  ============== */
.read-more{font-size: 15px; font-weight: 300; padding: 5px 7px 5px 15px; margin: 11px 0 0 0; float: right; text-transform: uppercase; background: #939b9d; color: #ffffff !important; display: flex; align-items: center; transition:all .3s; border-radius: 150px; }
.read-more:hover{ background: #777777; }
.read-more:after { content: "\f061"; font-size: 15px; padding:0 5px; transition:all .3s;  }
.read-more:hover:after{ padding:0 9px; }

/* ================ Post Meta and Others  ============== */
.post-meta { display: flex; font-weight: 300; margin: 0; justify-content: center; align-items: center; flex-wrap: wrap; padding: 3px 10px; background: #f5f5f5; width: 100%; font-size: 15px; }
.post-meta span{margin: 3px 7px;}
.post-meta span, .post-meta span a{color: #555555;}
.post-meta span::before{margin-right: 3px;}

.nonsence-space{ width: 100%; display: block; clear: both; height: 10px; }
.subtitle{ font-size: 19px; color: #555555; margin: 0; width: 100%; line-height: 1; margin-bottom: 5px; }
#container.sinpagepostcon .subtitle{ font-size: 23px; }
.beforecontent{ width: 100%; }
#container.sinpagepostcon .beforecontent{ height: 20px; }

.ribboncon{ overflow: visible; position: relative; }
.ribbon { width: 130px; height: 130px; overflow: hidden; position: absolute; top: -10px; right: -10px; z-index: 3; }
.ribbon::before, .ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #05519f; border-top-color: transparent; border-right-color: transparent; transition: all 1s; }
.ribbon::before { top: 0; left: 0; }
.ribbon::after { bottom: 0; right: 0; }
.ribbon span { position: absolute; display: block; width: 195px; padding: 5px; background-color: #0c89df;   color: #ffffff; text-transform: uppercase; text-align: center; font-size: 17px; transform: rotate(45deg); left: -25px; top: 30px; }
.ribboncon .ribbon{ transition: all 1s; }
.ribboncon:hover .ribbon{ opacity: 0; }

.elementhide{ display: none; }
.elementshow{ display: block; }

/* ================ Page Navigation  ============== */
.page-nav{ text-align: center; position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; }
.page-link{font-weight: 500;}
.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: 5px auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.page-numbers li { display: inline-flex; justify-content: center; align-items: center; margin: 3px; }
.page-numbers li .page-numbers {  display: inline-flex; justify-content: center; align-items: center; color: #3aa5f8; font-size: 19px; padding: 3px 13px; font-weight: 300; border: 1px solid #3aa5f8; border-radius: 150%; transition: all .3s; }
.page-numbers li .page-numbers.current, .page-numbers li .page-numbers:hover { border: 1px solid #3aa5f8; color: #ffffff; background: #3aa5f8; text-decoration: none; }
.page-numbers li .prev.page-numbers, .page-numbers li .next.page-numbers{border:none; background-color: transparent !important; color: #3aa5f8 !important; font-size: 35px; }
.page-numbers .pagenavprevnext{ display: inline-flex; justify-content: center; align-items: center; }

.pagenavlink { width: calc(50% - 20px); display: inline-flex; margin: 10px; font-size: 15px; transition: all .3s; }
.pagenavlink a { color: #02365a; display: flex; justify-content: center; align-items: center; }
.pagenavlink:hover { transform: scale(1.05); }
.pagenavlinkright{ justify-content: flex-end; }
.alignleft .pagenavicon{margin-right: 5px;} 
.alignright .pagenavicon{margin-left: 5px;}

.floatleft{float:left;width:47%; min-width: 200px;}
.floatright{float:right;width:47%; min-width: 200px;}

#container.sinimagecon .pagenavlink .pagenav::before {  color: #ffffff;  background: #333333; padding: 5px 7px; border-radius: 150%; font-size: 27px; opacity: .75; border: 5px solid #cccccc; transition: all .5s; }
#container.sinimagecon .pagenavlink:hover { transform: none;  }
#container.sinimagecon .pagenavlink:hover .pagenav::before{ opacity: 1; border-color: transparent; }

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

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

#comments .commentlist li.comment{line-height:19px;margin:0 0 5px;padding:20px 0 0 97px;position:relative;}
#comments .comment-body p:last-child{margin-bottom:6px;}
#comments .comment-meta { border-bottom: 1px solid #cccccc; padding-bottom: 3px; }
#comments .comment-content { border-top: 1px solid #ffffff; padding-top: 5px; }
#comments .comment-meta, #comments .comment-meta a:link, #comments .comment-meta a:visited{color:#555555;font-size:13px; text-shadow:none;}
#comments .commentlist .children li{border-top:2px solid #ffffff;list-style:none outside none;margin:0 0 0 -25px;}
#comments .commentlist li:last-child{border-bottom:medium none;ist-style:none outside none;}
#comment-form{max-width:650px; margin: 20px 0 0; }
#commentsbox #respond{ max-width:650px; }
#respond .required{color:#02365a;font-weight: 500;position:absolute;}
#comments ol.commentlist, #comments li.commentlist{padding:0;list-style:none;}
#comments-list #respond{margin:0 0 18px 0;}
#comments-list ul #respond{margin:0;}
#comments-list #respond{margin:0 0 18px}
#comments-list ul #respond{margin:0}
.comment-reply-link { background: #555555; padding: 3px 9px;  color: #ffffff; border-radius: 3px; font-size: 15px; transition: all .5s; }
.comment-reply-link:hover { color: #ffffff; background: #333333; }
#cancel-comment-reply-link{font-weight:normal;line-height:18px;}
#commentsbox #respond input{margin:0;}
#respond .form-allowed-tags{font-size:15px;line-height:18px;}
#respond .form-allowed-tags code{font-size:13px;}
#respond .form-submit{margin:12px 0;}
#respond .form-submit input{font-size:15px;width:auto;}

#commentsbox .comment-nav { display: table; width: 100%; margin: 10px 0 30px; position: relative; clear: both; font-size: 17px; border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; padding: 10px 0; font-weight: 550; }

.logged-in-as a {font-size: 17px; color: #085d96; }
#respond label {font-size: 17px; font-weight: 300; width:110px; padding-right: 10px; display: inline-block;}
.flexboxitem{display: flex; align-items: center;}
.flexboxitem input { width:calc(100% - 110px); }
#respond .comment-form-cookies-consent{ display: flex; align-items: flex-start; line-height: 1; padding: 10px 0; }
#respond .comment-form-cookies-consent label {width: auto; padding: 0 0 0 10px; margin-top: -2px; }

.top-menu-con.displaynone { display: none; }

.go-top { background: #051039; border-radius: 150px; bottom: 10px; color: #ffffff; display: none; font-size: 20px; opacity: 0.5; padding: 10px; position: fixed; right: 10px; width: 45px; height: 45px; line-height: 1.3; text-align: center; transition:all 1s; z-index: 5; }
.go-top:after { content: '\f062'; }
.go-top:hover { opacity: .9;  color: #ffffff;}
.headerheight { display: block; clear: both; height: 1px; margin-bottom: -1px; }

#creditline { color: #ffffff; font-size: 15px; text-align: center; padding: 13px 20px; background: #04021d; overflow: hidden; }
#creditline a{font-weight: 500; color: #ffffff;}

.wptopmenu { position: relative; width: 100%; clear: both; }

*, *: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:not(.topic) .post-container::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;}

.hline { background: url("images/hlineback.png") no-repeat scroll center top transparent; border-bottom: 1px solid #f0f0f0; display: block; height: 10px; margin: 9px 0 15px; width: 100%; }
.boxtopicon { text-align: center; margin: 45px auto 0; color: #051039; font-size: 40px; }
.boxtoptitle { text-align: center; margin: 0 auto; font-size:45px; font-weight: 400; color: #051039; }
.boxtopdes { text-align: center; margin: 0 auto; font-size:18px; line-height: 21px; max-width: 650px; padding: 15px 0; font-weight: 300; }

.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; background: url("images/loader.svg") center no-repeat #ffffff; background-size: 300px auto; }

.box100 { width: 100%; display: block; clear: both; }
.box90 { width: 90%; display: block; margin: 0 auto; max-width: calc(100% - 40px);}
.box90-5 { margin:0 -5%; }
.heightzero{ height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; }

.extracontainer { padding: 0; margin: 0 auto; display: block; position: relative; }
.fpagecbox { padding: 0; margin: 0 auto; display: block; position: relative; }
.fpagecbox img {height: auto;}
.posrel{position: relative;}

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


/* ================ Contact Box  ============== */
.contactcontainermain {  }
.contactcontainer { overflow: hidden; color: #ffffff; background: #2465b5 url("images/contact.jpg") no-repeat scroll center center / 100% auto; padding-top: 20px; }
.contactcontainer h2.boxtoptitle, .contactcontainer h4.contact-itemsh { color: #ffffff; }
.conactboxs { overflow: hidden; padding: 10px 0; }
#contactboxparts {display: flex; align-items: start; justify-content: center; flex-wrap: wrap; margin: 0 -15px; }
.contactboxpart { margin: 20px 15px; width: calc(50% - 30px); text-align: left; }
.contactcontainer input, .contactcontainer label, .contactcontainer textarea, .contactcontainer input[type="text"] { background: transparent; border-color: rgba(255, 255, 255, .5); width: 100%; max-width: 650px; }
.contactcontainer textarea{height: 100px;}
.contactcontainer input:focus, .contactcontainer textarea:focus { background: #ffffff; border-color: #ffffff !important; }
.contactcontainer h3.contact-subtitle { font-size: 30px; font-weight: 400; margin: 0; }
.contactinfo { padding: 20px 0 10px; }
.contactinfo span {  border: 3px solid #ffffff; border-radius: 150px; 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; }
h4.contact-sub-des{ font-size: 17px; }

.contactcontainer input[type="submit"], .contactcontainer input[type="button"] { min-width: 200px; }
.contactcontainer div.wpcf7-mail-sent-ng, .contactcontainer div.wpcf7-aborted, div.wpcf7-response-output { border-color: #0093c9; }

.contactcontainer a, .contactcontainer a:hover{ color: #ffffff; text-decoration: underline; }

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

.contactcontainer ::-webkit-input-placeholder { color: #ffffff; }
.contactcontainer :-moz-placeholder { color: #ffffff; }
.contactcontainer ::-moz-placeholder { color: #ffffff; }
.contactcontainer :-ms-input-placeholder { color: #ffffff; }

.wpcf7-form input[type="submit"] { min-width: 150px; margin-left: 10px; }
.wpcf7 label { font-weight: 400; line-height: 2; width: 100%; max-width: 650px; }


/* ================ Mapping Box  ============== */
.mappingcontainer { overflow: hidden; text-align: center; display: block; }
.mappingcontainer .su-gmap { margin: 0; }

/* ================ Placeholders  ============== */
::-webkit-input-placeholder { color: #555555; }
:-moz-placeholder { color: #555555;  }
::-moz-placeholder { color: #555555; }
:-ms-input-placeholder {  color: #555555;  }

/* ================ Slide Video ============== */
#sldvidcon { display:flex; justify-content: center; align-items: center; position:relative; width: 100%; padding-bottom: 50px; height: 45vw; overflow: hidden; }
#sldvidcon.noslidefrontpage{ margin-top: 0 !important; }
#sldvidcon.slidecurvedbottom{ clip-path: polygon(50% 0%, 100% 0, 100% calc(100% - 50px), 50% 100%, 0% calc(100% - 50px), 0 0); }
#slidevideo { position:absolute; width: 100%; height: 100%; top: 0; left: 0;  }
video.sldvideo { background: #001160; }
.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%; }

#sldvidmask{ width: 100%; height: 100%; background: url("images/mask.png") repeat scroll 0 0 rgba(9,28,111,0.5); position: absolute; left: 0; top: 0;}

.videobox-inner.box90 { margin: 20px auto; border: 10px solid #0765aa; }
.videoframe { position: relative; }
.vidmask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,199,239,0.44); display: block; }

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

iframe { max-width: 100%; max-height: 100%; }

#clear-top { position: relative; }

/* ================ Featured Links ============== */
#flinks-item{ padding: 30px 0 0; }
.flinkitems{margin: 0 -10px; display:flex; justify-content:center; flex-wrap: wrap; padding: 10px 0 30px; list-style: none; }
.flinkitem{width:calc(20% - 20px); min-width:200px; margin:10px; background:#090457; border-radius:5px; transition:all .3s; position: relative; border: 1px dashed rgba(0,0,0,0); }
.flinkitem:hover{transform:scale(1.05); border: 1px solid rgba(0,0,0,0); }
.flkitem{display:flex;align-items:center; flex-wrap: wrap;}
.flinkitem-icon, .flinkitem-image, #flinkitemsul .flinkitem::before{width: 50px;height: 50px;margin: 5px; background: #ffffff; color:#048bce;  display: flex; justify-content: center; align-items: center; border-radius: 150px; font-size: 30px; }
.flinkitem-image img{max-width: 50px; max-height: 50px;}
.flinkitem-tdes {margin: 5px; width:calc(100% - 70px);}
.flinkitem-title{color:#ffffff; font-size:17px;}
.flinkitem-des{color:#3aa5f8; font-size: 14px;}

#flinkitemsul li{ padding: 0; }
#flinkitemsul li::after{ display: none; }
.flinkmenuitem::before{ content:'\f005'; position: absolute; left: 0; }
#flinkitemsul .flinkitem{ display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.flinktxtpart{width:calc(100% - 60px);}
#flinkitemsul .flinkitem-title{ padding: 5px 5px 2px; }
#flinkitemsul .menu-description{ color: #eeeeee; font-size: 13px; padding: 2px 5px 5px; }
#flinkitemsul a, #flinkitemsul a:hover{ color: #ffffff; }

#flinks-item.flinkfrshdsn .flinkitem{ border-radius: 0; padding: 10px; }
#flinks-item.flinkfrshdsn .flinkitem:hover{ transform:none; }
#flinks-item.flinkfrshdsn .flinkitem-icon, #flinks-item.flinkfrshdsn .flinkitem-image{ width: 100%; height: 61px; font-size: 55px; background: transparent; border-radius: 0; }
#flinks-item.flinkfrshdsn .flinkitem-tdes{ width: 100%; text-align: center; }
#flinks-item.flinkfrshdsn .flinkitem-title{ font-weight: 400; }

/* ================ Social Links ============== */
.social { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } 
.social a{ width: auto; }
.social a::before, .social a.sliconimg { background-color: rgba(0,0,0,0.35); font-size: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; height: 50px; width: 50px; margin: 5px; transition:all 1s; }

.maintainance-mode .social a::before, .maintainance-mode .social a.sliconimg { background-color: rgba(17, 14, 14, 0.81); }

.social a:hover { transform: rotate(30deg); }
.social a.slicondefined::before{ content: '\f005'; }
.social a.sliconimg { background-position: center center; background-repeat: no-repeat; background-size: 80% auto; }

#header .social { display: inline-flex; width: auto; }
#header .social a::before, #header .social a.sliconimg { font-size: 17px; height: 30px; width: 30px; margin: 3px; border-radius: 150%; }
#footer .social { padding: 10px 0; width: 90%; margin: 0 auto; }

.social-link span{ width: 0px !important; height: 0px !important; position: relative !important; margin: 0 !important; padding: 0 !important; left: 0 !important; right: auto !important; top: 0 !important; bottom: auto!important; display: block !important; }

.social-link a.slicondefined[href*="wordpress.org"]::before, 
.social-link a.slicondefined[href*="wordpress.com"]::before { content: '\f19a'; color:   #09b6db; }
.social-link a.slicondefined[href*="facebook.com"]::before { content: '\f39e'; color:   #455afa; }
.social-link a.slicondefined[href*="twitter.com"]::before { content: '\f099'; color:   #33ccff; }
.social-link a.slicondefined[href*="dribbble.com"]::before { content: '\f17d'; color:   #ea4c89; }
.social-link a.slicondefined[href*="plus.google.com"]::before { content: '\f0d5'; color:   #f32e0d; }
.social-link a.slicondefined[href*="pinterest.com"]::before { content: '\f0d2'; color:   #c8232c; }
.social-link a.slicondefined[href*="github.com"]::before { content: '\f113'; color:   #555555; }
.social-link a.slicondefined[href*="tumblr.com"]::before { content: '\f173'; color:   #455afa; }
.social-link a.slicondefined[href*="youtube.com"]::before { content: '\f167'; color:   #F90909; }
.social-link a.slicondefined[href*="flickr.com"]::before { content: '\f16e'; color:   #ff0084; }
.social-link a.slicondefined[href*="vimeo.com"]::before { content: '\f194'; color:   #1AB7EA; }
.social-link a.slicondefined[href*="instagram.com"]::before { content: '\f16d'; color:   #05ace3; }
.social-link a.slicondefined[href*="codepen.io"]::before { content: '\f1cb'; color:   #555555; }
.social-link a.slicondefined[href*="linkedin.com"]::before { content: '\f0e1'; color:   #05ace3; }
.social-link a.slicondefined[href*="vk.com"]::before { content: '\f189'; color:   #0895c4; }
.social-link a.slicondefined[href*="t.me"]::before { content: '\f3fe'; color:   #0680a8; }
.social-link a.slicondefined[href*="xing.com"]::before { content: '\f168'; color:   #b0d400; }
.social-link a.slicondefined[href*="yelp.com"]::before { content: '\f1e9'; color:   #d32323; }
.social-link a.slicondefined[href*="whatsapp.com"]::before { content: '\f232'; color:   #089226; }


/* 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: 500; 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: #0166a0; 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: #35cfff; }
.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: #35cfff; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce div.product .product_title {  background-color: #0166a0; }
.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:#0166a0; display:  list-item; transition: all .4s; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover { background: #0166a0; color: #ffffff; }
.woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce .woocommerce-message { border-color: #35cfff; }
.woocommerce .d5woocontent a {color: #35cfff; }
.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: 20px; line-height: 0; }
#main-menu-con a.wccart-icon { background-color: rgba(5, 50, 100, 0.7); color: #ffffff; font-size: 17px; font-weight: 500; line-height: 14px; padding: 13px 10px; }
.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;}
.woocommerce .coupon{ display: inline-flex; }
.woocommerce #coupon_code{ min-width: 150px; }

.woocommerce .woocommerce-message::before{ color: #0166a0; }

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

/* 
==================== Breadcrumbs ========== */
.breadcrumbs { margin: 20px 0; padding: 4px 20px 4px 10px; line-height: 1; flex-wrap: wrap; clip-path: polygon(calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%, 10px 50%, 0% 0%); background: #eeeeee; width: auto; display: inline-flex; align-items: center; }
.breadcrumbs * { display: inline-flex; align-items: center; }
.breadcrumbs h2.trail-browse {margin-right: 5px;}
.breadcrumbs .trail-browse, .breadcrumbs .trail-items, .breadcrumbs .trail-items li { margin:  3px 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: '\f054'; padding: 0 5px; }
.trail-items li:last-of-type::after { display: none;}
.btrailhome::before{ font-size: 17px; }