/** Contact Us Style **/

.spd-r-wrap {
    width: 530px;
    margin: 20px auto 0;
}

.spd-r-form-wrap {
    overflow: hidden;
    height: 446px;
    position: relative;
    top: 0px;
    -webkit-transition: all 1s ease-in-out .3s;
    -moz-transition: all 1s ease-in-out .3s;
    -o-transition: all 1s ease-in-out .3s;
    transition: all 1s ease-in-out .3s;
}

    .spd-r-form-wrap:before {
        content: "";
        position: absolute;
        bottom: 128px;
        left: 0px;
        background: url('../../images/before.png');
        width: 530px;
        height: 316px;
    }

    .spd-r-form-wrap:after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        background: url('../../images/after.png');
        width: 530px;
        height: 260px;
    }

    .spd-r-form-wrap.hide:after, .spd-r-form-wrap.hide:before {
        display: none;
    }

    .spd-r-form-wrap:hover {
        height: 776px;
        top: -200px;
    }

    .spd-r-form-wrap form {
        background: #f7f2ec url('../../images/letter_bg.png');
        position: relative;
        top: 200px;
        overflow: hidden;
        height: 200px;
        width: 400px;
        margin: 0px auto;
        padding: 20px;
        border: 1px solid #fff;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
        -moz-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 14px #fff;
        -webkit-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
        -webkit-transition: all 1s ease-in-out .3s;
        -moz-transition: all 1s ease-in-out .3s;
        -o-transition: all 1s ease-in-out .3s;
        transition: all 1s ease-in-out .3s;
    }

    .spd-r-form-wrap:hover form {
        height: 530px;
    }

    .spd-r-form-wrap label {
        font-size: 16px;
        color: #b3aba1;
        text-shadow: 0px 1px 0px #fff;
        display: block;
    }

    .spd-r-form-wrap form input[type=text], textarea {
        font: 14px normal normal uppercase helvetica, arial, serif;
        color: #7c7873;
        background: none;
        width: 100%;
        height: 36px;
        padding: 0px 10px;
        margin: 0 0 10px 0;
        border: 1px solid #f8f5f1;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: inset 0px 0px 1px #726959;
        -webkit-box-shadow: inset 0px 0px 1px #b3a895;
        box-shadow: inset 0px 0px 1px #b3a895;
    }

    .spd-r-form-wrap form textarea {
        height: 80px;
        padding-top: 14px;
    }

    .spd-r-form-wrap textarea:focus, input[type=text]:focus {
        background: rgba(255,255,255,.35);
    }

    .spd-r-form-wrap input[type=submit] {
        border: 1px solid #b3a895;
        border-radius: 5px;
        position: relative;
        font-family: 'YanoneKaffeesatzRegular';
        font-size: 24px;
        color: #7c7873;
        text-shadow: 0 1px 0 #fff;
        width: 100%;
        text-align: center;
        opacity: 0;
        background: none;
        cursor: pointer;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: opacity .6s ease-in-out 0s;
        -moz-transition: opacity .6s ease-in-out 0s;
        -o-transition: opacity .6s ease-in-out 0s;
        transition: opacity .6s ease-in-out 0s;
    }

    .spd-r-form-wrap:hover input[type=submit] {
        z-index: 1;
        opacity: 1;
        -webkit-transition: opacity .5s ease-in-out 1.3s;
        -moz-transition: opacity .5s ease-in-out 1.3s;
        -o-transition: opacity .5s ease-in-out 1.3s;
        transition: opacity .5s ease-in-out 1.3s;
    }

    .spd-r-form-wrap:hover input:hover[type=submit] {
        color: #435c70;
    }

@media handheld, only screen and (max-width:545px) {
    .spd-r-wrap, .spd-r-form-wrap:before, .spd-r-form-wrap:after, .spd-r-wrap form {
        width: auto;
    }

    .spd-r-form-wrap:after, .spd-r-form-wrap:after {
        background: none;
    }

    .spd-r-form-wrap {
        height: 776px;
        top: -200px;
    }

        .spd-r-form-wrap form, .spd-r-form-wrap:hover form {
            height: auto;
        }

        .spd-r-form-wrap input[type=submit] {
            z-index: 1;
            opacity: 1;
        }
}

/*bx-slider code*/


.bx-wrapper .bx-viewport {
    box-shadow: none !important;
    border: none;
    background: none !important;
    border: none !important;
}
/*.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    top:67%;
    width: 100%;
}*/




/*======================== spd-n-Testamonial Slider Area Style Start =========================*/

/* spd-n-Tstml Title Area style*/
.spd-n-cont-header-01 {
    border-bottom-width: 4px;
    border-bottom-style: double;
    text-align: left;
    border-bottom-color: #c2c1c1;
    margin-right: 5px;
}

    .spd-n-cont-header-01 span {
        padding: 0px 5px 0px 5px;
        background-color: #fff;
        position: relative;
        top: 12px;
    }

/* spd-n-Tstml2 Title Area style*/
.spd-n-cont-header-02 {
    border-bottom-width: 4px;
    border-bottom-style: double;
    text-align: left;
    border-bottom-color: #c2c1c1;
    margin-right: 15px;
}

    .spd-n-cont-header-02 span {
        padding: 0px 5px 0px 15px;
        background-color: #fff;
        position: relative;
        top: 12px;
    }

/* spd-n-invertad comma area style*/
.spd-n-testm-age-text {
    font-style: italic;
    padding: 5px;
}

.spd-n-inv-start, .spd-n-inv-close {
    font-style: italic;
}

.spd-n-triangle-isosceles {
    position: relative;
    padding: 15px;
    margin: 1em 0 3em;
    background: #f6f6f6; /* default background for browsers without gradient support */
    /* css3 */
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    /* NOTE: webkit gradient implementation is not as per spec */
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f6f6f6, #f6f6f6);
    background: -o-linear-gradient(top, #f6f6f6, #f6f6f6);
}


    /* Variant : for top positioned triangle
------------------------------------------ */

    .spd-n-triangle-isosceles.top {
        /* NOTE: webkit gradient implementation is not as per spec */
        background: -webkit-gradient(linear, left top, left bottom, from(#f3961c), to(#f9d835));
        background: -moz-linear-gradient(top, #f3961c, #f9d835);
        background: -o-linear-gradient(top, #f3961c, #f9d835);
    }

    /* Variant : for left/right positioned triangle
------------------------------------------ */

    .spd-n-triangle-isosceles.left {
        margin-left: 50px;
        background: #00B7F1;
    }

.spd-n-triangle-isoscelesBlue.left {
    margin-left: 50px;
    background: #00B7F1;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.spd-n-triangle-isoscelesBlue.right {
    margin-right: 50px;
    background: #00B7F1;
}

.spd-n-triangle-isoscelesBlue.right {
    margin-right: 50px;
    background: #00B7F1;
}

/* THE TRIANGLE
------------------------------------------ */

/* creates triangle */
.spd-n-triangle-isosceles:after {
    content: "";
    display: block; /* reduce the damage in FF3.0 */
    position: absolute;
    bottom: -8px; /* value = - border-top-width - border-bottom-width */
    left: 35px; /* controls horizontal position */
    width: 0;
    height: 0;
    border-width: 8px 8px 0; /* vary these values to change the angle of the vertex */
    border-style: solid;
    border-color: #f6f6f6 transparent;
}


/* spd-n-tstml slider client area style*/
.spd-n-c-comments {
    padding-bottom: 0px;
    /* display: inline-block; */
    /* width: 100%; */
    margin-top: -30px;
    padding-top: 0px;
}

    .spd-n-c-comments img {
        width: 25px !important;
        height: 25px !important;
    }

.spd-n-c-text {
    margin-top: -14px;
    padding-top: 0px;
    display: block;
    width: 100%;
    padding-left: 42px;
}

/*======================== spd-n-Testamonial Slider Area Style end =========================*/




/*======================== spd-n- testamonial 3 column section style Start =========================*/

/* spd-n-tstml 3columns client area style*/
.spd-n-c-comments-3columns {
    padding-bottom: 0px;
    display: inline-block;
}

    .spd-n-c-comments-3columns img {
        width: 25px !important;
        height: 25px !important;
        margin-top: -35px;
        margin-left: 3%;
    }

.spd-n-c-text-3columns {
    margin-top: -24px;
    padding-top: 0px;
    display: block;
    width: 100%;
    padding-left: 42px;
}

/*======================== spd-n- testamonial 3 column section style end =========================*/




/*======================== spd-n- testamonial 2 columns right image section style  =========================*/
.spd-n-triangle-isosceles-Right {
    width: 80%;
    position: relative;
    padding: 15px;
    margin: 1em 0 3em;
    background: #fff; /* default background for browsers without gradient support */
    /* css3 */
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    /* NOTE: webkit gradient implementation is not as per spec */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: -moz-linear-gradient(top, #fff, #fff);
    background: -o-linear-gradient(top, #fff, #fff);
    border: 1px solid #c2c1c1;
    float: left;
}

.spd-n-c-comments-2columns-Right {
    width: 18%;
    float: left;
    position: relative;
    margin-top: 2%;
}

    .spd-n-c-comments-2columns-Right img {
        text-align: center;
        float: none;
        margin-left: 15px;
        padding: 10px;
        margin-top: 30%;
        width: 50px;
        height: 50px;
        border: 1px solid #dddddd;
        border-radius: 100%;
        background: #f6f6f6;
    }

/* creates triangle */
.spd-n-triangle-isosceles-Right:after {
    content: "";
    border-right: 1px solid #c2c1c1;
    border-bottom: 1px solid #c2c1c1;
    width: 9px;
    height: 9px;
    position: absolute;
    background: #fff;
    top: 50%;
    left: 99.1% !important;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}


.spd-n-triangle-isosceles-Left {
    width: 80%;
    position: relative;
    padding: 15px;
    margin: 1em 0 3em;
    background: #fff; /* default background for browsers without gradient support */
    /* css3 */
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    /* NOTE: webkit gradient implementation is not as per spec */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: -moz-linear-gradient(top, #fff, #fff);
    background: -o-linear-gradient(top, #fff, #fff);
    border: 1px solid #c2c1c1;
    float: left;
}

.spd-n-tstm-section2-clients-text {
    text-align: center !important;
    padding: 15px!important;
}

/*=========================== spd-n- testamonial 2 columns right image section style end ===============================*/




/*======================== spd-n-Testimonial Section3 What Saying Our Clients section style Close ======================*/

/* News tricker */
.twittbox > ul {
    padding: 0 !important;
    height: 157px;
    overflow: hidden;
    display: block;
}

#ticker > li {
    list-style: none;
    margin-bottom: 5px;
}

#ticker a {
    padding-right: 6px;
}

#ticker p {
    font-style: italic;
    margin-bottom: 5px;
}

#ticker2 > li {
    list-style: none;
    padding-top: 5px;
}

/* What Saying Our Clients Section */
span.spd-n-right-tstm-text {
    margin-top: -8px;
    display: block;
    padding-left: 2%;
    font-style: italic;
}

.spd-n-tstm-right-Name {
    text-align: right;
}

.spd-n-tstm-right-Desig {
    text-align: right;
}

.spd-n-tstm-right-site {
    text-align: right;
}

    .spd-n-tstm-right-site a {
        text-decoration: none;
    }

.spd-n-tstm-right-b-border {
    border-bottom: 1px solid #c2c1c1;
    display: block;
    height: 1px;
}

/*======================== spd-n-Testimonial Section3 What Saying Our Clients section style end ========================*/




/*============================== spd-n-Testimonial spd-n-Testimonial parallax Section style  ===========================*/

/* parallax top arrow*/
.spd-n-triangle-isosceles-top {
    position: relative;
    padding: 0px;
    margin: 0em 0 0em;
    background: #ffffff; /* default background for browsers without gradient support */
    /* css3 */
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    /* NOTE: webkit gradient implementation is not as per spec */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: -o-linear-gradient(top, #ffffff, #ffffff);
}

    .spd-n-triangle-isosceles-top:after {
        content: "";
        display: block; /* reduce the damage in FF3.0 */
        position: absolute;
        bottom: -30px; /* value = - border-top-width - border-bottom-width */
        left: 47%; /* controls horizontal position */
        width: 0;
        height: 0;
        border-width: 30px 30px 0; /* vary these values to change the angle of the vertex */
        border-style: solid;
        border-color: #fff transparent;
    }

.spd-n-parallax-title {
    padding: 0px 5px 0px 5px;
    color: #fff;
    text-align: center;
}

.spd-n-parallax-sl-img img {
    width: 100px;
    height: 100px;
    background: #cfcfcf;
    border-radius: 100%;
    text-align: center;
    float: none;
    margin: 0 auto;
    border: 2px solid #fff;
    padding: 2px;
}

.spd-n-parallax-c-n {
    text-align: center;
    padding: 10px;
}

.spd-n-parallax-c-add {
    padding: 10px 10px 0px 10px;
    text-decoration: none;
    float: none;
    margin: 0 auto;
    color: #60B2E9 !important;
}

    .spd-n-parallax-c-add:hover {
        text-decoration: none;
        color: #60B2E9;
    }

.spd-n-test-parallax-ted {
    font-style: italic;
    color: #fff;
}

/*============================== spd-n-Testimonial spd-n-Testimonial parallax Section style end ========================*/





/*========================================== spd-n-Quotes Section Style Start ==========================================*/
.spd-n-quote-area {
    width: 100%;
    padding: 20px 15px 40px 15px;
    border-top: 1px solid #c2c1c1;
    border-bottom: 1px solid #c2c1c1;
    border-right-width: 10px;
    border-right-style: solid;
    border-left-width: 10px;
    border-left-style: solid;
    border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.spd-n-quote-area2 {
    width: 100%;
    padding: 40px 15px 40px 15px;
    border-top: 1px solid #c2c1c1;
    border-bottom: 1px solid #c2c1c1;
    border-right-width: 10px;
    border-right-style: solid;
    border-left-width: 10px;
    border-left-style: solid;
    border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.spd-n-quote-area3 {
    width: 100%;
    padding: 40px 15px 40px 15px;
    border-top: 1px solid #c2c1c1;
    border-bottom: 1px solid #c2c1c1;
    border-right-width: 10px;
    border-right-style: solid;
    border-left-width: 10px;
    border-left-style: solid;
    border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.ContBody2-new {
    font-family: 'Times New Roman', Verdana, Tahoma;
}

.spd-n-quote-start {
    font-size: 50px;
    font-family: Verdana,'Times New Roman', Arial;
    font-style: normal;
}

/*========================================== spd-n-Quotes Section Style end =============================================*/





/*========================================== spd-n-FlipBox Section Style start ===========================================*/

/* spd-n-FlipBox Title Area style*/
.spd-n-cont-header-Flip {
    border-bottom-width: 4px;
    border-bottom-style: double;
    text-align: center;
    border-bottom-color: #c2c1c1;
    margin-right: 5px;
}

    .spd-n-cont-header-Flip span {
        padding: 0px 5px 0px 5px;
        background-color: #fff;
        position: relative;
        top: 12px;
    }


#spd-n-f1_container {
    position: relative;
    margin: 10px auto;
    width: 100%;
    z-index: 1;
    overflow: visible;
    margin-bottom: 5px;
    position: relative;
}

#spd-n-f1_container {
    perspective: 1000;
    -webkit-perspective: 1000;
}

#spd-n-f1_card {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transition: all 1.0s linear;
    -webkit-transition: all 1.0s linear;
    -moz-transition: all 1.0s linear;
    -ms-transition: all 1.0s linear;
    -o-transition: all 1.0s linear;
}

#spd-n-f1_container:hover #spd-n-f1_card {
    transform: rotatex(180deg);
    -webkit-transform: rotatex(180deg);
    -moz-transform: rotatex(180deg);
    -ms-transform: rotatex(180deg);
    -o-transform: rotatex(180deg);
}

.spd-n-face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    max-width: 100% !important;
}

    .spd-n-face.spd-n-back {
        display: block;
        transform: rotatex(180deg);
        -webkit-transform: rotatex(180deg);
        -moz-transform: rotatex(180deg);
        -ms-transform: rotatex(180deg);
        -o-transform: rotatex(180deg);
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        box-sizing: border-box;
        padding: 20px;
        color: #ffffff;
        text-align: center;
        height: 100%;
    }

.spd-n-front, .spd-n-back {
    border: 1px solid #E2E2E2;
    padding: 25px;
    text-align: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
}

.spd-n-flip_box .spd-n-front {
    position: relative;
    z-index: 0;
    background-color: #FFF;
    transform: rotatex(0deg);
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
    -o-transform: rotatex(0deg);
}

.spd-n-flip_box .spd-n-front, .spd-n-flip_box .spd-n-back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    transition: all 750ms ease 0s;
    -webkit-transition: all 750ms ease 0s;
    -moz-transition: all 750ms ease 0s;
    -ms-transition: all 750ms ease 0s;
    -o-transition: all 750ms ease 0s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
}

.spd-n-fl-box-image {
    width: 80px;
    height: 80px;
    border: 3px double #f6f6f6;
    text-align: center;
    display: block;
    float: none;
    margin: 0 auto !important;
    color: #fff;
    padding-top: 15px;
}

.spd-n-fl-box-image-back {
    width: 80px;
    height: 80px;
    border: 3px double #DCDDDD;
    text-align: center;
    display: block;
    float: none;
    margin: 0 auto !important;
    color: inherit;
    padding-top: 15px;
}

.fa-4x spd-fa-icon {
    color: #fff;
    padding-top: 15px;
    text-align: center;
}

.fa-4x spd-fa-icon-back {
    color: #fff;
    padding-top: 15px;
    text-align: center;
}

.front-bg {
    background: #ffffff;
    border: 1px solid #DCD8D8;
}

.spd-n-fl-fron-Title {
    text-align: center;
}

.spd-n-fl-fron-Title {
    padding-bottom: 5px;
}

.spd-n-fl-box-a {
    width: 120px;
    border: 1px solid #DCDDDD;
    margin: 0 auto !important;
    padding: 8px 8px 8px 8px;
}

    .spd-n-fl-box-a a {
        color: #fff;
        text-align: center;
        text-decoration: none;
    }

@media handheld, only screen and (max-width:767px) {
    .spd-n-face.spd-n-back {
        padding: 10px 20px 0px 20px;
    }
    .spd-r-image-effect-two-s { transform:none !important;}
}
/*========================================== spd-n-FlipBox Section Style end ===========================================*/




/*========================================== r-turn spd-n-FlipBox Section Style start ==================================*/

#spd-n-f1_container-r-turn {
    position: relative;
    margin: 10px auto;
    width: 100%;
    z-index: 1;
    overflow: visible;
    margin-bottom: 5px;
    position: relative;
}

#spd-n-f1_container-r-turn {
    perspective: 1000;
    -webkit-perspective: 1000;
}

#spd-n-f1_card-r-turn {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: all 1.0s linear;
    -webkit-transition: all 1.0s linear;
}

#spd-n-f1_container-r-turn:hover #spd-n-f1_card-r-turn {
    transform: rotatey(180deg);
    -webkit-transform: rotatey(180deg);
}

.spd-n-face-r-turn {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

    .spd-n-face-r-turn.spd-n-back-r-turn {
        display: block;
        transform: rotatey(180deg);
        -webkit-transform: rotatey(180deg);
        box-sizing: border-box;
        padding: 25px;
        color: inherit;
        text-align: center;
        background-color: #ffffff;
		transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
    }


.spd-n-front-r-turn, .spd-n-back-r-turn {
    border: 1px solid #E2E2E2;
    padding: 25px;
    text-align: center;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
	transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.spd-n-flip_box-r-turn .spd-n-front-r-turn {
    position: relative;
    z-index: 0;
    background-color: #FFF;
    transform: rotatex(0deg);
    -webkit-transform: rotatex(0deg);
}

.spd-n-flip_box-r-turn .spd-n-front-r-turn, .spd-n-flip_box-r-turn .spd-n-back-r-turn {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: all 750ms ease 0s;
    -webkit-transition: all 750ms ease 0s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.spd-n-fl-box-image-r-turn {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border-width: 6px;
    border-style: double;
    text-align: center;
    display: block;
    color: #80c3f1;
    float: none;
    margin: 0 auto !important;
    padding-top: 15px;
    background: #fff;
}

.spd-n-fl-box-image-back-r-turn {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border-width: 6px;
    border-style: double;
    text-align: center;
    display: block;
    float: none;
    margin: 0 auto !important;
    background: #fff;
    color: inherit;
    padding-top: 15px;
}

.fa-4x spd-fa-icon {
    padding-top: 15px;
    text-align: center;
}

.fa-4x spd-fa-icon-back {
    color: #fff;
    padding-top: 15px;
    text-align: center;
}

.front-bg-r-turn {
    background: #ffffff;
    border: 1px solid #DCD8D8;
}

.spd-n-fl-fron-Title-r-turn {
    text-align: center;
}

.spd-n-fl-fron-Title-r-turn {
    padding-bottom: 5px;
}

.spd-n-fl-box-a-r-turn {
    width: 120px;
    border: 1px solid #DCDDDD;
    margin: 0 auto !important;
    padding: 8px 8px 8px 8px;
}

    .spd-n-fl-box-a-r-turn a {
        color: inherit;
        text-align: center;
        text-decoration: none;
    }

@media handheld, only screen and (max-width:767px) {
    .spd-n-face-r-turn.spd-n-back-r-turn {
        padding: 10px 20px 0px 20px;
    }
}

/*========================================== r-turn spd-n-FlipBox Section Style end ==================================*/




/*========================================== with-bg spd-n-FlipBox Section Style start =============================================*/


.spd-n-fl-bx-external-area {
    background-color: #0075a3;
}

#spd-n-f1_container-with-bg {
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: visible;
    position: relative;
    height: auto;
    max-height: 100%;
}

#spd-n-f1_container-with-bg {
    perspective: 1000;
    -webkit-perspective: 1000;
}

#spd-n-f1_card-with-bg {
    width: 100%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: all 1.0s linear;
    -webkit-transition: all 1.0s linear;
}

#spd-n-f1_container-with-bg:hover #spd-n-f1_card-with-bg {
    transform: rotatey(180deg);
    -webkit-transform: rotatey(180deg);
}

.spd-n-face-with-bg {
    position: absolute;
    width: 100%;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

    .spd-n-face-with-bg.spd-n-back-with-bg {
        display: block;
        transform: rotatey(180deg);
        -webkit-transform: rotatey(180deg);
        box-sizing: border-box;
        color: inherit;
        text-align: center;
        -webkit-transform-style: preserve-3d;
    }

.spd-n-front-with-bg, .spd-n-back-with-bg {
    border: 1px solid #E2E2E2;
    text-align: center;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #0087bd;
    border: none;
    color: #fff;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    -o-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    -webkit-transform-style: preserve-3d;
}

.spd-n-flip_box-with-bg .spd-n-front-with-bg {
    position: relative;
    z-index: 0;
    background-color: #FFF;
    transform: rotatey(0deg);
    -webkit-transform: rotatey(0deg);
    -webkit-transform-style: preserve-3d;
}

.spd-n-flip_box-with-bg .spd-n-front-with-bg, .spd-n-flip_box-with-bg .spd-n-back-with-bg {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: all 750ms ease 0s;
    -webkit-transition: all 750ms ease 0s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.spd-n-fl-back-border {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 10px;
}

.spd-n-fl-fron-Title-with-bg {
    text-align: center;
    font-weight: 600;
    color: #fff;
}

.spd-n-fl-box-a-with-bg {
    width: 120px;
    border: 1px solid #DCDDDD;
    margin: 0 auto !important;
    padding: 8px 8px 8px 8px;
}

    .spd-n-fl-box-a-with-bg a {
        color: inherit;
        text-align: center;
        text-decoration: none;
    }



@media handheld, only screen and (max-width:767px) {
    .spd-n-face-with-bg.spd-n-back-with-bg {
        padding: 10px 20px 0px 20px;
    }
}

/*========================================== with-bg-spd-n-FlipBox Section Style end ============================================*/




/*============================================ spd-n-FlipBox Last Section Start =================================================*/

.spd-n-cont-header-Flip-bottom {
    border-bottom-width: 1px;
    border-bottom-style: double;
    text-align: center;
    border-bottom-color: #c2c1c1;
    margin-right: 5px;
    margin-top: -15px;
}

    .spd-n-cont-header-Flip-bottom span {
        padding: 0px 5px 0px 5px;
        background-color: #fff;
        position: relative;
        top: 22px;
    }

.spd-n-bg2color {
    background: #eef0f0;
    box-shadow: none;
}

.spd-n-fl-cd-bx-title {
    font-size: 19px;
    font-weight: 600;
}

.spd-n-back-padding {
    padding: 10px 25px 25px 25px;
}

.spd-n-b-circle-area {
    margin-top: -30px;
}

.spd-n-bottom-r-circle {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    margin: 0 auto !important;
    background: #fff;
    text-align: center;
    color: #015680;
}

.spd-n-down-arrow {
    padding: 12px 0px 0px 12px;
}

.spd-n-details-button {
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    width: 55%;
    min-height: 40px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #016a9d 0%,#00486c 100%);
    padding: 10px;
    color: #fff;
    margin: 0 auto !important;
}

.spd-n-fl-box-cont-text {
    line-height: 30px;
    font-weight: normal;
}

.spd-n-fl-box-right-gap {
    margin-right: 15px;
}


/* flipbox bottom section*/
#spd-n-f1_container-with-bg-bottom {
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: visible;
    position: relative;
    height: auto;
    max-height: 100%;
}

#spd-n-f1_container-with-bg-bottom {
    perspective: 1000;
}

#spd-n-f1_card-with-bg-bottom {
    width: 100%;
	transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transition: all 1.0s linear;
    -webkit-transition: all 1.0s linear;
	-moz-transition: all 1.0s linear;
	-ms-transition: all 1.0s linear;
	-o-transition: all 1.0s linear;
}

#spd-n-f1_container-with-bg-bottom:hover #spd-n-f1_card-with-bg-bottom {
	backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
	-moz- backface-visibility: hidden !important;
	-ms- backface-visibility: hidden !important;
	-o- backface-visibility: hidden !important;
	transform: rotatex(180deg);
    -webkit-transform: rotatex(180deg);
	-moz-transform: rotatex(180deg);
	-ms-transform: rotatex(180deg);
	-o-transform: rotatex(180deg);
}

.spd-n-face-with-bg-bottom {
    position: absolute;
    width: 100%;
	
}

    .spd-n-face-with-bg-bottom.spd-n-back-with-bg-bottom {

        display: block;
        transform: rotatex(180deg);
		-webkit-transform: rotatex(180deg);
		-moz-transform: rotatex(180deg);
		-ms-transform: rotatex(180deg);
		-o-transform: rotatex(180deg);
        box-sizing: border-box;
        color: inherit;
        text-align: center;
    }

.spd-n-front-with-bg-bottom, .spd-n-back-with-bg-bottom {
    border: 1px solid #E2E2E2;
    text-align: center;
    backface-visibility:hidden !important;
	-webkit-backface-visibility:hidden !important;
	-moz-backface-visibility:hidden !important;
	-ms-backface-visibility:hidden !important;
	-o-backface-visibility:hidden !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #0087bd;
    border: none;
    color: #fff;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    -o-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
}

.spd-n-flip_box-with-bg-bottom .spd-n-front-with-bg-bottom {
	
    position: relative;
    z-index: 0;
    background-color: #FFF;
    transform: rotatex(0deg);
	-webkit-transform: rotatex(0deg);
	-moz-transform: rotatex(0deg);
	-ms-transform: rotatex(0deg);
	-o-transform: rotatex(0deg);
}

.spd-n-flip_box-with-bg-bottom .spd-n-front-with-bg-bttom, .spd-n-flip_box-with-bg-bottom .spd-n-back-with-bg-bttom {
    backface-visibility: hidden;
	-webkit-backface-visibility: hidden !important;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
    transition: all 750ms ease 0s;
	-webkit-transition: all 750ms ease 0s;
	-moz-transition: all 750ms ease 0s;
	-ms-transition: all 750ms ease 0s;
	-o-transition: all 750ms ease 0s;
    transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
}


.spd-n-fl-top-border {
    border-bottom: 1px solid #c2c1c1;
    text-align: center;
    padding-bottom: 10px;
}

.spd-n-no-background {
    background: transparent;
    color: inherit;
    box-shadow: none;
}

.spd-n-bottom-box-image img {
    text-align: center;
    width: 100px;
    height: 100px;
}

.spd-n-packpadding {
    padding-top: 0px;
}

/* counter box */
.spd-n-counter-box-flip {
    text-align: center;
    border: 1px solid #dddddd;
}

    .spd-n-counter-box-flip:hover {
        background: url(../../images/icons/beige_paper.png);
    }

.bigcount, .counter-ex {
    font-size: 3em;
    font-weight: 600;
}

.spd-n-counter-box h2 {
    font-weight: 300;
}

.spd-n-counter-box i {
    display: inline-block;
    width: 100%;
}

.spd-n-counterbox_Area1 {
    margin-right: 0px;
    padding-right: 0px;
}

.spd-n-counterbox_Area2 {
    margin-left: 0px;
    padding-left: 0px;
}

@media screen and (max-width: 767px) {
    .spd-n-counterbox_Area {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }

    .spd-n-counterbox_Area1 {
        margin-right: 15px;
        padding-right: 0px;
    }

    .spd-n-counterbox_Area2 {
        margin-left: 15px;
        padding-left: 0px;
    }
}

/*============================================ spd-n-FlipBox Last Section end =================================================*/





/*============================================ spd-n-Banner-full-1-start =================================================*/

/****spd-n-banner-full-1****/
.spd-n-banner-full-1 {
    background: url(../images/spd-n-blar-bg-new.jpg) #1e3167;
    padding: 10px;
    background-size:cover;
}


.spd-n-bn-full-1-area {
    border: 4px double #fff;
}

.spd-n-bn-full-1-title, .spd-n-bn-full-1-text {
    text-align: center;
    color: #fff;
}


/*icon box content*/
.spd-n1-iconbox {
    text-align: center;
    color: #fff;
}

    .spd-n1-iconbox i {
        width: 50px;
        height: 50px;
        line-height: 43px;
        color: #00aab3;
        text-align: center;
        border: 3px solid #ddd;
        border-radius: 50%;
        transition: all .8s ease;
    }

    .spd-n1-iconbox:hover i {
        border-color: #6DC058;
        color: #00aab3;
    }

/*icon box content02*/
.spd-n2-iconbox i {
    background: #1B72AC;
    color: #ffffff;
}

.spd-n2-iconbox:hover i {
    border-color: #fff;
    color: #fff;
    background: none;
}


/*icon box content03*/
.spd-n3-iconbox:hover i {
    border-color: #00aab3;
    color: #ffffff;
    background: #00aab3;
}


/*icon box content04*/
.spd-n4-iconbox:hover i {
    transform: rotateY(180deg);
}


/*============================================ spd-n-Banner-half-left2 & right2-start =================================================*/


.spd-n-banner-half-left1 {
    background: url(../images/parallax-sk.jpg);
    padding: 10px;
}

.spd-n-banner-half-right1 {
    background: url(../images/hover-image/15.jpg)#071209;
    padding: 10px;
}

.spd-n-banner-half-left {
    background: #21223e;
}

.spd-n-halft-left {
    color: #baadfd;
}

.spd-n-bn-full-text-bg-right {
    color: #fff;
    padding: 10px;
    margin: 10px;
    background: url(../../Core/images/bn-full-bg-small3.png);
}


.spd-banner-half-left-logo {
    text-align: center;
    color: #fff;
    font-style: italic;
    font-weight: 600;
}

.spd-banner-half-text {
    text-align: left;
    color: #baadfd;
    text-transform: uppercase;
    padding-bottom: 0px;
    font-weight: 600;
}

.spd-banner-half-text2 {
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    padding-top: 0px;
    font-weight: 600;
}

.banner-read-more {
    width: 130px;
    background: #fff;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
}

    .banner-read-more a {
        text-align: center;
        text-decoration: none;
        color: #363640;
        font-weight: 600;
    }

.banner-read-more1 a {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    font-style: italic;
}

.spd-n-banner-half-left-image img {
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-bottom-left-radius: 40px;
    -webkit-box-shadow: -1px 5px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: -1px 5px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: -1px 5px 5px 0px rgba(50, 50, 50, 0.75);
    border: 1px solid #E2E2E2;
    height: auto;
    min-height: 320px;
}



@media handheld, only screen and (max-width:999px) {
    .spd-n-banner-half-left-image img {
        height: auto;
        min-height: 400px;
    }
}

.spd-n-chart1 p {
  font-size: 40px;
  padding: 57px;
}

/*============================================ spd-n-Banner-full2-start =================================================*/

.spd-n-banner-full2 {
    background: url(../Core/images/spd-n-banner-full2-bg.png) #0c36bb;
    padding: 10px;
}

.spd-n-bn-full-area {
    border: 4px double #fff;
}

.spd-n-bn-halft-left1-area {
    border: 2px solid #fff;
}

.spd-n-bn-halft-right2-area {
    border: 4px solid #3da02e;
}

.spd-n-bn-full-text-bg {
    color: #fff;
    padding: 10px;
    margin: 10px;
    background-image: url(../images/bn-full-bg-small.jpg);
}

.spd-n-bn-full-text-bg-left {
    color: #fff;
    padding: 10px;
    margin: 10px;
    background: url(.././Core/images/bn-full-bg-small2.png);
}


.spd-n-bn-full-title, .spd-n-bn-full-text {
    text-align: center;
    color: #fff;
}


.spd-n-bn-halft-right2-area2 {
    border: 3px groove #d8b88a;
}

.spd-n-banner-half-left2 {
    background: url(.././Core/images/spd-n-bn-full-1-bg.png)#d7f606;
    padding: 10px;
}


.spd-n-discount {
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding-bottom: 15px;
    padding-top: 15px;
}

.spd-n-discount-rate {
    font-size: 50px;
    font-weight: bold;
    padding-right: 8px;
    padding-top: 10px;
}

.spd-n-discount-image img {
    width: 143px;
}



.spd-n-banner-half-right3 {
    background: url(.././Core/images/spd-n-banner-right-BG.png)#f8f244;
    padding: 10px;
}


.spd-n-bn-full-text-bg-right1 {
    padding: 0px 20px;
}


.spd-n-new-border {
    border: 10px double #d5961c;
}

.spd-n-new-bg {
    background: #d5961c;
}

.spd-n-new-bg2 {
    background: #369c4b;
}

.spd-n-new-border2 {
    border: 10px solid #369c4b;
}




.spd-n-bn-half-new-bg {
    background: #7c3e0d;
    padding: 10px;
}


.spd-n-bn-halft-left-new-area {
    border: 3px inset #ffffff;
}



.spd-n-bn-half-left-new-bg {
    background: url(.././Core/images/spd-n-bn-half-left-new.png)#262121;
    padding: 10px;
}



.spd-n-bn-halft-right-new-border {
    border: 4px groove #B3B986;
    border-radius: 10px;
}



.spd-n-new-bg-5 {
    background: #f28109;
}

.spd-n-new-border-5 {
    border: 10px double #f28109;
}



/*banner-slider-start*/


.spd-n-cr-container {
    width: 100%;
    height: 310px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    border: 20px solid #f4f5f5;
    box-shadow: -1px 3px 6px rgba(0,0,0,0.1);
    padding-bottom: 20px;
    -webkit-box-shadow: -1px 3px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: -1px 3px 6px rgba(0,0,0,0.1);
    -o-box-shadow: -1px 3px 6px rgba(0,0,0,0.1);
}

    .spd-n-cr-container label {
        font-style: italic;
        width: 25%;
        height: 30px;
        cursor: pointer;
        color: #fff;
        line-height: 32px;
        font-size: 24px;
        float: left;
        position: relative;
        margin-top: 20%;
        z-index: 1000;
        text-align: center;
    }




@media screen and (min-width: 1024px) {
    .spd-n-cr-container label {
        margin-top: 21%;
    }

}


@media screen and (max-width: 1024px) {
    .spd-n-cr-container label {
        margin-top: 22%;
    }
		.spd-n1-iconbox h4 {
  font-size: 13px;
}
}



@media screen and (max-width: 999px) {
    .spd-n-cr-container label {
        margin-top: 24%;
    }
}



@media screen and (max-width: 995px) {
    .spd-n-cr-container label {
        margin-top: 25%;
    }
}


@media screen and (max-width: 980px) {
    .spd-n-cr-container label {
        margin-top: 26%;
    }

    .spd-n-cr-container {
        min-height: 320px;
    }

    .spd-n-cr-bgimg {
        min-height: 320px;
    }
}


@media screen and (max-width: 920px) {
    .spd-n-cr-container label {
        margin-top: 29%;
    }
}


@media screen and (max-width: 900px) {
    .spd-n-cr-container label {
        margin-top: 28%;
    }
}



@media screen and (max-width: 880px) {
    .spd-n-cr-container label {
        margin-top: 30%;
    }
}


@media screen and (max-width: 850px) {
    .spd-n-cr-container label {
        margin-top: 33%;
    }
}

.spd-n-cr-container label:before {
    content: '';
    width: 34px;
    height: 34px;
    background: rgba(130,195,217,0.9);
    position: absolute;
    left: 50%;
    margin-left: -17px;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.3);
    z-index: -1;
}

.spd-n-cr-container label:after {
    width: 0px;
    content: '';
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    position: absolute;
    bottom: -20px;
    right: 0px;
}

.spd-n-cr-container label.spd-n-cr-label-img-4:after {
    width: 0px;
}

.spd-n-cr-container input.spd-n-cr-selector-img-1:checked ~ label.spd-n-cr-label-img-1,
.spd-n-cr-container input.spd-n-cr-selector-img-2:checked ~ label.spd-n-cr-label-img-2,
.spd-n-cr-container input.spd-n-cr-selector-img-3:checked ~ label.spd-n-cr-label-img-3,
.spd-n-cr-container input.spd-n-cr-selector-img-4:checked ~ label.spd-n-cr-label-img-4 {
    color: #68abc2;
}

    .spd-n-cr-container input.spd-n-cr-selector-img-1:checked ~ label.spd-n-cr-label-img-1:before,
    .spd-n-cr-container input.spd-n-cr-selector-img-2:checked ~ label.spd-n-cr-label-img-2:before,
    .spd-n-cr-container input.spd-n-cr-selector-img-3:checked ~ label.spd-n-cr-label-img-3:before,
    .spd-n-cr-container input.spd-n-cr-selector-img-4:checked ~ label.spd-n-cr-label-img-4:before {
        background: #fff;
        box-shadow: 0px 0px 0px 4px rgba(104,171,194,0.6);
    }

.spd-n-cr-container input {
    display: none;
}

.spd-n-cr-bgimg {
    width: 100%;
    height: 300px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.spd-n-cr-bgimg {
    background-repeat: no-repeat;
    background-position: 0 0;
}

    .spd-n-cr-bgimg div {
        width: 25%;
        height: 100%;
        position: relative;
        float: left;
        overflow: hidden;
        background-repeat: no-repeat;
    }

        .spd-n-cr-bgimg div span {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 10px;
            z-index: 2;
            text-indent: -9000px;
        }

        .spd-n-cr-bgimg div:nth-child(odd) span {
            left: -150px;
        }

        .spd-n-cr-container input.spd-n-cr-selector-img-1:checked ~ .spd-n-cr-bgimg,
        .spd-n-cr-bgimg div span:nth-child(1) {
            background-image: url(../images/footer-top-bg.jpg);
            background-size:cover;
        }

        .spd-n-cr-container input.spd-n-cr-selector-img-2:checked ~ .spd-n-cr-bgimg,
        .spd-n-cr-bgimg div span:nth-child(2) {
            background-image: url(../images/spd-sh-service.jpg);
            
           
        }

        .spd-n-cr-container input.spd-n-cr-selector-img-3:checked ~ .spd-n-cr-bgimg,
        .spd-n-cr-bgimg div span:nth-child(3) {
            background-image: url(../images/12.jpg);
        }

        .spd-n-cr-container input.spd-n-cr-selector-img-4:checked ~ .spd-n-cr-bgimg,
        .spd-n-cr-bgimg div span:nth-child(4) {
            background-image: url(../images/14.jpg);
        }

        .spd-n-cr-bgimg div:nth-child(1) span {
            background-position: 0px 0px;
        }

        .spd-n-cr-bgimg div:nth-child(2) span {
            background-position: -150px 0px;
        }

        .spd-n-cr-bgimg div:nth-child(3) span {
            background-position: -300px 0px;
        }

        .spd-n-cr-bgimg div:nth-child(4) span {
            background-position: -450px 0px;
        }

.spd-n-cr-container input:checked ~ .spd-n-cr-bgimg div span {
    -webkit-animation: slideOutRight 0.6s ease-in-out;
    -moz-animation: slideOutRight 0.6s ease-in-out;
    -o-animation: slideOutRight 0.6s ease-in-out;
    -ms-animation: slideOutRight 0.6s ease-in-out;
    animation: slideOutRight 0.6s ease-in-out;
}

@-webkit-keyframes slideOutRight {
    0% {
        left: 0px;
    }

    100% {
        left: 150px;
    }
}

@-moz-keyframes slideOutRight {
    0% {
        left: 0px;
    }

    100% {
        left: 150px;
    }
}

@-o-keyframes slideOutRight {
    0%;

{
    left: 0px;
}

100% {
    left: 150px;
}

}
/*@-ms-keyframes slideOutRight{
	0%{ left: 0px; }
	100%{ left: 150px; }
}*/
@keyframes slideOutRight {
    0% {
        left: 0px;
    }

    100% {
        left: 150px;
    }
}

.spd-n-cr-container input:checked ~ .spd-n-cr-bgimg div:nth-child(even) span {
    -webkit-animation: slideOutLeft 0.6s ease-in-out;
    -moz-animation: slideOutLeft 0.6s ease-in-out;
    -o-animation: slideOutLeft 0.6s ease-in-out;
    -ms-animation: slideOutLeft 0.6s ease-in-out;
    animation: slideOutLeft 0.6s ease-in-out;
}

@-webkit-keyframes slideOutLeft {
    0% {
        left: 0px;
    }

    100% {
        left: -150px;
    }
}

@-moz-keyframes slideOutLeft {
    0% {
        left: 0px;
    }

    100% {
        left: -150px;
    }
}

@-o-keyframes slideOutLeft {
    0%;

{
    left: 0px;
}

100% {
    left: -150px;
}

}
/*@-ms-keyframes slideOutLeft{
	0%{ left: 0px; }
	100%{ left: -150px; }
}*/
@keyframes slideOutLeft {
    0% {
        left: 0px;
    }

    100% {
        left: -150px;
    }
}

.spd-n-cr-container input.spd-n-cr-selector-img-1:checked ~ .spd-n-cr-bgimg div span:nth-child(1),
.spd-n-cr-container input.spd-n-cr-selector-img-2:checked ~ .spd-n-cr-bgimg div span:nth-child(2),
.spd-n-cr-container input.spd-n-cr-selector-img-3:checked ~ .spd-n-cr-bgimg div span:nth-child(3),
.spd-n-cr-container input.spd-n-cr-selector-img-4:checked ~ .spd-n-cr-bgimg div span:nth-child(4) {
    -webkit-transition: left 0.5s ease-in-out;
    -moz-transition: left 0.5s ease-in-out;
    -o-transition: left 0.5s ease-in-out;
    -ms-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
    animation: none;
    left: 0px;
    z-index: 10;
}


.spd-n-cr-titles h1 {
    color: #fff;
}

    .spd-n-cr-titles h1 span {
        z-index: 10000;
        position: absolute;
        width: 90%;
        left: 0px;
        text-align: center;
        opacity: 0;
        top: 5%;
        left: 5%;
    }

        .spd-n-cr-titles h1 span:nth-child(1) {
            left: 5%;
            text-align: center;
            font-size: 50px;
            font-weight: 600;
            -webkit-transition: opacity 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
            -moz-transition: opacity 0.8s ease-in-out, -moz-transform 0.8s ease-in-out;
            -o-transition: opacity 0.8s ease-in-out, -o-transform 0.8s ease-in-out;
            -ms-transition: opacity 0.8s ease-in-out, -ms-transform 0.8s ease-in-out;
            transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
        }

        .spd-n-cr-titles h1 span:nth-child(2) {
            margin-top: 84px;
            border-right: 6px solid #80c3f1;
            border-left: 6px solid #80c3f1;
            letter-spacing: 0px;
            background: #fff;
            font-size: 14px;
            padding: 15px 15px;
            font-style: italic;
            opacity: 0;
            color: #666;
            -webkit-transition: opacity 0.8s ease-in-out;
            -moz-transition: opacity 0.8s ease-in-out;
            -o-transition: opacity 0.8s ease-in-out;
            -ms-transition: opacity 0.8s ease-in-out;
            transition: opacity 0.8s ease-in-out;
        }

.spd-n-cr-container input:checked ~ .spd-n-cr-titles h1 span:nth-child(1) {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.spd-n-cr-container input.spd-n-cr-selector-img-1:checked ~ .spd-n-cr-titles h1:nth-child(1) span:nth-child(1),
.spd-n-cr-container input.spd-n-cr-selector-img-2:checked ~ .spd-n-cr-titles h1:nth-child(2) span:nth-child(1),
.spd-n-cr-container input.spd-n-cr-selector-img-3:checked ~ .spd-n-cr-titles h1:nth-child(3) span:nth-child(1),
.spd-n-cr-container input.spd-n-cr-selector-img-4:checked ~ .spd-n-cr-titles h1:nth-child(4) span:nth-child(1) {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.spd-n-cr-container input.spd-n-cr-selector-img-1:checked ~ .spd-n-cr-titles h1:nth-child(1) span:nth-child(2),
.spd-n-cr-container input.spd-n-cr-selector-img-2:checked ~ .spd-n-cr-titles h1:nth-child(2) span:nth-child(2),
.spd-n-cr-container input.spd-n-cr-selector-img-3:checked ~ .spd-n-cr-titles h1:nth-child(3) span:nth-child(2),
.spd-n-cr-container input.spd-n-cr-selector-img-4:checked ~ .spd-n-cr-titles h1:nth-child(4) span:nth-child(2) {
    opacity: 1;
}



/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */



@media screen and (max-width: 767px) {
    .spd-n-cr-container {
        min-height: 400px;
    }

    .spd-n-cr-bgimg {
        min-height: 400px;
    }

    .spd-n-cr-titles h1 span:nth-child(1) {
        font-size: 40px;
        text-align: center;
    }

    .spd-n-cr-container input {
        display: inline;
        width: 24%;
        margin-top: 320px;
        z-index: 1000;
        position: relative;
    }

    .spd-n-cr-container label {
        display: none;
    }
}


/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */
@media screen and (max-width: 480px) {
    .spd-n-cr-container {
        min-height: 500px;
    }

    .spd-n-cr-bgimg {
        min-height: 500px;
    }

    .spd-n-cr-titles h1 span:nth-child(1) {
        font-size: 40px;
        text-align: center;
    }

    .spd-n-cr-container input {
        display: inline;
        width: 24%;
        margin-top: 400px;
        z-index: 1000;
        position: relative;
    }

    .spd-n-cr-container label {
        display: none;
    }
}




/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */
@media screen and (max-width: 360px) {
    .spd-n-cr-container {
        min-height: 550px;
    }

    .spd-n-cr-bgimg {
        min-height: 550px;
    }

    .spd-n-cr-titles h1 span:nth-child(1) {
        font-size: 22px;
    }

    .spd-n-cr-container input {
        display: inline;
        width: 22%;
        margin-top: 480px;
        z-index: 1000;
        position: relative;
    }

    .spd-n-cr-container label {
        display: none;
    }
}

/*============================================ spd-n-Banner-sider-end =================================================*/





/** FANCY MEDIA CODE**/
.spd-n-fn-media-img-bg {
    background: #dddddd;
}

.spd-n-fn-m-text-bottom {
    padding: 15px 15px 15px 15px;
    text-align: center;
}
/** FANCY MEDIA END**/





/*============================================ spd-n-text-block-start =================================================*/

/*block-text-top-left1 & right1 section*/

.spd-n-bt-top-left1-area {
    border: 6px solid #47841B;
}


.spd-n-bt-top-left-bg {
    color: #fff;
    padding: 10px;
    background: #000;
}


.spd-n-bt-top-left-title, .spd-n-bt-top-left-text {
    text-align: center;
    color: #fff;
}

.spd-n-bt-top-right-bg {
    text-align: center;
    padding: 10px;
}

.spd-n-bt-top-right1-area {
    border: 6px dotted #47841B;
}


.spd-n-bt-top-left-title, .spd-n-bt-top-left-text {
    text-align: center;
}


/*block-text-top-left2 & right2 section*/

.spd-n-bt-top-left2-area {
    border: 8px groove #696969;
}


.spd-n-bt-top-left2-bg {
    padding: 10px;
}


.spd-n-bt-top-left2-title, .spd-n-bt-top-left2-text {
    text-align: center;
}

.spd-n-bt-top-right2-bg {
    text-align: center;
    padding: 10px;
    background: #4970b2;
}

.spd-n-bt-top-right2-area {
    border: 8px double #6e90c9;
}


.spd-n-bt-top-right2-title, .spd-n-bt-top-right2-text {
    text-align: center;
    color: #fff;
}


/*block-text-top-left3 & right3 section*/

.spd-n-bt-top-left3-area {
    border: 15px groove #4b920d;
}


.spd-n-bt-top-left3-bg {
    padding: 10px;
    background: #75b43d;
    color: #fff;
}


.spd-n-bt-top-left3-title, .spd-n-bt-top-left3-text {
    text-align: center;
}

.spd-n-bt-top-right3-bg {
    text-align: center;
    padding: 10px;
    background: #000;
}

.spd-n-bt-top-right3-area {
    border: 15px inset #ff6600;
}


.spd-n-bt-top-right3-title, .spd-n-bt-top-right3-text {
    text-align: center;
    color: #fff;
}



/*block-text-top-left4 & right4 section*/

.spd-n-bt-top-left4-area {
    border: 8px outset #3590c5;
}


.spd-n-bt-top-left4-bg {
    padding: 10px;
    background: #57b1e5;
    color: #fff;
}


.spd-n-bt-top-left4-title, .spd-n-bt-top-left4-text {
    text-align: center;
}

.spd-n-bt-top-right4-bg {
    text-align: center;
    padding: 10px;
    background: #7c43ca;
}

.spd-n-bt-top-right4-area {
    border: 6px dashed #7744bd;
}


.spd-n-bt-top-right4-title, .spd-n-bt-top-right4-text {
    text-align: center;
    color: #fff;
}



/*block-text-top-left5 & right5 section*/



.spd-n-bt-top-left5-bg {
    padding: 10px;
    background: #1e73be;
    color: #fff;
}




.spd-n-bt-top-right5-bg {
    padding: 10px;
    background: #9ea803;
    color: #fff;
}


/*block-text read more*/
.spd-n-bt-read-more {
    width: 130px;
    background: #fff;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
}

    .spd-n-bt-read-more a {
        text-align: center;
        text-decoration: none;
        color: #363640;
        font-weight: 600;
    }

.spd-n-bt-read-more2 {
    width: 130px;
    background: #47841B;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
}

    .spd-n-bt-read-more2 a {
        text-align: center;
        text-decoration: none;
        color: #363640;
        font-weight: 600;
    }

    .spd-n-bt-read-more2 a {
        text-decoration: none;
        color: #fff;
        font-weight: 500;
    }




/*icon box content*/
.spd-n1-iconbox {
    text-align: center;
    color: #fff;
}

    .spd-n1-iconbox i {
        width: 50px;
        height: 50px;
        line-height: 43px;
        color: #00aab3;
        text-align: center;
        border: 3px solid #ddd;
        border-radius: 50%;
        transition: all .8s ease;
    }

    .spd-n1-iconbox:hover i {
        border-color: #6DC058;
        color: #00aab3;
    }

/*icon box content02*/
.spd-n2-iconbox i {
    background: #1B72AC;
    color: #ffffff;
}

.spd-n2-iconbox:hover i {
    border-color: #fff;
    color: #fff;
    background: none;
}


/*icon box content03*/
.spd-n3-iconbox:hover i {
    border-color: #00aab3;
    color: #ffffff;
    background: #00aab3;
}


/*icon box content04*/
.spd-n4-iconbox:hover i {
    transform: rotateY(180deg);
}



/** Spd-n-home-testimonial code **/

.spd-n-cont-header-12 {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    text-align: left;
        margin-top: -75px;
}

    .spd-n-cont-header-12 > .border {
        padding: 0px 5px 0px 15px;
        background-color: #fff;
        position: relative;
        top: 90px;
        margin-left: 0px;
        padding-left: 0px;
    }

.spd-n-h-tstm-top {
    margin-bottom: 120px;
}

.spd-n-home-testm-image img {
    border-radius: 100%;
    border-width: 3px;
    border-style: solid;
    border-color:inherit;
    width: 180px;
    height: 180px;
    padding: 10px;
    background: #fff;
}



.spd-n-h-tstm-comma-start {
    font-size: 35px;
    font-style: italic;
}

.spd-n-home-tstm-text {
    margin-top: -30px !important;
    padding-left: 20px;
}


.spd-n-h-test-title {
    padding-left: 20px;
}




@media screen and (max-width: 767px) {
    .spd-n-cont-header-12 {
        border-bottom-width: 0px;
        float: none;
        margin: 0 auto !important;
    }

    .spd-n-home-testm-image img {
        float: none;
        margin: 0 auto !important;
    }

    .spd-n-h-test-title {
        text-align: center;
        padding-top: 10%;
    }

    .spd-n-h-tstm-top {
        margin: 0 auto;
        float: none;
        display: table;
    }
}


/**********************************
*  spd-n-home1-black-bg style *
**********************************/
MainHomePageGetStartText1 {
    font-size: 22px;
    font-weight: 200;
    color: #e6e5e5;
    padding-top: 4px;
    line-height: 20px;
    font-family: inherit;
}



/**********************************
*  spd-n-home-Pie-chart style *
**********************************/
.spd-n-counter-box {
    border: 3px solid #fff;
    border-radius: 100%;
    width: 80%;
    height: 80%;
    display: block;
    padding: 30px;
}

.spd-n-bigcount {
    color: #fff;
    padding-top: 40px;
}

.spd-n-coung-color {
    color: #fff;
    text-transform: none !important;
}



/**********************************
*  spd-n-black-bg-cont style *
**********************************/
.spd-n-black-bg-cont {
    background: url(../images/spd-n-black-bg-cont.png) #4C4C4C;
    color: #fff;
}

.spd-n-black-bg-cont2 {
    background: url(../images/spd-n-black-bg-cont.png) #131313;
    color: #fff;
    margin-top:2px;
}

.spd-n-black-bg-title {
    margin-top: -20px;
}

.spd-n-black-cont-title-gap {
    padding-right: 20px;
    font-size: 30px;
}

.spd-n-black-cont-text-gap {
    padding-left: 40px;
    color: #B8B8B8;
}

.spd-n-black-cont-text-gap2 {
    padding-left: 0px;
    color: #B8B8B8;
}

.spd-n-button-margin {
    margin-right: 2%;
}


.spd-n-home1-banner-title {
    color: #fff;
}

/**********************************
*  spd-n-neo-feature style *
**********************************/

.spd-n-neo-feature-title, .spd-n-neo-feature-text {
    text-align: center;
}


.spd-n-neo-feature-text2 {
    padding-left: 50px !important;
    text-align: left;
}

.spd-n-neo-feature-button, .spd-n-Shadhin-feature-button{
color: #fff !important;
margin-left: 40px !important;
} 
.spd-n-neo-feature-button:hover, .spd-n-Shadhin-feature-button:hover{
color: #fff;
}

.spd-n-list {
    padding-left: 30px !important;
}
 
/**********************************
*  spd-n-blar-box style *
**********************************/
.spd-n-blar-box1 {
    border: 1px solid #A8A7A7;
    padding: 10px;
    width: 100%;
    background: url(../images/spd-n-blar-box-bg.jpg);
    box-shadow: 0px 2px 2px #575656;
    -webkit-box-shadow: 0px 2px 2px #575656;
    -moz-box-shadow: 0px 2px 2px #575656;
    -o-box-shadow: 0px 2px 2px #575656;
}

.spd-n-blar-padding {
    line-height: 50px;
    color: #fff;
}

.spd-n-blar-box-icon {
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: -12% !important;
    margin-left: 43% !important;
}

@media screen and (max-width: 767px) {
    .spd-n-blar-box-icon {
        margin-top: 0 !important;
        margin-left: 45%;
    }
}

.spd-n-center-text {
    text-align: center;
}

.spd-n-blar-clr {
    color: #edeeef;
}

.spd-n-blar-readmore {
    font-weight: 600;
}


/**********************************
*  spd-n-404 error style *
**********************************/

.spd-n-404-Title {
    font-size: 150px;
    font-weight: bold;
    text-shadow: 1px 3px 3px #606060;
}

.spd-n-not-found-text {
    font-weight: bold;
}

.spd-n-404-padding {
    padding-left: 40px;
}

.spd-n-404-list li {
    border-bottom: 0px !important;
}

.spd-n-half {
    max-width: 100%;
    width: 100%;
}

.spd-n-right-align {
    text-align: right;
}

@media screen and (max-width: 767px) {
    .spd-n-home1-banner-title, .spd-n-black-cont-text-gap2 {
        text-align: center;
    }

    .spd-n-right-align {
        text-align: center;
    }
}

/**********************************
*  spd-n-career style *
**********************************/
.spd-n-padding-right {
    padding-right: 15px;
}

.spd-n-right-small {
    padding-left: 10px;
}


/* Starting Accordions Style */
.spd-r-center {
    text-align: center;
}

.spd-r-padding-left-15 {
    padding-left: 15px;
}

/* First Style **/

.spd-panel {
    box-shadow: none;
}

.spd-panel-group .spd-panel-heading + .spd-panel-collapse > .spd-panel-body {
    border-top: 1px solid #f5f3f3;
}

.spd-r-accor-first {
    border: 1px solid #f5f3f3;
    cursor: pointer;
    color: #6D6B6B;
}

.spd-r-accordion_icon {
    float: right;
}

.spd-r-accor-first > .spd-panel-collapse {
    background: none repeat scroll 0 0 #ffffff;
}

.spd-r-accor-first .collapsed {
    color: #5BC0DE;
}

.spd-r-accor-styl01 .spd-panel-group {
    margin-bottom: 10px;
}

/** Second Style **/

.spd-r-accor-second {
    border: 1px solid #f5f3f3;
    cursor: pointer;
    color: #6D6B6B;
    border-radius: 0px !important;
}

    .spd-r-accor-second .spd-panel-heading {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .spd-r-accor-second .collapsed span:before {
        content: "\f067";
        display: inline-block;
        line-height: 1;
        font-family: fontawesome;
    }

    .spd-r-accor-second span:before {
        content: "\f068";
        display: inline-block;
        line-height: 1;
        font-family: fontawesome;
    }
/** Third Style **/

.spd-r-accor-Third {
    border: 1px solid #9B9B9B;
    cursor: pointer;
    color: #6D6B6B;
    border-radius: 0px !important;
}

    .spd-r-accor-Third .spd-panel-heading {
        padding: 0px;
    }

        .spd-r-accor-Third .spd-panel-heading h4 a {
            line-height: 3;
            padding-left: 15px;
        }

    .spd-r-accor-Third .collapsed .spd-r-accordion_icon:before {
        content: "\f067";
        display: inline-block;
        line-height: 1;
        font-family: fontawesome;
    }

    .spd-r-accor-Third .spd-r-accordion_icon:before {
        content: "\f068";
        display: inline-block;
        line-height: 1;
        font-family: fontawesome;
    }

    .spd-r-accor-Third .collapsed .spd-panel-heading {
        color: #6D6B6B;
    }

    .spd-r-accor-Third span {
        border-left: 1px solid #9B9B9B;
        height: 48px;
        padding: 15px;
        width: 45px;
        background-color: #9B9B9B;
        color: #ffffff;
    }

    .spd-r-accor-Third .spd-panel-heading + .spd-panel-collapse > .spd-panel-body {
        border-top: 1px solid #9B9B9B;
    }

    .spd-r-accor-Third .collapsed .spd-panel-title {
        color: #9B9B9B;
    }
/** Fourth Style **/

.spd-r-accor-four {
    border: 1px solid #f5f3f3;
    cursor: pointer;
    color: #5BC0DE;
    border-radius: 0px !important;
}

    .spd-r-accor-four .spd-panel-heading {
        padding: 0px;
    }

        .spd-r-accor-four .spd-panel-heading h4 a {
            line-height: 3;
            padding-left: 15px;
        }

    .spd-r-accor-four .collapsed .spd-r-accordion_icon:before {
        content: "";
        display: inline-block;
        font-family: fontawesome;
        font-size: 30px;
        line-height: 0.7;
    }

    .spd-r-accor-four .spd-r-accordion_icon:before {
        content: "\f106";
        display: inline-block;
        font-family: fontawesome;
        font-size: 30px;
        line-height: 0.7;
    }

    .spd-r-accor-four .collapsed .spd-panel-heading {
        color: #6D6B6B;
    }

    .spd-r-accor-four span {
        border-left: 1px solid #f5f3f3;
        height: 48px;
        padding: 12px;
        width: 45px;
    }

    .spd-r-accor-four .spd-panel-heading + .spd-panel-collapse > .spd-panel-body {
        border-top: 1px solid #f5f3f3;
    }

    .spd-r-accor-four .collapsed .spd-panel-title {
        color: #6D6B6B;
    }


/** Fifth Style **/

.spd-r-accor-fifth {
    border: 1px solid #f5f3f3;
    cursor: pointer;
    color: #6D6B6B;
    border-radius: 0px !important;
}

    .spd-r-accor-fifth .spd-panel-heading {
        padding: 0px;
    }

        .spd-r-accor-fifth .spd-panel-heading h4 a {
            line-height: 3;
            padding-left: 15px;
        }

    .spd-r-accor-fifth .collapsed .spd-r-accordion_icon-05:before {
        content: "\f067";
        display: inline-block;
        line-height: 1;
        font-family: fontawesome;
    }

    .spd-r-accor-fifth .spd-r-accordion_icon-05:before {
        content: "\f068";
        display: inline-block;
        line-height: 1;
        font-family: fontawesome;
    }

    .spd-r-accor-fifth .collapsed .spd-panel-heading {
        color: #6D6B6B;
    }

    .spd-r-accor-fifth span {
        border-right: 1px solid #f5f3f3;
        height: 48px;
        padding: 15px;
        width: 45px;
    }

    .spd-r-accor-fifth .spd-panel-heading + .spd-panel-collapse > .spd-panel-body {
        border-top: 1px solid #f5f3f3;
    }

.spd-r-accordion_icon-05 {
    float: left;
}
/** Sixth Style **/
.spd-r-accor-styl02 .spd-panel-group {
    margin-bottom: 1px;
}

.spd-r-accor-sixth {
    background: none repeat scroll 0 0 #18BA60;
    cursor: pointer;
    color: #ffffff;
    border-radius: 0px !important;
}

    .spd-r-accor-sixth .spd-panel-heading {
        padding: 0px;
    }

        .spd-r-accor-sixth .spd-panel-heading h4 a {
            line-height: 3;
            padding-left: 15px;
        }

    .spd-r-accor-sixth .collapsed .spd-r-accordion_icon-05:before {
        content: "\f067";
        display: inline-block;
        line-height: 1;
        font-family: fontawesome;
    }

    .spd-r-accor-sixth .spd-r-accordion_icon-05:before {
        content: "\f068";
        display: inline-block;
        line-height: 1;
        font-family: fontawesome;
    }

    .spd-r-accor-sixth .collapsed .spd-panel-heading {
        color: #6D6B6B;
    }

    .spd-r-accor-sixth span {
        border-right: 1px solid #ffffff;
        height: 48px;
        padding: 15px;
        width: 45px;
    }

    .spd-r-accor-sixth .spd-panel-heading + .spd-panel-collapse > .spd-panel-body {
        border-top: 1px solid #ffffff;
    }

.spd-r-accordion_icon-05 {
    float: left;
}

.spd-r-accor-sixth .spd-panel-body {
    background: none repeat scroll 0 0 #ffffff;
    color: #6D6B6B;
}

.spd-r-accor-sixth .collapsed .spd-panel-title {
    color: #ffffff;
}


.ac-container {
    width: 100%;
    margin: 10px auto 0px auto;
    text-align: left;
}

    .ac-container div {
        height: auto;
    }

    .ac-container label {
        font-weight: 300;
        padding: 5px 10px;
        position: relative;
        z-index: 20;
        display: block;
        height: auto;
        cursor: pointer;
        color: #000;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
        line-height: 33px;
        font-size: 19px;
        background: #ffffff;
    }

        .ac-container label:hover {
            background: #fff;
        }

    .ac-container input:checked + label,
    .ac-container input:checked + label:hover {
        color: #3d7489;
        text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
        border-bottom: none;
    }

        .ac-container label:hover:after,
        .ac-container input:checked + label:hover:after {
            content: '';
            position: absolute;
            width: 24px;
            height: 24px;
            right: 13px;
            top: 7px;
            background: transparent url(../../images/arrow_down.png) no-repeat center center;
        }

        .ac-container input:checked + label:hover:after {
            background-image: url(../../images/contentimages/arrow_up.png);
        }

    .ac-container input {
        display: none;
    }

    .ac-container article {
        margin-top: -1px;
        overflow: hidden;
        height: 0px;
        position: relative;
        z-index: 10;
        -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    }

        .ac-container article p {
            color: #777777;
            font-size: 13px;
            line-height: 18px;
            padding: 5px;
        }

    .ac-container input:checked ~ article {
        -webkit-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
        -moz-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
        -o-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
        -ms-transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
        transition: all 0.5s ease-in-out, box-shadow 0.1s linear;
    }

        .ac-container input:checked ~ article.ac-small {
            height: 136px;
        }

        .ac-container input:checked ~ article.ac-medium {
            height: 184px;
        }

        .ac-container input:checked ~ article.ac-large {
            height: 238px;
        }



/*** Style 01 ***/

.spd-r-acc-01 label {
    border-bottom: 1px solid #F5F3F3;
}

.spd-r-acc-01 > label:before {
    content: "";
    float: right;
    font-family: fontawesome;
    padding-right: 10px;
    vertical-align: middle;
    line-height: 1.6;
}

/*** Style 02***/


.spd-r-acc-02 > label {
    text-transform: uppercase;
}

    .spd-r-acc-02 > label:before {
        content: "";
        float: left;
        font-family: fontawesome;
        padding-right: 10px;
        vertical-align: middle;
    }


/* Ending Accordions Style */


















/************************* Starting Button Style ************************/



/* resrat bootstrap accordian */
.panel {
    background: none;
    border: none;
    box-shadow: none;
}

.panel-default > .panel-heading {
    background: none;
}

.panel-title {
    font-size: 16px;
}

a:hover, a:focus {
    text-decoration: none;
}

.spd-panel-title-sours {
    color: #18ba60;
}

.spd-r-ptext {
    color: #555555;
}

.spd-r-btn-base {
    background: none repeat scroll 0 0 #0dc0c0;
    transition: all .5s;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

    .spd-r-btn-base:hover {
        background: #4C9393;
        color: #ffffff;
        border: 1px solid #4C9393;
    }

.spd-r-btn-small {
    font-size: 13px;
    line-height: 16px;
    padding: 5px 9px 6px;
}

.spd-r-btn-green {
    background-color: #10a95b;
    text-decoration: none;
}

.spd-responsive-table-sm {
    margin-bottom: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
}

@media handheld, only screen and (max-width:767px) {
    .spd-responsive-table-sm {
        margin-bottom: 20px;
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
    }
}


.accordion {
    background: #eee;
    border: 1px solid #999;
    padding: 0 1em 24px;
    width: 100%;
    margin: 2em auto;
}

    .accordion h2 {
        margin: 12px 0;
    }

    .accordion .section {
        border-bottom: 1px solid #ccc;
        padding: 0 1em;
        background: #fff;
    }

    .accordion h3 a {
        display: block;
        font-weight: normal;
        padding: 1em 0;
    }

        .accordion h3 a:hover {
            text-decoration: none;
        }

    .accordion h3 + div {
        height: 0;
        overflow: hidden;
        -webkit-transition: height 0.3s ease-in;
        -moz-transition: height 0.3s ease-in;
        -o-transition: height 0.3s ease-in;
        -ms-transition: height 0.3s ease-in;
        transition: height 0.3s ease-in;
    }

    .accordion :target h3 a {
        text-decoration: none;
        font-weight: bold;
    }

    .accordion :target h3 + div {
        height: auto;
    }

    .accordion .section.large:target h3 + div {
        overflow: auto;
    }



/* Buttons Contents CSS */

.spd-r-btn-c {
    min-width: 900px;
}

    .spd-r-btn-c p {
        margin-bottom: 20px;
    }

.spd-r-btn {
    background: none repeat scroll 0 0 #f4f6f6;
    color: #2D323A;
    text-shadow: 0 1px 0 #ffffff;
}

.spd-r-btn-small {
    font-size: 13px;
    line-height: 16px;
    padding: 5px 9px 6px;
}

.spd-r-btn-grey {
    transition: all .5s;
    background: none repeat scroll 0 0 #a5b3b4;
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

    .spd-r-btn-grey:hover {
        background: none repeat scroll 0 0 #939696;
    }

.spd-r-btn-big {
    font-size: 16px;
    line-height: 20px;
    padding: 12px 17px;
}

.spd-r-btn-bigger {
    font-size: 18px;
    line-height: 20px;
    padding: 18px 22px;
}

.spd-r-btn-dark {
    transition: all .5s;
    background: none repeat scroll 0 0 #2d323a;
    color: #ffffff !important;
}

    .spd-r-btn-dark:hover {
        background: none repeat scroll 0 0 #63666B;
    }

.spd-r-btn-blue {
    transition: all .5s;
    background: none repeat scroll 0 0 #609ddb;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

    .spd-r-btn-blue:hover {
        background: none repeat scroll 0 0 #416E9B;
    }

.spd-r-btn-turquoise {
    transition: all .5s;
    background: none repeat scroll 0 0 #0dc0c0;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

    .spd-r-btn-turquoise:hover {
        background: none repeat scroll 0 0 #1A8C8C;
    }

.spd-r-btn-green {
    transition: all .5s;
    background: none repeat scroll 0 0 #18ba60;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

    .spd-r-btn-green:hover {
        background: none repeat scroll 0 0 #258C52;
    }

.spd-r-btn-lime {
    transition: all .5s;
    background: none repeat scroll 0 0 #86ba41;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

    .spd-r-btn-lime:hover {
        background: none repeat scroll 0 0 #607F35;
    }

.spd-r-btn-yellow {
    transition: all .5s;
    background: none repeat scroll 0 0 #fcd746;
    color: #ffffff !important;
}

    .spd-r-btn-yellow:hover {
        background: none repeat scroll 0 0 #C1A53E;
    }

.spd-r-btn-orange {
    transition: all .5s;
    background: none repeat scroll 0 0 #f58b3c;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

    .spd-r-btn-orange:hover {
        background: none repeat scroll 0 0 #C66F31;
    }

.spd-r-btn-red {
    transition: all .5s;
    background: none repeat scroll 0 0 #e86343;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

    .spd-r-btn-red:hover {
        background: none repeat scroll 0 0 #AF452D;
    }

.spd-r-btn-purple {
    transition: all .5s;
    background: none repeat scroll 0 0 #8463a9;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

    .spd-r-btn-purple:hover {
        background: none repeat scroll 0 0 #5E427F;
    }

.spd-r-btn-brown {
    transition: all .5s;
    background: none repeat scroll 0 0 #8f5340;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

    .spd-r-btn-brown:hover {
        background: none repeat scroll 0 0 #5B382D;
    }
/* New Buttons */

/* Common Style */
.spd-r-buton a {
    color: #fff;
}

.spd-r-buton:before {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    position: relative;
    text-transform: none;
}

.spd-r-b_asset {
    background: none repeat scroll 0 0 #0cadbe;
    /*box-shadow*/
    box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
}

.spd-r-buton {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    overflow: hidden;
    border: medium none;  
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    position: relative; 
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    z-index: 1;
}

    .spd-r-buton:after {
        content: "";
        position: absolute;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        z-index: -1;
    }

.spd-r-btn-small {
    font-size: 13px;
    line-height: 16px;
    padding: 5px 9px 6px;
}

.spd-r-btn-big {
    font-size: 16px;
    line-height: 20px;
    padding: 12px 17px;
}

.spd-r-btn-bigger {
    font-size: 18px;
    line-height: 20px;
    padding: 18px 22px;
    color:#fff !important;
}
/* First Style */
.spd-r-buton-1:hover:after {
    height: 225%;
    opacity: 1;
}

.spd-r-buton-1:after {
    background: none repeat scroll 0 0 #505050;
    height: 0;
    left: 50%;
    opacity: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    width: 100%;
}

.spd-r-buton-1:hover, .buton-5:active {
    color: #ffffff;
}
/* Second Style */
.spd-r-buton-2:after {
    background: none repeat scroll 0 0 #505050;
    height: 0;
    left: 50%;
    opacity: 0;
    top: 48%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    width: 101%;
}

.spd-r-buton-2:hover:after {
    height: 75%;
    opacity: 1;
}

.spd-r-buton-2:hover, .spd-r-buton-2:active {
    color: #ffffff;
}
/* Thired Style */
.spd-r-buton-3:hover:after {
    background: none repeat scroll 0 0 #000000;
    opacity: 0.2;
    width: 90%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    
}

.spd-r-buton-3:after {
    background: none repeat scroll 0 0 #505050;

    height: 103%;
    left: 50%;
    opacity: 1;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
    width: 0;
}

.spd-r-buton-3:hover, .buton-3:active {
    color: #ffffff;
   
}
/* Fourth Style */
.spd-r-buton-4:hover:after, .spd-r-buton-4:active:after {
    height: 100%;

}

.spd-r-buton-4:after {
    background: none repeat scroll 0 0 #000000;
    border-radius: 5px;
   
    height: 0;
    left: 0;
    opacity: 0.2;
    top: 0;
    width: 100%;
}

.spd-r-buton-4:hover, .spd-r-buton-4:active {
    color: #ffffff;
}
/* Fifth Style */
.spd-r-buton-5:hover:after, .spd-r-buton-5:active:after {
    width: 100%;
}

.spd-r-buton-5:after {
    background: none repeat scroll 0 0 #000000;
    border-radius: 5px;
    height: 100%;
    left: 0;
    opacity: 0.1;
    top: 0;
    width: 0;
}

.spd-r-buton-5:hover, .spd-r-buton-5:active {
    color: #ffffff;
}
/* First Button */

.spd-r-a_demo_one {
    cursor: pointer;
    background-color: #3bb3e0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 10px 20px;
    border-left: solid 1px #2ab7ec;
    margin-left: 35px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

    .spd-r-a_demo_one:hover {
        color: #fff;
    }

    .spd-r-a_demo_one:active {
        top: 3px;
        background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) );
        -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
        -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
        -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
    }

    .spd-r-a_demo_one::before {
        background-color: #2561b4;
        content: "1";
        width: 35px;
        max-height: 37px;
        height: 100%;
        position: absolute;
        display: block;
        padding: 8px 12px;
        top: 0px;
        left: -36px;
        font-size: 16px;
        font-weight: bold;
        color: #8fd1ea;
        text-shadow: 1px 1px 0px #07526e;
        border-right: solid 1px #07526e;
        background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(10,94,125)), color-stop(1, rgb(14,139,184)) );
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
        -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
        -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
    }

    .spd-r-a_demo_one:active::before {
        top: -3px;
        -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
        -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
        -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
    }
/* Second Button */

.spd-r-a_demo_two {
    cursor: pointer;
    background-color: #3bb3e0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 13px 25px;
    border-left: solid 1px #2ab7ec;
    margin-left: 35px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

    .spd-r-a_demo_two:hover {
        color: #fff;
    }

    .spd-r-a_demo_two:active {
        top: 3px;
        background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) );
        -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
        -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
        -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
    }

    .spd-r-a_demo_two::before {
        background-color: #2561b4;
        content: "2";
        width: 40px;
        height: 100%;
        position: absolute;
        display: block;
        padding: 12px 15px;
        top: 0px;
        left: -36px;
        font-size: 16px;
        font-weight: bold;
        color: #8fd1ea;
        text-shadow: 1px 1px 0px #07526e;
        border-right: solid 1px #07526e;
        background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(10,94,125)), color-stop(1, rgb(14,139,184)) );
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
        -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
        -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
    }

    .spd-r-a_demo_two:active::before {
        top: -3px;
        -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
        -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
        -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
    }
/* Third Button */

.spd-r-a_demo_three {
    cursor: pointer;
    background-color: #3bb3e0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 15px 35px;
    border-left: solid 1px #2ab7ec;
    margin-left: 35px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

    .spd-r-a_demo_three:hover {
        color: #fff;
    }

    .spd-r-a_demo_three:active {
        top: 3px;
        background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) );
        -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
        -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
        -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
    }

    .spd-r-a_demo_three::before {
        background-color: #2561b4;
        content: "3";
        width: 50px;
        height: 100%;
        position: absolute;
        display: block;
        padding: 15px 20px;
        top: 0px;
        left: -36px;
        font-size: 16px;
        font-weight: bold;
        color: #8fd1ea;
        text-shadow: 1px 1px 0px #07526e;
        border-right: solid 1px #07526e;
        background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(10,94,125)), color-stop(1, rgb(14,139,184)) );
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
        -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
        -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
    }

    .spd-r-a_demo_three:active::before {
        top: -3px;
        -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
        -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
        -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
    }
/* Four Button */

.spd-r-a_demo_four {
    cursor: pointer;
    background-color: #3bb3e0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    position: relative;
    padding: 6px 11px;
    border-left: solid 1px #2ab7ec;
    margin-left: 35px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

    .spd-r-a_demo_four:hover {
        color: #fff;
    }

    .spd-r-a_demo_four:active {
        top: 3px;
        background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) );
        -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
        -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
        -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
    }

    .spd-r-a_demo_four::before {
        background-color: #2561b4;
        content: "0";
        width: 25px;
        height: 100%;
        position: absolute;
        display: block;
        padding: 4px 8px;
        top: 0px;
        left: -25px;
        font-size: 16px;
        font-weight: bold;
        color: #8fd1ea;
        text-shadow: 1px 1px 0px #07526e;
        border-right: solid 1px #07526e;
        background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(10,94,125)), color-stop(1, rgb(14,139,184)) );
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
        -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
        -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
    }

    .spd-r-a_demo_four:active::before {
        top: -3px;
        -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
        -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
        -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
    }




/*** Animated Button ****/

.spd-r-a-btn button {
    position: relative;
    display: block;
    margin: auto;
    line-height: 60px;
    text-decoration: none;
    text-align: center;
    font-size: 24px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-shadow: 2px 2px 2px #3a7faa;
    box-shadow: 0px 9px 0px #3a7faa, 0px 9px 25px rgba(0, 0, 0, 0.7);
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    color: white;
    background-color: #458ecc;
    border-radius: 8px;
    border: none;
    outline: 0 none;
    width: 220px;
    height: 65px;
    overflow: hidden;
    cursor: pointer;
}

    .spd-r-a-btn button:active {
        box-shadow: 0px 3px 0px #3a7faa, 0px 3px 6px rgba(0, 0, 0, 0.9);
        top: 6px;
    }

.spd-r-a-btn .main-text {
    position: absolute;
    left: 110px;
}

.spd-r-a-btn .submit {
    text-transform: uppercase;
    color: #efd959;
}

.spd-r-a-btn .sent-text {
    position: absolute;
    left: 40px;
    opacity: 0;
}

.spd-r-a-btn button.active .main-text {
    display: none;
}

.spd-r-a-btn button.active .sent-text {
    animation: sent 4s forwards;
    animation-delay: 4s;
    -webkit-animation: sent 4s forwards;
    -webkit-animation-delay: 4s;
}

.spd-r-a-btn .sub {
    float: left;
    padding: 0 0 0 10px;
    width: 55px;
    height: 55px;
}

.spd-r-a-btn button.active .sub {
    animation: drive 3s forwards;
    animation-delay: 2s;
    -webkit-animation: drive 3s forwards;
    -webkit-animation-delay: 2s;
}

.spd-r-a-btn .splash {
    float: left;
    margin-left: 30px;
    margin-top: -40px;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    opacity: 0;
}

.spd-r-a-btn .splash-2 {
    float: right;
    margin-right: 30px;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
}

.spd-r-a-btn .submerge {
    position: absolute;
    top: 80px;
    border-radius: 0 0 10px 10px;
    left: 0;
    opacity: .7;
}

.spd-r-a-btn button.active .submerge {
    animation: submerge 2s forwards;
    -webkit-animation: submerge 2s forwards;
}

.spd-r-a-btn .return {
    position: relative;
    display: block;
    margin: auto;
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    text-align: center;
    border: 2px solid #8ec6ef;
    padding: 0 15px;
    text-decoration: none;
    line-height: 40px;
    color: #8ec6ef;
    width: 150px;
    height: 40px;
}

    .spd-r-a-btn .return:hover {
        color: #458ecc;
        border: 2px solid #458ecc;
    }

@keyframes submerge {
    to {
        transform: translateY(-50px);
    }
}

@keyframes drive {
    to {
        transform: translateX(140px);
    }
}

@keyframes sent {
    to {
        opacity: 1;
    }
}

@-webkit-keyframes submerge {
    to {
        -webkit-transform: translateY(-50px);
    }
}

@-webkit-keyframes drive {
    to {
        -webkit-transform: translateX(140px);
    }
}

@-webkit-keyframes sent {
    to {
        opacity: 1;
    }
}

@keyframes jump {
    25% {
        transform: translateY(-90px) rotate(-40deg);
    }

    75% {
        transform: translateY(-90px) translateX(150px) rotate(40deg);
    }

    100% {
        transform: translateY(0) translateX(150px);
    }
}

@keyframes water-splash {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes jump {
    25% {
        -webkit-transform: translateY(-90px) rotate(-40deg);
    }

    75% {
        -webkit-transform: translateY(-90px) translateX(150px) rotate(40deg);
    }

    100% {
        -webkit-transform: translateY(0) translateX(150px);
    }
}

@-webkit-keyframes water-splash {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@media (min-width: 800px) {
    .spd-r-a-btn button {
        overflow: visible;
    }

    .spd-r-a-btn .submerge {
        display: none;
    }

    .spd-r-a-btn button.active .sub {
        animation: jump 4s forwards;
    }

    .spd-r-a-btn button.active .splash {
        animation: water-splash 3s forwards;
    }

    .spd-r-a-btn button.active .splash-2 {
        animation-delay: 3s;
    }

    .spd-r-a-btn button.active .sub {
        -webkit-animation: jump 4s forwards;
    }

    .spd-r-a-btn button.active .splash {
        -webkit-animation: water-splash 3s forwards;
    }

    .spd-r-a-btn button.active .splash-2 {
        -webkit-animation-delay: 3s;
    }
}





/************************* Ebding Button Style ************************/





/* Starting Call to action area Style */
/* Common Style */
.spd-r-call-comm {
    color: #9B9B9B;
}

/* style 01 */
.spd-r-call-01 {
    border-color: #9b9b9b #9b9b9b #9b9b9b #4D81B5;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    color: #000000;
    font-size: 14px;
    padding: 0 30px 30px 30px;
}

    .spd-r-call-01 h4 {
        font-size: 28px;
        font-weight: 300;
        line-height: 2;
    }

/* style 02 */

.spd-r-call-btn {
    height: auto;
    min-height: 140px;
    text-align: center;
}

    .spd-r-call-btn a {
        margin: 81px auto auto;
    }

@media screen and (max-width: 1000px) {
    .spd-r-call-btn a {
        margin: 44px auto auto;
    }
}
/* style 03 */
.spd-r-call-03 h4 {
    font-size: 28px;
    font-weight: 300;
    line-height: 2;
}

.spd-r-call-03 {
    background: none repeat scroll 0 0 #efefef;
    padding: 30px;
    text-align: center;
}

    .spd-r-call-03 .spd-r-call-btn span {
        margin: 30px;
    }

/* Ending Call to action area Style */




/** Starting Carosel Style **/

.owl-item {
    cursor: move;
}

.owl-carousel .owl-buttons {
    position: absolute;
    top: 40%;
    width: 100%;
}

.owl-carousel .owl-prev {
    float: left;
}

.owl-carousel .owl-next {
    float: right;
}


/* First Style **/

.spd-r-carosel-st1 .item > img {
    height: 100%;
    padding: 5px;
    width: 100%;
}

.spd-r-carosel-st1 .item h3, .spd-r-carosel-st1 .item p {
    text-align: center;
    font-weight: 300;
}

.spd-r-carosel-st1 .spd-r-ico i {
    text-align: center;
    padding: 20px;
}

.spd-r-carosel-st1 .spd-r-ico {
    border: 5px solid #e9e8e8;
    border-radius: 50%;
    font-size: 22px;
    height: 77px;
    line-height: 67px;
    margin: auto;
    text-align: center;
    width: 77px;
}
/* Second Style **/

.spd-r-carosel-st2 .item a img {
    height: auto;
    padding: 5px;
    width: 100%;
    border-radius: 15px;
}

.spd-r-carosel-st2 .item h3, .spd-r-carosel-st2 .item p {
    text-align: center;
    font-weight: 300;
}

.spd-r-carosel-st2 .owl-item {
    position: relative;
}
/* Thired Style **/

.spd-r-title-carosel {
    font-size: 28px;
    text-transform: uppercase;
}

.spd-r-border-bottom {
    border-top: 3px solid #dddddd;
    margin: auto;
    padding-bottom: 20px;
    width: 10%;
}

.spd-r-wid55 {
    width: 55%;
    margin: auto;
}

.spd-r-carosel-st3 .item {
    border: 1px solid #dddddd;
    margin: 10px 15px;
    transition: all .5s;
    -webkit-transition: all .5s;
}

    .spd-r-carosel-st3 .item h3, .spd-r-carosel-st3 .item a {
        transition: all .5s;
        -webkit-transition: all .5s;
    }

    .spd-r-carosel-st3 .item:hover {
        border: 1px solid #39D3FF;
    }

        .spd-r-carosel-st3 .item:hover h3, .spd-r-carosel-st3 .item:hover a {
            color: #39D3FF;
        }

    .spd-r-carosel-st3 .item a img {
        height: auto;
        width: 100%;
    }

    .spd-r-carosel-st3 .item h3, .spd-r-carosel-st3 .item p {
        text-align: center;
        font-weight: 300;
        padding: 10px 5px;
    }

.spd-r-carosel-st3 .owl-item {
    position: relative;
}

.spd-r-carosel-st3>.item>a>img {
height: auto;

}

.spd-r-curves {
    background: none repeat scroll 0 0 #ffffff;
    bottom: -22px;
    height: 36px;
    position: absolute;
    transform: skewY(-4deg);
    -webkit-transform: skewY(-4deg);
    width: 100%;
    z-index: -1;
}

.spd-r-curves2 {
    background: none repeat scroll 0 0 #ffffff;
    bottom: -22px;
    height: 36px;
    position: absolute;
    -webkit-transform: skewY(4deg);
    width: 100%;
    z-index: -1;
}

.spd-r-carosel-st3 .item a img {
    height: auto;
    position: relative;
    width: 100%;
    z-index: -2;
}

.item > a {
    display: inline-block;
    position: relative;
    height: auto;
    width: 100%;
}

.spd-r-carosel-ptext {
    padding: 10px 5px;
}

.spd-r-wid-btn {
    margin: auto;
    text-align: center;
    width: 100%;
}
/* Thired Style C **/

.spd-r-title-carosel {
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
}

.spd-r-border-bottom {
    border-top: 3px solid #dddddd;
    margin: auto;
    padding-bottom: 20px;
    width: 10%;
}

.spd-r-wid55 {
    width: 55%;
    margin: auto;
}

.spd-r-negetive-rotate {
    border: 1px solid #dddddd;
    margin: 0 122px;
    padding: 0 10px 10px;
    transform: rotate(-44deg);
    transition: all 0.5s ease 0s;
}

.spd-r-carosel-st4 .item h3, .spd-r-carosel-st4 .item a {
    transition: all .5s;
}

.spd-r-carosel-st4 .spd-r-negetive-rotate:hover {
    border: 1px solid #39D3FF;
}

    .spd-r-carosel-st4 .spd-r-negetive-rotate:hover h3, .spd-r-carosel-st4 .spd-r-negetive-rotate:hover a {
        color: #39D3FF;
    }

.spd-r-carosel-st4 .item a img {
    height: 70px;
    width: 70px;
    border-radius: 100%;
}

.spd-r-carosel-st4 .item h3, .spd-r-carosel-st4 .item p {
    text-align: center;
    font-weight: 300;
    padding: 10px 5px;
}

.spd-r-carosel-st4 .owl-item {
    height: 100%;
    margin: 160px 0px;
    position: relative;
}

.spd-r-rotate-45 {
    text-align: center;
    transform: rotate(45deg);
}

.item > a {
    display: inline-block;
    position: relative;
}

.spd-r-carosel-ptext {
    padding: 10px 5px;
}

.spd-r-wid-btn {
    margin: auto;
    text-align: center;
    width: 100%;
}
/* Fourth Style **/




/* Carosel Style C **/

.glyphicon-chevron-left:before {
    content: "\f0a8";
    font-family: fontawesome;
}

.glyphicon-chevron-right:before {
    content: "\f0a9";
    font-family: fontawesome;
}

/** Ending Carosel Style **/





/* Starting Dropdown Style 01 **/

.spd-r-float-left {
    float: left;
}

.dropdown-menu > li {
    list-style: none outside none;
}

.spd-r-dropdown-styl1 {
    font-size: 16px;
    padding: 10px 20px;
}

    .spd-r-dropdown-styl1 ul {
        padding: 10px;
        min-width: 100%;
        width: 100%;
        position: relative;
    }

        .spd-r-dropdown-styl1 ul li {
            padding: 0px 5px;
        }

    .spd-r-dropdown-styl1.spd-col-md-3 > a:after {
        content: "";
        font-family: fontawesome;
        padding-left: 10px;
    }
/* Dropdown Style  02 **/
.spd-r-dropdown-styl2 {
    font-size: 16px;
    padding: 10px 20px;
}

    .spd-r-dropdown-styl2 ul {
        padding: 10px;
        min-width: 100%;
        width: 100%;
        position: relative;
        margin-top: 10px;
        box-shadow: 0 6px 12px rgba(9%, 73%, 38%, 0.17);
        border-color: #18BA60;
    }

        .spd-r-dropdown-styl2 ul li {
            padding: 0px 5px;
        }

    .spd-r-dropdown-styl2 a {
        border: 1px solid #18BA60;
        color: #18BA60;
        transition: all .5s;
        border-radius: 5px;
        padding: 6px 12px;
    }

        .spd-r-dropdown-styl2 a:hover {
            background: #18BA60;
            color: #ffffff;
        }
/* Dropdown Style  03 **/
.spd-r-dropdown-styl3 {
    font-size: 16px;
    padding: 10px 20px;
}

    .spd-r-dropdown-styl3 ul {
        padding: 10px;
        min-width: 100%;
        width: 100%;
        position: relative;
        margin-top: 10px;
        box-shadow: 0 6px 12px rgba(9%, 73%, 38%, 0.17);
        border-color: #18BA60;
    }

        .spd-r-dropdown-styl3 ul li {
            padding: 0px 5px;
        }

    .spd-r-dropdown-styl3 a {
        border: 1px solid #18BA60;
        color: #18BA60;
        transition: all .5s;
        border-radius: 5px;
        padding: 6px 12px;
    }

        .spd-r-dropdown-styl3 a:hover {
            background: #18BA60;
            color: #ffffff;
        }

    .spd-r-dropdown-styl3.spd-col-md-3 > a:after {
        content: "";
        font-family: fontawesome;
        padding-left: 10px;
    }
/* Dropdown Style  04 **/
.spd-r-dropdown-styl4 {
    font-size: 16px;
    padding: 10px 20px;
}

    .spd-r-dropdown-styl4 ul {
        background: none repeat scroll 0 0 #18ba60;
        border-color: #18ba60;
        box-shadow: 0 6px 12px rgba(23, 186, 97, 0.17);
        color: #ffffff;
        margin-top: 10px;
        min-width: 100%;
        padding: 10px;
        position: relative;
        width: 100%;
    }

        .spd-r-dropdown-styl4 ul li {
            padding: 0px 5px;
        }

    .spd-r-dropdown-styl4 a {
        background: none repeat scroll 0 0 #18ba60;
        border-radius: 5px;
        color: #ffffff;
        padding: 6px 0 6px 6px;
        transition: all 0.5s ease 0s;
    }

        .spd-r-dropdown-styl4 a:hover {
            background: #148746;
            color: #ffffff;
        }

    .spd-r-dropdown-styl4 span {
        background: #18BA60;
        color: #ffffff;
        transition: all .5s;
        border-radius: 0 5px 5px 0;
        padding: 6px 12px 6px 0;
        border-left: 1px solid #168747;
    }

        .spd-r-dropdown-styl4 span:hover {
            background: #32E580;
            color: #ffffff;
        }

    .spd-r-dropdown-styl4.spd-col-md-3 > a span:before {
        content: "";
        font-family: fontawesome;
        padding-left: 10px;
    }

@media handheld, only screen and (max-width:767px) {
    .dropdown {
        width: 100%;
    }
	.spd-r-call-03 h4, .spd-r-call-01 h4 { line-height:1;}
	.spd-r-wid55 { width:100%; margin:auto;}
}

/* Ending Dropdown Style 01 **/




/*** Starting Hilighted Text Style **/
/* Common Style */
.spd-r-hilight-comm {
    color: #9B9B9B;
}

/* style 01 */
.spd-r-hilight-01 {
    font-size: 20px;
    color: #000;
}

/* style 02 */
.spd-r-hilight-02-a {
    font-size: 20px;
    color: #AD2929;
}

.spd-r-hilight-02-b {
    font-size: 20px;
    color: #2D3CBF;
}

.spd-r-hilight-02-c {
    font-size: 20px;
    color: #207E93;
}

.spd-r-hilight-02-d {
    font-size: 20px;
    color: #2AAF61;
}

.spd-r-hilight-02-e {
    font-size: 20px;
    color: #7FCC37;
}

.spd-r-hilight-02-f {
    font-size: 20px;
    color: #EA6E20;
}

/* style 03 */
.spd-r-hilight-03-a {
    font-size: 16px;
    color: #fff;
    background: #AD2929;
    line-height: 2;
}

.spd-r-hilight-03-b {
    font-size: 16px;
    color: #fff;
    background: #2D3CBF;
    line-height: 2;
}

.spd-r-hilight-03-c {
    font-size: 16px;
    color: #fff;
    background: #207E93;
    line-height: 2;
}

.spd-r-hilight-03-d {
    font-size: 16px;
    color: #fff;
    background: #2AAF61;
    line-height: 2;
}

.spd-r-hilight-03-e {
    font-size: 16px;
    color: #fff;
    background: #7FCC37;
    line-height: 2;
}

.spd-r-hilight-03-f {
    font-size: 16px;
    color: #fff;
    background: #EA6E20;
    line-height: 2;
}

/*** Ending Hilighted Text Style **/



/*  Starting Images Contents CSS */

.spd-r-img-overlay {
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0;
    padding: 30px;
    position: absolute !important;
    right: 0;
    text-align: left;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    z-index: 1;
}

    .spd-r-img-overlay.spd-r-img-overlay-dark, .spd-r-img-overlay.spd-r-img-overlay-dark-hovered {
        background: none repeat scroll 0 0 rgba(24, 28, 32, 0.5);
    }

.spd-r-img-with-overlay {
    overflow: hidden;
    position: relative;
}

.spd-r-img-w {
    margin-bottom: 20px;
    position: relative;
}

    .spd-r-img-w img {
        display: inline-block;
        position: relative;
        width: 100%;
        z-index: 1;
    }

.spd-r-img-overlay.spd-r-img-overlay-dark, .spd-r-img-overlay.spd-r-img-overlay-dark-hovered {
    background: none repeat scroll 0 0 rgba(24, 28, 32, 0.5);
}
/* Simple Images with radious CSS */
.spd-r-radious img {
    border-radius: 15px;
}
/* Simple Images in Circle CSS */
.spd-r-radious-f img {
    border-radius: 100%;
}
/* Images With Hover */


/** Common Class **/
.spd-r-view {
    float: left;
    border: 5px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 5px #aaa;
    cursor: default;
}

    .spd-r-view .mask, .spd-r-view .content {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .spd-r-view img {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .spd-r-view a.info {
        display: inline-block;
        text-decoration: none;
        padding: 0;
        text-indent: -9999px;
    }
/** Effect One **/

.spd-r-image-effect-one .mask {
    opacity: 0;
    overflow: visible;
    border: 40% solid rgba(0,0,0,0.7);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.spd-r-image-effect-one a.info {
    position: relative;
    top: -10px;
    opacity: 0;
    -webkit-transition: opacity 0.5s 0s ease-in-out;
    -moz-transition: opacity 0.5s 0s ease-in-out;
    -o-transition: opacity 0.5s 0s ease-in-out;
    -ms-transition: opacity 0.5s 0s ease-in-out;
    transition: opacity 0.5s 0s ease-in-out;
}

.spd-r-image-effect-one:hover .mask {
    opacity: 1;
    border: 190px solid rgba(0,0,0,0.7);
}

.spd-r-image-effect-one:hover a.info {
    opacity: 1;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
/*  Effect two */

.spd-r-image-effect-two .mask {
    background:rgba(0, 0, 0, 0.4);      
    opacity: 1;
    position: absolute;  
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; 
    width: 100%;
    height:100%; 
}

.spd-r-image-effect-two:hover .mask {
    opacity: 0; 
    transform:translateX(100%);
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);
    -o-transform:translateX(100%);
}
/** Effect 02 01 in Circle **/

/** Common Class **/
.spd-r-view-r {
    float: left;
    border: 5px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 5px #aaa;
    cursor: default;
    border-radius: 100%;
}

    .spd-r-view-r .mask, .spd-r-view-r .content {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .spd-r-view-r img {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        transition: all 1s;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        -ms-transition: all 1s;
        -webkit-border-radius: 100%;
    }

    .spd-r-view-r a.info {
        display: inline-block;
        text-decoration: none;
        padding: 0;
        text-indent: -9999px;
    }
/*  Effect two */

.spd-r-image-effect-two-r .mask {
    border: 50px solid rgba(0, 0, 0, 0.7);
    border-radius: 100%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 0;
    left: 36%;
    opacity: 1;
    position: absolute;
    top: 37%;
    transform: scale(4);
    transition: all 1s ease-in-out 0s;
    visibility: visible;
    width: 0;
}

.spd-r-image-effect-two-r:hover .mask {
    opacity: 0;
    border: 0px solid rgba(0,0,0,0.7);
    visibility: hidden;
}
/*  Effect three */
.spd-r-image-effect-two-s {
    transition: All .5s ease-in-out;
    -webkit-transition: All .5s ease-in-out;
    -moz-transition: All .5s ease-in-out;
    -o-transition: All .5s ease-in-out;
    transform: rotate(4deg) scale(1);
    -webkit-transform: rotate(4deg) scale(1);
    -moz-transform: rotate(4deg) scale(1);
    -o-transform: rotate(4deg) scale(1);
    -ms-transform: rotate(4deg) scale(1);
}

    .spd-r-image-effect-two-s:hover img {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
/** Bootstrap image **/

.spd-r-imm img {
    width: 100%;
    height: auto;
}

/*  Ending Images Contents CSS */





/* Starting Section Style */
/* Style 01 */

.spd-r-section-01 h4 {
    font-size: 28px;
}

/* Style 02 */
.spd-r-section-02 {
    background: url("../images/spd-n-banner-half-left1-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-bottom: 40px;
    padding-top: 30px;
}

    .spd-r-section-02 h4 {
        font-size: 28px;
    }

/* Style 03 */
.spd-r-section-03 {
    background: url("../images/spd-n-bn-slider3.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-bottom: 40px;
    padding-top: 30px;
    text-align: center;
}

    .spd-r-section-03 h4 {
        font-size: 28px;
        color: #fff;
    }

    .spd-r-section-03 p {
        color: #ffffff;
    }

/* Style 04 */
.spd-r-section-04 {
    background: url("../images/spd-n-bn-slider3.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}


.spd-r-section-04 .spd-row {
    padding-bottom: 40px;
    padding-top: 30px;
    text-align: center;
}

.spd-r-section-04 h4 {
    font-size: 28px;
    color: #fff;
}

.spd-r-section-04 p {
    color: #ffffff;
}


/* Style 05 */
.spd-r-section-05 .spd-row {
    padding-bottom: 40px;
    padding-top: 30px;
    text-align: center;
}

.spd-r-section-05 h4 {
    font-size: 28px;
    color: #fff;
}

.spd-r-section-05 p {
    color: #ffffff;
}

.spd-r-section-05 {
    background: url("../images/spd-n-bn-slider3.jpg") repeat fixed left center rgba(0, 0, 0, 0);
    text-align: center;
}


/* Style 06 */
.spd-r-section-06 .spd-row {
    padding-bottom: 40px;
    padding-top: 30px;
    text-align: center;
}

.spd-r-section-06 h4 {
    font-size: 28px;
    color: #fff;
}

.spd-r-section-06 p {
    color: #ffffff;
}

.spd-r-section-06 {
    background: url("../images/spd-n-bn-full-1-bg.jpg") repeat fixed left center rgba(0, 0, 0, 0);
    text-align: center;
}


/* Style 07 */
.spd-r-section-07 .spd-row {
    padding-bottom: 40px;
    padding-top: 30px;
    text-align: center;
}

.spd-r-section-07 h4 {
    font-size: 28px;
    color: #fff;
}

.spd-r-section-07 p {
    color: #ffffff;
}

.spd-r-section-07 {
    background: url("../images/spd-n-bn-slider4.jpg") repeat fixed left center rgba(0, 0, 0, 0);
    text-align: center;
}


/* Style 07 */
.spd-r-section-08 .spd-row {
    padding-bottom: 40px;
    padding-top: 30px;
    text-align: center;
}

.spd-r-section-08 h4 {
    font-size: 28px;
    color: #fff;
}

.spd-r-section-08 p {
    color: #ffffff;
}

.spd-r-section-08 {
    background: #3B9CF7;
    text-align: center;
}

/* Ending Section Style */





/* Starting Seperator style */

/* Style 01 */

.spd-r-separator-01 .spd-row .spd-r-separator-01-bor {
    text-align: center;
    width: 100%;
}

.spd-r-separator-01-bor > span {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 2px solid #dddddd;
    display: inline-block;
    text-align: center;
    width: auto;
}

.spd-r-separator-01 h4 {
    float: none;
    padding: 0 20px;
    text-align: center;
}

/* Style 02 */

.spd-r-separator-02 .spd-row .spd-r-separator-02-bor {
    border-top: 2px solid;
    display: table;
    float: none;
    position: relative;
    text-align: center;
    width: 100%;
}

.spd-r-separator-02-bor > span {
    background: none repeat scroll 0 0 #ffffff;
    display: inline-block;
    float: none;
    left: 36%;
    position: absolute;
    text-align: center;
    top: -21px;
    width: auto;
}

.spd-r-separator-02 h4 {
    float: none;
    padding: 0 20px;
    text-align: center;
}
/* Style 03 */

.spd-r-separator-03 .spd-row .spd-r-separator-03-bor {
    border-top: 1px solid #3b8ced;
    display: table;
    float: none;
    position: relative;
    text-align: center;
    width: 100%;
}

.spd-r-separator-03-bor > span {
    background: none repeat scroll 0 0 #3b8ced;
    border-left: 15px solid #ffffff;
    border-radius: 25px;
    border-right: 15px solid #ffffff;
    display: inline-block;
    float: none;
    left: 30%;
    margin-top: -22px;
    position: absolute;
    text-align: center;
    width: 40%;
}

.spd-r-separator-03 h4 {
    float: none;
    text-align: center;
    color: #fff;
}

/* Style 04 */

.spd-r-separator-04 .spd-row .spd-r-separator-04-bor {
    border-top: 1px solid #1ce3bb;
    display: table;
    float: none;
    position: relative;
    text-align: right;
    width: 100%;
}

.spd-r-separator-04-bor > span {
    background: none repeat scroll 0 0 #1ce3bb;
    border-radius: 5px;
    display: inline-block;
    float: none;
    left: 36%;
    margin-top: -22px;
    position: absolute;
    text-align: center;
    width: auto;
}

.spd-r-separator-04 h4 {
    color: #ffffff;
    float: none;
    text-align: center;
    padding: 0 20px 0 20px;
}

/* Style 05 */

.spd-r-separator-05 .spd-row .spd-r-separator-05-bor {
    border-top: 1px solid #1ce3bb;
    display: table;
    float: none;
    position: relative;
    text-align: right;
    width: 100%;
}

.spd-r-separator-05-bor > span {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 25px;
    display: inline-block;
    margin-top: -22px;
    position: absolute;
    right: 0;
    text-align: right;
    width: auto;
}

.spd-r-separator-05 h4 {
    float: none;
    padding-left: 10px;
    text-align: center;
    color: #1ce3bb;
}


/* Style 06 */

.spd-r-separator-06 .spd-row .spd-r-separator-06-bor {
    border-top: 1px solid #1ce3bb;
    display: table;
    float: none;
    text-align: left;
    width: 100%;
    position: relative;
}

.spd-r-separator-06-bor > span {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 25px;
    display: inline-block;
    margin-top: -22px;
    text-align: left;
    width: auto;
    position: absolute;
}

.spd-r-separator-06 h4 {
    float: none;
    padding-right: 10px;
    text-align: center;
    color: #1ce3bb;
}

/* Style 07 */

.spd-r-separator-07 .spd-row .spd-r-separator-07-bor {
    border-top: 1px dashed #3b8ced;
    display: table;
    float: none;
    position: relative;
    text-align: center;
    width: 100%;
}

.spd-r-separator-07-bor > span {
    background: none repeat scroll 0 0 #ffffff;
    display: inline-block;
    float: none;
    left: 36%;
    margin: -22px auto auto;
    position: absolute;
    text-align: center;
    width: auto;
}

.spd-r-separator-07 h4 {
    float: none;
    padding: 0 20px;
    text-align: center;
    color: #3B8CED;
}


/* Style 08 */

.spd-r-separator-08 .spd-row .spd-r-separator-08-bor {
    display: table;
    float: none;
    text-align: center;
    width: 100%;
}

.spd-r-separator-08-bor > span {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px solid #3b8ced;
    display: inline-block;
    float: none;
    margin: -22px auto auto;
    text-align: center;
    width: 30%;
}

/* Style 09 */

.spd-r-separator-09 .spd-row .spd-r-separator-09-bor {
    display: table;
    float: none;
    text-align: center;
    width: 100%;
}

.spd-r-separator-09-bor > span {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px dashed #851FF2;
    display: inline-block;
    float: none;
    margin: -22px auto auto;
    text-align: center;
    width: 40%;
}

/* Style 10 */

.spd-r-separator-10 .spd-row .spd-r-separator-10-bor {
    display: table;
    float: none;
    text-align: center;
    width: 100%;
}

.spd-r-separator-10-bor > span {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px dotted #1BC646;
    display: inline-block;
    float: none;
    margin: -22px auto auto;
    text-align: center;
    width: 45%;
}

/* Style 11 */

.spd-r-separator-11 .spd-row .spd-r-separator-11-bor {
    display: table;
    float: none;
    text-align: center;
    width: 100%;
}

.spd-r-separator-11-bor > span {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 3px solid #F2E12B;
    display: inline-block;
    float: none;
    margin: -22px auto auto;
    text-align: center;
    width: 50%;
}

/* Style 12 */

.spd-r-separator-12 .spd-row .spd-r-separator-12-bor {
    display: table;
    float: none;
    text-align: center;
    width: 100%;
}

.spd-r-separator-12-bor > span {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #26c14d;
    border-top: 1px solid #26c14d;
    display: inline-block;
    float: none;
    height: 3px;
    margin: -22px auto auto;
    text-align: center;
    width: 65%;
}



/* Ending Seperator style */





/* Starting table style */
.bs-glyphicons-list li {
    list-style: none;
}
/* Style for table one */
.spd-r-table1 {
    width: 100%;
    border-spacing: 0;
    min-width: 767px;
}

    .spd-r-table1 tr {
        border-bottom: 1px solid #555555;
        width: 100%;
    }

    .spd-r-table1 th {
        border-bottom: 2px solid #555555;
    }

    .spd-r-table1 th, .spd-r-table1 td {
        color: #555555;
        padding: 15px 30px;
        font-size: 14px;
    }
/* Style for table Two */
.spd-r-table2 tr:nth-child(2n) td {
    background-color: #f7f7f7;
}

.spd-r-table2 {
    min-width: 767px;
    width: 100%;
    border-spacing: 0;
}

    .spd-r-table2 tr {
        border-bottom: 1px solid #e4e4e4;
        width: 100%;
    }

    .spd-r-table2 th {
        border-bottom: 2px solid #e4e4e4;
    }

    .spd-r-table2 th, .spd-r-table2 td {
        color: #555555;
        padding: 15px 30px;
        font-size: 14px;
    }
/* Style for table Three */

.spd-r-table3 {
    min-width: 767px;
    width: 100%;
    border-spacing: 0;
}

    .spd-r-table3 tr {
        width: 100%;
    }

    .spd-r-table3 th, .spd-r-table3 td {
        border: 1px solid #555555;
        color: #555555;
        padding: 15px 30px;
        font-size: 14px;
    }
/* Style for table Four */
.spd-r-table4 {
    min-width: 767px;
    width: 100%;
    border-spacing: 0;
}

    .spd-r-table4 tr {
        width: 100%;
    }

    .spd-r-table4 th, .spd-r-table4 td {
        border: 1px solid #e4e4e4;
        color: #555555;
        padding: 15px 30px;
        font-size: 14px;
    }

    .spd-r-table4 tr:nth-child(2n) td {
        background-color: #f7f7f7;
    }
/* Style for table Five */
.spd-r-table5 {
    min-width: 767px;
    width: 100%;
    border-spacing: 0;
}

    .spd-r-table5 tr {
        width: 100%;
    }

    .spd-r-table5 th, .spd-r-table5 td {
        border: 1px solid #e4e4e4;
        color: #555555;
        padding: 10px 30px;
        font-size: 14px;
    }

    .spd-r-table5 th {
        background-color: #f7f7f7;
    }
/* Style for table Six */
.spd-r-table6 {
    min-width: 767px;
    width: 100%;
    border-spacing: 0;
}

    .spd-r-table6 tr {
        width: 100%;
    }

    .spd-r-table6 th, .spd-r-table6 td {
        border: 1px solid #e4e4e4;
        color: #555555;
        padding: 10px 30px;
        font-size: 14px;
    }

    .spd-r-table6 th {
        background-color: #f7f7f7;
    }
/* Style for table Seven */
.spd-r-table7 {
    min-width: 767px;
    width: 100%;
    border-spacing: 0;
}

    .spd-r-table7 tr {
        border-bottom: 1px solid #555555;
        width: 100%;
    }

    .spd-r-table7 th {
        border-bottom: 2px solid #555555;
    }

    .spd-r-table7 th, .spd-r-table7 td {
        color: #555555;
        padding: 15px 30px;
        font-size: 14px;
    }

.spd-r-table7 {
    width: 100%;
    border-spacing: 0;
}

    .spd-r-table7 tr {
        width: 100%;
    }

    .spd-r-table7 th, .spd-r-table5 td {
        color: #555555;
        padding: 10px 30px;
        font-size: 14px;
    }

    .spd-r-table7 th {
        background-color: #f7f7f7;
    }
/* Style for table Eight */
.spd-r-table8 tr:nth-child(2n+1) td {
    background-color: #f7f7f7;
}

.spd-r-table8 {
    min-width: 767px;
    width: 100%;
    border-spacing: 0;
}

    .spd-r-table8 tr {
        border-bottom: 1px solid #e4e4e4;
        width: 100%;
    }

    .spd-r-table8 th {
        border-bottom: 2px solid #e4e4e4;
    }

    .spd-r-table8 th, .spd-r-table8 td {
        color: #555555;
        padding: 15px 30px;
        font-size: 14px;
    }

.spd-r-lightcolor th {
    color: #ffffff;
}

.spd-r-table8 span i {
    color: #1AB35E;
}

.spd-r-table8 span {
    color: #b0462d;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
    padding-left: 5px;
}
/* Style for table Nine */
.spd-r-table9 tr:nth-child(2n+1) td {
    background-color: #C4E6FC;
}

.spd-r-table9 {
    min-width: 767px;
    width: 100%;
    border-spacing: 0;
}

    .spd-r-table9 tr {
        border-bottom: 1px solid #e4e4e4;
        width: 100%;
    }

    .spd-r-table9 th {
        border-bottom: 2px solid #e4e4e4;
    }

    .spd-r-table9 th, .spd-r-table9 td {
        padding: 15px 30px;
        font-size: 14px;
    }

    .spd-r-table9 span i {
        color: #1AB35E;
    }

    .spd-r-table9 span {
        color: #b0462d;
        font-size: 12px;
        font-style: italic;
        font-weight: 700;
        padding-left: 5px;
    }

    .spd-r-table9 th, .spd-r-table9 td {
        border: 1px solid #0e9af7;
    }

/* Ending table style */


/****** Home 1 Content Style ******/

/* Starting What we do style */
.spd-r-wedo-title {
    border-bottom: 1px solid;
    border-top: 1px solid;
    color: #efefef;
    font-size: 148px;
    font-weight: 700;
    line-height: .9;
    margin: 0;
    padding: 0;
    text-align: center;
}

/*.spd-r-whatwedo-bg {
    text-align: center;
    background-size: cover;
}*/

.spd-r-wedo .spd-r-wedo-head {
    display: inline-block;
    margin-bottom: 10px;
}

.spd-r-wedo {
    padding-bottom: 40px;
    padding-top: 50px;
}

    .spd-r-wedo .spd-r-wedo-head {
        margin-bottom: 10px;
        display: inline-block;
    }

        .spd-r-wedo .spd-r-wedo-head p {
            border: 2px solid #ffffff;
            font-size: 18px;
            padding: 5px 20px;
            text-transform: uppercase;
            color: #fff;
        }

    .spd-r-wedo img {
        width: 64%;
        padding-bottom: 20px;
    }

@media screen and (max-width: 1024px) {
    .spd-r-wedo-title {
        font-size: 120px;
    }
}

@media screen and (max-width: 767px) {
    .spd-r-wedo .spd-r-wedo-head {
        display: block;
        margin-bottom: 10px;
    }

    .spd-r-wedo-title {
        font-size: 60px;
    }

    .spd-r-view-r {
        float: none;
    }

    .spd-r-section-foot-top div {
        font-size: 36px;
    }
	
	 
}

/* Ending What we do style */



/* Starting Need Assistance style */

.spd-r-need-ass-circle {
    text-align: center;
}

    .spd-r-need-ass-circle i, .spd-r-need-ass-circle em {
        background: none repeat scroll 0 0 #464c5a;
        border-radius: 50%;
        color: #ffffff;
        font-size: 26px;
        height: 40px;
        padding: 7px;
        width: 40px;
    }

.spd-r-need-ass h3 {
    margin-top: 0;
    color: #464c5a;
}

.spd-r-need-ass p {
    color: #464c5a;
    padding-bottom: 50px;
}

.spd-r-need-ass-img {
    float: right;
}

.spd-r-need-ass-body h3 {
    color: #464c5a;
    margin-top: 0;
}

.spd-r-need-ass-body p {
    color: #464c5a;
    padding-bottom: 50px;
}

.spd-r-need-ass-list li {
    list-style: none outside none;
}

.spd-r-need-ass-list {
    padding: 0;
}

    .spd-r-need-ass-list li i {
        padding-right: 10px;
        padding-top: 15px;
    }

@media screen and (max-width: 1024px) {
    .spd-r-need-ass-img {
        float: none;
    }
}

/* Ending Need Assistance style */


/* Starting Footer top paralax style */

.spd-r-section-foot-top .spd-row {
    padding-bottom: 140px;
    padding-top: 130px;
    text-align: center;
}

.spd-r-section-foot-top div {
    font-size: 60px;
    color: #fff;
    padding-bottom: 10px;
    text-transform: uppercase;
	word-wrap:break-word;
}

.spd-r-section-foot-top {
    text-align: center;
    background-size: cover;
    background-attachment: fixed;
}

.spd-r-foot-btn {
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease 0s;
}

/* Ending Footer top paralax style */



/* Starting Team paralax style */

.spd-r-section-team .spd-row {
    padding-bottom: 140px;
    padding-top: 130px;
    text-align: center;
}

.spd-r-section-team div {
    color: #fff;
    text-transform: uppercase;
}

.spd-r-section-team {
    background: url("../../images/hover-image/spd-n-banner-image2.jpg") no-repeat fixed left center rgba(0, 0, 0, 0);
    text-align: center;
    background-size: cover;
}

.spd-r-section-team-text > h3 {
    line-height: 2;
    margin-bottom: -5px;
}

/* Ending Team paralax style */


/* Starting Footer style */
#MainFooter {
    background: none repeat scroll 0 0 #323433;
    border-left: 0 none;
    border-right: 0 none;
    border-style: none none solid;
    border-top: 0 none;
    border-width: 0 0 3px;
    padding: 0;
}

.spd-r-footer-about img {
    margin-top: -12px;
    padding-bottom: 5px;
}

.spd-r-footer-about p {
    line-height: 2;
    font-size: 13px;
}

.spd-r-footer-log {
    color: #7c7f7c;
    padding-top: 15px;
}

.spd-r-recent-post h3 {
    color: #ffffff;
    font-size: 14px;
    margin-top: 0;
    padding-bottom: 15px;
}

.spd-r-recent-post > ul {
    padding: 0;
}

.spd-r-recent-post li {
    border-bottom: 1px solid #434544;
    color: #b3b4b4;
    line-height: 3;
    list-style: none outside none;
    font-size: 13px;
}

.spd-r-latest-tweets h3 {
    color: #ffffff;
    font-size: 14px;
    margin-top: 0;
    padding-bottom: 24px;
}

.spd-r-latest-tweets i {
    color: #d0d0d0;
    font-size: 25px;
    padding-top: 5px;
}

.spd-r-latest-tweets p {
    color: #b3b4b4;
    font-size: 13px;
}

.spd-r-latest-tweets span {
    color: #f8f9fb;
}

.spd-r-latest-tweets .spd-row {
    padding-bottom: 20px;
}

.spd-r-recent-works h3 {
    color: #ffffff;
    font-size: 14px;
    margin-top: 0;
    padding-bottom: 24px;
}

.spd-r-recent-works {
    color: #ffffff;
    font-size: 14px;
    margin-top: 0;
}

    .spd-r-recent-works > ul {
        padding: 0;
    }

        .spd-r-recent-works > ul li {
            float: left;
            list-style: none outside none;
            margin: 3px;
            width: 30%;
        }

/* Ending Footer style */

/****** End of Home 1 Content Style ******/


/****** Home 2 Content Style ******/

.spd-r-home2-feature > h3 {
    font-size: 18px;
    line-height: 2;
    margin-top: 14px;
    padding-bottom: 5px;
}

.spd-r-home2-feature > p {
    color: #798794;
}

.spd-col-sm-4.spd-r-home2-fea img {
    width: 100%;
}

.spd-r-home2-choose-us > h3 {
    font-size: 18px;
    margin-top: 0;
    padding-bottom: 10px;
}

/** Home 2 Carosel **/
.owl-carousel-home2 .item {
    margin: 0 40px;
}

.owl-carousel-home2 .owl-buttons {
    top: 23% !important;
}

    .owl-carousel-home2 .owl-buttons div {
        background: none repeat scroll 0 0 #ffffff !important;
        border: 2px solid #000000;
        color: #000000 !important;
        font-size: 16px !important;
        font-weight: bold;
    }

/****** End of Home 2 Content Style ******/


/****** Home 5 Content Style ******/

.counter-box-h5 i {
    border-bottom: 4px solid;
    margin-bottom: 10px;
    padding-bottom: 20px;
    width: 20% !important;
}


/****** End of Home 2 Content Style ******/

/****** Team Content Style ******/

.spd-r-team-img .body > img {
    width: 100% !important;
}

/****** End of Team Content Style ******/



/****** Contact Us Content Style ******/
.spd-r-need-ass-imag img {
    padding-top: 5px;
}

.spd-r-need-ass-cont h3 {
    margin-top: 0;
}

.spd-r-need-ass-cont ul {
    padding-left: 0px;
}

.spd-r-cont-04 h3 {
    margin-bottom: 30px;
    margin-top: 35px;
}

.spd-r-cont-04 ul {
    padding-left: 0;
}

.spd-r-cont-04-ul li {
    list-style: none outside none;
}
/****** End of Contact Us Content Style ******/


/******  Fixing Style ******/

.spd-sh-20 > .sh-icon > li > a > strong:before {
    content: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*.spd-r-section-foot-top {
        background-attachment: scroll;
    }

    .spd-r-whatwedo-bg {
        background-attachment: scroll;
    }*/

    .spd-r-image-effect-two .mask {
        background-size: cover;
        border: 150px solid rgba(0, 0, 0, 0.7);
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        height: 100%;
        left: 0;
        opacity: 1;
        position: absolute;
        top: 0;
        transition: all 1s ease 0s;
        visibility: visible;
        width: 100%;
    }

    .spd-r-view img {
        height: auto;
    }

    .spd-r-image-effect-two-s:hover img {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }

    .spd-n-home-testm-image img {
        border-width:3px;
        border-style:solid;
        border-color:inherit;
        padding: 0;
    }

    .spd-r-image-effect-two .mask {
        border: 250px solid rgba(0, 0, 0, 0.7);
        height: 200%;
        left: -20px;
        top: -100px;
        width: 200%;
    }

    .item > a {
        height: 50%;
        width: 100%;
    }
}


@media screen and (max-width: 1024px) {

    .spd-r-hom4-con {
        text-align: center;
    }

    .spd-r-hom6-con {
        line-height: 1.2;
    }

    .spd-r-separator-02-bor {
        border: medium none !important;
    }

    .spd-r-separator-03-bor > span {
        width: 45%;
        left: 27%;
    }

    .spd-r-separator-04-bor > span {
        left: 28%;
    }

    .spd-r-separator-07-bor > span {
        width: 45%;
        left: 27%;
    }
}



@media screen and (max-width: 767px) {
    .spd-r-hom6-con {
        line-height: 1.5;
    }

    .spd-n-fl-box-cont-text {
        line-height: 26px;
    }

    .spd-r-separator-03 {
        border: none !important;
    }

    .spd-r-separator-02-bor > span {
        left: 0%;
        width: 100%;
    }

    .spd-r-separator-03-bor > span {
        left: 0;
        width: 100%;
    }

    .spd-r-separator-04-bor > span {
        left: 0;
        width: 100%;
    }

    .spd-r-separator-07-bor > span {
        left: 0;
        width: 100%;
    }

    .spd-n-cr-bgimg div {
        width: 100%;
    }
}


/****** End of Fixing Style ******/





/************************* Blur ***************************/



.ib-container {
    position: relative;
    width: 100%;
    margin: 30px auto;
    display: block;
}

    .ib-container:before,
    .ib-container:after {
        content: "";
        display: table;
    }

    .ib-container:after {
        clear: both;
    }

    .ib-container article {
        display: block;
        width: 24%;
        height: auto;
        background: #fff;
        cursor: pointer;
        float: left;
        border: 10px solid #fff;
        text-align: left;
        text-transform: none;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
        -moz-transition: opacity 0.4s linear, -moz-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
        -o-transition: opacity 0.4s linear, -o-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
        -ms-transition: opacity 0.4s linear, -ms-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
        transition: opacity 0.4s linear, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    }

    .ib-container h3 a {
        font-size: 16px;
        font-weight: 400;
        color: #000;
        color: rgba(0, 0, 0, 1);
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
        opacity: 0.8;
    }

    .ib-container article header span {
        font-size: 10px;
        font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
        padding: 10px 0;
        display: block;
        color: #FFD252;
        color: rgba(255, 210, 82, 1);
        text-shadow: 0px 0px 0px rgba(255, 210, 82, 1);
        text-transform: uppercase;
        opacity: 0.8;
    }

    .ib-container article p {
        font-family: Verdana, sans-serif;
        font-size: 10px;
        line-height: 13px;
        color: #333;
        color: rgba(51, 51, 51, 1);
        text-shadow: 0px 0px 0px rgba(51, 51, 51, 1);
        opacity: 0.8;
    }

    .ib-container h3 a,
    .ib-container article header span,
    .ib-container article p {
        -webkit-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
        -moz-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
        -o-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
        -ms-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
        transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
    }
    /* Hover Style for all the items: blur, scale down*/
    .ib-container article.blur {
        box-shadow: 0px 0px 20px 10px rgba(255,255,255,1);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7;
    }

        .ib-container article.blur h3 a {
            text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
            color: rgba(0, 0, 0, 0);
            opacity: 0.5;
        }

        .ib-container article.blur header span {
            text-shadow: 0px 0px 10px rgba(255, 210, 82, 0.9);
            color: rgba(255, 210, 82, 0);
            opacity: 0.5;
        }

        .ib-container article.blur p {
            text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
            color: rgba(51, 51, 51, 0);
            opacity: 0.5;
        }

    /* Hover Style for single item: scale up */
    .ib-container article.active {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        box-shadow: 0px 0px 0px 10px rgba(255,255,255,1), 1px 11px 15px 10px rgba(0,0,0,0.4);
        z-index: 100;
        opacity: 1;
    }

        .ib-container article.active h3 a,
        .ib-container article.active header span,
        .ib-container article.active p {
            opacity: 1.0;
        }

#ib-container h3 {
    margin-top: 0;
    padding-top: 0;
}


@media handheld, only screen and (max-width:1200px) {
    .ib-container article {
        width: 25%;
    }
}

@media (max-width: 768px) {
    .ib-container article {
        width: 100%;
    }
}



@media (max-width: 992px) {
    .ib-container article {
        width: 32%;
    }
}


@media handheld, only screen and (max-width:767px) {
    .ib-container article {
        width: 100%;
    }
}


/* Test */

/*******************
*   benifit style  *
********************/



/*icon box content*/

.spd-s1-iconbox {
    text-align: center;
}

    .spd-s1-iconbox i {
        width: 90px;
        height: 90px;
        line-height: 90px;
        text-align: center;
        border: 1px solid #ddd;
        border-radius: 50%;
        transition: all .8s ease;
        color: inherit;
    }

    .spd-s1-iconbox:hover i {
        border-color: #1B72AC;
        color: #1B72AC;
    }


/*icon box content02*/

.spd-s2-iconbox:hover i {
    border-color: #1B72AC;
    color: #1B72AC;
    background: none;
}


/*icon box content03*/

.spd-s3-iconbox:hover i {
    border-color: #1B72AC;
    color: #ffffff;
    background: #1B72AC;
}


/*icon box content04*/

.spd-s4-iconbox:hover i {
    transform: rotateY(180deg);
}




/*******************
*   Counter style  *
********************/



/* counter box */
.counter-box {
    text-align: center;
}

.bigcount, .counter-ex {
    font-size: 4em;
}

.counter-box h2 {
    font-weight: 300;
}

.counter-box i {
    display: inline-block;
    width: 100%;
}

.mediumcount, .counter-ex2 {
    font-size: 3em;
    font-weight: 300;
}

.count-left {
    display: inline;
    float: left;
}

.counter-box2 {
    display: table;
    width: 100%;
    text-align: center;
}

.count-inline {
    display: inline-block;
}

.counter-box2 i {
    line-height: 2em;
}

.count-right {
    float: left;
    padding-left: 18px;
}

    .count-right > h4 {
        margin: 0;
    }

@media handheld, only screen and (min-width:768px) and (max-width:960px) {
    .count-right > h4 {
        font-size: 13px;
    }

    .mediumcount, .counter-ex2 {
        font-size: 2em;
    }

    .count-right {
        padding-top: 20px;
    }
}



/*******************
*  Pie-chart style *
********************/



/*rounded skillbar*/

.chart {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 170px;
    text-align: center;
}

    .chart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

.chart2 {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 170px;
    text-align: center;
}

    .chart2 canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

.percent, .percent2 {
    display: inline-block;
    line-height: 170px;
    z-index: 2;
    font-size: 2em;
}

    .percent h3, .percent2 h3 {
        line-height: 140px;
    }

    .percent2 i {
        line-height: 170px;
    }

    .percent:after {
        content: '%';
        margin-left: 0.1em;
        font-size: 1em;
    }

.spd-chart {
    display: table;
    text-align: center;
    width: 100%;
}

    .spd-chart h3 {
        text-transform: uppercase;
    }

.percent2:after {
    margin-left: 0.1em;
    font-size: 1em;
}



/*******************
* Responsive video *
********************/


/* Youtube Responsive video */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



/*******************
*  Lightbox styles *
********************/



p.Cont_05_Icon.BoT_05 {
    margin: 10% auto;
}

@media handheld, only screen and (min-width:768px) and (max-width:1100px) {

    /*hover-effects*/

    .Cont_05_Icon {
        border: 1px solid #ffffff;
        border-radius: 100%;
        margin: 10% auto auto;
        padding: 1px;
        position: relative;
        font-size: 16px;
        width: 40px;
        height: 40px;
    }

        .Cont_05_Icon i {
            font-weight: 300;
            color: #ffffff;
            line-height: 40px;
            font-size: 16px;
            width: 40px;
            height: 40px;
            text-align: center;
        }

    .effect-zoe h2 {
        width: 100%;
    }

    .effect-zoe p {
        bottom: 7em;
    }

    .effect-zoe figcaption > a {
        float: none;
        width: 1%;
        display: table-cell;
    }
}




/*hover effects zoom + link*/

.spd-s-hov-esp-img-frame {
    background: #fff;
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0;
}

    .spd-s-hov-esp-img-frame span {
        display: block;
        font-size: 16px;
        text-align: center;
        vertical-align: baseline;
    }

.spd-s-hov-esp-img-holder {
    display: block;
    height: 100%;
    position: relative;
    z-index: 0;
}

.spd-s-hov-esp-eff-1 .spd-s-hov-esp-img-frame .spd-s-hover-link {
    background: #222;
    border-radius: 100%;
    color: #fff;
    display: block;
    height: 40px;
    margin-left: -47px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: -40%;
    transform: rotate(0deg);
    transition: all 0.3s ease 0s;
    width: 40px;
}

.spd-s-hov-esp-eff-1 .spd-s-hov-esp-img-frame .spd-s-hover-zoom {
    background: #222;
    border-radius: 100%;
    bottom: 0;
    color: #fff;
    display: block;
    height: 40px;
    margin-right: -47px;
    opacity: 0;
    outline: medium none !important;
    padding: 0;
    position: absolute;
    right: 50%;
    transform: rotate(0deg);
    transition: all 0.3s ease 0s;
    width: 40px;
}

.spd-s-hov-esp-eff-1:hover .spd-s-hover-link {
    margin-top: -20px;
    opacity: 1;
    top: 50%;
}

.spd-s-hov-esp-img-frame span {
    display: block;
    font-size: 16px;
    text-align: center;
    vertical-align: baseline;
}


.spd-s-hov-esp-eff-1 .spd-s-hover-link:hover, .spd-s-hov-esp-eff-1 .spd-s-hover-zoom:hover {
    background: none repeat scroll 0 0 #e74c3c;
    color: #fff;
    transform: rotate(-36deg);
    z-index: 999;
}

.spd-s-hov-esp-eff-1:hover .spd-s-hover-link {
    margin-top: -20px;
    opacity: 1;
    top: 50%;
}

.spd-s-hov-esp-eff-1:hover .spd-s-hover-zoom {
    bottom: 50%;
    margin-bottom: -20px;
    opacity: 1;
}


@media handheld, only screen and (max-width:767px) {
    .img {
        text-align: center;
    }

        .img img {
            width: 95%;
        }

    #image-effect-5 .overlay, #image-effect-6 .overlay {
        left: 25px;
        right: 25px;
    }

    .Both_05 {
        width: 45%;
    }

    .view_05 .mask, .view_05 .content {
        width: 95%;
        left: 15px;
    }

    xs-img {
        width: 100%;
    }
}







/*********************
* testimonial slider *
**********************/


/*testimonial slider*/

.spd-s-testimonial-vertical .bx-wrapper {
    margin-bottom: 20px;
}

.testimonial-vertical {
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.spd-s-tesimonial-ariticle {
    min-height: 100px;
    padding: 15px 40px;
}

#s-testimonial-bx-pager {
    display: table;
    width: 100%;
    text-align: center;
}


    #s-testimonial-bx-pager > a {
        display: inline-block;
        float: none;
        margin: 0 3px;
        border: 2px solid #ddd;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

    #s-testimonial-bx-pager a.active {
        border: 2px solid #E74C3C;
    }

    #s-testimonial-bx-pager img {
        width: 70px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

.testimonial-vertical > li {
    width: 100% !important;
}









/*********************
* Benefit box styles *
**********************/



/*spd-sk-box-style*/

.spd-sk-boxstyle-1 {
    background-color: #f5f5f5;
    border-width: 0 0 0 3px;
    border-style: solid;
    padding: 10px 25px 25px;
}

.spd-sk-boxstyle-3.shadow-effect2.spd-margin-bottom-50 {
    background: none repeat scroll 0 0 #777777;
}

.spd-sk-boxstyle-2 {
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border-width: 1px 1px 1px 3px;
    border-style: solid;
    padding: 10px 25px 25px;
}

.spd-sk-boxstyle-3 {
    padding: 10px 25px 25px;
    color: #ffffff;
    background: #777777;
}

.spd-sk-boxstyle-dark {
    background-color: #333333;
    padding: 10px 25px 25px;
    color: #ffffff;
}

.spd-sk-smallbox-1 {
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 25px 25px;
}

.spd-sk-smallbox-2 {
    background-color: #f5f5f5;
    border: 1px solid #CCCCCC;
    padding: 10px 25px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.spd-sk-smallbox-3 {
    background-color: #ffffff;
    border-width: 3px 1px 1px 1px;
    border-style: solid;
    padding: 10px 25px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.spd-sk-smallbox-4 {
    background-color: #ffffff;
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    padding: 10px 25px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}


/*********************
*    skin content    *
**********************/
/*skin content*/

.main-title {
    text-transform: uppercase;
    font-weight: bold;
}

.sub-title {
    text-transform: uppercase;
}

.spd-sk-service-box {
    display: block;
    float: left;
}

.spd-sk-iconbox {
    display: table;
    text-align: center;
    width: 18%;
    padding: 1% 2%;
    position: relative;
}

    .spd-sk-iconbox i {
        background-color: #F5F5F5;
        border-radius: 50%;
        height: 65px;
        line-height: 65px;
        text-align: center;
        width: 65px;
    }

        .spd-sk-iconbox i:after {
            border: 1px solid #F5F5F5;
            bottom: 10px;
            content: "";
            height: 66px;
            left: 50%;
            position: absolute;
            top: 67px;
            width: 1px;
        }

.spd-sk-iconbox-last i:after {
    border: none;
    bottom: 0;
    content: "";
    height: auto;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
}

.spd-sk-iconcontent {
    width: 76%;
    padding: 0 2%;
}

/*********************
*  background-video  *
**********************/

/*background-video*/

.spd-text-uppercase {
    text-transform: uppercase;
}

.white-title {
    color: #ffffff;
}

.videobg {
    background: rgba(59, 139, 236, 0.498039);
    display: table;
    width: 100%;
    text-align: center;
}


/*********************
*   portfolio style  *
**********************/
/*portfolio*/


#sdpHoverDir {
    display: inline-block;
    float: none;
}

.sliphoveritem a i {
    color: #ffffff;
}

#sdpHoverDir li img {
    width: 100%;
}

div#sliphover_share {
    position: absolute;
    right: 5px;
    top: 7px;
}

div#sdpHoverDir ul {
    padding: 0;
}

div#sdpHoverDir li {
    display: inline-block;
    list-style: none;
}

span.value {
    color: green;
}







/* ---------- TIMER ---------- */
ul#sdp-countdown {
    text-align: center;
}

    ul#sdp-countdown li {
        color: rgb(141, 141, 140);
        display: inline-block;
        margin-right: 18px;
        width: 150px;
        text-align: center;
        font-size: 21px;
        border-radius: 5px;
        padding: 15px;
        border: 3px solid #ddd;
    }

        ul#sdp-countdown li span {
            font-size: 50px;
            color: rgb(255, 255, 255);
            position: relative;
            border-bottom: 2px solid #ddd;
        }

        ul#sdp-countdown li p.timeRefDays,
        ul#sdp-countdown li p.timeRefHours,
        ul#sdp-countdown li p.timeRefMinutes,
        ul#sdp-countdown li p.timeRefSeconds {
            padding: 6px 0px 0px 0px;
            color: rgb(223, 220, 220);
            text-transform: uppercase;
            font-size: 18px;
            padding: 10px 0 10px;
        }

@media (max-width:1024px) {
    ul#sdp-countdown li span {
        font-size: 40px;
    }

    ul#sdp-countdown li p.timeRefDays, ul#sdp-countdown li p.timeRefHours, ul#sdp-countdown li p.timeRefMinutes, ul#sdp-countdown li p.timeRefSeconds {
        font-size: 15px;
    }
}

@media (max-width:800px) {
    ul#sdp-countdown li span {
        font-size: 35px;
    }

    ul#sdp-countdown li {
        width: 120px;
    }

        ul#sdp-countdown li p.timeRefDays, ul#sdp-countdown li p.timeRefHours, ul#sdp-countdown li p.timeRefMinutes, ul#sdp-countdown li p.timeRefSeconds {
            font-size: 14px;
        }
}

@media (max-width:640px) {
    ul#sdp-countdown li span {
        font-size: 35px;
    }

    ul#sdp-countdown li p.timeRefDays, ul#sdp-countdown li p.timeRefHours, ul#sdp-countdown li p.timeRefMinutes, ul#sdp-countdown li p.timeRefSeconds {
        font-size: 14px;
    }

    ul#sdp-countdown li {
        margin-right: 10px;
        width: 90px;
        padding: 10px;
        margin-bottom: 20px;
    }
}

@media (max-width:480px) {
    ul#sdp-countdown li span {
        font-size: 28px;
    }

    ul#sdp-countdown li p.timeRefDays, ul#sdp-countdown li p.timeRefHours, ul#sdp-countdown li p.timeRefMinutes, ul#sdp-countdown li p.timeRefSeconds {
        font-size: 13px;
        padding: 20px 0px 0px 0px;
    }

    ul#sdp-countdown li {
        margin-right: 5px;
        margin-left: 5px;
        width: 130px;
        padding: 10px;
    }
}

.spd-sk-coming-title {
    font-size: 80px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
    font-family: open sans;
}
/***************************************************  
*                                                    *
*              Created on 01/09/2014                 *
*           Author  Md. Shohrab Hossain              *
*              Server Oasis Limited                  *  
*                                                    *
/***************** sh - common css ******************/
/*accordion style*/
.spd-panel {
    background: none;
    box-shadow: none;
}

.spd-panel-default > .spd-panel-heading {
    background: none;
}

.spd-panel-title {
    font-size: 16px;
    color: #60B2E9;
}
/*header style 1*/
.sh-h1 > h3 {
    border-bottom: 1px solid;
    text-align: center;
}

    .sh-h1 > h3 > span {
        padding: 0 10px;
        background-color: #fff;
        position: relative;
        top: 13px;
    }
/*header style 2*/
.sh-h2 > h3 {
    text-align: center;
    border-bottom: 1px solid #000;
}

    .sh-h2 > h3 > span {
        padding: 2px 10px;
        background: #fff;
        border-radius: 7.5%;
        -ms-border-radius: 7.5%;
        -moz-border-radius: 7.5%;
        -webkit-border-radius: 7.5%;
        -o-border-radius: 7.5%;
        border: 1px solid #000;
        position: relative;
        top: 15px;
    }
/*header style 3*/
.sh-h3 > h3 {
    width: 100%;
    margin: 10px 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
    display: table;
    color: #CB2320;
}

    .sh-h3 > h3 > i {
        display: inline-block;
        position: relative;
        line-height: 28px;
        padding: 2px 10px;
        border-bottom: 3px solid #CB2320;
        color: #A2918D;
        top: 2px;
    }

.sh-h3 > p {
    padding: 2px 0 20px 0;
    text-align: center;
    color: #A2918D;
}
/*header style 4*/
.sh-h4 > h3 {
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
    border-bottom: 2px solid #05CAC2;
    display: table;
}

    .sh-h4 > h3 > span {
        display: inline-block;
        position: relative;
        bottom: -20px;
        padding: 5px 40px;
        background: #05CAC2;
        color: #fff;
        border-top: 2px dashed #fff;
        border-bottom: 2px dashed #fff;
    }
/*header style 5*/
.sh-h5 > h3 {
    width: 100%;
    border-top: 2px solid #D84315;
    display: table;
    text-align: center;
}

    .sh-h5 > h3 > span {
        display: inline-table;
        line-height: 28px;
        padding: 0 3%;
        border-bottom: 1px dashed #fff;
        background: #D84315;
        color: #fff;
    }
/*others common style*/

.sh-transition {
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.sh-circle {
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    -ms-border-radius: 500px;
    -o-border-radius: 500px;
}

.sh-round {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.sh-tl-tr-round {
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0;
}

.sh-bl-br-round {
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
}
/************************** ends of sh - common css *********************************/

/* --- starts of Content 01 --- */
.spd-sh-01 .item i {
    margin-top: 15px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    width: 73px;
    height: 73px;
}

.spd-sh-01 .item:hover i {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
/* --- ends of Content 01  --- */

/* --- starts of Content 02 --- */
/*no content*/
/* --- ends of Content 02 --- */

/* --- starts of Content 03 --- */
.spd-sh-03 .item i {
    margin-top: 15px;
}

.spd-sh-03 .item:hover i {
    color: #1B72AC;
}

.spd-sh-03 .item:hover .link {
    text-decoration: none;
    color: #1B72AC;
}
/* --- ends of Content 03 --- */

/* ---starts of Content 04  ---*/
.spd-sh-04 .body {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 0px 5px 5px 5px;
    background: #222;
    color: #fff;
}

.spd-sh-04 .price {
    width: 110px;
    height: 110px;
    line-height: 90px;
    position: absolute;
    top: -40px;
    left: 3px;
    border: 9px solid #fff;
    border-radius: 75%;
    background: #222;
    color: #fff;
    text-align: center;
    font-weight: 400;
}

.spd-sh-04 .title {
    font-variant: small-caps;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #d9d9d9;
    padding: 35px 0px 10px 0px;
}

.spd-sh-04 .body > ul {
    padding: 0 0 10px 0;
}

    .spd-sh-04 .body > ul li {
        list-style: none !important;
    }

    .spd-sh-04 .body > ul > li:nth-child(even) {
        text-align: center;
    }

.spd-sh-04 .body:hover {
    background: #000;
}

    .spd-sh-04 .body:hover .price {
        background: #000;
        color: #fff;
        transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
    }

.spd-sh-04 .sh-btn04 {
    display: block;
    border: 1px solid #fff;
    color: #fff;
}

    .spd-sh-04 .sh-btn04:hover {
        background: #000;
        border: 1px solid #fff;
    }
/* --- ends of Content 04 --- */

/* --- starts of Content 05 --- */
.spd-sh-05 {
    background: url('../../images/spd-sh-business.png') fixed 10% #000;
    color: #e1e1e1;
}

    .spd-sh-05 .header {
        text-align: center;
        padding-top: 0;
        margin-top: 0;
    }

    .spd-sh-05 .footer {
        font-weight: 700;
    }

    .spd-sh-05 .box {
        margin: 6% auto;
    }

@media (max-width:1024px) {
    .spd-sh-05 .box {
        padding-top: 15px;
    }
}

.spd-sh-05 .item i {
    display: block;
    color: #e1e1e1;
    padding-top: 10%;
    opacity: .6;
}

    .spd-sh-05 .item i:hover {
        opacity: 1;
    }

.spd-sh-05 .item a {
    text-decoration: none;
}
/* --- ends of Content 05 --- */

/* --- starts of Content 06 --- */
.spd-sh-06 {
    padding: 10px 15px 0 15px;
}

    .spd-sh-06 .sh-control {
        box-shadow: none;
        color: #000000;
    }

    .spd-sh-06 .sh-first {
        width: 49%;
        float: left;
        margin-right: 1%;
    }

    .spd-sh-06 .sh-last {
        width: 49%;
        float: left;
        margin-left: 1%;
    }

    .spd-sh-06 .sh-control:focus, .sh-btn:focus {
        border: 1px solid #cdcdcd;
        box-shadow: none;
        background: #f9f9f9;
        color: #000000;
    }

    .spd-sh-06 .msg {
        resize: none;
        margin: 0;
    }

    .spd-sh-06 .sh-btn {
        padding: 6px 5%;
        margin: 0;
        background: #ffffff;
        color: #333333;
        border: 1px solid #cdcdcd;
    }
/* --- ends of Content 06 --- */

/* --- starts of Content 07 --- */
.spd-sh-07 {
    list-style: none;
    margin: 0px;
    padding: 0;
}

    .spd-sh-07 > li {
        box-shadow: 0px 0px 5px rgb(51, 51, 51);
        box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
        padding: 0px;
        margin: 0px 0px 10px 0;
    }

        .spd-sh-07 > li:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
        }

        .spd-sh-07 > li > bdo {
            display: inline-block;
            width: 100%;
            color: #ffffff;
            padding: 5px;
            text-align: center;
            text-transform: uppercase;
        }

            .spd-sh-07 > li > bdo > span {
                display: none;
            }

            .spd-sh-07 > li > bdo > .day {
                display: block;
                font-size: 56pt;
                font-weight: 100;
                line-height: 1;
            }

            .spd-sh-07 > li > bdo > .month {
                display: block;
                font-size: 24pt;
                font-weight: 900;
                line-height: 1;
            }

        .spd-sh-07 > li > img {
            width: 120px;
            display: block;
            margin: 5px auto;
        }

        .spd-sh-07 > li > .info {
            padding: 10px;
            text-align: center;
        }

    .spd-sh-07 .desc {
        height: 95px;
        padding: 0 2%;
        overflow: hidden;
    }

    .spd-sh-07 > li > ul {
        display: table;
        list-style: none;
        margin: 11px 0px 0px;
        padding: 0px;
        width: 100%;
        text-align: center;
    }

        .spd-sh-07 > li > ul > li {
            padding: 0px;
            display: table-cell;
            cursor: pointer;
            color: rgb(30, 30, 30);
            padding: 3px 0px;
        }

            .spd-sh-07 > li > ul > li > a {
                padding: 3px 0px;
            }

            .spd-sh-07 > li > ul > li:hover {
                color: rgb(30, 30, 30);
                background-color: rgb(200, 200, 200);
            }

            .spd-sh-07 > li > ul > li a {
                display: block;
                width: 100%;
                color: rgb(75, 110, 168) !important;
            }

    .spd-sh-07 .twitter a {
        color: #4FD5F8 !important;
    }

    .spd-sh-07 .google-plus a {
        color: #DD4B39 !important;
    }

    .spd-sh-07 .facebook:hover a {
        color: #fff !important;
        background-color: #4B6EA8 !important;
    }

    .spd-sh-07 .twitter:hover a {
        color: #fff !important;
        background-color: #4FD5F8 !important;
    }

    .spd-sh-07 .google-plus:hover a {
        color: #fff !important;
        background-color: #DD4B39 !important;
    }

@media (min-width: 768px) {
    .spd-sh-07 > li {
        position: relative;
        display: block;
        width: 100%;
        height: 120px;
        padding: 0px;
    }

        .spd-sh-07 > li > bdo,
        .spd-sh-07 > li > img {
            display: inline-block;
            width: 120px;
            height: 120px;
            float: left;
            padding: 0;
            margin: 0;
        }

        .spd-sh-07 > li > .info {
            height: 120px;
            padding-right: 40px;
            position: relative;
            background-color: rgb(245, 245, 245);
            text-align: left;
            overflow-y: hidden;
        }

        .spd-sh-07 > li > ul {
            position: absolute;
            top: -10px;
            right: 0px;
            display: block;
            width: 40px;
        }

        .spd-sh-07 > li > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }

            .spd-sh-07 > li > ul > li {
                display: block;
                padding: 0px;
            }

                .spd-sh-07 > li > ul > li > a {
                    display: block;
                    width: 40px;
                    padding: 16px 0px 9px;
                }
}
/* --- ends of Content 07 --- */

/* --- starts of Content 08 --- */
.spd-sh-08 {
    display: table;
    width: 100%;
    position: relative;
}

    .spd-sh-08 .p-row {
        display: table-row;
    }

    .spd-sh-08 .p-step button[disabled] {
        opacity: 1 !important;
        border: 1px solid #ccc;
    }

    .spd-sh-08 .p-row:before {
        top: 55px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 100%;
        height: 1px;
        background-color: #ccc;
    }

    .spd-sh-08 .p-step {
        display: table-cell;
        text-align: center;
        position: relative;
    }

        .spd-sh-08 .p-step p {
            margin-top: 10px;
            padding: 0 10px;
        }

.spd-sh-btn08 {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    padding: 6px 22px;
    border: 1px solid #ccc;
}
/* --- ends of Content 08 --- */

/* --- starts of PricingTable 09 --- */
.spd-sh-09 .details {
    background: #fff;
    border: 1px solid #ddd;
}

    .spd-sh-09 .details h3 {
        padding: 20px;
        margin: 0px 0px 50px 0px;
        background-color: #eee;
    }

        .spd-sh-09 .details h3 span {
            display: block;
            text-align: center;
            font: bold 30px/90px sans-serif;
            color: #777;
            background: #fff;
            border: 5px solid #fff;
            height: 100px;
            width: 100px;
            margin: 10px auto -65px;
            border-radius: 100px;
            box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
            -moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
            -ms-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
            -webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
            -o-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
        }

    .spd-sh-09 .details ul {
        padding: 0;
    }

    .spd-sh-09 .details li {
        border-top: 1px solid #ddd;
        padding: 10px 0;
        list-style: none !important;
    }
    /*----------------*/
    .spd-sh-09 .details:hover {
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        position: relative;
        z-index: 9;
        border: 1px solid #4285F4;
    }

        .spd-sh-09 .details:hover h3 {
            background-color: #1B72AC;
            color: #ffffff;
        }
/*----------------*/
.spd-sh-09 .sh-btn09 {
    position: relative;
    padding: 8px 20px;
    margin: 0 0 25px 0;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
}
/* --- ends of PricingTable 09 --- */

/* --- starts of Content 10 --- */
.spd-sh-10 .body {
    width: 100%;
    text-align: center;
    margin: 10px auto;
    overflow: hidden;
}
/*Shared properties*/
.spd-sh-10 .title {
    color: #ffffff;
    background: #1F628E;
    font-size: 18px;
}

.spd-sh-10 .title, .spd-sh-10 .footer {
    height: 35px;
    color: #FEFEFE;
    text-transform: capitalize;
    line-height: 30px;
    position: relative;
}
    /*arrow creation*/
    .spd-sh-10 .content:after,
    .spd-sh-10 .content:before,
    .spd-sh-10 .footer:before,
    .spd-sh-10 .footer:after {
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-top-color: #1B72AC;
        border-width: 5px;
        margin-left: -5px;
    }

    .spd-sh-10 .footer:after,
    .spd-sh-10 .footer:before {
        top: -1px;
    }

    .spd-sh-10 .footer:after {
        border-width: 5px;
        margin-left: -5px;
    }
/*ends arrow creation*/
.spd-sh-10 .price {
    position: relative;
    display: inline-block;
    text-align: center;
    color: #ffffff;
}

    .spd-sh-10 .price span {
        font-size: 100px;
        letter-spacing: 2px;
        font-weight: 600;
    }

    .spd-sh-10 .price sup {
        position: absolute;
        top: 50px;
        left: -16px;
        font-size: 20px;
        font-weight: 400;
    }

.spd-sh-10 .hint {
    font-style: italic;
    color: #ffffff;
    padding-bottom: 10px;
}

.spd-sh-10 .features {
    background-color: #ffffff;
    text-align: left;
    padding: 20px 18%;
    border-style: solid;
    border-width: 1px;
    border-top: none;
    border-bottom: none;
}

    .spd-sh-10 .features li {
        padding: 8px 0;
        width: 100%;
        list-style: none !important;
    }

        .spd-sh-10 .features li span {
            padding-right: 0.4rem;
            margin-left: -12%;
        }

.spd-sh-10 .footer:after {
    border-top-color: #FFFFFF;
}

.spd-sh-10 .footer p {
    text-transform: capitalize;
    color: #ffffff;
    margin: 0;
    padding: 0;
}
/* --- ends of Content 10 --- */

/* --- starts of PricingTable 11 --- */
.spd-sh-11 .rows li {
    padding: 0 15%;
    width: 100%;
    display: block;
    list-style: none !important;
    color: #ffffff;
    border-bottom: 1px solid #3C7FAC;
}

    .spd-sh-11 .rows li i {
        padding: 0 5px 0 0;
        margin-left: -15%;
        height: 45px;
        line-height: 45px;
        text-align: left;
    }

    .spd-sh-11 .rows li.fees {
        width: 100%;
        padding: 0;
        margin: 0;
        background: #1F628E;
        height: 48px;
        line-height: 48px;
        text-align: center;
        font-size: 32px;
    }

    .spd-sh-11 .rows li.title {
        height: 60px;
        padding: 0;
        margin: 0;
        line-height: 60px;
        font-size: 24px;
        text-align: center;
    }

.spd-sh-11 .rows {
    width: 96%;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #3C7FAC;
}

    .spd-sh-11 .rows:hover {
        margin-top: -15px;
        box-shadow: 1px 1px 10px #222222;
        -moz-box-shadow: 1px 1px 10px #222222;
        -webkit-box-shadow: 1px 1px 10px #222222;
        -ms-box-shadow: 1px 1px 10px #222222;
    }

.spd-sh-11 .footer {
    height: 80px;
    text-align: center;
}

.spd-sh-11 .sh-btn11 {
    height: 50px;
    padding: 5px 25px;
    line-height: 40px;
    position: relative;
    top: 31px;
    background: #1F628E;
    color: #ffffff;
    border: 1px solid #3C7FAC;
    text-decoration: none;
    font-weight: 400;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}

    .spd-sh-11 .sh-btn11:hover {
        text-decoration: none;
        color: #ffffff;
    }
/* --- ends of PricingTable 11 --- */

/* --- starts of PricingTable 12 --- */
.spd-sh-12 .rows li {
    padding: 0 15%;
    width: 100%;
    display: block;
    overflow: hidden;
    list-style: none !important;
    border-bottom: 1px solid #d9d9d9;
}

    .spd-sh-12 .rows li i {
        padding: 0 5px 0 0;
        margin-left: -15%;
        height: 45px;
        line-height: 45px;
        text-align: left;
    }

    .spd-sh-12 .rows li.fees {
        width: 100%;
        display: block;
        line-height: 48px;
        height: 48px;
        background: #1B72AC;
        text-align: center;
        font-size: 34px;
        font-weight: 700;
        color: #fff;
    }

        .spd-sh-12 .rows li.fees sup {
            font-size: 18px;
            font-weight: 700;
        }

        .spd-sh-12 .rows li.fees sub {
            font-size: 14px;
            font-weight: 100;
        }

.spd-sh-12 .title {
    height: 100px;
    line-height: 100px;
    color: #fff;
    font-size: 24px;
    text-align: center;
}

.spd-sh-12 .rows {
    width: 100%;
    border: 1px solid #d9d9d9;
    padding: 0;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

    .spd-sh-12 .rows:hover .title {
        background: #1F628E;
        color: #fff;
    }

    .spd-sh-12 .rows:hover .foo {
        background: #1F628E;
    }

.spd-sh-12 .foo {
    height: 85px;
    text-align: center;
}

.spd-sh-12 .sh-btn12, spd-sh-12 .sh-btn12:visited {
    color: #fff;
    border: 1px solid #d9d9d9;
    text-decoration: none;
    padding: 10px 25px;
    position: relative;
    top: 23%;
}

    .spd-sh-12 .sh-btn12:hover {
        color: #fff;
        text-decoration: none;
    }
/* --- ends of PricingTable 12 --- */

/* --- starts of Content 13 --- */
.spd-sh-13 .body {
    width: 100%;
    margin: 0px auto;
    border: 1px solid #fff;
    border-radius: 5px;
    min-height: 400px;
    background: #222;
    position: relative;
    display: table;
    text-align: center;
}

.spd-sh-13 .price {
    width: 110px;
    height: 110px;
    line-height: 90px;
    position: absolute;
    left: calc(50% - 60px);
    top: -52px;
    display: inline-block;
    border: 9px solid #fff;
    border-radius: 50%;
    background: #222;
    text-align: center;
    color: #fff;
}

.spd-sh-13 .title {
    font-variant: small-caps;
    border-bottom: 1px solid #fff;
    padding: 60px 0px 10px 0px;
    color: #ddd;
}

.spd-sh-13 .details {
    padding: 0 10%;
    text-align: left;
    color: #ddd;
    font-weight: 300;
    padding-bottom: 0px;
    margin: 0;
}

    .spd-sh-13 .details li {
        border-bottom: 1px dotted #ccc;
        padding: 10px 0;
        list-style: none !important;
    }

.spd-sh-13 .body:hover {
    background: #000;
}

    .spd-sh-13 .body:hover .price {
        background: #000;
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    }

.spd-sh-13 .sh-btn13 {
    padding: 15px 0;
    margin-top: -1px;
    border-radius: 0;
    color: #fff;
    display: block;
    visibility: hidden;
}

.spd-sh-13 .body:hover .sh-btn13 {
    display: block;
    visibility: visible;
}
/* --- ends of Content 13 --- */

/* --- starts of Meet Our Team 14 --- */
.spd-sh-14 .body {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #ccc;
}

    .spd-sh-14 .body:hover .figure {
        color: #4285F4;
    }

.spd-sh-14 .figure > img {
    width: 100%;
}

.spd-sh-14 .figure > h4 {
    margin: 10px 0 0 0;
    color: #000;
}

.spd-sh-14 .body > .figure {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    color: #000;
}

.spd-sh-14 .body > p {
    padding: 10px;
}

    .spd-sh-14 .body > p > a {
        text-decoration: none;
        color: inherit;
    }

        .spd-sh-14 .body > p > a:hover {
            text-decoration: none;
            color: #4285F4;
        }

        .spd-sh-14 .body > p > a > i {
            width: 30px;
            height: 30px;
            line-height: 30px;
            display: inline-block;
            border: 1px solid #ccc;
        }
/* --- ends of  Meet Our Team 14 --- */

/* --- starts of  Meet Our Team 15 --- */
.spd-sh-15 .body > img {
    width: 80%;
    display: inline-block;
}

.spd-sh-15 .body:hover img {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.spd-sh-15 .body > h5 {
    width: 100%;
    text-transform: uppercase;
}

.spd-sh-15 .body > span {
    color: #999999;
}

.spd-sh-15 .body > ul {
    display: inline-block;
    margin-left: -30px;
}

.spd-sh-15 .horizontal-line {
    width: 10%;
    margin: 10px auto;
    border: 1px solid #E5E5E5;
}

.spd-sh-15 .body > ul > li > a {
    width: 35px;
    height: 35px;
    line-height: 15px;
    padding: 10px;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 500px;
    color: #ccc;
}

.spd-sh-15 .facebook:hover {
    color: #fff;
    background: #3A589D;
    border-color: #3A589D;
}

.spd-sh-15 .google-plus:hover {
    color: #fff;
    background: #f2562d;
    border-color: #f2562d;
}

.spd-sh-15 .twitter:hover {
    color: #fff;
    background: #2478BA;
    border-color: #2478BA;
}

.spd-sh-15 .pinterest:hover {
    color: #fff;
    background: #CB2320;
    border-color: #CB2320;
}

.spd-sh-15 .envelope:hover {
    color: #fff;
    background: #000;
    border-color: #000;
}
/* --- ends of  Meet Our Team 15 --- */

/* --- starts of  Meet Our Team 16 --- */
.spd-sh-16 .view {
    width: 100%;
    height: 200px;
    margin: 10px;
    float: left;
    border: 10px solid #f9f9f9;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    background: #fff url(images/bgimg.jpg);
}

.spd-sh-16 .photo {
    width: 100%;
    display: block;
    position: relative;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    filter: alpha(opacity=100);
    opacity: 1;
}

.spd-sh-16 .mask {
    width: 100%;
    height: 200px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: rgba(77,44,35,0.5);
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.spd-sh-16 .title {
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 0;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.spd-sh-16 .mask > p {
    width: 100%;
    max-height: 94px;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 2% 5%;
    text-align: center;
    overflow-y: hidden;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /**/
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.spd-sh-16 .mask > a {
    background: none repeat scroll 0 0 #000;
    box-shadow: 0 0 1px #000;
    color: #fff;
    display: inline-block;
    padding: 7px 0px;
    min-width: 35px;
    text-decoration: none;
}
/*Hover Style*/
.spd-sh-16 .view:hover .photo {
    -webkit-transform: rotate(720deg) scale(0);
    -moz-transform: rotate(720deg) scale(0);
    -o-transform: rotate(720deg) scale(0);
    -ms-transform: rotate(720deg) scale(0);
    transform: rotate(720deg) scale(0);
    filter: alpha(opacity=0);
    opacity: 0;
}

.spd-sh-16 .view:hover .mask {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px) rotate(0deg);
    -moz-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.spd-sh-16 .view:hover .title {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    -ms-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.spd-sh-16 .view:hover .mask > a {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}
/* --- ends of  Meet Our Team 16 --- */

/* --- starts of Meet Our Team 17 --- */
/*some style in spd-sh-14*/
.spd-sh-17 .body {
    background: none;
}

    .spd-sh-17 .body > .figure {
        background: #d9d9d9;
    }

    .spd-sh-17 .body > .social {
        transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
    }

    .spd-sh-17 .body:hover img {
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

    .spd-sh-17 .body:hover .social > a > i {
        background: #d9d9d9;
        color: #222;
    }

        .spd-sh-17 .body:hover .social > a > i:hover {
            color: #fff;
        }

    .spd-sh-17 .body:hover .social a:nth-child(1) i:hover {
        background: #3B5997;
    }

    .spd-sh-17 .body:hover .social a:nth-child(2) i:hover {
        background: #00ACEE;
    }

    .spd-sh-17 .body:hover .social a:nth-child(3) i:hover {
        background: #D23C2D;
    }

    .spd-sh-17 .body:hover .social a:nth-child(4) i:hover {
        background: #01AEF2;
    }
/* --- ends of  Meet Our Team 17 --- */

/* --- starts of Content Social Icon 18 --- */
/*all icon common style*/
ul.sh-icon {
    margin: 2px auto;
    text-align: center;
    display: table;
}

    ul.sh-icon > li {
        display: inline-block;
        padding: 2px;
    }

        ul.sh-icon > li > a.facebook > i:hover {
            background: #3B5998;
        }

        ul.sh-icon > li > a.twitter > i:hover {
            background: #55ACEE;
        }

        ul.sh-icon > li > a.google > i:hover {
            background: #B63122;
        }

        ul.sh-icon > li > a.skype > i:hover {
            background: #19B6F0;
        }

        ul.sh-icon > li > a.youtube > i:hover {
            background: #CC181E;
        }

        ul.sh-icon > li > a.linkedin > i:hover {
            background: #489DC9;
        }

        ul.sh-icon > li > a.rss > i:hover {
            background: #E78733;
        }
/*ens of all icon common style*/
.spd-sh-18 ul > li > a > i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #292524;
    color: #fff;
    box-shadow: 0.5px 0.5px 10px #292524;
    -moz-box-shadow: 0.5px 0.5px 10px #292524;
    -webkit-box-shadow: 0.5px 0.5px 10px #292524;
    -o-box-shadow: 0.5px 0.5px 10px #292524;
    -ms-box-shadow: 0.5px 0.5px 10px #292524;
}
/* --- ends of Content Social Icon 18 --- */

/* --- starts of Content Social Icon 19 --- */
.spd-sh-19 > ul > li > a > i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #222;
    color: #fff;
}
/* --- ends of Content Social Icon 19 --- */

/* --- starts of Content Social Icon 20 --- */
.spd-sh-20 > .sh-icon > li > a {
    position: relative;
    display: inline-block;
    position: relative;
    text-decoration: none;
}

    .spd-sh-20 > .sh-icon > li > a > strong {
        width: 80px;
        position: absolute;
        left: -65px;
        top: -10px;
        color: #fff;
        text-align: center;
        padding: 6px 8px;
        z-index: 9999;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
        background-color: rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        opacity: 0;
        -webkit-transition-property: opacity, top;
        -webkit-transition-duration: 300ms;
        -moz-transition-property: opacity, top;
        -moz-transition-duration: 300ms;
    }

        .spd-sh-20 > .sh-icon > li > a > strong:before {
            position: absolute;
            border: 10px solid red;
            left: calc(50% - 4px);
            bottom: -2px;
            border-style: solid;
            border-width: 4px;
            border-color: #AAA transparent transparent transparent;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: bottom;
            transition-property: bottom;
        }

.spd-sh-20 > .sh-icon > li > i {
    background: #222;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: default;
}

ul.sh-icon > li.facebook i {
    background: #3B5998;
}

ul.sh-icon > li.twitter i {
    background: #55ACEE;
}

ul.sh-icon > li.google i {
    background: #B63122;
}

ul.sh-icon > li.skype i {
    background: #19B6F0;
}

ul.sh-icon > li.youtube i {
    background: #CC181E;
}

ul.sh-icon > li.linkedin i {
    background: #489DC9;
}

ul.sh-icon > li.rss i {
    background: #E78733;
}

.spd-sh-20 > .sh-icon:hover > li {
    opacity: 0.2;
}

.spd-sh-20 > .sh-icon > li:hover {
    opacity: 1;
}

    .spd-sh-20 > .sh-icon > li:hover > a > strong {
        opacity: 1;
        top: -60px;
    }
/* --- ends of Content Social Icon 20 --- */

/* --- starts of Content 21 --- */
.spd-sh-21 ul.sh-icon > li > a > i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-top: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
    background: #05CAC2;
    color: #fff;
}
/* --- ends of Content 21 --- */

/* --- starts of Content Dropcaps 22+23+24+25+26+27+28+29 --- */
/*common dropcaps style */
.dropcaps > p {
    padding: 10px 0;
}

.dropcaps > h4 {
    margin: 0;
    padding: 0;
}

.dropcaps > p > span {
    float: left;
    width: 45px;
    height: 45px;
    line-height: 40px;
    margin: 5px 6px 2px 0px;
    font-size: 45px;
    text-align: center;
    color: #fff;
}
/*ends of common first-letter style*/
.spd-sh-22 > p > span {
    color: inherit !important;
}

.spd-sh-23 > p > span {
    color: #1B72AC;
}

.spd-sh-24 > p > span, .spd-sh-25 > p > span {
    background: #ccc;
}

.spd-sh-26 > p > span, .spd-sh-27 > p > span {
    border: 1px dashed #fff;
}

.spd-sh-28 p {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.spd-sh-29 p {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
/* --- ends of Content Dropcaps 22+23+24+25+26+27+28+29 --- */

/* --- starts of Content Social Icon 30 --- */
.spd-sh-30 > ul.sh-icon > li > a {
    color: #222 !important;
}

    .spd-sh-30 > ul.sh-icon > li > a > strong {
        position: relative;
        left: 0;
        top: -5px;
    }
/* --- ends of Content Social Icon 30 --- */

/*--- starts of content 31+32+33+34+35+36+37+38 --- */
.sh-list {
    margin-left: 2.14286em;
    padding-left: 0;
}

    .sh-list > li {
        list-style-type: none;
        position: relative;
        line-height: 20px;
    }

        .sh-list > li > i {
            left: -2.14286em;
            position: absolute;
            text-align: center;
            top: 0.142857em;
            width: 2.14286em;
        }
/*ends of common style*/
.spd-sh-31 > li, .spd-sh-33 > li {
    padding: 6px 0;
}

    .spd-sh-31 > li > i {
        margin-top: 9px;
    }

.spd-sh-32 > li,
.spd-sh-34 > li {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

    .spd-sh-32 > li > i {
        margin-top: 13px;
    }

    .spd-sh-34 > li > i {
        margin: 0;
    }
/*---*/
.spd-sh-35 > li > i,
.spd-sh-36 > li > i {
    width: 22px;
    height: 22px;
    color: #fff;
    line-height: 22px;
}

.spd-sh-35 > li {
    padding: 6px 0;
}

    .spd-sh-35 > li > i {
        margin-top: 4px;
    }

.spd-sh-36 > li {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

    .spd-sh-36 > li > i {
        margin-top: 7px;
    }
/*---*/
.spd-sh-37 > li > i,
.spd-sh-38 > li > i {
    width: 22px;
    height: 22px;
    color: #fff;
    line-height: 22px;
}

.spd-sh-37 > li {
    padding: 6px 0;
}

    .spd-sh-37 > li > i {
        margin-top: 4px;
    }

.spd-sh-38 > li {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

    .spd-sh-38 > li > i {
        margin-top: 7px;
    }
/*--- ends of content 31+3231+32+33+34+35+36+37+38 --- */

/* --- starts of Content Social Icon 39 --- */
.spd-sh-39 .item {
    padding: 0 25px 0 85px;
}

    .spd-sh-39 .item > img {
        width: 100%;
    }

.spd-sh-39 .text {
    padding: 0 85px 0 25px;
}

.spd-sh-39 .sh-btn39 {
    text-align: center;
    text-decoration: none;
    padding: 8px 30px;
    display: inline-block;
    border-width: 2px;
    border-style: solid;
    text-transform: uppercase;
    color: #fff;
}

    .spd-sh-39 .sh-btn39 > i {
        padding-left: 15px;
    }

@media (max-width: 980px) {
    .spd-sh-39 .sh-btn39 {
        width: 48%;
        padding: 4px;
    }

        .spd-sh-39 .sh-btn39 > i {
            padding-left: 4%;
        }
}

@media (max-width: 768px) {
    .spd-sh-39 .text {
        padding: 0;
    }

    .spd-sh-39 .sh-btn39 {
        width: 49%;
        padding: 4px;
    }

        .spd-sh-39 .sh-btn39 > i {
            padding-left: 4%;
        }
}

.spd-sh-39 .second {
    color: #222;
}
/* --- ends of Content Social Icon 39--- */

/* --- starts of  content - 40 --- */
.spd-sh-40 {
    color: #fff;
}

    .spd-sh-40 .item {
        width: 90%;
        margin: 0 auto;
    }

        .spd-sh-40 .item > i {
            width: 100px;
            line-height: 90px;
            border: 4px solid #fff;
        }

    .spd-sh-40 .horizontal-line {
        width: 20%;
        border: 1px solid #fff;
    }
/* --- ends of  content - 40 --- */

/* --- starts of  content - 41 --- */
.spd-sh-41 h2 {
    letter-spacing: 0.1em;
}

.spd-sh-41 p {
    width: 50%;
    margin: 0 auto;
}
/* --- ends of  content - 41 --- */

/* --- starts of  content - 42 --- */
.spd-sh-42 {
    background: url('../images/spd-n-black-bg-cont.png') #525252;
    color: #fff;
}

    .spd-sh-42 .sh-btn42 {
        margin: 10px 10px 0 10px;
        min-width: 140px;
        text-decoration: none;
        padding: 10px 20px;
        display: inline-block;
        font-size: 18px;
        color: #fff;
    }
/* --- ends of  content - 42 --- */

/* --- starts of  content - 43 --- */
.spd-sh-43 .service {
    padding: 0 10px;
}

    .spd-sh-43 .service > h3 {
        margin: -17px 0 10px 0;
        border-bottom: 3px double !important;
        text-align: left;
    }

        .spd-sh-43 .service > h3 > span {
            padding: 0 5px 0 0;
            background-color: #fff;
            position: relative;
            top: 12px;
        }
/* --- ends of  content - 43 --- */

/* --- starts of  content - 44 --- */
.spd-sh-44 {
    background: url('../images/spd-sh-service.jpg') center fixed #000000;
    color: #fff;
}

    .spd-sh-44 p {
        color: #aaa;
    }

    .spd-sh-44 .p-btn {
        width: 100%;
        display: table;
        text-align: center;
        position: relative;
        color: #aaa;
    }

    .spd-sh-44 .sh-btn44 {
        text-align: center;
        text-decoration: none;
        margin: 0 10px 20px 10px;
        padding: 8px 20px;
        display: inline-block;
        border-width: 1px;
        border-style: solid;
        text-transform: uppercase;
        color: #fff;
    }

        .spd-sh-44 .sh-btn44 > i {
            padding-left: 15px;
        }
/* --- ends of  content - 44 --- */


