/*=======Instructions To  Developer Must Follows Before Edit/Write This Css ==========*/

/*
    1.Please write the css well and neat manner.
    2.Write the css section wise.
    3.Do not write un-neccesary css property which increase css file size.
    4.While writing css use comment.    
    
   =================== HAPPY CODING  =================================================
*/



.HL {
    background: #a88243; /* skin color */
    color: #000000;
}

/*=====================================
   Header CSS 
======================================*/

.main-nav-bar {
    position: relative;
    z-index: 2;
}

    .main-nav-bar .top-menu {
        position: relative;
        display: none;
        float: left;
        margin-bottom: 20px;
        padding: 0;
        width: 100%;
        font-style: normal;
    }

        .main-nav-bar .top-menu ul {
            margin: 0;
        }


.top-menu > ul > li {
    display: block;
    margin-right: 0px;
    padding: 0 0 0px 0;
}

    .top-menu > ul > li > a {
        text-decoration: none;
        font-weight: normal;
        font-size: 20px !important;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
    }


        .top-menu > ul > li > a:hover {
            -moz-transition: all .2s;
            -ms-transition: all .2s;
            -o-transition: all .2s;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

.top-menu .current-item, .main-nav-bar .top-menu .current-item:link {
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.menu-button {
    float: right;
    width: 55%;
    padding: 25% 0 0 0;
    cursor: pointer;
}

    .menu-button .fa-bars {
        /*padding: 10%;*/
        padding: 7% 15%;
        background-color: #a88243; /* skin color */
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        font-size: 36px;
        display: block;
        float: right;
        margin-left: 10px;
    }

    .menu-button .mobilemenu-text {
        font-weight: bold;
        display: block;
        float: right;
        padding: 5% 0;
        padding: 10% 0;
    }

.mobile-nav-bar {
    text-align: left;
}

#mainMenu {
    display: none;
}


.main-nav-bar #searchButton {
    position: relative;
    display: block;
    float: right;
    margin: 0 10px 0 0;
    padding: 0px;
}
/*=====================================
   Header CSS -Mobile search box
 ===================================*/

.mobile-search {
    margin-bottom: 15px;
    height: 40px;
    border: 1px solid #ccc;
    position: relative;
}

#searchBox {
    position: relative;
    z-index: 1;
    float: left;
    margin: 0;
    padding: 5px 3.91%;
    width: 80%;
    height: 38px;
    border: 0 solid #e1e1e1;
    background-color: #ffffff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    font-size: 14px;
}

#searchButton {
    display: block;
    float: right;
}

.search-button {
    position: relative;
    right: 0;
    display: inline-block;
    float: right;
    padding: 0;
    width: 48px;
    height: 38px;
    z-index: 1;
    border: 0 solid #6d6e6e;
    background: transparent;
    background-size: cover;
}


.mobile-search span.fa {
    position: absolute;
    right: 0;
    right: 15px;
    top: 10px;
}

/*=====================================
   Header CSS - Serach box 
=======================================*/
.search {
    margin: 0 0 0px 0;
    padding: 0;
    position: relative;
    display: block;
    float: right;
    right: -3px;
}

.mainsearch-button {
    cursor: pointer;
    float: right;
    width: 42px;
    height: 42px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #a88243; /* skin color */
}

    .mainsearch-button span {
        float: left;
        width: 100%;
        padding-top: 50%;
        line-height: 1em;
        margin-top: -0.5em;
        text-align: center;
        color: white;
    }

    .mainsearch-button:hover {
        background: #333;
    }

.searchbox-wrapper {
    position: absolute;
    float: right;
    /*bottom: -54px;*/
    bottom: -75px;
    right: 0;
    overflow: hidden;
    z-index: 10000;
    display: none;
    padding: 9px 0 10px 0;
    width: 25%;
    background-color: #a88243; /* skin color */
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}


.navbar .search-box {
    position: relative;
    width: 92%;
    margin: 0 auto;
    background-color: #fff;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    height: 36px;
}

    .navbar .search-box span.fa {
        position: absolute;
        right: 0;
        right: 15px;
        top: 10px;
    }


.navbar .searchsubmit {
    display: inline;
    position: relative;
    float: right;
    width: 15%;
    height: 36px;
    line-height: 36px;
    margin: 0 0px 0 0;
    padding: 0px 0px 0 0px;
    right: 0;
    z-index: 2;
    border: 0px solid #6D6E6E;
    background: transparent;
}

.navbar .search-textbox {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 5px 2% 5px 4%;
    position: relative;
    width: 79%;
    z-index: 1;
    border: 0 solid #E1E1E1;
    color: #000;
    height: 36px;
    float: left;
    font-size: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.statementLine {
    padding-top: 30px;
}

@media screen and (min-width:340px) {
    .logo a {
        max-width: 100%;
        display: block;
    }

    .menu-button .fa-bars {
        padding: 5%;
    }
}

@media screen and (min-width:450px) {
    .logo a {
        max-width: 80%;
    }

    .menu-button .fa-bars {
        padding: 10%;
    }

    .menu-button {
        padding: 8% 0 0;
    }
}

@media screen and (min-width:991px) {
    .logo a {
        max-width: 100%;
    }

    .securitycode-buttons {
        padding: 12px 0px;
    }
}

@media screen and (min-width:991px) {

    .main-nav-bar {
        margin-top: 24px;
    }

        .main-nav-bar .top-menu {
            display: block;
            margin: 7px 0 0 0;
            width: auto;
        }

        .main-nav-bar #searchButton {
            margin: 0;
        }

    .top-menu > ul > li > a.menu {
        margin-right: 28px;
        margin-bottom: 9px;
        padding: 0;
        background: none;
        border-bottom: none;
    }

    .top-menu > ul > li > a.menu_sel {
        margin-right: 28px;
        margin-bottom: 8px;
        padding: 0;
        border-bottom: none;
        color: #000;
    }

    .top-menu > ul > li:last-child > a {
        margin-right: 23px;
    }
}


@media (min-width: 992px) {
    .visible-xs-menu {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .visible-xs-menu {
        display: block !important;
    }

    .hidden-xs-menu {
        display: none !important;
    }


    #mainMenu {
        position: fixed;
        right: 0px;
        top: 0px;
        bottom: 0;
        width: 333px;
        z-index: 10000000;
        height: 100%;
        display: none;
    }

    .shadow {
        position: absolute;
        border: 0;
        height: 100%;
        width: 4px;
        background: url('../media/shadow.png') repeat-y;
        float: left;
    }

    .mobile-menu {
        float: right;
        background-color: #fff;
        height: 100%;
        padding: 20px 20px 0;
        position: relative;
        width: 295px;
        overflow: scroll;
    }

    .closecon {
        position: relative;
        width: 100%;
        margin: 0 0 0 0;
    }

        .closecon div {
            line-height: 40px;
        }

        .closecon .fa {
            background-color: #a88243; /* skin color */
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            color: white;
            float: right;
            padding: 8px;
            cursor: pointer;
        }

    .mobtext {
        font-size: 25px;
        color: #285475;
        float: left;
        line-height: 27px;
    }
}


/*=====================================
  End of Header CSS 
======================================*/

/*=================================================================================================================================*/

/*=====================================
   Top banner section 
=======================================*/

.topbanner {
    position: relative;
    margin-bottom: 35px;
    background-color: #f4f4f4;
}

.topbanner-bgcolor {
    background-color: #f4f4f4;
}

.inner-topbanner {
    margin-bottom: 25px;
    position: relative;
}

.regular-banner {
    margin-bottom: 0px;
    position: relative;
}

.topbanner-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 200px;
    width: 100%;
}

.topbanner .container {
}

@media (min-width:768px) {

    .topbanner {
        background-color: #fff;
        margin-bottom: 25px !important;
    }

    .topbanner-bgcolor {
        background-color: #fff;
    }


    .topbanner-image {
        max-height: 700px;
    }
}

@media (min-width:992px) {
}

@media (min-width:992px) {
    .topbanner {
        margin-bottom: 0;
    }

    .stmtlinebtn {
        text-align: right;
    }
}


/*=====================================
  End Of Top banner section 
=======================================*/


/*=====================================
  Top banner text section 
=======================================*/
.topbantext {
    position: absolute;
    top: 10%;
    width: 35%;
}

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

    .topbantext {
        position: relative;
        padding: 20px 15px 20px 15px;
    }

    .topbantext {
        width: 100%;
    }

    .topbantextposition {
        width: 100%;
    }

    .topbanner {
        margin-bottom: -30px !important;
    }

    .gridview td {
        padding-right: 10px;
    }
}

.pos {
    position: absolute;
}

@media screen and (min-width:769px) {
    .topbantextposition {
        right: 10%;
        width: 45%;
        text-align: right;
    }
}

@media screen and (min-width:1450px) {
    .topbantextposition {
        right: 13%;
    }
}

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

    #products .item-wrapper {
        margin-bottom: 15px;
    }

    #products .botlesmer {
        margin-bottom: 10px;
    }
}

/*=====================================
  End Of Top banner text section 
=======================================*/


/*========================================================================================================================================*/

/*=====================================
 Statement Section
=======================================*/

.statement-line {
    padding-top: 25px;
    background-color: #fff;
}

    .statement-line h2 {
        margin: 0 0 15px 0;
        font-size: 35px;
        color: #404041;
    }

.statement-line-button {
    margin-bottom: 25px;
}


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


    .statement-line {
        background: #fff;
    }

        .statement-line h2 {
            margin-bottom: 25px;
        }

        .statement-line a {
            margin-bottom: 25px;
        }
}

@media (min-width: 992px) {

    .statement-line {
        text-align: left;
    }

        .statement-line h2 {
            margin: 0;
        }

        .statement-line a {
            float: right;
        }
}

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

    .footer-element {
        padding-top: 20px;
    }
}

/*=====================================
 End Of Statement Section
=======================================*/

/*========================================================================================================================================*/

/*=====================================
   Main Content 
=======================================*/


.middle-section {
    padding-top: 15px;
}

.mid-wrapper {
    margin-top: 25px;
}

.maincontent img, .maincontent img, .sidebar img, .right-text img, .left-text img, .footer img {
    max-width: 100%;
    height: auto;
}

.middle-section {
    padding-top: 15px;
}

.mid-wrapper {
    margin-top: 25px;
}

.maincontent img, .maincontent img, .sidebar img, .right-text img, .left-text img, .footer img {
    max-width: 100%;
    height: auto;
}

.maincontent {
    padding-bottom: 50px;
    display: block;
}

    .maincontent a {
        text-decoration: underline;
    }

.header-separator {
    margin-bottom: 20px;
    padding: 0 !important;
}

.content h1 {
    width: 90%;
}

.section-bottom {
    margin-bottom: 15px;
    display: block;
}

@media (min-width: 992px) {
    .middle-section {
        padding-top: 30px;
    }

    .header-separator {
        margin-bottom: 70px;
    }

    .section-bottom {
        margin-bottom: 30px;
    }
}


/*=====================================
  End Of  Main Content 
=======================================*/




/*=========================================================================================================================================*/



/*=====================================
   Main Content - Left Section
=======================================*/


.div_Undervalg {
    position: relative;
    width: 100%;
    padding: 10px 0px;
    border-bottom: 2px solid #a88243; /* skin color */
    display: block;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    margin: 0;
}

    .div_Undervalg:hover {
        background-color: #fff;
    }

    .div_Undervalg .Undervalg_sym {
        color: #a88243; /* skin color */
    }

.sidebar {
    position: relative;
}

    .sidebar ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .sidebar ul li {
            width: 100%;
        }

.left-menu {
    margin-bottom: 12px !important;
    display: none;
}

    .left-menu a {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        display: block;
    }


    .left-menu li {
        border-bottom: 1px solid #cacaca;
        position: relative;
    }

    .left-menu > li:first-child {
        /*border-top: 1px solid #cacaca;*/
    }

    .left-menu li a {
        padding-top: 9px;
        padding-bottom: 9px;
        display: inline-block;
        width: 95%;
        /*padding-left:15px;*/
    }


.firstlevel-nonsel span.fa {
    padding-right: 7px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

.firstlevel-sel span.fa {
    /*padding-right: 10px;*/
    padding-right: 3px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

.secondlevel {
    border-bottom: 1px solid #adadad;
}

.secondlevel-nonsel a {
    /*padding: 0px 0 0px 19px;*/
    padding: 0px 0 0px 25px;
}

.secondlevel-nonsel span.fa {
    /*padding: 0px 10px 0 0px;*/
    padding: 0px 7px 0 0px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}


.secondlevel-sel a {
    padding: 0px 0 0px 18px;
    padding-left: 25px;
}

.secondlevel-sel span.fa {
    /*padding: 0px 10px 0 0px;*/
    padding: 0px 3px 0 8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    /*top:28%;*/
}


.thirdlevel-sel span.fa {
    /*padding: 0px 10px 0 0px;*/
    padding: 0px 3px 0 32px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    /*top:28%;*/
}


.fourthlevel-sel span.fa {
    /*padding: 0px 10px 0 0px;*/
    padding: 0px 3px 0 55px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    /*top:28%;*/
}


/*.firstlevel-nonsel span.fa {
     margin-top: -8px;
    padding: 0 3px 0 8px;
    position: absolute;
    top: 50%;
}*/
.secondlevel-nonsel span.fa {
    margin-top: -8px;
    padding: 0 3px 0 15px;
    position: absolute;
    top: 50%;
}

.thirdlevel-nonsel span.fa {
    margin-top: -8px;
    padding: 0 3px 0 25px;
    position: absolute;
    top: 50%;
}

.fourthlevel-nonsel span.fa {
    margin-top: -8px;
    padding: 0 3px 0 48px;
    position: absolute;
    top: 50%;
}

.thirdlevel-nonsel a {
    background: none;
    display: block;
    /*padding: 0px 0 0px 63px;*/
    padding: 0px 0 0px 38px;
}

.thirdlevel-sel a {
    background: none;
    display: block;
    padding: 0px 0 0px 48px;
}

.fourthlevel-nonsel a {
    background: none;
    display: block;
    /*padding: 0px 0 0px 73px;*/
    padding: 0px 0 0px 63px;
}

.fourthlevel-sel a {
    background: none;
    display: block;
    padding: 0px 0 0px 72px;
}

.left-text {
    padding: 20px 0 10px 0;
}

    .left-text a {
        text-decoration: underline;
    }

.right-text a {
    text-decoration: underline;
}

.left-text ul {
    list-style-type: disc;
    margin-left: 40px;
}

    .left-text ul li {
        border: none;
        background: none;
    }

.telephone-text {
    padding-bottom: 12px;
    font-size: 22px;
    border-bottom: 4px solid #a88243; /* skin color */
}

    .telephone-text span.fa {
        padding-right: 3%;
    }



@media screen and (min-width:320px) {

    .firstlevel-sel a {
        background-position: left 49%;
        padding-left: 15px;
    }

    .firstlevel-nonsel a {
        background-position: left 49%;
        padding-left: 15px;
    }
}



@media (min-width: 992px) {


    .left-text {
        padding-top: 0;
    }

    .left-menu {
        display: block !important;
    }

    .sidebar {
        margin-bottom: 30px;
    }
}



/*=====================================
  End Of Main Content - Left Section
=======================================*/



/*=====================================
   Main Content - buildpath section
=======================================*/

.buildpath {
    font-size: 16px;
}

.contact-page .buildpath {
    margin-bottom: 25px;
}

.buildpath a {
    font-size: 16px;
}


/*=====================================
  End Of Main Content - buildpath section
=======================================*/

/*=========================================================================================================================================*/

/*=====================================
  Switch Controls
=======================================*/

 
.view-controls-list {    
    float: right;
    padding: 20px 0px;
}
.view-controls-grid {
    width: 1000px;
    text-align: right;
}
#viewcontrols a {
    padding: 10px;
    color: #a88243; /* skin color */
    cursor: pointer;
    text-decoration: none;
}

    #viewcontrols a:hover {
        color: #a88243; /* skin color */
    }

#viewcontrols .active {
    /*color: #000000;*/
    /*display:block;*/
}

#viewcontrols a {
    display: none;
}

.selcri {
    display: block !important;
}

#viewcontrols .gridview .fa .fa-th .fa-2x {
    padding: 0px 10px;
}

.displayblock {
    display: block;
}

.displaynone {
    display: none;
}


/*=====================================
 End of Switch Controls
=======================================*/

/*==================================================================================================================================================*/

/*=====================================
   Main Content - add this section
=======================================*/


.add-this {
    float: left;
    margin: 20px 0;width:auto;
}

.print a {
    /*background-image: url("../media/print.png");*/
    width:32px;
    height:32px;
    
}
.print {
    background: #a88243; /* skin color */
    float: right;
    height: 32px;
    width: 32px;
}


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

    .add-this {
        float: right;
    }

    .addthis_sharing_toolbox {
        float: left;
    }
}

.addthis_sharing_toolbox {
    /*background-color: #a88243; /* skin color */
    /*padding: 15px 10px 0px 11px;*/
}

    .addthis_sharing_toolbox .at-svc-linkedin {
        background: #a88243; /* skin color */
        max-width: 60px !important;
        width: 32px;
        height: 32px;
    }

        .addthis_sharing_toolbox .at-svc-linkedin span {
            max-width: 60px !important;
        }

.at4-icon.aticon-linkedin {
    background-color: #a88243 !important; /* skin color */
}

.addthis_sharing_toolbox .at-svc-facebook {
    background: #a88243; /* skin color */
    max-width: 60px !important;
    width: 32px;
    height: 32px;
    margin-right: 5px !important;
}

    .addthis_sharing_toolbox .at-svc-facebook span {
        max-width: 60px !important;
    }

.at4-icon.aticon-facebook {
    background-color: #a88243 !important; /* skin color */
}


.addthis_sharing_toolbox .at-svc-twitter {
    background: #a88243; /* skin color */
    max-width: 60px !important;
    width: 32px;
    height: 32px;
    margin-right: 5px !important;
    /*background:none !important;*/
}

    .addthis_sharing_toolbox .at-svc-twitter span {
        max-width: 60px !important;
    }


.at4-icon.aticon-twitter {
    background-color: #a88243 !important; /* skin color */
}


/*=====================================
  End Of Main Content - add this section
=======================================*/

/*=====================================================================================================================================*/

/*=====================================
   Middlebox,Item,Infoster,Aktuelt
=======================================*/

#middlebox .item-wrapper {
    padding-bottom: 15px;
    background: #EEEEEE; /* middlebox color */
}

.item-wrapper {
    margin-bottom: 35px;
}

    .item-wrapper img {
        margin: 0 auto;
        width: 100%;
        border-top: 4px solid #a88243; /* skin color */
        /*margin-bottom: 26px;*/
        margin-bottom: 0px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

.aktuelt .item-wrapper {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b2b2b2;
}

.aktuelt div:last-child .item-wrapper {
    border-bottom: none;
}

.aktuelt .item-wrapper img {
    /*margin-bottom: 10px;*/
}

#middlebox .item-wrapper .content {
    margin: 0 auto;
    padding: 0 9%;
}

.item-wrapper .content {
    margin: 0 auto;
    padding: 0;
}

    .item-wrapper .content .title {
        display: block;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 19px;
        /*padding-top: 5px;*/
        padding-top: 26px;
    }

.aktuelt .item-wrapper .content .title {
    margin-bottom: 0px;
}

.item-wrapper .content p {
    margin-bottom: 28px;
    font-size: 16px;
    word-wrap:break-word;
}

.aktuelt .item-wrapper .content p {
    font-size: 14px;
    margin-bottom: 0;
}


.item-wrapper .error-msg {
    margin: 0 auto;
    padding: 10px 0;
}

.item-wrapper .lesmer {
    position: relative;
    bottom: 0;
}

.aktuelt .item-wrapper .lesmer {
    text-decoration: underline;
    font-size: 14px;
}

.news-heading {
    padding-bottom: 14px;
    color: #404041;
    border-bottom: 3px solid #a88243; /* skin color */
}



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

    .item-wrapper {
        margin-bottom: 20px;
    }
}

@media screen and (min-width:420px) and (max-width:767px) {
    #middlebox div.col-xs-12 {
        width: 50%;
    }

    #products div.col-xs-12 {
        width: 50%;
    }

    .aktuelt div.col-xs-12 {
        width: 50%;
    }
}



@media screen and (min-width:420px) {
    #middlebox .item-wrapper {
        padding-bottom: 35px;
    }

        #middlebox .item-wrapper .content {
            margin: 0 auto;
            padding: 0 9% 0px 9%;
        }

    .item-wrapper .content {
        margin: 0 auto;
        padding: 0 0 35px 0;
    }

    .item-wrapper .lesmer {
        position: absolute;
        bottom: 20px;
    }

    #middlebox .item-wrapper .lesmer {
        bottom: 40px;
    }
}

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

    #middlebox .item-wrapper .lesmer {
        bottom: 70px;
        display: none;
    }

    .item-wrapper .lesmer {
        bottom: 35px;
    }

    #middlebox .item-wrapper {
        display: none;
    }
}

@media screen and (min-width:992px) {
    .right-section {
        margin-top: 28px;
    }

    .aktuelt .item-wrapper .content {
        padding: 0;
    }

    .aktuelt .item-wrapper .lesmer {
        position: relative;
        bottom: 0;
    }
}


/*=====================================
   End Of Middlebox,Item,Infoster,Aktuelt
=======================================*/


/*=====================================================================================================================*/


/*=====================================
   Search Page
=======================================*/


.search-page {
    float: none !important;
    margin-bottom: 20px;
    margin-top: 20px;
}

.gridview a {
    text-decoration: underline;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

.gridview span {
    color: #a88243; /* skin color */
    text-decoration: none;
}


.searchpage-button {
    width: 28px;
    display: inline-block;
    position: relative;
}

.spsokbtn {
    width: 28px;
    height: 28px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #ccc;
    vertical-align: middle;
    z-index: 1;
    background: url("../media/search-button.png") no-repeat scroll center center #ccc;
}

.searchpage-button span.fa {
    position: absolute;
    top: 8px;
    right: 8px;
}

.skeyword {
    margin: 0 0 0 5px;
    padding: 0 5px;
    width: 150px;
    height: 28px;
    border: 1px #cdcdcd solid;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: linear-gradient(#eee, #fff);
    vertical-align: middle;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    .skeyword:focus {
        outline: none;
        background-position: 0 -1.8em;
    }

.srow1 {
    padding: 0 0 10px 0;
    width: 100%;
    position: relative;
}

.crMsg {
    display: block;
    padding: 20px 0;
    width: 100%;
    text-align: center;
}

.cattitle, .itemtitle {
    display: block;
    padding: 10px 0;
    width: 100%;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    color: #a88243; /* skin color */
}

.sbox {
    width: 170px;
}

.record-text a {
    display: block;
    padding: 5px;
}

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

     .search-page {
        margin-top: 20px;
    }

    .srow2 {
        padding-top: 15px;
    }

    .gridview {
        margin: 2% auto;
        padding: 2px;
        max-width: 100%;
        background-color: #fff;
    }

        .gridview a {
            margin: auto 1%;
            padding: 5px 10px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #6b6b6b;
            color: #fff;
            text-decoration: none;
        }

            .gridview a:hover {
                background-color: #a88243; /* skin color */
                color: #fff;
            }

        .gridview span {
            padding: 5px 10px 5px 10px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #a88243; /* skin color */
            color: #fff;
        }
}


/*=====================================
  End Of  Search Page
=======================================*/

/*======================================================================================================================*/

/*=====================================
   Gallary
=======================================*/

.gallary-container {
    /*float: none!important;*/
    margin-bottom: 70px;
}

/*#gallary-slider {
    margin-bottom:110px;
}*/

.gallary-containerNoMargin {
    margin: 15px 0px !important;
}

.inner-gallary-container {
    float: none!important;
}

.gallary {
}

ul.thumbnail-gallary {
    margin: 0;
    padding: 0;
    list-style: none;
}

.thumbnail-gallary li {
    padding-right: 0!important;
    padding-left: 0!important;
}

.loading {
    width: 52px;
    height: 52px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -26px;
    margin-top: -26px;
}

.gallary-thumb {
    text-align: center;
}

.gallary-thumb-link {
    display: block;
    overflow: hidden;
    position: relative;
}

.gallary-icon-link {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

    .gallary-icon-link i {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        color: #f1f1f1!important;
        background: rgba(0,0,0,.4);
        font-size: 18px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
    }

.gallary-thumb .gallary-thumb-link img {
    width: 100%;
}



.gallary-thumb-link span.gallary-thumb-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
    background: rgba(50,60,70,.6);
}

    .gallary-thumb-link span.gallary-thumb-hover:hover {
        opacity: 1;
    }

@media screen and (min-width:768px) {
    /*.gallary-thumb-link {
        max-height: 155px;
    }*/
    /*.gallary-thumb-link img{
        max-height: 150px;
        min-height:150px;
    }*/
}

@media screen and (min-width:992px) {
    /*.gallary-thumb-link {
        max-height: 205px;
    }*/

    .gallary-thumb-link img {
        max-height: 150px;
        min-height: 150px;
    }
}

@media screen and (min-width:1200px) {


    .gallary-thumb-link img {
        /*max-height: 250px;*/
        max-height: 150px;
        min-height: 150px;
    }
}

@media screen and (max-width:767px) {
    .gallary-container {
        margin-bottom: 25px;
    }

    /*.txtepostpad {
        padding: 0 3.08% !important;
    }*/
}




/*=====================================
   End Of Gallary
=======================================*/


/*====================================================================================================================*/


/*=====================================
   Contact 
=======================================*/

#map-canvas {
    height: 247px;
}

.mapText {
    padding: 25px 0px;
}

#googleMaploader, #kloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
}

#kloader {
    display: none;
}


#kErrMsg, #ctl00_middleSection_kErrMsg, #ctl00_middleSection_ctl00_kErrMsg {
    margin: 0 0 20px;
}

.errMsg {
    color: Red;
    display: block;
    margin: 0 0 10px 0;
}

#securityStmt {
    font-size: 12px;
    display: block;
    padding: 0 0 10px 0;
}

.alert {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 2%;
}

.alert-danger {
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    color: #B94A48;
}

.contact_div {
    position: relative;
    width: 100%;
    padding: 0 0 30px 0;
}

    .contact_div .contact_info {
        position: relative;
        width: 100%;
        border: 1px solid #ccc;
        padding: 12px 0 9px 0;
        margin: 0 0 32px 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .contact_div .panelContactUs {
        position: relative;
        width: 100%;
    }

.ktopban {
    margin: 0 0 22px;
    padding: 0;
    width: 100%;
}

.panelContactUs .middledata {
    padding-bottom: 35px;
    display: block;
}

.panelContactUs .fields_left {
    margin-top: 23px;
}


.panelContactUs .fields_right {
    margin-top: 0;
}

    .panelContactUs .fields_right .rttext {
        margin-bottom: 20px;
    }

.pnlPkform .ipbox, .pnlPkform .iptextarea {
    font-size: 17px;
    color: #5f5359;
}

.pnlPkform .txtcntact, .pnlPkform .txtcntact1 {
    margin-bottom: 20px;
}

.panelContactUs .fields_left .txtcntact {
    position: relative;
    margin-bottom: 9px;
}

.panelContactUs .fields_left .txtcntact1 {
    padding: 0 0 0 0;
    margin-bottom: 25px;
}

.panelContactUs .fields_left .ipbox, .pnlPkform .ipbox {
    background: #fff;
    height: 41px;
    padding: 0 3.06%;
    position: relative;
    width: 100%;
    border: 1px solid #ccc;
}

.panelContactUs .fields_left .iptextarea, .pnlPkform .iptextarea {
    height: 170px;
    padding: 5px 3.06%;
    position: relative;
    width: 100%;
    border: 1px solid #ccc;
}

.pnlPkformBottom .iptextarea {
    height: 160px;
}

.panelContactUs .fields_left .krow {
    width: 100%;
}


.panelContactUs .contact-heading {
    font-size: 20px;
    color: #a88243; /* skin color */
    padding: 0 0 15px 0;
    display: block;
}

.panelContactUs .KText {
    border: none;
    font-size: 16px;
    color: #b4afb2;
}

.panelContactUs #txtMelding {
    padding-top: 10px;
}

#btnSend {
    margin-bottom: 20px;
}

.panelContactUs .fields_left .error, .pnlPkform .error {
    border: 1px solid #FF0000;
    color: #FF0000;
}

/*.txtepostpad {
    padding: 0 7.08% !important;
}*/


@media (min-width:768px) {

    .panelContactUs .fields_left #txtepost, .panelContactUs .fields_left #txttel {
        padding: 0 6.12%;
    }
}


@media (min-width:767px) {

    .txtepostpad {
        padding: 0 7.08% !important;
    }

    .gallary-container .flex-control-thumbs li {
        width: 25%;
        /*width: 33%;*/
    }
}



@media (min-width:992px) {

    .panelContactUs .fields_left {
        margin-top: -120px;
    }

    .panelContactUs .fields_right .rttext {
        margin-bottom: 40px;
    }
}


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

    .panelContactUs .fields_right {
        margin-top: 20px;
    }
    
}

@media (min-width: 1200px) {

    .panelContactUs .fields_left .krow {
        padding: 0 0 18px 0;
        /*width: 65.43%;*/
    }

    .securitycode-buttons {
        float: left;
        padding: 7px 0 0 10px;
    }

    #infoBtn {
        cursor: pointer;
    }
}


/*=====================================
  End Of Contact 
=======================================*/

/*===========================================================================================================================*/

/*=====================================
   Thank you page
=======================================*/

.divthanku {
    position: relative;
    padding: 20px 0 0 0;
    margin: 0 auto;
    text-align: center;
}


    .divthanku a {
        color: #000;
        text-decoration: none;
    }

#divimgmail {
    width: 100%;
    padding: 0;
    margin: 0;
}

.takk {
    width: 100%;
    padding: 0;
    margin: 16px 0 0 0;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    font-size: 27px;
    float: left;
}

.din {
    width: 100%;
    padding: 0;
    margin: 0 0 13px 0;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
    font-size: 19px;
    float: left;
}

.myButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color: #ffffff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #666666;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    margin-bottom: 40px;
}

    .myButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
        background-color: #f6f6f6;
        text-decoration: none;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }



/*=====================================
  End Of  Thank you page
=======================================*/

/*===============================================================================================================================*/

/*=====================================
   Footer
=======================================*/

footer {
    padding: 0 0 0 0;
    text-align: left;
}

.master-page footer, .contact-page footer {
    padding-top: 20px;
    background-color: #faf9f9;
}

footer a {
    text-decoration: underline;
}

.footer-element a img {
    margin: 0 auto;
}

.fbscript {
    float: right;
}


#map-link {
    margin-bottom: 25px;
    display: block;
}

.footer-title {
    display: block;
    padding-bottom: 5px;
    border-bottom: 3px solid #a88243; /* skin color */
    font-size: 16px;
}

.footer-text {
    font-size: 15px;
    padding-top: 10px;
}

.search-heading {
    margin-bottom: 10px;
}


ul.footer-text {
    padding-left: 20px;
}


    ul.footer-text li {
        padding: 0;
        list-style-type: disc;
        color: #a88243; /* skin color */
        font-size: 18px;
    }

    ul.footer-text a {
        font-size: 15px;
        text-decoration: underline;
    }

.footer.search-box {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 36px;
}

.footer .searchsubmit {
    display: inline;
    position: relative;
    float: right;
    width: 27.24%;
    line-height: 36px;
    margin: 0 0px 0 0;
    padding: 0px 0px 0 0px;
    right: 0;
    z-index: 2;
    border: 0px solid #6D6E6E;
    /*color: #fff;*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.footer .search-textbox {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 2.72%;
    padding: 5px 2% 5px 4%;
    position: relative;
    width: 70%;
    z-index: 1;
    border: 2px solid #e5e5e5;
    color: #000;
    height: 36px;
    float: left;
    font-size: 15px;
}

.copyright {
    /*background: #f5f5f5;*/
    font-size: 13px;
    padding-top: 25px;
    padding-bottom: 30px;
    text-align: left;
    line-height: normal;
    height: auto;
    color: #888;
}

.master-page .copyright, .contact-page .copyright {
    background-color: #faf9f9;
}


.copyright .copyright-text {
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
}

.copyright a {
    color: #888;
}

.copyright table td {
    padding: 0 !important;
    border: 0 !important;
    vertical-align: middle !important;
}

.copyright p {
    vertical-align: middle;
    font-size: 13px;
    /*text-align: right;*/
}


.assist2net-text {
    text-align: left;
}

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

    .footer {
    }

    .footer-text {
        padding-top: 15px;
    }

    ul.footer-text {
        padding-top: 10px;
    }


    .assist2net-text {
        text-align: right;
    }

    .copyright {
        padding-bottom: 60px;
        padding-top: 20px;
    }

    .copyright-seperator {
        border-top: 1px solid #ece1e0;
        padding-top: 20px;
    }


    .copyright .container {
    }

    .copyright .copyright-text {
        border-top: none;
        padding-top: 0;
    }
}
@media screen and (max-width:991px) {
    
    
    .footer .search-textbox {
        width: 69%;
        margin-right: -7.28%;
    }

    .footer .searchsubmit {
        width: 38.24%;
    }
}

/*=====================================
   End Of Footer
=======================================*/

/*======================================================================================================*/

/*=====================================
   Back To Top Button
=======================================*/


a#backToTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999999999;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

    a#backToTop:hover {
        background-color: #a88243; /* skin color */
    }

/*=====================================
  End of Back To Top Button
=======================================*/

/*======================================================================================================*/

/*=====================================
   Smart Menu
=======================================*/

/* Import "PT Sans Narrow" font from Google fonts */
/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-blue > li > a { ... } instead of .sm-blue a { ... }
---------------------------------------------------------------*/

.sm, .sm ul, .sm li {
    display: block;
    margin: 0px;
    padding: 0;
    list-style: none;
    line-height: normal;
    /*-webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);*/
    direction: ltr;
}

ul.sm li {
    position: relative;
}

ul.sm a {
    position: relative;
    display: block;
}

    ul.sm a.disabled {
        cursor: default;
    }

ul.sm ul {
    position: absolute;
    top: -999999px;
    left: -800px;
    z-index: 1000;
}

/*width:100px !important;*/
ul.sm li {
    float: left;
}

ul.sm-rtl {
    direction: rtl;
}

    ul.sm-rtl li {
        float: right;
    }

ul.sm ul li, ul.sm-vertical li {
    float: none;
}

ul.sm a {
    white-space: nowrap;
}

ul.sm ul a, ul.sm-vertical a {
    white-space: normal;
}

* html ul.sm-vertical li {
    float: left;
    width: 100%;
}

* html ul.sm-vertical ul li {
    float: none;
    width: auto;
}

*:first-child + html ul.sm-vertical > li {
    float: left;
    width: 100%;
}
/*ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}*/
ul.sm:after {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    height: 0;
    content: "\00a0";
    font: 0/0 serif;
}

* html ul.sm {
    height: 1px;
}

*:first-child + html ul.sm {
    min-height: 1px;
}

    ul.sm li *, ul.sm li *:before, ul.sm li *:after {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

ul.sm {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/*.sm-nowrap{-webkit-transform-style: preserve-3d;}

/* Menu box
===================*/

.sm-blue {
    text-align: left;
}

.sm-blue-vertical {
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.sm-blue ul {
    padding: 0;
    border: 1px solid #ccc;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background: #ffffff;
    /*-moz-box-shadow: 0 5px 12px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 5px 12px rgba(0,0,0,0.3);
    box-shadow: 0 5px 12px rgba(0,0,0,0.3);*/
}

.sm-blue > li > ul {
    background: #fff;
    border: 1px solid #ccc;
}


    .sm-blue > li > ul:after,
    .sm-blue li > ul:before {
        bottom: 100%;
        left: 17%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }


    .sm-blue > li > ul:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #a88243; /* skin color */
        border-width: 12px;
        margin-left: -12px;
    }

    .sm-blue > li > ul:before {
        border-color: rgba(204, 204, 204, 0);
        border-bottom-color: #a88243; /* skin color */
        border-width: 14px;
        margin-left: -14px;
    }

/* Menu items
===================*/

.sm-blue ul a {
    padding: 9px 10px;
    margin: 0 8px;
    background: #ffffff;
    text-shadow: none;
    font-size: 14px;
    /*border-bottom:1px solid #5b5b5b;*/
    color: #fff;
}

    .sm-blue ul a:hover {
        color: #000;
    }

    .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active,
    .sm-blue ul a.highlighted {
        /*background: #fff;*/
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(0,0,0,0.3);
        /* Old browsers */
    }
    /* current items - add the class manually to some item or check the "markCurrentItem" script option */
    .sm-blue a.current, .sm-blue a.current:hover, .sm-blue a.current:focus, .sm-blue a.current:active,
    .sm-blue ul a.current, .sm-blue ul a.current:hover, .sm-blue ul a.current:focus, .sm-blue ul a.current:active {
        background: #fff;
        background-image: -moz-linear-gradient(top,#ffffff 0%,#00749f 100%);
        background-image: -ms-linear-gradient(top,#ffffff 0%,#00749f 100%);
        background-image: -o-linear-gradient(top,#ffffff 0%,#00749f 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#00749f));
        background-image: -webkit-linear-gradient(top,#ffffff 0%,#00749f 100%);
        background-image: linear-gradient(top,#ffffff 0%,#00749f 100%);
        background-image: url(css-gradients-fallback/current-item-bg.png);
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    }

.main-nav-bar .top-menu li .sm-nowrap li {
    margin: 0px 0px;
    padding: 0px;
}

    .main-nav-bar .top-menu li .sm-nowrap li a {
        min-width: 198px;
    }

/* round the left corners of the first item for horizontal main menu */
/*.sm-blue > li:first-child > a {
	-moz-border-radius:8px 0 0 8px;
		-webkit-border-radius:8px 0 0 8px;
		border-radius:8px 0 0 8px;
	}
	 round the corners of the first and last items for vertical main menu
	.sm-blue-vertical > li:first-child > a {
		-moz-border-radius:8px 8px 0 0;
		-webkit-border-radius:8px 8px 0 0;
		border-radius:8px 8px 0 0;
	}
	.sm-blue-vertical > li:last-child > a {
		-moz-border-radius:0 0 8px 8px;
		-webkit-border-radius:0 0 8px 8px;
		border-radius:0 0 8px 8px;
	}
	.sm-blue a.has-submenu {
	}
*/

/* Sub menu indicators
===================*/

.sm-blue a span.sub-arrow {
    position: absolute;
    bottom: 2px;
    left: 50%;
    overflow: hidden;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #ccc transparent #ccc transparent;
    /* tweak size of the arrow */
    /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
}

.sm-blue-vertical a span.sub-arrow,
.sm-blue ul a span.sub-arrow {
    top: 50%;
    right: 3px;
    bottom: auto;
    left: auto;
    margin-top: -3px;
    margin-left: 0;
    border-style: solid solid solid solid;
    border-color: transparent transparent transparent #ccc;
}


/* Items separators
===================*/

.sm-blue li {
    border-left: 0px solid #1a8bb9;
}

.sm-blue ul li {
    background-color: #a88243; /* skin color */
}

    .sm-blue ul li a {
        background-color: #a88243; /* skin color */
    }


.sm-blue li:first-child, .sm-blue-vertical li, .sm-blue ul li {
    border-left: 0;
}

/* Items separators for only sub menus
===================*/
/*.sm-nowrap li a {
    border-bottom: 1px solid #ccc;
}

.sm-nowrap li:last-child > a {
    border-bottom: 0px solid #5b5b5b;
}*/


.sm-blue li a {
    border-bottom: 1px solid #ccc;
}


.sm-blue li:last-child > a {
    border-bottom: 0px solid #5b5b5b;
}

/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

.sm-blue span.scroll-up, .sm-blue span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    height: 20px;
    background: #ffffff;
    /* width and position will be automatically set by the script */
}

.sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    overflow: hidden;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    /* tweak size of the arrow */
    /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
}

.sm-blue span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #fff transparent transparent transparent;
}

.sm-blue > li > a > .sub-arrow {
    display: none;
}

/*    -------------------------- Smart Menu Css--------------------------
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/

/* decrease horizontal main menu items left/right padding to avoid wrapping */

/*@media screen and (max-width: 850px) {.sm-blue:not(.sm-blue-vertical) > li > a {padding-left:35px;padding-right:18px;}}
@media screen and (max-width: 750px) {.sm-blue:not(.sm-blue-vertical) > li > a {padding-left:10px;padding-right:10px;}}
*/

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

    /* Menu box
===================*/

    .sm-blue {
        /*background:#3193c0;  Old browsers */
        /*background-image:url(css-gradients-fallback/main-menu-bg.png);
		background-image:-moz-linear-gradient(top,#4cb1e0 0%,#1675a1 100%);
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4cb1e0),color-stop(100%,#1675a1));
		background-image:-webkit-linear-gradient(top,#4cb1e0 0%,#1675a1 100%);
		background-image:-o-linear-gradient(top,#4cb1e0 0%,#1675a1 100%);
		background-image:-ms-linear-gradient(top,#4cb1e0 0%,#1675a1 100%);
		background-image:linear-gradient(top,#4cb1e0 0%,#1675a1 100%);
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
		-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3);
		box-shadow:0 1px 1px rgba(0,0,0,0.3);*/
        padding: 0 0 40px 0;
    }

    .sm-blue-vertical {
        -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
        box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    }

    .sm-blue ul {
        border: 1px solid #a9a9a9;
        padding: 7px 0;
        background: #fff;
        -moz-border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        -moz-box-shadow: 0 5px 12px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0 5px 12px rgba(0,0,0,0.3);
        box-shadow: 0 5px 12px rgba(0,0,0,0.3);
    }
        /* for vertical main menu subs and 2+ level horizontal main menu subs round all corners */
        .sm-blue-vertical ul,
        .sm-blue ul ul {
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
        }

    .sm-blue > li > ul:after,
    .sm-blue li > ul:before {
        bottom: 100%;
        left: -5%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }


    .sm-blue > li > ul:after {
        /*border-color:#fff;*/
        border-bottom-color: #fff;
        border-width: 0px;
        margin-left: 0px;
    }

    .sm-blue > li > ul:before {
        /*border-color: #fff;*/
        border-bottom-color: #ccc;
        border-width: 0px;
        margin-left: 0px;
    }

    .sm-blue > li > ul {
        border: none;
    }

    .sm-blue ul li {
        background-color: #fff;
    }

        .sm-blue ul li a {
            background-color: #fff;
        }

    .sm-blue ul a {
        color: #000;
    }

        .sm-blue ul a:hover {
            color: #000;
        }


    /* Menu items
===================*/

    .sm-blue a {
        padding: 9px 11px 7px 11px;
        line-height: 23px;
        text-decoration: none;
    }

        .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active,
        .sm-blue a.highlighted {
            /*background:#1983af; 
		background-image:url(css-gradients-fallback/main-item-hover-bg.png);
		background-image:-moz-linear-gradient(top,#34a2d0 0%,#006791 100%);
		background-image:-webkit-gradient(linear,left top, left bottom,color-stop(0%,#34a2d0),color-stop(100%,#006791));
		background-image:-webkit-linear-gradient(top,#34a2d0 0%,#006791 100%);
		background-image:-o-linear-gradient(top,#34a2d0 0%,#006791 100%);
		background-image:-ms-linear-gradient(top,#34a2d0 0%,#006791 100%);
		background-image:linear-gradient(top,#34a2d0 0%,#006791 100%);
            color: #0086c4;*/
        }

    .sm-blue-vertical a {
        padding: 9px 40px 8px 23px;
        background: #3193c0; /* Old browsers */
        /*background-image:url(css-gradients-fallback/vertical-main-item-bg.png);
		background-image:-moz-linear-gradient(top,#3fa3d1 0%,#2586b3 100%);
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3fa3d1),color-stop(100%,#2586b3));
		background-image:-webkit-linear-gradient(top,#3fa3d1 0%,#2586b3 100%);
		background-image:-o-linear-gradient(top,#3fa3d1 0%,#2586b3 100%);
		background-image:-ms-linear-gradient(top,#3fa3d1 0%,#2586b3 100%);
		background-image:linear-gradient(top,#3fa3d1 0%,#2586b3 100%);*/
    }

    .sm-blue ul a {
        padding: 9px 40px 8px 23px;
        background: transparent;
        font-size: 15px;
        text-shadow: none;
        text-transform: none;
    }

    /* round the left corners of the first item for horizontal main menu */
    .sm-blue > li:first-child > a {
        /*-moz-border-radius:8px 0 0 8px;
		-webkit-border-radius:8px 0 0 8px;
		border-radius:8px 0 0 8px;*/
    }
    /* round the corners of the first and last items for vertical main menu */
    .sm-blue-vertical > li:first-child > a {
        -moz-border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
    }

    .sm-blue-vertical > li:last-child > a {
        -moz-border-radius: 0 0 8px 8px;
        -webkit-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px;
    }

    .sm-blue a.has-submenu {
    }


    /* Sub menu indicators
===================*/

    .sm-blue a span.sub-arrow {
        position: absolute;
        bottom: 2px;
        left: 50%;
        margin-left: -5px;
        /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 5px; /* tweak size of the arrow */
        border-style: solid dashed dashed dashed;
        border-color: #a4cde1 transparent transparent transparent;
        display: block;
        /*display: block;*/
    }

    .sm-blue-vertical a span.sub-arrow,
    .sm-blue ul a span.sub-arrow {
        bottom: auto;
        top: 50%;
        margin-top: -5px;
        right: 15px;
        left: auto;
        margin-left: 0;
        border-style: dashed dashed dashed solid;
        border-color: transparent transparent transparent #a4cde1;
    }


    /* Items separators
===================*/

    .sm-blue li {
        border-left: 0 solid #1a8bb9;
    }

        .sm-blue li:first-child,
        .sm-blue-vertical li,
        .sm-blue ul li {
            border-left: 0;
        }

        .sm-blue li a {
            border-bottom: 1px solid #ccc;
        }

        .sm-blue li:last-child > a {
            border-bottom: 1px solid #ccc;
        }


    /* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

    .sm-blue span.scroll-up, .sm-blue span.scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: #ffffff;
        height: 20px;
        /* width and position will be automatically set by the script */
    }

    .sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -8px;
        /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 8px; /* tweak size of the arrow */
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #247eab transparent;
    }

    .sm-blue span.scroll-down-arrow {
        top: 6px;
        border-style: solid dashed dashed dashed;
        border-color: #247eab transparent transparent transparent;
    }

    /*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/


    /* decrease horizontal main menu items left/right padding to avoid wrapping */
    /*@media screen and (max-width: 850px) {
	.sm-blue:not(.sm-blue-vertical) > li > a {
		padding-left:18px;
		padding-right:18px;
	}
}*/


    .sm-blue {
        padding: 0 0 15px;
    }

    /*@media screen and (max-width: 991px) {*/

    /* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
    ul.sm-blue {
        width: auto !important;
    }

        ul.sm-blue ul {
            display: none;
            position: static !important;
            top: auto !important;
            left: auto !important;
            margin-left: 0 !important;
            margin-top: 0 !important;
            width: auto !important;
            min-width: 0 !important;
            max-width: none !important;
        }

        ul.sm-blue > li {
            float: none;
        }

            ul.sm-blue > li > a, ul.sm-blue ul.sm-nowrap > li > a {
                white-space: normal;
            }

        ul.sm-blue iframe {
            display: none;
        }

    /* Uncomment this rule to disable completely the sub menus for small screen devices */
    /*.sm-blue ul, .sm-blue span.sub-arrow, .sm-blue iframe {
		display:none !important;
	}*/


    /* Menu box
===================*/

    .sm-blue {
        background: transparent;
        /*-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
		box-shadow:0 1px 4px rgba(0,0,0,0.3);*/
    }

        .sm-blue ul {
            border: 0;
            padding: 0;
            background: #fff;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .sm-blue ul ul {
                /* darken the background of the 2+ level sub menus and remove border rounding */
                background: rgba(100,100,100,0.1);
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
            }

        .sm-blue:not(.sm-blue-vertical) > li > a {
            padding-left: 16px;
            padding-right: 0;
        }

        .sm-blue ul a {
            border-left: 8px solid transparent;
        }

        .sm-blue ul ul a {
            border-left: 16px solid transparent;
        }

        .sm-blue ul ul ul a {
            border-left: 24px solid transparent;
        }

        .sm-blue ul ul ul ul a {
            border-left: 32px solid transparent;
        }

        .sm-blue ul ul ul ul ul a {
            border-left: 40px solid transparent;
        }
        /* round the corners of the first and last items */
        .sm-blue > li:first-child > a {
            /*-moz-border-radius:8px 8px 0 0;
		-webkit-border-radius:8px 8px 0 0;
		border-radius:8px 8px 0 0;*/
            border-top: 1px solid #ccc;
        }
        /* presume we have 4 levels max */
        .sm-blue > li:last-child > a,
        .sm-blue > li:last-child > ul > li:last-child > a,
        .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a,
        .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
        .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a,
        .sm-blue > li:last-child > ul,
        .sm-blue > li:last-child > ul > li:last-child > ul,
        .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul,
        .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
        .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
            /*-moz-border-radius:0 0 8px 8px;
		-webkit-border-radius:0 0 8px 8px;
		border-radius:0 0 8px 8px;*/
        }
            /* highlighted items, don't need rounding since their sub is open */
            .sm-blue > li:last-child > a.highlighted,
            .sm-blue > li:last-child > ul > li:last-child > a.highlighted,
            .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
            .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted,
            .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted {
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
            }


        /* Sub menu indicators
===================*/

        .sm-blue a span.sub-arrow,
        .sm-blue ul a span.sub-arrow {
            top: 50%;
            margin-top: -8px;
            margin-left: 0px;
            right: auto;
            left: 0px;
            width: 19px;
            height: 19px;
            font: bold 18px/20px monospace !important;
            text-align: center;
            border: 0;
            text-shadow: none;
            background: #a88243;
            -moz-border-radius: 100px;
            -webkit-border-radius: 100px;
            border-radius: 100px;
            color: #fff;
        }
        /* Hide sub indicator "+" when item is expanded - we enable the item link when it's expanded */
        .sm-blue a.highlighted span.sub-arrow {
            display: none !important;
        }
/*=================== Items separators===================
=========================================================*/

        .sm-blue li {
            border-left: 0;
        }

        .sm-blue ul li {
            border-top: 1px solid rgba(0,0,0,0.05);
        }

            .sm-blue ul li:first-child {
                border-top: 0;
            }

        /*}*/


        .sm-blue a {
            font-size: 17px;
            text-transform: uppercase;
            font-weight: normal;
        }

            .sm-blue a span.sub-arrow {
                border-style: none;
            }

    ul.sm a {
        padding-right: 0;
    }
}

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

    .sm, .sm ul, .sm li {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0;
        line-height: normal;
        direction: ltr;
        /*width: 236px;*/
    }
}

@media screen and (max-width: 640px) {
    .sm-blue a {
        line-height: 20px;
        font-size: 14px;
        padding: 6px 11px 6px 11px;
    }

    .sm-blue ul a {
        font-size: 13px;
        padding: 2px 40px 2px 23px;
    }

    .mobile-menu a {
        padding:10px 24px !important;
    }
}


/*=====================================
  End Of Smart Menu
=======================================*/

/*=======================================================================================================================*/

/*=====================================
   jQuery FlexSlider v2.2.0-
=======================================*/
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-container {
    position: relative;
}
/* Icon Fonts
*********************************/
/* Font-face Icons */

/*@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'flexslider-icon';
    src: url('fonts/flexslider-icon.eot');
    src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
}*/

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
    min-height: 150px;
}

    .flexslider .slides > li {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        display: none;
        position: relative;
    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {
        display: block;
        width: 100%;
    }

    .flexslider .slides .topbantext img {
        display: block;
        width: 20%;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "\0020";
    line-height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/* FlexSlider Default Theme
*********************************/

.Tloading {
    position: relative;
    left: 50%;
    margin-top: 16px;
}

.testimonial-slider .slides > li {
    display: none;
}


.M_Path:hover {
    text-decoration: underline;
}

.buildpath a {
    text-decoration: none;
}

.flexslider {
    position: relative;
    background: #fff;
    /*  zoom: 1; margin: 0 0 60px;
                border: 4px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2);*/
}

.flex-viewport {
    max-height: 2000px;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    -ms-zoom: 1;
    zoom: 1;
}

/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a {
        bottom: 0;
        color: #fff;
        font-size: 20px;
        left: 0;
        opacity: 0.5;
        position: absolute;
        text-align: center;
        top: 0;
        width: 15%;
        right: 0;
        text-decoration: none !important;
        height: 80%;
        /*top:50% !important;*/
    }

.testimonial-slider .flex-direction-nav a {
    width: 1%;
}


.flex-direction-nav .flex-prev {
    left: 0;
    right: auto;
}

.flex-direction-nav .flex-next {
    left: auto;
    right: 0;
}

.flex-container:hover .flex-prev {
    opacity: 1;
}

.flex-container:hover .flex-next {
    opacity: 1;
}

    .flex-container:hover .flex-next:hover, .flex-container:hover .flex-prev:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
}
/* Direction arrow  */
.control-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30%;
    width: 50%;
    margin: -15% 0 0 -25%;
    color: #a88243; /* skin color */
}

.testimonial-slider .control-icon {
    color: #a88243;
    height: 30%;
    left: -30%;
    margin: -15% 0 0 -25%;
    position: absolute;
    top: 50%;
    width: 100%;
}

.gallary-container .control-icon {
    position: absolute;
    top: 40%;
    left: 50%;
    height: 30%;
    width: 50%;
    margin: -15% 0 0 -25%;
    color: #a88243; /* skin color */
    z-index: 11;
}

#dgal .gallary-container .control-icon {
    /*top: 30%;*/
    top: 40%;
}


.flexslider:hover .flex-next, .gallary-container:hover .flex-next {
    opacity: 1;
}

.flexslider:hover .flex-prev, .gallary-container:hover .flex-prev {
    opacity: 1;
}

    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover, .gallary-container:hover .flex-next:hover, .gallary-container:hover .flex-prev:hover {
        opacity: 1;
    }

.flex-direction-nav .disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
}

/* Caption  */


.flex-caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    bottom: 0;
    color: #fff;
    font-size: 14px;
    left: 0;
    line-height: 18px;
    padding: 2%;
    position: absolute;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    width: 100%;
}


/* Pause/Play */
.flex-pauseplay a {
    position: absolute;
    bottom: 5px;
    left: 10px;
    z-index: 10;
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    color: #000;
    opacity: 0.8;
    cursor: pointer;
}

    .flex-pauseplay a:before {
        display: inline-block;
        content: '\f004';
        font-size: 20px;
        font-family: "flexslider-icon";
    }

    .flex-pauseplay a:hover {
        opacity: 1;
    }

    .flex-pauseplay a.flex-play:before {
        content: '\f003';
    }

/* Control Nav */
.flex-control-nav {
    position: absolute;
    bottom: -40px;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.topbanner .flex-control-nav {
    bottom: 30px;
}

.flex-control-nav li {
    display: inline-block;
    *display: inline;
    margin: 0 0 0 5px;
    -ms-zoom: 1;
    zoom: 1;
}


.flex-control-paging li a {
    background: none repeat scroll 0 0 #a88243; /* skin color */
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
    cursor: pointer;
    display: block;
    height: 11px;
    text-indent: -9999px;
    width: 11px;
}

    .flex-control-paging li a.flex-active {
        background: none repeat scroll 0 0 #000000;
        cursor: default;
    }

.flex-control-thumbs {
    position: static;
    overflow: hidden;
    margin: 10px 0 0;
    text-align: left;
    float: left;
}

    .flex-control-thumbs li {
        /*float: left;*/
        margin: 0 0-6px 0;
        overflow: hidden;
        width: 20%;
        padding-right: 1%;
        margin-bottom: 3px;
    }

    .flex-control-thumbs img {
        display: block;
        width: 100%;
        opacity: .7;
        cursor: pointer;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }



@media screen and (max-width:420px) {
    .flexslider {
        min-height: 100px;
    }

    .flex-control-thumbs li {
        max-height: 40px;
    }

    .gallary-container .flex-control-thumbs li {
        max-height: 33px;
    }
}

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

    .gallary-container .control-icon {
        left: 92%;
        margin: -22% 0 0 -70%;
        top: 28%;
        width: 52%;
    }
}


@media screen and (min-width:421px) {
    .flex-control-thumbs li {
        max-height: 60px;
    }

    .gallary-container .flex-control-thumbs li {
        max-height: 100px;
    }
}


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

    .gallary-container .flex-control-thumbs li {
        /*max-height: 130px;
        min-height:130px;*/
        max-height: 96px;
        /*min-height: 98px;*/
        min-height: 98px;
        /*min-height:130px;*/
        /*max-height: 112px;*/
        /*max-height: 82px;*/
    }
}


@media screen and (min-width:992px) {
    .flex-control-thumbs li {
        max-height: 80px;
    }
}

@media screen and (min-width:1200px) {
    .flex-control-thumbs li {
        max-height: 100px;
    }
}


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

    .topbanner .flex-control-nav {
        bottom: -40px;
    }

    .flex-control-paging li a {
        background-position: 0px -25px;
    }
}



/*=====================================
  End Of  jQuery FlexSlider v2.2.0-
=======================================*/

/*====================================================================================================================================*/

/*=====================================
   Lightbox
===================================*/


/* line 7, ../sass/lightbox.sass */
body:after {
    display: none;
    content: url(../images/close.png) url(../images/loader.gif) url(../images/prev.png) url(../images/next.png);
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    background-color: black;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
    position: absolute;
    left: 0;
    z-index: 10000;
    width: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 0;
}
    /* line 28, ../sass/lightbox.sass */
    .lightbox .lb-image {
        display: block;
        height: auto;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    /* line 32, ../sass/lightbox.sass */
    .lightbox a img {
        border: none;
    }

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
    position: relative;
    margin: 0 auto;
    width: 250px;
    height: 250px;
    *zoom: 1;
}
    /* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
    .lb-outerContainer:after {
        display: table;
        clear: both;
        content: "";
    }

/* line 44, ../sass/lightbox.sass */
.lb-container {
    padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
    position: absolute;
    top: 43%;
    left: 0%;
    width: 100%;
    height: 25%;
    text-align: center;
    line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
    display: block;
    margin: 0 auto;
    width: 52px;
    height: 52px;
    background: url(../images/loader.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
    left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
    outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
    display: block;
    width: 49%;
    height: 100%;
    cursor: pointer;
    /* Trick IE into showing hover */
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
    left: 0;
    float: left;
    background: url(../images/prev.png) left 48% no-repeat;
}
    /* line 87, ../sass/lightbox.sass */
    .lb-prev:hover {
        background: url(../images/prev.png) left 48% no-repeat;
    }

/* line 90, ../sass/lightbox.sass */
.lb-next {
    right: 0;
    float: right;
    background: url(../images/next.png) right 48% no-repeat;
}
    /* line 93, ../sass/lightbox.sass */
    .lb-next:hover {
        background: url(../images/next.png) right 48% no-repeat;
    }

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    width: 100%;
    *zoom: 1;
}
    /* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
    .lb-dataContainer:after {
        display: table;
        clear: both;
        content: "";
    }

/* line 103, ../sass/lightbox.sass */
.lb-data {
    padding: 0 4px;
    color: #fff;
}
    /* line 106, ../sass/lightbox.sass */
    .lb-data .lb-details {
        float: left;
        width: 85%;
        text-align: left;
        line-height: 1.1em;
    }
    /* line 111, ../sass/lightbox.sass */
    .lb-data .lb-caption {
        font-weight: normal;
        font-size: 13px;
        line-height: 1em;
    }
    /* line 115, ../sass/lightbox.sass */
    .lb-data .lb-number {
        display: block;
        clear: left;
        padding-bottom: 1em;
        color: #fff;
        font-size: 12px;
    }
    /* line 121, ../sass/lightbox.sass */
    .lb-data .lb-close {
        position: absolute;
        top: 9px;
        right: 4px;
        z-index: 100;
        display: block;
        float: right;
        width: 30px;
        height: 30px;
        outline: none;
        background: url(../images/close.png) top right no-repeat;
        text-align: right;
        opacity: 0.7;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    }
        /* line 130, ../sass/lightbox.sass */
        .lb-data .lb-close:hover {
            opacity: 1;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            cursor: pointer;
        }


/*=====================================
  End Of  Lightbox
=======================================*/

/*==========================================================================================================*/

/*==================================
            Video Gallary
===================================*/


#video_lightbox {
    background: url("../media/bg.png") repeat scroll center top transparent;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1042;
}

#videoDiv {
    display: none;
    z-index: 100;
}

.VideoDiv {
    float: right;
    margin: 0;
    padding: 0 0 11px 0;
    position: absolute;
    width: 5%;
    right: 5%;
    top: 0;
}

.video-icon {
    color: #a88243; /* skin color */
    cursor: pointer;
}

#Lightbox_contents {
    height: 420px;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 114px;
    width: 940px;
    padding: 5px;
    background: #ffffff;
    border: 0px solid #ff0000; /* skin color */
    padding-bottom: 20px;
    opacity: 1;
}

.closebtn {
    position: relative;
    margin: 0px auto;
    width: 940px;
    text-align: right;
    cursor: pointer;
    top: 115px;
    background: #ffffff;
}

#video_div {
    float: left;
    /*height: 382px;*/
    left: 0;
    padding: 0 22px 0 6px;
    position: relative;
    top: 0;
    width: 678px;
    min-height: 1px;
}

#Video_list_container {
    float: left;
    left: 0;
    position: relative;
    top: 0;
    width: 227px;
}

#video_list {
    height: 340px;
    left: 0;
    position: relative;
    top: 0;
    width: 227px;
}

.heading1 {
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
}

#videolistContainer {
    /* height: 330px;*/
    height: 370px;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    top: 0;
    width: 235px;
}

.video_txt {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: normal;
    text-decoration: none;
}

    .video_txt:hover {
        opacity: 0.6;
    }

.video {
    border-bottom: 1px solid #ccc;
    left: 0;
    position: relative;
    top: 0;
    width: 216px;
}

.video_list_top {
    height: 3px;
    left: 0;
    position: relative;
    top: 0;
    width: 216px;
}

.video_list_mid {
    left: 0;
    padding: 7px 0;
    position: relative;
    top: 0;
    width: 216px;
}

.selected_mid {
    background-color: #333333;
    border-radius: 4px;
}

.VideoTitle {
    float: left;
    left: 0;
    padding: 0 10px 0 12px;
    position: relative;
    top: 0;
    /*width: 170px;*/
    width: 90%;
}

.video-lesmer {
    float: right;
    left: 0;
    padding: 0 5px 0 0;
    position: relative;
    top: -2px;
    width: 15px;
}

.video_list_bot {
    height: 3px;
    left: 0;
    position: relative;
    top: 0;
    width: 216px;
}


@media screen and (max-width: 991px) {
    .VideoDiv {
        display: none;
    }

    #videoDiv {
        display: block !important;
        float: left;
        position: relative;
        width: 100%;
        padding: 0 0 20px 0;
    }

    #video_lightbox {
        position: relative;
        width: 100%;
        z-index: 100;
        background: none;
        height: auto;
    }

    #Lightbox_contents {
        top: 0;
        height: auto;
    }

    .closebtn {
        display: none;
    }

    #Lightbox_contents {
        width: 100%;
        padding: 0;
        background: none;
    }

    #video_div {
        width: 100%;
        padding: 0;
        background: #ffffff;
    }

    #videoplayer {
        width: 100% !important;
    }

    #videoplayer_wrapper {
        width: 100% !important;
    }

    #Video_list_container {
        width: 100%;
        padding: 0;
        background: #ffffff;
    }

    #video_list {
        width: 100%;
        height: auto;
    }

    #videolistContainer {
        width: 100%;
        height: auto;
    }

    .video {
        width: 100%;
    }

    .video_list_mid {
        padding: 9px 0;
        width: 100%;
    }

    .VideoTitle {
        width: 85%;
        padding: 0 1.5%;
    }
}


/*==================================
         End Of Video Gallary
===================================*/

/*================================================================================================================*/

/*=====================================
   Customized bootstrap css
=======================================*/

body {
    padding-top: 131px;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
}

a:hover, a:active, a:focus {
    outline: 0;
}

#navbar {
    background: #fff;
    border-bottom: 2px #ececec solid;
    transition: all 0.3s ease-out 0s;
}

.navbar {
    margin-bottom: 0;
    padding: 10px 0 2px 0;
    border-bottom: none;
}

.navbar-brand {
    padding: 0 15px; /*ed*/
}

.navbar-nav {
    margin-top: 30px;
}

.carousel {
    margin-bottom: 70px;
}

.carousel-control.left {
    background: none;
}

.carousel-control.right {
    background: none;
}

.btn-sm {
    padding: 5px 15px;
}

.carousel-indicators .active {
    background-color: #a88243; /* skin color */
    border: 1px solid #a88243; /* skin color */
}

.carousel-control .fa-angle-left, .carousel-control .icon-prev {
    position: absolute;
    top: 30%;
    left: 0;
}

.carousel-control .fa-angle-right, .carousel-control .icon-next {
    position: absolute;
    top: 30%;
    right: 0;
}

.btn-lg, .btn-group-lg > .btn, .contact-page .btn-lg, .btn-group-lg > .btn {
    font-size: 19px;
    font-weight: bold;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #333;
    color: #fff;
}

@media (min-width: 768px) {

    .btn-lg {
        padding: 14px 35px;
        font-size: 19px;
        font-weight: bold;
    }
}


.nav-hide {
    transform: translate(0px, -90px);
}


@media (max-width:767px) {

    h1, .h1 {
        font-size: 24px;
    }

    h2, .h2 {
        font-size: 18px;
    }

    h3, .h3 {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    body {
        padding-top: 143px;
    }
}

@media (max-width: 320px) {
    body {
        padding-top: 70px;
    }
}

@media (min-width:320px) {
    .navbar {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (min-width:360px) {
    .navbar {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media (min-width:768px) {
    .navbar {
        
        padding: 12px 0 3px 0;
    }
}

@media (min-width:992px) {
    .navbar {
        padding: 19px 0 23px 0;
    }
}

@media (max-width: 767px) {
    .navbar {
        border-bottom: 2px solid #d1d1d1;
    }
}


/*=====================================
  End Of Customized bootstrap css
=======================================*/


/*=======Instructions To  Developer Must Follows Before Edit/Write This Css ==========*/

/*
    1.Please write the css well and neat manner.
    2.Write the css section wise.
    3.Do not write un-neccesary css property which increase css file size.
    4.While writing css use comment.    
    
   =================== HAPPY CODING  =================================================
*/