/* Theme Name: Premium Extend Theme URI: https://d5creation.com/theme/premium Author: D5 Creation Author URI: https://d5creation.com Description: Premium is a CSS3 Powered and WordPress Latest Version Ready Theme for Small Business Companies to Corporate Business. Customizable Background and other options will give the WordPress Driven Site an attractive look. Premium is Responsive, Super Elegant and Professional Theme which will be adjusted automatically with all smart devices. Right and Footer Sidebar will be usable for showing the widgets. Full Wide Template can be used for showing showcase or other pages. You can Visit the Premium Demo Here: demo.d5creation.com/themes/?theme=Premium and Theme Page Here: https://d5creation.com/theme/premium Version: 4.7 Tags: two-columns, right-sidebar, left-sidebar, footer-widgets, rtl-language-support, featured-images, custom-header, custom-background, custom-menu, threaded-comments, sticky-post, entertainment, full-width-template, theme-options, translation-ready, blog, portfolio, education, food-and-drink License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Premium WordPress Theme, Copyright 2014-2015: D5 Creation (www.d5creation.com) Premium is distributed under the terms of the GNU GPL Text Domain: premium */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;} :focus{outline:0;} body{line-height:1;} ol, ul{list-style:none;} table{border-collapse:separate;border-spacing:0;} caption, th, td{font-weight:normal;text-align:left;} blockquote:before, blockquote:after, q:before, q:after{content:"";} blockquote, q{quotes:"" "";} a img{border:0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} .alignnone{margin:5px 20px 20px 0;} .aligncenter, div.aligncenter{display:block;margin:5px auto 5px auto;} .alignright{float:right;margin:5px 0 20px 20px;} .alignleft{float:left;margin:5px 20px 20px 0;} .aligncenter{display:block;margin:5px auto 5px auto;} a img.alignright{float:right;margin:5px 0 20px 20px;} a img.alignnone{margin:5px 20px 20px 0;} a img.alignleft{float:left;margin:5px 20px 20px 0;} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{background:#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:13px;line-height:17px;margin:0;padding:0 4px 5px;} body{color:#6a6969;font-family:'Anaheim', 'Font Awesome 5 Free' , 'Font Awesome 5 Brands', sans-serif;font-size:15px;line-height:1.15;min-width:1070px;word-wrap:break-word;} #site-container { position: relative; background: #ffffff; margin-left: auto; margin-right: auto; overflow: hidden; } ul, li, img, a, p, ol, textarea, input, button { transition:all .5s; } #slide div, #slide p, #slide a, #slide li, #slide img{transition:none;-moz-transition:none;-o-transition:none;-webkit-transition:none;} img{max-width:100%;border:0 none;} .tcontainer1 { display: block; float:left; width: 0; height: 0; border-style:solid; border-top: 300px solid #008ffe; border-right-color: transparent; vertical-align: top; } .tcontainer2 { display: block; float: right; width: 0; height: 0; border-style:solid; border-top: 300px solid #008ffe; border-left-color: transparent; vertical-align: top; } #container, #d5woocontainer{ margin:40px auto; position: relative;} iframe { max-width: 100%; max-height: 100%; } /* ================ Header ============== */ #resmeasure { visibility: hidden; height: 0px; position: absolute; width: 15px; } #header{ height:auto; background: #3c4143; } #header-content { display: flex; justify-content: space-between; align-items: flex-end; position: relative; flex-wrap: wrap; transition: all .3s; height: 100%; min-height: 90px; } #header-content.extraheader{ min-height: 115px; } .logotitle { width: auto; position: relative; max-width: 25%; padding: 5px 0 13px; display: inline-flex; align-items: center; } img.site-logo, .site-title { max-height:90%; margin: 0; height: auto; width: auto; transition: all .5s; font-weight: 700; color: #0db0d8; font-size: 39px; } .site-title-hidden{display:none;} @media screen and (min-width: 1101px) { #header.smallheader { position: fixed; left: auto; right: auto; width: 100%; margin: 0; z-index: 9999; margin-top: 0; top: 0; background: rgba(0,0,0,.7); } #header.smallheader #top-menu-con { display: none; } #header.smallheader #header-content, #header.smallheader #header-content.extraheader { min-height: 30px; } #header.smallheader .logotitle { padding: 5px 0; } #header.smallheader #mmainmenu { max-width: 74%; } #header.smallheader #main-menu-con { margin: 0; } #header.smallheader #main-menu-con a { padding: 7px; } #header.smallheader #main-menu-con .menu-item-has-children a, #header.smallheader #main-menu-con .page_item_has_children a { padding-right: 13px; } #header.smallheader #header-content img.site-logo, #header.smallheader #header-content .site-title { max-height: 30px; height: 30px; width: auto; font-size: 29px; } #mmclose { display: none; position: absolute; top: 50%; transform: translateY(-50%); right: 3px; color: #ffffff; font-size: 21px; cursor: pointer; } #mmclose::before { content: '\f057'; } #header.smallheader #mmclose { display: block; } #header.smallheader.smallheaderrel { position: relative; } } #topadjust { display: block; position: relative; width: 100%; height: 0px; } #content, .d5woocontent{ float:left; width:calc(100% - 355px); position: relative; } #content-full{width:100%;} .norightsidebar #content, .no-right-sidebar .d5woocontent{ width: 100%; } .content-ver-sep { background: #cccccc; border-bottom: 1px solid #ffffff; clear: both; height: 2px; margin-bottom: 9px; } .lsep{background:url("images/lsep.png") no-repeat scroll center top transparent;clear:both;height:5px;margin:10px auto;} #footer{ background:#0383e6; clear:both; } #creditline{ color:#ffffff; font-size:15px; text-align:center; padding: 15px 0; background: #111111; } #creditline a{font-weight:bold;} /* ================ Main Menu Elements ============== */ #mmainmenu { max-width:74%; display: flex; align-items: center; flex-wrap: wrap; flex-direction: column; z-index: 999; } #main-menu-con { color:#eeeeee; float:right; line-height:1; align-self: flex-end; top: auto; margin-bottom: 1px; } #main-menu-con ul{ list-style:none outside none; margin: 0; padding: 0; } #main-menu-con li{float:left;position:relative;margin:0 5px;} #main-menu-con a { color: #2cb8f3; display: block; font-size: 17px; min-width: 40px; padding: 15px 7px; position: relative; text-align: center; border-bottom: 5px solid transparent; font-family: "Advent Pro",cursive,sans-serif; letter-spacing: 1px; } #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{ border-bottom:5px solid #45a9f6;} #main-menu-con li ul{float:left;position:relative;margin:0;} #main-menu-con ul ul, .sub-menu, .sub-menu ul ul { display:none; float:left; left:0; position:absolute; border-bottom:7px solid #087aaa; border-top:3px solid #087aaa; border-radius:0 0 5px 5px; background:#f2f2f2; background:rgba(242, 242, 242, 0.95); z-index:10000;} #main-menu-con ul li ul li {margin:0;} #main-menu-con ul ul ul{ left:100%; top:0; z-index:999; } #main-menu-con ul ul a { border-bottom:1px solid #bfbfbf; border-top:1px solid #ffffff; color:#242424; padding:11px 15px !important; width:230px; font-size: 15px; text-align:left; text-transform:none; } #main-menu-con ul ul li:first-child > a { border-top: none; } #main-menu-con ul ul li:last-child > a { border-bottom: none; } #main-menu-con ul ul a:hover, #main-menu-con ul ul .current-menu-item > a, #main-menu-con ul ul .current-menu-ancestor > a, #main-menu-con ul ul .current_page_item > a, #main-menu-con ul ul .current_page_ancestor > a{ background:#087aaa;color:#ffffff; border-bottom:1px solid #bfbfbf; } #main-menu-con ul li:hover > ul{/*display:block; */} #main-menu-con .menu-item-has-children a, #main-menu-con .page_item_has_children a { padding-right: 15px; } #main-menu-con li.menu-item-has-children > a:after, #main-menu-con li.page_item_has_children > a:after { content: '\f0d7'; right:0; position: absolute; top: 50%; transform: translateY(-50%);} #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'; right: 1px; opacity: .5; } @media screen and (min-width: 801px) { #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: 1px; 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: #ffffff; background: rgba(0,0,0,.85); display: none; cursor:pointer; text-align: center; justify-content: center; align-items: center; width: 50px; height: 50px; } #mobile-menu::before { content:'\f0c9'; font-size: 30px; } #mobile-menu.yesclick::before { content:'\f00d'; } /* ================ Sidebar WidGets ============== */ .widget{display:block;word-wrap:break-word;} #right-sidebar{ float:right; width:auto;} #right-sidebar .widget{ background: #eeeeee; margin-bottom:20px; padding:15px; width: 330px; border-radius: 3px; overflow: hidden; } #right-sidebar .widget-title { color: #ffffff; padding: 10px 15px; margin: -15px -15px 7px; text-align: center; background: #555555; } #right-sidebar .widget, #right-sidebar .widget li, #right-sidebar .widget a, #right-sidebar .widget a:hover{color:#333333;text-decoration:none;} #right-sidebar .widget ul{ margin:0; } #right-sidebar .widget li{ list-style: outside none square; margin-left: 15px; padding: 5px 0;} #footer-sidebar { overflow: hidden; margin: 0 -15px; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; } #footer-sidebar .footer-widgets { margin: 0 15px; min-width: 200px; min-height: 1px; width: calc( 25% - 30px); } #footer-sidebar .widget{ margin:20px 0; width: 100%; } #footer-sidebar .widget h3.widget-title { color:#ffffff; margin-bottom:5px; text-transform:uppercase; } #footer-sidebar .widget, #footer-sidebar .widget li, #footer-sidebar .widget a, #footer-sidebar .widget a:hover { color:#ffffff; text-decoration:none; } #footer-sidebar .widget a:hover { text-decoration: underline; } #footer-sidebar .widget ul, #footer-sidebar .widget ol { margin: 0 0 10px 10px; } #right-sidebar .widget a:hover, #footer-sidebar .widget a:hover { text-decoration: underline; } .textwedget{width:100%} h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6{font-family:'Advent Pro', cursive, sans-serif; line-height:1.25; margin:0 0 10px; /* font-family: 'Merienda One', cursive, sans-serif; font-family: 'Advent Pro', sans-serif; */ } h1,h2,h3,h4,h5,h6{clear:both;} hr{background-color:#ccc;border:0;height:1px;margin-bottom:10px;} ul, ol{margin:0 0 10px 25px;} ul{list-style:square outside none;} ol{list-style:decimal outside none;} dl{margin:0 20px;} dt{font-weight:bold;} dd{margin-bottom:10px;} strong{font-weight:bold;} cite, em, i{font-style:italic;} blockquote cite, blockquote em, blockquote i{font-style:normal;} pre{background:#ffffff;border-radius:5px 5px 5px 5px;color:#222222;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:#eeeeee;border:2px solid #dddddd;border-radius:5px 5px 5px 5px;font-weight:bold;margin-bottom:15px;max-width:250px;padding:5px 10px;text-align:right;} embed{max-width:100%;} .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .wp-block-embed.aligncenter.is-type-video .wp-block-embed__wrapper { display: flex; align-items: center; flex-direction: column; } /* ================ Gallery Post ============== */ .gallery { margin: 0 -10px; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; } .gallery-item { position: relative; margin: 20px 10px; display: inline-flex; align-items: flex-end; justify-content: center; } .gallery-icon.landscape{ width: 100%; } .gallery-item img { border: none !important; padding: 0 !important; margin: 0 !important; width: 100%; } .gallery-caption{ position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 40px 10px 9px; color: #fff; text-align: center; font-size: 15px; background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent); } .gallery-columns-1 .gallery-item {width: calc(100% - 20px);} .gallery-columns-2 .gallery-item {width: calc(50% - 20px);} .gallery-columns-3 .gallery-item {width: calc(33.333% - 20px);} .gallery-columns-4 .gallery-item {width: calc(25% - 20px);} .gallery-columns-5 .gallery-item {width: calc(20% - 20px);} .gallery-columns-6 .gallery-item {width: calc(16.666% - 20px);} .gallery-columns-7 .gallery-item {width: calc(14.285% - 20px);} .gallery-columns-8 .gallery-item {width: calc(12.5% - 20px);} .gallery-columns-9 .gallery-item {width: calc(11.111% - 20px);} #content .gallery .attachment-cat-page{margin:0 auto;float:none} .gallery-caption{ font-size: 15px; line-height: 1.3; } .wp-block-gallery{ margin: 20px -10px; justify-content: center; } .blocks-gallery-grid{ justify-content: center !important; } .wp-block-gallery .blocks-gallery-item{ margin: 10px !important; flex-grow: unset !important; display: inline-flex; } .wp-block-gallery .blocks-gallery-item figure{ } .wp-block-gallery .blocks-gallery-item img{ } .wp-block-gallery.columns-1 .blocks-gallery-item{ width: calc(100% - 20px); } .wp-block-gallery.columns-2 .blocks-gallery-item{ width: calc(50% - 20px); } .wp-block-gallery.columns-3 .blocks-gallery-item{ width: calc(33.333% - 20px); } .wp-block-gallery.columns-4 .blocks-gallery-item{ width: calc(25% - 20px); } .wp-block-gallery.columns-5 .blocks-gallery-item{ width: calc(20% - 20px); } .wp-block-gallery.columns-6 .blocks-gallery-item{ width: calc(16.666% - 20px); } .wp-block-gallery.columns-7 .blocks-gallery-item{ width: calc(14.285% - 20px); } .wp-block-gallery.columns-8 .blocks-gallery-item{ width: calc(12.5% - 20px); } .wp-block-gallery.columns-9 .blocks-gallery-item{ width: calc(11.111% - 20px); } @media screen and (max-width: 1279px){.gallery-item, .blocks-gallery-item {min-width: calc(25% - 20px) !important;}} @media screen and (max-width: 1100px){.gallery-item, .blocks-gallery-item {min-width: calc(33.33% - 20px) !important;}} @media screen and (max-width: 1023px){.gallery-item, .blocks-gallery-item {min-width: calc(50% - 20px) !important;}} @media screen and (max-width: 500px){.gallery-item, .blocks-gallery-item {min-width: calc(100% - 20px) !important;}} .widget .gallery{ margin: 0 -1px !important; } .widget .gallery-item{ margin: 1px !important; } .widget .gallery-columns-1 .gallery-item {width: calc(100% - 2px) !important;} .widget .gallery-columns-2 .gallery-item {width: calc(50% - 2px) !important;} .widget .gallery-columns-3 .gallery-item {width: calc(33.333% - 2px) !important;} .widget .gallery-columns-4 .gallery-item {width: calc(25% - 2px) !important;} .widget .gallery-columns-5 .gallery-item {width: calc(20% - 2px) !important;} .widget .gallery-columns-6 .gallery-item {width: calc(16.666% - 2px) !important;} .widget .gallery-columns-7 .gallery-item {width: calc(14.285% - 2px) !important;} .widget .gallery-columns-8 .gallery-item {width: calc(12.5% - 2px) !important;} .widget .gallery-columns-9 .gallery-item {width: calc(11.111% - 2px) !important;} #container.sinimagecon h1.page-title, #container.sinimagecon .entrytext{ text-align: center; } #container.sinimagecon .entrytext img.attachment-full { width: auto; max-width: 100%; height: auto; margin: 20px auto; } h1{font-size:30px;} h2{font-size:23px;} h3{font-size:20px;} h4{font-size:17px;} h5{font-size:15px;} h6{font-size:13px;} p{margin-bottom:15px;} a{color:#2cb8f3;text-decoration:none;} b, strong{font-weight:bold;} displaynone{display:none;} .clear{clear:both;} table{background-color:#eeeeee;border:1px solid #ffffff;border-radius:3px;padding:5px;min-width:200px;color:#333333;} td{padding:5px 7px;vertical-align:top;} th{font-weight:bold;line-height:1;padding:5px 7px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);background:#CCC;} /* ================ Calendar ============== */ .calendar_wrap {background:#ffffff;box-shadow:none;} #wp-calendar{width:100%;border:none; box-shadow: none; background:#ffffff; padding: 0; margin: 0; } #wp-calendar th{text-align: center;} #wp-calendar td{color:#555555; border: 1px solid #f6f6f6; text-align: center; position: relative; transition: all .3s; } #wp-calendar td:hover{background: #e6e6e6; } #wp-calendar td#prev, #wp-calendar td#next, #wp-calendar td.pad {border:none; } #wp-calendar caption{font-size:17px; font-weight: 700; text-align:center;} #wp-calendar a { font-size: 15px; font-weight: 700; background: #ccc; display: block; line-height: 2.3; color: #555!important; margin: -5px -7px; } #wp-calendar a:hover { background: #555555; color: #ffffff !important; } caption{color:#555555} /* ================ Text, Input, Button ============== */ textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], .titlewrap input, select{background:#F7F7F7;border-radius:3px;font-size:15px;padding:10px 7px;width:100%;border:1px solid #cccccc;} input[type="password"]{width:200px;} textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, .titlewrap:focus input:focus, select:focus { background:#ffffff; border:1px solid #45a9f6; } button, input[type="reset"], input[type="button"], input[type="submit"], .contactcontainer input[type="submit"] { background:linear-gradient(to bottom, #2891fa 5%, #076cd1 100%); border: none; border-radius:3px; display:inline-block; color:#ffffff; font-family:arial; font-size:17px; padding:11px 17px; text-decoration:none; cursor:pointer; } button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, .contactcontainer input[type="submit"]:hover, .contactcontainer input[type="submit"]:focus { background:linear-gradient(to bottom, #076cd1 5%, #2891fa 100%); } button:active, input[type="reset"]:active, input[type="button"]:active, input[type="submit"]:active, .contactcontainer input[type="submit"]:active {position:relative;top:1px;} input#s{ } .gallery-caption{clear:both;width:95%;} .bypostauthor{} #container, #content, #content-full{font-size:15px;text-align:justify;} #content img, #content-full img{height:auto;max-width:100%;vertical-align:middle;} #content img.wp-smiley, #content-full img.wp-smiley{border:none;box-shadow:none;} .searchinfo { display: flex; justify-content: center; align-items: center; flex-direction: column; } .searchinfo h1.page-title:before { font-size: 80px; position: absolute; width: 100px; margin-left: -90px; line-height: 1; } .searchinfo h1.page-title { padding-left: 110px; margin: 50px auto; display: flex; align-items: center; color: #00accf; } .searchinfo .backhome { padding: 10px 0; margin: 0 auto; font-size: 17px; } .searchpage .searchinfo { display: block; margin: 20px 0 30px; } .searchpage .searchinfo h3.arc-src { padding-left: 110px; } /* ================ Heading ============== */ #headingpart { background: #008ffe; overflow: hidden; } #heading{ color: #ffffff; font-size: 35px; margin: 50px auto 20px; text-align: center; font-family: 'Advent Pro', cursive, sans-serif; } .heading-desc{ color: #ffffff; font-size: 17px; margin: -10px auto 10px; text-align: center; } /* ================ Box Sizes ============== */ .box100 { display: block; position: relative; width: 100%; margin: 0 auto; } .box90 { display: block; position: relative; width: 1050px; margin: 0 auto; max-width: calc(100% - 40px); } #container.box90, #d5woocontainer.box90{ max-width: 100%; } /* ================ Search Box ============== */ .search-form, #bbp-search-form div, #searchform, .woocommerce-product-search, .aws-container .aws-search-field { height: 39px; overflow: hidden; width: 100%; max-width: 550px; display: inline-flex;} .search-form label{ margin: 0; width: calc(100% - 45px); } #searchloginbox #searchform, #searchloginbox .aws-container .aws-search-field, #searchloginbox .search-form { display: inline-flex; width: auto; height: 29px; margin: 5px; } #searchsubmit, .woocommerce-product-search button[type="submit"], input[type="submit"].search-submit, #bbp_search_submit, #searchsubmit:hover, .woocommerce-product-search button[type="submit"]:hover, input[type="submit"].search-submit:hover, #bbp_search_submit:hover { background: #1593ec url("images/search.png") no-repeat scroll center center; background-size: auto 70%; border-radius: 0 3px 3px 0; box-shadow: none; font-size: 16px; font-weight: normal; margin: 0 0 0 -5px; padding: 4px 20px; text-indent: -90000px; vertical-align: top; height: 100%; min-height: 0px; min-width: 50px; width: 9%; top:0 !important; transition: all .5s; } input#s, .search-field, input[type="search"].search-field, #bbp_search { background: rgba(255,255,255,.05); border-radius: 3px 0 0 3px; vertical-align: top; max-width: 100%; min-width: 100px; height: 100%; padding: 5px 10px; width: 100%; border: 1px solid #1593ec; } #searchsubmit:hover, input[type="submit"].search-submit:hover, #bbp_search_submit:hover, .woocommerce-product-search button[type="submit"]:hover { background-color: #0166a0; transform: none; } #searchloginbox input#s:focus, #searchloginbox input[type="search"].search-field { background: #f7f7f7; color: #aaaaaa; max-width: none; min-width: 100px; width: 110px; } #searchloginbox input[type="search"].search-field:focus { width: 170px; color: #555555; background: #ffffff; box-shadow: none; } /* ================ Search Login Bar ============== */ .flexcenter { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 5px; padding: 0; } #searchloginbar { position: absolute; right: 40px; z-index: 9999; background: #eeeeee; height: auto; font-size: 15px; top: -37px; transition: all .5s; } #searchloginbar.toplscfixed{ top: 0 !important; } #searchloginbox { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 3px 0; } #searchloginbar:hover { top: 0 !important; } #searchloginbar:hover .noshow { display: inline-flex; } .phonenumber, .phonenumber a, .extranumber, .extranumber a, .search-login a, .search-login #searchform::before, a.loginicon::before, a.loginicon:hover::before { color: #022679; } .searchlibef { background: #eeeeee; width: 40px; height: 100%; clip-path: polygon(100% 0, 0 0, 100% 100%); top: 0; left: -40px; position: absolute; } .searchliaft { background: #eeeeee; width: 40px; height: 100%; clip-path: polygon(100% 0, 0 0, 0 100%); top: 0; right: -40px; position: absolute; } ul.lboxd{ display:inline-block; position:relative; font-size:15px; font-weight: 500; vertical-align: top; margin:0 0 0 10px; } ul.lboxd li { list-style:none; } a.loginicon, a.loginicon:hover {display:block;float:right; } a.loginicon::before, a.loginicon:hover::before { font-style: normal; font-weight: normal; content: '\f2bd'; font-size: 27px;} ul.lboxd ul{background:#f6f6f6; border-right: 7px solid #45a9f6; display:none;padding:20px 40px 20px 20px;position:absolute;right:-10px;margin-top: 30px;width:150px;z-index:99999; vertical-align: top; } .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; min-width: 250px;} ul.lboxd label, label{display:inline-block;margin-bottom:5px;} .noshow { display: none; } .extranumber, .phonenumber { font-weight: 500; } .phonenumber::before {content:'\f098'; font-size: 19px; margin-right: 7px;} .extranumber::before {font-size: 17px; margin-right: 7px;} /* ================ Video Box ============== */ video.sldvideo { width: 100%; max-width: 100%; height: auto; margin-bottom: -4px; } .embedvideo { width: 100%; max-width: 100%; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .embedvideo iframe, .embedvideo object, .embedvideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videobox-inner.box90 { margin: 20px auto; border: 10px solid #0765aa; } .videoframe { position: relative; } .vidmask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,199,239,0.44); display: block; } .wp-video, .wp-audio { max-width: 100%; margin-left: auto; margin-right: auto; } .mejs-controls button { box-shadow: none; background-color: transparent !important; /* background-image: url("../../../wp-includes/js/mediaelement/mejs-controls.svg") !important; */ } video, audio { max-width: 100% !important; height: auto; } .ytviditem { position: relative; padding-bottom: 56.25%; height: 0; } .ytviditem iframe, .ytviditem object, .ytviditem embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ytcontainer { max-width: 750px; margin: 0 auto; display: block; } .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; } /* ================ Slide ============== */ .slideback { background-image: linear-gradient(to bottom, #008ffe, #008ffe 77%, transparent 23%); background-repeat: no-repeat; position: relative; } .slidesize {background:url("images/sliderbottom.png") no-repeat scroll center bottom transparent; padding:20px 0 33px; background-size: 95% auto; } .slideback::before { clip-path: polygon(50% 16%, 0% 100%, 100% 100%); content: ''; position: absolute; left: -1px; top: 0; width: calc( 100% + 2px ); height: calc( 77% + 1px ); background: #ffffff; } #slide{ width:1050px; height:400px; overflow:hidden; margin:0 auto;} .customers-comment ul, .customers-comment li, #client, #client ul, #client li, #slide-container ul, #slide-container li, #slide-container p, #slide-container a, #slide-container img, #main-menu-con ul, #rslide-container img, #slide-container li { transition:none; } /* ================ Featured Boxes ============== */ .featured-boxs{ padding:20px 0; display:block; margin: 0 -15px; text-align: center; } .featured-box h3.featitle {font-family:Verdana, Geneva, sans-serif; font-weight:100; font-size:19px;color:#555555;} .featured-boxs h2.rowtitle {font-family:Verdana, Geneva, sans-serif; font-weight:100;font-size:21px;color:#555555;} .featured-box-first{padding:30px 0;} .featured-boxs img.box-image { border:3px solid #eeeeee; width:100%; height:auto;} .featured-boxs img.box-image:hover { box-shadow:0 0 11px 0px #555555; } .featured-boxs.secondfc img.box-image { width:50px;height:50px; border: none; } .featured-boxs.secondfc img.box-image:hover { box-shadow: none; } .secondfc h3.featitle { width:calc(100% - 60px); float:right; } .secondfc h3.featitle.nofcimage { width:100%; float: left; } .featured-box, .featured-box-first { display: inline-block; margin: 15px; width:calc( 25% - 30px); vertical-align: top; text-align: left; } .featured-box-first.rttltop{ width:calc( 100% - 30px); text-align: center; padding: 15px 0; } .featured-box-first.rttltop .content-ver-sep{ display: none; } .secrfimgt { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 7px; } blockquote, q {background:#dddddd;background:none repeat scroll 0 0 rgba(255, 255, 255, 0.35);border-left:10px solid #ccc;margin:20px 10px;padding:10px;quotes:'<<' '>>';border-right:10px solid #ccc; line-height: 2; } blockquote:before, q:before {color:#ccc;content:'\201C';font-size:4em;line-height:.1em;margin-right:.20em;vertical-align:-.4em;} blockquote:after, q:after {color:#ccc;content:'\201D';font-size:4em;line-height:.1em;margin-left:.20em;vertical-align:-.4em;} blockquote p, q p {display:inline;} #container .attachment-thumbnail, #container .attachment-category-thumb {border:1px solid #ffffff;margin:0px 15px 10px 0;padding:3px;float:left;} #container .gallery .attachment-thumbnail{float:none;margin:5px auto;} h1.page-title, h1.arc-post-title { font-size:35px; text-shadow:-1px -1px 3px #ffffff; text-align:left; color:#2cb8f3; } .conarc h1.page-title { font-weight: bold; text-align: center; } .conarc .description { text-align: center; } 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-shadow:-1px -1px 3px #ffffff;} .entrytext{padding:10px 0 0;} h2.post-title a, h2.post-title a:hover, h2.comments a, h2.post-title-color{color:#2cb8f3;} h3.arc-src{color:#2cb8f3;font-size:20px;} h3 span{color:#777777;} .post, .hentry, .no-results {margin-bottom:40px; background: #f6f6f6; padding: 10px 20px 0; border-radius: 3px; overflow: hidden; border: 1px solid #eeeeee;} .sticky::after { color: #91daf6; content: '\f005'; display: inline-block; font-size: 30px; right: 0; position: absolute; top: 0; z-index: 100; } .sticky h2.post-title { padding-right: 40px; } .read-more { background:#2cb8f3; border-radius: 3px; color: #ffffff; display: table; margin-top: 10px; padding: 7px 15px; } .read-more:hover { background:#111111;} .read-more a{color:#555555;} .postmetadata{font-family:Arial, Helvetica, 'Font Awesome 5 Free' , 'Font Awesome 5 Brands', sans-serif;text-shadow:0 0 1px #ffffff;} p.postmetadata{margin:0;} .postmetadata a{color:#2cb8f3;} .postmetadataw { font-size: 17px; letter-spacing: 1px; margin-bottom: 5px; } .floatleft{float:left;width:45%;text-align:left;} .floatright{float:right;width:45%;text-align:right;} /* ================ Post Meta and Navigation ============== */ .post-meta { width: calc( 100% + 40px); font-weight: 500; margin:10px -20px 0; padding:10px 20px; border-top:1px solid #dddddd; background: #eeeeee; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .post-meta, .post-meta a { color: #555555; } .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;} .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; display: flex; justify-content: center; align-items: center; } .page-numbers li { display: inline-flex; margin: 5px 3px 15px; justify-content: center; align-items: center; } .page-numbers li .page-numbers {color: #085d96; 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 #085d96; color: #ffffff; background: #085d96; 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; } /* ================ Comments Box ============== */ .commentsbox { border-bottom: 1px solid #eeeeee; padding-bottom: 10px; } h2.commentsbox::before { margin-right: 10px; } #comments .commentlist{margin:0;} #comments .watermark{color:rgba(150, 150, 150, 0.7);font-size:17px;text-align:center;text-shadow:none;text-transform:uppercase;} #comments .comment-author cite, #comments .comment-author cite a{color:#02365A;letter-spacing:3px;font-style:normal;font-weight:bold;} #comments img.avatar { border-radius: 5px; height: 80px; left: 0; position: absolute; width: 80px; } #comments ul.children{padding:0;} .comment-body{ background: #f5f5f5; border-radius: 5px; padding: 10px;} .comment-body:after { border-bottom: 15px solid transparent; border-right: 15px solid #f5f5f5; border-top: 15px solid transparent; content: ""; margin: 0 0 0 -25px; position: absolute; top: 60px; } #comments .commentlist li.comment{line-height:19px;margin:0 0 5px;padding:20px 0 0 97px;position:relative;} #comments .comment-body p:last-child{margin-bottom:6px;} #comments .comment-meta { border-bottom: 1px solid #cccccc; padding-bottom: 3px; } #comments .comment-content { border-top: 1px solid #ffffff; padding-top: 5px; } #comments .comment-meta, #comments .comment-meta a:link, #comments .comment-meta a:visited{color:#555555;font-size:13px; text-shadow:none;} #comments .commentlist .children li{border-top:2px solid #ffffff;list-style:none outside none;margin:0 0 0 -25px;} #comments .commentlist li:last-child{border-bottom:medium none;ist-style:none outside none;} #comment-form{max-width:650px;} #respond .required{color:#02365A;font-weight:bold;position:absolute;} #comments ol.commentlist, #comments li.commentlist{padding:0;list-style:none;} .comment-reply-link { background: #555555; padding: 3px 9px; color: #ffffff; border-radius: 3px; font-size: 13px; transition: all .5s; } .comment-reply-link:hover { color: #ffffff; background: #333333; } #cancel-comment-reply-link { font-weight:normal; line-height:18px; font-size: 15px; } #respond { margin: 20px auto; } #respond input{margin:0 0 9px;} #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:15px;width:auto;} .logged-in-as a {font-size: 17px; color: #085d96; } #respond label {font-size: 17px; 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; } /* ================ Language Switcher ============== */ #lswitchbox{ list-style: none; margin: 0 5px; padding: 0; z-index: 9999999; } #lswitchbox li{ position: relative; display: flex; align-items: center; padding: 0; margin: 0; } #lswitchbox .lswitemsdv{ cursor: pointer; padding: 3px 5px; margin: 2px; background: rgba(255,255,255,0.85); color: #333333; width: auto; display: flex; align-items: center; font-size: 15px; transition: all .5s; } #lswitchbox li .lswitemsdv{ margin:0; width: 165px; border-bottom: 1px solid #eeeeee; } #lswitchbox .lswitemsdv a{ display: flex; align-items: center; color: #333333; } #lswitchbox .lswitemsdv:hover{ background: #ffffff; } #lswitchbox img.lswimage{ max-height: 20px; width: auto; margin-right: 5px; } #lswitchbox li:hover{ } #lswitchbox .lswitemsulcl{ list-style: none; margin: 0 5px; padding: 0; display: none; } #lswitchbox .lsdropdown .lswitemsulcl{ margin: 0; } #lswitchbox .lsitemssel{ font-weight: 700; background: #ffffff; } #lswitchbox .lswitemslitl > .lswitemsdv{ padding-right: 15px; } #lswitchbox .lswitemslitl > .lswitemsdv::after{ content: '\f0d7'; font-size: 17px; right: 3px; position: absolute; top: 50%; transform: translateY(-50%); } #lswitchbox .lswitemslitl:hover > ul { display: block; position: absolute; top: 100%; left: 0; text-align: left; font-weight: normal; margin: 0; } .lsdropdown{ } .lsoneline{ } /* ================ Contact Box ============== */ .boxtoptitle { text-align: center; margin: 0 auto; font-size:33px; color: #00a1cc; } .boxtopdes { text-align: center; margin: 0 auto; font-size:18px; padding: 21px 0 0; font-weight: 300; color: #2cb8f3; } .contactcontainermain a { color: #ffffff; text-decoration: underline; } .conactboxs .boxtopdes, .contact-sub-des { font-family: 'Anaheim', sans-serif; font-weight: normal; color: #ffffff; } .contactcontainer { overflow: hidden; color: #ffffff; background: #008ffe; } .contactcontainer h2.boxtoptitle, .contactcontainer h4.contact-itemsh { color: #ffffff; } .conactboxs { overflow: hidden; padding-top:10px; padding-bottom:10px; margin: 20px auto; } #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"] { background: transparent; border-color: rgba(255,255,255,.5); } .contactcontainer input:focus, .contactcontainer textarea:focus { background: #ffffff; border-color: #ffffff !important; } .contactcontainer h3.contact-subtitle { font-size: 30px; font-weight: 500; } .contactinfo { padding: 20px 0; } .contactinfo span { border: 3px solid #ffffff; color: #ffffff; border-radius: 150px; display: inline-flex; justify-content: center; align-items: center; 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: 150px; } .contactcontainer div.wpcf7-mail-sent-ng, .contactcontainer div.wpcf7-aborted, div.wpcf7-response-output { border-color: rgba(255,255,255,.5); } .contactcontainer ::-webkit-input-placeholder { color: #ffffff; } .contactcontainer :-moz-placeholder { color: #ffffff; } .contactcontainer ::-moz-placeholder { color: #ffffff; } .contactcontainer :-ms-input-placeholder { color: #ffffff; } .contactcontainer textarea{height: 115px;} .contactcontainer a, .contactcontainer a:hover{ color: #ffffff; text-decoration: underline; } @media screen and (max-width: 700px) { .contactboxpart { min-width: calc(100% - 40px); } } .contactcontainer input[type="submit"], .contactcontainer input[type="button"] { min-width: 200px; } .wpcf7-form input[type="submit"] { min-width: 150px; } .wpcf7 label { font-weight: 600; line-height: 2; width: 100%; max-width: 650px; } /* ================ Mapping Box ============== */ .mappingcontainer { overflow: hidden; text-align: center; display: block; } .mappingcontainer .su-gmap { margin: 0; } /* 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. */ } /* ================ Placeholders ============== */ ::-webkit-input-placeholder { color: #555555; } :-moz-placeholder { color: #555555; } ::-moz-placeholder { color: #555555; } :-ms-input-placeholder { color: #555555; } /* ================ Social Links ============== */ .social { background: #0470b4; padding: 5px 10px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .social a{ width: auto; transition:all .5s; } .social a::before, .social a.sliconimg { background-color: rgba(0,0,0,0.35); font-size: 29px; display: inline-flex; align-items: center; justify-content: center; border-radius: 150%; height: 55px; width: 55px; margin: 5px; transition:all .5s; background: linear-gradient(-45deg, #111111 50%, rgba(0,0,0,0.55) 50%); background-size: 100% 100%; } .maintainance-mode .social a::before, .maintainance-mode .social a.sliconimg { background-color: rgba(17, 14, 14, 0.81); } .social a:hover { transform: rotate(30deg); } .social a.slicondefined::before{ content: '\f005'; } .social a.sliconimg { background-color: rgba(0,0,0,0.75); background-position: center center; background-repeat: no-repeat; background-size: 70% auto; } #header .social { display: inline-flex; width: auto; background: transparent; } #header .social a::before { background-color: rgba(0,0,0,0.75); font-size: 15px; height: 25px; width: 25px; margin: 1px 2px; } #header .social a.sliconimg{ background-color: rgba(0,0,0,0.75); height: 25px; width: 25px; margin: 1px 2px; } .social-link span{ width: 0px !important; height: 0px !important; position: relative !important; margin: 0 !important; padding: 0 !important; left: 0 !important; right: auto !important; top: 0 !important; bottom: auto!important; display: block !important; } .social-link a.slicondefined[href*="wordpress.org"]::before, .social-link a.slicondefined[href*="wordpress.com"]::before { content: '\f19a'; color: #09b6db; } .social-link a.slicondefined[href*="facebook.com"]::before { content: '\f39e'; color: #455afa; } .social-link a.slicondefined[href*="twitter.com"]::before { content: '\f099'; color: #33ccff; } .social-link a.slicondefined[href*="dribbble.com"]::before { content: '\f17d'; color: #ea4c89; } .social-link a.slicondefined[href*="plus.google.com"]::before { content: '\f0d5'; color: #f32e0d; } .social-link a.slicondefined[href*="pinterest.com"]::before { content: '\f0d2'; color: #c8232c; } .social-link a.slicondefined[href*="github.com"]::before { content: '\f113'; color: #555555; } .social-link a.slicondefined[href*="tumblr.com"]::before { content: '\f173'; color: #455afa; } .social-link a.slicondefined[href*="youtube.com"]::before { content: '\f167'; color: #F90909; } .social-link a.slicondefined[href*="flickr.com"]::before { content: '\f16e'; color: #ff0084; } .social-link a.slicondefined[href*="vimeo.com"]::before { content: '\f194'; color: #1AB7EA; } .social-link a.slicondefined[href*="instagram.com"]::before { content: '\f16d'; color: #05ace3; } .social-link a.slicondefined[href*="codepen.io"]::before { content: '\f1cb'; color: #555555; } .social-link a.slicondefined[href*="linkedin.com"]::before { content: '\f0e1'; color: #05ace3; } .social-link a.slicondefined[href*="vk.com"]::before { content: '\f189'; color: #0895c4; } .social-link a.slicondefined[href*="t.me"]::before { content: '\f3fe'; color: #0680a8; } .social-link a.slicondefined[href*="xing.com"]::before { content: '\f168'; color: #b0d400; } .social-link a.slicondefined[href*="yelp.com"]::before { content: '\f1e9'; color: #d32323; } /* ==================== E-Commerce/WooCommerce ========== */ .ecom-box-part{ padding: 30px 0; position: relative; display: block; } .ecom-part { margin: 20px auto 30px; display: block; text-align: center; } .d5woospace { margin: 40px auto 20px; display: block; text-align:justify; } .d5wooextra { margin: 20px auto 20px; display: block; text-align:justify; } .woocommerce ul li, .woocommerce-page ul li { transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s; } .ecom-part em { font-style: normal; } .ecom-part h2.boxtoptitle { font-style: normal; color: #0166a0; font-size: 41px; font-weight: 400; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {font-size: 20px; font-weight: 300;} .ecom-part h3.about-us, .woocommerce ul.products li.product a, .woocommerce .woocommerce-info::before, .woocommerce .woocommerce-error::before, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .button, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #35cfff; } .woocommerce span.onsale, .woocommerce ul.products li.product h3, .woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit, .woocommerce .d5woocontent a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce .d5woocontent a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: #35cfff; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce div.product .product_title { background-color: #0166a0; } .woocommerce .product_meta { border: 1px solid #eeeeee; padding: 5px; border-radius: 3px; width: 100%; display: table; } .woocommerce .entrytext, .woocommerce-account .entrytext, .woocommerce-page .entrytext, .elementor-default .entrytext {background-image: none;} .woocommerce-MyAccount-navigation ul { margin: 5px 0; padding: 0; } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link { list-style: none; } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { font-size: 15px; text-transform: uppercase; background: #f6f6f6; margin: 0 0 3px; padding: 5px 7px; list-style: inside square none; border-radius: 3px; color:#0166a0; display: list-item; transition: all .4s; } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover { background: #0166a0; color: #ffffff; } .woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce .woocommerce-message { border-color: #35cfff; } .woocommerce .d5woocontent a {color: #35cfff; } .woocommerce ul.products li.product h3 { color: #ffffff; padding: 5px; font-size: 25px; } .woocommerce ul.products li.product .price del { display: inline-block; vertical-align: middle; margin-right: 15px; font-size: 15px; opacity: .7; } .woocommerce ul.products li.product .price { display: inline-block; vertical-align: middle; font-size: 17px; margin: 5px auto -5px; } .woocommerce ul.products li.product .button { display: block; background-color: #eeeeee !important; border-radius: 0px; color:#333333 !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 10px; text-align: center; } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover { padding: 0px; background-color: transparent; transform: scale(1.05);} .woocommerce ul.products li.product .price ins { text-decoration: none; } .woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit, .woocommerce .d5woocontent a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce .d5woocontent a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce div.product .product_title { border-radius: 0px; color: #ffffff !important; } .woocommerce .content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page .content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 150px; } .woocommerce-cart table.cart td.actions .coupon .input-text { padding: 8px 6px 9px; } #right-sidebar .woocommerce ul { margin: 0 0 20px 0; } #right-sidebar .woocommerce ul, #right-sidebar .woocommerce li { list-style: none; } #right-sidebar .woocommerce *::before { } .wccart-icon::before { font-size: 17px; line-height: 0; margin-right: 5px; } #main-menu-con a.wccart-icon { font-weight: 700; border-radius: 5px 5px 0 0; display: flex; justify-content: center; align-items: center; } .woocommerce ins { text-decoration: none; } .woocommerce div.product .product_title { text-align: center; font-weight:500; padding: 5px; } .woocommerce .quantity .qty { padding: 7px 3px 8px 5px; text-align: center; width: 70px; } .ecom-part .boxtopdes { padding: 0; } .ecom-part h3.about-us { font-style: normal; font-size: 25px; } .woocommerce .pswp__caption__center { font-size: 17px; text-align: center; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right{ background: transparent; } .woocommerce #comments{ margin: 0; } .woocommerce #review_form #respond textarea{ display: block; max-width: 750px;} /* new */ .woocommerce #review_form #respond {max-width: 650px;} .single_add_to_cart_button.button.alt { min-height: 35px; } .woocommerce p.stars a {font-size: 25px;margin: 0 5px 0 0;} .woocommerce-form.woocommerce-form-login.login { max-width: 500px; } .woocommerce .coupon{ display: inline-flex; } .woocommerce #coupon_code{ min-width: 150px; } .woocommerce .woocommerce-message::before{ color: #0166a0; } /*-------------*/ #d5woocartcountraw{ display: none; } .withd5tooltip{ position: relative; } .d5tooltip { background: #333333; border-radius: 3px; color: #ffffff; font-size: 15px; padding: 5px; position: absolute; top: calc(100% + 3px); left: 50%; transform: translateX(-50%); text-align: center; text-transform: none; font-weight: normal; transition: all 0.5s; width: 150px; opacity: 0; } .d5tooltip::before { content: ''; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 9px solid #333333; position: absolute; left: 50%; transform: translateX(-50%); top: -7px; } .d5tooltip.wccounttooltip { right: 0; transform: none; left: auto; } .d5tooltip.wccounttooltip::before{ right: 20px; transform: none; left: auto; } .withd5tooltip:hover .d5tooltip { opacity: 1; } /* ================ Client List ============== */ h2#client-text.post-title{ font-style: normal; font-weight: normal; color:#00c7ef; padding:10px 0; text-align:center; } #client { display: flex; margin: 10px auto 30px; justify-content: center; align-items: center; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 10px 0; } #client img{ margin:3px 7px; max-height:110px; vertical-align:middle; max-width:130px; } #client li, #client ul{ list-style: none; float: left; margin: 0; display: flex; justify-content: center; align-items: center; } #client ul li { width: auto; } .simply-scroll { height: auto; position: relative; width: 100%; } .simply-scroll-clip { overflow: hidden; position: relative; } .simply-scroll-btn-left { background: url("images/arrow_left.png") no-repeat scroll 0 0 transparent; left: -20px; } .simply-scroll-btn-right { background: url("images/arrow_right.png") no-repeat scroll 0 0 transparent; right: -20px; } .simply-scroll-btn { cursor: pointer; height: 50px; opacity: 0.1; position: absolute; width: 21px; z-index: 3; background-size: auto 100%; background-position: center center; top: 50%; transform: translateY(-50%); } .simply-scroll-btn:hover { opacity: 0.7; } #client-scroller { margin: 0 auto; } /* ================ Testimonials ============== */ .fpage-quote { background: #cee8f0; background: rgba(0,0,0,0.03); border-left: 10px solid #38deff; border-right: 10px solid #38deff; margin: 50px auto; padding: 15px 10px; text-align: center; } .customers-comment ul{list-style:none;padding:0;position:relative;margin:0 auto; width: 100%;} .customers-comment q,.customers-comment a{background:transparent;font-size:17px;margin:0 auto;text-align:center;vertical-align:middle;border:none;line-height:2;padding:0;color:#111111;word-spacing:1px;letter-spacing:.2px} .go-top { border-radius: 5px 5px 0 0; bottom: 0; display: none; font-size: 25px; opacity: 0.3; cursor: pointer; z-index: 1005; padding: 10px 15px; position: fixed; right: 10px; line-height: .9; text-align: center; transition: all .5s; background: #555555; color: #ffffff; } .go-top:hover { opacity: 1; } /* ==================== Front Page Extra ========== */ .fpagecbox, .extracontainer { margin: 0 auto; display: block; position: relative; } .fpagecbox img {height: auto;} /* ==================== Breadcrumbs ========== */ .breadcrumbs { margin: 10px auto 0; width: 1050px; padding: 0 0 5px; border-bottom: 1px solid #cccccc; } .breadcrumbs h2.trail-browse {margin-right: 5px;} .breadcrumbs .trail-browse, .breadcrumbs .trail-items, .breadcrumbs .trail-items li { display: inline-block; margin: 0; padding: 0; border: none; background: transparent; text-indent: 0; } .breadcrumbs .trail-browse { font-size: 15px; font-style: inherit; font-weight: inherit; color: inherit; } .breadcrumbs .trail-items { list-style: none; } .trail-items li::after { content: "\f0da"; padding: 0 5px; } .trail-items li:last-of-type::after { display: none; } *, *:before, *:after { box-sizing: border-box; margin: 0; outline: medium none; padding: 0; } .haved5iconfont *::before, .haved5iconfont *::after, .haved5iconfont::before, .haved5iconfont::after, [class*='fa-']::before, [class*='fa-']::after, #swipebox-overlay *::before, .sticky::before { font-family:FontAwesome, 'Font Awesome 5 Free', 'Font Awesome 5 Brands', Arial, Helvetica, SolaimanLipi, sans-serif; font-weight: 900 !important; } .far, .far::before, .far::after { font-weight: 400 !important; } .fanormal *::before, .fanormal *::after, .fanormal::before, .fanormal::after {font-weight: normal !important;}