/*------------------------------------------------------------------
Project:    Highland
Author:     Yevgeny S.
URL:        http://simpleqode.com/
            https://twitter.com/YevSim
Version:    1.5.0
Created:        11/03/2014
Last change:    20/02/2015
-------------------------------------------------------------------*/

html, body
{
    font-family: 'Lato' , sans-serif;
    height: 100%;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6
{
    font-family: 'Lato' , sans-serif;
}
h1.hl, h2.hl, h3.hl, h4.hl, h5.hl, h6.hl
{
    color: #2e3a83;
    font-weight: 500;
    text-transform: uppercase;
}
h1.hl small, h2.hl small, h3.hl small, h4.hl small, h5.hl small, h6.hl small
{
    text-transform: none;
}

/* ===== Sticky Footer Trick ===== */

.wrapper
{
    min-height: 100%;
    height: auto !important; /* for older versions of IE */
    height: 100%;
    margin-bottom: -347px; /* showing the footer */
    padding-top: 50px;
    padding-bottom: 347px; /* avoiding content go behind the footer */
}

/* ===== Navbar ===== */

.navbar
{
    min-height: 0;
    padding: 0;
    margin-top: 0px;
}

ul#menu
{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
ul#menu li
{
    position: relative;
}
ul#menu a
{
    /*font-family: 'Lato', sans-serif;*/
}

ul#menu a
{
    font-family: 'Raleway' , sans-serif;
    font-weight: lighter;
    text-transform: uppercase;
    font-size: 20px;
    padding: 20px 30px;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
   /* background: #EEE; */
    background : #040a29;
    display: block;
}
ul#menu a:hover {background: #666; color: #FFF !important;}
ul#menu li:hover ul {display: block;}
ul#menu ul
{
    display: none;
    padding: 0;
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
    background: #fff;
    margin: 0;
    list-style: none;
    min-width: 300px;
}

ul#menu ul a {padding: 10px 10px; font-size: 18px;}
ul#menu ul a:hover {background: #666; color: #FFF;}

.navbar-inverse
{
    background-color: #515151;
    border: none;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus
{
    color: #fff;
    font-weight: normal;
    background-color: #515151;
}
.navbar-inverse .navbar-brand
{
    color: #EEEEEE;
}
.navbar-inverse .navbar-nav > li > a
{
    color: #EEEEEE;
}
.navbar-inverse
{
    font-family: 'Lato' , sans-serif;
    text-transform: uppercase;
    font-size: 12px;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret
{
    border-top-color: #EEEEEE;
    border-bottom-color: #EEEEEE;
}
.navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret
{
    border-top-color: #515151;
    border-bottom-color: #515151;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus
{
    background-color: #EEEEEE;
    color: #515151;
}
.dropdown-menu
{
    background-color: #EEEEEE;
    border: 1px solid #D6D6D6;
    border-top-color: #EEEEEE;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dropdown-menu > li > a
{
    color: #515151;
    padding: 10px 20px;
    font-size: 12px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
    color: #FFF;
    background-color: #515151;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
{
    background-color: #515151;
}

/* ===== Showcase ===== */

#wrap
{
    height: 407px;
    background: url(../Site_Images/be_bg.jpg); /*background-size: cover;*/
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Site_Images/be_bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Site_Images/be_bg.jpg', sizingMethod='scale')";
    background-position: center;
    border-bottom: 1px solid #eee;
    color: #fff;
    background-size: 100% 405px;
    background-repeat: no-repeat;
}
#wrap h1, #hp-slider h1
{
    font-family: 'Lato' , sans-serif;
    font-weight: 100;
    font-size: 48px;
    margin-top: 70px;
    text-transform: uppercase;
    margin-left: 70px;
    text-shadow: 1px 1px 3px #666;
}
.showcase
{
    position: relative;
    width: 438px;
    height: 300px;
    margin: 90px auto;
}
.iMac
{
    position: absolute;
    height: 300px;
    width: 351px;
    top: 0;
    right: 0;
    -webkit-animation-duration: 1s;
    -moz-animation-delay: 1s;
}
.iPad
{
    position: absolute;
    height: 228px;
    width: 174px;
    top: 75px;
    left: 0;
    -webkit-animation-duration: 1.3s;
    -moz-animation-delay: 1.3s;
}
.iPhone
{
    position: absolute;
    height: 152px;
    width: 56px;
    top: 145px;
    left: 130px;
    -webkit-animation-duration: 1.6s;
    -moz-animation-delay: 1.6s;
}
.macbook img
{
    width: 450px;
    margin: 105.5px auto 0;
}
.list
{
    margin: 50px 0 50px 70px;
}
.list ul
{
    list-style-type: none;
    padding: 0;
}
.list li
{
    font-weight: 100;
    font-size: 28px;
}
.list li > span
{
    background: rgba(0, 0, 0, 0.25);
    padding: 5px 10px;
    line-height: 1.8;
}
.list li i.fa
{
    margin-right: 20px;
}
.first
{
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
}
.second
{
    -webkit-animation-duration: 1.3s;
    -moz-animation-duration: 1.3s;
}
.third
{
    -webkit-animation-duration: 1.6s;
    -moz-animation-duration: 1.6s;
}
.fourth
{
    -webkit-animation-duration: 1.9s;
    -moz-animation-duration: 1.9s;
}
.delay
{
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
}

/* ===== Services ===== */

.services
{
    margin-top: 10px;
}
.services__item
{
    padding: 0 0 1px 0;
    background: white;
    overflow: hidden;
}
.services__item::last-item
{
    padding: 0;
}
.services-item__body
{
    padding: 20px;
    background: #eee;
    text-align: center;
    color: #888;
}
.services-item__caption
{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
}
.services__item:hover .services-item__link, .services__item:hover .services-item__link:hover, .services__item:hover .services-item__link:focus
{
    color: white;
}
.services__item:hover .services-item__body
{
    background: #69D2E7;
    color: white;
}

@media (min-width: 768px)
{
    .services__item
    {
        width: 20%;
        float: left;
        padding: 0 1px 0 0;
    }
}
@media (min-width: 992px)
{
    .services__item
    {
        -webkit-transition: width .3s;
        -o-transition: width .3s;
        transition: width .3s;
    }
    .services-item__body
    {
        height: 100px;
    }
    .services-item__link
    {
        display: none;
    }
    .services:hover .services__item
    {
        width: 18%;
    }
    .services__item:hover
    {
        width: 28% !important;
    }
    .services__item:hover .services-item__body
    {
        text-align: left;
        cursor: pointer;
    }
    .services__item:hover .services-item__icon
    {
        float: left;
        margin: 0 20px 0 5px;
        line-height: 60px;
    }
    .services__item:hover .services-item__content
    {
        overflow: hidden;
    }
    .services__item:hover .services-item__link, .services__item:hover .services-item__link:hover, .services__item:hover .services-item__link:focus
    {
        display: block;
    }
}


/* ===== Profiles ===== */

/* Avatar */

.avatar
{
    position: relative;
}
.avatar-bubble, .avatar:hover .avatar-bubble
{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.avatar-bubble
{
    position: absolute;
    bottom: 11px;
    left: 11px;
    right: 11px;
    width: inherit;
    padding: 15px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    font-weight: 300;
    opacity: 0;
}
.avatar:hover .avatar-bubble
{
    opacity: 1;
}
.avatar-bubble a
{
    display: block;
    color: #eee;
}
.avatar-bubble a:hover
{
    text-decoration: none;
    color: #fff;
}

/* Profile menu */

.user-menu > ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.user-menu > ul > li > a > .row > .col-md-2 > i.sign
{
    display: inline-block;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
}
.user-menu > ul > li:last-child
{
    border-bottom: 0;
}
.user-menu > ul > li > a
{
    display: block;
    padding: 10px;
}

.user-menu > ul > li > a:hover
{
    text-decoration: none;
    color: #00B4FF;
    font-size: 16px;
    background: #f5f5f5;
}
.user-menu > ul > li > a.active
{
    background: #f5f5f5;
}
.user-menu > ul > li > a > i.sign
{
    display: inline-block;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
}
.user-menu > ul > li > a > i.fa-chevron-right
{
    line-height: 40px;
    color: #515151;
    display: none;
}
.user-menu > ul > li > a:hover > i.fa-chevron-right
{
    display: inline-block;
}
.user-menu > ul > li > a.active:hover > i.fa-chevron-right
{
    display: none;
}

/* User status */

.user-status
{
    margin-bottom: 20px;
}
.user-status > p > a
{
    color: #333;
}
.user-status .input-group
{
    padding: 5px;
    background: #f5f5f5;
}

/* Modal window */

.modal-content
{
    border-radius: 0;
}
.modal-header
{
    background: #f5f5f5;
}
.modal-header > img, .message-answer > img
{
    height: 50px;
    width: 50px;
    margin: 0 15px 15px 0;
    float: left;
    overflow: hidden;
}

/* User Stats and Gallery */

.block-inverse
{
    border-radius: 5px;
    border: 1px solid #eee;
}
.block-inverse > .head-inverse
{
    background: #F5F5F5;
    padding: 10px;
    border-bottom: 1px solid #EEE;
}
.block-inverse > .body-inverse
{
    padding: 10px;
}
.user-gallery img
{
    height: 60px;
    width: 60px;
    background: #FFF;
    border: 1px solid #dedede;
    border-radius: 60px;
    padding: 3px;
    margin: 5px;
}
.user-gallery img:hover
{
    border-color: #999;
}

/* Inbox */

.pm-search
{
    background: #F5F5F5;
    border-top: 1px solid #DDD;
    padding: 20px;
    margin-bottom: 15px;
}
.pm-list > ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.pm-list > ul > li:first-child
{
    border-top: 1px solid #EEE;
}
.pm-list > ul > li
{
    padding: 15px;
    border-bottom: 1px solid #EEE;
}
.pm-list > ul > li:hover
{
    background: #f5f5f5;
}
.pm-list > ul > li > p > img
{
    height: 50px;
    width: 50px;
    float: left;
    margin-right: 15px;
    overflow: hidden;
}
.pm-list > ul > li > p
{
    float: left;
    overflow: hidden;
    width: 50%;
    margin-bottom: 0;
}
.pm-list > ul > li > p > a.inbox-dialog
{
    color: #999;
}
.pm-list > ul > li > p > a.inbox-dialog:hover
{
    color: #999;
    text-decoration: none;
}
.message-answer
{
    background: #F5F5F5;
    border-top: 1px solid #DDD;
    padding: 20px;
}
.message-answer > form
{
    width: 80%;
    float: left;
}

/* ===== Blog ===== */

.blog-summary
{
    position: relative;
    margin-bottom: 40px;
}
.blog-summary > h4
{
    line-height: 22px;
}
.blog-text
{
    line-height: 1.8;
}
.timeline-block .blog-img
{
    /* Making images smalled for timeline page */
    width: 250px;
}
.blog-img
{
    padding: 10px;
    border: 1px solid #ddd;
    margin: 10px;
    width: 350px;
}
.new-story:after
{
    content: "NEW!";
    font-size: 0.6em;
    color: #FFF;
    background: #f1c40f;
    padding: 3px 4px;
    margin-left: 5px;
    vertical-align: super;
}
.recent-blogs ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.recent-blogs ul li
{
    padding: 7px 0;
    border-bottom: 1px dotted #ddd;
}
.recent-blogs ul li:last-child
{
    border-bottom: 0;
}
.blog-months ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 50%;
    border-right: 1px solid #FFF;
}
.blog-months ul li .badge
{
    background: #FFF;
    color: #666;
    border: 1px solid #ddd;
}
.new-comment
{
    padding: 20px 10px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px dashed #ddd;
    margin: 20px 0;
}
.new-comment:hover
{
    border-bottom-style: solid;
}
.new-comment img
{
    max-height: 64px;
    width: auto;
    float: right;
}
.comment
{
    margin: 10px 0;
    border-bottom: 1px dotted #ddd;
}

/* ===== Blog Timeline ===== */

.timeline-block
{
    border-left: 3px solid #eee;
    padding-left: 20px;
    margin-left: 100px;
}
.timeline-block time.timestamp
{
    position: absolute;
    top: 12px;
    left: -136px;
    padding: 5px 6px;
    font-style: italic;
    color: #999;
}
.timeline-block time.timestamp:before
{
    display: block;
    font-family: FontAwesome;
    content: "\f073";
    font-style: normal;
    font-size: 32px;
    margin-left: 27px;
}
.timeline-block time.timestamp:after
{
    display: inline-block;
    content: "";
    height: 20px;
    width: 20px;
    border: 3px solid #DDD;
    border-radius: 26px;
    margin-left: 16px;
    background: #FFF;
}

/* ===== About Us block ===== */

img.img-about
{
    width: 40%;
    padding: 10px;
    border: 1px solid #eee;
    float: left;
    margin: 0 20px 20px 0;
}

/* ===== Media objects ===== */

.media-object
{
    height: 64px;
    width: 64px;
}
.media-heading a
{
    color: #333;
}
.media-heading a:hover
{
    color: #333;
    text-decoration: none;
}
.read-more
{
    float: right;
    margin-top: 10px;
}

/* ===== Recent Works ===== */

.thumbnail
{
    position: relative;
}
.thumbnail .visit
{
    position: absolute;
    opacity: 0;
    width: 100%;
    text-align: center;
    top: 80px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.thumbnail:hover .visit
{
    opacity: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.thumbnail .visit a
{
    color: #FFF;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
}
.thumbnail .visit a:hover
{
    color: #FFF;
    text-decoration: none;
}

/* ===== Steps ===== */

.step
{
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
.step i
{
    color: #dedede;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
}
.step h4
{
    text-transform: uppercase;
}
.step .arrow
{
    position: absolute;
    top: 0;
    right: -10%;
    color: #dedede;
    font-size: 100px;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
}
.step:hover i
{
    color: #FFA973;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
}
.step:hover .arrow
{
    color: #99E0FF;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
}

/* ===== About Us ===== */

.about-icon
{
    font-size: 52px;
    float: left;
    margin: 15px 15px 0 0;
    color: #81D685;
}
.about-p
{
    overflow: hidden;
    line-height: 22px;
}
.about-btn
{
    margin-top: 50px;
    text-align: center;
}

/* ===== Team ===== */
.member-left
{
    text-align: left;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #eee;
}
.member-right
{
    text-align: right;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #eee;
}
.team img, .team img
{
    width: 100px;
    height: 100px;
    border-radius: 50px;
}
.team .member-left img
{
    float: left;
    margin-right: 50px;
}
.team .member-right img
{
    float: right;
    margin-left: 50px;
}
.team .position
{
    color: #ccc;
}
.team p
{
    overflow: hidden;
}

/* ===== 404 error page ===== */

.not-found
{
    background-position: 0% 0%;
    background-repeat: repeat-x;
    background-image: url(../Site_Images/falling-leafs.png), linear-gradient(to bottom, #eee 0%, #fff 100%);
    background-color: #eee;
    background-attachment: scroll;
}
.not-found .digits
{
    color: #999;
    font-size: 250px;
    font-weight: bold;
    text-align: center;
}
.not-found .digits i
{
    font-size: 200px;
    margin: 0 10px;
}
.not-found h1
{
    text-align: center;
    color: #666;
}
.not-found h2
{
    text-align: center;
    color: #999;
}
.not-found form
{
    text-align: center;
    margin: 30px 0;
}


/* ===== Contact Us ===== */

/* Alert Message */

#form_message
{
    display: none;
}
#form_message.alert-success
{
    display: block;
}

/* Help Block (error messages) */

#form_sendemail .help-block
{
    color: #ff5722 !important;
    display: none;
}
#form_sendemail .has-error .help-block, #form_sendemail .has-error.help-block
{
    display: block;
}
/* reCaptcha */
#recaptcha_image
{
    margin-bottom: 15px;
}
#recaptcha_image > img
{
    border: 1px solid #FFF;
}
#recaptcha_image, #recaptcha_image > img
{
    width: 100% !important;
    max-width: 300px;
    height: auto !important;
}
#recaptcha_audio_play_again
{
    cursor: pointer;
}

/* reCaptcha iframe bug fix (causing an emptly line just before
  the closing </body> tag */

iframe[src="about:blank"]
{
    display: none !important;
}


/* ===== Pricing ===== */

.pricing .item
{
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.pricing .item:hover
{
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    margin-top: -10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.pricing .head
{
    background: #69D2E7;
    padding: 30px 10px 10px;
    position: relative;
    border-radius: 3px;
    margin-bottom: 50px;
}
.pricing .head h4
{
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
}
.pricing .head .arrow
{
    position: absolute;
    height: 30px;
    width: 100%;
    border-top: 30px solid #69D2E7;
    border-right: 120px solid white;
    border-left: 120px solid white;
    bottom: -30px;
    left: 0;
}
.pricing .sceleton
{
    text-align: center;
}
.pricing .sceleton h5
{
    font-size: 30px;
}
.pricing .sceleton span
{
    font-size: 24px;
}
.pricing .sceleton ul
{
    margin: 0 0 10px;
    padding: 0;
}
.pricing .sceleton li
{
    list-style-type: none;
    padding: 10px 0;
    border-top: 1px dotted #ccc;
}
.pricing .sceleton li:hover
{
    border-top: 1px solid #ccc;
    background: #eee;
    cursor: pointer;
}

/* ===== FAQs ===== */

.faq-cats ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.faq-cats ul li:first-child
{
    margin: 0 0 15px 0;
}
.faq-cats ul li
{
    margin: 15px 0 15px 0;
}
.faq-cats ul li i
{
    vertical-align: middle;
    margin-right: 15px;
    color: #bbb;
}
.faq-cats ul li:hover i
{
    color: #00B4FF;
}

/* ===== Gallery ===== */

.gallery__nav
{
    margin-bottom: 20px;
}
.gallery__item
{
    position: relative;
    margin-bottom: 20px;
}

/**
* Gallery bubble
*/

.gallery-bubble
{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px;
    background: rgba(0, 0, 0, .5);
    color: white;
    opacity: 0;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
.gallery__item:hover .gallery-bubble
{
    opacity: 1;
}

/**
 * Gallery text blocks
 */

.gallery__item > a
{
    color: #333;
}
.gallery__item > a:hover, .gallery__item > a:focus
{
    text-decoration: none;
}
.gallery-text
{
    padding: 5px 10px;
    margin-top: 1px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.gallery-title
{
    margin-bottom: 5px;
    font-size: 18px;
}
.gallery__item:hover .gallery-text
{
    background: #00B4EF;
    color: white;
}


/* ===== Gallery Item ===== */

.gallery-show .carousel-inner > .item > img, .gallery-show .carousel-inner > .item > a > img
{
    margin: 0 auto;
}

.gallery-item-icons
{
    font-size: 24px;
    color: #444;
}
.gallery-list-small li
{
    height: 50px;
    overflow: hidden;
    margin-bottom: 10px;
}
.gallery-list-small > li:first-child
{
    padding-left: 5px !important;
}

/* Showcase controls */

a.carousel-arrow
{
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -50px;
    height: 100px;
    width: 50px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    font-size: 32px;
    font-weight: 300;
    line-height: 100px;
    cursor: pointer;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    opacity: 0;
}
.carousel:hover a.carousel-arrow
{
    opacity: 1;
}
a.carousel-arrow:hover, a.carousel-arrow:active
{
    text-decoration: none;
    background: #00B4FF;
}
a.carousel-arrow-prev
{
    left: 0;
    right: auto;
    padding-right: 5px;
}
a.carousel-arrow-next
{
    right: 0;
    left: auto;
    padding-left: 5px;
}

/* ===== Footer ===== */

footer
{
    margin-top: 60px;
    padding: 20px 0;
    background: #02092b;
    color: #f1ebeb;
    font-weight: 350;
}
footer a
{
    color: #2e3a83;
}
footer a:hover
{
    color: #000;
    text-decoration: none;
}
footer .headline
{
    border-bottom: 1px dotted white;
    margin-bottom: 20px;
}
footer .headline h3
{
    text-transform: uppercase;
    font-weight: 300;
}
.legal
{
    padding: 20px 0 10px 0;
    background: #02092b;
    color: white;
    font-weight: 250;
}
.legal a
{
    color: #ffffff;
    text-decoration: none;
}
.legal a:hover
{
    color: #ddd;
    text-decoration: none;
}
.social ul
{
    background: #3E7A8C;
    color: white;
    font-size: 24px;
    margin: 0;
    padding: 0;
}
.social li
{
    float: left;
    display: block;
    list-style-type: none;
    width: 28px;
    height: 40px;
    background: #fff;
    margin: 0 5px 5px 0;
    text-align: center;
    line-height: 28px;
}
.social li:hover
{
    background: none;
}
.social li, .social li:hover
{
    transition: background 0.1s;
    -webkit-transition: background 0.1s;
    -o-transition: background 0.1s;
}
.social li a
{
    color: #2e3a83;
}
.social li:hover a
{
    color: #1b2747;
}
.social li a, .social li:hover a
{
    transition: color 0.1s;
    -webkit-transition: color 0.1s;
    -o-transition: color 0.1s;
}
footer .btn-default
{
    color: #fff;
    background: none;
}
footer .btn-default:hover
{
    color: #3E7A8C;
    background: #fff;
    font-weight: bold;
    border: 1px solid #fff;
}
footer .form-control
{
    border: white;
}
footer .form-control:focus
{
    border: white;
}
footer .sbtn
{
    margin-bottom: 5px;
}

/* Login Header*/

li.account
{
    padding: 10px 20px;
    overflow: hidden;
    min-width: 350px;
}
li.account .avatar
{
    width: 100px;
    height: 100px;
    float: left;
    margin: 0 20px 0 0;
    background: url(../Site_Images/face1.jpg);
    background-size: cover;
    background-position: center;
}
li.account p
{
    overflow: hidden;
    font-size: 14px;
    text-transform: none;
    word-wrap: break-word;
}

/* ===== Login box ===== */

.form-box
{
    padding: 10px 15px 20px;
    border: 1px solid #DDD;
    background: #F5F5F5;
}
.form-box h4
{
    text-transform: uppercase;
    color: #666;
}
.form-box hr
{
    border-bottom: 1px solid #dedede;
}
.login-social ul
{
    font-size: 20px;
    margin: 0;
    padding: 0;
}
.login-social li
{
    float: left;
    display: block;
    list-style-type: none;
    width: 40px;
    height: 40px;
    margin: 20px 5px 20px 0;
    text-align: center;
    line-height: 40px;
}
.login-social li#twitter
{
    background: #1dcaff;
}
.login-social li#facebook
{
    background: #3B5998;
}
.login-social li#google
{
    background: #dd4b39;
}
.login-social li#twitter:hover, .login-social li#facebook:hover, .login-social li#google:hover
{
    background: none;
}
.login-social li#twitter:hover a
{
    color: #1dcaff;
}
.login-social li#facebook:hover a
{
    color: #3B5998;
}
.login-social li#google:hover a
{
    color: #dd4b39;
}
.login-social li a
{
    color: #fff;
    padding: 10px;
}
.login-social li, .login-social li:hover
{
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
}
.login-social li a, .login-social li:hover a:hover
{
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
}
/* ===== Registration form popover ===== */

.signup .popover
{
    min-width: 200px;
}

/* ===== Site search ===== */

.navbar-nav li#search
{
    background: #00B4FF;
    background: linear-gradient(top, #00B4FF, #009DE0);
    background: -webkit-linear-gradient(top, #00B4FF, #009DE0);
    background: -moz-linear-gradient(top, #00B4FF, #009DE0);
    position: relative;
}
.navbar-nav li#search .search-box
{
    position: absolute;
    right: 0;
    bottom: -70px;
    width: 250px;
    padding: 10px;
    background: #515151;
    background: rgba(0, 0, 0, 0.65);
    display: none;
}
.navbar-nav li#search i.margin-2
{
    margin-left: 2px;
}

/* ===== Pagination ===== */

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
    background-color: #428bca;
    border-color: #428bca;
}

/* Helper Classes */

.top-zero
{
    margin-top: 0;
}
.bottom-15
{
    margin-bottom: 15px;
}
.ui-icon
{
    color: #666;
}
.tab-1
{
    margin-right: 15px;
}
.tab-2
{
    margin-right: 30px;
}
.tab-3
{
    margin-right: 45px;
}
.tab-3
{
    margin-right: 60px;
}
.margin-bottom-xs
{
    margin-bottom: 0;
}
@media (max-width: 767px)
{
    /* Adjusting for mobile */
    .margin-bottom-xs
    {
        margin-bottom: 15px;
    }
    header .searchBox
    {
        display: none;
    }
    ul#menu
    {
        display: block;
    }
    ul#menu li
    {
        margin-left: 0;
        position: relative;
    }
    ul#menu ul
    {
        display: block;
        position: static;
        min-width: 0;
    }
    
    ul#menu a {padding: 10px;}
    
    ul#menu ul a {padding-left: 30px;}

}
.text-muted a
{
    color: #999;
    text-decoration: none;
}
.text-muted a:hover
{
    text-decoration: underline;
}

/* Text colors */

.text-green
{
    color: #1b2747;
}
.text-blue
{
    color: #00B4FF;
}
.text-red
{
    color: #E74C3C;
}
.text-turquoise
{
    color: #1ABC9C;
}
.text-amethyst
{
    color: #9B59B6;
}

/* Background colors */

.bg-green
{
    background-color: #1b2747;
}
.bg-blue
{
    background-color: #00B4FF;
}
.bg-red
{
    background-color: #E74C3C;
}
.bg-turquoise
{
    background-color: #1ABC9C;
}
.bg-amethyst
{
    background-color: #9B59B6;
}

/* ===== Scroll to Top ===== */

.scrolltotop
{
    height: 48px;
    width: 48px;
    border-color: #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    color: #999;
    color: rgba(0, 0, 0, 0.3);
    font-size: 18px;
    line-height: 48px;
    border-radius: 3px;
    text-align: center;
}

/* ===== Responsive CSS ===== */

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus
{
    background-color: #333;
}

@media (max-width: 1199px)
{
    /* Adjusting for large devices */

    /* Pricing page arrows */

    .pricing .head .arrow
    {
        border-right-width: 95px;
        border-left-width: 95px;
    }

}
@media (max-width: 991px)
{
    /* Adjusting for small devices */

    /* Pricing page arrows */

    .pricing .head .arrow
    {
        border-right-width: 68px;
        border-left-width: 68px;
        border-top-width: 20px;
    }

}
@media (max-width: 767px)
{
    /* Adjusting for mobile */

    /* Navigation */

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus
    {
        color: #fff;
        background-color: transparent;
    }

    /* Index page background */

    #wrap h1, #hp-slider h1
    {
        font-size: 32px;
        margin: 70px 0 0 0;
        text-align: center;
        font-weight: 300;
    }
    .list
    {
        margin: 50px 0;
    }
    .list li
    {
        margin: 5px 0;
        font-size: 20px;
        font-weight: 300;
        line-height: 2;
    }

    /* Steps */

    .step
    {
        text-align: left;
        width: auto;
        margin: 0 0 15px 0;
    }
    .step i
    {
        float: left;
        margin-right: 15px;
    }
    .step .arrow
    {
        display: none;
    }
    .step a.sbtn
    {
        margin-left: 65px;
    }

    /* Registration form popover */

    .signup .popover
    {
        display: none;
    }

    /* 404 */

    .not-found .digits
    {
        font-size: 140px;
    }
    .not-found .digits i
    {
        font-size: 100px;
    }
    .not-found h1
    {
        font-size: 30px;
        line-height: 42px;
    }
    .not-found h2
    {
        font-size: 18px;
    }

    /* Pricing page */

    .pricing .head
    {
        padding: 20px;
    }
    .pricing .head .arrow
    {
        border: 0;
    }
    .pricing .item
    {
        margin: 20px 0;
    }
    .pricing .item:hover
    {
        margin: 20px 0;
    }

    /* Showcase Carousel */

    a.carousel-arrow
    {
        top: 55px;
        bottom: auto;
        height: 35px;
        width: 35px;
        border-radius: 0;
        color: #FFF;
        font-size: 18px;
        line-height: 35px;
    }
    a.carousel-arrow-prev
    {
        left: 50%;
        margin-left: -37px;
    }
    a.carousel-arrow-next
    {
        left: 50%;
    }

    /* Navbar dropdown */

    .dropdown-menu .divider
    {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #999;
    }

    /* Timeline */
    .timeline-block
    {
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
    }

}


.logo
{
    width: 250px;
    height: 50px;
    position: absolute;
    padding-left: 30px;
    background: url(../Site_Images/ems_logo.png) no-repeat;
}



.buttoncss
{
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: normal;
    margin-top: 5px;
    padding: 10px;
    text-transform: none;
    cursor: pointer;
    -webkit-appearance: button;
    border: 0;
    cursor: default;
    -webkit-appearance: none;
}

.Mainhalf
{
    width: 100%;
    padding: 1%;
    float: left;
}
.full
{
    width: 90%;
    font-family: verdana;
    padding: 1%;
    float: left;
}
.half input[type='text']
{
    width: 100% !important;
}

.half
{
    width: 50%;
    padding: 1%;
    float: left;
}
.halfRight
{
    width: 45%;
    padding: 1%;
    float: right;
    text-align: right;
}

.full
{
    width: 90%;
    padding: 1%;
    float: left;
}
.fullwidth
{
    width: 100%;
}


.Gridview
{
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    font-family: Calibri;
    color: #474747;
}
.Gridview td
{
    padding-left: 5px;
    height: 35px;
    border: solid 1px #c1c1c1;
}

.Gridview th
{
    padding: 4px 2px;
    padding-left: 5px;
    height: 35px;
    color: #fff;
    background: #00708C url(Images/grid-header.png) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}
.Gridview .alt
{
    background: #fcfcfc url(Images/grid-alt.png) repeat-x top;
}
.Gridview .pgr
{
    background: #00708C url(Images/grid-pgr.png) repeat-x top;
}
.Gridview .pgr table
{
    margin: 3px 0;
}
.Gridview .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}
.Gridview .pgr a
{
    color: Gray;
    text-decoration: none;
}
.Gridview .pgr a:hover
{
    color: #000;
    text-decoration: none;
}

.Gridview tdc
{
    width: 0%;
    padding: 2px;
    border: solid 1px #c1c1c1;
}
.amount
{
    font-size: 18px;
    font-weight: 800;
}
.Asterisk
{
    color: red;
}

.search
{
    background: #515151;
    color: white;
    font-size: 14px;
    font-weight: 900;
    background: linear-gradient(top, #515151, #515151);
    background: -webkit-linear-gradient(top, #515151, #515151);
    background: -moz-linear-gradient(top, #515151, #515151); /*background: linear-gradient(top, #00B4FF, #009DE0); 	background: -webkit-linear-gradient(top, #00B4FF, #009DE0); 	background: -moz-linear-gradient(top, #00B4FF, #009DE0);*/
    position: relative;
}

.navbar-nav li#searchg
{
    background: #00B4FF;
    background: linear-gradient(top, #00B4FF, #009DE0);
    background: -webkit-linear-gradient(top, #00B4FF, #009DE0);
    background: -moz-linear-gradient(top, #00B4FF, #009DE0);
    position: relative;
}
.navbar-nav li#searchg .search-box
{
    position: absolute;
    right: 0;
    bottom: -70px;
    width: 250px;
    padding: 10px;
    background: #515151;
    background: rgba(0, 0, 0, 0.65);
    display: none;
}
.navbar-nav li#searchg i.margin-2
{
    margin-left: 2px;
}

.logo
{
    width: 250px;
    height: 50px;
    position: absolute;
    padding-left: 30px;
    background: url(../Site_Images/ems_logo.png) no-repeat;
}


html, body, #map-canvas
{
    height: 100%;
    margin: 0px;
    padding: 0px;
}

#panel
{
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -180px;
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #999;
}

#directions-panel
{
    float: right;
    width: 390px;
    overflow: auto;
}

#map-canvas
{
    margin-right: 400px;
}

#control
{
    background: #fff;
    padding: 5px;
    font-size: 14px;
    font-family: Arial;
    border: 1px solid #ccc;
    box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
    display: none;
}

.adp-directions
{
    overflow-y: scroll !important;
    height: 200px !important;
}

@media print
{
    #map-canvas
    {
        height: 500px;
        margin: 0;
    }

    #directions-panel
    {
        float: none;
        width: auto;
        height: 610px;
        overflow-y: scroll;
    }
}
.paddingtop2
{
    padding-top: 3%;
}
.Socailpaddingtop2
{
    padding-top: 2%;
}

.margin-bottom-10
{
    margin-bottom: 10px;
}

.sponsors
{
    padding: 20px 0 10px 0;
    background: #f5f5f5;
    color: white;
    font-weight: 300;
    text-align: center;
}
.sponsors img
{
    padding-left: 20px;
}

.sponsorsTitle
{
    font-size: 18px;
    font-weight: 800;
    color: #000000;
}

.stpulldown-gradient
{
    background: #E1E1E1;
    background: -moz-linear-gradient(top, #E1E1E1 0%, #A7A7A7 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1E1E1), color-stop(100%,#A7A7A7)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1E1E1', endColorstr='#A7A7A7',GradientType=0 ); /* ie */
    background: -o-linear-gradient(top, #E1E1E1 0%,#A7A7A7 100%); /* opera */
    color: #636363;
}
#stpulldown .stpulldown-logo
{
    height: 40px;
    width: 300px;
    margin-left: 20px;
    margin-top: 5px;
    background: url("//sd.sharethis.com/disc/images/Logo_Area.png") no-repeat;
}

.paddingleft22
{
    padding-left: 30%;
    margin-bottom: 20PX;
}
.col-r
{
    width: 47.5%;
    float: right;
}


/*.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #2e353d;
  position: fixed;
  top: 0px;
  width: 300px;
  height: 100%;
  color: #e1ffff;
}*/
.nav-side-menu .brand
{
    background-color: #23282e;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 14px;
}
.nav-side-menu .toggle-btn
{
    display: none;
}
.nav-side-menu ul, .nav-side-menu li
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: 35px;
    cursor: pointer;
}
.nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before
{
    font-family: FontAwesome;
    content: "\f078";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
}
.nav-side-menu ul .active, .nav-side-menu li .active
{
    border-left: 3px solid #d19b3d;
    background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active
{
    color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a
{
    color: #d19b3d;
}
.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li
{
    background-color: #181c20;
    border: none;
    line-height: 28px;
    border-bottom: 1px solid #23282e;
    margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover, .nav-side-menu li .sub-menu li:hover
{
    background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before, .nav-side-menu li .sub-menu li:before
{
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}
.nav-side-menu li
{
    padding-left: 0px; /*border-left: 3px solid #2e353d;   border-bottom: 1px solid #23282e;*/
}
.nav-side-menu li a
{
    text-decoration: none;
    color: #428bca;
}
.nav-side-menu li a i
{
    padding-left: 10px;
    width: 20px;
    padding-right: 20px;
}
.nav-side-menu li:hover
{
    border-left: 3px solid #428bca;
    padding-left: 5px;
    background-color: #515151;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
@media (max-width: 767px)
{
    .nav-side-menu
    {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
    .nav-side-menu .toggle-btn
    {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }
    .brand
    {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
    }
}
@media (min-width: 767px)
{
    .nav-side-menu .menu-list .menu-content
    {
        display: block;
    }
}


.template1-lhp
{
    /*float:left;*/
    background-color: #f5f5f5;
}

.template1-lhp ul
{
    list-style: none;
    margin-left: -40px;
    margin-top: 5px;
}

.template1-lhp ul li
{
    margin-bottom: 25px;
    margin-right: 0px;
    padding: 0 10px;
}

.template1-lhp ul li ul
{
    margin-left: 0px;
    margin-top: 10px;
    padding: 0 10px;
}

.template1-lhp ul li ul li
{
    margin-bottom: 15px;
}

.template1-lhp ul li ul a
{
    color: #00AEDB;
    font-size: 14px;
    font-weight: normal;
    margin-left: 0px;
}

.template1-lhp ul a
{
    color: #2e3a83;
    font-size: 16px;
    text-decoration: none; /*padding: 0 10px;//added*/
}

.template1-lhp ul a:hover
{
    color: #00B4FF;
}

.template1-lhp ul li.HighLighted
{
    background: url('/Site_Images/left-arrow.gif') 180px 2px no-repeat;
    color: #2e3a83;
}
.template1-lhp .Highlighted > a
{
    color: #FFF;
    background: #2e3a83;
    padding: 5px 5px;
    display: block;
}
.template1-lhp ul li.HighLighted a
{
    color: #000;
    font-size: 15px;
    text-decoration: none;
    background-color: #00B4FF;
}

.template1-lhp ul li.HighLighted ul a
{
    color: #E74C3C;
    font-size: 13px;
    font-weight: normal;
}

.template1-lhp ul li.HighLighted a:hover
{
    text-decoration: underline;
}

#menuElem li .HighLighted
{
    color: #000;
    font-size: 15px;
    text-decoration: none;
    background-color: #00B4FF;
}

#p_lt_zoneMainContent_pageplaceholder_p_lt_zoneLoginArea_SignIn_rblmemtype label
{
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

#p_lt_zoneMainContent_pageplaceholder_p_lt_zoneLoginArea_SignIn_rblmemtype input[type="radio"], input[type="checkbox"]
{
    margin: 3px 7px 0;
    margin-top: 1px \9;
    line-height: normal;
}

.hidebr br
{
    display: none;
}


@media (max-width: 767px)
{
    img
    {
        max-width: 100%;
    }

    /* For Header ***/

    /* For Content ***/
    .wrapper
    {
        margin-bottom: -400px;
        padding-bottom: 340px;
    }
    .block-header h2
    {
        margin: 10px 0;
    }
    .thumbnail
    {
        margin-bottom: 10px;
    }
    .thumbnail .caption
    {
        min-height: auto;
    }

    /* For Footer ***/
    .scrolltotop
    {
        background: rgba(0,0,0,0.6);
    }
    .scrolltotop i
    {
        color: #fff;
        position: relative;
        top: 10px;
        font-size: 26px;
    }
}

@media (min-width: 768px) and (max-width: 991px)
{
    #wrap
    {
        background: url(../Site_Images/ba-events-sm.jpg) center top no-repeat;
        background-size: 100%;
        height: auto;
    }
    #wrap h1
    {
        margin: 0;
    }
    #wrap .list
    {
        padding: 10% 0;
    }
}
@media (max-width: 767px)
{
    #wrap
    {
        background: url(../Site_Images/ba-events-xs.jpg) center top no-repeat;
        background-size: 100%;
        height: auto;
    }
    #wrap h1
    {
        margin: 0;
    }
    #wrap .list
    {
        padding: 0% 0;
    }
}

.Topbuttoncss
{
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: normal;
    margin-top: -4px;
    padding: 10px;
    text-transform: none;
    cursor: pointer;
    -webkit-appearance: button;
    border: 0;
    cursor: default;
    -webkit-appearance: none;
}



.mb-5
{
    margin-bottom: 5px;
}

.mb-10
{
    margin-bottom: 10px;
}

.mb-15
{
    margin-bottom: 15px;
}

.mb-20
{
    margin-bottom: 20px;
}

.mb-25
{
    margin-bottom: 25px;
}

.mb-30
{
    margin-bottom: 30px;
}

.mb-35
{
    margin-bottom: 35px;
}

.mb-40
{
    margin-bottom: 40px;
}

.mb-45
{
    margin-bottom: 45px;
}

.mb-50
{
    margin-bottom: 50px;
}

.mb-55
{
    margin-bottom: 55px;
}

.mb-60
{
    margin-bottom: 60px;
}

.mb-65
{
    margin-bottom: 65px;
}

.mb-70
{
    margin-bottom: 70px;
}

.mb-75
{
    margin-bottom: 75px;
}

.mb-80
{
    margin-bottom: 80px;
}

.mb-85
{
    margin-bottom: 85px;
}

.mb-90
{
    margin-bottom: 90px;
}

.mb-95
{
    margin-bottom: 95px;
}

.mb-100
{
    margin-bottom: 100px;
}

.pt-5
{
    padding-top: 5px;
}

.pt-10
{
    padding-top: 10px;
}

.pt-15
{
    padding-top: 15px;
}

.pt-20
{
    padding-top: 20px;
}

.pt-25
{
    padding-top: 25px;
}

.pt-30
{
    padding-top: 30px;
}

.pt-35
{
    padding-top: 35px;
}

.pt-40
{
    padding-top: 40px;
}

.pt-45
{
    padding-top: 45px;
}

.pt-50
{
    padding-top: 50px;
}

.pt-55
{
    padding-top: 55px;
}

.pt-60
{
    padding-top: 60px;
}

.pt-65
{
    padding-top: 65px;
}

.pt-70
{
    padding-top: 70px;
}

.pt-75
{
    padding-top: 75px;
}

.pt-80
{
    padding-top: 80px;
}

.pt-85
{
    padding-top: 85px;
}

.pt-90
{
    padding-top: 90px;
}

.pt-95
{
    padding-top: 95px;
}

.pt-100
{
    padding-top: 100px;
}

.pb-5
{
    padding-bottom: 5px;
}

.pb-10
{
    padding-bottom: 10px;
}

.pb-15
{
    padding-bottom: 15px;
}

.pb-20
{
    padding-bottom: 20px;
}

.pb-25
{
    padding-bottom: 25px;
}

.pb-30
{
    padding-bottom: 30px;
}

.pb-35
{
    padding-bottom: 35px;
}

.pb-40
{
    padding-bottom: 40px;
}

.pb-45
{
    padding-bottom: 45px;
}

.pb-50
{
    padding-bottom: 50px;
}

.pb-55
{
    padding-bottom: 55px;
}

.pb-60
{
    padding-bottom: 60px;
}

.pb-65
{
    padding-bottom: 65px;
}

.pb-70
{
    padding-bottom: 70px;
}

.pb-75
{
    padding-bottom: 75px;
}

.pb-80
{
    padding-bottom: 80px;
}

.pb-85
{
    padding-bottom: 85px;
}

.pb-90
{
    padding-bottom: 90px;
}

.pb-95
{
    padding-bottom: 95px;
}

.pb-100
{
    padding-bottom: 100px;
}
.pt5
{
    padding-top: 5px !important;
       padding-right: 25px;

}

.pt8
{
    padding-top: 8px !important;
}

.pt10
{
    padding-top: 10px !important;
}

.pt15
{
    padding-top: 15px !important;
}

.pt20
{
    padding-top: 20px !important;
}

.pt30
{
    padding-top: 30px !important;
}

.pt40
{
    padding-top: 40px !important;
}

.pt50
{
    padding-top: 50px !important;
}

.pt60
{
    padding-top: 60px !important;
}

.pt100
{
    padding-top: 100px !important;
}

.pb10
{
    padding-bottom: 10px !important;
}

.pb15
{
    padding-bottom: 15px !important;
}

.pb20
{
    padding-bottom: 20px !important;
}

.pb30
{
    padding-bottom: 30px !important;
}

.pb40
{
    padding-bottom: 40px !important;
}

.pb50
{
    padding-bottom: 50px !important;
}

.pb60
{
    padding-bottom: 60px !important;
}

.pb100
{
    padding-bottom: 100px !important;
}

.mt0
{
    margin-top: 0;
}

.mt5
{
    margin-top: 5px !important;
}

.mt10
{
    margin-top: 10px !important;
}

.mt15
{
    margin-top: 15px !important;
}

.mt20
{
    margin-top: 20px !important;
}

.mt30
{
    margin-top: 30px !important;
}

.mt40
{
    margin-top: 40px !important;
}

.mt50
{
    margin-top: 50px !important;
}

.mt100
{
    margin-top: 100px !important;
}

.mb0
{
    margin-bottom: 0;
}

.mb5
{
    margin-bottom: 5px !important;
}

.mb10
{
    margin-bottom: 10px !important;
}

.mb15
{
    margin-bottom: 15px !important;
}

.mb20
{
    margin-bottom: 20px !important;
}

.mb30
{
    margin-bottom: 30px !important;
}

.mb36
{
    margin-bottom: 36px !important;
}

.mb40
{
    margin-bottom: 40px !important;
}

.mb50
{
    margin-bottom: 50px !important;
}

.mb100
{
    margin-bottom: 100px !important;
}

.mg5
{
    margin: 5px !important;
}

.p15
{
    padding: 15px !important;
}

.ml5
{
    margin-left: 5px !important;
}

.ml10
{
    margin-left: 10px !important;
}

.ml15
{
    margin-left: 15px !important;
}

.ml20
{
    margin-left: 20px !important;
}
.ml25
{
    margin-left: 25px !important;
}
.ml40
{
    margin-left: 40px !important;
}

.ml50
{
    margin-left: 50px !important;
}

.ml46
{
    margin-left: 46% !important;
}

.mr5
{
    margin-right: 5px !important;
}

.mr10
{
    margin-right: 10px !important;
}

.mr15
{
    margin-right: 15px !important;
}

.mr20
{
    margin-right: 20px !important;
}
.mr30
{
    margin-right: 30px !important;
}
.pl5
{
    padding-left: 5px !important;
}

.right
{
    text-align: right;
}

.left
{
    text-align: left;
}


.AlternatingItemStyle
{
    background-color: #999999;
    padding: 15px 0 15px 15px;
}
.ItemStyle
{
    background-color: #DDD;
    padding: 15px 0 15px 15px;
}

input[type=radio]:not(old):checked + label > span > span
{
    display: block;
    width: 0.5em;
    height: 0.5em;
    margin: 0.125em;
    border: 0.0625em solid rgb(115,153,77);
    border-radius: 0.125em;
    background: rgb(153,204,102);
    background-image: -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image: -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image: -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image: -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image: linear-gradient(rgb(179,217,140),rgb(153,204,102));
}


#p_lt_zoneMainContent_pageplaceholder_p_lt_zonebilldetail_billdetail_ddlst_skill label, #p_lt_zoneMainContent_pageplaceholder_p_lt_zonebilldetail_billdetail_ddlst_Delegate_Skill label
{
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

#p_lt_zoneMainContent_pageplaceholder_p_lt_zonebilldetail_billdetail_ddlst_skill input[type="radio"], #p_lt_zoneMainContent_pageplaceholder_p_lt_zonebilldetail_billdetail_ddlst_Delegate_Skill input[type="radio"]
{
    margin: 5px 7px 0 35px !important;
    line-height: normal;
    outline-offset: -2px;
}

.slick-prev
{
    left: 10px;
    z-index: 1;
}
.slick-next
{
    right: 30px;
    z-index: 1;
}

