File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/cedarresidency.com/css/basic-menu.css

Back
/* * Webslide - v3.2 * Web Slide - Responsive Mega Menu for Bootstrap 3+ * * Copyright 2016 webthemex * http://codecanyon.net/user/webthemex?ref=webthemex * * Licensed under Envato licenses * http://codecanyon.net/licenses/standard / .wsmain html, .wsmain body, .wsmain iframe, .wsmain h1, .wsmain h2, .wsmain h3, .wsmain h4, .wsmain h5, .wsmain h6{margin:0px; padding:0px; border:0px; font: inherit; vertical-align:baseline; font-weight:normal; font-size:12px; line-height:18px;font-family:Helvetica, Arial, sans-serif; -webkit-font-smoothing:subpixel-antialiased; font-smoothing:antialiased; font-smooth:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing:subpixel-antialiased !important; font-smoothing:subpixel-antialiased !important; font-smooth:subpixel-antialiased;} .wsmain .cl{clear: both;} .wsmain img, object, embed, video{border:0 none; max-width: 100%;} .wsmain a:focus {outline:none !important;} .wsmain:before, .wsmain:after{content: ""; display: table;} .wsmain:after{clear: both;} / ------------ Drawer Menu Modifications ------------ / .slide-logo { text-align:center !important; position:relative; padding:25px; } .slide-logo img { width:50px; height:51px; } .wsmenu{ right:-240px !important; left:auto !important; z-index:300 !important; } .wsmenucontainer.wsoffcanvasopener{ margin-left:0px !important;} .wsoffcanvasopener .wsmenu{ left:auto; right:0px !important;} #fw_al_003 {position:relative; top:0px !important;} /Particular to Basic Menu/ .ps_fade .item.active { opacity: 1; z-index: 2 !important; } /if wanted push menu replace with below/ /.wsmenu{ right:-240px !important; left:auto !important; }/ /.wsmenucontainer.wsoffcanvasopener{margin-left:0px !important; margin-right:240px !important;}/ / ------------ Drawer Menu ------------ / /.wsmenu-submenu { top:50px !important; }/ /------------------------------------ Structure ---------------------------------------------/ .headerfull{ width:100%; background-color: #ffffff; height:75px; } .posrlt{ position:relative;} .headtoppart{ display:block; width:100%; background-color:#333333; height:39px; margin:0px auto; padding:0px 0px; min-width:320px; } .headertopleft{ width:50%; float:left; } .headertopright{ width:50%; float:right; text-align: right;} .headertopright a{line-height:39px; color:#b6b6b6; font-size:14px; padding:0px 12px; display:inline-block; } .headertopright a:hover{ background-color:#272B37; text-decoration:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .headertopright a.facebookicon:hover{background-color:#3b5998; color:#fff;} .headertopright a.twittericon:hover{ background-color:#55acee; color:#fff;} .headertopright a.linkedinicon:hover{ background-color:#0077b5; color:#fff;} .headertopright a.googleicon:hover{ background-color:#dd4b39; color:#fff;} .address{ padding:10px 0px 0px 0px; font-size:12px; color:#b6b6b6;} .address a{color:#b6b6b6;} .address span{ margin-right:9px; } .address .fa{ margin-right:6px; margin-left:6px; color:#5f5f5f;} .norlt{ position:static; } .menuwrapper{ position:relative; } .show-grid{background-color:#fff;} .btn-border{ border: 2px solid; border-radius: 40px; display: inline-block; font-size: 13px; text-transform: uppercase; -moz-user-select: none; background-image: none; text-align: center; vertical-align: middle; white-space: nowrap; color: #fff; padding: 15px 40px; } .btn-border:hover{ color:#fff; text-decoration:none; opacity:0.9;} .btn-border:focus { color: #fff; text-decoration:none; opacity:0.9; } @-webkit-keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .rotating { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } /------------------------------------ Desktop CSS ---------------------------------------------/ .wsmobileheader{display:none;} .overlapblackbg{ display:none;} .wsmenucontainer{ background-size:cover; /background-image:url(../images/bg01.jpg);/ overflow: hidden; -webkit-background-attachment: fixed !important; -moz-background-attachment: fixed !important; background-attachment: fixed !important; background-position: 50% 0; background-repeat:no-repeat; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } / Main menu link class / .smllogo{ padding:18px 0px 0px 0px; margin:0; float:left; } .smllogo a{ display:block; float:left; padding:0px 0px 0px 0px;} .smllogo a img{ width:146px } .topmenusearch { float: right; width:225px; height: 39px; position: relative; margin:16px 0px 0px 0px; } .topmenusearch .searchicon { -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .topmenusearch input { width:100%; position: relative; float:right; top: 0; right: 0; bottom: 0; width: 100%; border: 0; padding: 0; margin: 0; text-indent: 15px; height: 39px; z-index: 2; outline: none; color: #ccc; background-color:#f0f0f0; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .topmenusearch input:focus { color: #fff; width: 260px; } .topmenusearch input:focus ~ .btnstyle{ background-color:#282C37 !important; color:#fff; opacity:0.9; } .topmenusearch input:focus ~ .btnstyle .fa{ color:#fff; } .topmenusearch input:focus ~ .searchicon { opacity: 1; z-index: 3; color: #FFFFFF; } .topmenusearch .btnstyle { top:0px; position: absolute; right: 0; bottom: 0; width: 40px; line-height: 30px; z-index: 1; cursor: pointer; opacity:0.3; color:#000000; z-index:1000; background-color:transparent; border: solid 0px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .topmenusearch .btnstyle .fa{ line-height:38px; margin: 0; padding: 0; text-align: center; } .topmenusearch .btnstyle:hover{ background-color:#282C37; opacity:0.9; } .topmenusearch input { color:#000000; } .wsmain{ width:100%; margin:0 auto; padding:0px 0px; position:relative; max-width:1200px; } .wsmenu{ font-family: 'Lato', sans-serif; text-transform:uppercase; color:#333333; font-size:12px; padding:0px 0px 0px 0px; margin:0px auto; width:77%; float:right; height:75px; border-left:1px solid rgba(0, 0, 0, 0.1); } .wsmenu-list{ text-align:left; margin:0 auto 0 auto; width:100%; display: table; padding:0px;} .wsmenu-list > li{ text-align:center; display:block; margin:0px; padding:0px; float:left; } .wsmenu-list > li > a .fa{ display:inline-block; font-size:13px; line-height:inherit; margin-right:12px; color:#333333; } .wsmenu-list li ul li a .fa.fa-angle-double-right{ font-size:12px; margin: 0 3px 0 -4px;} .mobiletext{display:none;} .wsmenu-list li a .arrow:after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid #626262; content: ""; right: 15px; height: 0; margin: 0 0 0 9px; position: absolute; text-align: right; top: 38px; width: 0;} .wsmenu-list > li > a{ display:block; color:#333333; padding:0 31px 0 31px; line-height:75px; border-right:1px solid rgba(0,0,0,0.10); text-decoration:none; position:relative; } .wsmenu-list li a:hover .arrow:after{ border-top-color:#b3b3b3} .wsmenu-list li a.active .arrow:after{ border-top-color:#b3b3b3} .wsmenu-list li:hover>a .arrow:after{ border-top-color:#b3b3b3} .megamenu iframe{width:100%; margin-top:10px; min-height:200px; } .megamenu video{ width:100%; margin-top:10px; min-height:200px;} .wsmenu-list > li a.menuhomeicon{padding:0px 20px;} .wsmenu-list > li.socialicon{float:left;} .wsmenu-list > li.socialicon a{ width:38px; padding:0px 10px} .wsmenu-list > li.socialicon a .fa{ font-size:15px; color:#ffffff; text-align:center;} /.wsmenu-list > li.socialicon a.facebookicon{ background-color:#3b5998;} .wsmenu-list > li.socialicon a.twittericon{ background-color:#55acee;} .wsmenu-list > li.socialicon a.linkedinicon{ background-color:#0077b5;} .wsmenu-list > li.socialicon a.googleicon{ background-color:#dd4b39;}/ .wsmenu-list > li.rightmenu{float:right;} .wsmenu-list > li.rightmenu a{ padding:0px 30px 0px 20px; border-right:none;} .wsmenu-list > li.rightmenu a .fa{ font-size:15px; } .wsmenu-list > li.rightmenu{float:right;} .wsmenu-list > li.rightmenu:before, .wsmenu-list > li.rightmenu:after{content: ""; display: table;} .wsmenu-list > li.rightmenu:after{clear: both;} .wsmenu-list > li.rightmenu{zoom: 1;} .wsmenu-list > li.carticon{float:right;} .wsmenu-list > li.carticon a{ padding:0px 27px 0px 15px; text-align:center; border-left:1px solid rgba(0, 0, 0, 0.1); } .wsmenu-list > li.carticon a .fa{ font-size:15px; } .wsmenu-list > li.carticon em.roundpoint{ position:absolute; top:8px; width:15px; height:15px; background-color:#DA4B38; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;font-size:9px; text-align:center; font-style:normal; line-height:14px !important; color:#fff;} / END Main menu link class / / Mega menu class / .wsmenu-list li:hover .megamenu{opacity:1;} .megamenu{ width:100%; left:0px; position:absolute; top:75px; color:#000; z-index:1000; margin:0px; text-align:left; padding:14px; font-size:15px; border:solid 1px #eeeeee; background-color:#fff; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;} .megamenu .title{ border-bottom:1px solid #CCC; font-size:14px; padding:9px 5px 9px 0px; font-size:17px; color:#424242; margin:0px 0px 7px 0px; text-align:left; height:39px;} .link-list li{ display:block; text-align:center; white-space:nowrap; text-align:left;} .link-list li a{ line-height:18px; border-right:none; text-align:left; padding:6px 0px; background:#fff !important; background-image:none !important; color: #666666 !important; border-right: 0 none !important; display:block; border-right:1px solid #e7e7e7; background-color:#fff; color:#424242;} .link-list .fa{font-size:11px;} .megacollink{width:23%; float:left; margin:0% 1%; padding:0px;} .megacollink li{ display:block; text-align:center; white-space:nowrap; text-align:left;} .megacollink li a{ line-height:18px; border-right:none; text-align:left; padding:8px 0px; background:#fff !important; background-image:none !important; color: #666666 !important; border-right: 0 none !important; display:block; border-right:1px solid #e7e7e7; background-color:#fff; color:#424242;} .megacollink .fa{font-size:11px;} .megacolimage{width:31.33%; float:left; margin:0% 1%;} .typographydiv{width:100%; margin:0% 0%;} .typographylinks{width:25%; float:left; margin:0% 0%;} .typographylinks ul{ padding:0px; } .mainmapdiv{ width:100%; display:block; margin:0% 0%; } .wsmenu-list .ad-style{width:28%; float:right;} .wsmenu-list .ad-style a{border:none !important; padding:0px !important; margin:0px !important; line-height:normal !important; background-image:none !important;} .mobile-sub .megamenu .ad-style a:hover{ background-color:transparent !important; } .wsmenu-list .megamenu li:hover>a{background:transparent !important;} .wsmenu-list .megamenu li a:hover{background:transparent !important; text-decoration:underline;} .wsmenu-list .megamenu li .fa { margin-right:5px; text-align: center; width: 18px;} .mrgtop{ margin-top:15px; } .show-grid div{padding-bottom: 10px; padding-top: 10px; background-color:#dbdbdb; border: 1px solid #e7e7e7; color:#6a6a6a; margin:2px 0px;} .megamenu .left.carousel-control{ padding-top:20%; } .megamenu .right.carousel-control{ padding-top:20%; } /.carousel-inner .item img{ width:100%; }/ .megamenu .carousel-caption{ bottom:0px; background-color:rgba(0,0,0,0.7); font-size: 13px; height: 31px; left: 0; padding: 7px 0; right: 0; width: 100%;} .typography-text { padding:0px 0px; font-size:14px;} .typography-text ul{ padding:0px 0px; margin:0px; } .typography-text p{ text-align:justify; line-height:24px; color:#656565;} .typography-text ul li{ display:block; padding:2px 0px; line-height:22px;} .typography-text ul li a{color:#656565;} / END Mega menu class / / Half menu class / .halfmenu{ width:40%; right:auto !important; left:auto !important;} .halfmenu .megacollink{ width:48%; float:left; margin:0% 1%;} .halfdiv{width:30%;right:auto; left:auto;} .halfdiv03{width:25%;right:auto; left:auto;} .menu_form{width:100%; display:block;} .menu_form input[type="text"]{ width:100%; border:1px solid #e2e2e2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#000; font-size:13px; padding:8px 5px; margin-bottom:8px; } .menu_form input[type="password"]{ width:100%; border:1px solid #e2e2e2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#000; font-size:13px; padding:8px 5px; margin-bottom:8px; } .menu_form textarea{ width:100%; border:1px solid #e2e2e2; border-radius:5px; color:#000; font-size:13px; padding:8px 5px; margin-bottom:8px; min-height:122px;} .menu_form input[type="submit"]{ width:30%; font-family:Arial, Helvetica, sans-serif; display: inline-block; padding: 7px 15px; font-size: 13px; font-weight: bold; margin-right:8px; float:right; color: #333; text-shadow: 0 1px 0 rgba(255,255,255,0.9); white-space: nowrap; background-color: #eaeaea; background-image: -moz-linear-gradient(#fafafa, #eaeaea); background-image: -webkit-linear-gradient(#fafafa, #eaeaea); background-image: linear-gradient(#fafafa, #eaeaea); background-repeat: repeat-x; border-radius: 2px; border: 1px solid #ddd; border-bottom-color: #c5c5c5; box-shadow: 0 1px 3px rgba(0,0,0,0.05); vertical-align: middle; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; text-decoration:none;} .menu_form input[type="button"] { width:30%; font-family:Arial, Helvetica, sans-serif; display: inline-block; padding: 7px 15px; font-size: 13px; font-weight: bold; float:right; color: #333; text-shadow: 0 1px 0 rgba(255,255,255,0.9); white-space: nowrap; background-color: #eaeaea; background-image: -moz-linear-gradient(#fafafa, #eaeaea); background-image: -webkit-linear-gradient(#fafafa, #eaeaea); background-image: linear-gradient(#fafafa, #eaeaea); background-repeat: repeat-x; border-radius:2px; border: 1px solid #ddd; border-bottom-color: #c5c5c5; box-shadow: 0 1px 3px rgba(0,0,0,0.05); vertical-align: middle; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; text-decoration:none; } / End Half menu class / / Dropdown Submenu class / .wsmenu-list li > .wsmenu-submenu{ transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility:hidden; } .wsmenu-list li:hover > .wsmenu-submenu{ transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility:visible; } .wsmenu-submenu li > .wsmenu-submenu-sub{ transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility:hidden; } .wsmenu-submenu li:hover > .wsmenu-submenu-sub{ transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility:visible; } .wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub{ transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility:hidden; } .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{ transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility:visible; } .wsmenu-list li > .megamenu{ transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility:hidden; } .wsmenu-list li:hover > .megamenu{ transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility:visible; } .wsmenu-submenu{ position:absolute; top: 75px; z-index:1000; margin:0px; padding:0px; border:solid 1px #eeeeee; background-color:#fff; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;} .wsmenu-submenu li a { background:#fff !important; background-image:none !important; color: #666666 !important; border-right: 0 none !important; text-align:left; display:block; line-height:22px; padding:6px 12px; text-transform:none; font-size:13px; letter-spacing:normal; border-right:0px solid; min-width:150px; } .wsmenu-submenu li{ position:relative; margin:0px; padding:0px;} .wsmenuexpandermain{display:none;} .wsmenu-list li:hover .wsmenu-submenu{display:block;} .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub{ min-width:220px; position:absolute; left:100%; top:0; margin:0px; padding:0px; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;} .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub{ opacity:1; list-style:none; padding:0px; border:solid 1px #eeeeee; background-color:#fff;} .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub{display:block;} .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub{ min-width:220px; position:absolute; left:100%; top:0; margin:0px; padding:0px; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;} .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{ opacity:1; list-style:none; padding:0px; border:solid 1px #eeeeee; background-color:#fff;} .wsmenu-submenu li{ position:relative; padding:0px; margin:0px; display:block;} .wsmenu-click{display:none;} .wsmenu-click02{display:none;} .wsmenu-submenu .fa{ margin-right:7px;} .wsmenu-list li:hover>a{background-color:rgba(0,0,0,0.10) !important; text-decoration:none;} .wsmenu-list > li > a:hover {background-color:rgba(0,0,0,0.10) !important; text-decoration:none;} .wsmenu-list > li > a.active{background-color:rgba(0,0,0,0.10) !important; text-decoration:none; border-bottom:solid 3px #ccc; } .wsmenu-submenu > li > a:hover {background-color:rgba(0,0,0,0.10) !important; border-radius:0px!important; text-decoration:none; text-decoration:none;} / END Dropdown Submenu class / /------------------------------------ Medium Device CSS ---------------------------------------------/ @media only screen and (min-width: 1024px) and (max-width:1280px) { .wsmenu-list li a .arrow:after{ display:none !important; } .wsmenu-list > li > a{ padding-left:12px !important; padding-right:12px !important ; } .wsmain{ width:96%; margin-left:2%; margin-right:2%; } .menu_form input[type="submit"]{ width:40% !important; } .menu_form input[type="button"]{ width:40% !important; } .topmenusearch{ width:180px; } .topmenusearch input:focus {width:200px;} } @media only screen and (min-width:780px) and (max-width:1023px) { .wsmenu-list li a .arrow:after{ display:none; } .wsmenu-list > li > a{white-space:nowrap !important; padding-left:11px !important; padding-right:11px !important ; } .wsmain{ width:96%; margin-left:2%; margin-right:2%; } .wsmenu-list > li.socialicon{ display:none !important; } .wsmenu-list > li.carticon{ display:none !important; } .megacollink {width:48%; margin:1% 1%;} .typographylinks{width:48%; margin:1% 1%;} .menu_form input[type="submit"]{ width:40% !important; } .menu_form input[type="button"]{ width:40% !important; } .wsmenu-list > li > a .fa{ display:none; } .wsmenu-list > li > a .fa.fa-home{ display:block !important; } .halfmenu .megacollink{ width:100%; margin:0px; } .topmenusearch{ width:180px; } } @media only screen and (min-width: 781px) { .wsmenu-list li:hover > .wsmenu-submenu{display:block !important;} .wsmenu-submenu li:hover > .wsmenu-submenu-sub{display:block !important;} .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{display:block !important;} .wsmenu-list li:hover > .megamenu{display:block !important;} .wsmenu-list > li a.menuhomeicon .fa{ margin-right:0px !important; } .wsmenu-list > li.carticon a .fa{ margin-right:0px !important;} .wsmenu-list > li.socialicon a .fa{ margin-right:0px !important;} } /------------------------------------ Mobile CSS ---------------------------------------------/ @media only screen and (max-width: 780px) { / General Mobile class / .smllogo, .logo-basic-nav{ display:none !important; } .wsmain{margin:0px; background-color:transparent; } .topmenusearch {margin:0px 0 0; width: 100%; height:44px;} .topmenusearch input:focus{width: 100%; background-color:#f5f5f5; color:#000;} .topmenusearch input:hover{width: 100%; background-color:#f5f5f5; color:#000;} .topmenusearch input{ border-radius:0px !important; height:44px; background-color:#f1f1f1; } .smllogo { width:100%; display:none !important; margin:0 auto; text-align:center; background-color:#2B3A40; } .smllogo a{ margin:0 auto; text-align:center; float:none; padding:10px 0px 3px 0px; } .topmenusearch .btnstyle{ height:44px; color:#424242; } .headertopright a {color:#ffffff !important;} .wsmenucontainer{ overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transition:all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .overlapblackbg{ left:0; z-index:102; width:100%; height:100%; position:fixed; top:0; display:none; background-color:rgba(0, 0, 0, 0.45); cursor:pointer;} .wsmenucontainer.wsoffcanvasopener{ display:block; margin-left:240px;} .wsmobileheader{ display:block !important; position:relative; top:0; right:0; left:0; -webkit-transition:all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .callusicon{ color: #c9c9c9; font-size: 25px; height: 25px; position: fixed; right: 15px; top: 13px; transition: all 0.4s ease-in-out 0s; width: 25px; z-index:102; -webkit-transition:all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .callusicon:focus, callusicon:hover { color: #fff !important; } .wsoffcanvasopener .callusicon{ display:none !important; } .smallogo{ width:100%; display:block; text-align:center; padding-top:9px; position:fixed; z-index:101; width:100%; height:52px; background:#333333; box-shadow: 0 1px 4px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5); } .smallogo > img { margin-top: 1px; width:33px !important; } .wsmenu-list > li:hover>a{ background-color:rgba(0,0,0,0.08) !important; text-decoration:none;} .mobiletext{ display:inline-block !important; } .wsoffcanvasopener .overlapblackbg{display:block !important;} .wsoffcanvasopener .wsmain { left:0px; -webkit-transition:all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .wsmain { width:240px; left:-240px; height: 100%; position: fixed; top: 0; margin: 0; float:none; background-color: #fff; border-radius:0px; z-index:103; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border:none !important; background-color:#fff !important; } .wsmenu { border-left:none; float: none; width: 100%; display:block !important; height:100%; overflow-y:auto; display:block !important; } .wsmenu-click { height:43px; position:absolute; top:0; right:0; display:block; cursor:pointer; width:100%;} .wsmenu-click i{ display:block; height:23px; width:25px; margin-top:11px; margin-right:8px; background-size:25px; font-size:21px; color:rgba(0,0,0,0.25); float:right;} .wsmenu-click02 { height:43px; position:absolute; top:0; right:0; display:block; cursor:pointer; width:100%;} .wsmenu-click02 i{ display:block; height:23px; width:25px; margin-top:11px; margin-right:8px; background-size:25px; font-size:21px; color:rgba(0,0,0,0.25); float:right;} .ws-activearrow > i{transform: rotate(180deg);} .wsmenu-rotate{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);} .animated-arrow{ position:fixed; left:0; top:0; z-index:102; -webkit-transition:all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .wsoffcanvasopener .animated-arrow{ left:240px; } .animated-arrow{ cursor:pointer; padding:13px 35px 16px 0px; margin:10px 0 0 15px;} .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after { cursor: pointer; height:3px; width:23px; background: #c9c9c9; position: absolute; display: block; content: '';} .animated-arrow span:before{ top: -7px;} .animated-arrow span:after { bottom: -7px;} .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after{ transition: all 500ms ease-in-out;} .wsoffcanvasopener .animated-arrow span{ background-color: transparent;} .wsoffcanvasopener .animated-arrow span:before, .animated-arrow.active span:after{ top:7px;} .wsoffcanvasopener .animated-arrow span:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom:0px; } .wsoffcanvasopener .animated-arrow span:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } / END General Mobile class / / Megamenu Mobile class / .megacollink {width:96% !important; margin:0% 2% !important; } .megacolimage{width:90% !important; margin:0% 5% !important;} .typographylinks{width:98% !important; margin:0% 1% !important;} .typographydiv{width:86% !important; margin:0% 7% !important;} .mainmapdiv{width:90% !important; margin:0% 5% !important; } .innerpnd{padding:0px !important;} .typography-text { padding:10px 0px; } .wsmenu-list .megamenu{ background-color:#e7e7e7; color:#666666; display:none; position:relative !important; top:0px; padding:0px; border:solid 0px; transform:none !important; opacity:1 !important; visibility:visible !important; } .wsmenu-list li:hover .megamenu{ display:none; position:relative !important; top:0px; } .megamenu .title{ color:#666666; font-size:15px !important; padding:10px 8px 10px 0px;} .megamenu > ul{ width:100% !important; margin:0px; padding:0px; font-size:13px !important;} .megamenu > ul > li > a{ padding:9px 14px !important; line-height:normal !important; font-size:13px !important; background-color:#e7e7e7 !important; color:#666666;} .megamenu > ul > li > a:hover{background-color:#000000 !important;} .ad-style{ width:100% !important;} .megamenu ul li.title{ line-height:26px; color:#666666; margin:0px; font-size:15px; padding:7px 13px !important; border-bottom:1px solid #ccc; background-color:transparent !important;} / End Megamenu Mobile class / / Dropdown Mobile class / .wsmenu-submenu > li:hover>a{ background-color:#7b7b7b; color:#666666;} .wsmenu > .wsmenu-list > li > a.active{color: #666666; background-color:rgba(0,0,0,0.08);} .wsmenu > .wsmenu-list > li > a:hover{ color: #666666; background-color:rgba(0,0,0,0.08);} .wsmenu-list li:hover .wsmenu-submenu{display:none ;} .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub{display:none;} .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{ display:none; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;} .wsmenu-list li:first-child a{ -webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px;} .wsmenu-list li:last-child a{ -webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-right:0px solid;} .wsmenu-submenu-sub{ width:100% !important; position:static !important; left:100% !important; top:0 !important; display:none; margin:0px !important; padding:0px !important; border:solid 0px !important; transform:none !important; opacity:1 !important; visibility:visible !important;} .wsmenu-submenu-sub li{ margin:0px 0px 0px 0px !important; padding:0px; position:relative;} .wsmenu-submenu-sub a{ display:block; padding:10px 25px 10px 25px; border-bottom:solid 1px #ccc; font-weight:normal;} .wsmenu-submenu-sub li a.active{color:#000 !important;} .wsmenu-submenu-sub li:hover>a{ background-color:#333333 !important; color:#fff;} .wsmenu > .wsmenu-list > li > a > .fa{font-size: 16px; color:#bfbfbf; margin-right:11px; text-align:center; width:19px; } .wsmenu-submenu-sub-sub{ width:100% !important; position:static !important; left:100% !important; top:0 !important; display:none; margin:0px !important; padding:0px !important; border:solid 0px !important; transform:none !important; opacity:1 !important; visibility:visible !important;} .wsmenu-submenu-sub-sub li{ margin:0px 0px 0px 0px !important;} .wsmenu-submenu-sub-sub a{ display:block; color:#000; padding:10px 25px; background:#000 !important; border-bottom:solid 1px #ccc; font-weight:normal;} .wsmenu-submenu-sub-sub li a.active{ color:#000 !important;} .wsmenu-submenu-sub-sub li:hover>a{ background-color:#606060 !important; color:#fff;} .wsmenu .wsmenu-list{ display:block !important;} .wsmenu .wsmenu-list > li{ width:100%; display:block; float:none; border-right:none; background-color:transparent; position:relative; white-space:inherit;} .wsmenu > .wsmenu-list > li > a{ padding:9px 32px 9px 12px; font-size:14px; text-align:left; border-right:solid 0px; background-color:transparent; color:#666666; line-height:25px; border-bottom:1px solid; border-bottom-color:rgba(0,0,0,0.13); position:static;} .wsmenu .wsmenu-list li a .arrow:after{ display:none !important; } .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right{ font-size:12px !important; color:#8E8E8E; } .mobile-sub .wsmenu-submenu{ transform:none !important; opacity:1 !important; display:none; position:relative !important; top:0px; background-color:#fff ; border:solid 1px #ccc; padding:0px; visibility:visible !important; } .mobile-sub .wsmenu-submenu li a{ line-height:20px; height:36px; background-color:#e7e7e7 !important; font-size:13px !important; padding:8px 0px 8px 18px; color:#8E8E8E;} .mobile-sub .wsmenu-submenu li a:hover{ background-color:#e7e7e7 !important; color:#666666; text-decoration:underline;} .mobile-sub .wsmenu-submenu li:hover>a{ background-color:#e7e7e7 !important; color:#666666;} .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a{ line-height:20px; height:36px; background-color:#e7e7e7 !important; border-bottom:none; padding-left:28px;} .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a{ line-height:20px; height:36px; background-color:#e7e7e7 !important; border-bottom:none !important; padding-left:38px; color:#8e8e8e;} .wsmenu-list > li.socialicon a{ width:100%; } .wsmenu-list > li.carticon em.roundpoint{ left:22px;} / Dropdown Mobile class / / Half Menu Mobile class / .halfdiv .title{padding-left:15px;} .halfdiv{ width:100%; display:block;} .halfdiv03 .title{padding-left:15px;} .halfdiv03{ width:100%;} .halfmenu{width:100%; display:block;} .menu_form{ padding:10px 10px 63px 10px; background-color: #e7e7e7;} .menu_form input[type="button"]{ width:46%; } .menu_form input[type="submit"]{ width:46%; } .menu_form textarea{min-height:100px;} / Half Menu Mobile class / /Desktop Animation None */ .wsmenu-list li > .wsmenu-submenu{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; } .wsmenu-list li:hover > .wsmenu-submenu{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; } .wsmenu-submenu li > .wsmenu-submenu-sub{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; } .wsmenu-submenu li:hover > .wsmenu-submenu-sub{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; opacity:1 !important; } .wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; opacity:1 !important; } .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; opacity:1 !important; } .wsmenu-list li > .megamenu{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; opacity:1 !important; } .wsmenu-list li:hover > .megamenu{ transform:none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform:none !important; transform: none !important; -o-transform:none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility:visible !important; opacity:1 !important; } } @media only screen and (min-width: 230px) and (max-width:780px){ .wrapper { width:100%; margin:0% 0%; } .header{min-height:75px;} .logo { display:none !important; } .header{ box-shadow:none !important; background-image:none !important; } .colorlink01{ width:92% !important; margin:0% 4%;} .colorlink02{ width:92% !important; margin:0% 4%;} .colorlink03{ width:92% !important; margin:0% 4%;} .buttoncolor02{ width:100% !important; margin-bottom:2%; } .buttoncolor{ width:25%; } .moreoption{ width:100%; margin:85px 0 0 0; background-color:transparent !important; border:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;} .headtoppart{ margin-top:52px; height:auto; background-color:rgba(0, 0, 0, 0.2);} .topmenusearch {margin:0px 0 0; width: 100%;} .topmenusearch input:focus{width: 100%;} .posrlt{width:240px;float:none;} .headerright{ width:100%; float:none;} .headertopleft{float:none; width:96%; margin:0% 2%; } .headertopright{float:none; width:96%; margin:0% 2%;} .address.clearfix:before, .address.clearfix:after{content: ""; display: table;} .address.clearfix:after{clear: both;} .address.clearfix{zoom: 1;} .headertopleft{ display:none; } .headerfull{height:auto;} .headertopright a{ width:24%; text-align:center; } } @media only screen and (min-width: 781px) and (max-width:1064px) { .wrapper { width:96%; margin:0% 2%; } .colorlink01{ width:100% !important; margin:0%;} .colorlink02{ width:100% !important; margin:0%;} .colorlink03{ width:100% !important; margin:0%;} .buttoncolor02{ width:50% !important; margin-bottom:1%; } .logo{float:none !important; margin:0 auto !important; width:100% !important; text-align:center; } } @media only screen and (min-width: 1024px) and (max-width:1200px) { .wrapper { width:96%; margin:0% 2%; } .colorlink01{ width:100% !important; margin:0%; } .colorlink02{ width:100% !important; margin:0%;} .colorlink03{ width:100% !important; margin:0%;} } @media only screen and (min-width: 480px) and (max-width:780px) { .mobiletext02{display:inline-block;} } @media only screen and (min-width: 320px) and (max-width:479px) { .headertopright a .fa{ margin-right:0px; } .mobiletext02{display:block;} }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.09 | proxy | phpinfo | Settings