File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/hotelishankatra.in/css/basic-menu.css
Back
.wsmain body, .wsmain h1, .wsmain h2, .wsmain h3, .wsmain h4, .wsmain h5, .wsmain h6, .wsmain html, .wsmain iframe { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; font-weight: 400; 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, embed, object, video { border: 0 none; max-width: 100% } .wsmain a:focus { outline: 0!important } .wsmain:after, .wsmain:before { content: ""; display: table } .wsmain:after { clear: both } .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: 0!important } .wsoffcanvasopener .wsmenu { left: auto; right: 0!important } #fw_al_003 { position: relative; top: 0!important } .ps_fade .item.active { opacity: 1; z-index: 2!important } .headerfull { width: 100%; background-color: #fff; height: 75px } .posrlt { position: relative } .headtoppart { display: block; width: 100%; background-color: #158ab2; height: 39px; margin: 0 auto; padding: 0 0; min-width: 320px } .headertopleft { width: 83%; float: left } .headertopright { width: 17%; float: right; text-align: right; padding: 0 20px 0 0; } .headertopright a { line-height: 39px; color: #fff; display: inline-block; margin-right: 10px; } .headertopright a:hover { text-decoration: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .address { padding: 11px 0 0 18px; font-size: 13px; color: #fff } .address a { color: #fff } .address span { margin-right: 9px } .address .fa { margin-right: 6px; margin-left: 6px; color: #fff } .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: .9 } .btn-border:focus { color: #fff; text-decoration: none; opacity: .9 } @-webkit-keyframes rotating { from { -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 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(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 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 } .wsmobileheader { display: none } .overlapblackbg { display: none } .wsmenucontainer { background-size: cover; 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 } .smllogo { padding: 18px 0 0 0; margin: 0; float: left } .smllogo a { display: block; float: left; padding: 0 } .smllogo a img { width: 146px } .topmenusearch { float: right; width: 225px; height: 39px; position: relative; margin: 16px 0 0 0 } .topmenusearch .searchicon { -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; transition: all .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: 0; color: #ccc; background-color: #f0f0f0; -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; transition: all .7s ease 0s } .topmenusearch input:focus { color: #fff; width: 260px } .topmenusearch input:focus~.btnstyle { background-color: #282c37!important; color: #fff; opacity: .9 } .topmenusearch input:focus~.btnstyle .fa { color: #fff } .topmenusearch input:focus~.searchicon { opacity: 1; z-index: 3; color: #fff } .topmenusearch .btnstyle { top: 0; position: absolute; right: 0; bottom: 0; width: 40px; line-height: 30px; z-index: 1; cursor: pointer; opacity: .3; color: #000; z-index: 1000; background-color: transparent; border: solid 0; -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; transition: all .7s ease 0s } .topmenusearch .btnstyle .fa { line-height: 38px; margin: 0; padding: 0; text-align: center } .topmenusearch .btnstyle:hover { background-color: #282c37; opacity: .9 } .topmenusearch input { color: #000 } .wsmain { width: 100%; margin: 0 auto; padding: 0 0; position: relative; max-width: 1200px } .wsmenu { text-transform: uppercase; color: #333; font-size: 14px; padding: 0; margin: 0 auto; width: 77%; float: right; height: 75px; border-left: 1px solid rgba(0, 0, 0, .1); font-weight:500; } .wsmenu-list { text-align: left; margin: 0 auto 0 auto; width: 100%; display: table; padding: 0 } .wsmenu-list>li { text-align: center; display: block; margin: 0; padding: 0; float: left } .wsmenu-list>li>a .fa { display: inline-block; font-size: 13px; line-height: inherit; margin-right: 12px; color: #333 } .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 transparent; border-right: 4px solid transparent; 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: #333; padding: 0 29px 0 12px; line-height: 75px; border-right: 1px solid rgba(0, 0, 0, .1); 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: 0 20px } .wsmenu-list>li.socialicon { float: left } .wsmenu-list>li.socialicon a { width: 38px; padding: 0 10px } .wsmenu-list>li.socialicon a .fa { font-size: 15px; color: #fff; text-align: center } .wsmenu-list>li.rightmenu { float: right } .wsmenu-list>li.rightmenu a { padding: 0 30px 0 20px; border-right: none } .wsmenu-list>li.rightmenu a .fa { font-size: 15px } .wsmenu-list>li.rightmenu { float: right } .wsmenu-list>li.rightmenu:after, .wsmenu-list>li.rightmenu:before { 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: 0 27px 0 15px; text-align: center; border-left: 1px solid rgba(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 } .wsmenu-list li:hover .megamenu { opacity: 1 } .megamenu { width: 100%; left: 0; position: absolute; top: 75px; color: #000; z-index: 1000; margin: 0; text-align: left; padding: 14px; font-size: 15px; border: solid 1px #eee; 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 .3s, opacity .3s; -ms-transition: -ms-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; -webkit-transition: -webkit-transform .3s, opacity .3s } .megamenu .title { border-bottom: 1px solid #ccc; font-size: 14px; padding: 9px 5px 9px 0; font-size: 17px; color: #424242; margin: 0 0 7px 0; 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 0; background: #fff!important; background-image: none!important; color: #666!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: 0 } .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 0; background: #fff!important; background-image: none!important; color: #666!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: 0 } .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: 0!important; margin: 0!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: 0 0!important } .wsmenu-list .megamenu li a:hover { background: 0 0!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 0 } .megamenu .left.carousel-control { padding-top: 20% } .megamenu .right.carousel-control { padding-top: 20% } .megamenu .carousel-caption { bottom: 0; background-color: rgba(0, 0, 0, .7); font-size: 13px; height: 31px; left: 0; padding: 7px 0; right: 0; width: 100% } .typography-text { padding: 0 0; font-size: 14px } .typography-text ul { padding: 0 0; margin: 0 } .typography-text p { text-align: justify; line-height: 24px; color: #656565 } .typography-text ul li { display: block; padding: 2px 0; line-height: 22px } .typography-text ul li a { color: #656565 } .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: 700; margin-right: 8px; float: right; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, .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, .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: 700; float: right; color: #333; text-shadow: 0 1px 0 rgba(255, 255, 255, .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, .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 } .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(0); -o-transform: rotateX(0); -moz-transform: rotateX(0); -webkit-transform: rotateX(0); 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(0); -o-transform: rotateX(0); -moz-transform: rotateX(0); -webkit-transform: rotateX(0); 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(0); -o-transform: rotateX(0); -moz-transform: rotateX(0); -webkit-transform: rotateX(0); 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(0); -o-transform: rotateX(0); -moz-transform: rotateX(0); -webkit-transform: rotateX(0); opacity: 1; visibility: visible } .wsmenu-submenu { position: absolute; top: 75px; z-index: 1000; margin: 0; padding: 0; border: solid 1px #eee; 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 .3s, opacity .3s; -ms-transition: -ms-transform .3s, opacity .3s; -moz-transition: -moz-transform .3s, opacity .3s; -webkit-transition: -webkit-transform .3s, opacity .3s } .wsmenu-submenu li a { background: #fff!important; background-image: none!important; color: #666!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: 0 solid; min-width: 150px } .wsmenu-submenu li { position: relative; margin: 0; padding: 0 } .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: 0; padding: 0; 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 .4s, opacity .4s; -ms-transition: -ms-transform .4s, opacity .4s; -moz-transition: -moz-transform .4s, opacity .4s; -webkit-transition: -webkit-transform .4s, opacity .4s } .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub { opacity: 1; list-style: none; padding: 0; border: solid 1px #eee; 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: 0; padding: 0; 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 .4s, opacity .4s; -ms-transition: -ms-transform .4s, opacity .4s; -moz-transition: -moz-transform .4s, opacity .4s; -webkit-transition: -webkit-transform .4s, opacity .4s } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub { opacity: 1; list-style: none; padding: 0; border: solid 1px #eee; background-color: #fff } .wsmenu-submenu li { position: relative; padding: 0; margin: 0; 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, .1)!important; text-decoration: none } .wsmenu-list>li>a:hover { background-color: rgba(0, 0, 0, .1)!important; text-decoration: none } .wsmenu-list>li>a.active { background-color: rgba(0, 0, 0, .1)!important; text-decoration: none; border-bottom: solid 3px #ccc } .wsmenu-submenu>li>a:hover { background-color: rgba(0, 0, 0, .1)!important; border-radius: 0!important; text-decoration: none; text-decoration: none } @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: 0 } .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: 0!important } .wsmenu-list>li.carticon a .fa { margin-right: 0!important } .wsmenu-list>li.socialicon a .fa { margin-right: 0!important } } @media only screen and (max-width:780px) { .featured-block h1, .featured-block h2{ padding:0 15px; } .featured-block p, .featured-block p{ padding: 13px 15px; font-size: 1.1em; font-weight: 300; color: #484848; line-height: 1.5em; } .section-intro h2 { font-size: 1.1em; font-weight: 300; color: #484848; line-height: 1.5em; padding: 13px 0 13px 0; } .logo-basic-nav, .smllogo { display: none!important } .wsmain { margin: 0; background-color: transparent } .topmenusearch { margin: 0 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: 0!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 0 3px 0 } .topmenusearch .btnstyle { height: 44px; color: #424242 } .headertopright a { color: #fff!important } .wsmenucontainer { overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .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, .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 .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .callusicon { color: #fff; font-size: 25px; height: 25px; position: fixed; right: 15px; top: 30px; transition: all .4s ease-in-out 0s; width: 25px; z-index: 102; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .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: 80px; background: #323232; 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: 0; width: 95px!important } #fw_al_003>.carousel-inner>.item>a>img, #fw_al_003>.carousel-inner>.item>img { margin-top: 0!important } .wsmenu-list>li:hover>a { background-color: rgba(0, 0, 0, .08)!important; text-decoration: none } .mobiletext { display: inline-block!important } .wsoffcanvasopener .overlapblackbg { display: block!important } .wsoffcanvasopener .wsmain { left: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .wsmain { width: 240px; left: -240px; height: 100%; position: fixed; top: 0; margin: 0; float: none; background-color: #fff; border-radius: 0; z-index: 103; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .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, .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, .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: 12px; z-index: 102; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .wsoffcanvasopener .animated-arrow { left: 240px } .animated-arrow { cursor: pointer; padding: 13px 35px 16px 0; margin: 15px 0 0 15px } .animated-arrow span, .animated-arrow span:after, .animated-arrow span:before { cursor: pointer; height: 3px; width: 23px; background: #fff; position: absolute; display: block; content: '' } .animated-arrow span:before { top: -7px } .animated-arrow span:after { bottom: -7px } .animated-arrow span, .animated-arrow span:after, .animated-arrow span:before { transition: all .5s ease-in-out } .wsoffcanvasopener .animated-arrow span { background-color: transparent } .animated-arrow.active span:after, .wsoffcanvasopener .animated-arrow span:before { 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: 0 } .wsoffcanvasopener .animated-arrow span:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } .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: 0!important } .typography-text { padding: 10px 0 } .wsmenu-list .megamenu { background-color: #e7e7e7; color: #666; display: none; position: relative!important; top: 0; padding: 0; border: solid 0; transform: none!important; opacity: 1!important; visibility: visible!important } .wsmenu-list li:hover .megamenu { display: none; position: relative!important; top: 0 } .megamenu .title { color: #666; font-size: 15px!important; padding: 10px 8px 10px 0 } .megamenu>ul { width: 100%!important; margin: 0; padding: 0; 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: #666 } .megamenu>ul>li>a:hover { background-color: #000!important } .ad-style { width: 100%!important } .megamenu ul li.title { line-height: 26px; color: #666; margin: 0; font-size: 15px; padding: 7px 13px!important; border-bottom: 1px solid #ccc; background-color: transparent!important } .wsmenu-submenu>li:hover>a { background-color: #7b7b7b; color: #666 } .wsmenu>.wsmenu-list>li>a.active { color: #666; background-color: rgba(0, 0, 0, .08) } .wsmenu>.wsmenu-list>li>a:hover { color: #666; background-color: rgba(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 #eee; background-color: #fff } .wsmenu-list li:first-child a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .wsmenu-list li:last-child a { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0; border-radius: 0; border-right: 0 solid } .wsmenu-submenu-sub { width: 100%!important; position: static!important; left: 100%!important; top: 0!important; display: none; margin: 0!important; padding: 0!important; border: solid 0!important; transform: none!important; opacity: 1!important; visibility: visible!important } .wsmenu-submenu-sub li { margin: 0!important; padding: 0; position: relative } .wsmenu-submenu-sub a { display: block; padding: 10px 25px 10px 25px; border-bottom: solid 1px #ccc; font-weight: 400 } .wsmenu-submenu-sub li a.active { color: #000!important } .wsmenu-submenu-sub li:hover>a { background-color: #333!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: 0!important; padding: 0!important; border: solid 0!important; transform: none!important; opacity: 1!important; visibility: visible!important } .wsmenu-submenu-sub-sub li { margin: 0!important } .wsmenu-submenu-sub-sub a { display: block; color: #000; padding: 10px 25px; background: #000!important; border-bottom: solid 1px #ccc; font-weight: 400 } .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 0; background-color: transparent; color: #666; line-height: 25px; border-bottom: 1px solid; border-bottom-color: rgba(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: 0; background-color: #fff; border: solid 1px #ccc; padding: 0; visibility: visible!important } .mobile-sub .wsmenu-submenu li a { line-height: 20px; height: 36px; background-color: #e7e7e7!important; font-size: 13px!important; padding: 8px 0 8px 18px; color: #8e8e8e } .mobile-sub .wsmenu-submenu li a:hover { background-color: #e7e7e7!important; color: #666; text-decoration: underline } .mobile-sub .wsmenu-submenu li:hover>a { background-color: #e7e7e7!important; color: #666 } .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 } .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 } .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: 78px; height: auto; background-color: rgba(0, 0, 0, .2) } .topmenusearch { margin: 0 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%; display: none } .address.clearfix:after, .address.clearfix:before { 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: 0 } .mobiletext02 { display: block } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.09 |
proxy
|
phpinfo
|
Settings