/*   



*/

/*Import Google Fonts*/
@import url(https://fonts.googleapis.com/css?family=Monda:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/**
{
    border-radius: 0 !important;
}*/

body
{
    padding: 0;
    color: #333;
    font-size: 13px;
    line-height: 1.6;
    font-family: 'Arial';
    -webkit-font-smoothing: antialiased;
    background: #fff;
}

p, a, li
{
    color: #555;
    line-height: 1.6;
}

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

        a:hover
        {
            color: #8ebc00;
            text-decoration: underline;
        }

h1, h2, h3, h4, h5 {
    color: #555;
    margin-top: 5px;
    text-shadow: none;
    font-weight: 500 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

    h1 i, h2 i, h3 i, h4 i, h5 i
    {
        margin-right: 7px;
    }

/*Block headline*/
.heading
{
    padding: 5px 20px 5px 20px;
    border-left: 4px solid #27c5f2;
}

.headline
{
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}

    .headline h4, .headline h3
    {
        color: #585f69;
        margin: 0 0 -2px 0;
        padding-right: 10px;
        display: inline-block;
        text-shadow: 0 0 1px #f6f6f6;
        border-bottom: 2px solid darkolivegreen;
    }

/*Purchase*/
.purchase
{
    padding: 30px 0 20px;
    box-shadow: inset 0 0 4px #eee;
    background: url(../img/breadcrumbs.png) repeat;
}

    .purchase .container
    {
        padding: 0 20px;
    }

        .purchase .container .span9
        {
            margin-right: 20px;
        }

    .purchase span
    {
        color: #666;
        display: block;
        font-size: 32px;
        line-height: 35px;
        margin-bottom: 12px;
    }

    .purchase a.btn-buy
    {
        color: #fff;
        font-size: 16px;
        cursor: pointer;
        margin-top: 22px;
        font-weight: bold;
        border-radius: 2px;
        background: #8ebc00;
        display: inline-block;
        text-decoration: none;
        padding: 12px 28px 9px;
        text-transform: uppercase;
        text-shadow: 0 1px 0 #51a00b;
    }

        .purchase a.btn-buy:hover
        {
            color: #fff;
            background: #68af28;
            text-decoration: none;
            box-shadow: 0 0 5px #c0c2c1;
        }


/*Service*/
.service
{
    margin-bottom: 10px;
    padding: 15px 15px 10px;
}

    .service:hover
    {
        border-radius: 2px;
        box-shadow: 0 0 8px #ddd;
        background: #fcfcfc;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
    }

        .service:hover i
        {
            color: #656565;
        }

    .service i
    {
        float: left;
        padding: 10px;
        color: #8ebc00;
        font-size: 45px;
        text-align: center;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

        .service i.icon-cogs
        {
            font-size: 37px;
        }

    .service .desc
    {
        width: 85%;
        float: right;
    }

        .service .desc h4
        {
            font-size: 22px;
            line-height: 25px;
        }

.ie7 .service .circle i
{
    padding-bottom: 45px !important; /*ie7*/
}

/*Blockquote*/
blockquote:hover
{
    border-left-color: #8ebc00;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.hero
{
    padding: 18px;
    margin: 20px 0;
    color: #566c8a;
    font-size: 16px;
    background: #fcfcfc;
    border-left: 4px solid #94c564;
    font-family: 'Open Sans', sans-serif;
}

    .hero h1, .hero p
    {
        text-shadow: 1px 1px 0 #fff;
    }

.hero-unify p
{
    font-size: 13px;
    line-height: 20px;
}


/* Recent Work  */
.recent-work a
{
    text-align: center;
    background: #fcfcfc;
    display: inline-block;
}

    .recent-work a:hover
    {
        text-decoration: none;
    }

        .recent-work a:hover strong
        {
            color: #555;
        }

.recent-work em.overflow-hidden
{
    display: block;
}

.recent-work a span
{
    display: block;
    padding: 10px;
    border-bottom: solid 2px #eee;
}

.recent-work a strong
{
    color: #555;
    display: block;
}

.recent-work a i
{
    color: #777;
}

.recent-work a img
{
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.recent-work a:hover img
{
    opacity: 0.8;
    -webkit-transform: scale(1.2) rotate(3deg);
    -moz-transform: scale(1.2) rotate(3deg);
    -o-transform: scale(1.0) rotate(3deg);
    -ms-transform: scale(1.2) rotate(3deg);
    transform: scale(1.2) rotate(3deg);
}

.recent-work a:hover span
{
    border-bottom: solid 2px #8ebc00;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* Work */
.work
{
    margin-top: 6px;
}

    .work .details
    {
        padding: 10px;
    }

    .work .caption
    {
        display: block;
        padding-top: 5px;
        color: #585f69 !important;
        font-size: 18px !important;
    }

        .work .caption:hover
        {
            cursor: pointer;
            color: #444 !important;
            text-decoration: underline;
        }

/* Testimonials */
.testimonial-body
{
    padding: 10px;
    margin-top: 5px;
    background: #fcfcfc;
    border: 1px solid #f5f5f5;
}

.testimonial-author
{
    padding-top: 15px;
    padding-left: 20px;
}

    .testimonial-author .arrow
    {
        width: 0;
        height: 0;
        position: absolute;
        margin-top: -16px;
        margin-left: 20px;
        border-top: 15px solid #fcfcfc;
        border-bottom: 15px solid transparent;
        border-right: 15px solid transparent;
    }

    .testimonial-author .name
    {
        color: #585f69;
        font-weight: bold;
    }

.testimonal-arrow
{
}

    .testimonal-arrow a
    {
        margin: 0;
        top: -22px;
        float: right;
        color: #8ebc00;
        font-size: 25px;
        position: relative;
        display: inline-block;
        padding: 0 9px !important;
    }

        .testimonal-arrow a:hover
        {
            color: #fff;
            text-decoration: none;
            background: #8ebc00 !important;
        }

/*Carousel Arrow */
.carousel-caption
{
    padding: 10px 15px;
}

.carousel-arrow a.carousel-control
{
    font-size: 40px;
    height: inherit;
}

.carousel-arrow a.left
{
    left: 0;
}

.carousel-arrow a.right
{
    right: 0;
}

/*Clients (Flexslider)*/
.clients
{
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

    .clients li
    {
        float: left;
        overflow: hidden;
        margin-left: 1px;
        position: relative;
        background: #fafafa;
    }

        .clients li:hover
        {
            background: #f6f6f6;
        }

        .clients li img.color-img
        {
            top: 0;
            left: 0;
            display: none;
            position: absolute;
        }

        .clients li:hover img.color-img
        {
            display: block;
        }

        .clients li img
        {
            filter: gray; /* IE6-9 */
            float: none !important;
            margin: 0 auto !important;
        }

            .clients li img:hover
            {
                filter: none;
            }

.clients,
.flexslider.home
{
    border: 0px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.flexslider
{
    margin-top: 10px !important;
}

    .flexslider .flex-direction-nav a
    {
        margin-top: -10px !important;
    }

/*Pegination*/
.pagination ul
{
    box-shadow: none;
}

.pagination li a
{
    color: #777;
    padding: 5px 15px;
    border-radius: 0 !important;
}

/*Footer*/
.footer
{
    padding-left: 10px;
    padding-right: 10px;
    background: #585f69;
    color: #dadada;
}

    .footer h1,
    .footer h2,
    .footer h3,
    .footer h4,
    .footer h5
    {
        text-shadow: none;
        font-weight: normal !important;
    }

    .footer p,
    .footer a
    {
        font-size: 14px;
    }

    .footer p
    {
        color: #dadada;
    }

    .footer a
    {
        color: #8ebc00;
    }

        .footer a:hover
        {
            color: #a8f85f;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

    .footer h4,
    .footer h3
    {
        color: #e4e4e4;
        background: none;
        text-shadow: none;
    }

    /*Blog Posts*/
    .footer .posts
    {
        padding: 0 15px;
    }

    .footer .blog-list
    {
        margin: 0;
        padding: 0;
        color: #dadada;
        list-style: none;
    }

        .footer .blog-list li
        {
            padding: 0 0;
            margin-bottom: 7px;
        }

            .footer .blog-list li span
            {
                color: #818488;
            }

    .footer .dl-horizontal,
    .footer .dl-horizontal:hover
    {
        border: none !important;
        background: none !important;
    }

        .footer .dl-horizontal a
        {
            color: #dadada;
        }

            .footer .dl-horizontal a:hover
            {
                color: #a8f85f !important;
            }

        .footer .dl-horizontal img
        {
            border-color: #888 !important;
        }

/*Copyright*/
.copyright
{
    font-size: 12px;
    padding: 5px 10px;
    background: #3e4753;
    border-top: solid 1px #777;
}

    .copyright p
    {
        color: #dadada;
    }

    .copyright a
    {
        margin: 0 5px;
        color: #8ebc00;
    }

        .copyright a:hover
        {
            color: #a8f85f;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

    .copyright .span8
    {
        padding-top: 15px;
    }

    .copyright .span4
    {
        padding-top: 10px;
    }

/*Home Page "Main page" (Default)
------------------------------------*/
/*Thumbnail*/
.thumbnail-style
{
    padding: 5px;
    border-radius: 2px;
}

    .thumbnail-style:hover
    {
        box-shadow: 0 0 8px #ddd;
        -webkit-transition: box-shadow 0.2s ease-in-out;
        -moz-transition: box-shadow 0.2s ease-in-out;
        -o-transition: box-shadow 0.2s ease-in-out;
        transition: box-shadow 0.2s ease-in-out;
    }

    .thumbnail-style h3
    {
        margin: 5px 0 0 0;
    }

        .thumbnail-style h3 a
        {
            font-size: 20px;
        }

            .thumbnail-style h3 a:hover
            {
                color: #8ebc00;
                text-decoration: none;
            }

    .thumbnail-style .thumbnail-img
    {
        position: relative;
    }

    .thumbnail-style a.btn-more
    {
        right: -10px;
        bottom: 10px;
        color: #fff;
        padding: 1px 6px;
        position: absolute;
        background: #8ebc00;
        display: inline-block;
    }

        .thumbnail-style a.btn-more:hover
        {
            text-decoration: none;
            box-shadow: 0 0 0 2px #377500;
        }

    .thumbnail-style:hover a.btn-more
    {
        right: 10px;
    }

.thumbnail-kenburn img
{
    left: 10px;
    margin-left: -10px;
    position: relative;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.thumbnail-kenburn:hover img
{
    -webkit-transform: scale(1.2) rotate(2deg);
    -moz-transform: scale(1.2) rotate(2deg);
    -o-transform: scale(1.2) rotate(2deg);
    -ms-transform: scale(1.2) rotate(2deg);
    transform: scale(1.2) rotate(2deg);
}

/*Welcome Block*/
.servive-block .span4
{
    padding: 20px 30px;
    text-align: center;
    margin-bottom: 20px;
    background: #fafafa;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .servive-block .span4:hover
    {
        border-radius: 2px;
        box-shadow: 0 0 8px #ddd;
    }

    .servive-block .span4 h4 a:hover
    {
        color: #8ebc00;
        text-decoration: none;
    }

    .servive-block .span4:hover h4,
    .servive-block .span4:hover i
    {
        color: #8ebc00;
    }

    .servive-block .span4 i
    {
        color: #565656;
        font-size: 40px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

.servive-block-in .span4 i
{
    color: #8ebc00;
}

.servive-block-in .span4:hover i
{
    color: #565656;
}

/*Breadcrumbs*/
.breadcrumbs
{
    padding: 10px 0 6px;
    box-shadow: inset 0 0 4px #eee;
    background: url(../img/breadcrumbs.png) repeat;
}

    .breadcrumbs h1
    {
        color: #686868;
        font-size: 30px;
        text-shadow: 0 1px 0 #f1efef;
    }

    .breadcrumbs .container
    {
        padding: 0 15px;
    }

.breadcrumb
{
    top: 9px;
    padding-right: 30px;
    background: none;
    position: relative;
}

    .breadcrumb a
    {
        color: #777;
    }

    .breadcrumb li.active,
    .breadcrumb li a:hover
    {
        color: #8ebc00;
        text-decoration: none;
    }

/*Home Page "Alternative 1"
------------------------------------*/
/*Accardion*/
.acc-home a.accordion-toggle
{
    color: #686868;
    font-size: 18px;
    background: none;
    padding: 5px 15px;
    background: #fafafa;
    border-bottom: solid 1px #eee;
}

    .acc-home a.active,
    .acc-home a.accordion-toggle:hover
    {
        color: #92d556;
        text-decoration: none;
    }

.acc-home .accordion-group
{
    border: none;
    margin: 0 !important;
}

.acc-home .accordion-heading,
.acc-home .accordion-inner
{
    border: none;
}

.acc-home .accordion-inner
{
    border: none;
    padding-top: 3px;
}

.acc-home .collapse.in
{
    margin-top: -1px;
    margin-bottom: 20px;
    background: #fdfdfd;
    border-bottom: solid 1px #8ebc00;
}

/*Posts*/
.posts .dl-horizontal
{
    margin-bottom: 0;
    padding: 3px;
    background: #fdfdfd;
    border-right: solid 2px #eee;
}

    .posts .dl-horizontal:hover
    {
        border-right: solid 2px #8ebc00;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .posts .dl-horizontal dt
    {
        width: 56px;
        float: left;
    }

        .posts .dl-horizontal dt img
        {
            width: 50px;
            height: 50px;
            border: solid 3px #eee;
        }

    .posts .dl-horizontal dd
    {
        margin-left: 66px;
    }

        .posts .dl-horizontal dd p
        {
            margin: 0;
        }

    .posts .dl-horizontal a
    {
        font-size: 15px;
        line-height: 14px !important;
    }

        .posts .dl-horizontal a:hover
        {
            color: #8ebc00;
            text-decoration: none;
        }

    .posts .dl-horizontal:hover dt img,
    .posts .dl-horizontal:hover dd a
    {
        color: #8ebc00;
        border-color: #8ebc00 !important;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

/*Home Page "Alternative 2"
------------------------------------*/
/*Slider*/
.slider-inner .da-slider
{
    box-shadow: none;
    border-bottom: 2px solid #ddd;
}

/*Carousel*/
.carousel-control
{
    color: #fff;
    border: none;
    margin-top: 0;
    border-radius: 2px;
}

    .carousel-control:hover
    {
        opacity: 1;
        color: #8ebc00;
    }

/*Tabs*/
.nav-tabs
{
    background: none !important;
}

    .nav-tabs a
    {
        font-size: 14px;
        padding: 5px 15px !important;
    }

    .nav-tabs li.active a,
    .nav-tabs li.active a:hover
    {
        color: #fff;
        border: none;
        background: #8ebc00;
    }

    .nav-tabs > li > a
    {
        border: none;
        border-radius: 0;
    }

        .nav-tabs > li > a:hover
        {
            color: #fff;
            background: #8ebc00;
        }

.tab-content
{
    padding: 7px 10px;
    border-top: solid 2px #8ebc00;
}

/*Home Page "Alternative 3"
------------------------------------*/
/*Right Sidebar*/
.who li
{
    margin-bottom: 6px;
}

    .who li i
    {
        color: #8ebc00;
        position: relative;
        top: 2px;
        margin-right: 7px;
        font-size: 18px;
    }

    .who li:hover i,
    .who li:hover a
    {
        color: #777;
    }

        .who li:hover a:hover
        {
            text-decoration: none;
        }

/*Home Page "Alternative 4"
------------------------------------*/
/*Service Blocks*/
.service-alternative .service:hover
{
    background: #76ca2c;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

    .service-alternative .service:hover i,
    .service-alternative .service:hover p,
    .service-alternative .service:hover h4
    {
        color: #fff;
    }

/*About Page
------------------------------------*/
.team ul
{
    text-align: right;
}

    .team ul li
    {
        padding: 0 !important;
        margin: 0 !important;
    }

        .team ul li a,
        .team ul li a:hover
        {
            text-decoration: none;
        }

        .team ul li i
        {
            color: #aaa;
            font-size: 20px;
            padding: 3px;
            background: #f7f7f7;
        }

            .team ul li i:hover
            {
                color: #fff;
                background: #8ebc00;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }

.team .thumbnail-style
{
    padding: 12px;
}

    .team .thumbnail-style small
    {
        display: block;
        font-size: 12px;
    }

    .team .thumbnail-style h3
    {
        margin-bottom: 10px;
    }

    .team .thumbnail-style:hover h3 a
    {
        color: #8ebc00 !important;
    }

/*Icons Page
------------------------------------*/
.icon-page li
{
    color: #555;
    margin: 5px 0;
    font-size: 14px;
    font-family: Arial;
}

    .icon-page li i
    {
        font-size: 14px;
        margin-right: 5px;
    }

    .icon-page li:hover
    {
        color: #8ebc00;
    }

/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.pricing
{
    position: relative;
    border-radius: 3px;
    margin-bottom: 15px;
    box-shadow: 0 0 5px #eee;
}

    .pricing:hover
    {
        box-shadow: 0 0 15px #b5b5b5;
    }

        .pricing:hover h4
        {
            color: #55c931;
        }

.pricing-head
{
    text-align: center;
}

    .pricing-head h3,
    .pricing-head h4
    {
        margin: 0;
        line-height: normal;
        font-weight: bold !important;
    }

        .pricing-head h3 span,
        .pricing-head h4 span
        {
            display: block;
            margin-top: 5px;
            font-size: 12px;
            font-style: italic;
        }

    .pricing-head h3
    {
        color: #fafafa;
        padding: 12px 0;
        font-size: 35px;
        font-family: Arial;
        background: #55c931;
        border-radius: 3px 3px 0 0;
        text-shadow: 0 1px 0 #32a20f;
        border-bottom: solid 1px #41b91c;
    }

    .pricing-head h4
    {
        color: #bac39f;
        padding: 5px 0;
        font-size: 70px;
        font-family: Arial;
        background: #fbfef2;
        text-shadow: 0 1px 0 #fff;
        border-bottom: solid 1px #f5f9e7;
    }

        .pricing-head h4 i
        {
            top: -8px;
            font-size: 28px;
            font-style: normal;
            position: relative;
        }

        .pricing-head h4 span
        {
            top: -10px;
            font-size: 14px;
            font-style: normal;
            position: relative;
        }

/*Pricing Content*/
.pricing-content li
{
    color: #888;
    font-size: 12px;
    padding: 7px 15px;
    border-bottom: solid 1px #f5f9e7;
}

    .pricing-content li i
    {
        top: 2px;
        color: #8ebc00;
        font-size: 16px;
        margin-right: 5px;
        position: relative;
    }

/*Pricing Footer*/
.pricing-footer
{
    color: #777;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 0 20px 19px;
    border-radius: 0 0 3px 3px;
}

    .pricing-footer a,
    .pricing-footer button
    {
        color: #fff;
        border: none;
        margin-top: 5px;
        font-size: 16px;
        padding: 6px 15px;
        text-align: center;
        border-radius: 2px;
        background: #55c931;
        display: inline-block;
        text-transform: uppercase;
        text-shadow: 0 1px 0 #38b312;
        border-bottom: solid 2px #41b91c;
    }

        .pricing-footer a:hover,
        .pricing-footer button:hover
        {
            cursor: pointer;
            background: #40ba1a;
            text-decoration: none;
            box-shadow: 0 0 3px #999;
        }

/*Priceing Active*/
.price-active,
.pricing:hover
{
    z-index: 9;
    margin-top: -15px;
    box-shadow: 0 0 15px #b5b5b5;
}

    .price-active h4
    {
        color: #55c931;
    }

.no-space-pricing .pricing:hover
{
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}

    .no-space-pricing .price-active .pricing-head h4,
    .no-space-pricing .pricing:hover .pricing-head h4
    {
        color: #55c931;
        padding: 15px 0;
        font-size: 80px;
        -webkit-transition: color 0.5s ease-in-out;
        -moz-transition: color 0.5s ease-in-out;
        -o-transition: color 0.5s ease-in-out;
        transition: color 0.5s ease-in-out;
    }

/*Gallery Page
------------------------------------*/
.gallery .thumbnail,
.gallery .thumbnail:hover
{
    padding: 0;
    border: none;
    box-shadow: none;
}

.gallery .thumbnails
{
    margin-bottom: 6px;
}

/*Registration and Login Page
------------------------------------*/
.reg-page,
.login-page
{
    overflow: hidden;
    margin: 0 auto;
    background: #fcfcfc;
    border: solid 1px #eee;
    box-shadow: 0 0 7px #eee;
}

/*Registration*/
.reg-page
{
    min-width: 30%;
    max-width: 30%;
    padding: 30px 50px 30px;
}

    .reg-page h3
    {
        margin-bottom: 25px;
    }

/*Login*/
.login-page
{
    min-width: 25%;
    max-width: 25%;
    padding: 35px 30px 30px;
}

    .login-page h3
    {
        margin: 0 0 25px 0;
    }

    .login-page input.login-inputs
    {
        width: 86%;
    }

    .login-page .checkbox
    {
        margin-top: 7px;
    }

        .login-page .checkbox input
        {
            margin-right: 6px !important;
        }

    .login-page button
    {
        margin: 0 0 5px 0;
    }

/*Login Page v1.1*/
.log-page
{
    width: 325px;
    min-height: 225px;
    padding: 20px;
    margin: 0 auto;
    background: #fcfcfc;
    border: solid 1px #eee;
    box-shadow: 0 0 7px #eee;
}

.change-password
{
    width: 400px;
    padding: 20px;
    margin: 0 auto;
    background: #fcfcfc;
    border: solid 1px #eee;
    box-shadow: 0 0 7px #eee;
}

/*404 Page
------------------------------------*/
.page-404 p
{
    top: 70px;
    color: #777;
    font-size: 300px;
    line-height: 180px;
    text-align: center;
    position: relative;
}

    .page-404 p i
    {
        font-style: normal;
        text-shadow: 0 0 3px;
    }

    .page-404 p span
    {
        display: block;
        font-size: 32px;
        position: relative;
    }

/*Clients Page
------------------------------------*/
.clients-page
{
    overflow: hidden;
}

    .clients-page p
    {
        overflow: auto;
    }

        .clients-page p a
        {
            overflow: auto;
            text-decoration: underline;
        }

    .clients-page a.img-hover
    {
        display: block;
        position: relative;
    }

    .clients-page img
    {
        float: left;
        margin-right: 20px;
        background: #fafafa;
        border: solid 1px #eee;
        width: 120px;
        height: 120px;
    }

        .clients-page img.img-colorful
        {
            display: none;
        }

    .clients-page a:hover img.img-colorful,
    .clients-page:hover img.img-colorful
    {
        top: 0;
        left: 0;
        display: block;
        position: absolute;
    }

/*Privacy Page
------------------------------------*/
.privacy
{
}

    .privacy a
    {
        text-decoration: underline;
    }

        .privacy a:hover
        {
            color: #8ebc00;
            text-decoration: none;
        }

/*Portfolio Page
------------------------------------*/
.portfolio-columns .span3
{
    margin-bottom: 1.8%;
}

.portfolio-columns .span4
{
    margin-bottom: 2.3%;
}

.portfolio-columns .span6
{
    margin-bottom: 2.2%;
}

/*Portfolio Item Page
------------------------------------*/
.portfolio-item h3
{
    margin-top: 0;
}

.portfolio-item li
{
    padding: 3px 0;
}

.portfolio-item p a
{
    text-decoration: underline;
}

    .portfolio-item p a:hover
    {
        text-decoration: none;
    }

/*Blog Page
------------------------------------*/
.blog-page ul,
.blog-page li
{
    margin: 0 !important;
    padding: 0 !important;
}

.blog h3
{
    color: #8ebc00;
}

.blog ul
{
    color: #555;
    font-size: 12px;
}

.blog li
{
    margin-right: 7px !important;
}

    .blog li i
    {
        color: #666;
    }

    .blog li a:hover
    {
        color: #8ebc00;
        text-decoration: none;
    }

.blog ul.blog-info
{
    border-top: solid 1px #eee;
}

.blog .blog-img
{
    margin: 10px 0;
}

/*Blog Tags*/
ul.blog-tags a
{
    font-size: 13px;
    padding: 2px 5px;
    background: #f7f7f7;
    margin: 0 2px 5px 0;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
}

    ul.blog-tags a:hover,
    ul.blog-tags a:hover i
    {
        color: #8ebc00;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    ul.blog-tags a i
    {
        color: #777;
    }

.blog ul.blog-tags
{
    border-bottom: solid 1px #eee;
    padding-bottom: 4px !important;
}

    .blog ul.blog-tags a
    {
        font-size: 10px;
        display: inline;
        padding: 2px 3px;
        margin-right: 2px;
        background: #f4f4f4;
    }

/*Blog Ads*/
.blog-ads li
{
    display: inline;
}

    .blog-ads li img
    {
        opacity: 0.6;
        width: 60px;
        height: 60px;
        margin: 0 2px 8px;
    }

        .blog-ads li img:hover
        {
            opacity: 1;
            box-shadow: 0 0 0 4px #8ebc00;
        }

/*Blog Latest Tweets*/
.blog-twitter p
{
}

    .blog-twitter p span
    {
        color: #777;
        display: block;
        font-size: 11px;
    }

    .blog-twitter p a
    {
        color: #8ebc00;
        text-decoration: none;
    }

        .blog-twitter p a:hover
        {
            text-decoration: underline;
        }

/*Blog Item Page
------------------------------------*/
.blog-item .media img
{
    top: 3px;
    width: 54px;
    height: 54px;
    position: relative;
}

.blog-item h4.media-heading
{
    position: relative;
}

    .blog-item h4.media-heading span
    {
        top: 3px;
        right: 0;
        color: #777;
        font-size: 12px;
        position: absolute;
    }

        .blog-item h4.media-heading span a
        {
            color: #8ebc00;
        }

/*Contact Page
------------------------------------*/
.map
{
    width: 100%;
    height: 400px;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

/*Others (Global classes)
------------------------------------*/
.color-red
{
    color: #c00;
}

.color-green
{
    color: #8ebc00;
}

.pull-lft
{
    text-align: left;
}

.pull-rgt
{
    text-align: right;
}

.rgt-img-margin
{
    margin: 4px 0 5px 8px;
}

.lft-img-margin
{
    margin: 5px 20px 5px 0;
}

.overflow-hidden
{
    overflow: hidden;
}

.padding-left-5
{
    padding-left: 5px;
}

.padding-left-10
{
    padding-left: 10px;
}

.padding-left-15
{
    padding-left: 15px;
}

.padding-left-20
{
    padding-left: 20px;
}

.padding-left-25
{
    padding-left: 25px;
}

.padding-left-30
{
    padding-left: 30px;
}

.padding-left-35
{
    padding-left: 35px;
}

.padding-left-40
{
    padding-left: 40px;
}

.padding-left-5
{
    padding-left: 5px;
}

.padding-left-45
{
    padding-left: 45px;
}

.padding-left-50
{
    padding-left: 50px;
}

.padding-left-55
{
    padding-left: 55px;
}

.padding-left-60
{
    padding-left: 60px;
}

.padding-right-5
{
    padding-right: 5px;
}

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

.padding-right-15
{
    padding-right: 15px;
}

.padding-right-20
{
    padding-right: 20px;
}

.padding-right-25
{
    padding-right: 25px;
}

.padding-right-30
{
    padding-right: 30px;
}

.padding-right-35
{
    padding-right: 35px;
}

.padding-right-40
{
    padding-right: 40px;
}

.padding-right-5
{
    padding-right: 5px;
}

.padding-right-45
{
    padding-right: 45px;
}

.padding-right-50
{
    padding-right: 50px;
}

.padding-right-55
{
    padding-right: 55px;
}

.padding-right-60
{
    padding-right: 60px;
}


.img-width-200
{
    width: 200px;
}

.border-radius-none
{
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

/*Background light-style*/
.bg-light
{
    padding: 10px 15px;
    border-radius: 3px;
    margin-bottom: 10px;
    background: #fcfcfc;
}

    .bg-light:hover
    {
        padding: 9px 14px;
        border: solid 1px #e5e5e5;
    }

/*Link read-more*/
a.read-more
{
    font-weight: bold;
    text-decoration: none;
}

    a.read-more:hover
    {
        color: #8ebc00;
        text-decoration: none;
    }

/*Link color-green-style*/
.linked:hover
{
    color: #8ebc00;
    text-decoration: none;
}

/*CSS3 Hover Effects*/
.hover-effect
{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.hover-effect-kenburn
{
    left: 10px;
    margin-left: -10px;
    position: relative;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

    .hover-effect-kenburn:hover
    {
        -webkit-transform: scale(2) rotate(5deg);
        -moz-transform: scale(2) rotate(5deg);
        -o-transform: scale(2) rotate(5deg);
        -ms-transform: scale(2) rotate(5deg);
        transform: scale(2) rotate(5deg);
    }

/*Spaces*/
.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-20,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-40,
.margin-bottom-50,
.margin-bottom-60
{
    clear: both;
}

.margin-bottom-0
{
    margin-bottom: 0px;
}

.margin-bottom-5
{
    margin-bottom: 5px;
}

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

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

.margin-bottom-25
{
    margin-bottom: 25px;
}

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

.margin-bottom-40
{
    margin-bottom: 40px;
}

.margin-bottom-50
{
    margin-bottom: 50px;
}

.margin-bottom-60
{
    margin-bottom: 60px;
}

.margin-top-5
{
    margin-top: 5px;
}

.margin-top-10
{
    margin-top: 10px;
}

.margin-top-15
{
    margin-top: 15px;
}

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

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

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

.margin-top-40
{
    margin-top: 40px;
}

.margin-top-50
{
    margin-top: 50px;
}

.margin-top-60
{
    margin-top: 60px;
}

.margin-right-0
{
    margin-right: 0px;
}

.margin-right-5
{
    margin-right: 5px;
}

.margin-right-10
{
    margin-right: 10px;
}

.margin-right-20
{
    margin-right: 20px;
}

.margin-right-25
{
    margin-right: 25px;
}

.margin-right-30
{
    margin-right: 30px;
}

.margin-right-40
{
    margin-right: 40px;
}

.margin-right-50
{
    margin-right: 50px;
}

.margin-right-60
{
    margin-right: 60px;
}

.margin-left-0
{
    margin-left: 0px;
}

.margin-left-5
{
    margin-left: 5px;
}

.margin-left-10
{
    margin-left: 10px;
}

.margin-left-20
{
    margin-left: 20px;
}

.margin-left-25
{
    margin-left: 25px;
}

.margin-left-30
{
    margin-left: 30px;
}

.margin-left-40
{
    margin-left: 40px;
}

.margin-left-50
{
    margin-left: 50px;
}

.margin-left-60
{
    margin-left: 60px;
}

.top-2
{
    top: 2px;
}

/*Button Style*/
.btn-u
{
    border: 0;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 13px;
    position: relative;
    background: #8ebc00 !important;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
}

    .btn-u:hover
    {
        color: #fff;
        background: #5fb611;
        text-decoration: none;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

.btn-u-small
{
    padding: 3px 12px;
}

.btn-u-large
{
    font-size: 18px;
    padding: 10px 25px;
}

a.btn-u
{
    padding: 4px 13px;
    vertical-align: middle;
}

a.btn-u-small
{
    padding: 2px 12px;
}

a.btn-u-large
{
    font-size: 18px;
    padding: 6px 25px;
}

.btn-u-disabled
{
    border: 0;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 13px;
    position: relative;
    background: #ACB1A8 !important;
    display: inline-block;
    color: #DDD1D1 !important;
    text-decoration: none !important;
}

input[type="button"]:disabled
{
    background: #ACB1A8 !important;
    /*color: #DDD1D1 !important;*/
}
input[type="submit"]:disabled
{
    background: #ACB1A8 !important;
    /*color: #DDD1D1 !important;*/
}



/*Social Icons*/
.social-icons
{
    margin: 0;
}

    .social-icons li
    {
        float: left;
        display: inline;
        list-style: none;
        margin-right: 5px;
        margin-bottom: 5px;
        text-indent: -9999px;
    }

        .social-icons li a, a.social-icon
        {
            width: 28px;
            height: 28px;
            display: block;
            background-position: 0 0;
            background-repeat: no-repeat;
            transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
        }

        .social-icons li:hover a
        {
            background-position: 0 -38px;
        }

.amazon
{
    background: url(../img/icons/social/amazon.png) no-repeat;
}

.behance
{
    background: url(../img/icons/social/behance.png) no-repeat;
}

.blogger
{
    background: url(../img/icons/social/blogger.png) no-repeat;
}

.deviantart
{
    background: url(../img/icons/social/deviantart.png) no-repeat;
}

.dribbble
{
    background: url(../img/icons/social/dribbble.png) no-repeat;
}

.dropbox
{
    background: url(../img/icons/social/dropbox.png) no-repeat;
}

.evernote
{
    background: url(../img/icons/social/evernote.png) no-repeat;
}

.facebook
{
    background: url(../img/icons/social/facebook.png) no-repeat;
}

.forrst
{
    background: url(../img/icons/social/forrst.png) no-repeat;
}

.github
{
    background: url(../img/icons/social/github.png) no-repeat;
}

.googleplus
{
    background: url(../img/icons/social/googleplus.png) no-repeat;
}

.jolicloud
{
    background: url(../img/icons/social/jolicloud.png) no-repeat;
}

.last-fm
{
    background: url(../img/icons/social/last-fm.png) no-repeat;
}

.linkedin
{
    background: url(../img/icons/social/linkedin.png) no-repeat;
}

.picasa
{
    background: url(../img/icons/social/picasa.png) no-repeat;
}

.pintrest
{
    background: url(../img/icons/social/pintrest.png) no-repeat;
}

.rss
{
    background: url(../img/icons/social/rss.png) no-repeat;
}

.skype
{
    background: url(../img/icons/social/skype.png) no-repeat;
}

.spotify
{
    background: url(../img/icons/social/spotify.png) no-repeat;
}

.stumbleupon
{
    background: url(../img/icons/social/stumbleupon.png) no-repeat;
}

.tumblr
{
    background: url(../img/icons/social/tumblr.png) no-repeat;
}

.twitter
{
    background: url(../img/icons/social/twitter.png) no-repeat;
}

.vimeo
{
    background: url(../img/icons/social/vimeo.png) no-repeat;
}

.wordpress
{
    background: url(../img/icons/social/wordpress.png) no-repeat;
}

.xing
{
    background: url(../img/icons/social/xing.png) no-repeat;
}

.yahoo
{
    background: url(../img/icons/social/yahoo.png) no-repeat;
}

.youtube
{
    background: url(../img/icons/social/youtube.png) no-repeat;
}

/* Custom CSS */
#logoheader
{
    float: left;
    margin-left: 5px;
}

.menulogo
{
    z-index: 999;
}

    .menulogo:hover
    {
        border: 0px !important;
        background-color: #585f69 !important;
    }

.login
{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
}

.logincontrol label
{
    padding-left: 6px;
    font: normal 12px/18px "Helvetica Neue";
    position: relative;
    margin-top: -22px;
    background-color: transparent;
    position: relative;
    z-index: 2;
    opacity: 0.75;
    -webkit-transition: opacity 0.15s linear;
}

.logincontrol input[type="text"]
{
    display: inline-block;
    margin-bottom: 10px;
    white-space: nowrap;
    vertical-align: middle;
    visibility: visible !important;
    top: 0px;
    left: 0px;
}
/*username*/
.logincontrol input[type="password"]
{
    display: inline-block;
    margin-bottom: 10px;
    white-space: nowrap;
    vertical-align: middle;
    visibility: visible !important;
    top: 0px;
    left: 0px;
}
/*password*/
.logincontrol input[type="submit"]
{
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    visibility: visible !important;
    top: 0px;
    left: 0px;
}
/*submit button*/
.ButtonAsLink
{
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    padding: 0px;
    visibility: visible !important;
}

/*Notification by Name on Header*/
.notification-counter {       
    background-color: rgba(212, 19, 13, 1);
    color: white !important;
    border-radius: 3px;
    padding: 1px 3px;
    position:absolute;
    margin-left:0px;
    height:18px;
    margin-top: -8px;
}
.notification-counter {margin-left:-3px\0/;}

.notification-counter:hover{
    cursor:pointer;
}

/*Button that looks like text or a hyperlink*/

.Border-None
{
    border: none !important;
}
/*Overrides default border settings with not border*/

.Hide
{
    display: none;
}
/*********************************************
    PriceFlex Prime Panels*
**********************************************
**********************************************/

/*rotate text 90 counter clockwise*/
.rotateccw
{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.panel
{
    position: fixed;
    top: 50px;
    right: 0;
    display: none;
    background: #000000;
    border: 1px solid #111111;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    width: 330px;
    height: auto;
    padding: 30px 30px 30px 130px;
    filter: alpha(opacity=85);
    opacity: .85;
}

a.trigger
{
    position: fixed;
    text-decoration: none;
    top: 150px;
    right: 0;
    font-size: 16px;
    letter-spacing: -1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color: #fff;
    padding: 20px 40px 20px 15px;
    font-weight: 700;
    background: #333333 url(images/plus.png) 85% 55% no-repeat;
    border: 1px solid #444444;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    display: block;
}

    a.trigger:hover
    {
        position: fixed;
        text-decoration: none;
        top: 150px;
        right: 0;
        font-size: 16px;
        letter-spacing: -1px;
        font-family: verdana, helvetica, arial, sans-serif;
        color: #fff;
        padding: 20px 40px 20px 20px;
        font-weight: 700;
        background: #222222 url(images/plus.png) 85% 55% no-repeat;
        border: 1px solid #444444;
        -moz-border-radius-topright: 20px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-bottomright: 20px;
        -webkit-border-bottom-right-radius: 20px;
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-bottom-left-radius: 0px;
        display: block;
    }

a.active.trigger
{
    background: #222222 url(images/plus.png) 85% 55% no-repeat;
}




.center
{
    display: block;
    margin: auto;
    text-align: center;
}

img
{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.fit
{
    max-width: 100%;
    max-height: 100%;
}

.label-greentheme
{
    background-color: #8ebc00;
    padding: 0.3em;
    margin-top: 0.5em;
    font-size: 14px;
    color: #ffffff;
}

.control-group-bordered
{
    border: 1px solid #ddd
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: -5px;
    padding-top: -5px;
}

.control-group-header
{
    border-bottom: 2px solid #8ebc00;
    margin-top: 1em;
}

.radio-group
{
    /* border: 0;
    font-size: 12px !important;
    cursor: pointer;
    padding: 5px 13px;
    position: relative;
    display: inline-block;
    background: rgb(255, 255, 255);  /* Fall-back for browsers that don't support rgba */
    /*background: rgba(114, 192, 44, .1);*/
}

.radio-group-label
{
    font-size: 12px !important;
    font-weight: 700;
}

.btn-n
{
    border: 0;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 5px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
    background: #8ebc00;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    min-width: 170px !important;
    max-width: 220px !important;
}

.btn-pf
{
    border: 0;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 5px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
    background: #8ebc00;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    min-width: 170px !important;
    max-width: 220px !important;
}

.btn-trc
{
    border: 0;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 5px;
    margin-right: 5px;
    margin-top: 5px;
    position: relative;
    background: #8ebc00;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    min-width: 250px !important;
    max-width: 350px !important;
}

.btn-green
{
    border: 0;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 5px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
    background: #8ebc00;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    min-width: 125px !important;
    max-width: 200px !important;
}

.btn-cancel
{
    border: 0;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 5px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
    background: #CC0000;
    display: inline-block;
    color: #fff !important;
    text-decoration: none;
    min-width: 170px !important;
    max-width: 220px !important;
}

.btn-red
{
    border: 0;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 5px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
    background: #CC0000;
    display: inline-block;
    color: #fff !important;
    text-decoration: none;
    min-width: 125px !important;
    max-width: 200px !important;
}

.btn-prime
{
    background-position: left center;
    border: 0;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 5px 5px 40px;
    margin-top: 10px;
    position: relative;
    background: #8ebc00;
    display: inline-block;
    color: #fff !important;
    text-decoration: none;
    min-height: 80px !important;
    max-width: 220px !important;
    background-image: url('../img/Silveuslogo.png');
    background-repeat: no-repeat;
}

.btn-price
{
    background-position: left center;
    border: 0;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 5px 5px 40px;
    margin-top: 10px;
    position: relative;
    background: #CBED0A;
    display: inline-block;
    color: #fff !important;
    text-decoration: none;
    min-height: 80px !important;
    max-width: 220px !important;
    background-image: url('../img/Silveuslogo.png');
    background-repeat: no-repeat;
}

.btn-print
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 5px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
    background: #067FB7;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    min-width: 170px !important;
    max-width: 220px !important;
    top: 15px;
    left: -77px;
}

    .btn-print:hover
    {
        color: #fff;
        background: #067FB7;
        text-decoration: none;
        box-shadow: 0 0 5px #c0c2c1;
    }

.tile.double
{
    width: 310px;
}

.tile
{
    display: block;
    float: left;
    background-color: #8ebc00;
    width: 150px;
    height: 150px;
    cursor: pointer;
    box-shadow: inset 0px 0px 1px #FFFFCC;
    text-decoration: none;
    color: #ffffff;
    position: relative;
    font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 11pt;
    letter-spacing: 0.02em;
    line-height: 14pt;
    font-smooth: always;
    margin: 0 10px 10px 0;
    overflow: hidden;
}

.tile-content
{
    width: 100%;
    height: 100%;
    padding: 0;
    padding-bottom: 30px;
    background-position: left center;
    vertical-align: top;
    padding: 10px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14pt;
    font-smooth: always;
    line-height: 17pt;
    color: #000000;
    color: #ffffff;
    line-height: 16px;
    display: inline-block;
    font-weight: bold;
    width: 220px;
    height: 180px;
    text-align: center;
    padding: 23px 40px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #15CD2F;
    padding-bottom: 30px;
    background-image: url('../img/Silveuslogo.png');
    background-repeat: no-repeat;
}


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

html, body
{
    height: 99.8%;
}

#splash_img img
{
    min-width: 90%;
}

@media (max-width: 767px)
{
    #splash_img img
    {
        display: none;
    }
}

.asppanel
{
    margin-left: -30px !important;
}

.control-label-intervals
{
    float: left;
    width: 115px;
    padding-top: 5px;
    text-align: left;
}

.tbpercent
{
    display: inline-block;
    /*text-align: right;*/
}




html, body
{
    border: 0;
    margin: 0;
    padding: 0;
}



html, body
{
    border: 0;
    margin: 0;
    padding: 0;
}



html, body
{
    border: 0;
    margin: 0;
    padding: 0;
}



#Prime
{
    display: none;
}

#RG_AgentQuotes2
{
    margin-left: auto !important;
    margin-right: auto !important;
}




.slideOutTip
{
    /* The main wrapping div of the slideout pdivs */
    position: absolute;
    padding: 3px;
    top: 0;
    left: 0;
    background-color: #111;
    font-size: 13px;
    color: white;
    overflow: hidden;
    height: 22px;
}

    .slideOutTip:hover
    {
        /* Applying a CSS3 outer glow on hover */
        -moz-box-shadow: 0 0 1px #999;
        -webkit-box-shadow: 0 0 1px #999;
        box-shadow: 0 0 1px #999;
    }

/* The holder for the title and the icon: */
.pdivVisible
{
    cursor: pointer;
    height: 22px;
}

.pdivTitle
{
    float: left;
    font-family: 'Myriad Pro',Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 22px;
    padding-right: 5px;
}

.pdivIcon
{
    width: 20px;
    height: 20px;
    float: left;
    background-color: #61b035;
    border: 1px solid #70c244;
    margin-right: 8px;
    /* CSS3 Rounded corners */
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}
/* Three color themes */
.green .pdivIcon
{
    background-color: #61b035;
    border: 1px solid #70c244;
}

.blue .pdivIcon
{
    background-color: #1078C7;
    border: 1px solid #1e82cd;
}

.red .pdivIcon
{
    background-color: #CD3A12;
    border: 1px solid #da421a;
}

.plusIcon
{
    /* The plus icon */
    width: 13px;
    height: 13px;
    background: url('img/plus.gif') no-repeat center center;
    margin: 4px;
    /* Defining a CSS3 animation. Currently only works in Chrome and Safari */
    -webkit-transition: -webkit-transform 0.2s linear;
    -moz-transition: -moz-transform 0.2s linear;
    transition: transform 0.2s linear;
}

.slideOutPDiv.isOpened
{
    z-index: 10000;
}

    .slideOutPDiv.isOpened .plusIcon
    {
        /* Applying a CSS3 rotation  to the opened slideouts*/
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/* Special rules for the left and top - opening versions */

.openLeft .pdivIcon
{
    /* Floating the title and the icon to the right */
    margin: 0 0 0 8px;
    float: right;
}

.openLeft .pdivTitle
{
    float: right;
    padding: 0 0 0 5px;
}

.openLeft .slideOutContent
{
    margin-top: 22px;
}

.openLeft.openTop .slideOutContent
{
    margin-top: 0;
}

.slideOutContent
{
    /* Hiding the div with the slide out content: */
    display: none;
    padding: 10px;
    font-size: 11px;
}

/* Hiding the original paragraphs if they have not been replaced (JS disabled): */

.main > p
{
    display: none;
}

#header
{
    z-index: 9999;
}

#MasterMenu
{
    height: auto !important;
}

.nav-collapse.collapse
{
    /*height:auto !important;
    overflow: visible !important;*/
}

.collapse.in
{
    height: auto !important;
}

@media (min-width: 767px)
{
    .pull-right-desktop
    {
        float: right;
    }

    .pull-left-desktop
    {
        float: left;
    }
}

.top-40p
{
    top: 40% !important;
}

.EditFormButtonRow
{
    background: #585f69 !important;
    color: white;
    padding: 10px;
}

.EditFormHeader
{
    background: #585f69 !important;
    color: white;
    padding: 10px;
}

.rgFooter
{
    background: #ebeff5 !important;
    color: rgb(83, 81, 81);
    padding: 10px;
}

/*iPhone like Toggle switches for checkboxes*/
.togglebox input
{
    display: none;
}

.togglebox
{
    display: inline-block;
    border: 1px solid #BBB;
    width: 90px;
    height: 30px;
    position: relative;
    border-radius: 20px;
    color: #FFF;
    font-weight: bold;
    overflow: hidden;
    box-shadow: 0 1px 0 #CCC;
}

    .togglebox label
    {
        width: 200%;
        height: 100%;
        line-height: 30px;
        border-radius: 0.4em;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        font-size: 1.1em;
        cursor: pointer;
        -webkit-transition: 0.12s;
        -moz-transition: 0.12s;
        transition: 0.12s;
    }

    .togglebox span
    {
        position: absolute;
        right: -100px;
    }

    .togglebox label::before
    {
        content: 'ON';
        width: 62px;
        float: left;
        margin-right: -16px;
        padding-right: 13px;
        text-align: center;
        background: #007FEA;
        text-shadow: 0 -1px 0px #093B5C;
        box-shadow: 0 4px 5px -2px rgba(0,0,0,0.3) inset;
    }

    .togglebox label b
    {
        display: block;
        height: 100%;
        width: 30px;
        float: left;
        position: relative;
        z-index: 1;
        border: 1px solid #AAA;
        background: #F6F6F6;
        box-shadow: 0 4px 0 -2px #F1F1F1 inset, 0 2em 2em -2em #AAA inset, 0 0 2px rgba(0,0,0,.5);
        border-radius: 20px;
    }

    .togglebox label:hover b
    {
        background: #E5E5E5;
    }

    .togglebox label::after
    {
        content: 'OFF';
        width: 62px;
        float: left;
        margin-left: -15px;
        padding-left: 13px;
        text-align: center;
        color: #999;
        background: #FFF;
        box-shadow: 0 4px 5px -2px rgba(0,0,0,0.3) inset;
    }

    .togglebox input:checked ~ label
    {
        left: -60px;
    }

.AjaxLoadingFullScreen
{
    position: absolute;
    top: 0;
    left: 0;
    Width: 100%;
    Height: 100%;
    z-index: 10000;
}

/*.slideoutPanel {
border-width: 1px 0px 1px 2px;
padding-left: 20px;
height: 90%;
width: 100%;
position: absolute;
left: -5000px;
position: relative;
left: 50%;
top: 0px;
display: none;
background-color: #FDFDFD;
box-shadow: -5px 2px 5px #CCCCCC;
z-index: 30000;
border-left-style: solid;
border-left-color: #8ebc00;
border-top-color: #F7FAF5;
border-top-style: solid;
border-bottom-color: #F7FAF5;
border-bottom-style: solid;
min-height: 550px !important;
min-width: 300px !important;
}*/

.slideoutPanel
{
    border-width: 1px 0px 1px 2px;
    padding-left: 20px;
    height: 90%;
    width: 100%;
    position: absolute;
    left: -5000px; /*position:relative;*/ /*left: 50%;*/
    top: 0px;
    display: none;
    background-color: #FDFDFD;
    box-shadow: -5px 2px 5px #CCCCCC;
    z-index: 30000;
    border-left-style: solid;
    border-left-color: #8ebc00;
    border-top-color: #F7FAF5;
    border-top-style: solid;
    border-bottom-color: #F7FAF5;
    border-bottom-style: solid;
    min-height: 550px !important;
    min-width: 300px !important;
}


.min-height-30
{
    min-height: 30px !important;
}

.text-center-vertical
{
    vertical-align: middle;
}

.openHiddenBtn
{
    position: relative;
    float: left;
    margin-left: 10px;
}

.package-title-text
{
    color: #F7F0F0;
    margin-top: 5px;
    text-shadow: none;
    text-shadow: 0 0 1px #f6f6f6;
    font-weight: normal !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 2em;
}

#tabs
{
    display: none;
}

#tab-container
{
    display: none;
}
#info
{
    display: none;
}

.chart
{
    height:480px;
    width:98%;
}

.chartHard
{
    height:480px;
    width:320px;
}

.aeTabs
{
    border-top: solid;
    border-top-color: #eee;
    border-top-width: 1px;
    border-left: solid;
    border-left-color: #eee;
    border-left-width: 1px;
    border-right: solid;
    border-right-color: #eee;
    border-right-width: 1px;
}

@media (min-width: 767px)
{
    .fill
    {
        min-height: 100%;
    }
}

.blue-info
{
    background: #067FB7;
    border: 0;
    font-size: 14px;
    padding: 5px 5px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;

}
.btn-red-qc {
    margin-top: 5px;
	-moz-box-shadow:inset 0px 0px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 0px 0px 0px #f5978e;
	box-shadow:inset 0px 0px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #d02718;
	display:inline-block;
	color:#F4F4F4;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #810e05;
}
.btn-red-qc-slelected{
	-moz-box-shadow:inset 0px 0px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 0px 0px 0px #f5978e;
	box-shadow:inset 0px 0px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#c62d1f;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #810e05;
}
.btn-red-qc:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}
.btn-red-qc:active {
    position: relative;
    top: 1px;
}

.btn-blue-qc {
    margin-top: 5px;
	-moz-box-shadow:inset 0px 0px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 0px 0px 0px #cae3fc;
	box-shadow:inset 0px 0px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #73b9ff), color-stop(1, #0f71d4) );
	background:-moz-linear-gradient( center top, #73b9ff 5%, #0f71d4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#73b9ff', endColorstr='#0f71d4');
	background-color:#73b9ff;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #065DB5;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #065DB5;
}
.btn-blue-qc-selected {

	-moz-box-shadow:inset 0px 0px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 0px 0px 0px #cae3fc;
	box-shadow:inset 0px 0px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1477db), color-stop(1, #0f71d4) );
	background:-moz-linear-gradient( center top, #1477db 5%, #0f71d4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1477db', endColorstr='#0f71d4');
	background-color:#1477db;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #065DB5;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #065DB5;
}
.btn-blue-qc:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0f71d4), color-stop(1, #73b9ff) );
	background:-moz-linear-gradient( center top, #0f71d4 5%, #73b9ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f71d4', endColorstr='#73b9ff');
	background-color:#0f71d4;
}
.btn-blue-qc:active {
    position: relative;
    top: 1px;
}
.onoffswitch {
    position: relative; width: 120px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block !important; overflow: hidden; cursor: pointer;
    border: 2px solid #AAAAAA; border-radius: 25px !important;
}
.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 40px; padding: 0; line-height: 40px;
    font-size: 19px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "2015";
    padding-left: 20px;
    background-color: #2573E8; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "2014";
    padding-right: 20px;
    background-color: #1D9C32; color: #FFFFFF ;
    text-align: right;
}
.onoffswitch-switch {
    width: 38px; margin: 1px;
    background: #F6F6F6;
    border: 2px solid #AAAAAA; border-radius: 25px !important;
    position: absolute; top: 0; bottom: 0; right: 76px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    box-shadow: 0 4px 0 -2px #F1F1F1 inset, 0 2em 2em -2em #AAA inset, 0 0 2px rgba(0,0,0,.5);
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.file-list {
    margin: 20px 0 0 0;
    display: none;
}

.file-list ul {
     margin: 10px 0 0 0;
     padding: 0;
     list-style: none;
}
.file-list li {
     margin: 10px 0 0 0;
}

.ruFileWrap label {
    display: none !important;
}

.inline {
    display: inline-block;
}

.footnote {
    font-size: 12px;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.custom-input{
    display: inline-block;
    margin: 1em;
    width: 90px !important;
}
.samplefarm-button
{
    background-color: #005500;
    color: white;
    border-radius: 5px;
    padding-top: 6px;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 6px;
    padding-left: 40px;
    padding-right: 40px;
}
.float-left
{
float:left;
}
   
.info-sm {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/Content/img/info_15x15.png) no-repeat;
    width: 15px;
    height: 15px;
    /*padding-left: 180px; /* Equal to width of new image */
}

.buy-up-column-left{
    width: 220px;
}

/*Kendo notifications*/ 

                .k-notification {
                    border: 0;
                }


                /* Info template */
                .k-notification-info.k-group {
                    background: rgba(0%,0%,0%,.7);
                    color: #fff;
                }
                .new-mail {
                    width: 300px;
                    height: 100px;
                }
                .new-mail h3 {
                    font-size: 1em;
                    padding: 32px 10px 5px;
                }
                .new-mail img {
                    float: left;
                    margin: 30px 15px 30px 30px;
                }

                /* Error template */
                .k-notification-error.k-group {
                    background: rgba(100%,0%,0%,.7);
                    color: #ffffff;
                }
                .wrong-pass {
                    width: 300px;
                    height: 100px;
                }
                .wrong-pass h3 {
                    font-size: 1em;
                    padding: 32px 10px 5px;
                }
                .wrong-pass img {
                    float: left;
                    margin: 30px 15px 30px 30px;
                }

                /* Success template */
                .k-notification-upload-success.k-group {
                    background: rgba(0%,60%,0%,.7);
                    color: #fff;
                }
                .upload-success {
                    width: 240px;
                    height: 100px;
                    padding: 0 30px;
                    line-height: 100px;
                }
                .upload-success h3 {
                    font-size: 1.7em;
                    font-weight: normal;
                    display: inline-block;
                    vertical-align: middle;
                }
                .upload-success img {
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 10px;
                }












@media (min-width: 980px) {
.modalWide {
    width: 30% !important;
}
}

@media (min-width: 401px) and (max-width: 1050px) {
.modalWide {
    width: 70% !important;
}
}

@media (max-width: 400px) {
    .modalWide {
    width: 100% !important;
}
}

.quotedisclaimer {
    font-size: x-small;
}

.radGridAutoHeight .rgDataDiv {
    height: auto !important;
}

                /*End Kendo notifications*/
/*End iPhone like Toggle switches for checkboxes*/
/**
 * iOS 6 style switch checkboxes
 * by Lea Verou http://lea.verou.me
 */

/*:root input[type="checkbox"] { /* :root here acting as a filter for older browsers */
/*	position: absolute;
	opacity: 0;
}

:root input[type="checkbox"].ios-switch + div {
	display: inline-block;
	vertical-align: middle;
	width: 3em;	height: 1em;
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 999px;
	margin: 0 .5em;
	background: white;
	background-image: linear-gradient(rgba(0,0,0,.1), transparent),
	                  linear-gradient(90deg, hsl(210, 90%, 60%) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: 100% 0;
	background-origin: border-box;
	background-clip: border-box;
	overflow: hidden;
	transition-duration: .4s;
	transition-property: padding, width, background-position, text-indent;
	box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset,
	            0 .45em 0 .1em rgba(0,0,0,.05) inset;
	font-size: 150%; /* change this and see how they adjust! */
/*}

:root input[type="checkbox"].ios-switch:checked + div {
	padding-left: 2em;	width: 1em;
	background-position: 0 0;
}

:root input[type="checkbox"].ios-switch + div:before {
	content: 'On';
	float: left;
	width: 1.65em; height: 1.65em;
	margin: -.1em;
	border: 1px solid rgba(0,0,0,.35);
	border-radius: inherit;
	background: white;
	background-image: linear-gradient(rgba(0,0,0,.2), transparent);
	box-shadow: 0 .1em .1em .1em hsla(0,0%,100%,.8) inset,
	            0 0 .5em rgba(0,0,0,.3);
	color: white;
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
	text-indent: -2.5em;
}

:root input[type="checkbox"].ios-switch:active + div:before {
	background-color: #eee;
}

:root input[type="checkbox"].ios-switch:focus + div {
	box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset,
	            0 .45em 0 .1em rgba(0,0,0,.05) inset,
	            0 0 .4em 1px rgba(255,0,0,.5);
}

:root input[type="checkbox"].ios-switch + div:before,
:root input[type="checkbox"].ios-switch + div:after {
	font: bold 60%/1.9 sans-serif;
	text-transform: uppercase;
}

:root input[type="checkbox"].ios-switch + div:after {
	content: 'Off';
	float: left;
	text-indent: .5em;
	color: rgba(0,0,0,.45);
	text-shadow: none;

}*/


/* Switch code ends here, from now on it’s just bling for the demo page */

.customH5 {
    font-size: 15.5px
}

.longLabel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}