/* Template Name: Cyprass Responsive HTML5/CSS3 Template
Author:Esrat
Author URI:
Description:Cyprass Responsive HTML5/CSS3 Template.
Version:1.1 */


/* Table of Content
==================================================
1.  Global Styles
2.  Header
3.  Slider
4.  Services
5.  Portfolio
6.  About Us
7.  Team
8.  Pricing
9.  Counter
10. Testimonial
11. Clients
12. Contact
13. Footer
14. Subpages
15. Blog
16. Responsive


@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita%E2%80%8C%E2%80%8Blic,400italic,500,500italic,700,700italic,900italic,900%27);


/* ----------------------------------------------------------------------------------- */
/* CSS Reset & Clear
/*----------------------------------------------------------------------------------- */


html {
    /*overflow-x: hidden !important;*/
}

body {
    line-height: 1.5em;
    border: 0;
    margin: 0 auto;
    padding: 0;
}

ol, ul, dl {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a {
    text-decoration: none !important;
}

    a:focus {
        outline: 0;
    }

.no-padding {
    padding: 0;
}
/* Global styles
================================================== */
body {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #6a6a6a !important;
    overflow-x:hidden;
}
/*body {
    margin: 0 auto;
    overflow-x: hidden;
    position: relative;
}*/
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #262626;
}

h2 {
    font-size: 60px;
}

h3 {
    font-size: 40px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    line-height: 60px;
}

h4 {
    line-height: 25px;
    font-size: 26px;
}

h5 {
    line-height: 25px;
    font-weight: 600;
}

p {
    line-height: 25px;
    font-weight: 400;
    color: #828282;
}

a {
    text-decoration: none !important;
}

.div-img {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 15px auto 20px;
    text-align: center;
}

.feature_title {
    position: relative;
    padding-bottom: 10px;
    color: #EE3B24 !important;
    width: 45%;
    margin: 10px auto;
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
}

    .feature_title:hover {
        cursor: pointer;
        animation: pulse 1s ease-in-out 100ms both;
        -webkit-animation: pulse 1s ease-in-out 100ms both;
        -o-animation: pulse 1s ease-in-out 100ms both;
    }

.feature_sub {
    color: #000;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}

.btn-main {
    padding: 10px 25px;
    border-radius: 3px;
    border: medium none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid#333;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.42857;
    background: #333;
    color: #fff;
    font-weight: 700;
    margin-top: 30px;
    text-transform: capitalize !important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-dark {
    padding: 10px 25px;
    border-radius: 3px;
    border: medium none;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid#EE3B24;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.42857;
    font-weight: 700;
    margin-top: 30px;
    text-transform: capitalize !important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .btn-dark:hover {
        background: #EE3B24;
        color: #fff;
    }

.feature-tab, .team-items, .pricing, .single_blog, #testimonial .owl-carousel .owl-wrapper, .contact_full {
    margin-top: 40px;
}

#portfolio {
    padding-bottom: 0px;
}

#footer {
    padding: 0;
}

/*Divider
================================*/
.divider {
}

.divider {
    display: block;
    margin: 20px auto;
    content: "";
    width: 70px;
    height: 5px;
}

#service {
    padding-bottom: 40px;
    padding-top: 8px;
    background: #2b2a2a;
}

section {
    /*padding:50px 0px;*/
}

.feature_header {
    padding-top: 20px;
}

#video-fact {
    padding-bottom: 90px !important;
}

#portfolio {
    padding-bottom: 0px !important;
}
/* Custom Basic styles
================================================== */
/* Header area
=========================================================== */

.main-nav {
    width: auto;
}

#section_header .haeder-fixed {
    background: #fff;
    padding: 10px 0px;
}

#section_header {
    background: #fff ;
    padding: 10px 0px;
    /*-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);*/
}

.navbar {
    position: relative;
    margin-top: 10px;
}

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0px !important;
    }

.navbar-brand {
    font-size: 40px;
    color: #222;
}

    .navbar-brand img {
       height: auto;
    /* width: 64px; */
    vertical-align: middle;
    max-width: 100%;
    /* margin-top: -8px; */
    display: inline-block;
    }

.navbar {
    margin-bottom: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
}

ul.navbar-nav a {
    font-weight: 700;
    font-size: 14px;
    padding: 15px 0 15px 30px;
    line-height: 40px;
    display: inline-block;
    text-transform: uppercase;
}

.nav > li > a:focus {
    background: #fff ;
}

ul.navbar-nav > .active > a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.nav > li > a:hover {
    background: transparent;
}

.navbar-nav .dropdown-menu {
    left: 0;
    right: auto;
}

.dropdown-menu * {
    width: 100%;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.navbar-nav .dropdown-menu {
    background: #fff;
    border: 0;
    box-shadow: none;
    min-width: 180px;
    display: block;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);
    -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);
    -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);
    -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);
    transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);
}

.navbar-nav .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.navbar-nav .dropdown-backdrop {
    visibility: hidden;
}

.navbar-nav .dropdown-menu li {
    padding: 5px 0px 0;
}

    .navbar-nav .dropdown-menu li:first-child {
        border-radius: 2px 2px 0 0;
    }

.dropdown-menu li:last-child {
    border-radius: 0 0 2px 2px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 15px !important;
}

.dropdown-menu > li > a {
    font-size: 14px;
    padding: 5px 0;
    color: #fff;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
    .dropdown-menu > li.active > a {
        background: none !important;
    }

/* Section Slider
========================================================= */

/* Carousel Slider
============================================== */
#slider_part {
    height: auto;
    width: 100%;
    overflow: hidden;
    margin-top: 9rem;
}

.carousel-caption {
    top: 45%;
    margin-top: -50px;
    text-shadow: none !important;


    -webkit-transition: all.3s ease 0s;
    -o-transition: all.3s ease 0s;
    transition: all.3s ease 0s;
    text-align: center;
    width:100%;
    max-width:1170px;
    margin:0 auto;
}

    .carousel-caption h3 {
        text-shadow: none;
        font-size: 32px;
        line-height: 45px;
        font-weight: 700;
        margin: 5px 0px;
        transition-delay: .3s;
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;

        font-family:Tahoma;
    }

    .carousel-caption p {
        font-size: 32px;
        line-height: 50px;
        font-weight: 500;
        color: #fff;
        transition-delay: .3s;
        -moz-transition-delay: .3s;
        -o-transition-delay: .3s;
        margin: 0px 0px;
    }

    .carousel-caption img {
        /*border: 2px solid#fff;
        padding: 10px 10px 10px 20px;*/
    }

.line {
    width: 100px;
    height: 5px;
    color: #222;
    margin: 0px auto;
}

.carousel-caption p i {
    font-size: 7px;
    margin: 0px 3px;
    position: relative;
    top: -3px;
}

.carousel .item {
    /*-webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;*/
    /*-webkit-animation: bounceInRight 1s ease-in-out 500ms both;
    animation: bounceInRight 1s ease-in-out 500ms both;*/
}

.btn-featured {
    text-decoration: none;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: transparent;
    border-radius: 2px;
    z-index: 1;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    padding: 15px 40px !important;
    text-transform: uppercase;
    margin-top: 20px;
    margin-right: 10px;
}

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
    background-repeat: no-repeat !important;
}

.carousel-control {
    width: 4% !important;
}

.carousel-caption img {
    height: auto;
}

.carousel-indicators {
    bottom: 100px;
    width: 20%;
    left: 40%;
    margin: 0 auto;
    bottom: 10%;
}

    .carousel-indicators li {
        width: 10px !important;
        height: 10px !important;
        border: 0px solid #FFF !important;
        margin: 0px !important;
        border-radius: 50%;
        background: #9b9a9b;
    }

.carousel-control.left span {
    padding: 15px;
}

.slides-control .carousel-control i {
    line-height: 36px;
    font-size: 32px;
    padding-top: 6px;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.slides-control .carousel-control {
    position: absolute;
    width: 240px;
    top: 35%;
    z-index: 10;
}

.carousel-control.left {
    left: 0px;
}

.carousel-control.right {
    right: 15px;
}

.carousel-control.left {
    width: 120px;
    height: 40px;
}

.carousel-control.right {
    width: 120px;
    height: 40px;
}

.overlay-slide {
    height: 665px;
    position: relative;
    width: 100%;
}

    .overlay-slide:after {
        /*background: url("../images/banner/overaly.png");*/
        position: absolute;
        content: "";
        z-index: 3;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    .overlay-slide img {
        /*opacity:.6;*/
        /* width: 100%;
    height: auto;*/
        width: 100%;
        display: block;
    }

/*-- Animation --*/

.carousel .item.active .animated2 {
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
    animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 500ms both;
}


/* Service  Area
============================================================= */

.main_feature {
    margin: 40px 0px;
}

.feature_content:hover .feature_content:after {
    border: 2px solid#fff !important;
}

.feature_content:hover i {
    /*top: -20px;*/
}

.feature_content:hover i, .feature_content:hover h5 {
    /*cursor: pointer;*/
    color: #6a6a6a !important;
}

.feature_content i {
    /*font-size: 60px;*/
    /*line-height: 60px;*/
    z-index: 3;
    position: relative;
    -webkit-transition: all .4s ease .1s;
    -o-transition: all .4s ease .1s;
    transition: all .4s ease .1s;
    display: block;
}

.feature_content h5 {
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    margin: 0px 0px 10px 0px;
    padding-top: 20px;
    -webkit-transition: all 150ms linear 0s;
    -o-transition: all 150ms linear 0s;
    transition: all 150ms linear 0s;
    color: #fff !important;
    text-transform:uppercase;
    min-height: 68px;
}

.feature_content p {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 35px !important;
    padding: 0px 18px;
}
.tab-content p {
    font-size: 13px;
    line-height: 22px;
    padding-bottom: 0px !important;
    padding: 0px 0px;
    color:#CDCFCE;
    font-weight:normal;
}

.feature_content a {
    text-decoration: none;
    padding: 8px;
    margin-top: 10px;
}

    .feature_content a:hover {
        text-decoration: none;
    }



/* -- Isotope start -- */
#isotope {
    width: 100%;
    margin-top: 0;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /*transition-duration*/
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.isotope {
    /*transition-property*/
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        /*transition-property*/
        -webkit-transition-property: 0px opacity;
        -moz-transition-property: 0px opacity;
        -o-transition-property: 0px opacity;
        transition-property: 0px opacity;
    }

#isotope .col-sm-3 {
    width: 24.95%;
}

#isotope-filter {
    margin-bottom: 40px;
}

    #isotope-filter a {
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        line-height: 40px;
    }

        #isotope-filter a.active, #isotope-filter a:hover, #isotope-filter a:focus {
        }

        #isotope-filter a:first-child:before {
            content: " ";
        }


/* Footer Area
==========================================*/
#footer {
}

.footer_top {
    overflow: hidden;
    padding: 30px 0px 50px;
    border-bottom: 1px solid #0F0F0F;
    background: none repeat scroll 0% 0% #333;
    color: #AAA;
}

.footer_b {
    background: #e4e4e4;
    border-top: 0px solid #555;
}

.footer_menu li a:before {
    display: inline-block;
    margin-right: 8px;
    color: #5B5B5B;
    content: "";
    font-family: FontAwesome;
}

.menu_head {
    color: #C5C5C2 !important;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin: 15px 0px 35px 0px;
}

    .menu_head:after {
        position: absolute;
        left: 18px;
        width: 55px;
        height: 1px;
        content: "";
        top: 49px;
    }

    .menu_head:before {
        position: absolute;
        left: 32px;
        width: 24px;
        height: 5px;
        content: "";
        display: inline-block;
        top: 47px;
    }

.footer_mid ul li {
    margin-top: 20px;
}

.footer_menu ul li a {
    text-decoration: none;
    color: #9E9E9E;
    display: inline-block;
    padding: 5px 0px;
}

.footer_menu_contact ul li {
    padding: 5px 0px;
}

.footer_menu_contact li i {
    width: 20px;
}

.footer_menu_contact li span:hover {
    cursor: pointer;
}

.tags a {
    display: block;
    float: left;
    margin: 3px;
    padding: 8px 10px;
    background: none repeat scroll 0% 0% #2C2C2C;
    color: #C4C4C4;
    font-size: 14px;
    text-decoration: none;
}

    .tags a:hover {
        color: #fff;
    }

.footer_social {
    padding: 20px 0px;
}

    .footer_social i {
        width: 50px;
        height: 50px;
        padding: 14px;
        color: #fff;
        font-size: 25px;
        border-radius: 3px;
    }

.footer_bottom {
}

    .footer_bottom p {
        font-size: 14px;
        color: #7c7b7b;
        margin: 25px 0px 50px 0px;
    }


/*Animation
========================================================*/
.carousel .item.active .animated4 {
    -webkit-animation: flipInX 1s ease-in 500ms both;
    animation: flipInX 1s ease-in 500ms both;
}

.carousel .item.active .animated5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}


.carousel .item.active .animated6 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated7 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8 {
    -webkit-animation: bounceInDown 1s ease-in 800ms both;
    animation: bounceInDown 1s ease-in 800ms both;
}

.owl-theme .owl-controls {
    margin-top: 60px;
}

    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 45px;
        height: 7px;
        border-radius: 0px;
    }

.form-sec {
    width: 98%;
    float: left;
    height: auto;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*margin: 15px 0px 0px 20px;
    padding: 10px;*/
}

    .form-sec h2 {
        font-size: 16px;
        color: #000000;
        margin-top: 0px;
        padding-top: 5px;
        text-align: center;
    }

    .form-sec label {
        display: block;
        font-size: 15px;
        color: #000000;
        text-align: left;
        font-weight: 400;
        padding-bottom: 0px;
        line-height: 35px;
    }

    .form-sec input {
        width: 100%;
        /*height: 16px;*/
        padding: 8px 12px;
        border: 1px solid #E9E9E9;
        font-size: 14px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #000;
        outline: none;
        margin-bottom: 20px;
    }
.margin-bottom1 input {
    width: 70%;
    padding: 4px 12px;
    border-radius:0px;
}
.margin-bottom1 a {
   padding: 3px;
}
    .form-sec select {
        width: 100%;
        /*height: 16px;*/
        padding: 8px 12px;
        border: 1px solid #E9E9E9;
        font-size: 14px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #000;
        outline: none;
        margin-bottom: 20px;
        height: 40px;
    }

    .form-sec textarea {
        width: 100%;
        height: 60px;
        padding: 5px;
        border: 1px solid #e92d00;
        font-size: 12px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #000;
        resize: vertical;
        outline: none;
    }

    .form-sec input[type="text"]:focus {
        outline: none;
        box-shadow: 0px 0px 5px #558DCA;
        border: 1px solid #558DCA;
    }

    .form-sec input[type="text"]:hover {
        border: 1px solid #558DCA;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .form-sec input[type="email"]:focus {
        outline: none;
        box-shadow: 0px 0px 5px#558DCA;
        border: 1px solid #558DCA;
    }

.from-btn-col {
    width: 100%;
    height: auto;
    text-align: right;
    margin-top: 20px;
    margin-top: 20px;
}

    .from-btn-col input[type="button"] {
        width: auto;
        height: 28px;
        border: 0px;
        outline: none;
        cursor: pointer;
        font-size: 15px;
        font-weight: bold;
        color: #ffffff;
        padding: 0px 15px 0px 15px;
        margin-right: 10px;
        background: #000000;
        -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
    }

    .from-btn-col input[type="submit"] {
        width: auto;
        height: 30px;
        border: 0px;
        outline: none;
        cursor: pointer;
        font-size: 15px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        padding: 0px 15px 0px 15px;
        margin-right: 10px;
        -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
    }

.service-icon {
    /*background: url("../images/icon-bg.png") top center no-repeat;*/
}

.login-but {
    font-size: 25px;
    padding: 2px 45px;
    border-radius: 2px;
}

.login-top {
    border-radius: 5px;
    background: #096F7B;
    border: 2px solid #096F7B;
    margin-right: 10px;
    padding: 6px 18px;
    color:#fff;
    margin-top: 0.5rem;
}
.login-top:hover {
    border-radius: 5px;
    background: #096F7B;
    border: 2px solid #096F7B;
    color:#fff;
}

.sign-top {
    border-radius: 25px;
    background: #558DCA;
    color: #fff;
    border: 2px solid #558DCA;
    padding: 5px 18px;
    margin-right: 15px;
}

.fedback-bot {
    border-radius: 25px;
    background: #fff;
    color: #B6B4B5;
    border: 2px solid #fff;
    padding: 2px 18px;
    margin-right: 20px;
}

.social-contact a {
    color: #E3E3E3;
    background: transparent;
    padding: 2px;
}

.caption-color {
    color: #e30048 !important;
}

.textshado {
    text-shadow: 1px 1px 4px rgba(150, 150, 150, 1);
}

.forgot {
    text-align: right;
    font-size: 16px;
    padding-bottom: 40px;
}

@media (min-width : 1280px) {
    .textpad {
        padding-left: 120px;
        margin-top: -20px !important;
    }

    .caption1 {
        margin-left: -38px !important;
    }

    .caption2 {
        margin-left: 32px !important;
    }

    .caption3 {
        margin-left: 65px !important;
        font-size: 50px !important;
    }

    #feedback {
        display: block !important;
        position: fixed;
        top: 420px;
        right: 0px;
        width: auto;
        height: auto;
        background: #ffffff;
        padding: 0px;
        background: none;
        z-index: 999;
    }
}

.checkbox {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
    line-height: 18px;
}

input[type=checkbox] {
    display: none;
}

.checkbox:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    background-color: #0088cc;
    color: #f3f3f3;
    text-align: center;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
    border-radius: 3px;
    margin-right: 15px;
}

input[type=checkbox]:checked + .checkbox:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 30px;
}

fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

.fileUpload input.upload {
    position: absolute;
    top: 110px;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.imageup {
    margin-bottom: 15px;
}

#feedback {
    display: none;
}

.navspace {
    margin-top: 8px;
}

@media (min-width : 1680px) {
    .carousel-indicators li {
        width: 15px !important;
        height: 15px !important;
        border: 0px solid #FFF !important;
        margin: 0px !important;
        border-radius: 50%;
        background: #9b9a9b;
    }

    #slider_part {
        height: auto;
        width: 100%;
        overflow: hidden;
        margin-top: 9rem;
    }

    .carousel-caption {
        top: 45%;
        margin-top: -50px;
        text-shadow: none !important;


    -webkit-transition: all.3s ease 0s;
    -o-transition: all.3s ease 0s;
    transition: all.3s ease 0s;
    text-align: center;
    width:100%;
    max-width:1170px;
    margin:0 auto;
    }
}

@media (min-width : 1024px) {
    .carousel-indicators {
        bottom: 100px;
        width: 10%;
        left: 45%;
        margin: 0 auto;
        bottom: 23%;
    }

    #slider_part {
        height: auto;
        width: 100%;
        overflow: hidden;
        margin-top: 9rem;
    }
}

@media (min-width : 1366px) {
    .carousel-indicators {
        bottom: 100px;
        width: 10%;
        left: 45%;
        margin: 0 auto;
        bottom: 5%;
    }

    #slider_part {
        height: auto;
        width: 100%;
        overflow: hidden;
        margin-top: 9rem;
    }
}

@media (min-width : 2500px) {
    .large {
        display: block !important;
        height: auto !important;
    }

    .otherscreen {
        display: none !important;
    }

    .carousel-caption {
        top: 45%;
        margin-top: -50px;
        text-shadow: none !important;


    -webkit-transition: all.3s ease 0s;
    -o-transition: all.3s ease 0s;
    transition: all.3s ease 0s;
    text-align: center;
    width:100%;
    max-width:1170px;
    margin:0 auto;
    }

    .firstcap {
        top: 56% !important;
    }
    /*#feedback {
  display: block !important;
  position: fixed;
  top: 420px;
  right: 710px;
  width: auto;
  height: auto;
  background: #ffffff;
  padding: 0px;
  background: none;
  z-index: 999;
}*/
    .carousel-indicators {
        bottom: 100px;
        width: 10%;
        left: 45%;
        margin: 0 auto;
        bottom: 15%;
    }
}

.large {
    display: none;
}
*, *:before, *:after {
  /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
  -webkit-box-sizing: border-box;

  /* Firefox (desktop or Android) 28- */
  -moz-box-sizing: border-box;

  /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
  box-sizing: border-box;
}

.righttext-header{background:#D2D6D7;color:#575757;padding:8px;text-align:left;font-size:16px;font-weight:600;}
.reward-head{font-size:17px;color:#558DCA;padding-top:10px;}
.reward-point{font-size:17px; padding-top:10px;}
.red{color:red;}
.table-condensed img{padding-top:5px;}
.month-head{font-size:16px;color:#6a6a6a;}
.Leaderboard-anchor{font-size:16px; color:#558DCA !important;text-align:center;  padding-bottom: 5px;
  margin-top: 0px;}
    .Leaderboard-anchor a:hover {
        color: #558DCA !important;
    }
.stat-content{padding:10px;}

.stat-content label{font-size:16px;color: #9FA0A2;font-weight: normal;}
.red-text{color:#FF7B76;}
.point-status{font-size:16px;padding:10px;}
.point-graph{padding-bottom:25px; width:100%; text-align:center;}
.graph-img{display: inline-block;}
.username{font-size:20px;}
.userdetail{font-size:16px;padding-top:10px;}
.userspace{padding-top:15px;padding-bottom:15px;}
.userimg{padding-right:10px;}
.text-left{text-align:left;}
.days{}
.points1{ font-size:60px;color:#558DC8; line-height:80px;}
.points3{ font-size:70px;color:#558DC8; line-height:90px;}
.points2{ padding-bottom:25px;}
.rank-icon{background: url("../images/trophy.png") top center no-repeat; min-height:100px;min-width:123px;margin-bottom:25px;}
.rank-text{font-size: 43px;
  color: #FF7C74;
  padding-top: 18px;}

.scrollbar{max-height:400px; overflow:scroll; overflow-x:hidden;}


.force-overflow
{
	min-height: 450px;
}



/*
 *  STYLE 1
 */

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background: transparent;
    width:5px;
}

#style-1::-webkit-scrollbar
{
	width:8px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;

}
.navbar-custom-menu ul.navbar-nav a {
  font-weight: 500;
  font-size: 14px;
  padding: 0px 0 0px 30px;
  line-height: 40px;
  display: inline-block;
  text-transform: uppercase;
}
.leaderboard-header{color:#fff;padding-bottom:10px;font-size:18px;font-weight:500;}
.setting-header{color:#538ECA;padding-bottom:10px;font-size:18px;font-weight:500;}
.bg-chart{ background: url("../images/graph-bg.jpg") top center no-repeat; margin-bottom:20px;}
.mannual-head{font-size:18px; color:#fff;padding: 5px 0px 5px 10px;}
.bg-gray .form-control{margin-bottom:0px;  height: 35px;width:100%;}
.margin-bottom1 .form-sec{width:100%}
.bg-gray .col-sm-5{padding-left:0px;}
.bg-gray .col-sm-3{padding-left:0px;padding-right:0px;}
.dash-button{float:left;min-width:80px !important;}
.dash-button .btn-default{float:left;min-width:80px !important;padding: 6px 12px;}
.rewards .tab-content a{color:#FF7B74; font-size:22px;}
.events .tab-content a{ font-size:22px;}
.copyright{padding:15px 0px;}
.event-text{font-size:16px;}
.event-but{  min-width: 170px;
  height: 35px;
  margin-top: 25px;}
.redeem-but{  width: 100%;background-color:#FF7B74; color:#fff;
  height: 35px;
  margin-top: 25px;}
.userdetail1{font-size:16px;padding-top:10px;margin-left:35px;}
.userdetail1add{font-size:16px;margin-top: 15px;margin-bottom: 15px;background: url("../images/addresssmall.png") top left; background-repeat:no-repeat;padding-left:20px;  }

.addscroll
{

	height: 180px;
	overflow-y: scroll;


}

#rewards .bg-light-blue, .label-primary, .modal-primary .modal-body {
  background-color: #558DCA !important;
  color: #fff;
}
#allrewards .bg-light-blue, .label-primary, .modal-primary .modal-body {
  background-color: #558DCA !important;
  color: #fff;
}
.borderleft{border-left:1px solid #ccc;}
.blackbg{background: rgba(0, 0, 0, 0.6); min-height:95px; margin-top:-95px; position:relative;padding:20px 10px;}
.blackbg h3{font-size:25px; color:#fff;margin-top:0px; line-height:20px;}
.blackbg p{font-size:16px; color:#A39F9E;margin-top:0px; line-height:15px;}
.map{padding-top:50px;}
.pinkbg{background:#FFF9ED;padding-left: 15px !important;
  line-height: 40px !important;}
.supreward{font-size:13px; color:#595959;}
.bg-white{background:#fff;border-radius: 5px;text-align:left;}
.bg-white-head{text-align:left;font-size:18px;}
.point-content{background:#F5F5F5;padding:15px;margin:35px 0px;;}
.arrow-space{padding-top:100px;}

.navbar-brand {
    float: left;
    padding: 5px;
    font-size: 18px;
    line-height: 20px;
    /* height: 60px; */
    height: auto;
    max-width: 368px;
}

.carousel-caption {
    left: 0%;
    right: 0%;

}
.txt-white{color:#fff !important;}

#LoginModal .form-control{margin-bottom:20px;}

#LoginModal .modal-title {
    margin: 0;
    line-height: 80px;
    text-align: center;
    font-size: 25px;
    color: #3e3e3e;
}
#LoginModal .modal-header {
    padding: 15px;
    border-bottom: 0px solid #e5e5e5;
    min-height: 16.42857143px;
}

.login-but{background: #096F7B;
    border: none;
    padding: 9px 50px;
    font-size: 20px;}
.cancle-but{background: #a3a3a3;
    border: none;
    padding: 9px 50px;
    font-size: 20px;}
#LoginModal .modal-footer {
    margin-top: 15px;
    padding: 9px 20px 20px;
    text-align: right;
    border-top: 0px solid #e5e5e5;
}
.forgot{font-size: 14px;
    color: #3e3e3e;
    text-decoration: underline;
    padding-top: 15px;}
.pad-left{padding-left:0px;}
.email{display: block;
    width: 100%;
    height: 46px;
    padding: 7px 10px 9px 60px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #494c50;
    background: #fff url(../images/email.png) no-repeat;
    background-position: left center;
    font-size: 16px;
    border: 1px solid #dadada;
    border-radius: 2px !important;
    font-weight: 300;
    text-align: left;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-bottom: 30px;}
.password{display: block;
    width: 100%;
    height: 46px;
    padding: 7px 10px 9px 60px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #494c50;
    background: #fff url(../images/password.png) no-repeat;
    background-position: left center;
    font-size: 16px;
    border: 1px solid #dadada;
    border-radius: 2px !important;
    font-weight: 300;
    text-align: left;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-bottom: 30px;}
.modal-header{background:#fff;}
.modal-header .close {
    margin-top: -2px;
    color: #cccccc;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}

@media (max-width: 767px) {

    .overlay-slide {
        height: 290px;
    }

    .carousel-caption h3
    {
        font-size: 12px;
        margin-top: 0px;
    }

    .carousel-caption p
    {
        font-size: 10px;
        margin-top: -35px;  
    }

    .service-icon img
    {
        width: 64px;
    }

    .feature_content h5
    {
        font-size: 14px;
    }

    .feature_content p
    {
        font-size: 12px;
    }
}

div.errors {
    padding: 10px;
    color: red;
}