body,
p,
Normal {
    font-size: 15px;
}

h1 {
    font-family: 'open sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

h2 {
    font-family: 'open sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

h3 {
    font-family: 'open sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

h4 {
    font-family: 'open sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

h5 {
    font-family: 'open sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

h6 {
    font-family: 'open sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.interior {
    min-height: calc(100vh - 494px);
}

.interior h3,
.text-highlights strong {
    color: #8B0000;
}

/** 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 h2 {
    color: #fff;
}

.spd-n-cr-titles h2 span {
    z-index: 10000;
    position: absolute;
    width: 90%;
    left: 0px;
    text-align: center;
    opacity: 0;
    top: 5%;
    left: 5%;
}

.spd-n-cr-titles h2 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 h2 span:nth-child(2) {
    margin-top: 84px;
    border-right: 6px solid #80c3f1;
    border-left: 6px solid #80c3f1;
    letter-spacing: 0px;
    background: #fff;
    font-size: 13px;
    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;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

.spd-n-cr-container input:checked~.spd-n-cr-titles h2 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 h2:nth-child(1) span:nth-child(1),
.spd-n-cr-container input.spd-n-cr-selector-img-2:checked~.spd-n-cr-titles h2:nth-child(2) span:nth-child(1),
.spd-n-cr-container input.spd-n-cr-selector-img-3:checked~.spd-n-cr-titles h2:nth-child(3) span:nth-child(1),
.spd-n-cr-container input.spd-n-cr-selector-img-4:checked~.spd-n-cr-titles h2: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 h2:nth-child(1) span:nth-child(2),
.spd-n-cr-container input.spd-n-cr-selector-img-2:checked~.spd-n-cr-titles h2:nth-child(2) span:nth-child(2),
.spd-n-cr-container input.spd-n-cr-selector-img-3:checked~.spd-n-cr-titles h2:nth-child(3) span:nth-child(2),
.spd-n-cr-container input.spd-n-cr-selector-img-4:checked~.spd-n-cr-titles h2: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 h2 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 h2 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 h2 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;
}



/**********************************
*  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) #313131;
    color: #fff;
    border-top: 4px solid #1c1c1c;
}

.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 {
    color: #fff !important;
    margin-left: 40px !important;
}

.spd-n-neo-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;
    font-family: 'oswald', sans-serif;
}

.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;
    font-family: 'oswald', sans-serif;
}

.spd-r-accor-four .collapsed .spd-r-accordion_icon:before {
    content: "\f107";
    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;
    font-family: 'oswald', sans-serif;
}

.spd-r-acc-01>label:before {
    content: "\f107";
    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;
    font-family: 'oswald', sans-serif;
}

.spd-r-acc-02>label:before {
    content: "\f107";
    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;
    font-size: 15px !important;
    font-weight: normal !important;
}

.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;
    font-family: 'oswald', sans-serif;
}

.spd-r-btn-bigger {
    font-size: 18px;
    line-height: 20px;
    padding: 18px 22px;
}

.spd-r-btn-dark {
    transition: all .5s;
    border: 1px solid #fff;
    color: #ffffff !important;


}


.Home-banner-bottom {
    margin-top: 4px;
    border-top: 1px solid #bbbbbb;
}

.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;
    font-family: 'oswald', sans-serif;
    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-family: 'oswald', sans-serif;
    font-size: 12px;
    line-height: 20px;
    padding: 8px 22px;

}

/* 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: 'oswald', 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: 'oswald', 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: 'oswald', 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: 'oswald', 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-item h4 {
    background-color: #8B0000;
    color: white;
    margin: 0;
    padding: 10px 0;
}

.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 {

    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 #8B0000;
}

.spd-r-carosel-st3 .item:hover h3,
.spd-r-carosel-st3 .item:hover a {
    color: #8B0000;
}

.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;
}

.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;*/
    display: none;
}

.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;*/
    display: none;
}

.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;

    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 #8B0000;
}

.spd-r-carosel-st4 .spd-r-negetive-rotate:hover h3,
.spd-r-carosel-st4 .spd-r-negetive-rotate:hover a {
    color: #8B0000;
}

.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 {
    display: none;
    padding: 10px 5px;
}

.spd-r-wid-btn {
    background-color: #efefef;
    margin: auto;
    text-align: center;
    width: 100%;
}

.spd-r-carosel-st3 .item .spd-r-wid-btn a {
    color: #333;
    display: block;
    padding: 10px 0;
}

.spd-r-carosel-st3 .item .spd-r-wid-btn a:hover {
    background-color: #333;
    color: #fff;
}

/* 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: "\f107";
    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: "\f107";
    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: "\f107";
    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 */

table th {
    background-color: #8B0000;
    color: #fff;
}

/* 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;
    color: #fff;
}

.spd-r-table1 td {
    color: #555555;
}

.spd-r-table1 th,
.spd-r-table1 td {
    padding: 15px 30px;
    font-size: 14px;
}

.spd-r-table1 tr:nth-child(2n) td {
    background-color: #f7f7f7;
}

/* 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: 40px;
    padding-top: 30px;
    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 1px;
    padding: 40px 0 40px 0px;
}

.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: #5E5858;
    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;
    border-style: solid;
    border-color: #bbb;
    border-radius: 50%;
    transition: all .8s ease;

}

.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: #e6e6e7;
}


/*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;
    font-family: inherit;
    font-weight: normal;
}

.spd-panel-title a {

    font-family: 'oswald', sans-serif;

}

/*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;

}

.sh-h3>h3>i {
    display: inline-block;
    position: relative;
    line-height: 28px;
    padding: 2px 10px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    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: #CB2320;
    border-color: #CB2320;
}

.spd-sh-15 .twitter:hover {
    color: #fff;
    background: #2478BA;
    border-color: #2478BA;
}

/* --- 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;

    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: 0.34286em;
}

.sh-list>li {
    list-style-type: none;
    position: relative;
    line-height: 20px;
}

.sh-list>li>i {
    position: absolute;
    text-align: center;
    top: 0.142857em;
    left: -2.14286em;
    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: 28px;
    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 --- */

/*Foremost Customization*/

#MpageBody.interior {
    padding: 50px 0;
}

.ModSpeedyAppIsotopePortfolio2C .primary {
    display: none;
}

/*Foremost Catalog Module*/
.equal-height {
    display: flex;
    flex-wrap: wrap;
}

.SquareRibbonTitle {
    height: calc(100% - 3em);
}

.node-product .Rectangle_Title,
.node-category .Rectangle_Title {
    height: 58px;
    left: 0;
    margin-top: 0;
    position: relative;
    top: 0;
}

.node-product .Rectangle_Title .Head,
.node-category .Rectangle_Title .Head {
    margin-bottom: 0;
}

.node-product .Rectangle_Cus-Body,
.node-category .Rectangle_Cus-Body {
    padding: 15px;
    text-align: center;
}

.node-product .Rectangle_Cus-Body p,
.node-category .Rectangle_Cus-Body p {
    max-height: 40px;
    overflow: hidden;
    text-align: left;
}

.node-product .Rectangle_Cus-Body img,
.node-category .Rectangle_Cus-Body img {
    display: initial;
    margin-bottom: 15px;
    width: 100%;
}

.node-product a,
.node-product a:visited,
.node-category a,
.node-category a:visited {
    color: #8B0000;
    display: block;
    font-size: 16px;
    margin-top: 5px;
    text-align: left;
}

.dnnSearchResultAdvancedTip {
    width: 110px !important;
}

.node-category h3,
.node-product h3 {
    color: #fff;
    font: 15px/18px 'open sans', sans-serif;
    padding: 0 10px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
}

.pagination>li.active a {
    background-color: #8B0000;
    border-color: #ddd;
}

.pagination>li.active a:hover {
    background-color: #ddd;
    border-color: #ddd;
    color: #8B0000;
}

.pagination>li>a,
.pagination>li>a:hover {
    color: #8B0000;
}

.fm-product-catalog-wrap h1 {
    margin-bottom: 30px;
}

.dnnSearchBoxPanel .dnnSearchBox {
    margin-right: 125px !important;
}

.product h4 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    text-transform: uppercase;
}

.specs {
    margin-bottom: 25px;
}

.specs ul li {
    line-height: 26px;
    list-style-position: outside;
    list-style-type: none;
}

.specs ul li:before {
    content: '\00B7';
    margin-right: 10px;
    font-weight: bold;
}

.spec-links p {
    margin-bottom: 10px;
}

.ModForemostMediaFMFormsDNNC .btn-success {
    background-color: #8B0000;
    background-image: none;
    border-width: 0;
    transition: background-color 0.5s ease;
}

.ModForemostMediaFMFormsDNNC .btn-success:hover {
    background-color: #333333;
}

@media (max-width: 768px) {

    .node-product .Rectangle_Cus-Body p,
    .node-category .Rectangle_Cus-Body p {
        text-align: center;
    }

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

    .fm-product-catalog-wrap {
        padding: 20px;
    }
}
.blue-link {
    color: #0071E3;
}
.blue-link:hover {
    color: #333;
}