/* Start main style */
/* $main_color  : #ff914c;
$second_color: #0b0b0b; */

body {
    color      : #0b0b0b;
    font-family: 'Tajawal', sans-serif;
    font-size  : 14px;
    text-align : right;
}

.loader-container {
    position       : fixed;
    z-index        : 9;
    background     : #333;
    width          : 100%;
    height         : 100%;
    display        : flex;
    align-items    : center;
    justify-content: center;
    z-index        : 9;
}

.loader {
    display  : inline-block;
    font-size: 0px;
    padding  : 0px;
}

.loader span {
    vertical-align: middle;
    border-radius : 100%;

    display          : inline-block;
    width            : 10px;
    height           : 10px;
    margin           : 3px 2px;
    -webkit-animation: loader 0.8s linear infinite alternate;
    animation        : loader 0.8s linear infinite alternate;
}

.loader span:nth-child(1) {
    -webkit-animation-delay: -1s;
    animation-delay        : -1s;
    background             : rgba(245, 103, 115, 0.6);
}

.loader span:nth-child(2) {
    -webkit-animation-delay: -0.8s;
    animation-delay        : -0.8s;
    background             : rgba(245, 103, 115, 0.8);
}

.loader span:nth-child(3) {
    -webkit-animation-delay: -0.26666s;
    animation-delay        : -0.26666s;
    background             : rgba(245, 103, 115, 1);
}

.loader span:nth-child(4) {
    -webkit-animation-delay: -0.8s;
    animation-delay        : -0.8s;
    background             : rgba(245, 103, 115, 0.8);

}

.loader span:nth-child(5) {
    -webkit-animation-delay: -1s;
    animation-delay        : -1s;
    background             : rgba(245, 103, 115, 0.4);
}

@keyframes loader {
    from {
        transform: scale(0, 0);
    }

    to {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: scale(0, 0);
    }

    to {
        -webkit-transform: scale(1, 1);
    }
}

img {
    max-width: 100%;
}

ul {
    padding   : 0;
    list-style: none;
}

ul {
    margin: 0;
}

a,
a:hover {
    text-decoration: none;
    color          : #0b0b0b;
}

.topnav ul li a,
footer ul li a,
footer ul li:hover span {
    transition: all .2s ease-in-out;
}

.modal-header {
    padding: .5rem 1rem;
    border : none;
}

.modal-header .close {
    margin       : 0;
    width        : 30px;
    height       : 30px;
    background   : #ff0000;
    color        : #fff;
    border-radius: 5px;
    padding      : 0;
}

.myBtn {
    border-radius: 0;
    background   : #0a5647;
    border       : 2px solid #0a5647;
    padding      : 10px 30px;
}

.myBtn:hover {
    background  : transparent;
    color       : #0a5647;
    border-color: #0a5647;
    font-weight : bold;
}

.ptb-20 {
    padding: 20px 0;
}

.ptb-30 {
    padding: 30px 0;
}

.pt-20 {
    padding-top: 20px;
}

.form-control {
    border-radius: 0;
    min-height   : 45px;
}

.breadcrumb {
    border-radius: 0;
    margin       : 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-left : .5rem;
    padding-right: 0;
}

.breadcrumb-item+.breadcrumb-item {
    padding-right: .5rem;
    padding-left : 0;
}

.page-heading h1 {
    font-size  : 42px;
    font-weight: 700;
    color      : #ff914c;
}

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

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

.page-item:first-child .page-link {
    border-top-right-radius   : .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius    : 0;
    border-bottom-left-radius : 0;
}

.page-item:last-child .page-link {
    border-top-left-radius    : .25rem;
    border-bottom-left-radius : .25rem;
    border-top-right-radius   : 0;
    border-bottom-right-radius: 0;
}

.page-item.active .page-link {
    background-color: #ff914c;
    border-color    : #ff914c;
}

.page-item .page-link {
    color: #0b0b0b;
}

.modal-content {
    /* background: #333333; */
    color: #ff914c;
}

.modal-content .form-control {
    /* background: #212121; */
    /* border    : none; */
    /* color     : #ff914c; */
}

.modal-content .form-group label {
    font-weight: 600;
}

.modal-content .myBtn:hover {
    color       : #0a5647;
    border-color: #0a5647;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Changa', sans-serif;
}

.white_color {
    color: #ffffff;
}

.video-container {
    position           : relative;
    display            : block;
    width              : 100%;
    min-height         : 400px;
    background-image   : url('../imgs/about-us.PNG');
    background-size    : cover;
    background-position: center center;
}

.video-btn {
    position       : absolute;
    height         : 80px;
    width          : 80px;
    top            : 50%;
    left           : 50%;
    transform      : translateX(-50%) translateY(-50%);
    border         : 2px solid #0b0b0b;
    border-radius  : 50%;
    animation      : ripple_shadow 2s linear infinite;
    display        : flex;
    align-items    : center;
    justify-content: center;
    color          : #0b0b0b;
    font-size      : 40px;
    transition     : all .4s ease-in-out;
}

.video-btn:hover {
    color: #ff914c;
}

#videoModal .modal-dialog {
    max-width: 800px;
}

#videoModal .modal-content {
    background: transparent;
    border    : none;
}

#videoModal .modal-body {
    padding: 0;
}

#videoModal .modal-header {
    border : 0;
    padding: 0;
}

#videoModal .modal-header .close {
    background: transparent;
    opacity   : 1;
}

#videoModal iframe {
    width     : 100%;
    min-height: 400px;
}

@keyframes ripple_shadow {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 20px rgba(0, 0, 0, 0.2), 0 0 0 40px rgba(0, 0, 0, 0.2);
        box-shadow        : 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 20px rgba(0, 0, 0, 0.2), 0 0 0 40px rgba(0, 0, 0, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.2), 0 0 0 40px rgba(0, 0, 0, 0.2), 0 0 0 60px rgba(0, 0, 0, 0);
        box-shadow        : 0 0 0 20px rgba(0, 0, 0, 0.2), 0 0 0 40px rgba(0, 0, 0, 0.2), 0 0 0 60px rgba(0, 0, 0, 0);
    }
}


/* End main style */

/* ============================ Start header ============================= */
.topnav {
    text-align   : right;
    padding      : 8px 0;
    border-bottom: 1px solid #f0f0f0;
    background   : #0f5542;
}

.topnav a,
.topnav {
    color      : #ffffff;
    font-family: 'Changa', sans-serif;
}

.topnav ul li {
    display: inline-block;
}

.topnav ul li {
    margin-left: 10px;
}

.topnav ul li:last-child {
    margin-left: 0;
}

.topnav ul li i {
    padding-left: 7px;
}

.topnav ul li:hover a {
    color: #ff914c;
}

header {
    padding: 8px 0;
}

header .navbar-expand-lg {
    padding: 0;
}

header .navbar-light .navbar-brand {
    margin-left : 1rem;
    margin-right: 0;
    padding     : 0;
    max-width   : 150px;
}

header ul li {
    padding-right: .5rem;
    padding-left : 1rem;
}

header .navbar-light .navbar-nav .nav-link {
    padding       : 0;
    padding-bottom: 5px;
    color         : #0b0b0b;
    font-family   : 'Changa', sans-serif;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color        : #ff914c;
    border-bottom: 2px solid #ff914c;
    font-weight  : bold;
}

#freeLogin .modal-body {
    padding: 0;
}

#freeLogin .modal-body video {
    width  : 100%;
    outline: none;
}

#freeLogin .form-container {
    padding   : 15px;
    text-align: right;
}

#freeLogin .form-control {
    border-radius: 0;
}

/* ============================ End header ============================= */

/* ============================ Start footer ============================= */

footer {
    text-align         : right;
    border-top      : 2px solid #dddddd;
    background-color   : #333;
    color              : #fff;
    padding            : 50px 0;
}

footer .footer-logo {
    max-width: 200px;
}

footer .footer-logo img {
    width: 120px;
}

footer h5 {
    margin-bottom: 1rem;
    font-weight  : bold;
    color        : #ff914c;
}

footer ul li {
    padding-bottom: 8px;
}

footer ul li:hover a,
footer ul li:hover span {
    padding-right: 5px;
    color        : #ff914c;
}

ul.social-links li {
    display: inline-flex;
}

ul.social-links li a {
    display        : flex;
    width          : 35px;
    height         : 35px;
    border         : 2px solid #ff914c;
    padding        : 0;
    justify-content: center;
    align-items    : center;
    margin-left    : 5px;
    font-size      : 16px;
}

ul.social-links li:last-child {
    margin-left: 0;
}

ul.social-links li:hover a {
    background: #ff914c;
    padding   : 0;
    color: #ffffff;
}

.copyright {
    background: #0b0b0b;
    color     : #ffffff;
    padding   : 10px;
}

.copyright p {
    margin: 0;
}

footer a {
    color: #ffffff;
}

/* ============================ End footer ============================= */

/* ============================ Start home page ============================ */

.main-slider img {
    max-height: 500px;
}

.main-slider .caption {
    position       : absolute;
    top            : 0;
    width          : 100%;
    height         : 100%;
    color          : #fff;
    text-align     : center;
    display        : flex;
    align-items    : center;
    flex-flow      : column;
    justify-content: center;
    background     : rgba(0, 0, 0, .5);
}

.main-slider .caption.second {
    align-items  : flex-start;
    padding-right: 10%;
}

.main-slider .caption h1 {
    font-weight: bold;
    color      : #ff914c;
    font-size  : 60px;
}

.main-slider .caption .myBtn:hover {
    color       : #ffffff;
    border-color: #ffffff;
}

.news {
    direction       : ltr;
    padding         : 10px 0;
    text-align      : right;
    /* border-top   : 1px solid #dddddd; */
    /* border-bottom: 1px solid #dddddd; */
    background      : #0f5542;
}

.news .new-item {
    border-left: 1px dashed #ff914c;
    padding    : 0 10px;
}

.news .new-item strong {
    color    : #ff914c;
    display  : block;
    font-size: 12px;
}

.news .new-item span {
    font-size    : 11px;
    display      : block;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}

.news .item {
    padding: 0;
}

.news .new-item em {
    font-size: 10px;
    color    : #999999;
}

.testimonials.home-page {
    /* background: #333333; */
    background-image      : url('../imgs/testimonials.jpg');
    background-size       : cover;
    background-position   : center center;
    position              : relative;
    /* margin-top         : 50px; */
}

.testimonials.home-page .overlay {
    position  : absolute;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, .5);
    padding   : 40px 0;
}

.testimonials.home-page .page-heading {
    color: #ffffff;
}

.home-about {
    text-align       : right;
    background       : #F5F5F5;
    /* color         : #ffffff; */
    padding-bottom   : 0;
}

.home-about h5 {
    color      : #ff914c;
    font-weight: bold;
}

.home-about video {
    width: 100%;
}

.home-about .col-md-5 {
    display        : flex;
    flex-flow      : column;
    align-items    : flex-start;
    justify-content: center;
}

.home-blog {
    /*background: #333333;*/
    color     : #ffffff
}

.home-blog .blog-content a {
    color: #0e5345;
}

.home-blog .blog_item {
    display           : flex;
    /* justify-content: space-between; */
    text-align        : right;
    cursor            : pointer;
    margin-bottom     : 15px;
    background        : #f0f0f0;
    padding           : 15px;
    align-items       : center;
}

.home-blog .blog_item img {
    max-width    : 90px;
    width        : 70px;
    height       : 70px;
    border-radius: 50%;
    margin-left  : 10px;
}

.home-blog .blog_item .piece-new {
    overflow: hidden;
}

.home-blog .blog_item h5 {
    color           : #0e5345;
    font-size       : 12px;
    font-weight     : 600;
    /* max-width    : 136px; */
    overflow        : hidden;
    text-overflow   : ellipsis;
    white-space     : nowrap;
}

.home-blog .blog_item span {
    color: #999999;
}

.blog-details .image {
    position: relative;
}

.blog-details .image span {
    position  : absolute;
    top       : 0px;
    right     : 0;
    background: #0e5345;
    color     : #fff;
    padding   : 10px 25px;
}

.home-blog .blog-details img {
    max-width: 50%;
}

.home-blog .blog-details h5 {
    margin-top: 15px;
}

/* ============================ End home page ============================ */

/* ============================ Start contact ============================= */

.contact .contact-item {
    background: #ff914c;
    color     : #ffffff;
    padding   : 15px;
    min-height: 160px;
}

.contact ul li {
    padding-bottom: 5px;
}

.contact ul li img {
    width        : 50px;
    margin-bottom: 20px;
}

/* ============================ End contact ============================= */

/* ============================ Start about-us ============================= */

.about {
    text-align: right;
    overflow  : hidden;
}

.about p {
    line-height: 1.5;
    font-size  : 16px;
}

.item {
    padding-bottom: 35px;
}

.testi-item {
    padding                    : 30px 30px 60px;
    position                   : relative;
    /* -moz-border-radius      : 5px;
    -webkit-border-radius      : 5px; */
    /* border-radius           : 5px; */
    background-color           : #f5f5f5;
    text-align                 : right;
    min-height                 : 150px;
}

.testi-item strong {
    color      : #ff914c;
    float      : right;
    margin-left: 5px;
}

.testi-item .author-image {
    width                : 65px;
    height               : 65px;
    position             : absolute;
    left                 : 50%;
    bottom               : -35px;
    margin-left          : -35px;
    border-width         : 3px;
    border-style         : solid;
    border-color         : #ff914c;
    overflow             : hidden;
    -moz-border-radius   : 35px;
    -webkit-border-radius: 35px;
    border-radius        : 35px;
}

.testi-item .author-image img {
    width  : 100%;
    display: block;
}

.testimonials.about {
    background: #333333;
}

.testimonials .owl-theme .owl-nav {
    position: absolute;
    top     : -10px;
    right   : 0;
}

.testimonials .owl-carousel.owl-rtl {
    padding-top: 40px;
}

.testimonials .owl-carousel .owl-dot,
.testimonials .owl-carousel .owl-nav .owl-next,
.testimonials .owl-carousel .owl-nav .owl-prev {
    width          : 30px;
    height         : 30px;
    display        : inline-flex;
    justify-content: center;
    align-items    : center;
    color          : #ff914c;
    font-size      : 24px;
    outline        : none;
    box-shadow     : none;
}

/* ============================ End about-us ============================= */

/* ============================ Start Services ============================= */

.project-box {
    background-color  : #f5f5f5;
    position          : relative;
    padding           : 15px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition     : all 0.5s ease 0s;
    transition        : all 0.5s ease 0s;
    margin-bottom     : 30px;
    min-height: 475px;
}

.project-box .pb-thumb {
    height  : 100%;
    position: relative;
    overflow: hidden;
    width   : 100%;
}

.img-whp {
    display  : block;
    max-width: 100%;
    height   : auto;
}

.project-box .pb-details {
    padding   : 10px 0 0;
    position  : relative;
    transition: all .3s ease-in-out;
}

.project-box .pb-details h3 {
    font-size  : 18px;
    font-weight: bold;
}

.project-box span {
    vertical-align: middle;
    padding-right : 5px;
}

.project-box:hover .pb-thumb img {
    filter        : brightness(0.6);
    -webkit-filter: brightness(0.6);
}

/* ============================ End Services ============================= */

/* ============================ Start Service-details ============================= */

.service-details {
    /*background: #333333;*/
    /*color     : #ffffff;*/
}

.service-details img {
    width     : 100%;
    max-height: 400px;
}

.service-details h5 {
    font-size  : 36px;
    font-weight: bold;
    margin-top : 15px;
    color      : #0f5542;
}

.service-details p {
    padding-right: 10px;
    border-right : 5px solid #0f5542;
    font-size    : 16px;
    line-height  : 1.5;
}

/* ============================ End Service-details ============================= */

/* ============================ Start blog ============================= */

.bs_blog_box {
    background-color: #186051;
    box-shadow      : 0px 0px 7px 0px rgba(23, 23, 23, 0.15);
    color           : #ffffff;
    margin-bottom   : 30px;
}

.bs_blog_img {
    overflow: hidden;
    position: relative;
    min-height: 235px;
}

.bs_blog_img img {
    border-radius     : 4px 4px 0px 0px;
    -webkit-transform : scale(1);
    -moz-transform    : scale(1);
    -ms-transform     : scale(1);
    -o-transform      : scale(1);
    transform         : scale(1);
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition   : -moz-transform 0.5s;
    -ms-transition    : -moz-transform 0.5s;
    -o-transition     : -o-transform 0.5s;
    transition        : transform 0.5s;
    width: 100%;
}

.bs_blog_data {
    padding: 20px;
}

.bs_blog_data h1 {
    font-size     : 16px;
    padding-bottom: 10px;
    text-overflow : ellipsis;
    white-space   : nowrap;
    overflow      : hidden;
}

.bs_blog_data h1 a {
    color: #ff914c;
}

.bs_blog_data p {
    line-height: 28px;
    margin     : 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

ul.bs_blog_info {
    border-top: 1px solid #ececec;
}

ul.bs_blog_info li {
    display: inline-block;
}

ul.bs_blog_info li a {
    color         : #ffffff;
    padding       : 15px 23px;
    display       : block;
    text-transform: capitalize;
    position      : relative;
}

ul.bs_blog_info li a i {
    margin-left: 5px;
    color      : #ff914c;
}

.bs_blog_box:hover .bs_blog_img img {
    -webkit-transform: scale(1.1);
    -moz-transform   : scale(1.1);
    -ms-transform    : scale(1.1);
    -o-transform     : scale(1.1);
    transform        : scale(1.1);
}

/* ============================ End blog ============================= */

/* ============================ Start blog details ============================= */

.widget {
    margin-bottom: 25px;
    background   : #f1f1f1;
    padding      : 15px;
}

h2.widget-title {
    font-size     : 22px;
    text-transform: capitalize;
    color         : #ff914c;
    margin-bottom : 20px;
}

.widget ul li {
    width        : 100%;
    display      : inline-block;
    margin-bottom: 11px;
}

.recent_cmnt_img {
    width: 70px;
    float: right;
}

.recent_cmnt_data {
    width        : calc(100% - 70px);
    padding-right: 15px;
    float        : right;
}

.recent_cmnt_data h4 a {
    font-size: 15px;
    color    : #666666;
}

.recent_cmnt_data a {
    color: #666666;
}

.recent_cmnt_data span a i {
    margin-left: 7px;
    color      : #ff914c;
}

.blog_date {
    width           : 65px;
    height          : 65px;
    position        : absolute;
    top             : 0;
    color           : #ffffff;
    background-color: #ff914c;
    text-align      : center;
    font-size       : 17px;
    padding-top     : 8px;
}

.blog_date span {
    display: block;
}

.widget ul.social-links li {
    display: inline-flex;
    width  : auto;
}

.widget ul.social-links li a {
    border-color: #ffffff;
    color       : #ffffff;
}

.widget ul.social-links li:hover a {
    background: #ffffff;
    padding   : 0;
    color     : #ff914c;
}

.bs_blockquotes blockquote {
    position     : relative;
    padding-right: 115px;
    font-style   : italic;
    line-height  : 28px;
    margin       : 0px;
}

.bs_blockquotes blockquote i {
    position         : absolute;
    font-size        : 40px;
    right            : 10px;
    top              : 50%;
    color            : #ff914c;
    font-style       : normal;
    z-index          : 1;
    transform        : translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
}

/* ============================ End blog details ============================= */

/* ============================ Start package ============================= */

.packages .page-heading p {
    /*color: #ffffff;*/
}

.packages {
    /*background: #0b0b0b;*/
}

.packages .package-item {
    background   : #f1f1f1;
    transition   : all .2s ease-in-out;
    margin-bottom: 30px;
    position     : relative;
    z-index      : 1;
}

.packages .col-lg-4 .package-item:first-child::before {
    position                  : absolute;
    z-index                   : -1;
    width                     : calc(50% + 10px);
    height                    : calc(30% + 10px);
    border                    : none;
    background-image          : -webkit-linear-gradient(45deg, #5c3905 15%, #efa12b 70%);
    background-image          : linear-gradient(45deg, #5c3905 15%, #efa12b 70%);
    transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    transition-duration       : 0.4s;
    transition-property       : opacity, transform;
    top                       : -10px;
    bottom                    : 0;
    right                     : -10px;
}

.packages .col-lg-4 .package-item:last-child::before {
    position                  : absolute;
    z-index                   : -1;
    width                     : calc(50% + 10px);
    height                    : calc(30% + 10px);
    border                    : none;
    background-image          : -webkit-linear-gradient(45deg, #5c3905 15%, #efa12b 70%);
    background-image          : linear-gradient(45deg, #5c3905 15%, #efa12b 70%);
    transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    transition-duration       : 0.4s;
    transition-property       : opacity, transform;
    top                       : -10px;
    right                     : -10px;
    bottom                    : 0;
}

.packages .package-item img {
    min-height: 212px;
}

.packages .package-item .package-content {
    padding   : 20px;
    /*color     : #ffffff;*/
    transition: all .1s ease-in-out;
    min-height: 255px;
}

.packages .package-item .package-content h4 {
    display      : block;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    color        : #ff914c;
    font-weight  : bold;
    font-size: 16px;
}

.packages .package-item .package-content strong {
    display: block;
    margin : 10px 0;
}

/* .packages .package-item .package-content .myBtn:hover {
    border-color: #ff914c;
    color       : #ff914c;
} */

.packages .package-item:hover .package-content {
    background: linear-gradient(45deg, #0a5647 15%, #6cafa1 65%);
    color     : #ffffff;
}

.packages .package-item:hover .package-content h4 {
    color: #ffffff;
}

.packages .package-item:hover {
    transform: translateY(-7.5px);
}

.packages .package-item:hover::before {
    content: '';
}

.packages .package-item .myBtn:hover {
    color: #ffffff;
    border-color: #ffffff;
}

/* ============================ End package ============================= */

/* ============================ Start performance-rate ============================= */

.rate {
    /*background: #0b0b0b;*/
    /*color     : #ffffff;*/
}

.rate .rate-item {
    background: #f1f1f1;
    padding   : 20px;
    transition: all .3s ease-in-out;
}

.rate .rate-item:hover {
    transform: translateY(-7px);
}

.rate .rate-item h4 {
    font-weight: bold;
    color      : #ff914c;
}

.rate .rate-item .image {
    text-align   : center;
    margin-bottom: 20px;
}

.rate .rate-item .image img {
    width: 70px;
}

.rate .rate-item .myBtn:hover,
.rate.details .myBtn:hover {
    color       : #0a5647;
    border-color: #0a5647;
}

/* ============================ End performance-rate ============================= */

/* ============================ Start performance-rate-details ============================= */

.rate.details .myBtn {
    width: 100%;
}

.rate.details form label {
    font-weight  : bold;
    font-size    : 19px;
    margin-bottom: 1rem;
}

.rate.details h5,
.rate.details strong {
    font-weight: bold;
    color      : #0a5647;
}

.rate.details ul {
    margin-bottom: 30px;
}

.rate.details ul li {
    padding-bottom: 8px;
    font-size     : 17px;
}

.full-tb thead.cf {
    background-color: #0a5647;
}

.full-tb thead.cf tr th {
    color  : #FFF;
    padding: 10px 0 15px;
    border : none;
}

.full-tb tbody tr td {
    padding   : 10px 5px;
    font-size : 14px;
    text-align: center;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    /*background-color: #222222;*/
}

.full-tb .fa.fa-arrow-up {
    color: #39b54a;
}

.full-tb .fa.fa-arrow-down {
    color: #ff0000;
}

/* ============================ End performance-rate-details ============================= */

/* ============================ Start recommndation ============================= */

.recommendations .iconbox.style_3 {
    padding      : 25px 0 0 0;
    margin-bottom: 40px;
    position     : relative;
    text-align   : right;
    /*background   : #333333;*/
    background: #f1f1f1;
    box-shadow: 0 0 10px #d3d0d0;
}

.recommendations .iconbox .box-header {
    text-align         : center;
    position           : absolute;
    background-color   : #FFF;
    top                : -17px;
    width              : 60%;
    right              : 0px;
    left               : 0;
    margin             : 0 auto;
    /* border          : 1px solid #EEE; */
    border-bottom      : none;
    color              : #FFF !important;
    margin-bottom      : 0 !important;
    padding            : 5px 0;
}

.recommendations .box-header.new-share {
    background-color: #ff914c;
}

.recommendations .box-header.edit-share {
    background-color: #c5c00e;
}

.recommendations .box-content-list li {
    /* border-bottom      : 1px solid #EEE; */
    overflow              : hidden;
    /* background-color   : #FFF; */
    /* padding            : 0 5px; */
    padding               : 6px 15px;
}

.recommendations .box-content-list li:nth-child(odd) {
    background-color: #dfdfdf;
}

.recommendations .box-content-list li strong {
    text-align: right;
    /*color     : #ffffff;*/
    font-size : 13px;
}

.recommendations .box-content-list li span {
    text-align: left;
    float     : left;
    font-size : 13px;
    color     : #0a5747;
	font-weight: bold;
}

/* ============================ End recommndation ============================= */

@media(max-width: 576px) {
    .packages .package-item .package-content {
        min-height: auto;
    }
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #0a5647;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #02382d;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #0a5647;
    border-color: #0a5647;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


/*------------------ZAT IT-----------------*/


.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}