/*
Theme Name: D5 Smartia Extend
Theme URI: https://d5creation.com/theme/smartia/

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

Description: D5 Smartia theme for WordPress is sophisticated, lightweight, adaptable and Responsive. You can use D5 Smartia for Smart Blogging, Personal or Corporate Websites

Version: 3.9

Tags: one-column, two-columns, right-sidebar, custom-background, blog, portfolio, education, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, rtl-language-support, sticky-post, translation-ready, theme-options

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

D5 Smartia WordPress Theme, Copyright 2012-2019: D5 Creation (www.d5creation.com)

Text Domain: smartia

*/

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

/* =WordPress Core and Addition
-------------------------------------------------------------- */
.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{float:right;}
.alignleft {float:left;}
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 #ECF6FD;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: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}

/* =Structure
----------------------------------------------- */
body{font-family: Arial,Tahoma,sans-serif;font-size:14px;line-height:1.4;word-wrap:break-word;color:#333;min-width:1000px; background: url("images/background.png") repeat scroll 0 0 #ffffff;}
img{max-width:100%;border:none}
#site-container{ overflow: hidden; background: #ffffff; margin: 25px auto; width: 93%; display: block; position: relative; box-shadow: 0 0 10px 0 #272a2e; border-radius: 5px; }

#header{ position: relative; margin:0 auto;display:block; background: url("images/header-back.png") repeat scroll 0 0 transparent; }
#header-content{ margin:0 auto; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#titledes{ order: 3; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; max-width:calc(33.33% - 10px); min-width: 300px; margin-top:5px; margin-bottom:5px; }
.logotitle { display: inline-flex; align-items: center; justify-content: center; }
img.site-logo, .site-title{color:#0ba4ca; font-size:30px; font-weight:700; height:auto; max-width: 100%; padding-top: 7px; padding-bottom: 7px; margin: 0; }
img.site-logo { max-width: 330px; }
#bannerleftad{order: 2; max-width:calc(33.33% - 10px); margin-top:5px; margin-bottom:5px;}
#bannerrightad{order: 4; max-width:calc(33.33% - 10px); margin-top:5px; margin-bottom:5px;}
.sitetlhdn{display:none}
.site-title-des { color: #333333; font-size: 21px; padding: 5px 0; margin: 0; text-align: center; }
.bannerad, .bannerad a{ min-width: 1px; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; }

#resmeasure { width: 20px; height: 0; }

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

@media screen and (min-width: 1101px) {
	#header.smallheader { background: transparent; width: 100% !important; position: fixed; left: 0; right: 0; top: 0; z-index: 9999; }
	#header.smallheader #top-menu-con, #header.smallheader #header-content { display: none; }
	#header.smallheader #main-menu-con{ padding: 0 20px; background:rgba(243,240,240,0.7); }
}

/* =Container and Content
----------------------------------------------- */
#container { margin:0 auto; padding:20px 0; }
#content {  }
.content{ width: calc(100% - 365px); order: 2; }
.content-full{width:100%}
.content-ver-sep { clear: both; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.7); }
h3.subtitle{color:#333333; margin:0; font-size: 17px; opacity: .5; }

#footer{background: url("images/background.png") repeat scroll 0 0 #272a2e; clear:both; }
#footer-container{ }
.page-link a{background:#0ba4ca;border-radius:150px 150px 150px 150px;color:#FFF;padding:5px 10px}
.page-link{color:#0ba4ca;font-size:13px;font-weight:700;margin:10px 0}
.middle-full{margin:0 auto;width:1000px;height:auto;display:table}
.bqpheading{border-bottom:1px solid #FFF;color:#0ba4ca;font-size:20px;padding:5px 10px;text-align:center}

#creditline{color:#cccccc; background: #181717; font-size:13px; margin:0 auto; padding:10px 21px; text-align:center; }
#creditline a{font-weight:700;color:#cccccc;}

.arcpagetitledes{ margin-bottom: 30px; text-align: center; display: flex; flex-direction: column; align-items: center; border-bottom: 1px dashed rgba(0,0,0,0.3); font-size: 13px; }

/* Common Elements 
------------------------------------------------------------- */
ol,ul{padding:0 0 10px 10px;display:block;margin-bottom:10px}
ul{list-style:square inside none}
ol{list-style:decimal inside none}
dl{margin:0 0 24px}
dt{font-weight:700}
dd{margin-bottom:18px}
cite,em,i{font-style:italic}
big{font-size:131.25%}
ins{background:#FFF;text-decoration:none}
blockquote cite,blockquote em,blockquote i{font-style:normal}
pre{background:#FFF;border-radius:5px 5px 5px 5px;color:#333;line-height:18px;margin-bottom:18px;overflow:auto;padding:1.5em}
abbr,acronym{border-bottom:1px dotted #777;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:#ECF6FD;border:2px solid #CCC;border-radius:5px 5px 5px 5px;font-style:italic;font-weight:700;margin-bottom:15px;max-width:250px;padding:5px 10px;text-align:right}
embed{max-width:100%}


/* Menu Elements 
------------------------------------------------------------- */
#main-menu-con { background: #f6f6f6; clear: both; display: block; text-align: center; width: 100%; position: relative; background-image: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
font-family: 'Carrois Gothic',Arial,Helvetica,sans-serif; }
#main-menu-con .main-menu-items { display: table; padding: 0; margin: 0 auto; }
#main-menu-con ul { list-style: none outside none; }
#main-menu-con li { float:left;position:relative; background: url("images/nav_border.png") no-repeat scroll right center transparent; }
#main-menu-con ul.main-menu-items > li:last-child { background: transparent; }

#main-menu-con a { color: #272a2e; display: block; line-height: 1.5; padding: 13px 15px; text-decoration: none; text-transform: uppercase; font-size: 15px; }
#main-menu-con a:hover { background: url("images/nav-hover.png") no-repeat scroll center top transparent; }

#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  { font-weight:bold; }
#main-menu-con li ul { float: left; position: relative; margin: 0; }

#main-menu-con ul ul, .sub-menu, .sub-menu ul ul { background: #f7f7f7; border-bottom: 7px solid #222222; border-radius: 0 0 5px 5px; box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; left: 0; margin: 0; position: absolute; width: 210px; z-index: 99999; padding: 0; }

#main-menu-con ul li ul li { padding: 0; background: transparent; margin:0; width: 100%; border-bottom: 1px dotted #cccccc; transition: all 1s; }
#main-menu-con ul li ul li:last-child { border-bottom: none; }

#main-menu-con ul li ul li:hover { background: #333333; }
#main-menu-con ul li ul li:hover > a { color: #f7f7f7; }
#main-menu-con ul ul ul { left: 100%; top: 0; z-index: 999; }

#main-menu-con ul ul a  { background: transparent; border: none; color: #333333; font-size: 14px; font-weight: normal; height: auto; line-height: 1em; padding: 11px 10px; width: 100%; text-transform:none; text-align: left; transition: all 1s; }

#main-menu-con ul ul a:hover { background: transparent; padding-left: 20px; }
#main-menu-con ul ul li:hover > ul { /* display: block; */ margin-top: -5px; }

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

@media screen and (min-width: 901px) {
#main-menu-con .sub-menu li.smedge.menu-item-has-children > a::after, #main-menu-con .sub-menu li.smedge.page_item_has_children > a::after { content: '\f053'; left: 5px; right: auto; }
#main-menu-con li.smedge > ul { left:auto; right:0; }
#main-menu-con li li.smedge > ul  { left:auto; right:100%; }
}
	
#mobile-menu { color: #272a2e; background: #cccccc; padding: 10px; font-size: 20px; display: none; cursor:pointer; width: 250px; text-align: center; justify-content: space-between; align-items: center; }
#mobile-menu::before { content:'\f0c9'; font-size: 20px; padding-right: 10px; }
#mobile-menu::after { content: '\f0d7'; padding-left: 10px; }
#mobile-menu.yesclick::after { content:'\f0d8'; }

/* Wedget Elements 
------------------------------------------------------------- */
.right-sidebar{  }
#footer-sidebar{ margin:0 auto; overflow:hidden; padding:20px 0 0; }
.right-sidebar{ order: 3; width: auto; width: 330px; }
#right-sidebar.right-sidebar.sidebar-left{ order: 1; }
.widget{display:block;word-wrap:break-word}
.widget ul,.widget ol{padding:0}
.right-sidebar .widget{ width:330px; background:rgba(0,0,0,0.1); border-radius:10px; box-shadow:0 -1px 1px rgba(255,255,255,0.3); clear:both; margin:1px 0 15px; padding:10px 15px}
.right-sidebar .widget h3.widget-title { background-color:#333333; color:#fff; font-size:15px; font-weight:700; padding:7px; text-align:center; text-transform:uppercase; }
.right-sidebar .widget,.right-sidebar .widget li,.right-sidebar .widget a,.right-sidebar .widget a:hover{text-decoration:none;color:#555}
.right-sidebar .widget ul,.right-sidebar .widget ol{margin-left:15px}
.right-sidebar .widget li{list-style:square outside none}

#footer-widgets{ margin: 0 -15px; display: flex; justify-content: center; flex-wrap: wrap; }
#footer-widgets .footer-widget { width: calc(25% - 30px); min-width: 200px; margin: 0 15px; }
#footer-sidebar .widget { background:rgba(0,0,0,0.15); border-radius:7px; box-shadow:0 -1px 1px rgba(255,255,255,0.3); clear:both; padding:15px; margin-bottom:15px; width: 100%; }
#footer-sidebar .widget h3.widget-title {padding-bottom:5px; text-transform:uppercase; font-size:17px; color:#eeeeee; text-decoration:none;}
#footer-sidebar .widget,#footer-sidebar .widget li,#footer-sidebar .widget a,#footer-sidebar .widget a:hover{color:#f5f5f5;text-decoration:none}
#footer-sidebar .widget ul,#footer-sidebar .widget ol{margin-left:10px}
#footer-sidebar .widget li{list-style:square outside none}

.right-sidebar input#s,#footer-sidebar input#s{width:50%;min-width:100px}
.right-sidebar form#searchform input[type="submit"],#footer-sidebar form#searchform input[type="submit"]{padding:8px 7px}
.textwedget{width:100%}

/* Calendar
------------------------------------------------------------- */
.calendar_wrap {background:#ffffff;box-shadow:none;}
#wp-calendar{width:100%;border:none; box-shadow: none; background:#ffffff; padding:  0; margin: 0; }
#wp-calendar th{text-align: center; background:#e5e5e5; color: #333333; }
#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}


/* Design Elements 
------------------------------------------------------------- */
h1,h2,h2 a,h2 a:visited,h3,h4,h5,h6{ 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;color:#00c7ef; transition: all .25s;}
a:hover{color:#0c91b2;}
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}

/* Buttons, Textarea, Text, Input, Submit
------------------------------------------------------------- */
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:3px; font-size:14px;padding:10px 7px;width:100%;border:1px solid #CCCCCC; transition: all .5s;}
input[type="password"]{width:200px;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, .titlewrap:focus input:focus, select:focus, .contactcontainer input:focus, .contactcontainer textarea:focus { background:#ffffff; border:1px solid #0ba4ca; }
button, .give-btn, input[type="reset"], input[type="button"], input[type="submit"], .contactcontainer input[type="submit"] { background: linear-gradient(to bottom, #0ec8f6 5%, #088eaf 100%); border: none; box-shadow: 0 3px 0 0 rgba(0,0,0,0.2), 0 1px 0 0 rgba(225,225,225,0.1) inset; border-radius:3px;display:inline-block;color:#f7f7f7;font-family:arial;font-size:13px;font-weight:bold;padding:5px 15px 6px;text-decoration:none;text-shadow:1px 1px 1px #555555;min-height:35px;text-transform:uppercase;cursor:pointer;margin:5px 0; transition: all .5s; }
button:hover, .give-btn:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, .contactcontainer input[type="submit"]:hover {background-color:#de5600; box-shadow: none;}
button:active, .give-btn:active, input[type="reset"]:active, input[type="button"]:active, input[type="submit"]:active, .contactcontainer input[type="submit"]:active {position:relative;top:1px;}
input#s{ }


/* Container, Content
------------------------------------------------------------- */
#container,#content,#content-full{text-align:justify}
#content img,#content-full img{height:auto;margin:0;max-width:100%;vertical-align:middle}
#heading{font-size:35px;margin:20px 0;text-align:center;text-transform:uppercase}

blockquote{margin:20px 10px;padding:10px;quotes:'<<' '>>';background:#ECF6FD;border-left:10px solid #0ba4ca;border-right:10px solid #0ba4ca}
blockquote:before{content:'\201C';font-size:4em;line-height:.1em;margin-right:.2em;vertical-align:-.4em;color:#0ba4ca}
blockquote:after{content:'\201D';font-size:4em;line-height:.1em;margin-left:.2em;vertical-align:-.4em;color:#0ba4ca}
blockquote p{display:inline}

.attachment-thumbnail, #container .attachment-thumbnail  { float: left; max-width:150px; min-width: 150px; width: 150px; height: auto; padding:3px; border: 1px solid #ffffff; margin: 0 10px 5px 0; }
#container .attachment-category-thumb{ border:1px solid #ffffff; float:left; margin: 0 10px 5px 0; max-width:65%; padding:3px; }

.sticky{ background:#f6f6f6; border-radius:3px; box-shadow:0 0 7px 0 rgba(0,0,0,0.25); padding:35px 20px 10px; overflow: hidden; border-top: 3px solid #272a2e; border-bottom: 3px solid #777777; }
.sticky:before{ color:#cccccc; content:"F E A T U R E D"; font-size:10px; margin-top:-30px; position:absolute; font-weight: normal !important; }

h1.page-title, h1.arc-post-title { color: #272a2e; font-size: 35px; font-weight: bold; text-align: left; text-shadow: 0 0 5px #777777; font-family: 'Carrois Gothic',Arial,Helvetica,sans-serif; }
h2.post-title,h2.comments,h3#reply-title,h2.post-title-color,h2.post-title a{margin-bottom:0;padding-bottom:5px;font-size:19px;text-align:left;text-decoration:none; font-family: 'Carrois Gothic',Arial,Helvetica,sans-serif;}
h2.post-title a { color: #272a2e; padding: 15px 0 5px; background: url("images/title-background.png") no-repeat scroll 0 0 transparent; text-shadow: 1px 1px 5px #272a2e; font-weight: bold; font-size: 25px; width: 100%; display: block; }
h3.arc-src{text-transform:uppercase;font-size:20px;color:#0ba4ca}
h3.arc-src span{color:#555}
.post,.hentry,.no-results{margin-bottom:20px}
.entrytext{margin-top:15px}

.read-more{ cursor:pointer; padding: 5px 10px; margin: 5px 0; font-size: 13px; background: rgba(0,0,0,0.05); border-radius: 3px; display:table; color: #0bb1d5; transition: all .5s; }
.read-more::after{content: '\f35a'; font-weight: normal !important; font-size: 15px; margin-left: 7px; transition: all .25s;}
.read-more:hover{ background: #0bb1d5; color: #ffffff; }
.read-more:hover::after{ margin-left: 13px; }

.postmetadata{border-top:2px solid #CCC}
.postmetadata a{color:#0ba4ca}
.postmetadata h3,.postmetadata h2,.postmetadata h5,.postmetadata h5 a{color:#ECF6FD;margin:0}
.postmetadata h2 a{color:#FFF;font-weight:700}
.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}

/* Gallery Post
------------------------------------------------------------- */
.gallery { text-align: center; display: flex; justify-content: space-between; flex-wrap: wrap; }
.gallery-item { margin: 20px 0; float: none; }
.gallery-item img { border:  none !important; padding: 0 !important; width: 100%; height: auto}
.gallery-caption{ clear:both;display:inline-block;margin:0 auto;padding:5px  1px; position:relative; width:100% }
.gallery-columns-1 .gallery-item {width: calc(100% - 20px);}
.gallery-columns-2 .gallery-item {width: calc(50% - 20px);}
.gallery-columns-3 .gallery-item {width: calc(33.333% - 20px);}
.gallery-columns-4 .gallery-item {width: calc(25% - 20px);}
.gallery-columns-5 .gallery-item {width: calc(20% - 20px);}
.gallery-columns-6 .gallery-item {width: calc(16.666% - 20px);}
.gallery-columns-7 .gallery-item {width: calc(14.285% - 20px);}
.gallery-columns-8 .gallery-item {width: calc(12.5% - 20px);}
.gallery-columns-9 .gallery-item {width: calc(11.111% - 20px);}
.widget .gallery-item {margin: 5px;}
.widget .gallery-item img {margin: 0;}


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

.sticky .post-meta { width: calc(100% + 40px); margin: 0 -20px -10px; }

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

h2.fcname{color:#fff;padding:7px 5px;text-align:center}
.special-cat-sub{float:left;padding-right:4%;width:30%;min-width:150px}
h5.fcpt li{list-style:square inside none}

/* Staff Box
------------------------------------------------------------- */
#pitemwidth{ width: 25%; min-width: 300px; max-width: 500px; }
.staffbox-item{ padding: 20px 0 0; overflow: hidden; }
.staff-box { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -15px; }
.view-staff { display: inline-flex; flex-direction: column; flex-wrap: wrap; position: relative; height: auto; margin: 15px 15px 0; min-width: 200px; width: calc( 25% - 30px); overflow: hidden; color: #111111; }
.staff-name-box { position: relative; background: transparent; color: #111111; padding: 10px; overflow: hidden; transition:all .25s; display: flex; justify-content: center; align-content: center; align-items: center; flex-direction: column; flex-wrap: wrap; border-radius: 0 0 5px 5px; }
.staff-name-box a h3 { margin: 0 auto; font-weight: 500; color: #111111; }
.staff-name-box p { margin: 0 auto; font-size: 15px; }
.staff-name-box .social { margin: 10px auto 3px; opacity: 0; }
.staffimg { border-radius: 5px; }
.staffname { font-size: 17px; color: #0b8aaa; }
.view-staff:hover .staff-name-box { background: #0c91b2 !important; color: #ffffff !important; margin-top: -20px;}
.view-staff:hover .staffname { color: #ffffff; }
.view-staff:hover .social { opacity: 1; }

#staffwidth{ width:calc(25% - 11.25px); min-width: 200px; max-width: 500px; }
#staff-box-item .bx-viewport .staff-box { margin: 0; }
#staff-box-item .bx-viewport .view-staff { width: auto; margin:0; }


/* Service and Features
------------------------------------------------------------- */
.snfbox { margin: 20px -20px; display: flex; justify-content: center; flex-wrap: wrap; }
.service-box, .fea-box { margin: 15px 20px; min-width: 300px; }
.snf-heading { border-bottom: 1px solid #eeeeee; display: block; margin-bottom: 20px; width: 100%; }
.snfhead { display: table; }
.snf-heading h2 { font-size: 30px; font-weight: 500; border-bottom: 5px solid #09a1c7; color: #0786a2; display: inline-block; padding: 0 5px 5px 0; margin: 0 0 -3px; }
.snf-heading .snfhead:before { content: '\f14a'; margin-right: 7px; color:#0ba4ca; font-size: 30px; font-weight: normal !important; }

.service-box { width: calc(35% - 40px); }
.accitems { margin:0 -15px; display: flex; justify-content: center; flex-wrap: wrap; }
.sertitles { width: calc(100% - 30px); margin: 0 15px; }
.sertitle, .serdescription { list-style: none; }
.sertitle { cursor: pointer; color:#09a1c7; overflow: hidden; border-radius: 3px; font-size: 19px;  font-weight: 500; margin: 10px 0 0; transition:all .5s; }
.sertitle span { padding: 5px 10px; background: #eeeeee; display: block; overflow: hidden; border-radius: 3px; transition:all .5s; }
.sertitle .minusicon { background: #09a1c7; border-radius: 3px 3px 0px 0px; color: #ffffff; border: none; border-bottom: 1px solid rgba(255,255,255,.5); }
.sertitle:hover span { color:#ffffff; background: #09a1c7; border-radius: 3px; }
.serdescription { background: #09a1c7; border-radius: 0 0 3px 3px; color: #ffffff; display: none; padding: 10px; }
.serdescription a, .serdescription a:hover { color: #ffffff; }
.serdescription em { font-weight: bold; }
.plusicon::before { content: '\f067'; font-size: 15px; padding-right: 5px;  }
.minusicon::before { content: '\f068'; font-size: 15px; padding-right: 5px;  }
.serlink { font-weight: bold; display: flex; align-items: center; }
.serlink::after { content: '\f061'; padding-left: 5px; font-size: 15px; }

.fea-box { width: calc(65% - 40px); }
.fea-items { margin: 0 -15px -20px; display: flex; justify-content: center; flex-wrap: wrap; }
.fea-box-item { position: relative; margin: 0 15px 20px; width: calc(50% - 30px); padding-left: 27px; }
.fea-item { color: #555555; }
h3.fea-item { font-weight: 500; color: #09a1c7; }
h3.fea-item::before { position: absolute; left:0; }
p.fea-item { margin: 0; }

.snfboxextra { display: block; margin: 20px auto 0; max-width: 100%; }

.widthbox100 .fea-box-item { width: calc(33.333% - 30px); }
.widthbox100 .sertitles { width: calc(50% - 30px); }
.widthbox100 .snfhead { margin: 0 auto; }

/* Portfolio Boxes
------------------------------------------------------------- */
#portfolio-box-item{ margin: 10px auto; padding: 10px 0; }
#portfolioboxs{ }
#pitemwidth{ width: 33.33%; min-width: 300px; max-width: 500px; }
#portfoliobox{ list-style: none; padding: 0; margin: 0; }
.pboxitems{ min-width: 300px; max-width: 500px; margin: 0; padding: 0; }
.pboxitem{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.pboxitem::before{ content: ''; position: absolute; width: calc(100% - 90px); height: calc(100% - 90px); top:45px; left:45px; border-color: #ffffff; transition: all .3s; }
.pboxitemimg{ width: 100%; height: 100%; transition: all .25s ease-in-out .1s; }
.pboxitemtxts{ background: rgba(255,255,255,0.7); padding: 15px; width: calc(100% - 50px); height:calc(100% - 50px); position: absolute; top: 25px; left: 25px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; transform: scale(1.3); transition: all .5s; opacity: 0; z-index:2; }
.pboxitemtitle { color: #0b8aaa; text-shadow: 1px 1px 0 #ffffff; }
.pboxitemdes { font-size: 13px; color: #555555; }

.pboxitem:hover::before{ width: calc(100% - 26px);height: calc(100% - 26px); top:13px; left:13px; border: 3px solid #ffffff; z-index:1; }
.pboxitem:hover .pboxitemimg { transform: scale(1.05); filter: blur(4px); }
.pboxitem:hover .pboxitemtxts { transform: scale(1); opacity: 1; }

/*.... Comments ......
-------------------------------------------------- */
#commentsbox{clear:both;margin-bottom:30px;overflow:hidden;padding:20px 0 5px;position:relative}
#commentsbox ol,#commentsbox ul{ padding:0}
#commentsbox ol,#commentsbox ul,#commentsbox li{list-style:none inside none}
#commentsbox .watermark{font-size:17px;text-align:center;text-shadow:none;text-transform:uppercase}
#commentsbox .comment-author cite,#commentsbox .comment-author cite a{color:#0ba4ca;font-size:15px;font-style:normal;font-weight:700}
#commentsbox .avatar{border-radius:5px 5px 5px 5px;float:left; font-size:10px; height:70px; left:-100px; position:absolute; top:0; transition:all 2s ease 0;width:70px}
#commentsbox .avatar:hover{background:#0ba4ca}
#commentsbox ul.children{padding:0}
.comment-body{background:#f6f6f6;border:1px solid #dddddd;border-radius:5px;padding:15px;position:relative}
.comment-body:before{content:url("images/comment-arrow.png");left:-21px;position:absolute}
#commentsbox .comment-body ol li{list-style:decimal inside none;padding:5px 0 5px 20px}
#commentsbox .comment-body ul li{list-style:square inside none;padding:5px 0 5px 20px}
#commentsbox .commentlist li.comment{line-height:19px;margin:0 0 24px; position:relative;padding:5px 0 0 100px}
#comments .comment-body p:last-child{margin-bottom:6px}
#commentsbox .comment-meta{border-bottom:1px solid #ffffff;font-size:12px;margin-bottom:10px;padding-bottom:5px;text-shadow:none}
a.comment-reply-link { font-size: 12px; padding: 3px 7px; border-radius: 5px; background: #0bb1d5; color: #ffffff; transition: all .5s; opacity: .7; }
a.comment-reply-link:hover { opacity: 1; }
#commentsbox .commentlist .children li{margin:0}
#commentsbox .commentlist li:last-child{border-bottom:medium none;margin-bottom:0}
#comment-form { }
#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}
.comment-author .fn, .comment-author .fn a  { color: #2369f8; }

#respond { margin: 20px auto 10px; background: rgba(0,0,0,0.1); border:1px solid #ecf6fd; border-radius: 10px;padding: 20px; }
#respond input{margin:0 0 9px;display:block}
#respond textarea{ }
#respond .form-allowed-tags{font-size:13px;line-height:18px}
#respond .form-allowed-tags code{font-size:11px}
#respond .form-submit{margin:12px 0}
#respond .form-submit input{font-size:14px;width:auto}

.logged-in-as a {font-size: 15px; color: #2369f8; }
#respond label {font-size: 15px; font-weight: 500; width:30%; padding-right: 10px; display: inline-block;}
.flexboxitem{display: flex; align-items: center;}
.flexboxitem input { width:70%; }

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

/*..... Others 
-------------------------------------------------- */
h2#client-text.post-title{opacity:.7;padding:30px 0 0;text-align:center}
#client{display:table;display:block\9;margin:20px auto}
#client img{margin:0 13px;max-height:100px;vertical-align:middle;width:100px}
.fpage-quote { background:#333333; border-radius:10px; font-weight:400; padding:5px 10px; width:100%; }
.postmetadataw{font-size: 15px;}

.slideback{ background-color: rgba(0,0,0,.5); }
.advertisement{display: flex; justify-content: center; align-items: center;}
.elementor-slick-slider * { box-shadow: none !important; }


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

/*..... Clients and Testimonials
-------------------------------------------------- */
#clientandtes {  }
.fpage-quote q, .fpage-quote q:before, .fpage-quote q:after { background: none; border: none; color: #ffffff; }
.middle-full .arrow-down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #333333; margin: 0 0 0 30px; }

.middle-full .testim-slide  .bx-controls-direction a { top: 0; margin-top: -45px; text-align: left; transform: none; }
.middle-full .testim-slide  .bx-controls-direction a::before { font-size: 32px !important; }
.middle-full .testim-slide  .bx-controls-direction a.bx-prev  { left: auto; right: 50px;  } 
.middle-full .testim-slide  .bx-controls-direction a.bx-next  { right:10px; left: auto; } 

#clientandtes { display: flex; justify-content: space-between; flex-wrap: wrap; }
.clnttespart { margin-top: 10px; margin-bottom: 10px; }
.fptesname {font-weight: 700; color: #333333;margin-left: 19px; }
.clntandtest100, .clntandtest50 #teswidc { width: 100%; }
.clntandtest50, .clntandtest100 #teswidc { width: calc(50% - 20px); }

/* Front Page Blog Posts/ Page Content
------------------------------------------------------------- */
#fpageblogpage { position: relative; margin: 30px auto; }
#fpageblogpage.sidebar-left .right-sidebar { order: 1; }
#selpostfp p { margin: 0; }
.spfpmoreclmn { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -15px; }
.spfpmoreclmn .read-more { margin: 0 auto; }
.spfpmoreclmn .selectedpost { width: calc(50% - 30px); margin: 0 15px 20px; transition: all .25s; }
.spfpmoreclmn .selectedpost:hover{ transform: scale(1.05) !important;}
.selpostfitex { display: inline-flex; width: 100%; justify-content: space-between; align-items: flex-start; }
.spfpmoreclmn .selpostfitex { flex-direction: column;  text-align: justify; }
.spfpmoreclmn .selpostfitex h2.post-title a { text-align: center; font-size: 21px; }
.spfpmoreclmn h3.subtitle { text-align: center; }
.fpspimgthumb { max-width:150px; min-width: 150px; width: 150px; height: auto; padding:3px; border: 1px solid #eeeeee; margin: 0 10px 5px 0; }
.spfpmoreclmn .fpspimgthumb { max-width:100%; min-width: 100%; width: 100%; padding:3px; border: 1px solid #eeeeee; margin: 0 0  10px; }
.selposttex {  }
.setmargin {  margin: 10px auto 20px; }
.stickystyle{ background: #f6f6f6; border-radius: 3px; box-shadow: 0 0 7px 0 rgba(0,0,0,0.25); padding: 10px; overflow: hidden; border-top: 3px solid #272a2e; border-bottom: 1px solid #777777; }

/*..... Social Links 
-------------------------------------------------- */
.social { margin-left: 20px; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; transition: all .5s; }
.social a { height: 30px; margin: 0 2px; width: 30px; border-radius: 150px; transition: all .1s; }
.social a:hover { opacity: 1; transform: rotate(15deg); }
.social-link a { background: url("images/socialicons/rss.png") no-repeat scroll center 50% / 30px 30px; }

.social-link a[href*="wordpress.org"], .social-link a[href*="wordpress.com"] { background-image: url("images/socialicons/wordpress.png"); }
.social-link a[href*="facebook.com"] { background-image: url("images/socialicons/facebook.png"); }
.social-link a[href*="twitter.com"] { background-image: url("images/socialicons/twitter.png"); }
.social-link a[href*="dribbble.com"] { background-image: url("images/socialicons/dribbble.png"); }
.social-link a[href*="plus.google.com"] { background-image: url("images/socialicons/google.png"); }
.social-link a[href*="pinterest.com"] { background-image: url("images/socialicons/pinterest.png"); }
.social-link a[href*="behance.net"] { background-image: url("images/socialicons/behance.png"); }
.social-link a[href*="tumblr.com"] { background-image: url("images/socialicons/tumblr.png"); }
.social-link a[href*="youtube.com"] { background-image: url("images/socialicons/youtube.png"); }
.social-link a[href*="flickr.com"] { background-image: url("images/socialicons/flickr.png"); }
.social-link a[href*="vimeo.com"] { background-image: url("images/socialicons/vimeo.png"); }
.social-link a[href*="instagram.com"] { background-image: url("images/socialicons/instagram.png"); }
.social-link a[href*="amazon.com"] { background-image: url("images/socialicons/amazon.png"); }
.social-link a[href*="linkedin.com"] { background-image: url("images/socialicons/linkedin.png"); }
.social-link a[href*="deviantart.com"] { background-image: url("images/socialicons/deviantart.png"); }
.social-link a[href*="dropbox.com"] { background-image: url("images/socialicons/dropbox.png"); }
.social-link a[href*="last.fm"] { background-image: url("images/socialicons/lastfm.png"); }
.social-link a[href*="paypal.com"] { background-image: url("images/socialicons/paypal.png"); }
.social-link a[href*="rss"] { background-image: url("images/socialicons/rss.png"); }
.social-link a[href*="skype.com"] { background-image: url("images/socialicons/skype.png"); }
.social-link a[href*="blogger.com"] { background-image: url("images/socialicons/blogger.png"); }
.social-link a[href*="digg.com"] { background-image: url("images/socialicons/digg.png"); }
.social-link a[href*="myspace.com"] { background-image: url("images/socialicons/myspace.png"); }
.social-link a[href*="sharethis.com"] { background-image: url("images/socialicons/sharethis.png"); }
.social-link a[href*="stumbleupon.com"] { background-image: url("images/socialicons/stumbleupon.png"); }

/* Box Sizes
------------------------------------------------------------- */
.box100 { display: block; position: relative; width: 100%; margin: 0 auto; }
.box90 { display: block; position: relative; width: 95%; max-width:calc(100% - 40px); margin: 0 auto; }
.widthbox100 { width: 100%; margin-left: 0; margin-right: 0; }
.flexboxes { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flexleftalign {  justify-content: flex-start; }
.flexrightalign {  justify-content: flex-end; }
.flexcenteralign {  justify-content: center; }
.flexjustifyalign {  justify-content: space-between; }

/* Donation
------------------------------------------------------------- */
.give-form-wrap{ background: #fff4e2; border-radius: 5px; padding: 7px; }
.give-form-title{ color: #14caf7; font-weight: 700; }

/* Featured Boxes
------------------------------------------------------------- */
.featured-boxs{ padding:0; display:flex; justify-content: center; flex-wrap: wrap; margin:0 -15px 0; text-align:center;}
.featured-box { position: relative; display: inline-flex; justify-content: space-between; align-items: center; flex-wrap: wrap; flex-direction: column; margin: 10px 15px; min-width: 200px; padding: 7px; text-align: center; transition: all .3s; width: calc(33.333% - 30px); border-radius: 3px; overflow: hidden; }
.featured-box:hover { transform: scale(1.05);}
.featured-box h3.ftitle{font-weight:500;font-size:21px;color:#14caf7; margin: 10px auto 5px; text-align: center; transition:all .5s;}
.featured-boxs .feades {  }
.featured-boxs .fblink { font-size: 17px; font-weight: 500; text-align: center; margin: 10px auto 0; }
.feades{align-self: stretch;}

.feabox-img img { width: calc(100% + 14px); margin: -7px -7px; max-width: calc(100% + 14px); }
.box-icon { display: inline-flex; justify-content: center; align-items: center; font-size: 0px; cursor: pointer; margin: 15px auto 5px; width: 120px; height: 120px; border-radius: 150%; text-align: center;  	position: relative; z-index: 1; color: #ffffff; }
.box-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; box-sizing: content-box; background: #09a1c7; transition: transform ease-out 0.1s, background 0.2s; }
.box-icon:before { font-size: 70px; font-style: normal; font-variant: normal; text-transform: none; display: block; }
.box-icon:after { top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); }
.featured-box:hover .box-icon { background: #09a1c7; transform: scale(0.93); color: #ffffff; }
.featured-box:hover .box-icon:after { animation: sonarEffect 1.3s ease-out 75ms; }
.featured-box:hover h3.ftitle { color: #09a1c7 ; }

.bqpcontainer { padding: 30px 0 0; min-height: 300px; margin: 10px 0; }
.bqpcontainer .tesheading { font-size: 49px; margin: -10px auto 20px; line-height: 1; }
.bqpcontainer .tesheading .read-more { margin: 10px 0 0 0; font-size: 20px; line-height: 1.5; padding: 5px 15px; position: absolute; right: 5%; border-radius: 3px;}
.bqpcontainer .tesheading .read-more:after { font-size: 20px;}
.bqpcontainer .featured-boxs{margin: 30px -2.4% 0; }
.bqpcontainer .featured-box { background: #F6F6F6; width:29.7%; padding: 0; margin: 0 1.5% 40px; overflow: hidden; border: none; border-radius: 3px; border-bottom: 5px solid #09a1c7;  }
.attachment-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 #237504; }
.bqpcontainer .featured-box:hover .read-more {  background: #237504; }
.bqpcontainer .fpthumb { max-height: 15vw; }
.bqpcontainer .fpthumb img { min-height: 15vw; }
#wpsblogpost.bqpcontainer { background: transparent; margin:0; }
#wpsblogpost.bqpcontainer .featured-box { border-right: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; }

.fpthumb { width: 100%; overflow: hidden; margin-bottom: 15px; position: relative; }

.effect img { opacity:1; transform:scale(1,1); transition: all 0.2s ease-in; }
.effect .mask { opacity:0; overflow:visible; border-color:rgba(0,0,0,0.7) transparent transparent transparent; border-style:solid; border-width:230px; width:0; height:0; transform:translateY(-125px); transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; }
.effect:hover img { opacity:0.9; -moz-transform:scale(1.5,1.5); transform:scale(1.5,1.5); }

/* Top Menu Items, Contact Number, Login Box
------------------------------------------------------------- */
#top-menu-con { padding: 3px 0; display: block; background: #181717; color: #ffffff; }
#top-menu-con.box100 { }
#top-menu-items { display: flex; flex-wrap: wrap; }
.flexcenter{ display: inline-flex; align-items: center; justify-content: center; margin: 0 5px; padding: 0; }

#top-menu ul { list-style:none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0; margin: 3px 5px; }
#top-menu ul  ul{display: none;}
#top-menu  li { float:left; position:relative; margin:0 3px; }
#top-menu a { color:#cccccc; display:inline-block; padding:5px 10px; position:relative; text-align:center; border-radius: 5px; font-weight: 500;  transition:all .5s; }
#top-menu a:before { content: '\f185'; padding: 0 5px 0 0; font-size: 11px; }
#top-menu a:hover { background: #000000; color:#0ba4ca; }

.extranumber, .connumber { font-weight: 500; margin: 0 10px; display: flex; align-items: center;}
.extranumber, .connumber, .extranumber a, .connumber a { color:#cccccc; font-weight: bold; }
.connumber::before {content:'\f095'; font-size: 17px; margin-right: 7px;}
.extranumber::before {font-size: 17px; margin-right: 7px;}

ul.lboxd{ display:inline-block; position:relative; font-size:14px; vertical-align: top; margin: 0 0 0 10px; padding: 0; }
ul.lboxd li{list-style:none;}
a.loginicon, a.loginicon:hover {display:block;float:right; color: #cccccc; }
a.loginicon::before, a.loginicon:hover::before { content: '\f2bd'; font-size: 35px; line-height: 1; }

ul.lboxd ul{background:#222222;display:none;padding:20px 40px 20px 20px;position:absolute;right:-20px;margin-top: 30px;;width:250px;z-index:99999; }
.login-username input, .login-password input, .login-submit input, ul.lboxd button{display:block;position:relative;width:100%;}

ul.lboxd li:hover > ul{display:block;}
ul.lboxd label, label{display:inline-block;margin-bottom:5px;}

/* Not Found, Search etc.
------------------------------------------------------------- */
.searchinfo { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.searchinfo h1.page-title::before { font-size: 50px; position: absolute; width: 50px; margin-left: -60px; line-height: 1; }
.searchinfo h1.page-title { padding-left: 60px; margin-bottom: 50px; display: flex; align-items: center; }
.searchinfo h3.arc-src {  }
.searchinfo .backhome { padding: 10px 0; margin: 0 auto; font-size: 17px; }

.searchpage .searchinfo { display: block;  margin: 20px 0 50px; }
.searchpage .searchinfo h3.arc-src {  }

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

/* About Us Box
------------------------------------------------------------- */
.about-us-part em, .tesheading em, .boxtoptitle em { font-weight: 700; font-style: normal; }
#about-us-box-item { text-align: center; }
.about-us-part { max-width: 900px; padding: 40px 0 10px; }
.about-us-title {  font-size: 29px; font-weight: 500; color: #0bb1d5; }
.about-us-subt {  font-size: 19px; font-weight: 500; }
.about-us-des {  font-size: 13px; font-weight: 500; }

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

/* Search Box
------------------------------------------------------------- */
#searchform, .woocommerce-product-search { height: 39px; overflow: hidden; width: 100%; max-width: 550px; display: inline-flex;}
#top-menu-con #searchform { width: auto; height: 29px; margin-left: 20px; align-self: center; }
#searchsubmit, .woocommerce-product-search button[type="submit"] { background: #11b7e0 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; width: 45px; top:0 !important;  }
input#s, .search-field { border-radius: 3px 0 0 3px; vertical-align: top; max-width: 100%; min-width: 100px; height: 100%; padding: 5px 10px; width: calc(100% - 40px); }
#searchsubmit:hover, .woocommerce-product-search button[type="submit"]:hover { background-color: #059cc2; }

#top-menu-con input#s { background: #f7f7f7; color: #aaaaaa; max-width: none; min-width: 100px; width: 110px; transition: all .3s; }
#top-menu-con input#s:focus { width: 170px; color: #555555; background: #ffffff; box-shadow: none; }

/* 
==================== 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(0,0,0,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: 500; font-size: 30px; }
.displaybdes { margin-top: 30px; line-height: 1.7; font-size: 17px; }
.linkbtn1 { color: #ffffff; font-weight: 500; font-size: 19px; padding: 10px 20px; border: 1px solid #ffffff; margin: 20px 5px; display: inline-block; clear: both; border-radius: 3px; transition:all 1s;}
.linkbtn2  { background: #2cd4fe;  border: 1px solid #2cd4fe; }
.linkbtn1:hover  { background: #0c91b2;  border: 1px solid #0c91b2; }

/* Slide Video and Video Box
------------------------------------------------------------- */
.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; }
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; }

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

/* E-Commerce/WooCommerce
------------------------------------------------------------- */
.ecom-part { margin: 20px auto 20px; 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; }
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5 { text-shadow: none; }
.ecom-part em { font-style: normal; }
.ecom-part h3.about-us, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { }
.ecom-part h2.boxtoptitle { font-style: normal; color: #066fa5; font-size: 33px; }
.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: #3abcf9; }
.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: #3abcf9 !important; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce div.product .product_title {  background-color: #066fa5; }
.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:#066fa5; display:  list-item; transition: all .4s; }
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover { background: #066fa5; color: #ffffff; }
.woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce .woocommerce-message { border-color: #3abcf9; }
.woocommerce ul.products li.product .onsale{ font-size: 11px; padding: 3px 5px; }
.woocommerce a {color: #3abcf9; }
.woocommerce ul.products li.product h3 { color: #ffffff; padding: 5px; font-size: 25px; }
.woocommerce ul.products li.product .price del { display: inline-block; vertical-align: middle; margin-right: 15px; font-size: 15px; opacity: .7;  }
.woocommerce ul.products li.product .price { display: inline-block; vertical-align: middle; font-size: 17px; margin: 5px auto -5px; }
.woocommerce ul.products li.product .button { display: block; background-color: #f6f6f6; border-radius: 0px; color:#eeeeee !important; font-size: 13px; padding: 10px; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {  padding: 10px; text-align: center; }
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {  padding: 0px; background-color: transparent; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce div.product .product_title { border-radius: 0px; color: #ffffff !important; }
.woocommerce .content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page .content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 150px; }
.woocommerce-cart table.cart td.actions .coupon .input-text { padding: 8px 6px 9px;  }
.right-sidebar .woocommerce ul { margin: 0 0 20px 0;  }
.right-sidebar .woocommerce ul, .right-sidebar .woocommerce li { list-style: none; }
.right-sidebar .woocommerce *::before {   }
#main-menu-con a.wccart-icon { font-size: 17px; line-height: 19px; }

#main-menu-con a.wccart-icon, #main-menu-con a.wccart-icon:hover { border: none; }
#main-menu-con a.wccart-icon::before { position:relative; display: inline; padding-right: 2px;}
#main-menu-con a.wccart-icon:hover::before { content: "\f07a"; border: none; left: auto; }
.woocommerce ins { text-decoration: none; }
.woocommerce div.product .product_title { text-align: center; font-weight:500; padding: 5px; }
.woocommerce .quantity .qty { padding: 7px 3px 8px 5px; text-align: center; width: 70px; }
.ecom-part .boxtopdes { padding: 0; }
.ecom-part h3.about-us { font-style: normal;  font-size: 25px; }
.woocommerce .pswp__caption__center { font-size: 17px; text-align: center; }
.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;}

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

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

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

/* Contact Box
------------------------------------------------------------- */
.boxtoptitle { text-align: center; margin: 0 auto; font-size:27px; color: #0b8aaa; }
.boxtopdes { text-align: center; margin: 10px auto; font-size: 17px; max-width: 750px; padding: 10px 0; font-weight: 300; }

.contactcontainermain {  }
.conactboxs .boxtopdes, .contact-sub-des { font-weight: normal; }
.contactcontainer { overflow: hidden; color: #555555; background: rgba(247,247,247,0.5); padding: 20px 0 0; }
.contactcontainer h2.boxtoptitle, .contactcontainer h4.contact-itemsh { color: #00a1cc; }
.conactboxs { overflow: hidden; padding: 10px 0; }
#contactboxparts {display: flex; align-items: start; justify-content: center; flex-wrap: wrap; margin: 20px -15px 0; }
.contactboxpart { margin: 20px 15px; width: calc(50% - 30px); min-width: 350px; text-align: left; }
.contactcontainer input, .contactcontainer textarea, .contactcontainer input[type="text"] { max-height: 150px; }
.contactcontainer input:focus, .contactcontainer textarea:focus { border:1px solid #00a1cc; }
.contactcontainer h3.contact-subtitle { font-size: 25px; font-weight: 500; }
.contactcontainer .contact-sub-des { font-size: 15px; }
.contactinfo { padding: 20px 0; }
.contactinfo span {  border: 3px solid #00a1cc; color: #00a1cc; 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; }

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

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

.wpcf7-form input[type="submit"] { min-width: 150px; }

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

*, *::before, *::after { box-sizing: border-box; margin: 0; outline: medium none; padding: 0; }
*::before, *::after { font-family:FontAwesome, 'Font Awesome 5 Free', 'Font Awesome 5 Brands', WooCommerce, dashicons, Arial, Helvetica, SolaimanLipi, sans-serif; font-weight: 900 !important; }
#wpadminbar *::before, #wpadminbar *::after {font-family: inherit;}



/* =Media Print
-------------------------------------------------------------- */
@media print {
h1{page-break-before:always}
h1,h2,h3,h4,h5,h6{page-break-after:avoid}
ul,ol,dl{page-break-before:avoid}
}