a.selected {
    background: black;
}

a {
    color: #9F0000;
    text-decoration: none;
}

    a:hover {
        color: #9F0000;
        text-decoration: underline;
    }

img {
    border: none;
}

body {
    margin: 0px;
    font-family: Arial;
    /*font-size:75%;*/
}

.wrapperFullWidth {
    width: 100%;
    margin: 0px auto;
}

.wrapperInner {
    width: 80%;
    margin: 0px auto;
}

.wrapperHeader {
    background-color: #1B1B1B;
    min-height: 62px;
}

.logo {
    padding-top: 10px;
}

.navMenu {
    float: right;
}

    .navMenu ul {
        list-style: none;
        float: right;
    }

ul.navMenu li {
    list-style: none;
    margin-left: 2px;
    margin-top: 10px;
    float: left;
}

    ul.navMenu li a {
        color: #fff;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 5px;
        text-decoration: none;
        text-transform: uppercase;
        background: #545454; /* Old browsers */
        background: -moz-linear-gradient(top, #545454 0%, #000000 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545454), color-stop(100%,#000000)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #545454 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #545454 0%,#000000 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #545454 0%,#000000 100%); /* IE10+ */
        background: linear-gradient(to bottom, #545454 0%,#000000 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    }


        ul.navMenu li a.active, li a:hover {
            background: #A00000;
        }

        ul.navMenu li a:hover {
            background: #A00000;
        }

.alignLeft {
    float: left;
}

.marginright {
    margin-right: 15px;
}

.input1 {
    width: 97%;
    min-height: 25px;
    font-size: 1.8em;
    -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
    box-shadow: inset 2px 2px 2px 0px #dddddd;
    border: 1px solid #aaa;
    margin-top: 10px;
    /*
padding-left:10px;
padding-right:10px;*/
    margin-left: 10px;
    margin-right: 10px;
    min-height: 40px;
}

img {
    max-width: 100%;
}

.wrapperMainTop {
    position: relative;
}

.wrapperBanner {
    top: 0;
    z-index: 9;
}

.wrapperFromTo {
    background-color: #222222;
    bottom: 36px;
    min-height: 60px;
    position: absolute;
    width: 80%;
    z-index: 10;
}


.col2 {
    width: 2%;
}


.col5 {
    width: 5%;
}

.col10 {
    width: 10%;
}

.col19 {
    width: 19%;
}

.col20 {
    width: 20%;
}

.col25 {
    width: 25%;
}


.col30 {
    width: 30%;
}


.col33 {
    width: 33%;
}

.col40 {
    width: 40%;
}


.col45 {
    width: 45%;
}


.col50 {
    width: 50%;
}


.col60 {
    width: 60%;
}

.col70 {
    width: 70%;
}

.col75 {
    width: 75%;
}

.col78 {
    width: 70%;
}

.col80 {
    width: 80%;
}


.col90 {
    width: 90%;
}

.margintop10 {
    margin-top: 10px;
}

.textcenter {
    text-align: center;
}

.btnred {
    background-color: #A41010;
    color: #fff;
    width: 93%;
    cursor: pointer;
    min-height: 25px;
    font-size: 2em;
    border: 1px solid #A41010;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 43px;
}

    .btnred:hover {
        background-color: #C00000;
    }

.borderBottom_red {
    border-bottom: 1px solid #A41010;
    min-height: 38px;
}

    .borderBottom_red div {
        background-color: #A41010;
        border: 10px none;
        color: #FFFFFF;
        display: inline;
        font-size: 25px;
        margin-top: 8px;
        padding-left: 10px;
        padding-right: 10px;
        position: absolute;
    }


.borderBottom_redOnly {
    border-bottom: 1px solid #A41010;
    min-height: 38px;
    margin-left: 10px;
    margin-right: 10px;
}

.redtext {
    border: 10px none;
    color: #A41010;
    display: inline;
    font-size: 25px;
    margin-top: 8px;
}

.blacktext {
    border: 10px none;
    color: #4E4E4E;
    display: inline;
    font-size: 25px;
    margin-top: 8px;
}


.locationLabel {
    font-size: 3em;
    color: #4E4E4E;
    height: 100px;
    display: block;
}


.locationPrice {
    font-size: 4em;
    font-weight: bold;
    color: #4E4E4E;
    height: 100px;
    display: block;
}

.bgGradient {
    background: url(../images/bggradient.jpg) #ffffff;
    min-height: 147px;
    background-position: bottom right;
    background-repeat: repeat-x;
}

ul.menuIconsList {
    list-style: none;
    margin: 0;
    padding-left: 8px;
    margin-top: 10px;
}

.menuIconsList > li {
    border-bottom: 1px solid #CCCCCC;
    min-height: 32px;
    clear: both;
}


ul.menuIconsList li a {
    margin: 0;
    padding-left: 8px;
    font-size: 18px;
    color: #4E4E4E;
    text-decoration: none;
}

ul.menuIconsList a:hover {
    color: #000000;
    background: transparent;
}

.alignLeftAll {
    float: left;
}

.rowgap {
    clear: both;
    height: 21px;
}

hr {
    height: 4px;
    background-color: #DBDBDB;
    border: none;
}


.text18 {
    font-size: 18px;
    color: #444444;
    line-height: 25px;
}

.marginleft30 {
    margin-left: 30px;
}


.clearAll {
    clear: both;
}

.textalign_left {
    text-align: left;
}

.readmore a {
    color: #A20808;
    font-size: 14px;
    text-decoration: none;
    background: url(../images/arrow_readmore.png);
    width: 100%;
    background-repeat: no-repeat;
    padding-left: 20px;
    line-height: 50px;
}

h1 {
    color: #A00000;
    font-size: 24px;
}

h2 {
    color: #2E2E2E;
    font-size: 24px;
}


.wrapperToggle {
    bottom: 0px;
    position: inherit;
    width: 100%;
    background: #fff;
    ;
    text-align: center;
    box-shadow: 0 -2px 2px #838383 inset;
    min-height: 35px;
}

    .wrapperToggle ._btn {
        background: none repeat scroll 0 0 #FFFFFF;
        cursor: pointer;
        display: block;
        height: 48px;
        margin: 0 auto;
        text-align: center;
        width: 178px;
        background: url(../images/toogle_bg.png) no-repeat;
    }

        .wrapperToggle ._btn span {
            background: none repeat scroll 0 0 #E7E7E7;
            display: block;
            height: 2px;
            margin: 0 auto 1px;
            width: 22px;
        }

    .wrapperToggle div {
        padding-top: 10px;
    }

    .wrapperToggle i {
        display: block;
        font: bold 18px/20px 'Droid Sans';
        text-transform: uppercase;
        color: #333333;
    }


.contentMargin {
    padding: 0 10px;
}

.contentWrapper {
    border: 1px solid #BEBEBE;
    border-top: 3px solid #2E2E2E;
    min-height: 300px;
    padding: 0 10px;
    display: inline-block;
}


.imageColWidth {
    float: left;
    width: 310px;
}

@media only screen and (max-width: 1024px) {


    .imageColWidth {
        clear: both;
    }

    .wrapperInner {
        width: 100%;
        margin: 0px auto;
    }


    .wrapperFromTo {
        bottom: 80px;
        margin: -5px auto;
        min-height: 60px;
        position: relative;
        width: 80%;
        margin-top: -12px;
    }
}

@media only screen and (max-width: 768px) {

    #vertical-ticker {
        height: 100px !important;
    }

    .btnred {
        width: 97%;
    }

    .marginleft30 {
        margin-left: 0px;
    }

    .logo {
        /*text-align: center !important;*/
    }

    .alignLeft {
        float: none;
    }


    .wrapperInner {
        width: 100%;
        margin: 0px auto;
    }

    .mobile {
        display: block;
        width: 100% !important;
    }

    .navMenu {
        display: none;
    }

    ul.navMenu li {
        display: block;
        width: 100%;
    }

        ul.navMenu li a {
            display: block;
            width: 100%;
        }

    .wrapperFromTo {
        bottom: -207px;
        position: inherit;
        padding-bottom: 10px;
        padding-bottom: 10px;
        width: 100%;
    }

    #ticker_previous {
        margin-top: 0px !important;
    }

    #ticker_next {
        margin-top: 0px !important;
    }



    .locationLabel {
        font-size: 3em;
        color: #4E4E4E;
        display: block;
        height: auto;
    }


    .locationPrice {
        font-size: 4em;
        font-weight: bold;
        color: #4E4E4E;
        height: auto;
    }


    .hide_mobile {
        display: none !important;
    }


    .show_mobile {
        display: block !important;
    }


    /*legend*/

    .margintop170 {
        margin-top: 0px !important;
        text-align: center;
        width: 100%;
    }

    .mobile95, .contentWrapper {
        width: 90% !important;
        position: relative;
        height: auto !important;
        clear: both !important;
        overflow: none;
        dislay: block;
        padding: 10px;
    }



    .margin30 {
        margin-left: 0px !important;
        margin-right: 0px;
    }





    .clearboth {
        clear: both;
        margin-top: 10px;
    }

    /*legend*/


    .footer {
        padding: 20px !important;
    }
}


.footer {
    background-color: #2B2B2B;
    display: inline-block;
    padding: 20px 0px 20px 0px;
}

    .footer h1 {
        font-size: 1.4em;
        color: #DFDFDF;
    }


    .footer a {
        font-size: 1.2em;
        color: #DFDFDF;
        text-decoration: none;
        display: block;
        padding: 5px 0px 5px 0px;
    }

        .footer a:hover {
            color: #ffffff;
        }

.copyright {
    font-size: 1em;
    color: #DFDFDF;
    padding-top: 20px;
    display: block;
    clear: both;
}

.logo_fb {
    background: url("../images/logo_fb.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 46px;
    width: 42px;
}

.logo_twitter {
    background: url("../images/logo_twitter.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 46px;
    width: 42px;
}

.logo_gplus {
    background: url("../images/logo_gplus.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 46px;
    width: 42px;
}

.logo_pi {
    background: url("../images/logo_pi.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 46px;
    width: 42px;
}

.hide_mobile {
    display: block;
}


.show_mobile {
    display: none;
}





/*Legendcars*/
.inputfield {
    background: white !important;
    font-size: 12px !important;
    padding: 10px !important;
    width: 90% !important;
    border: 1px solid #BABABA;
}

label {
    font-weight: bold;
    color: #000000;
}

.inputfield85 {
    background: white !important;
    font-size: 12px !important;
    padding: 10px !important;
    width: 85% !important;
    border: 1px solid #BABABA;
}

.inputfield_350 {
    background: white !important;
    font-size: 12px !important;
    padding: 10px !important;
    width: 350px !important;
    border: 1px solid #BABABA;
}

.buttonsubmit {
    background: #a00000 !important;
    font-size: 12px !important;
    padding: 10px !important;
    color: white;
    width: 100px;
}

.rightalign {
    float: right;
}

.leftalign {
    float: left;
}

.forgotpassword {
    font-size: 11px;
}

.textnormal {
    font-size: 12px;
}

.textmedium {
    font-size: 18px;
    color: black;
    padding: 0px;
}

.textmedium1 {
    font-size: 16px;
    color: black;
    padding: 0px;
}

.textmedium2 {
    font-size: 16px;
    padding: 0px;
    color: #ffffff;
}


.textnormalblack {
    font-size: 18px;
    color: black;
}


.comboinput {
    padding: 10px !important;
    width: 100%;
}

.comboinput150 {
    padding: 10px !important;
    width: 100%;
}


.comboinputnone {
    padding: 10px !important;
}



.col30 {
    width: 30%;
    float: left;
}

.col50 {
    width: 50%;
    float: left;
}

.col60 {
    width: 60%;
    float: left;
}


.col48 {
    width: 48%;
    float: left;
}


.col65 {
    width: 65%;
    float: left;
}


.col66 {
    width: 66%;
    float: left;
}

.col75 {
    width: 75%;
    float: left;
}

.col70 {
    width: 70%;
    float: left;
}

.col100 {
    width: 100%;
}

.col90 {
    width: 90%;
}

.marginbottom20 {
    margin-bottom: 20px !important;
}



.colboxshadow {
    border: 1px solid #B4B4B4;
}

.colbg1 {
    background: #3C3C3C;
}


.colbg2 {
    background: #989898;
}

    .colbg2:hover {
        background: #a00000;
        transition: background-color 0.5s ease;
    }

.colbg3 {
    background: #ffffff;
}

.colbg4 {
    background: #E9E9E9;
}

.colbg5 {
    background: #a00000;
}

.colbg6 {
    background: #E9E9E9;
    color: #000000;
}

.colhead1 {
    color: #ffffff;
    font-size: 22px;
}





.colhead2 {
    color: #ffffff;
    font-size: 26px;
}


.colhead3 {
    color: #000000;
    font-size: 16px;
}


.aligncenter {
    text-align: center;
}

.paddingright5 {
    padding-right: 5px;
}

.padding10 {
    padding: 10px;
}

.padding15; {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

.colbutton {
    background: #a00000;
    padding: 5px;
    color: #ffffff;
    display: block;
}

    .colbutton:hover {
        background: #ffffff;
        color: #000000;
    }

.colbutton1 {
    background: #a00000;
    padding: 10px;
    color: #ffffff;
    font-size: 24px;
}

.colbutton2 {
    background: #a00000;
    padding: 5px;
    color: #ffffff;
    display: block;
    text-align: center;
    cursor: pointer;
}

    .colbutton2:hover {
        background: #A9A9A9;
    }

.icon-chevron-right:before {
    content: ">";
    font-size: 14px;
}

.colbutton1:hover {
    background: #a00000;
    color: #ffffff;
}

.bordercss {
    border: 1px solid #cccccc;
}


fieldset legend {
    background-color: #a00000;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
}

.font14 {
    font-size: 1.4em;
}


.font15 {
    font-size: 1em;
    color: #444444;
}


.margin30 {
    margin-left: 10px;
    margin-right: 0px;
}

.margintop170 {
    margin-top: 170px;
}



p, h5 {
    color: #a00000;
    font-size: 1.8em;
    margin-bottom: 1em;
}
/*#region Splash */
#splash-page {
    z-index: 99999 !important;
}

    #splash-page .bar {
        width: 100%;
    }

.page-splash {
    z-index: 99999 !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: .9;
    pointer-events: auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.page-splash-message {
    text-align: center;
    margin: 20% auto 0 auto;
    font-size: 400%;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: normal;
    -webkit-text-shadow: 2px 2px #000000;
    text-shadow: 2px 2px #000000;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    text-decoration: none;
    color: #F58A00;
    padding: 0;
}

    .page-splash-message.page-splash-message-subtle {
        margin: 30% auto 0 auto;
        font-size: 200%;
    }

.fa-asterisk.fa-asterisk-large {
    font-size: 180%;
    vertical-align: middle;
    color: #F58A00;
}

.fa-asterisk.fa-asterisk-alert {
    color: #F58A00;
}

.fa-asterisk-inline {
    padding: 0 4px 0 0;
}


.progress,
.page-progress-bar {
    margin: 30px 10% !important;
}

.spinner {
    margin: 20% auto 0 auto;
    left: auto;
    top: auto !important;
}
/*#endregion*/
/*Legendcars*/

/*#region Angular ng-include, ng-view, ng-repeat fader animation */
.fader-animation.ng-enter,
.fader-animation.ng-leave,
.fader-animation.ng-move {
    position: relative;
}

.fader-animation.ng-enter,
.fader-animation.ng-leave {
    -webkit-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    -moz-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    -o-transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    transition: cubic-bezier(0.250, 0.460, 0.450, 0.940) all 0.5s;
    opacity: 1;
}

    .fader-animation.ng-enter,
    .fader-animation.ng-leave.ng-leave-active {
        opacity: 0;
    }

        .fader-animation.ng-enter.ng-enter-active {
            opacity: 1;
        }

.fader-animation.ng-move {
    opacity: 0.5;
}

    .fader-animation.ng-move.ng-move-active {
        opacity: 1;
    }

.error {
    color: red;
}

input:disabled {
    /*background-color: black;*/
    color: #9C9C9C;
}

button:disabled {
	background-color: #555;
    color: #9C9C9C;
}

button:disabled:hover {
	background-color: #555;
    color: #9C9C9C;
}

.modal-dialog {
    left: 0 !important;
}


#map-canvas {
    height: 90%;
    position: absolute !important;
    width: 100%;
}

#map {
    height: 250px;
    width: 100%;
}

.bootstrap-datetimepicker-widget.dropdown-menu a {
    color: #ff0000;
}

    .bootstrap-datetimepicker-widget.dropdown-menu a:hover {
        background-color: transparent;
    }

.error {
    color: red;
	position: absolute;
    background-color: #DEC3C3;
    border-radius: 3px;
    padding: 4px 4px;
	z-index: 1;
	left: 14px;
    right: 14px;
	box-shadow: #000 0px 0px 6px 2px;
	border-top: red solid 4px;
	top: 28px;
}

.error:before{
    position: relative;
    content: "";
    border-bottom: 7px solid red;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -28px;
    right: -2px;
}

.error-top {
    color: red;
	position: absolute;
    background-color: #DEC3C3;
    border-radius: 3px;
    padding: 4px 4px;
	z-index: 1;
	left: 14px;
    right: 14px;
	box-shadow: #000 0px 0px 6px 2px;
	margin-top: -11px;
	border-bottom: red solid 4px;
}

.error-top:before{
    position: relative;
    content: "";
    border-top: 7px solid red;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: 28px;
    right: -2px;
}

input:disabled {
    background-color:  #555;
    color: #9C9C9C;
}

input[disabled].my-btn:hover, input[disabled].my-btn:active, input[disabled].my-btn:focus{
  background-color:  #555;
    color: #9C9C9C;
}

/*#endregion*/

.multi-select {
    outline: none;
    overflow: hidden;
    text-indent: 0.01px;
    text-overflow: '';
    background: url("../images/icon-arrow-down.png") no-repeat right #666;
    background-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

    .multi-select:hover {
        background-color: rgba(39,32,32,0.75);
        color: #fff;
    }

    .multi-select:active, .multi-select:link, .multi-select:visited {
        background-color: rgba(39,32,32,0.75) !important;
        color: #fff !important;
    }

.baby-seats .dropdown-menu {
    background-color: #555;
    border: #999 solid 1px;
    border-radius: 2px;
}

.baby-seats .item-unselected {
    color: #fff;
}

.my-date-btn {
    background-color: #0fa551 !important;
    color: #fff !important;
    font-size: 17px !important;
}

    .my-date-btn:hover {
        background-color: #2E2E2E !important;
    }

.ui-menu-item {
    padding-left: 25px !important;
    background-image: url('../images/map-marker.png');
    background-position: 5px 4px;
    background-size: 18px;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

    .ui-menu-item:hover {
        padding-left: 25px !important;
        background-image: url('../images/map-marker.png') !important;
        background-position: 5px 4px !important;
        background-size: 18px !important;
        background-repeat: no-repeat !important;
        box-sizing: border-box;
    }

.ui-autocomplete {
    padding-bottom: 20px !important;
    background-image: url('../images/google_logo.gif') !important;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box;
}

.view.ng-enter, .view.ng-leave {
    position: absolute;
    width: 100%;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.view.ng-enter {
    transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
}

.view.ng-enter-active {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.view.ng-leave {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.view.ng-leave-active {
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
}


.animate-show.ng-hide-add, .animate-show.ng-hide-remove {
  transition: all linear 0.5s;
}

.animate-show.ng-hide {
  line-height: 0;
  opacity: 0;
  padding: 0 10px;
}

.epander-btn-pos {
    /* position: absolute !important;*/ 
}

small { 
    font-size: 12px !important;
}

.error.ng-inactive {
    display:none;
}
.error.ng-active {
    display: block;
}



.my-date-time .dropdown ul{
    width: 320px;
    max-width: 100%;
}

.my-date-time .dropdown ul .datetimepicker{
    width:100%;
}

.my-date-time .dropdown ul .datetimepicker table{
    table-layout: fixed;
}

p.qouteDV{
    font-size: 14px;
    color: #2e2e2e;
    float: left;
    width: 100%;

}

figure.mapone{width: 100%;float: left;margin-top:20px;}

figure.mapone img{width: 100%;margin:0 auto;}

h1.landinghead{
    font-size: 30px;
    color: #6bbf8b;
    float: left;
    width: 100%;

}
p.detail-pera{
    font-size: 16px;
    color: #2e2e2e;
    float: left;
    width: 100%;
    margin: 10px 0;

}

p.detail-pera span{
    font-size: 20px;
    color: #44955d;
    float: left;
    width: 100%;
    margin: 20px 0;

}

ul.landinglist{list-style:square;float: left;width: 100%;margin: 0;padding: 0;}

ul.landinglist li{

    width: 100%;
    float: left;
    margin:5px 10px;
}
.about-detail {
    width: 100%;
    float: left;
    padding: 40px 0;
}

.about-detail h1{width: 100%;float: left;text-align: center;font-size: 30px;color:#000000; font-family:Play-Regular; font-weight:bold;}

.about-detail p{width: 100%;float: left;text-align: center;font-size: 16px;color:#2e2e2e;margin-top:10px;padding:0 30px;  } 

.about-detail a{width:auto;float: left;margin: 10px;font-size:16px;color:#44955d; }

.parralex-bg{background: url(../images/pera.jpg) no-repeat fixed;     
	float: left;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding: 40px 0;
}
.about-downlaod{width: 100%;float:left;margin-top: 30px; }

.about-downlaod h1{width: 100%;float: left;text-align: center;font-size: 30px;color:#ffffff; font-family: Play-Regular; font-weight: bold;}

.about-downlaod p{width: 100%;float: left;text-align: justify;font-size: 18px;color:#fff;margin-top:10px;padding:0 30px;  } 

.about-downlaod a{width: auto;float: left; margin: 10px 0px 10px 30px;}

figure.sotre-pic{width:100%;float:left;margin: 20px 0; text-align: center;  }

figure.sotre-pic img{width: 70%;margin: 0 auto;}

.seravice-head{width: 100%;text-align: center;font-size: 30px;color:#000000;font-family: Play-Regular; font-weight: bold;}

.hdng-all{width: 100%;float: left;text-align: center;font-size: 22px;color:#2e2e2e;padding:0;margin:15px 0px;font-family: Play-Regular; font-weight: bold;}

.detail-pra {width: 100%;text-align: center;font-size: 16px;color:#4b4b4b;}

.mrgn-ten{margin-bottom:15px;}

.cars-pic{width:100%;float:left;margin-bottom:10px;text-align:center;}

    .cars-pic img {width:70%;margin:0 auto:}

    .about-pic{width:100%;float:left;margin-bottom:10px;text-align:center;}

    .about-pic img {width:50%;margin:0 auto:}
    .small-device-menu{display:none;}

    @media only screen and (max-width:768px) {

        .header-nav{display: none;}

        .small-device-menu{display: block;
    width: 50px;
    height: 35px;
    border: 2px solid #fff;
    top: 100px;
    right: 20px;
    position: absolute;
    z-index: 999999;
    background: #000000;
    border-radius: 6px;
}
.main-nav-logo{width: 100%;float: left;text-align: center;padding: 15px 0;background: rgba(0,0, 0, 1); }
    .main-nav-logo img{width: 70%;}
    /*--------------nav-mobile------------------*/

    
#site-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

main {
 *zoom: 1;
  width: auto;
  max-width: 1200px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}

main:before, main:after {
  content: '';
  display: table;
}

main:after { clear: both; }

/* Navbar Menu Component */

.menu {
  width: 300px;
  height: 100%;
  background: url(../images/navbg.png) repeat;   
  position: fixed;
  top: 0;
  right: -300px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  z-index: 10;
}

.menu.show-nav {
  -webkit-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  transform: translateX(-300px);
  -webkit-transform: translateX(-300px) tranlateZ(0);
  -ms-transform: translateX(-300px) tranlateZ(0);
  transform: translateX(-300px) tranlateZ(0);
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

.menu ul {
  margin: 0;
  padding: 0;
}

.menu ul li {
  float:left;
  width: 100%;
  list-style: none;
  margin: 0 auto;
  text-align: left;
  border-top: 1px solid #6d6d6d;
  box-shadow: 0 -1px 1px -1px #746559;
}

.menu ul li:first-child {
  margin-top: 20px;
  border: 0;
  box-shadow: none;
}

.menu ul li a {
  float: left;
  width: 100%;
  font-size: 16px;
  padding: 20px 10px;
  color: rgba(255, 255, 255, 0.7);
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.menu ul li a:hover {
  
  background-color: #000000;
 color:#ffffff; 
  -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
}

.no-touch .menu ul li a:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  visibility: visible;
}

.menu p {
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 86%;
  left: 20px;
  font-size: 0.875em;
  text-align: center;
}

.menu p a {
  color: rgba(243, 139, 0, 0.6);
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.menu p a:hover {
  color: #f38b00;
  text-decoration: underline;
}

.nav-toggle {
  position: absolute;
 top: -2px !important;
    right: 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  z-index: 11;
}

.nav-toggle span {
  color: #4c4c4c;
  color: #fff;
  padding: 5px;
  font-size: 1.875em;
}

.no-touch .nav-toggle span:hover { color: #ffffff; }

.nav-toggle span.fa-times { color: #ffffff; }

.nav-toggle span.fa-times:hover { color: #ffffff; }

.nav-toggle.show-nav {
  top: -5px !important;
    right: 2px;
    position: fixed;
}

    }

@media only screen and (max-width: 768px) {

        .header-nav{display: none;}

        .small-device-menu{top: 120px;}
        .nav-toggle {
    top: 119px;}
        }

        @media only screen and (max-width:640px) {

        .header-nav{display: none;}

        .small-device-menu{top: 130px;}
        .nav-toggle {
    top: 100px;}
        }