/*
Theme Name: D5 CORPORATE Extend
Theme URI: https://d5creation.com/theme/corporate

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

Description: This is a theme for Business. CORPORATE WordPress Theme is super elegant and Professional which will create your business widely expressed.  Right and Footer Sidebar will be usable for showing the widgets and Plugins. Full Wide page can be used for showing showcase or other purposes. Premium Version of this Theme has come with 9 different Color Schemes

Version: 4.9

Tags: two-columns, right-sidebar, custom-header, custom-background, custom-menu, threaded-comments, sticky-post, full-width-template, theme-options, blog, portfolio, education 


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

Text Domain: d5corporate

*/

/* =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:400;text-align:left}
blockquote:before,q:before,blockquote:after,q: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:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

body{ font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;word-wrap:break-word; color: #333333; }
img{max-width:100%;border:0 none}
#site-container{ max-width: 100%; min-width: 100%; min-height: 100%; display: block; position: relative; overflow: hidden; background: #8ae4b2; }
#sitecon{ border-radius:5px;margin:10px auto; margin-left: auto !important; margin-right: auto !important; width:1090px; background: #f7f7f7; box-shadow: 0 0 7px 0 #333333; }

#top-menu-container{ height:auto; width:auto;padding:0 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border-radius: 5px 5px 0 0; }
#top-menu-container .flexcenter{ margin: 5px; }

#resmwdt{ width: 20px; height: 0px; background: transparent; visibility: hidden; }
.heightzero{ height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; }

/* ================ Search Box ============== */
#searchform, .search-form, #bbp-search-form div, .woocommerce-product-search { height: 39px; overflow: hidden; width: 100%; max-width: 550px; display: inline-flex; position: relative; background: rgba(0,0,0,0.5); border-radius: 7px; }
.search-form label{ margin: 0; width: calc(100% - 45px); }
#top-menu-container #searchform, #top-menu-container .search-form { display: inline-flex; width: auto; height: 29px; margin: 5px; }
#searchsubmit, input[type="submit"].search-submit, #bbp_search_submit, .woocommerce-product-search button[type="submit"] { background: transparent url("images/search.png") no-repeat scroll center center; background-size: auto 70%; 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; width: 30px; top:0 !important; border: none; position: absolute; right: 0; transition: all .5s;  }
input#s, input[type="search"].search-field, #bbp_search, .search-field { border-radius: 7px; vertical-align: top; max-width: 100%; min-width: 100px; height: 100%; padding: 5px 35px 5px 10px; width: 100%; color: #555555; }
#searchsubmit:hover, input[type="submit"].search-submit:hover, #bbp_search_submit:hover, .woocommerce-product-search button[type="submit"]:hover { background-color: transparent; border: none; box-shadow: none; transform: none; }
#top-menu-container input#s, #top-menu-container input[type="search"].search-field { background: rgba(255,255,255,0.1); color: #aaaaaa; max-width: none; min-width: 100px; width: 150px; border: none; }
#top-menu-container input#s:focus, #top-menu-container input[type="search"].search-field:focus { width: 190px; background: rgba(255,255,255,0.3); box-shadow: none; color: #ffffff; }


#header{min-height:100px;min-width:auto; border-radius: 5px 5px 0 0;}
#header-content{ width:100%; margin:auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative; }
#logotitle{ height: 100%; display: inline-flex; max-width: 300px; align-items: center; justify-content: center; }
img.site-logo,h1.site-title{font-size:59px;font-weight:700;max-height:100px;max-width:300px; padding:5px 0; word-wrap:normal;}
h1.site-title{ max-width: none; }
.site-title-hidden{display:none}
#headersep{height:3px;margin: 0 0 30px;}

#container{ position: relative; display: block; }
#content{float:left;width:calc(100% - 370px); min-width: 250px;}
#content-full{width:100%}
.content-ver-sep{clear:both;height:1px}
#footer{clear:both;  min-width:100%; border-radius: 0 0 5px 5px; border-top-width: 7px !important; box-shadow: none !important; }
#footer-content{width:100%;margin:0 auto}

#creditline { padding: 10px 20px; text-align: center; width: auto; border-radius: 0 0 5px 5px; color: #ffffff !important; }
#creditline a{font-weight:700; color: #ffffff !important; }
iframe{max-width:100%;max-height:100%}
#pagepost{ margin: 20px auto; position: relative; }
.boxpadding20{ padding-left: 20px !important; padding-right: 20px !important; }

/*  Social Links
---------------------------- */
.social{ display:flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 10px; }
.social a{ background-color: rgba(0,0,0,0.5); margin:3px; height:25px; width:25px; border-radius:5px; overflow: hidden; display: inline-flex; justify-content: center; align-items: center; background-size: 80% 80%; background-repeat: no-repeat; background-position: center center; font-size: 15px; transition: all .5s; color: #ffffff; }
.social a:hover{ transform: scale(1.15); color: #ffffff;}
.social a::before{ height: 100%; width: 100%; display:flex; justify-content: center; align-items: center; }
.social a.slicondefined::before{ content: '\f005'; }

.social-link a.slicondefined[href*="wordpress.org"]::before, 
.social-link a.slicondefined[href*="wordpress.com"]::before { content: '\f19a'; background: linear-gradient( #09b6db, #72c6d8 ) }
.social-link a.slicondefined[href*="facebook.com"]::before { content: '\f39e'; background: linear-gradient( #455afa, #7080fb )}
.social-link a.slicondefined[href*="twitter.com"]::before { content: '\f099'; background: linear-gradient( #1cc3fa, #75dafb )}
.social-link a.slicondefined[href*="dribbble.com"]::before { content: '\f17d'; background: linear-gradient( #e32971, #e58aad )}
.social-link a.slicondefined[href*="plus.google.com"]::before { content: '\f0d5'; background: linear-gradient( #f32e0d, #f68572 )}
.social-link a.slicondefined[href*="pinterest.com"]::before { content: '\f0d2'; background: linear-gradient( #c8232c, #c4676c )}
.social-link a.slicondefined[href*="github.com"]::before { content: '\f113'; background: linear-gradient( #555555, #9c9a9a )}
.social-link a.slicondefined[href*="tumblr.com"]::before { content: '\f173'; background: linear-gradient( #455afa, #adb6fa )}
.social-link a.slicondefined[href*="youtube.com"]::before { content: '\f167'; background: linear-gradient( #F90909, #f99595 )}
.social-link a.slicondefined[href*="flickr.com"]::before { content: '\f16e'; background: linear-gradient( #ff0084, #fa81c0 )}
.social-link a.slicondefined[href*="vimeo.com"]::before { content: '\f194'; background: linear-gradient( #1AB7EA, #7dcbe5 )}
.social-link a.slicondefined[href*="instagram.com"]::before { content: '\f16d'; background: linear-gradient( #05ace3, #6dc4e1 )}
.social-link a.slicondefined[href*="codepen.io"]::before { content: '\f1cb'; background: linear-gradient( #555555, #9c9a9a )}
.social-link a.slicondefined[href*="linkedin.com"]::before { content: '\f0e1'; background: linear-gradient( #05ace3, #61c0df )}
.social-link a.slicondefined[href*="vk.com"]::before { content: '\f189'; background: linear-gradient( #0895c4, #2ec5f7 )}
.social-link a.slicondefined[href*="t.me"]::before { content: '\f3fe'; background: linear-gradient( #0680a8, #24c4f8 )}
.social-link a.slicondefined[href*="xing.com"]::before { content: '\f168'; background: linear-gradient( #b0d400, #d3f432 )}
.social-link a.slicondefined[href*="yelp.com"]::before { content: '\f1e9'; background: linear-gradient( #d32323, #ff5b5b )}

#header .social{ display: inline-flex; }
#footer .social a{ height:35px; width:35px; font-size: 25px; }
#footer .social{ margin: 10px auto 20px; }
#footer .social a{ height:49px; width:49px; font-size: 35px; }

.flexcenter { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 5px; padding: 0; }
.noshow { display: none; }
.extranumber, .connumber, .evenextracon {  }
#top-menu-container .flexcenter, #top-menu-container .flexcenter a, #top-menu-container .flexcenter a:hover { color: #eeeeee; font-weight: 500; }
.connumber::before {content:'\f095'; font-size: 17px; margin-right: 7px;}
.extranumber::before {font-size: 17px; margin-right: 7px;}

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:700}
dl{margin:0 0 24px}
dt{font-weight:700}
dd{margin-bottom:18px}
strong{font-weight:700}
cite,em,i{font-style:italic}
big{font-size:131.25%}
ins{background:#ffc;text-decoration:none}
blockquote cite,blockquote em,blockquote i{font-style:normal}
pre{background:#FFF;border-radius:5px 5px 5px 5px;color:#222;line-height:18px;margin-bottom:18px;overflow:auto;padding:1.5em}
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:#EEE;border:2px solid #DDD;border-radius:5px 5px 5px 5px;font-weight:700;margin-bottom:15px;max-width:250px;padding:5px 10px;text-align:right}
embed{max-width:100%}

/* ================ Language Switcher ============== */
#lswitchbox{ list-style: none; margin: 0 5px; padding: 0; z-index: 9999;  }
#lswitchbox li{  position: relative; display: flex; align-items:  center; padding: 0; margin: 0; }
#lswitchbox .lswitemsdv{ cursor: pointer; padding: 1px 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: 135px; 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: 15px; 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: 15px; 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{  }

/* ================ Main Menu ============== */
#mmainmenu{  }
#main-menu-con{ font-family:'Oswald',Impact,Helvetica,sans-serif;line-height:1; max-width: calc(100% - 310px); z-index: 999; }
#main-menu-con .menu,#top-menu-con .menu{float:right}
#main-menu-con ul{list-style:none outside none; padding: 0; margin: 0; }
#main-menu-con li{float:left;position:relative;margin:0 3px}
#main-menu-con a{display:block; font-size:13px; min-width:40px; padding:20px 11px; position:relative; text-align:center; text-transform:uppercase}
#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{ background-image: none !important; }
#main-menu-con li ul{float:left;position:relative;margin:0}
#main-menu-con ul ul,.sub-menu,.sub-menu ul ul{display:none; left:50%; transform: translate(-50%, 0px); position:absolute;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;border-radius:5px;padding:5px;z-index:10000}
#main-menu-con ul li ul li{margin:0}
#main-menu-con ul ul ul{left:100%;transform: translate(0);top:0;z-index:999}
#main-menu-con ul ul a{padding:9px 15px;width:210px;text-align:left;text-transform:none}

.menu-item-has-children, .page_item_has_children { position: relative; }
.menu-item-has-children::after, .page_item_has_children::after { content: ""; position: absolute; left: 50%; transform: translate(-50%, 0px); top: calc(100% - 15px); width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #cccccc transparent transparent transparent; border-top-color: inherit; opacity: .5; }
.sub-menu .menu-item-has-children::after, .sub-menu .page_item_has_children::after { left: calc(100% - 5px); top: 50%; transform: translate(-100%, -50%) rotate(270deg); }

#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: 25px; display: none; color: #fff; background: #111111; padding: 3px 13px; width: auto; position: relative; align-items: center; justify-content: center; }
#mobile-menu::before { content:'\f0c9'; }
#mobile-menu.goup::after { content:'\f106'; }
#mobile-menu.mmenuclose::before{ content:'\f00d'; }

#main-menu-con ul ul li:first-child a { border-radius: 5px 5px 0 0; }
#main-menu-con ul ul li:last-child a { border-radius: 0 0 5px 5px; }

#top-menu-con{ max-width:550px; height:25px; border-width: 0 !important; }
#top-menu-con ul{list-style:none outside none;padding:0; margin: 0; }
#top-menu-con li{position:relative;float:left}
#top-menu-con li a{font-size:11px;padding:0 10px;text-decoration:none;text-transform:uppercase; transition: all .5s; }
#top-menu-con li:first-child a{ border-left: none !important; }
#top-menu-con li:last-child a{ border-right: none !important; }
#top-menu-con li a:hover{ color: #ffffff; }
#top-menu-con > div > ul > li:first-child > a{ padding-left: 0; }
#top-menu-con a.wccart-icon { color: #ffffff; font-size: 15px; font-weight: bold; position: relative; width: auto; background-repeat: no-repeat; background-position: 3px center; transition: all .5s; }

/*  WidGets
---------------------------- */
#right-sidebar{float:right;width:332px}
#footer-sidebar{overflow:hidden;padding:20px 0 0; display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; }
.widget{display:block;word-wrap:break-word}
.widget ul,.widget ol{padding:0}
#right-sidebar .widget{border-radius:7px; margin-bottom:20px; padding:15px; width:100%; text-align:left; border: 1px solid #eeeeee; border-color: #eeeeee !important; }
#right-sidebar .widget h3{padding-bottom:5px;text-transform:uppercase}
#right-sidebar .widget,#right-sidebar .widget li,#right-sidebar .widget a,#right-sidebar .widget a:hover{text-decoration:none}
#right-sidebar .widget li { list-style: square inside none; padding: 5px; background: none !important; }
#footer-sidebar .widget{width:100%; margin-bottom: 20px; }
#footer-sidebar .footer-widgets{ text-align:left; width: calc(25% - 40px); margin: 10px 20px; }
#footer-sidebar .widget h3{padding-bottom:5px;text-transform:uppercase}
#footer-sidebar .widget,#footer-sidebar .widget li,#footer-sidebar .widget a,#footer-sidebar .widget a:hover{text-decoration:none}
#footer-sidebar .widget li{list-style:square inside none;padding:5px 0; background: transparent !important; }
#right-sidebar input#s,#footer-sidebar input#s{width:60%;min-width:100px}
#right-sidebar form#searchform input[type="submit"],#footer-sidebar form#searchform input[type="submit"]{padding:8px 7px}
.textwedget{width:100%}
h1,h2,h2 a,h2 a:visited,h3,h4,h5,h6{font-family:'Oswald',arial,serif;font-weight:400;line-height:1.25;margin:0 0 10px}
h1{font-size:30px}
h2{font-size:23px}
h3{font-size:20px}
h4{font-size:17px}
h5{font-size:15px}
h6{font-size:13px}
p{margin-bottom:15px}
a{text-decoration:none}
b,strong{font-weight:700}
displaynone{display:none}
.clear{clear:both}
table{border-radius:3px;padding:5px;min-width:200px;margin-bottom:15px;max-width:100%}
td{padding:5px 7px;vertical-align:top}
th{font-weight:700;line-height:1;padding:5px 7px}

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

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, input#s, .wpcf7-form-control {border-radius:5px;font-size:14px;padding:10px 7px;width:98%; background:#ededed;border-top:1px solid #999999;border-left:1px solid #999999;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff; transition: all .5s; }
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 input:focus, select:focus, input#s:focus, .wpcf7-form-control:focus {background:#f7f7f7;}
input[type="password"]{width:200px}
button, input[type="reset"], input[type="button"], input[type="submit"]{ padding: 9px 15px; transition: all .5s; cursor: pointer; border-radius: 50px; }
button:active,input[type="reset"]:active,input[type="button"]:active,input[type="submit"]:active{position:relative;top:1px}
input#s{width:70%;min-width:135px}
.post.sticky,.sticky{border-radius:10px 10px 10px 10px;margin-bottom:30px;padding:15px}
.gallery-caption{clear:both;width:95%}
#sitecon .gallery .attachment-thumbnail{float:none;margin:5px auto}
#sitecon,#content,#content-full{font-size:14px;text-align:justify}
#content img,#content-full img{height:auto;margin:0;max-width:100%;vertical-align:middle; border: none !important; box-shadow: none !important; }
#heading{font-size:48px;margin:0 0 40px;text-align:center;text-transform:uppercase}

/*
#slide-container{margin:30px auto; padding-bottom: 50px; max-width:100%;  overflow:hidden; position: relative; }
#slide-container.sldsitecon{ margin:10px auto 30px !important; padding: 0 0  50px !important; }
#sldmeasure{ position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; }
#main-slider, #main-slider .container_skitter {  }

#video-banner{max-width:1050px;padding:0;margin:20px auto;background:#000000;overflow:hidden}
*/


/*Slider
----------------------------*/
#slide-container{margin:30px auto; display: block; padding-bottom: 50px; max-width:100%;  overflow:hidden; position: relative;}
#slidecon { max-width: 100%; margin: 0 auto; }
#skslide{background: transparent; margin:0 auto; width: 100%; }
#skslide.skitter {width: 100%; max-width: 100%; padding: 0; }
#skslide .container_skitter{box-shadow:0 -1px 5px 0 #eeeeee; overflow: hidden; }
#sktslider {margin: 0; padding: 0;}
#skslide img {max-width: none; }
#skslide .label_skitter { color: #ffffff; text-align: center; background: #03680ba6; font-size: 19px; }
#skslide .label_skitter .sktsldtext{ padding: 10px; }
#skslide.skitter .info_slide_dots .image_number {width: 17px; height: 17px; margin: 0 3px;}
#skslide.skitter .info_slide_dots .image_number.image_number_select{background: #333333;}
#skslide.skitter .box_clone>img {  }
.skitter .focus_button, .skitter .next_button, .skitter .prev_button, .skitter .play_pause_button {  opacity: 0 !important; transition: all .5s !important; border-radius: 50px; text-shadow: 1px 1px 1px #000000; }
#skslide.skitter:hover > .prev_button {opacity: 1 !important; left: 15px;}
#skslide.skitter:hover > .next_button {opacity: 1 !important; right: 15px;}
#skslide.skitter .info_slide_thumb {left: 50% !important; transform: translate(-50%, 0px);}

#skslide.skitter .read-more {padding: 3px 11px; margin: 0 auto; }
#skslide.skitter .read-more:hover {background: #ffffff;}
#skslide.skitter .read-more:hover::after {padding-left: 15px;}


/*  Featured Boxes
---------------------------- */
#featured-boxs{margin:0 -20px; display: flex; justify-content: center; flex-wrap: wrap; position: relative; }
.featured-box{width:calc(25% - 40px); margin:20px;min-width:215px;}
#featured-boxs img{ height:auto; width:100%}
#featured-boxs h2{padding:10px 0 5px;text-align:center;text-transform:uppercase}
#featured-boxs p{text-align:justify}


#customers-comment{font-size:17px;font-weight:700;margin-top:20px;line-height:2; position: relative;}
blockquote{margin:10px 0;padding:10px;quotes: '<<' '>>'}
blockquote:before,q:before{content:'\201C';font-size:3.5em;line-height:.1em;margin-right:.2em;vertical-align:-.4em}
blockquote:after,q:after{content:'\201D';font-size:3.5em;line-height:.1em;margin-left:.2em;vertical-align:-.4em}
blockquote p{display:block}
#sitecon .attachment-thumbnail{border:1px solid #EEE;border-radius:3px 3px 3px 3px;float:left;margin:8px 15px 10px 0;padding:3px}
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:25px;margin-bottom:0;padding-bottom:10px;text-align:left;text-transform:uppercase}
.entrytext{padding:10px 0}
h3.arc-src{text-transform:uppercase;font-size:20px}
.post,.hentry,.no-results{margin-bottom:20px}
.read-more{border-radius:5px;display:table;padding:5px 10px}
.entrytext .read-more{ margin-top: 10px; margin-bottom: 10px; }
.postmetadata{font-family:Arial,Helvetica,sans-serif}
p.postmetadata{margin:0}
.postmetadataw{letter-spacing:3px;font-weight:700}
.up-bottom-border{border-radius:10px 10px 10px 10px;display:inline-block;margin-bottom:20px;padding:5px 10px;width:98%}
.sticky .up-bottom-border{ margin-bottom: 0; }
.floatleft{float:left;width:45%;text-align:left}
.floatright{float:right;width:45%;text-align:right}
#page-nav .alignright{text-align:right}
#page-nav .alignleft{text-align:left}
#page-nav a{border-radius:10px 10px 10px 10px;border-style:solid;border-width:1px;font-size:17px;padding:10px}

/*  Comments
---------------------------- */
#commentsbox{margin:20px 0}
#commentsbox ol,#commentsbox li{list-style:none outside none}
#commentsbox .commentlist{margin:0 0 0 -25px}
#commentsbox .watermark{font-family:'Oswald',arial,serif;font-size:17px;text-align:center;text-shadow:none;text-transform:uppercase}
#commentsbox .comment-author cite,#commentsbox .comment-author cite a{font-weight:700;letter-spacing:3px}
ol.commentlist,ul.commentlist{list-style:none outside none}
#commentsbox img.avatar { left: 0; position: absolute; top: 7px; width: 50px; border-radius: 5px; }
#commentsbox ul.children{padding:0}
.comment-body{padding:0 0 10px}
#commentsbox .comment-body ol li{list-style:decimal outside none}
#commentsbox .comment-body ul li{list-style:square outside none}
#commentsbox .commentlist li.comment{line-height:19px;margin:0 0 24px;padding:5px 0 0 60px;position:relative}
#comments .comment-body p:last-child{margin-bottom:6px}
#commentsbox .comment-meta,#commentsbox .comment-meta a:link,#commentsbox .comment-meta a:visited{font-size:12px;padding-bottom:10px;text-shadow:none}
a.comment-reply-link{ font-size:12px; padding:3px 9px; border-radius:3px; }
#commentsbox .commentlist .children li{margin:0}
#commentsbox .commentlist li:last-child{border-bottom:medium none;margin-bottom:0}
#comment-form{max-width:550px}
#respond .required{font-weight:700;position:absolute}
#comments-list #respond{margin:0 0 18px}
#comments-list ul #respond{margin:0}
#cancel-comment-reply-link{font-weight:400;line-height:18px}
#respond input{margin:0 0 9px}
#respond textarea{width:98%}
#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}


/*  Clients
---------------------------- */
#client-text{ margin-top: 30px; }
h2#client-text.post-title{padding:10px 0;text-align:center}
#client{display:block; margin:10px auto; position: relative; width: 100%; max-width: 100%; }
#client ul { width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; padding:  0; }
#client img{margin:0 auto; width:100%;}
#client li,#client ul{list-style:none;float:left;margin:0}
#client ul li { min-width: 120px; width: calc(14.28% - 10px); margin: 3px 5px; height: auto; display: flex; align-items: center; justify-content: center; border: 1px solid #ffffff; padding: 5px; }
#client-scroller{margin:0 auto}
#clntmesure{ min-width: 120px; width: calc(14.28% - 10px); }

/*  Quotes
---------------------------- */
.fpage-quote{margin:20px 10px;padding:5px;text-align:center; position: relative; }
.fpage-quote { background: transparent !important; border: none !important; text-align: center; overflow: hidden; height: auto; padding: 30px 0; }
.fpage-quote q { background: transparent;}
.customers-comment ul { list-style: none; padding: 0; position: relative; margin: 0; }
.customers-comment q, .customers-comment a { font-size: 19px; margin: 0 auto; text-align: center; vertical-align: middle;  border: none; line-height: 2; padding: 0; color: #6A6969; word-spacing: 1px; letter-spacing: .2px;}

.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; width: 200px; }


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

ul.lboxd ul.lboxdropdown { background: #eeeeee; display: none; padding: 20px; position: absolute; right: -10px; margin-top: 29px; width: 250px; z-index: 99999; border-bottom: 7px solid #777777; 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 15px; padding: 5px; 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: #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%; }

.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:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

/* ================ Slide Video ============== */
.videobox {width: 100%; padding: 25px 0; background:#3c4143;color:#ffffff; margin-bottom: 30px; }
.videobox-inner {margin: 0 auto; overflow: hidden;}
.videoframe {position: relative;}

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


/* ================ Contact Box  ============== */
.boxtoptitle{ font-size: 39px; text-align: center; }
.boxtopdes{ text-align: center; }
.contactcontainermain {  }
.contactcontainer { overflow: hidden; color: #ffffff; background: #797979; padding-top: 20px; margin: 30px 0 0; }
.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: 500px; }
.contactcontainer textarea{height: 130px;}
.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; }

.contactcontainer button, .contactcontainer input[type="reset"], .contactcontainer input[type="button"], .contactcontainer input[type="submit"],
.contactcontainer button:hover, .contactcontainer input[type="reset"]:hover, .contactcontainer input[type="button"]:hover, .contactcontainer input[type="submit"]:hover,
.contactcontainer button:focus, .contactcontainer input[type="reset"]:focus, .contactcontainer input[type="button"]:focus, .contactcontainer input[type="submit"]:focus
{ margin: 0; background: #555555; border: none; display: table; box-shadow: none; width: auto; }
.contactcontainer button:hover, .contactcontainer input[type="reset"]:hover, .contactcontainer input[type="button"]:hover, .contactcontainer input[type="submit"]:hover
{ background: #333333; }

.wpcf7-form input[type="submit"]{ margin: 0; width: auto; }

.mappingcontainer { overflow: hidden; text-align: center; display: block; }
.mapbox {margin: 0 auto; display: table; width: 100%; }
.mapbox .su-gmap {margin: 0;}


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

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

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

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

/* 
==================== Breadcrumbs ========== */
.breadcrumbs { margin: 0 0 20px; 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; }