/*!
Theme Name: surfersrentcar
Theme URI: https://www.surfersrentacar.com.au/
Author: JR DIT
Author URI: https://www.surfersrentacar.com.au/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: httpswww-surfersrentacar-com-au
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

surfersrentcar is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


body{font-size: 16px; font-family:'Roboto', sans-serif !important;}
img{max-width: 100%;}
.clear{clear: both;}
.pad0{padding: 0;}

/*============desktop=======================*/
.google-review-desk {position: fixed;right: 0;top: 240px; z-index: 9999;}
.google-review-desk a {display: inline-block;}

.google-review-desk img {
    width: 150px;
}
/*============mobile========================*/
.footer-review {text-align: center; margin-top: 20px;}
.footer-review img {
    width: 150px;
}

/**Mobile Device**/
@media (max-width:1023px) {  
.desktop-show{display:none;}

}

/**Desktop Device**/
@media (min-width:1024px) {
.mobile-show{display:none;}

}

a.readmore-btn {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
}

.logo-img img {
    width: 220px;
    display: block;
    margin-right: auto;
}
.topheader-section {
    background: #ffffff;
}
.top-social-bg {
    background-image: url(images/header-social-bg.png);
    background-repeat: no-repeat;
    background-size: 29.5% 100%;
}
.wide-container {
    width: 1250px;
    max-width: 100%;
        padding: 0 15px;
        margin-right: auto;
    margin-left: auto
}
.top-social ul {
    padding-left: 0;
    margin: 0;
}
.top-social ul li {
    display: inline-block;
    list-style: none;
}

.top-social ul li a img {
    height: 30px;
}




.top-social {
    padding: 8px 0;
}

.top-phone a {
    color: #073b74;
}
.top-phone {
    padding: 8px 0;
    color: #073b74;
    font-weight: 500;
}

.top-garantee {
    padding: 5px 0;
}
.top-garantee p {
    display: table-cell;
    font-size: 11px;
    font-weight: 700;
    color: #173e69;
}
.top-garantee span {
    display: table-cell;
    font-size: 17px;
    width: 120px;
    color: #12acc4;
    vertical-align: middle;
}



.logoheader-section {
    border-bottom: 2px solid #ffb602;
    background: #183d6a;
}
.header-logo-bg {
    background-image: url(images/header-logo-bg.png);
    background-repeat: no-repeat;
    background-size: 28% 100%;
}

/*.api-form-page{background: #e8e8e8;}*/


/*.main-menu {
    float: right;
}*/
.banner-section {
    background: url(images/new-banner.jpg);
    background-size: cover;
    background-position: center center;
}
.banner-element-area{
    height: 100vh;
    align-items: center;
}

.banner-caption {
    text-align: center;
    padding: 15px 0;
    margin: 35% 0;
}




.banner-form-area {
    margin: 45px 0;
}
.banner-caption h1 {
    color: #fff;
    text-shadow: -2px 2px 1px #000;
    font-size: 35px;
}

.banner-form-text p {
    margin-bottom: 0;
    color: #fcbd08;
    font-size: 14px;
}
.banner-form-text h4 {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 17px;
}
.banner-form-text {
    background: #173e69;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    padding: 12px 15px;
}






.whychoose-section {
    padding: 50px 0;
}
.whychoose-title {
    text-align: center;
    margin-bottom: 40px;
    font-family: 'Oswald', sans-serif;
    color: #193b68;
}
.whychoose-title h2{font-weight: 700; font-size: 35px;}


.why-choose-single-item {
    position: relative;
    display: block;
    border-top: 2px solid #dbdbdb;
    padding: 8px 0;
}
.why-choose-icon {
    display: table-cell;
    vertical-align: middle;
    width: 34px;
}
.why-choose-item-text {
    display: table-cell;
    vertical-align: middle;
        padding-left: 15px;
}
.why-choose-item-text strong {
    color: #03386c;
}


.service-section-area {
    background: url(images/service-background.jpg);
    background-size: cover;
    padding: 50px 0;
}

.service-title {
    padding: 15px 0;
    color: #fff;
    font-family: 'Oswald', sans-serif;
}
.service-title h2 {
    font-weight: 700;
    font-size: 35px;
}

.single-service-title {
    background: #183d6a;
    color: #fff;
    padding: 8px 15px;
    position: relative;
    overflow: hidden;
    padding-right: 56px;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
}
.single-service {
    padding: 15px 0;
}
/*.single-service-title span {
    display: block;
    background-image: url(images/service-arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
}*/

.single-service-title:after {
    content: "";
    background-image: url(images/service-arrow.png);
    background-size: cover;
    position: absolute;
    right: 0;
    z-index: 99;
    width: 54px;
    height: 44px;
    top: 0px;
}


.readmore-btn {
    background-color: #fcbb00;
    text-align: center;
    text-transform: uppercase;
    margin: 10px;
    display: inline-block;
    border-right: 4px solid #183d6a;
    color: #173e67;
        display: inline-block;
    padding: 8px 15px;
    text-decoration: none;
}


.readmore-btn-slanted {
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

.readmore-btn-slanted-content {
  -ms-transform: skewX(20deg);
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);  

}

.content-area {
    text-align: center;
    padding: 15px 0;
}
.content-section-area {
    padding: 50px 0;
}


.article-readmore {
  position: relative;
}
.readmore {
  height: 100% !important;
  overflow: hidden;
  transition: height 200ms ease;
}
.readmore-toggle {
    clear: both;

}





.testimonial-title {
    text-align: center;
    margin-bottom: 40px;
    font-family: 'Oswald', sans-serif;
    color: #193b68;

}
.testimonial-title h2{font-weight: 700; font-size: 35px;}

.testimonial-icon {
    margin-bottom: 0px;
}
.testimonial-icon img {
    width: 40px !important;
}
.testimonial-content h3 {
    color: #183d6a;
    font-size: 22px;
}
.home-testimonial-slider {
    padding: 20px 0;
}
.testimonial-carousel .owl-prev {
    position: absolute;
    top: 0;
    right: 58px;
    background-color: #fcbb00 !important;
    width: 32px;
    z-index: 99;
    height: 24px;
        outline: none;
}
.testimonial-carousel .owl-prev:before {
    z-index: -1 !important;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -12px;
    display: block;
    width: 21px;
    background: #fcbb00;
    -webkit-transform: skew(-39deg);
    -ms-transform: skew(-39deg);
    transform: skew(-39deg);
}

.testimonial-carousel .owl-next {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #183d6a!important;
    width: 32px;
    z-index: 99;
    height: 24px;
        outline: none;
}

.testimonial-carousel .owl-next:before {
    z-index: -1 !important;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    display: block;
    width: 21px;
    background: #183d6a;
    -webkit-transform: skew(-39deg);
    -ms-transform: skew(-39deg);
    transform: skew(-39deg);
}
button.owl-next i {
    color: #fcbb00;
}

button.owl-prev i {
    color: #183d6a;
}

button.owl-next .next-icon{
    background-image: url(images/arrow-right.png);
        z-index: 99;
    position: relative;
    background-position: center;
    background-size: cover;
    width: 16px;
    height: 8px;
    display: inline-block;
}
button.owl-prev .prev-icon {
    background-image: url(images/arrow-left.png);
    z-index: 99;
    position: relative;
    background-position: center;
    background-size: cover;
    width: 16px;
    height: 8px;
    display: inline-block;
}



.testimonial-scroll .testimonial-single-item {
    background: none repeat scroll 0 0 #FBF4CF;
    padding: 15px;
    margin: 10px 0px;
    border: 1px solid #DDD196;
    border-radius: 10px;
    box-shadow: 0px 3px 5px #999999;
}

.testimonial-scroll {
    height: 472px;
    overflow-y: scroll;
    margin-bottom: 14px;
}






.special-offer-section {
    padding: 50px 0;
}
.special-offer-image img {
    display: block;
    margin: 0 auto;
}

.footer-section {
    background: url(images/footer-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    padding: 50px 0 50px;
}
.footer-title {
    color: #fff;
    padding: 15px 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
}
.footer-title h2 {
    font-size: 35px;
}
.footer-contact-info {
    color: #fff;
    line-height: 0.7;
    padding: 15px 0;
}
.footer-contact-info strong {
    color: #f9be00;
}
.footer-contact-info hr {
    border-bottom: 1px solid #2d2d2d;
    height: 0px;
    border-top: 1px solid rgb(1, 105, 168);
    margin: 30px 0;
}
.footer-contact-info a {
    color: #f9be00;
    text-decoration: none;
}
.footer-contact-info a:hover, .footer-contact-info a:focus{color: #fff; text-decoration: none;}



.footer-social ul li a {
    text-align: center;
    color: #fff;
    display: block;
}
.footer-social ul li a img {
    height: 30px;
}

.footer-social ul li {
    display: inline-block;
    margin: 0px 3px;
}
.footer-social ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.footer-navigation {
    padding-top: 10px;
}

.footer-navigation ul li:last-child:after {
    content: "";
}

.footer-navigation ul li a:hover {
    text-decoration: none;
    color: #f9be00;
}
.footer-navigation ul li:after {
    content: "/";
    color: #fff;
}
.footer-navigation ul li a {
    color: #fff;
    text-decoration: none;
    margin: 0 5px;
}
.footer-navigation {
    text-align: center;
}
.footer-navigation ul {
    padding: 0;
    margin: 0;
}
.footer-navigation ul li {
    display: inline-block;
}



img.google-review {
    margin-right: 30px;
}
.copyright-text {
    text-align: center;
}

.copyright-section {
    padding: 25px 0;
}





.inner-banner-section {
    background-image: url(images/inner-banner-bg.jpg);
    background-size: cover;
    background-position: center top;
    padding: 75px 0;
}
.inner-banner-section {
    text-align: center;
    color: #183d69;
    font-family: 'Oswald', sans-serif;
}
.inner-banner-section h1 {
    font-weight: 700;
}
.page-content-section {
    padding: 35px 0;
}

.single-page-testimonial {
    padding-top: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.single-testimonial-title h3 {
    color: #083c71;
    font-size: 22px;
    padding-bottom: 10px;
    font-family: 'Oswald', sans-serif;
}



[data-toggle="collapse"]:after {
display: inline-block;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  transform: rotate(90deg) ;
  transition: all linear 0.25s;
  float: right;
  }   

/*[data-toggle="collapse"].collapsed:after {
  transform: rotate(0deg) ;
}*/


.faq-heading h5 {
    font-size: 15px !important;
}

.faq-heading {
    padding-left: 65px;
    cursor: pointer;
}

.faq-heading:before {
    content: "";
    background: url(images/faq-icon.jpg);
    background-size: cover;
    background-position: center center;
    width: 50px;
    height: 43px;
    position: absolute;
    top: 0;
    left: 0;
}

.single-faq {
    margin-bottom: 10px;
}


.contact-phone a:hover, .contact-phone a:focus {
    color: #ffb90b;
    text-decoration: none;
}

.contact-phone a {
    color: #0f3c71;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}
.contact-phone span {
    display: block;
    color: #274c78;
    line-height: 1.2;
}

.contact-page-subtitle h2 {
    margin-bottom: 0;
}
.contact-page-subtitle h2:after {
    border-bottom: 3px solid #fcbb01;
    height: 2px;
    position: absolute;
    width: 43px;
    content: "";
    bottom: 0;
    left: 0;
}
.contact-page-subtitle {
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 6px;
}
.contact-page-subtitle h2 {
    color: #0c3f6d;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
}




.post-page-section {
    padding: 20px 0;
}
.entry-post{
    padding: 15px 0;
}
.post-readmore {
    margin-top: 5px;
}
.post-readmore img {
    width: 117px;
}

.post-title h3 a {
    color: #113b70;
}
.post-title h3 {
    font-size: 22px;
    margin-bottom: 0;
    line-height: 1;
    font-weight: 600;
}

.post-meta {
    color: #103c69;
    font-size: 13px;
}
.post-exerpt {
    padding: 7px 0;
}
.single-post-img {
    padding: 10px 0;
}
.single-post-content {
    padding: 10px 0;
}
.single-post-page-img {
    margin-bottom: 20px;
}


.single--feature-btn img {
    width: 130px !important;
    margin: 0 auto;
}
.single-feature-service {
    border: 1px solid #ddd;
    box-shadow: 0px 0px 23px #d0cdcd;
    margin: 15px 0;
    padding: 15px 20px;
}
.single-feature-img {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
}
.single-feature-title {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
    font-family: 'Oswald', sans-serif;
}
.single--feature-btn {
    padding: 5px 0 15px;
}
.single--feature-btn img {
    width: 130px !important;
    margin: 0 auto;
}



.api-form {
    background: #e8e8e8 !important;
    border: 2px solid #183d69;
/*     padding: 15px 15px; */
}

.fl-left-2.controls {
    float: left;
}
.fl-left.control-label {
    float: left;
    width: 150px;
    font-weight: 500;
}
/*img.ui-datepicker-trigger {
    background: url(images/calender-icon.jpg)!important;
    border: 0!important;
    box-shadow: none;
    border-radius: 0;
    width: 3px;
    height: 3px;
    margin-left: 205px;
}
*/
select.styled.sts {
    padding: 5px;
    border: 1px solid #ddd;
}
.controls select {
    padding: 5px;
    border: 1px solid #ddd;
    margin: 0px 3px;
}
.banner-form {
    background: rgba(255, 255, 255, 0.48);
}
.mmm-3.wbtn.form-group input {
    width: 186px;
    height: 37px;
}

.mmm-3.wbtn.form-group {
    text-align: center;
}

.post-navigation .nav-previous {
    background: #fcbb00;
    width: 111px;
    text-align: center;
    float: left;
    margin-right: 5px;
}
.post-navigation .nav-next {
    background: #fcbb00;
    width: 111px;
    text-align: center;
    float: left;
    margin-left: 5px;
}

.post-navigation .nav-previous a, .post-navigation .nav-next a{
    display: block;
    color: #173e69;
        padding: 4px 5px;
}

.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, 
.post-navigation .nav-previous a:focus, .post-navigation .nav-next a:focus{
    color: #fcbb00;
    background-color: #173e69;
    text-decoration: none;
}
.single-post-page-img img {
    width: 100%;
}

.sidebar-sevices {padding: 15px 0;}
.sidebar-sevices h3 {margin: 10px 0;background: #231b0c;color: #fff;text-align: center;padding: 10px 15px;font-size: 28px;font-weight: 700;}
.sidebar-sevices ul {padding-left: 0;margin: 0;list-style:none;}
.sidebar-sevices li { list-style: none;}
.sidebar-sevices ul li a {background: #183d6a;display: block;font-size: 16px;color: #fff;border-bottom: 1px solid #fff;padding: 5px 15px;text-decoration: none;}
.sidebar-sevices ul li a:hover, .sidebar-sevices ul li a:focus{background: #004990; text-decoration: none;}


.single-car-block {
    border: 2px solid #183d69;
    margin-bottom: 40px;
}
.car-block-title h3 {
    font-size: 25px;
}
.car-block-title {
    background: #00b4e7;
    padding: 15px 15px;
    text-align: center;
}
.car-block-img img {
    display: block;
    margin: 0 auto;
}
.car-block-content ul li {
    list-style-image: url(images/Tick-green.png);
    margin: 3px 0;
}
.car-block-content {
    padding: 15px 0;
}

.car-block-btn span {
    background: #009900;
    color: #fff;
    width: 225px;
    display: block;
    padding: 12px 15px;
    cursor: pointer;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-bottom: 15px;
    text-align: center;
}
.car-block-btn span:hover{background-color: #00b4e7;}

.car-block-btn {
    position: relative;
}

.apiform-inner-banner-section {
    background: #13a8bc;
    padding: 15px 0;
}

.apiform-service-list{
    border-bottom: 2px solid #dbdbdb;
}

.apiform-service-list-item {
    position: relative;
    display: block;
    border-top: 2px solid #dbdbdb;
    padding: 8px 0;
}
.apiform-service-list-icon {
    display: table-cell;
    vertical-align: middle;
    font-size: 25px;
    line-height: 1;
    color: #fee101;
}
.apiform-service-list-item-text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    color: #fff;
}
.apiform-service-list-item-text strong {
    color: #fcba00;
}


/*CSS Menu*/

ul#menu-main-menu {
    margin: 0;
    padding: 0;
}

nav{position:relative;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{z-index: 999}
#cssmenu ul{padding-left:0; margin-bottom: 0;}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a {padding: 32px 2px; font-size: 15px; letter-spacing: 1px; text-decoration: none; color: #fff; font-weight: 400; }
#cssmenu > ul > li > a:after {
    content: "/";
    padding-left: 4px;
}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a {
    padding-right: 19px;
}
#cssmenu > ul > li.has-sub > a:after {
    position: absolute;
    top: 39px;
    right: 8px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: '';
}
#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 36px;
    right: 11px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}




#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:auto;}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 10px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:991px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu>ul>li>a {
    padding: 13px 15px;
    background: #183d6a;
}
#cssmenu>ul>li> a:after {
    content: "";
    padding-left: 4px;
}   
    
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:0px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top: -60px;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px; border-top: 2px solid #183d6a; border-bottom: 2px solid #183d6a;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#183d6a;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#183d6a;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#183d6a;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:40px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}