/* Theme Name: Awesome Extend Theme URI: https://d5creation.com/theme/awesome/ Author: D5 Creation Author URI: https://d5creation.com/ Description: Awesome is CSS3 Powered and WordPress Latest Version Ready Responsive Theme. Awesome has Multi Layered Slider where Slides can show multiple Items with different transition effects which can be controlled from the AWESOME Options Panel. Super Elegant and Professional Awesome Theme will be adjusted automatically with all smart devices if the Responsive Layout be selected. Full Wide Template can be used for showing showcase or other pages. Featured Boxes, Gallery and Staff Boxes can represent your company to the world. You can Visit the Awesome Demo at demo.d5creation.com/themes/?theme=Awesome and Awesome descriptions at https://d5creation.com/theme/awesome Version: 3.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, front-page-post-form, 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 Awesome WordPress Theme, Copyright 2015: D5 Creation (www.d5creation.com) Awesome is distributed under the terms of the GNU GPL Text Domain: awesome */ /* =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;} /* =WordPress Core and Addition -------------------------------------------------------------- */ .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:#ffffff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center;} .wp-caption.alignnone{margin:5px 20px 20px 0;} .wp-caption.alignleft{margin:5px 20px 20px 0;} .wp-caption.alignright{margin:5px 0 20px 20px;} .wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;} .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;} body{color:#555555; font-family:'Open Sans',Arial, sans-serif; font-size:14px;line-height:1.5;word-wrap:break-word; font-weight: 100; width: 100%; min-width: 1280px; background: #025B05 url("images/background.png") repeat scroll 0 0; } #site-container { width: 100%; display: block; margin: 0 auto; background: #ffffff; overflow: hidden; } #header{ position: relative; background: #ffffff; margin: 0 auto; border-bottom: 1px solid #eeeeee;} #header-content{margin:auto; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; } #logotitle{ width:25%; padding: 5px 0; display: inline-flex; align-items: center;} h1.site-title { display: block; margin: 0; } img.site-logo, h1.site-title{height:auto; max-width: 100%; max-height: 100%; font-size: 35px; font-weight: 700; color: #54c203; } .site-title-hidden{display:none;} @media screen and (min-width: 1101px) { .logoposright{ flex-direction: row-reverse; } .logoposright #logotitle{ justify-content:flex-end; } .logoposcenter{ flex-direction: column; align-items: center; } .logoposcenter #mmainmenu{ align-self: center; max-width: 100%; } .logoposcenter #logotitle{ justify-content: center; } #header.smallheader { max-height: 50px; height: 50px; min-height: 50px; position: fixed; left: auto; right: auto; top: 0; background: rgba(255,255,255,.9); z-index: 9999; } #header.smallheader .top-menu-con-container { height: 0 !important; overflow: hidden; } #header.smallheader h1.site-title { font-size: 25px; } #header.smallheader img.site-logo { max-height: 40px; } #header.smallheader .logoposcenter{ flex-direction: row; } #header.smallheader .logoposcenter #logotitle{ justify-content: flex-start; } #header.smallheader .logoposcenter #mmainmenu{ align-self: flex-end; max-width: 74%; } } img{max-width:100%;border:0 none;} #container{margin:40px auto;} #content{float:left;width:calc(100% - 370px);} #content-full{width:100%;} .content-ver-sep{background:none repeat scroll 0 0 #cccccc;border-bottom:1px solid #ffffff;clear:both;height:1px;} .lsep{background:url("images/lsep.png") no-repeat scroll center top transparent; clear:both; height:5px; margin:1px auto; max-width: 93%;} #footer{background:url("images/back3.png") repeat scroll 0 0 #54c203; clear:both;padding:0 0 20px; width: 100%; display: table;} #resmeasure { width: 20px; height: 0; } /* ================ Main Menu ============== */ #mmainmenu{ max-width:74%; position: relative; align-self: flex-end; } #main-menu-con{color:#eeeeee;line-height:1; font-family: 'Open Sans', sans-serif;} #main-menu-con ul{list-style:none outside none;margin: 0;} #main-menu-con li{float:left;position:relative;margin:0 1px;} #main-menu-con a{color:#54c203;display:inline-block;font-size:15px;padding:13px 10px; position:relative;text-align:center; font-weight: 500; transition:all 1s; } #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-radius:0 0 5px 5px;background:#ffffff;z-index:10000; border-bottom: 5px solid #54c203; box-shadow: 0 4px 2px 0 rgba(50, 50, 50, 0.2); } #main-menu-con ul li ul li{margin:0;} #main-menu-con ul ul ul{left:100%;top:0;} #main-menu-con ul ul a { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding:13px 15px;width:210px;text-align:left;font-weight: 100; font-size: 13px; background: transparent; } #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 {background:#54c203; color:#ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.03);} #main-menu-con .active { background: #000000; } #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: 20px; } #main-menu-con li.menu-item-has-children > a:after, #main-menu-con li.page_item_has_children > a:after { content: '\f0d7'; font-size: 17px; right:5px; 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 { font-size: 11px; content: '\f054'; } @media screen and (min-width: 901px) { #main-menu-con .sub-menu li.smedge.menu-item-has-children > a, #main-menu-con .sub-menu li.smedge.page_item_has_children > a { padding-left:20px; } #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%; } #main-menu-con{ background-color: transparent !important ; } } #mobile-menu { color: #54c203; background: #f7f7f7; padding: 5px 10px; margin-bottom: 5px; font-size: 20px; display: none; cursor:pointer; width: 100%; 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'; } /* ================ Top Menu ============== */ .top-menu-con-container { margin: 0 auto; } .top-menu-con-container.notopmenu { height: 0 !important; } .top-menu-con-items { width: auto; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; } .top-menu-con { display:inline-block; vertical-align: top; } .top-menu-con ul.menu {list-style:none; display: inline-flex; justify-content: center; flex-wrap: wrap; margin: 3px 10px;} .top-menu-con ul.menu ul{display: none;} .top-menu-con .menu li{float:left;position:relative;margin:0 3px;} .top-menu-con .menu a{display:inline-block; color:#ffffff; font-size:13px;padding:5px 10px;position:relative;text-align:center; border-radius: 5px; font-weight: 500; opacity: 1; transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; } .top-menu-con .menu a:before { content: '\f111'; padding: 0 5px 0 0; font-size: 11px; } .top-menu-con .menu a:hover { background: rgba(255,255,255,.3); color:#ffffff; } /* ================ Search Box ============== */ #searchform, .woocommerce-product-search { height: 39px; overflow: hidden; width: 100%; max-width: 550px; display: inline-flex;} .top-menu-con-items #searchform { width: auto; height: 29px; margin: 3px 10px; } #searchsubmit, .woocommerce-product-search button[type="submit"] { background: #73f315 url("images/search.png") no-repeat scroll center center; background-size: auto 70%; border-radius: 0 3px 3px 0; box-shadow: none; font-size: 16px; font-weight: normal; margin: 0 0 0 -5px; padding: 4px 20px; text-indent: -90000px; vertical-align: top; height: 100%; width: 45px; border: none; } 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); } .top-menu-con-items input#s { background: #f7f7f7; color: #aaaaaa; max-width: none; min-width: 100px; width: 110px; } .top-menu-con-items input#s:focus { width: 170px; color: #555555; background: #ffffff; box-shadow: none; } .extranumber, .connumber, .evenextracon { font-weight: 550; margin: 3px 10px; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; } .connumber::before {content:'\f095'; font-size: 17px; margin-right: 7px;} .extranumber::before {font-size: 17px; margin-right: 7px;} /* ================ Login Box ============== */ ul.lboxd{display:inline-block;position:relative;font-size:14px; font-weight: 500; vertical-align: top; margin: 0 20px;} ul.lboxd li{list-style:none;} a.loginicon, a.loginicon:hover {display:block;float:right; } a.loginicon::before, a.loginicon:hover::before { content: '\f2bd'; font-size: 35px; line-height: 1; } ul.lboxd ul{background:#f6f6f6; border-right: 7px solid #54c203; 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;} .loginicon { margin: 3px 10px; } .lboxd, .lboxd ul a, .lboxd ul a:hover { color: #54c203 !important; } .loginboxextra{ list-style: none; margin: 10px auto 0; position: relative; } /* ================ Sidebars and WidGets ============== */ .widget{display:block;word-wrap:break-word;} #right-sidebar{float:right;width:332px; display: inline-flex; justify-content: center; flex-wrap: wrap; } #right-sidebar .widget{border: 1px solid #54c203; margin:0 0 20px;padding:15px; width: 332px; border-radius: 3px; overflow: hidden; } .widget .widget-title { background: #54c203; color:#ffffff;padding-bottom:5px;text-transform:uppercase; font-weight: 500;} #right-sidebar .widget .widget-title { margin: -15px -15px 0; padding: 5px 10px; text-align: center;} #right-sidebar .widget, #right-sidebar .widget li, #right-sidebar .widget a {color:#555555;text-decoration:none;} #right-sidebar .widget a:hover{color:#333333;text-decoration:underline;} #right-sidebar .widget ul, #right-sidebar .widget ul{margin: 0 0 10px 15px;;} #right-sidebar .widget li{list-style: square outside none; padding: 5px 0;} #footer-content{margin:0 auto;} #footer-sidebar{overflow:hidden; margin: 30px -15px 0; display: flex; justify-content: center; flex-wrap: wrap;} #footer-sidebar .widget{margin-bottom:30px;} #footer-sidebar .widget .widget-title { background: transparent; } #footer-sidebar .footer-widgets { margin: 0 15px; width:calc(25% - 30px); min-width: 200px; min-height:1px; } #footer-sidebar .widget, #footer-sidebar .widget li, #footer-sidebar .widget a{color:#ffffff !important;text-decoration:none;} #footer-sidebar .widget a:hover{color:#ffffff;text-decoration:underline;} #footer-sidebar .widget ul, #footer-sidebar .widget ul { margin: 0 0 10px 15px; } #footer-sidebar .widget li{list-style: square outside none; padding: 5px 0;} #right-sidebar input#s, #footer-sidebar input#s{width:60%;min-width:100px;} .textwedget{width:100%;} h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6{line-height:1.25;margin:0 0 10px; text-decoration:none;} h1,h2,h3,h4,h5,h6{clear:both;text-decoration:none; font-family:'Open Sans',Arial, sans-serif;} .utext { text-transform: uppercase; } hr{background-color:#cccccc;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, i, em {font-style:italic;} .about-us-part em, .tesheading em, .boxtoptitle em { font-weight: 700; font-style: normal; } pre{background:#ffffff;border-radius:5px 5px 5px 5px;color:#141414;line-height:18px;margin-bottom:18px;overflow:auto;padding:1.5em;} abbr, acronym{border-bottom:1px dotted #777777;cursor:help;} sup, sub{height:0;line-height:1;position:relative;vertical-align:baseline;font-size:70%;} sup{bottom:1ex;} sub{top:.5ex;} address{background:#eeeeee;border:2px solid #dddddd;border-radius:5px 5px 5px 5px;font-weight:500;margin-bottom:15px;max-width:250px;padding:5px 10px;text-align:right;} embed{max-width:100%;} /* ==================== Gallery ========== */ #container .gallery{margin:0 auto 1.625em;} #container .gallery a img{border:none;} #container .gallery .attachment-thumbnail{float:none;margin:5px auto;} .gallery { margin: 0 -10px; text-align: center; } .gallery-item { margin: 20px 10px; display: inline-block; vertical-align: top; } .gallery-item img { border: none !important; padding: 0 !important; width: 100%; } .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);} #content .gallery .attachment-cat-page{margin:0 auto;float:none} h1{font-size:30px;} h2{font-size:23px;} h3{font-size:20px;} h4{font-size:17px;} h5{font-size:15px;} h6{font-size:13px;} p{margin-bottom:15px;} a {color:#54c203; text-decoration:none;} a:hover { color:#0bb10d; } b, strong{font-weight:bold;} .displaynone{display:none;} .clear{clear:both;} table{background-color:#ffffff;border:1px solid #eeeeee;border-radius:3px;padding:3px;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:#f6f6f6;} caption{color:#555555;} /* ==================== 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; } 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:#ffffff; color: #555555; border-radius:3px;font-size:14px;padding:10px 7px;width:100%; border:1px solid #eeeeee; transition:all 1s; } 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 { border:1px solid #54c203; color:#555555; } button, input[type="reset"], input[type="button"], input[type="submit"], .contactcontainer input[type="submit"]{ background: #54c203; border-radius: 3px; color: #ffffff; font-size: 19px; padding: 7px 15px 10px; text-decoration: none; box-shadow:0px 0px 0px 1px rgba(255,255,255,.5) inset; border: 5px solid #54c203; cursor: pointer; transition:all .5s; } button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, .contactcontainer input[type="submit"]:hover { text-decoration: none; box-shadow:0px 0px 0px 1px rgba(255,255,255,.9) inset; } .colorwhite { color: #eeeeee; font-size: 17px; } button:active, input[type="reset"]:active, input[type="button"]:active, input[type="submit"]:active{position:relative;top:1px;} .sticky::before{ content: "\f005 \f005 \f005"; letter-spacing: 10px; font-size: 20px; padding: 5px; display: block; text-align: center; background: #54c203; color: #ffffff; border-radius: 5px 5px 0 0; } .sticky .post-container { border-radius: 0 0 5px 5px; } .gallery-caption{clear:both;width:95%;} .bypostauthor{} #container, #content, #content-full{font-size:14px;text-align:justify;} #content-full #content { width: 100%; } .fullcontent #content { width: 100%; } #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;} /* ==================== Heading ========== */ .heading1container{ width: 100%; padding: 10px 0; margin: 20px auto; overflow: hidden; } .heading1vcenter{ padding: 20px 5px; background: #f6f6f6; border: 7px solid #ffffff; box-shadow: 0 0 2px 1px #f7f7f7; display: flex !important; justify-content: space-between; align-items: center; flex-wrap: wrap; } #heading1texts{width: 70%;padding-right: 20px;text-align:right;} #heading1{color:#54c203;font-size:30px;font-weight:100; text-shadow: 1px 1px 0 #ffffff; margin: 0; } #heading-desc1{color:#555555;font-size:17px;font-weight: 100;margin: 0;} #heading1button{ width:calc(30% - 30px); padding: 15px 0; margin-left: 10px; border-left: 3px solid #aaaaaa; display: inline-flex; justify-content: center; align-items: center; height: 100%; } #heading1 em, #heading1 b, #heading1 strong, #heading-desc1 em, #heading-desc1 b, #heading-desc1 strong { font-weight: 500; } /* ==================== Featured Boxes ========== */ .featured-boxs{ margin: 70px -15px 10px; position: relative; display:flex; justify-content: center; flex-wrap: wrap; } .featured-box { position: relative; display: inline-flex; justify-content: space-between; align-items: center; flex-direction: column; margin: 0 15px 20px; min-width: 200px; padding: 7px; text-align: center; transition: all 1s ease 0s; width:calc(33.33% - 30px); border-radius: 3px; overflow: hidden; } .featured-box h3.ftitle{font-weight:500;font-size:25px; margin: 10px auto 5px; color:#777777; text-align: center; transition:all .5s; } .featured-boxs .fblink { font-size: 17px; font-weight: 500; margin-top: 10px; text-align: center; } .feabox-img{width: calc(100% + 14px);margin: -7px -7px 0; display: flex;justify-content: center;align-items: flex-start;overflow: hidden;} .feabox-img img { position: relative; width: 100%; transition: all .5s; } .box-icon { display: inline-block; font-size: 0px; cursor: pointer; margin: 15px 30px; width: 90px; height: 90px; border-radius: 50%; 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; } .box-icon:before { speak: none; font-size: 48px; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } .box-icon { background: #54c203; transition: transform ease-out 0.1s, background 0.2s; } .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; transform: scale(0.9); } .featured-box:hover .box-icon { background: #54c203; 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: #54c203 ; } .featured-box:hover .feabox-img img { transform: scale(1.15); } .feades{align-self: stretch;} /*==== Blog Posts */ .bqpcontainer { padding: 30px 0 0; margin: 10px 0; } .bqpcontainer .featured-box h3.ftitle { font-size: 19px; padding: 0 9px; } .bqpcontainer .tesheading { margin: -10px auto 20px; line-height: 1; } .fpblogpostn p .read-more {display: none;} .read-more.fpageshow { align-self: flex-end; margin: 0; } .bqpcontainer .tesheading .read-more:after { font-size: 20px;} .bqpcontainer .featured-boxs{ margin: 30px -15px 10px; } .bqpcontainer .featured-box { background: #f6f6f6; box-shadow: 0 -1px 3px 0 #f6f6f6; padding: 0; border-bottom: 5px solid #54c203; } .attachment-fpage-thumb, .fpage-thumb { width: 100%; height: auto; position: relative; } .fppost-content { padding: 7px; text-align: justify; position: relative; } .fppost-content p { margin: 0; } .bqpcontainer .featured-box:hover { margin-top: 0; border-bottom: 5px solid #237504; } .bqpcontainer .featured-box:hover .read-more { background: #237504; } .fpthumb { display: flex; justify-content: center; align-items: flex-start; } .fpthumb a{width: 100%;} .fpthumb .fpage-thumb { transition: all .5s; } .featured-box:hover .fpthumb .fpage-thumb { transform:scale(1.15); } #wpsblogpost.bqpcontainer { background: transparent; margin:0; } #wpsblogpost.bqpcontainer .featured-box { } .fpthumb { width: 100%; overflow: hidden; margin-bottom: 7px; position: relative; } .bqpcontainer .read-all { margin: 0 auto; display: table; float: none; padding: 7px 15px; } /* ==================== Blockquote and Testimonials ========== */ blockquote, q {background:#dddddd;background:rgba(200, 200, 200, 0.10);border-left:10px solid #cccccc;margin:20px 10px;padding:10px;quotes:'<<' '>>';} blockquote:before, q:before {color:#cccccc;content:'\201C';font-size:4em;line-height:.1em;margin-right:.20em;vertical-align:-.4em; font-family: Georgia,serif;} blockquote:after, q:after {color:#cccccc;content:'\201D';font-size:4em;line-height:.1em;margin-left:.20em;vertical-align:-.4em; font-family: Georgia,serif;} blockquote p, q p {display:inline;} #customers-comment { margin: 0; } #customers-comment li { list-style: none; } .tesback { background:#f6f6f6; margin-top: 0px; padding: 10px 0; color: #777777; font-size: 13px; } .fpage-quote { background: #ffffff; padding: 20px; margin: 0 10px; } .fpage-quote h3 { color:#141414; text-align: center; } .arrow-down { border-color: #ffffff transparent; border-style: solid solid none; border-width: 30px 0 0 30px; float: left; height: 0; margin: -10px 0 0 20px; width: 0; } #customers-comment li img { width: 60px; height: 60px; margin: 10px; border-radius: 150px; float: left; } #customers-comment li h4 { display: table-cell; font-style: italic; padding: 30px 0 0; } /* ==================== Video Audio ========== */ iframe { max-width: 100%; max-height: 100%; } .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; } /* ==================== Clients Box ========== */ .clntback { margin: 1px 0; padding: 10px; } .clntback .clientslider #clientlogos { padding: 10px 0 20px; } .oslider .owl-theme .owl-controls .owl-buttons div { color: #ffffff; background: #54c203; border-radius: 0; font-size: 20px; font-weight: bold; padding: 5px 11px; line-height:1; transition:all 1s; } .oslider .owl-theme .owl-controls .owl-buttons div span{display: inline-flex; justify-content: center; align-items: center;} .clientslider .owl-carousel .owl-item { text-align: center; margin: 3px; padding: 5px; border: 1px solid #eeeeee; display: inline-flex; justify-content: center; align-items: center; } .clientslider .owl-carousel .owl-item a { display: flex; justify-content: center; align-items: center; } .clientslider .owl-carousel .owl-item img { max-height: 100%; max-width: 100%; height: auto; width: auto; } .oslider .owl-theme .owl-controls { text-align: right; } .clntlogons #clientlogos { margin: 0 -5px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .clntlogons .item { width: calc(100%/7 - 10px); display: inline-flex; min-width: 130px; margin: 5px; padding: 5px; line-height: 1; border: 1px solid #eeeeee; } /* ==================== Others ========== */ #container .attachment-thumbnail{border:1px solid #aaaaaa;border-radius:3px 3px 3px 3px;margin:0px 15px 10px 0;padding:3px;float:left;} #container .gallery .attachment-thumbnail{float:none;margin:5px auto;} h1.page-title, h1.arc-post-title{font-size:40px;text-align:left;color:#237504; font-weight: 500;} h2.post-title, h2.commentsbox, h3#reply-title, h2.post-title-color{text-align:left;font-size:35px;} h2.commentsbox:before { font-size: 35px; padding-right: 10px; content: "\f086"; } .searchinfo h1.page-title:before { font-size: 100px; position: absolute; width: 100px; margin-left: -110px; line-height: 1; } .searchinfo h3.arc-src, .searchinfo h1.page-title, .searchinfo #searchform, .searchinfo .backhome { padding-left: 110px; } .entrytext{padding:10px 20px;} h3.arc-src{text-transform:uppercase;color:#237504;font-size:20px;} h3 span{color:#777777;} .post, .hentry, .no-results{margin-bottom:40px;} /*============= Post Container ========== */ .post-container { border: 1px solid #54c203; border-radius: 3px; overflow: hidden; } .post-container .fpthumb { display: flex; } .post-container a { transition:all 1s; } .post-container .fpthumb img { transition:all 1s; } .post-container:hover .fpthumb img { transform:scale(1.15); } .no-post-title .post-container h1.page-title, .no-post-title .post-container .up-bottom-border { display: none; } .no-post-margin .post-container { border:none; border-radius: 0; } .no-post-margin .post-container .entrytext { padding: 10px 0; } .read-more{font-size: 13px; font-weight: 300; padding: 5px 7px; margin: 11px -7px 0 0; float: right; text-transform: uppercase; background: #54c203; color: #ffffff; transition:all 1s;} .read-more:after { content: "\f061"; font-size: 15px; padding-left: 5px; } .read-more:hover { background: #237504; opacity: 1; color: #ffffff; } .up-bottom-border { background: #f7f7f7; border-top: 1px solid #eeeeee; display: block; padding: 5px 15px; margin-top: 15px; overflow: hidden; } .up-bottom-border, .up-bottom-border a, .up-bottom-border a:hover { color: #777777; text-shadow: 0 1px 0 #ffffff; } .post-meta { background: #f7f7f7; margin: 10px 0 0; padding: 7px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-weight: 500; } .post-meta span:before { padding-right: 5px;} .post-meta span { padding-right: 20px;} .post-meta a, .pagenavlink a{ color: #777777 !important; text-shadow: 0 1px 0 #ffffff; } .floatleft{float:left;width:47%; min-width: 200px;} .floatright{float:right;width:47%; min-width: 200px;} .page-nextpre{ display: flex; justify-content: center; flex-wrap: wrap; position: relative; margin: 0 -20px; padding: 10px 0; } .pagenavlink { margin: 5px 20px; min-width: 250px; } .page-nav { text-align: center; width: 100%; position: relative; padding: 10px; } .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::before{ font-weight: normal !important;} .page-link a { background:#54c203; 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: #0fa516; 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 #0fa516; color: #ffffff; background: #0fa516; 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 !important; color: #555555; border: none; } .content .pagenavlink { width: calc(50% - 10px); margin: 10px 0; font-size: 15px; } /* ==================== Comments Box ========== */ .commentsbox { border-bottom: 1px solid #eeeeee; } #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:#237504;letter-spacing:3px;font-style:normal;font-weight:bold;} #comments img.avatar{border: 5px solid #ffffff; border-radius: 9px; box-shadow: 0 0 3px 0 #cccccc; height: 80px; left: 0; position: absolute; width: 80px;} #comments ul.children{padding:0;} .comment-body{ background: #f7f7f7; border-radius: 5px; padding: 10px;} .comment-body:after { border-bottom: 15px solid transparent; border-right: 15px solid #f7f7f7; 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 99px;position:relative;} #comments .comment-body p:last-child{margin-bottom:6px;} #comments .comment-meta, #comments .comment-meta a:link, #comments .comment-meta a:visited{color:#aaaaaa;font-size:12px;padding-bottom:10px;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:#237504;font-weight:bold;position:absolute;} #comments ol.commentlist, #comments li.commentlist{padding:0;list-style:none;} #comments-list #respond{margin:0 0 18px 0;} #comments-list ul #respond{margin:0;} #cancel-comment-reply-link{font-weight:normal;line-height:18px;} #respond { margin: 20px auto 10px; } #respond input{margin:0 0 9px;display:block} #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;} .comment-author .fn, .comment-author .fn a { color: #0fb122; } #respond textarea{ } .logged-in-as a {font-size: 15px; color: #0fb122; } #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; } .top-menu-con.displaynone { display: none; } .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; } .go-top:hover { opacity: .9; color: #ffffff;} .headerheight { display: block; clear: both; height: 1px; margin-bottom: -1px; } #creditline{color:#eeeeee; background: #237504; font-size:13px;text-align:center; padding: 13px 0 10px;} #creditline a{font-weight:bold; color:#eeeeee;} *, *:before, *:after { box-sizing: border-box; margin: 0; outline: medium none; padding: 0; } .boxtoptitle { text-align: center; width: 93%; margin: 0 auto; font-size:48px; color: #54c203; position: relative; font-weight: 500; } .boxtoptitle span { background: #ffffff; opacity: .55; position: absolute; display: block; width: 100%; height: 31px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .testimonialslider .boxtoptitle { text-shadow: 0 1px 0 #ffffff; font-size: 43px; } .boxtopdes { text-align: center; width: 93%; margin: 0 auto; font-size:18px; line-height: 21px; max-width: 650px; padding: 21px 0 0; font-weight: 300; } .se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; background: url("images/loader.gif") center no-repeat #ffffff; } .box100 { width: 100%; display: block; clear: both; } .box90 { width: 93%; display: block; margin: 0 auto; } .box90-5 { margin:0 -5%; } .fpagecbox { margin: 0 auto; display: block; position: relative; } .fpagecbox img {height: auto;} #staff-box-item .box90 { overflow: hidden; padding: 20px 0; } .container100,.container100 #content,.container100 #content-full {margin: 0 auto !important; width: 100% !important; padding: 0 !important;} .container100 .post, .container100 .hentry, .fullcontainer .post, .fullcontainer .hentry, .fullcontainer .no-results, .container100 .no-results, .container100 .alignnone, .container100 .alignleft, .container100 .alignright, .container100 .aligncenter { margin: 0 !important; } /* ==================== Contact Box ========== */ .contactcontainer { overflow: hidden; color: #ffffff; background: #18A60E; padding-top: 20px; } #contactbox{ position: relative; margin: 0 -15px; display: flex; justify-content: center; flex-wrap: wrap; } .contactboxpart{ width:calc(50% - 30px); margin: 10px 15px 10px; } .contactcontainer textarea{ height: 100px; } .contactcontainer input, .contactcontainer textarea, .contactcontainer input[type="text"] { background: transparent; border-color: rgba(255, 255, 255, .5); color: #ffffff; } .contactcontainer input:focus, .contactcontainer textarea:focus, .contactcontainer input[type="text"]:focus { background: #ffffff; border-color: rgba(0, 0, 0, .1); color: #555555; } .contactcontainer .boxtoptitle, .contactcontainer .boxtopicon{ color: #ffffff; } .contactcontainer input[type="submit"] { min-width: 200px; } .contactcontainer .box90 { padding: 50px 0; } .contactcontainer .floatright h3 { font-size: 30px; font-weight: 500; } .contactinfo { padding: 20px 0; } .contactinfo span { border: 3px solid #ffffff; border-radius: 150px; display: inline-block; font-size: 20px; height: 40px; line-height: 1.6; 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 ::-webkit-input-placeholder { color: #ffffff; } .contactcontainer :-moz-placeholder { color: #ffffff; } .contactcontainer ::-moz-placeholder { color: #ffffff; } .contactcontainer :-ms-input-placeholder { color: #ffffff; } @media screen and (max-width: 700px) { .contactboxpart { min-width: calc(100% - 40px); } } /* ================ Mapping Box ============== */ .mappingcontainer { overflow: hidden; text-align: center; display: block; } .mappingcontainer .su-gmap { margin: 0; } ::-webkit-input-placeholder { color: #cccccc; } :-moz-placeholder { color: #cccccc; } ::-moz-placeholder { color: #cccccc; } :-ms-input-placeholder { color: #cccccc; } /* ============ Socila Links =============== */ .social { display: inline-flex; margin: 0 10px; justify-content: center; align-items: center; flex-wrap: wrap; } .social a { background: rgba(255, 255, 255, .35); color: rgba(255, 255, 255, 0.5)!important; border-radius: 5px; width: 33px; height: 33px; font-size: 21px; margin: 3px 5px; display: inline-flex; justify-content: center; align-items: center; transition:all 1s; } .upsocial.social a { background: rgba(0, 0, 0, 0.3); } .social a::before { content: '\f005'; transition:all 1s; } .social a:hover::before { color: #ffffff; } .social a[href*="wordpress.org"]::before, .social a[href*="wordpress.com"]::before { content: '\f19a'; } .social a[href*="facebook.com"]::before { content: '\f39e'; } .social a[href*="twitter.com"]::before { content: '\f099'; } .social a[href*="dribbble.com"]::before { content: '\f17d'; } .social a[href*="plus.google.com"]::before { content: '\f0d5'; } .social a[href*="pinterest.com"]::before { content: '\f0d2'; } .social a[href*="github.com"]::before { content: '\f113'; } .social a[href*="tumblr.com"]::before { content: '\f173'; } .social a[href*="youtube.com"]::before { content: '\f167'; } .social a[href*="flickr.com"]::before { content: '\f16e'; } .social a[href*="vimeo.com"]::before { content: '\f194'; } .social a[href*="instagram.com"]::before { content: '\f16d'; } .social a[href*="codepen.io"]::before { content: '\f1cb'; } .social a[href*="linkedin.com"]::before { content: '\f0e1'; } .social a[href*="vk.com"]::before { content: '\f189'; } .social a[href*="t.me"]::before { content: '\f3fe'; } .social a[href*="xing.com"]::before { content: '\f168'; } .social a[href*="yelp.com"]::before { content: '\f1e9'; } .social a[href*="wordpress.org"]:hover, .social a[href*="wordpress.com"]:hover { background: #09b6db; } .social a[href*="facebook.com"]:hover { background:#455afa; } .social a[href*="twitter.com"]:hover { background:#33ccff; } .social a[href*="dribbble.com"]:hover { background:#ea4c89; } .social a[href*="plus.google.com"]:hover { background:#f32e0d; } .social a[href*="pinterest.com"]:hover { background:#c8232c; } .social a[href*="github.com"]:hover { background:#555555; } .social a[href*="tumblr.com"]:hover { background:#455afa; } .social a[href*="youtube.com"]:hover { background:#F90909; } .social a[href*="flickr.com"]:hover { background:#ff0084; } .social a[href*="vimeo.com"]:hover { background:#1AB7EA; } .social a[href*="instagram.com"]:hover { background:#05ace3; } .social a[href*="codepen.io"]:hover { background:#555555; } .social a[href*="linkedin.com"]:hover { background:#05ace3; } .social a[href*="vk.com"]:hover { background:#0895c4; } .social a[href*="t.me"]:hover { background:#0680a8; } .social a[href*="xing.com"]:hover { background:#b0d400; } .social a[href*="yelp.com"]:hover { background:#d32323; } /* 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. */ } /* ============ Some Common =============== */ .bcolor-back { background-color: #54c203 !important; color: #ffffff !important; } .bcolor-border { border-color:#54c203; } .bcolor-back a, .bcolor-back a:hover { color: #ffffff; } .bcolor-text { background: transparent; color:#54c203; } .bcolor-text a, .about-us-part em, .lboxd, .lboxd ul a { color:#54c203; } #about-us-box-item { text-align: center; } .about-us-part { max-width: 900px; padding: 50px 0 0; } h2.about-us { font-size: 35px; font-weight: 500; } h3.about-us { font-size: 25px; font-weight: 500; } /* ============ Main Slider =============== */ .mainslider { } .mainslider #mslider .item img{ display: block; width: 100%; height: auto; } .mainslider .owl-pagination { position: absolute; width: 100%; text-align: center; bottom: 5%; } .mainslider .owl-theme .owl-controls .owl-page span { background: transparent; display:block; width:17px; height:17px; border-radius:50%; box-shadow:0 0 0 2px #ffffff inset; } .mainslider .owl-theme .owl-controls .owl-page.active span { background: #ffffff; opacity: 1;} .mainslider .owl-buttons { position: absolute; top: 40%; width: 100%; z-index: 3; } .mainslider .owl-theme .owl-controls .owl-buttons div { position: absolute; height: 60px; width: 50px; top:0; opacity: .5; background: #54c203; border-radius: 5px; font-size: 40px; margin: 0; transition:all .5s; display: flex; justify-content: center; align-items: center; } .mainslider .owl-buttons .owl-prev { left:-55px; text-align: right; } .mainslider .owl-buttons .owl-next { right:-55px; text-align: left; } .mainslider:hover .owl-buttons .owl-prev { left:-5px; } .mainslider:hover .owl-buttons .owl-next { right:-5px; } .mainslider h2 { font-size: 35px; background: rgba(0,0,0,.5); color: #54c203; padding: 5px 10px; display: table; max-width: 700px; font-weight: 500; } .mainslider p { font-size: 17px; background: rgba(0,0,0,.5); padding: 5px 10px; display: table; clear: both; max-width: 700px; } .mainslider .slide-links { bottom: 70px; display: block; width: 100%; z-index: 110; } .mainslider .slide-links .btnh { border-radius: 3px; margin: 0 10px 0 0; display: inline-block; overflow: hidden; } .mainslider .slide-links .slide_btn { border: 1px solid #ffffff; color: #ffffff; display: inline-block; font-size: 19px; font-weight: 400; padding: 10px 20px; transition:all 1s; } .mainslider .slide-links .slide_btn2 { border: 1px solid #54c203; background:#54c203; } .mainslider .slide-links .slide_btn:hover { background-color:#237504 !important; border-color: #237504 !important; color: #ffffff !important; } .mslider-content-wrap { position: absolute; width: 100%; height: 100%; margin: 0px auto; z-index: 2; text-align: center; color: #ffffff; left: 0px; right: 0px; top: 0px; } .mslider-text-container { width: 100%; height: auto; margin: 0px auto; padding: 64px; padding-bottom: 72px; text-align: left; } .mslider-content-wrap h2, .mslider-content-wrap p, .mslider-content-wrap .slide-links, .mainslider #mslider .item img.mslider-caption { transition-property: all; transition-duration: 1s; transition-timing-function: ease-in-out; transition-delay: 0s; opacity: 0; } .lposition h2 { margin-left: 120px; transition-delay: .3s; } .lposition p { margin-left: 120px; transition-delay: .9s; } .mslider-content-wrap .slide-links { margin-top: 50px; transition-delay: 1.5s; } .mainslider #mslider .item img.mslider-caption { position: absolute; bottom: 0; width: 35%; right: 30%; transition-delay: .7s; opacity: 0; z-index: -1; } .mainslider .owl-item.active .mslider-caption { margin-left: 0px; opacity: 1; margin-top: 0px; } .mainslider #mslider .owl-item.active .item img.mslider-caption { right: 3%; opacity: 1; } .rposition { text-align: right; } .rposition h2 { margin-right: 120px; transition-delay: .3s; float: right; } .rposition p { margin-right: 120px; transition-delay: .9s; float: right; } .rposition .slide-links { float: right; } .mainslider .rposition .slide-links .btnh { margin: 0 0 0 10px; } .mainslider .owl-item.active .rposition .mslider-caption { margin-right: 0px; opacity: 1; margin-top: 0px; } .mainslider #mslider .owl-item.active .item .rposition img.mslider-caption { right: 62%; opacity: 1; } /* ==================== Recent Works ========== */ #grid-gallery {clear: both; position: relative} #filter-gallery {list-style-type: none; margin: 20px auto; padding: 0; display: flex;justify-content: center; flex-wrap: wrap;} #filter-gallery li, #filter a {display: block; float: left; margin: 0; text-align: center;} #filter-gallery a { box-shadow: 0 0 0 1px #eeeeee; display: block; float: left; padding: 7px 20px; transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;} #filter-gallery a.active, #filter-gallery a:hover { background: #ffffff !important; color:#111111 !important;} .item-gallery { width:25%; height: auto; min-width: 250px; margin:0; display:inline-block; text-align:center; vertical-align:top; overflow: hidden; margin-bottom: -7px; transition:all .5s;} .gallerycontainer { background: #f6f6f6; display: block; overflow: hidden; padding: 20px 0; } .gallery-overlay { opacity: 0; height: 100%; width: 100%; background: rgba( 0, 0, 0, .5 ); top:0; color: #ffffff; left: 0; position: absolute; padding: 30px 10px; transition:all 1s; } .galmask:hover .gallery-overlay { opacity: 1; } .galmask img, .gcaption, .glink { position: relative; transition:all 1s; } .galmask:hover img { transform:scale(1.25,1.25); } .glink, .glink:hover { display: inline-flex; justify-content: center; align-items: center; font-size: 25px; font-weight: bold; border-radius: 5px; width: 40px; height: 40px; margin: 10px 50px; } .galmask:hover .glink { margin: 10px 5px; } .gtitle, .gtile:hover { font-weight: 500; } .gcaption { display: block; position: absolute; bottom: -100%; left: 0; padding: 3%; height: auto; width: 100%; } .gcaption h3 { margin: 0; } .gcaption h3, .gcaption p { margin: 0 0 5px; } .galmask:hover .gcaption { bottom: 0; } .gallerycontainer a { color: #ffffff !important; } /* ==================== Staff Box ========== */ .staffbox-item{padding: 20px 0 20px;} .staff-boxs { position: relative; margin: 0 -15px; display: flex; justify-content: center; flex-wrap: wrap; text-align: center; } .view-staff { display: inline-block; position: relative; height: auto; margin: 30px 15px 0; min-width: 200px; width: calc(25% - 30px); border-radius: 3px; overflow: hidden; color: #111111; } .view-staff img { border-radius: 3px; } .staff-name-box { position: relative; border-radius: 0 0 3px 3px; background: transparent; color: #111111; padding: 10px; display: block; overflow: hidden; transition:all .25s; } .staff-name-box .staffname { margin: 0 auto; font-weight: 500; color: #111111; } .staff-name-box p { margin: 0 auto; font-size: 17px; } .staff-name-box .social { margin: 10px auto 3px; opacity: 0; } .view-staff:hover .staff-name-box { background: #54c203 !important; color: #ffffff !important; margin-top: -20px;} .view-staff:hover .staff-name-box .staffname { color: #ffffff; } .view-staff:hover .social { display: block; text-align: center; opacity: 1; } /* ==================== Service and Features ========== */ .snfbox { margin: 20px -15px; display: flex; justify-content: center; flex-wrap: wrap; } .service-box, .fea-box { margin: 15px; min-width: 300px; } .snf-heading { border-bottom: 1px solid #ffffff; display: block; margin-bottom: 20px; width: 100%; } .snfhead { display: table; } .snf-heading .snhhtitle { font-size: 30px; font-weight: 500; border-bottom: 5px solid #54c203; color: #555555; display: inline-block; padding: 0 5px 5px 0; margin: 0 0 -3px; } .snf-heading .snfhead:before { margin-right: 7px; color:#158e09; font-size: 30px; } .service-box { width: calc(35% - 30px); } .accitems { margin:0; display: flex; justify-content: center; flex-wrap: wrap; } .sertitles { width: 100%; margin:0; } .sertitle, .serdescription { list-style: none; } .sertitle { cursor: pointer; color:#54c203; overflow: hidden; font-size: 19px; font-weight: 500; margin: 10px 0 0; } .sertitle .plusicon { padding: 9px 10px; background: #f7f7f7; border: 1px solid #eeeeee; border-radius: 3px; display: block; overflow: hidden; transition:all .5s; } .sertitle:hover .plusicon { color:#ffffff; background: #54c203; border: 1px solid #54c203; } .sertitle .minusicon { background: #54c203; color: #ffffff; border: 1px solid #54c203; border-radius: 3px 3px 0 0; } .serdescription { background: #54c203; border-radius: 0 0 3px 3px; color: #ffffff; display: none; padding: 10px; border-top: 1px solid rgba(255,255,255,.5); } .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% - 30px); } .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: #54c203; } h3.fea-item::before { position: absolute; left:0; font-size: 1.5vw; } 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; } /* ==================== Display Box ========== */ #display-box-item { position: relative; height: auto; } .display-box { background: url("images/displaybox.jpg") repeat scroll 0 0 / 100% auto transparent; margin: 0 auto; } .dismask { width: 100%; height: 100%; background: url("images/mask.png") rgba(0,0,0,.5) repeat; color: #ffffff; text-align: center; padding: 7vw 0; } .display-textarea { max-width: 900px; } .dismask a { color: #ffffff; } img.displaybox { width: 10%; min-width: 200px; } img.displaybox { width: 10%; min-width: 200px; } h2.displaybox { font-weight: 500; font-size: 30px; } a.displaybox { color: #ffffff !important; font-weight: 500; font-size: 19px; padding: 10px 20px; border: 1px solid #ffffff; margin: 20px auto; display: inline-block; clear: both; border-radius: 3px; transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; } p.displaybox { margin-top: 30px; line-height: 1.7; font-size: 17px; } a.displaybox:hover { background: #54c203; border: 1px solid #54c203; } *, *::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;} /* ==================== 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 { font-family: 'Anaheim', sans-serif; } .ecom-part h2.boxtoptitle { font-style: normal; color: #237504; } .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: #54c203; } .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: #54c203 !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce div.product .product_title { background-color: #237504; } .woocommerce .product_meta { border: 1px solid #eeeeee; padding: 5px; border-radius: 3px; width: 100%; display: table; } .woocommerce .entrytext, .woocommerce-account .entrytext, .woocommerce-page .entrytext, .elementor-default .entrytext {background-image: none;} .woocommerce-MyAccount-navigation ul { margin: 5px 0; padding: 0; } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link { list-style: none; } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a { font-size: 15px; text-transform: uppercase; font-family: 'Open Sans', SolaimanLipi; background: #f6f6f6; margin: 0 0 3px; padding: 5px 7px; list-style: inside square none; border-radius: 3px; color:#237504; display: list-item; transition: all .4s; } .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a:hover { background: #237504; color: #ffffff; } .woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce .woocommerce-message { border-color: #54c203; } .woopage .woocommerce a {color: #54c203; } .woocommerce ul.products li.product h3 { color: #ffffff; padding: 5px; font-size: 25px; } .woocommerce ul.products li.product .price del { display: inline-block; vertical-align: middle; margin-right: 15px; font-size: 15px; opacity: .7; } .woocommerce ul.products li.product .price { display: inline-block; vertical-align: middle; font-size: 17px; margin: 5px auto -5px; } .woocommerce ul.products li.product .button { display: block; background-color: #f6f6f6; border-radius: 0px; color:#eeeeee !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 10px; text-align: center; } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover { padding: 0px; background-color: transparent; } .woocommerce ul.products li.product .price ins { text-decoration: none; } .woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce .cart .button, .woocommerce .cart input.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce div.product .product_title { border-radius: 0px; color: #ffffff !important; } .woocommerce .content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page .content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 150px; } .woocommerce-cart table.cart td.actions .coupon .input-text { padding: 8px 6px 9px; } #right-sidebar .woocommerce ul { margin: 0 0 20px 0; } #right-sidebar .woocommerce ul, #right-sidebar .woocommerce li { list-style: none; } #right-sidebar .woocommerce *::before { } #main-menu-con a.wccart-icon { font-size: 17px; font-weight: bold; line-height: 14px;} #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; font-family:'Open Sans',cursive,SolaimanLipi,sans-serif; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {font-size: 20px;} /* 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; } /* ==================== Breadcrumbs ========== */ .breadcrumbs { margin: 10px auto 3px; font-weight: 500; } .breadcrumbs h2.trail-browse {margin-right: 5px;} .breadcrumbs .trail-browse, .breadcrumbs .trail-items, .breadcrumbs .trail-items li { display: inline-block; margin: 0; padding: 0; border: none; background: transparent; text-indent: 0; } .breadcrumbs .trail-browse { font-size: 15px; font-style: inherit; font-weight: inherit; color: inherit; } .breadcrumbs .trail-items { list-style: none; } .trail-items li::after { content: "\002f"; padding: 0 3px; } .trail-items li:last-of-type::after { display: none; }