.copyright {
    padding-top: 40px;
    position: fixed;
}

.navy {
    padding: 10px 0;
    color: #cc0000;
    margin: 0;
    list-style: none;
    height: 70px;
}

    .navy > li {
        padding-top: 15px;
        display: inline-block;
    }

        .navy > li > a {
            padding: 1.5em 1.4em 1.5em 2em;
            color: #848494;
            font-size: 16px;
            text-decoration: none;
            cursor: pointer;
        }



.removeOp {
    /*background-color: #383838;
    color: #fff;*/
    border: 1px solid black; /*rgba(0, 0, 0, 0.14);*/
    border-radius: 5px;
}

.head {
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.sub-head {
    font-weight: bold;
    color: #333;
}

.fixed {
    position: fixed;
    top: 0px;
    width: 100%;
    padding-left: 200px;
    /*height:50px;*/
    /*margin-left:100px;*/
    z-index: 999;
}

.Fixslider-wrapper {
    float: left;
    /*margin-top: -35px;*/
    position: fixed;
    width: 100%;
    height: auto;
    top: 0px;
}

    .Fixslider-wrapper ul > li {
        padding: 0;
    }

    .Fixslider-wrapper img {
        width: 100%;
        position: fixed;
        top: 0;
    }

.midSection {
    text-align: justify;
    margin-top: 10px;
    margin-bottom: 10px;
    /*margin-left: 200px;
    margin-right: 200px;*/
    width: 90%;
    /*max-width: 1200px;*/
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff;
    border: 1px solid black;
    max-height: 480px;
    opacity: 0.9;
    position: absolute;
    /*z-index: 100;*/
    border-radius: 10px;
    padding: 20px;
    color: black;
}

.h1 {
    font: 20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000033;
    font-weight: bold;
    line-height: 38px;
}

.h2 {
    font: 16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #0066CC;
    font-weight: bold;
}

.h3 {
    font: 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #003399;
    font-weight: bold;
}

.h4 {
    font: 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #003399;
    font-weight: bold;
}

.h5 {
    font: 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #0066CC;
    font-weight: bold;
}

.h6 {
    font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #0066CC;
    font-weight: bold;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*background: rgba(255,0,0,0.8);*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255,0,0,0.4);
    }

#services::-webkit-scrollbar {
    width: 12px;
}

/* Track */
#services::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
#services::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*background: rgba(255,0,0,0.8);*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    #services::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255,0,0,0.4);
    }



#footerSlideButton {
    background: url(Images/sliderButton.png) top left no-repeat transparent;
    position: absolute;
    top: -55px;
    right: 15px;
    width: 50px;
    height: 50px;
    border: none;
    cursor: pointer;
}

#footerSlideContainer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

#footerSlideContent {
    width: 100%;
    height: 0px;
    background-color: #000;
    height: 300px;
}

#page-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/theme/loader-01.gif") no-repeat center center;
    z-index: 99999;
    background-color: #000; /* fallback for browser that not support rgba */
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, .8); /* Works on all modern browsers */
}

body {
    font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.5;
    color: #848494;
    background-color: #ffffff;
}


/* #Typography 
================================================== */


/* big text lead */
.lead {
    font-size: 24px;
}

/* Toggle Box */
.togglebox {
    display: none;
}

.togglebox {
    position: relative;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0.85) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.85))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9ffffff',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0 0 4px rgba(50, 50, 50, 0.2);
    box-shadow: 0 0 4px rgba(50, 50, 50, 0.2);
}

    .togglebox:after, togglebox:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .togglebox:after {
        border-color: rgba(0, 0, 0, 0);
        border-bottom-color: #ffffff;
        border-width: 5px;
        left: 25px;
    }

    .togglebox .input-group i.fa {
        margin: 0;
    }

.toggle-link {
    padding: 0 10px;
    display: block;
    line-height: 1.6;
}

    .toggle-link .fa {
        margin-right: 5px;
    }

/* Images */

/* Icons Styles */
.icon-wrapper {
    display: inline-block;
    font-size: 1em;
    height: 30px;
    text-align: center;
    width: 30px;
}

    .icon-wrapper .fa {
        width: auto;
    }

    .icon-wrapper.fa-lg {
        font-size: 1.4em;
        vertical-align: 0;
    }




    /* border round icons */
    .icon-wrapper.icon-border-round {
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        line-height: 29px;
        border: 1px solid;
    }





/* #Site Styles 
================================================== */

/*==== Site Wrappers ====*/
.page-wrapper {
    overflow-x: hidden;
    background: #fff;
}
    /*use this class to have boxed version of the website*/
    .page-wrapper.boxed {
        max-width: 1210px;
        margin: 0px auto;
        -webkit-box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15);
        -moz-box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15);
        box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15);
    }



.header-wrapper {
    position: relative;
    height: auto;
}

.slider-wrapper {
    float: left;
    margin-top: -35px;
    /*overflow: hidden;*/
    position: relative;
    width: 100%;
}

    .slider-wrapper ul > li {
        padding: 0;
    }

    .slider-wrapper img {
        width: 100%;
        height: 550px;
    }

.main-wrapper {
    clear: both;
    padding: 0;
}

.footer-wrapper {
}

    .footer-wrapper .lead {
        font-size: 20px;
    }


/*==== Site Blocks ====*/


/*==== Header Top ====*/

.header-top {
    background: #333;
    font-size: 13px;
    font-weight: 500;
}

    .header-top a {
        color: #848494;
    }

        .header-top a:hover {
            text-decoration: none;
            color: #ffffff;
        }

    .header-top .togglebox {
        position: absolute;
        z-index: 9000;
        line-height: normal;
        color: #848494;
        margin-top: 30px;
    }

.togglebox {
    display: none;
    -webkit-transform: translate3d(0,0,0);
}

/* top menu left and right */
.top-menu-left {
}

.top-menu-right {
}

.top-menu-left ul {
    margin: 0;
    float: left;
}

    .top-menu-left ul li {
        float: left;
        padding: 0;
    }

.top-menu-right ul {
    margin: 0;
    float: right;
}

    .top-menu-right ul li {
        padding: 5px 5px 5px 0;
    }

.top-menu-left ul li a.toggle-link {
    padding: 10px;
    display: inline-block;
}

    .top-menu-left ul li a.toggle-link:hover {
    }

/* top cart */

/* top login */
.top-login .togglebox {
    padding: 20px 20px 5px;
}

/* top language */

/* top social */
.top-social {
}

    .top-social li a {
        display: block;
    }

    .top-social .icon-wrapper.icon-border-round {
        line-height: 29px;
    }



/*==== Header Middle ====*/
.header-middle {
}
/* logo */
.logo {
    padding: 0px 0;
}

.contact-info2 {
    float: none;
    text-align: center;
    padding-top: 70px;
    /*padding: 5px 0;*/
}
/* contact info top */
.contact-info1 {
    float: right;
    text-align: right;
    padding-top: 20px;
    /*padding: 5px 0;*/
}

    .contact-info1 .fa-ul {
        line-height: inherit;
        margin-bottom: 0;
    }

    .contact-info1 .fa {
        line-height: 1.3;
    }

    .contact-info1 ul li {
        padding-left: 5px;
        font-size: 14px;
    }

.contact-info {
    /*float: right;*/
    text-align: center;
    padding-top: 20px;
    /*padding: 5px 0;*/
}

    .contact-info .fa-ul {
        line-height: inherit;
        margin-bottom: 0;
    }

    .contact-info .fa {
        line-height: 1.3;
    }

    .contact-info ul li {
        padding-left: 5px;
    }


/*==== Header Bottom ====*/
.header-bottom {
    z-index: 100;
    position: relative;
}

    .header-bottom .container {
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0.85) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.85)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9ffffff',GradientType=0 );
        -webkit-box-shadow: 0 0 1px rgba(50, 50, 50, 0.20);
        -moz-box-shadow: 0 0 1px rgba(50, 50, 50, 0.20);
        box-shadow: 0 0 1px rgba(50, 50, 50, 0.20);
    }

.page-wrapper.boxed .header-bottom {
    max-width: 1210px;
}

/* header Sticky Nav */
.header-bottom.visible {
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0.85) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.85)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9ffffff',GradientType=0 );
    -webkit-box-shadow: 0 0 1px rgba(50, 50, 50, 0.20);
    -moz-box-shadow: 0 0 1px rgba(50, 50, 50, 0.20);
    box-shadow: 0 0 1px rgba(50, 50, 50, 0.20);
}

    .header-bottom.visible .container {
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }



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

.scrollup {
    border: 1px solid #ffffff;
    bottom: -1px;
    display: none;
    font-size: 16px;
    left: 50%;
    margin-left: -30px;
    opacity: 0.6;
    position: fixed;
    text-align: center;
    width: 60px;
    z-index: 999;
}

    .scrollup .fa {
        color: #ffffff;
    }

    .scrollup:hover {
        opacity: 0.9;
        background: #1188cc;
    }


/* #Navigation 
================================================== */
.main-navigation {
    float: left;
    position: relative;
}

#menu-button {
    display: none;
}

    #menu-button:before {
        content: 'Main Menu';
    }

    #menu-button:after {
        /*content: '\f077';*/
        float: right;
        font-family: FontAwesome;
    }

    #menu-button.collapsed:before {
        content: 'Main Menu';
    }

    #menu-button.collapsed:after {
        /*content: '\f078';*/
        float: right;
        font-family: FontAwesome;
    }


/* SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/

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

ul.sm li {
    position: relative;
}

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

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

ul.sm ul {
    position: absolute;
    top: -999999px;
    left: -800px;
    width: 100px;
}

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 {
    content: "\00a0";
    display: block;
    height: 0;
    font: 0/0 serif;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

* 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);
}


/*
---------------------------------------------------------------
  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-default > li > a { ... } instead of .sm-default a { ... }
---------------------------------------------------------------*/

/* Navigation Default Style
===================*/

ul.sm-default {
    display: inline-block;
}

    ul.sm-default:after {
        display: inline-block;
        font: inherit;
        height: auto;
    }

    ul.sm-default ul {
        padding: 10px 0;
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0.85) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.85))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9ffffff',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
        -moz-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
        box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
    }

        ul.sm-default ul li ul {
            padding: 0;
        }
/* Menu items
===================*/
.sm-default a {
    padding: 1.5em 1.4em 1.5em 2em;
    color: #848494;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.sm-default .sm-nowrap > li > a {
    padding: 0.8em 1.8em 0.8em 1.4em;
    font-size: 14px;
}

    .sm-default .sm-nowrap > li > a:hover {
        color: #fff;
    }
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-default a.current, .sm-default a.current:hover, .sm-default a.current:focus, .sm-default a.current:active {
    color: #fff !important;
}

/* Sub menu indicators
===================*/
.sm-default a span.sub-arrow {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.sm-default ul a span.sub-arrow, .sm-default-vertical a span.sub-arrow {
}
/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/
.sm-default span.scroll-up, .sm-default span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    border: solid #bbb;
    border-width: 1px 0;
    background: #fff;
    height: 20px;
    /* width and position will be automatically set by the script */
}

.sm-default span.scroll-up-arrow, .sm-default 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 #555 transparent;
}

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






/* Mega Menu */
ul.mega-menu {
    position: relative;
}

    ul.mega-menu li {
        display: block;
    }

/* Navigation Icons Style
===================*/
.menu-icons {
}

    .menu-icons .main-navigation .sm-default a {
        padding: 1.5em 0.8em 1.5em 0.8em;
    }

    .menu-icons .main-navigation ul.sm li > ul li a {
        padding: 0.8em 1.4em;
    }

    .menu-icons .main-navigation .sub-arrow {
        display: none;
    }

/* End Navigation Icons Style===================*/

/* Navigation Full Width Style
===================*/
.header-bottom.menu-full-width {
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0.85) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.85)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9ffffff',GradientType=0 );
    -webkit-box-shadow: 0 0 1px rgba(50, 50, 50, 0.20);
    -moz-box-shadow: 0 0 1px rgba(50, 50, 50, 0.20);
    box-shadow: 0 0 1px rgba(50, 50, 50, 0.20);
    width: 100%;
}

    .header-bottom.menu-full-width .container {
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
/* End Full Width Style===================*/

/* Navigation Separator Style
===================*/
.menu-separator {
}

    .menu-separator .main-navigation ul.sm li {
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #fff;
    }

        .menu-separator .main-navigation ul.sm li > ul li {
            border: none;
        }

        .menu-separator .main-navigation ul.sm li:first-child {
            border-left: none;
        }

        .menu-separator .main-navigation ul.sm li:last-child {
            border-right: none;
        }




/* End Separator Style===================*/

/* Navigation Radius Style
===================*/
.menu-radius {
}

    .menu-radius .main-navigation ul.sm li a {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        padding: 1em 1.4em 1em 1em;
    }

    .menu-radius.menu-icons .main-navigation ul.sm li a {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        padding: 1em 0.8em 1em 0.8em;
    }

    .menu-radius .main-navigation ul.sm li > ul li a {
        margin-top: 0;
        margin-bottom: 0;
    }

    .menu-radius .main-navigation .sm-default a.current, .menu-radius .main-navigation .sm-default a.current:focus, .menu-radius .main-navigation .sm-default a.current:active {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .menu-radius .main-navigation ul.sm li > ul li a.current {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
/* End Radius Style===================*/



/***** Main Container 
********************************/

.container {
}

.container-inner {
    padding-top: 50px;
    padding-bottom: 50px;
}



.well {
    background: #f9f9f9;
    -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.15) inset;
    border: none;
}

    .well.well-border {
        border: 4px solid #f2f2f2;
    }




/*primary*/


/* #Lists
================================================== */

ul, ol {
    padding-left: 20px;
}

    ul li, ol li {
        padding: 3px 0;
    }

/* inline-list */
.list-inline li {
    padding-left: 0px;
}

/* Font Awesome Lists */

.fa-ul {
    margin-left: 0;
    line-height: 22px;
}

    .fa-ul li {
        padding-left: 0px;
    }

        .fa-ul li a:hover {
            margin-left: 10px;
        }

.fa-li {
    left: 0;
    margin-right: 0px;
    position: relative;
    top: auto;
    width: 0.8em;
}

.fa-ul li > ul {
    margin-bottom: 4px;
    list-style: none;
    margin-top: 10px;
}

.fa-ul .icon-wrapper {
    left: -2.14286em;
    position: absolute;
}

/* Custom Font Awesome List */
.fa-ul.list-inline {
    padding-left: 0;
}

    .fa-ul.list-inline li .fa-li {
        position: relative;
        left: auto;
        top: auto;
    }

/* List Style */


/* #Forms
================================================== */
.form-control {
    color: #848494;
    background: #f9f9f9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e5e5e5;
}

    .form-control:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: 1px solid;
    }
/*group input*/
.input-group-addon {
    border-color: #e5e5e5;
}

.input-group .btn {
    padding: 6px 12px;
}

    .input-group .btn.btn-lg {
        padding: 10px 12px;
    }

    .input-group .btn.btn-sm {
        padding: 5px 12px;
    }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: none !important;
}
/*validation*/
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #99cc00;
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: #ff9900;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #cc0000;
}



/* Modal */
.modal {
    overflow-y: hidden;
}

    .modal a:hover {
        color: #1188cc;
    }

.modal-backdrop.in {
    opacity: 0.5;
}

body.modal-open {
    margin-right: 17px;
}

/* Tooltip */

/*bootstrap default tooltip*/
.tooltip {
    font-size: 12px;
    line-height: 1.6;
}


/**Smart Phones Portrait Small Media Queries
****************************************/

@media screen and (max-width : 320px) {
    .midSection {
        width: 96%;
        margin-left: 2%;
        border: 0.5px solid black;
        max-height: 550px;
        font-size: 12px;
    }

    .slider-wrapper img {
        width: 100%;
        min-height: 600px;
    }

    h3 {
        font-size: 15px;
    }

    .head {
        font-size: 13px;
    }

    .col-md-6 .logo img {
        width: 50%;
        float: left;
    }

    .contact-info1 {
        width: 50%;
        float: right;
        padding-top: 5px;
        text-align: right;
        padding-left: 0px;
        margin-right: 0px;
    }

        .contact-info1 ul {
            margin-left: 0px;
        }

            .contact-info1 ul li {
                font-size: 8px;
            }

    .main-navigation ul li {
        display: block;
        margin-left: 0px;
        text-align: left;
    }

    .fixed {
        padding-left: 0px;
    }

    .container {
        padding: 0px;
    }
}

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

    .contact-info1 ul li {
        font-size: 10px;
    }
}

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

    #menu-button {
        display: block;
        padding: 20px;
        font-size: 18px;
        cursor: pointer;
    }

    #main-menu.collapsed {
        display: none;
    }

    .main-navigation {
        float: none;
    }

    .col-md-6 .logo img {
        width: 50%;
        float: left;
    }

    .contact-info1 {
        width: 50%;
        float: right;
        padding-top: 10px;
        text-align: left;
        padding-left: 0px;
        margin-right: 0px;
    }

        .contact-info1 ul li {
            font-size: 10px;
        }

    .fixed {
        padding-left: 0px;
    }
}



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


    ul.sm-default {
        width: auto !important;
    }

        ul.sm-default 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-default > li {
            float: none;
        }

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

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


    ul.sm-default {
        display: block;
    }

        ul.sm-default:after {
            display: block;
        }

        ul.sm-default ul {
            border: 0;
            background: rgba(204,204,204,0.1);
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .sm-default a {
        padding-top: 13px;
        padding-bottom: 13px;
        background: transparent !important;
        color: #555 !important;
    }

        .sm-default a.current {
            color: #fff !important;
        }

        .sm-default a.has-submenu {
            padding-right: 23px;
        }

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

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

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

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

    .sm-default ul ul ul ul ul a {
        border-left: 40px solid transparent;
    }



    .sm-default a.highlighted span.sub-arrow {
        display: none !important;
    }

    .sm-default li {
        border-left: 0;
        border-top: 1px solid rgba(0,0,0,0.05) !important;
    }

        .sm-default li:first-child {
            border-top: 0 !important;
        }

    #menu-button {
        display: block;
        padding: 20px;
        font-size: 18px;
        cursor: pointer;
    }

    #main-menu.collapsed {
        display: none;
    }

    .main-navigation {
        float: none;
    }

    .col-md-6 .logo img {
        width: 50%;
        float: left;
    }

    .contact-info1 {
        width: 50%;
        float: right;
        padding-top: 10px;
        text-align: right;
        padding-left: 0px;
        margin-right: 0px;
    }

    .midSection {
        width: 85%;
        margin-left: 8%;
    }
}

@media only screen and (min-width : 1000px) {
           
    .midSection {
        width: 85%;
        margin-left: 8%;
    }
}

@media only screen and (min-width : 1100px) {
           
    .midSection {
        width: 85%;
        margin-left: 8%;
    }
}

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


    .midSection {
        width: 90%;
        margin-left: 5%;
    }
}

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

    .midSection {
        width: 80%;
        margin-left: 10%;
    }
}

@media only screen and (min-width : 1500px) {
    .midSection {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
}

@media only screen and (min-width : 1600px) {
    .midSection {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
}

@media only screen and (min-width : 1900px) {
    .midSection {
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
    }
}