

/*----------------------------------------*/


/*  1. Theme default CSS
/*----------------------------------------*/



.clear {
    clear: both
}

::-moz-selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}

.no-mar {
    margin: 0!important;
}

.no-pad {
    padding: 0!important;
}

div#preloader {
    background: #000 url("../img/loader.gif") no-repeat scroll center center;
    height: 100%;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.menu-area.navbar-fixed-top {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.mar-bot-50 {
    margin-bottom: 50px;
}

.mar-bot-40 {
    margin-bottom: 40px;
}

.mar-bot-35 {
    margin-bottom: 35px;
}

.mar-bot-30 {
    margin-bottom: 30px;
}

.mar-top-30 {
    margin-top: 30px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-80 {
    margin-top: 80px;
}

.mar-top-55 {
    margin-top: 55px;
}

.mar-top-108 {
    margin-top: 108px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1.5px;
    color: #888;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}
.logo a img{width:auto!important;}


img {
    max-width: 100%;
    height: auto;
}

button,
input,
textarea {
    letter-spacing: 0px;
}

.bg-with-black {
    position: relative;
}

.bg-with-black::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-with-white {
    position: relative;
}

.bg-with-white::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.bg-with-blue {
    position: relative;
}

.bg-with-blue::before {
    background: #00bff3 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.hvr-bs:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#scrollUp {
    background: #232323 none repeat scroll 0 0;
    border: 1px solid #00aaff;
    border-radius: 0;
    bottom: 35px;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0) inset;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 17px;
    height: 40px;
    line-height: 20px;
    outline-color: rgba(255, 255, 255, 0.5);
    outline-offset: 0;
    padding-top: 10px;
    position: fixed;
    right: 20px;
    text-align: center;
    text-shadow: none;
    -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    width: 40px;
    z-index: 9999;
    background-color: #0af;
}

#scrollUp:hover {
    background: #fdb801 none repeat scroll 0 0;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5) inset, 0 0 20px rgba(255, 255, 255, 0.2);
    color: white;
    outline: 1px solid rgba(255, 255, 255, 0);
    outline-offset: 15px;
}





/*----------------------------------------*/


/*  2. Home 1
/*----------------------------------------*/

header {}

.header-top {
    background: #1d1d1d none repeat scroll 0 0;
    padding: 8px 0;
}

.header-top-left {}

.htl-box {
    display: inline-block;
    margin-right: 26px;
}

.htl-box:last-child {
    margin-right: 0;
}

.htl-time {}

.htl-box i {
    color: #00aaff;
    margin-right: 5px;
}

.htl-box p {
    color: #999999;
    display: inline-block;
    font-size: 12px;
}

.header-top-social {
    text-align: right;    margin-top: 6px;
}

.header-top-social ul {
    list-style: outside none none;
    padding: 0;
}

.header-top-social ul li {
    display: inline-block;
}

.header-top-social ul li a {
    font-size: 14px;
    margin-left: 8px;
    background: #00aaff;
    letter-spacing: 0;
    padding: 5px 10px;
    color: #fff;
}

.menu-area {
    padding: 4px 0 4px;
}

.logo {}

.logo a {}

.logo a img {}





/*2.2 Menu*/

.menu {
    padding-top: 14px;
}

.menu ul {
    list-style: outside none none;
    padding: 0;
    text-align: right;
}

.menu ul li {
    display: inline-block;
    margin-left: 2.3%;
    position: relative;
}

.menu ul li:first-child {
    margin-left: 0;
}

.menu ul li a {
   color: #222222;
    display: inline-block;
    /* font-family: "Work Sans", sans-serif; */
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 30px;
    padding: 14px 8px 22px;
    
}

.menu ul li:hover>a {
    color: #ffb901;
}

.menu ul li:last-child a {
    padding-right: 0;
}

.menu ul li .menu-dropdown {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    min-width: 200px;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 54px;
    transform: translateY(-20px);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 99;
}

.menu ul li:hover .menu-dropdown {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}

.menu ul li .menu-dropdown li {
    display: block;
    margin: 0;
    position: relative;
    text-align: left;
}

.menu ul li .menu-dropdown li a {
    display: block;
    padding: 13px 20px;
}

.menu ul li .menu-dropdown li .thidlevel-menu {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 100%;
    min-width: 200px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}

.menu ul li .menu-dropdown li:hover .thidlevel-menu {
    opacity: 1;
    visibility: visible;
}

.menu ul li .menu-dropdown li .thidlevel-menu li {}

.menu ul li .menu-dropdown li .thidlevel-menu li a {}

.search {
    text-align: right;
}

.search a {
    background: #f2f2f2 none repeat scroll 0 0;
    color: #444444;
    display: inline-block;
    padding: 7px 16px;
}

.search a i {}

.search-modal {}

.search-modal .modal-dialog {
    height: 100%;
    margin: auto;
    width: 100%;
}

.search-modal .modal-content {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    height: 100vh;
    outline: 0 none;
    position: relative;
}

.search-modal .modal-title {
    color: #fff;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 46px;
    margin: 100px 0 0;
    text-align: center;
    text-transform: uppercase;
}

.search-modal .modal-content form {
    margin: 100px 0;
    text-align: center;
}

.search-modal .modal-content input[type="text"] {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 16px;
    height: 60px;
    letter-spacing: 0;
    margin: auto;
    text-align: center;
    width: 400px;
}

.search-modal .modal-close {
    text-align: center;
}

.search-modal .modal-close button {
    background: #ffb901 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    padding: 10px 40px;
    text-transform: uppercase;
}





/*2.3 Slider*/

.home1-slider-container::before {
    z-index: 8;
}

#home1_slider .nivo-caption {
    background: transparent none repeat scroll 0 0;
    left: 0;
    opacity: 1;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}

#home1_slider .cap-title {
    margin: 0 0 16px;
}

#home1_slider .cap-title h2 {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
}

#home1_slider .cap-details {}

#home1_slider .cap-details p {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}

#home1_slider .cap-details {
    margin: 0 0 89px;
}

#home1_slider .cap-readmore a {
    background: #ff3d00 none repeat scroll 0 0;
    border: 1px solid #ff3d00;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 0 5px;
    padding: 12px 24px;
    text-transform: uppercase;
}

#home1_slider .cap-readmore a:hover {
    background: transparent none repeat scroll 0 0;
}

#home1_slider .nivo-directionNav {}

#home1_slider .nivo-directionNav>a {
    background: #00aaff none repeat scroll 0 0;
    border: 1px solid #00aaff;
    color: #fff;
    height: 40px;
    line-height: 37px;
    text-align: center;
    padding-top: 10px;
    width: 40px;
}

#home1_slider .nivo-directionNav>a:hover {
    background: transparent none repeat scroll 0 0;
}

#home1_slider .nivo-directionNav .nivo-prevNav {
    left: 10px;
}

#home1_slider .nivo-directionNav .nivo-nextNav {
    right: 10px;
}

.hero-go-down {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 9;
}

.hero-go-down>a {
    border: 1px solid #fff;
    border-radius: 14px;
    display: inline-block;
    height: 46px;
    position: relative;
    width: 24px;
}

.hero-go-down>a::after {
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 16px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 8px;
    width: 2px;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(12px);
    }
    60% {
        transform: translateY(8px);
    }
}

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(12px);
    }
    60% {
        transform: translateY(8px);
    }
}

@-o-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(12px);
    }
    60% {
        transform: translateY(8px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(12px);
    }
    60% {
        transform: translateY(8px);
    }
}





/*2.4 About Us1*/

.about-us1-area {
    padding: 60px 0;
}

.about-us1 {}

.about-us1-title {
    font-size: 25px;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0 0 39px;
    padding: 0px 0 11px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.about-us1-title::after {
    background: #ff3d00 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 54px;
}

.about-us1-text {
    color: #606060;
    font-size: 13px;
    line-height: 22px;
    margin: 0 0 35px;
}

.about-us2-text {
    color: #606060;
    font-size: 13px;
    line-height: 22px;
    margin: 0 0 15px;
}

ul.number {
    padding:0
}

ul.number li{
    font-size: 13px;
    color: #464646;
    margin-bottom: 10px;
    list-style: none;
}

ul.number li i{
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}


.about-us1-more {
    border: 1px solid #00aaff;
    border-radius: 25px;
    color: #01acff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 7px 20px;
    text-transform: uppercase;
}

.about1-banner {}

.about1-banner img {}

.service-1 {}

.service-1 .service-box {
    margin: 0 0 57px;
}

.service-1 .service-box:last-child {
    margin: 0;
}

.service-1 .service-box .sb-icon {
    background: #fff none repeat scroll 0 0;
    float: left;
    position: relative;
    width: 18%;
}

.service-1 .service-box .sb-icon::after {
    background: #ff3e01 none repeat scroll 0 0;
    content: "";
    height: 150%;
    left: 43%;
    position: absolute;
    top: 100%;
    width: 1px;
}

.service-1 .service-box:last-child .sb-icon::after {
    display: none;
}

.service-1 .service-box .sb-icon i {
    border: 1px solid #ff3d00;
    border-radius: 100px;
    color: #ff3d00;
    font-size: 28px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}

.service-1 .service-box .sb-content {
    float: left;
    padding-left: 28px;
    width: 78%;
}

.service-1 .service-box .sb-content h4 {
    color: #0f0f0f;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 5px;
}

.service-1 .service-box .sb-content p {
    color: #606060;
    font-size: 13px;
    line-height: 22px;
}





/*2.5 Our Service*/

.our-service-area {
    background: rgba(0, 0, 0, 0) url("../img/service-bg.jpg") no-repeat scroll left top / cover;
    padding: 104px 0 113px;
    position: relative;
}

.our-service-area::before {
    opacity: 0.8;
}

.osa-banner {
    background-image: url("../img/service-banner.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 100%;
    left: 1%;
    position: absolute;
    width: 34%;
}

.our-service-head {
    margin: 0 0 76px;
}

.our-service-head .osh-title {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    position: relative;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.osh-title-border {
    background: #ff3d00 none repeat scroll 0 0;
    display: inline-block;
    height: 1px;
    margin-left: 25px;
    position: relative;
    width: 120px;
}

.osh-title-border::before {
    background: #00aaff none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -25px;
    position: absolute;
    top: 0;
    width: 20px;
}

.our-service-head .osh-text {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin: 7px 0 0;
}

.our-service-content {}

.service-2 {}

.service-2 .service-box {
    margin: 0 0 72px;
}

.service-2 .service-box:last-child {
    margin: 0;
}

.service-2 .service-box .sb-icon {
    float: left;
    width: 24%;
}

.service-2 .service-box .sb-icon i {
    color: #fff;
    font-size: 30px;
    height: 70px;
    line-height: 70px;
    position: relative;
    text-align: center;
    width: 82px;
}

.service-2 .service-box .sb-icon i::after {
    background-image: url("../img/icon/h1s2.png");
    content: "";
    height: 70px;
    left: 0;
    position: absolute;
    top: 0;
    width: 82px;
}

.service-2 .service-box .sb-content {
    float: left;
    padding-left: 8px;
    width: 76%;
}

.service-2 .service-box .sb-content h4 {
    color: #3cbdfd;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 14px;
}

.service-2 .service-box .sb-content p {
    color: #b7b7b7;
    line-height: 24px;
}





/*2.6 last-project*/

.last-project-area {
    padding: 84px 0 57px;
}

.home1-section-title {}

.home1-section-title h2 {
    color: #000;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 32px;
    text-transform: uppercase;
}

.home1-section-title>p {
    color: #777777;
    line-height: 22px;
}

.home1-section-title-border {
    background: #ff3d00 none repeat scroll 0 0;
    border-radius: 2px;
    display: inline-block;
    height: 3px;
    position: relative;
    width: 50px;
}

.home1-section-title-border::before,
.home1-section-title-border::after {
    background: #00aaff none repeat scroll 0 0;
    border-radius: 2px;
    content: "";
    height: 3px;
    left: -15px;
    position: absolute;
    top: 0;
    width: 10px;
}

.home1-section-title-border::after {
    left: auto;
    right: -15px;
}

.last-project-head {
    margin: 0 0 39px;
    text-align: center;
}

.last-project-head h2 {}

.all-latest-project {
    text-align: center;
}

.latest-project-menu {
    margin: 0 0 30px;
}

.latest-project-menu>div {
    border: 1px solid #a1a1a1;
    color: #1d1d1d;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: 8px;
    padding: 10px 28px;
}

.latest-project-menu>div:last-child {
    margin-right: 0;
}

.latest-project-menu>div.active {
    background: #fdc236 none repeat scroll 0 0;
    border-color: #fdc236;
    color: #fff;
}

#project_mix .mix {
    float: left;
    width: 25%;
}

#project_mix .mix.mix_big {
    width: 50%;
}

#project_mix .mix {
    display: none;
}

.project-box {
    position: relative;
    margin: 0 0 33px;
}

.project-box::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 0;
}

.project-box:hover::before {
    opacity: 0.5;
}

.project-box>a {
    display: block;
}

.project-box>a i {
    color: #fdb801;
    font-size: 32px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.project-box:hover>a i {
    opacity: 1;
}

.project-box>a img {
    width: 100%;
}

.pb-content {
    bottom: 22px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}

.project-box:hover .pb-content {
    opacity: 1;
    visibility: visible;
}

.pb-content h5 {
    color: #fdb801;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    text-transform: uppercase;
}

.pb-content span {
    color: #fdb801;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}





/*2.7 join-now*/

.join-now-area {
    background: rgba(0, 0, 0, 0) url("../img/join-now.jpg") no-repeat scroll left top / cover;
    padding: 55px 0;
}

.join-now {}

.join-now h2 {
    color: #fff;
    display: inline-block;
    font-size: 26px;
    line-height: 30px;
    padding: 16px 0;
    text-transform: uppercase;
}

.join-now a {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 9px 18px;
    text-transform: uppercase;
}





/*2.8 why-choose-us*/

.why-choose-us-area {
    padding: 82px 0 82px;
}

.why-choose-head {
    text-align: center;
    margin: 0 0 91px;
}

..why-choose-banner {}

.why-choose-contents {}

.service-3 {}

.service-3 .service-box {
    margin-bottom: 18px;
}

.service-3 .service-box:last-child {
    margin-bottom: 0;
}

.service-3 .service-box .sb-icon {
    float: left;
    text-align: center;
    width: 25%;
}

.service-3 .service-box .sb-icon i {
    color: #000;
    font-size: 44px;
}

.service-3 .service-box .sb-content {
    float: left;
    width: 75%;
}

.service-3 .service-box .sb-content h4 {
    color: #3a3a3a;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 14px 0 12px;
    text-transform: uppercase;
}

.service-3 .service-box .sb-content p {
    color: #777777;
    font-size: 13px;
    font-weight: 300;
    line-height: 24px;
}





/*2.9 work-process*/

.work-process-area {}

.work-process-head {
    text-align: center;
    margin: 0 0 52px;
}

.work-process-content {
    text-align: center;
    position: relative;
}

.wpc-border {
    background: #fdb801 none repeat scroll 0 0;
    display: inline-block;
    height: 3px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 28%;
    width: 80%;
    z-index: -1;
}

.wpc-border::before {
    background: #fdb801 none repeat scroll 0 0;
    content: "";
    left: -10px;
    position: absolute;
    top: -5px;
    height: 13px;
    width: 13px;
    border-radius: 100px;
}

.wpc-border::after {
    background: #fdb801 none repeat scroll 0 0;
    content: "";
    right: -10px;
    position: absolute;
    top: -5px;
    height: 13px;
    width: 13px;
    border-radius: 100px;
}

.wpc-box {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    margin: 0 66px;
}

.wpc-box .wpc-box-icon {
    margin: 0 0 12px;
}

.wpc-box .wpc-box-icon i {
    border: 1px solid #fdb801;
    border-radius: 100px;
    color: #fdb801;
    font-size: 26px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
}

.wpc-box h4 {
    color: #0f0f0f;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
}





/*2.10 our-team*/

.our-team-area {
    padding: 81px 0 80px;
}

.our-team-head {
    margin: 0 0 48px;
    text-align: center;
}

.single-team1 {
    margin: 20px 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-team1:hover {
    box-shadow: 0 5px 13px 0 rgba(130, 130, 130, 0.4);
}

.single-team1>img {}

.single-team1 .st1-content {
    background: #ffffffc4 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    color: #fff;
    padding: 15px 0;
    position: absolute;
    z-index: 99999;
    right: 0;
    margin-top: -68px;
    text-align: center;
    /* -webkit-transform: translateY(100%); */
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    /* transform: translateY(100%); */
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/*.single-team1:hover .st1-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}*/

.single-team1 .st1-content h4 {
    color: #373737;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.single-team1 .st1-content p {
    color: #939393;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.single-team1 .st1-content ul {
    list-style: outside none none;
    padding: 0;
}

.single-team1 .st1-content ul li {
    display: inline-block;
}

.single-team1 .st1-content ul li a {
    border: 1px solid #fdb801;
    color: #fdb801;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.h1-team-caousel .owl-nav {}

.h1-team-caousel .owl-nav>div {
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
}

.h1-team-caousel .owl-nav>div i {
    margin: 0 5px;
}

.h1-team-caousel .owl-nav .owl-prev {
    left: -50px;
    background-color: #ff3d00;
    padding: 4px 15px;
    color: #fff;
}

.h1-team-caousel .owl-nav .owl-next {
    right: -50px;
    background-color: #ff3d00;
    padding: 4px 15px;
    color: #fff;
}





/*2.11 home1-counter*/

.home1-counter-area {
    background: rgba(0, 0, 0, 0) url("../img/counter-bg.html") no-repeat scroll 0 0 / cover;
    padding: 78px 0 100px;
}

.h1-counter-box {
    text-align: center;
}

.h1-counter-box .h1cb-icon {}

.h1-counter-box .h1cb-icon i {
    color: #fdb801;
    font-size: 70px;
}

.h1-counter-box .h1cb-content {}

.h1-counter-box .h1cb-content h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
}

.h1-counter-box .h1cb-content p {
    color: #fff;
    font-weight: 500;
    line-height: 24px;
}





/*2.12 home1-prcing*/

.home1-pricing {
    padding: 90px 0 110px;
}

.home1-pricng-head {
    text-align: center;
    margin: 0 0 61px;
}

.h1-pricing-box {
    border-radius: 3px;
    padding: 40px 0 58px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.h1-pricing-box:hover {
    box-shadow: 0 0 29px 0 rgba(139, 139, 139, 0.3);
}

.h1-pricing-box .h1pb-type {
    color: #757575;
    font-weight: 600;
    text-transform: uppercase;
}

.h1-pricing-box .h1pb-price {
    color: #1f1e1e;
    display: inline-block;
    font-size: 72px;
    line-height: 74px;
    position: relative;
    margin: 0 0 28px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.h1-pricing-box:hover .h1pb-price {
    color: #ffb32b;
}

.h1-pricing-box .h1pb-price span {
    color: #a0a0a0;
    font-size: 22px;
    left: -12px;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.h1-pricing-box:hover .h1pb-price span {
    color: #ffb32b;
}

.h1-pricing-box ul {
    border-top: 1px solid #e8e8e8;
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 31px 0 0;
}

.h1-pricing-box ul li,
.h1-pricing-box ul li a {
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 32px;
}

.h1-pricing-box .h1pb-purchase {
    border: 1px solid #e9e9e9;
    border-radius: 25px;
    color: #17181a;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 8px 25px;
    text-transform: uppercase;
}

.h1-pricing-box .h1pb-purchase:hover {
    background: #fdc236 none repeat scroll 0 0;
    border: 1px solid #fdc236;
    color: #fff;
}





/*2.13 home1-newsletter*/

.home1-newsletter-area {
    background: rgba(0, 0, 0, 0) url("../img/newsletter-bg.html") no-repeat scroll left top / cover;
    padding: 60px 0 65px;
}

.home1-newsletter {
    text-align: center;
}

.home1-newsletter h2 {
    color: #fff;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 13px;
    text-transform: uppercase;
}

.home1-newsletter p {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 39px;
}

.h1na-form-area {}

.h1na-form-area input[type="email"] {
    border: 0 none;
    border-radius: 25px;
    color: #9b9b9b;
    font-size: 16px;
    font-style: italic;
    height: 51px;
    letter-spacing: 0;
    text-align: center;
    width: 460px;
}

.h1na-form-area input[type="submit"] {
    background: #fdb801 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 25px;
    color: #fff;
    height: 51px;
    letter-spacing: 0;
    margin-left: -60px;
    padding: 0 58px;
}





/*2.14 client-testimonial*/

.testimonial-area {
    padding: 85px 0 0;
}

.testimonial-head {
    text-align: center;
    margin: 0 0 66px;
}

.testimonial-box {
    border: 1px solid #f7f7f7;
    border-radius: 3px;
    padding: 42px 35px;
}

.testimonial-box .tb-img {
    float: left;
    position: relative;
    width: 13%;
}

.testimonial-box .tb-img>img {}

.testimonial-box .tb-img span {
    background: #ccc none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 27px;
    position: absolute;
    right: -5px;
    text-align: center;
    top: -5px;
    width: 30px;
}

.testimonial-box .tb-img span.fb {
    background: #2682ff none repeat scroll 0 0;
}

.testimonial-box .tb-img span.insta {
    background: #ff9c1b none repeat scroll 0 0;
}

.testimonial-box .tb-content {
    float: left;
    padding-left: 20px;
    width: 87%;
}

.testimonial-box .tb-content h5 {
    color: #222328;
    font-size: 20px;
    letter-spacing: 0;
    margin: 0 0 8px;
}

.testimonial-box .tb-content span {
    display: block;
    color: #7e7e7e;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

.testimonial-box .tb-content .rating {}

.testimonial-box .tb-content p {
    font-size: 16px;
    line-height: 30px;
    margin: 12px 0 0;
}

.rating .star {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 22px;
    margin: 0 1px 0 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 14px;
}

.rating .star::after {
    color: #fdb801;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.rating .star-on::after {
    content: "";
}

.rating .star-half::after {
    content: "";
}

.h1-testimonial-caousel .owl-nav {
    text-align: center;
    margin: 26px 0 0;
}

.h1-testimonial-caousel .owl-nav>div {
    border: 1px solid #ffffff;
    border-radius: 100px;
    display: inline-block;
    height: 35px;
    width: 35px;
    padding-top: 8px;
    line-height: 26px;
    text-align: center;
    margin: 0px 5px;
    color: #fff;
    background-color: #ff3d00;
}

.h1-testimonial-caousel .owl-nav>div:hover {
    border: 1px solid #d4d4d4;
}

.h1-testimonial-caousel .owl-nav .owl-prev {}

.h1-testimonial-caousel .owl-nav .owl-next {}





/*2.15 h1-blog*/

.h1-blog-area {
    padding: 30px 0px;
    display: none;
}

.h1-blog-head {
    margin: 0 0 51px;
    text-align: center;
}

.h1-single-blog {
    border: 1px solid #eeeeee;
    padding: 10px 10px 20px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.h1-single-blog:hover {
    box-shadow: 0 3px 7px 0 rgba(157, 157, 157, 0.3);
}

.h1-single-blog .h1sb-img {
    margin: 0 0 24px;
}

.h1-single-blog .h1sb-img img {}

.h1-single-blog .s1sb-content {}

.h1-single-blog .s1sb-content .s1sb-title {
    color: #313131;
    display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    text-transform: uppercase;
}

.h1-single-blog .s1sb-content .s1sb-meta {
    border-bottom: 1px solid #e2e2e2;
    padding: 0 0 15px;
    margin: 0 0 17px;
}

.h1-single-blog .s1sb-content .s1sb-meta ul {
    list-style: outside none none;
    padding: 0;
}

.h1-single-blog .s1sb-content .s1sb-meta ul li {
    color: #999999;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: 12px;
    position: relative;
}

.h1-single-blog .s1sb-content .s1sb-meta ul li:last-child {
    margin-right: 0;
}

.h1-single-blog .s1sb-content .s1sb-meta ul li::after {
    background: #a1a1a1 none repeat scroll 0 0;
    content: "";
    height: 14px;
    position: absolute;
    right: -10px;
    top: 4px;
    width: 1px;
}

.h1-single-blog .s1sb-content .s1sb-meta ul li:last-child::after {
    display: none;
}

.h1-single-blog .s1sb-content .s1sb-meta ul li i {
    color: #999999;
    font-size: 18px;
    margin-left: 5px;
}

.h1-single-blog .s1sb-content .s1sb-meta ul li a {
    color: #999999;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 16px;
    margin-left: 8px;
}

.h1-single-blog .s1sb-content p {
    color: #777777;
}





/*2.16 our-partners*/

.our-partners-area {
    padding: 0 0 50px;
}

.our-partners-head {
    margin: 0 0 33px;
}

.partners-brand-box {
    border: 1px solid #f2f2f2;
    height: 100px;
    line-height: 100px;
    text-align: center;
}

.partners-brand-box img {
    display: inline-block!important;
    width: auto!important;
}

.brand-carousel .owl-nav {
    position: absolute;
    right: 16px;
    top: -58px;
}

.brand-carousel .owl-nav>div {
    border: 1px solid #b0b0b0;
    color: #b0b0b0;
    display: inline-block;
    height: 22px;
    line-height: 20px;
    text-align: center;
    width: 22px;
}

.brand-carousel .owl-nav .owl-prev {
    margin-right: 6px;
}

.brand-carousel .owl-nav .owl-next {}





/*2.17 home1 footer*/

footer.home1-footer {
    background: rgba(0, 0, 0, 0) url("../img/footer-bg.jpg") no-repeat scroll left top / cover;
    padding: 20px 0px;
}

footer.home1-footer::before {
    opacity: 0.7;
}

.footer-top-area {}

.single-fta {}

.single-fta>img {
    margin: 0 0 7px;
}

.single-fta ul.fta-list {
    list-style: outside none none;
    padding-left: 0;
}

.single-fta ul.fta-list li,
.single-fta ul.fta-list li a {
    color: #e5e5e5;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 36px;
}

.single-fta ul.fta-list li {}

.single-fta ul.fta-list li a {}

.single-fta ul.fta-list li a:hover {
    color: #fdb801;
}

.single-fta ul.fta-list li a i {
    font-size: 5px;
    margin-right: 6px;
    position: relative;
    top: -2px;
}

.fta-title {
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 20px;
}

.fta-social {
    list-style: outside none none;
    padding: 0;
}

.fta-social li {
    display: inline-block;
    height: 36px;
    width: 36px;
}

.fta-social li a {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 100%;
    line-height: 36px;
    text-align: center;
}

.fta-social li a:hover {
    background: #fdc236 none repeat scroll 0 0;
}

.footer-top-area {
    margin: 0 0 47px;
}


.fba-copyright {}

.fba-copyright p {
    color: #aaaaaa;
    line-height: 30px;
}

.fba-links {
    text-align: right;
}

.fba-links ul {
    list-style: outside none none;
    padding: 0;
}

.fba-links ul li {
    display: inline-block;
    margin-left: 28px;
}

.fba-links ul li a {
    color: #e5e5e5;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
}





/*----------------------------------------*/


/*  3. Home 2
/*----------------------------------------*/

.home2-body #scrollUp {
    border: 1px solid #00bff3;
}

.home2-body #scrollUp:hover {
    background: #00bff3 none repeat scroll 0 0;
}

.h2-header {
    left: 0;
    padding: 8px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}

.h2-header.navbar-fixed-top {
    animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.h2-logo {}

.h2-logo a {}

.h2-logo a img {}

.h2-menu-area {
    text-align: right;
}

.h2-menu {
    display: inline-block;
    margin-right: 28px;
}

.h2-menu ul {
    list-style: outside none none;
    padding: 0;
}

.h2-menu ul li {
    display: inline-block;
    margin: 0 7px;
}

.h2-menu ul li a {
    color: #fff;
    display: block;
font-family: 'Merriweather Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    padding: 26px 10px;
}

.h2-menu ul li:hover>a {
    color: #00bff3;
    text-decoration: underline;
}

.h2-menu.menu ul li .menu-dropdown {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.h2-menu.menu ul li .menu-dropdown.md-from-right {
    left: auto;
    right: 0;
}

.h2-menu.menu ul li .menu-dropdown li {
    margin: 0;
}

.h2-menu.menu ul li .menu-dropdown li a {}

.h2-menu.menu ul li .menu-dropdown li:hover>a {
    color: #00bff3;
}

.h2-menu.menu ul li .menu-dropdown li .thidlevel-menu {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.h2-menu.menu ul li .menu-dropdown li .thidlevel-menu li {}

.h2-menu.menu ul li .menu-dropdown li .thidlevel-menu li a {}

.h2-free-trial {
    background: #00bff3 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    padding: 2px 12px;
}

.h2-free-trial:hover {
    color: #fff;
}

.h2-section-title {
    color: #525252;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 44px;
    margin: 0 0 30px;
    position: relative;
}

.h2-section-title::after {
    background: #00bff3 none repeat scroll 0 0;
    bottom: -23px;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 76px;
}

.h2-section-text {
    color: #494949;
    line-height: 24px;
}





/*3.2 h2-hero*/

.h2-hero-area {
    position: relative;
}

.h2-hero-content-area {
    left: 0;
    position: absolute;
    right: 0;
    top: 34%;
}

.h2ha-content {
    text-align: center;
}

.h2ha-c-title,
.h2ha-c-title>span {
    color: #fff;
font-family: 'Merriweather Sans', sans-serif;
    font-size: 48px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 52px;
    margin: 0 0 45px;
}

.h2ha-c-title {}

.h2ha-c-title>span {
    color: #00bff3;
    font-weight: 300;
    text-decoration: underline;
}

.h2ha-c-text {
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    margin: auto auto 65px;
    width: 60%;
}

.h2ha-c-link {
    background: #00bff3 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 8px 28px;
}

.h2ha-c-link:hover {
    color: #fff;
}





/*3.3 h2-about*/

.h2-about1-area {
    background: rgba(0, 0, 0, 0) url("../img/home2/about1.html") no-repeat scroll 115% 0 / contain;
    margin: 80px 0 38px;
    padding: 0 0 48px;
}

.h2-about-content {}

.h2-about-content .h2-section-title {
    margin: 0 0 18px;
}

.h2-about-content .h2-section-title::after {
    display: none;
}

.h2-ac-text {
    color: #525252;
    line-height: 24px;
    margin: 0 0 37px;
}

.h2-ac-list {
    list-style: outside none none;
    margin: 0 0 29px;
    padding: 0;
}

.h2-ac-list li {
    color: #525252;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 17px;
    padding-left: 34px;
    position: relative;
}

.h2-ac-list li:last-child {
    margin-bottom: 0;
}

.h2-ac-list li::before {
    color: #00bff3;
    content: "";
    font-family: FontAwesome;
    font-size: 24px;
    left: 0;
    position: absolute;
    top: 2px;
}

.h2ac-order-learn {}

.h2ac-order-learn .h2ac-ol-order {
    background: #00bff3 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin-right: 10px;
    padding: 11px 42px;
}

.h2ac-order-learn .h2ac-ol-learn,
.h2ac-order-learn .h2ac-ol-learn a {
    color: #989898;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.h2ac-order-learn .h2ac-ol-learn {}

.h2ac-order-learn .h2ac-ol-learn a {
    color: #00bff3;
}

.h2-about2-area {
    background: rgba(0, 0, 0, 0) url("../img/home2/about2.html") no-repeat scroll 50% 0 / cover;
    padding: 120px 0 138px;
}





/*3.4 h2-feature*/

.h2-feature-area {
    padding: 77px 0 88px;
}

.h2-feature-head {
    margin: 0 0 30px;
    text-align: center;
}

.h2-feature-head h2 {}

.h2-feature-head p {}

.service-4 {}

.service-4 .service-box {
    margin: 0 0 90px;
}

.service-4 .service-box .sb-icon {
    margin: 0 0 22px;
    text-align: center;
}

.service-4 .service-box .sb-icon i {
    color: #00bff3;
    display: inline-block;
    font-size: 60px;
    line-height: 60px;
}

.service-4 .service-box .sb-content {
    text-align: center;
}

.service-4 .service-box .sb-content h4 {
    color: #233141;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 22px;
}

.service-4 .service-box .sb-content p {
    color: #5c5c5c;
    line-height: 24px;
}

.h2-feature-view {
    position: relative;
    text-align: center;
}

.h2-feature-view::before {
    background: #00bff3 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    z-index: -1;
}

.h2-feature-view button {
    background: #00bff3 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 0;
    padding: 12px 24px;
}





/*3.5 h2-banner*/

.h2-banner-area {
    background: rgba(0, 0, 0, 0) url("../img/home2/banner.html") no-repeat fixed left top / cover;
    padding: 114px 0 130px;
}

.h2-banner-content {}

.h2-banner-content h2 {
    color: #fff;
}

.h2-banner-content h2::after {
    display: none;
}

.h2-banner-content p {
    color: #fff;
    margin: 0 0 36px;
}

.h2-banner-content a {
    background: #00bff3 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    padding: 14px 22px;
}





/*3.6 h2-client-say*/

.h2-client-say-area {
    padding: 80px 0 90px;
}

.h2-client-say-head {
    margin: 0 0 86px;
    text-align: center;
}

.h2-client-say-head h2 {}

.h2-client-say-head p {}

.h2-client-say-box {
    padding-bottom: 82px;
    position: relative;
}

.h2-client-say-box::before {
    background: #3cbdf1 none repeat scroll 0 0;
    bottom: -5px;
    content: "";
    height: 5px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100px;
    z-index: 6;
}

.h2-client-say-box:hover::before {
    opacity: 1;
}

.h2csb-img {
    float: left;
    width: 25%;
}

.h2csb-img-box {
    height: 70px;
    margin-top: 50px;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 70px;
}

.h2csb-img-box img {
    height: 100%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 100%;
}

.h2csb-content {
    float: left;
    width: 75%;
}

.h2csb-content p {
    color: #555555;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 22px;
}

.h2csb-content h4 {
    color: #363636;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
}

.h2csb-content h4 i {
    color: #00bff3;
    margin-right: 14px;
}

.h2-client-border {
    background: #e5e5e5 none repeat scroll 0 0;
    height: 5px;
    width: 100%;
}





/*3.7 h2-pricing*/

.h2-pricing-area {
    background: rgba(0, 0, 0, 0) url("../img/home2/pricing.html") no-repeat scroll 0 0 / cover;
    padding: 37px 0 63px;
}

.h2-pricing-head {
    margin: 0 0 83px;
    text-align: center;
}

.h2-pricing-head h2 {}

.h2-pricing-head p {}

.h2-pricing-box {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.3);
    float: left;
    text-align: center;
    width: 33.33%;
}

.h2pb-head {
    background: #434343 none repeat scroll 0 0;
    padding: 19px 0;
    position: relative;
}

.h2pb-head::after {
    border-color: #434343 transparent transparent;
    border-style: solid;
    border-width: 9px 20.5px 0;
    bottom: -9px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}

.h2pb-head .h2pb-head-type {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 32px;
}

.h2pb-head .h2pb-head-duration {
    color: #c8c8c8;
    line-height: 18px;
}

.h2pb-price {
    background: #f8f8f8 none repeat scroll 0 0;
    margin: 0 0 18px;
    padding: 14px 0;
}

.h2pb-price h2 {
    color: #8c8c8c;
    font-size: 46px;
    letter-spacing: 0;
    line-height: 50px;
}

.h2pb-price h2 span {
    font-size: 24px;
}

.h2pb-list {
    background: #fff none repeat scroll 0 0;
    margin: 0 0 16px;
}

.h2pb-list ul {
    list-style: outside none none;
    padding: 0;
}

.h2pb-list ul li {
    border-bottom: 1px solid #f8f8f8;
    color: #8c8c8c;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 34px;
}

.h2pb-list ul li:last-child {
    border-bottom: none;
}

.h2pb-register {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 30px 0;
}

.h2pb-register a {
    background: #434343 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    padding: 15px 38px;
    text-transform: uppercase;
}

.h2pb-register a:hover {
    background: #00bff3 none repeat scroll 0 0;
}

.h2-pricing-box.active {
    position: relative;
    z-index: 6;
    top: -35px;
}

.h2-pricing-box.active .h2pb-head {
    background: #00bff3 none repeat scroll 0 0;
    padding: 37px 0;
}

.h2-pricing-box.active .h2pb-head::after {
    border-color: #00bff3 transparent transparent;
}

.h2-pricing-box.active .h2pb-head .h2pb-head-duration {
    color: #fff;
}

.h2-pricing-box.active .h2pb-register {
    padding: 50px 0;
}

.h2-pricing-box.active .h2pb-register a {
    background: #00bff3 none repeat scroll 0 0;
}





/*3.8 h2-need-help*/

.h2-need-help-area {
    padding: 83px 0 90px;
}

.h2-need-help-content {
    text-align: center;
}

.h2-need-help-content h2 {
    color: #00bff3;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 44px;
    margin: 0 0 8px;
}

.h2-need-help-content p {
    color: #9b9b9b;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 15px;
}

.h2-need-help-content span {
    color: #535353;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 4px;
}

.h2-need-help-content a {
    color: #535353;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    text-decoration: underline;
}





/*3.9 h2-get-start*/

.h2-get-started-area {
    background: rgba(0, 0, 0, 0) url("../img/home2/get-started-bg.html") no-repeat fixed left top / cover;
    padding: 78px 0 85px;
}

.h2-get-started-left {}

.h2-get-started-left h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0 0 4px;
}

.h2-get-started-left p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.h2-get-started-right {}

.h2-get-started-right a {
    background: #2f829d none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    padding: 10px 23px;
}





/*3.10 h2-footer*/

.h2-footer {}

.h2-footer-top-area {
    padding: 75px 0 0;
}

.single-footer {}

.sf-title {
    color: #464646;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 17px;
}

.sf-list {
    list-style: outside none none;
    padding: 0;
}

.sf-list li,
.sf-list li a {
    color: #8f8f8f;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
}

.sf-list li {}

.sf-list li a {}

.sf-list li a:hover {
    color: #00bff3;
}

.sf-text {
    color: #8f8f8f;
    line-height: 24px;
}

.sf-email {
    color: #00bff3;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}

.h2-footer-top-border {
    background: #8f8f8f none repeat scroll 0 0;
    height: 1px;
    margin-top: 71px;
    width: 100%;
}

.h2-footer-bottom-area {
    padding: 18px 0;
}

.h2fba-left {}

.h2fba-left p {}

.h2fba-links {
    text-align: right;
}

.h2fba-links ul {
    list-style: outside none none;
    padding: 0;
}

.h2fba-links ul li {
    display: inline-block;
}

.h2fba-links ul li a {
    color: #8f8f8f;
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 5px 6px;
}

.h2fba-links ul li:last-child a {
    padding-right: 0;
}

.h2fba-links ul li a:hover {
    color: #00bff3;
}





/*----------------------------------------*/


/*  4. Home 3
/*----------------------------------------*/

.home3-body #scrollUp {
    display: none!important;
}

.h3-header {
    left: 0;
    padding: 51px 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.h3-logo {}

.h3-logo a {}

.h3-logo a img {}

.h3-menu {
    text-align: right;
}

.h3-menu ul {
    display: inline-block;
    list-style: outside none none;
    margin-right: 42px;
    padding: 0;
}

.h3-menu ul li {
    display: inline-block;
    margin: 0;
    position: relative;
}

.h3-menu ul li a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 8px 15px;
    text-transform: uppercase;
}

.h3-menu ul li:hover>a {
    color: #ed6639;
}

.h3-menu .h3-menu-show {
    color: #fff;
    cursor: pointer;
    font-size: 20px;
}

.h3-menu ul li .menu-dropdown {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
}

.h3-menu ul li .menu-dropdown li {}

.h3-menu ul li .menu-dropdown li a {}

.h3-menu ul li .menu-dropdown li .thidlevel-menu {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
}

.h3-menu ul li .menu-dropdown li .thidlevel-menu li {}

.h3-menu ul li .menu-dropdown li .thidlevel-menu li a {}

.h3-section-title {
    margin: 0 0 66px;
}

.h3-section-title p {
    background: #f26522 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 22px;
    margin: 0 0 56px;
    padding: 1px 10px;
    position: relative;
    text-transform: uppercase;
}

.h3-section-title p::after {
    background: #f26522 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: -85px;
    width: 85px;
}

.h3-section-title h2 {
    color: #242424;
    font-size: 50px;
    letter-spacing: 0;
    line-height: 54px;
}





/*4.2 h3-hero*/

#home3_slider .nivo-caption {
    background: transparent none repeat scroll 0 0;
    left: 0;
    opacity: 1;
    right: 0;
    text-align: center;
    top: 36%;
}

#home3_slider .nivo-caption .cap-title {
    margin: 0 0 46px;
}

#home3_slider .nivo-caption .cap-title h2 {
    color: #fff;
    font-size: 70px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 70px;
}

#home3_slider .nivo-caption .cap-details {
    margin: 0 0 77px;
}

#home3_slider .nivo-caption .cap-details p {
    font-size: 24px;
    text-transform: uppercase;
}

#home3_slider .nivo-caption .cap-readmore {}

#home3_slider .nivo-caption .cap-readmore a {
    background: #ed6639 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    padding: 20px 40px;
    text-transform: uppercase;
}

#home3_slider .nivo-directionNav {}

#home3_slider .nivo-directionNav>a {
    top: 60%;
}

#home3_slider .nivo-directionNav>a span {
    color: #fff;
    display: block;
    letter-spacing: 0;
    line-height: 16px;
    position: relative;
    text-transform: uppercase;
    top: 14px;
}

#home3_slider .nivo-directionNav>a i {
    border: 1px solid #fff;
    border-radius: 100px;
    color: #fff;
    font-size: 22px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    width: 40px;
}

#home3_slider .nivo-directionNav .nivo-prevNav {}

#home3_slider .nivo-directionNav .nivo-prevNav span {
    margin-left: 54px;
    top: 14px;
}

#home3_slider .nivo-directionNav .nivo-prevNav i {
    float: left;
}

#home3_slider .nivo-directionNav .nivo-nextNav {}

#home3_slider .nivo-directionNav .nivo-nextNav span {
    margin-right: 54px;
}

#home3_slider .nivo-directionNav .nivo-nextNav i {
    float: right;
}





/*4.3 h3-about*/

.h3-about-area {
    padding: 90px 0;
}

.h3-about-img {}

.h3-about-img img {}

.h3-about-content {}

.h3ac-text {
    color: #959595;
    font-size: 17px;
    line-height: 32px;
}





/*4.4 h3-counter*/

.h3-counter-area {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
}

.h3-counter-box {
    border-right: 1px solid #d9d9d9;
    float: left;
    padding: 59px 0;
    text-align: center;
    width: 20%;
}

.h3-counter-box:last-child {
    border-right: none;
}

.h3-counter-box h2 {
    color: #181818;
    font-size: 60px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 60px;
    margin: 0 0 13px;
}

.h3-counter-box p {
    color: #181818;
    font-size: 12px;
    line-height: 16px;
}





/*4.5 h3-service*/

.h3-service-area {
    background: rgba(0, 0, 0, 0) url("../img/home3/service-bg.html") no-repeat fixed 0 0 / cover;
    padding: 65px 0 80px;
}

.h3-service-head {}

.h3-service-head .h3-section-title {}

.h3-service-head .h3-section-title h2 {
    color: #ed6639;
}

.h3-service-head .h3-section-title p {}

.service-5 {}

.service-5 .service-box {
    background: #fff none repeat scroll 0 0;
    border-bottom: 2px solid #f26522;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.1);
    padding: 45px 30px 50px;
    text-align: center;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -ms-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

.service-5 .service-box .service-img {}

.service-5 .service-box .service-img>img {
    margin-left: 15px;
}

.service-5 .service-box .sb-content {}

.service-5 .service-box .sb-content h4 {
    color: #3b3b3b;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 8px;
}

.service-5 .service-box .sb-content p {
    color: #3b3b3b;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}





/*4.6 h3-team*/

.h3-team-area {
    padding: 40px 0 30px;
}

.h3-team-head {}

.h3-team-head .h3-section-title {
    margin: 0 0 52px;
}

.h3-team-head .h3-section-title p {}

.h3-team-head .h3-section-title h2 {}

.h3-team-box {
    box-shadow: 0 30px 160px 0 rgba(135, 153, 163, 0.5);
    margin: 60px 0;
    overflow: hidden;
    position: relative;
}

.h3-team-box .h3tb-img {
    background: #fff none repeat scroll 0 0;
    padding: 0 0 100px;
}

.h3-team-box .h3tb-img img {}

.h3-team-box .h3tb-content {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    padding: 38px;
    position: absolute;
    -webkit-transform: translateY(180px);
    -ms-transform: translateY(180px);
    -o-transform: translateY(180px);
    transform: translateY(180px);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.h3-team-box:hover .h3tb-content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.h3-team-box .h3tb-content h4 {
    color: #252525;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 9px;
    text-transform: uppercase;
}

.h3-team-box .h3tb-content span {
    color: #8799a3;
    display: block;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 19px;
}

.h3-team-box .h3tb-content p {
    color: #636363;
    font-size: 18px;
    margin: 0 0 24px;
}

.h3-team-box .h3tb-content ul {
    list-style: outside none none;
    padding: 0;
}

.h3-team-box .h3tb-content ul li {
    display: inline-block;
    margin-right: 8px;
}

.h3-team-box .h3tb-content ul li a {
    color: #bbc7cd;
    font-size: 14px;
    padding: 0 3px;
}

.h3-team-carousel .owl-dots {
    margin-top: 0;
    text-align: center;
}

.h3-team-carousel .owl-dots .owl-dot {
    background: #dae4ea none repeat scroll 0 0;
    border-radius: 3px;
    display: inline-block;
    height: 6px;
    margin: 0 5px;
    width: 20px;
}

.h3-team-carousel .owl-dots .owl-dot.active {
    background: #ed6639 none repeat scroll 0 0;
}





/*4.7 h3-pricing-area*/

.h3-pricing-area {
    background: rgba(0, 0, 0, 0) url("../img/home3/pricing-bg.html") no-repeat fixed 0 0 / cover;
    padding: 60px 0 115px;
}

.h3-pricing-head {}

.h3-pricing-head .h3-section-title {}

.h3-pricing-head .h3-section-title p {}

.h3-pricing-head .h3-section-title h2 {
    color: #fff;
}

.h3-pricing-box {
    background: #fff none repeat scroll 0 0;
    padding: 46px 0 60px;
    text-align: center;
}

.h3pb-head {
    border-bottom: 1px solid #e2e2e2;
    margin: 0 0 21px;
    padding: 0 0 30px;
    position: relative;
}

.h3pb-head.recommend::before {
    color: #191919;
    content: "";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    right: 0;
    top: -30px;
}

.h3pb-type {
    color: #191919;
    letter-spacing: 0;
    line-height: 20px;
}

.h3pb-recommend {
    bottom: 11px;
    color: #181818;
    display: block;
    font-size: 12px;
    left: 0;
    letter-spacing: 0;
    line-height: 16px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}

.h3pb-price {
    color: #191919;
    display: inline-block;
    font-size: 60px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 60px;
    margin: 0 0 29px;
    position: relative;
}

.h3pb-price span {
    font-size: 18px;
    left: -14px;
    position: absolute;
    top: -4px;
}

.h3pb-list {
    list-style: outside none none;
    margin: 0 0 48px;
    padding: 0;
}

.h3pb-list li {
    color: #696969;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 36px;
}

.h3pb-signup {
    border: 2px solid #181818;
    color: #181818;
    display: inline-block;
    letter-spacing: 0;
    line-height: 16px;
    padding: 9px 33px;
    text-transform: uppercase;
}





/*4.8 h3-blog-post*/

.h3-blog-area {
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 60px 0;
}

.h3-blog-head {}

.h3-blog-head .h3-section-title {}

.h3-blog-head .h3-section-title p {}

.h3-blog-head .h3-section-title h2 {}

.h3-blog-box {}

.h3-blog-box .h3-blog-img {
    position: relative;
}

.h3-blog-box .h3-blog-img img {}

.h3-blog-box .h3-blog-img .h3bi-type {
    background: #ed6639 none repeat scroll 0 0;
    color: #fff;
    font-size: 12px;
    left: 0;
    letter-spacing: 0;
    line-height: 16px;
    padding: 7px 22px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}

.h3-blog-box .h3-blog-content {
    padding: 36px 0 0;
}

.h3-blog-box .h3-blog-content .h3bc-title {
    color: #232323;
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.h3-blog-box .h3-blog-content .h3bc-text {
    color: #7f7f7f;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 26px;
}

.h3-blog-box .h3-blog-content .h3bc-more {
    border: 2px solid #d7d7d7;
    color: #ed6639;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 17px;
    padding: 11px 25px;
    text-transform: uppercase;
}





/*4.9 h3-client-feedback*/

.client-feedback-area {
    background: transparent url("../img/home3/client.html") no-repeat scroll left top / 100% auto;
    padding: 90px 0;
    position: relative;
}

.client-feedback-area::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
}

.client-feedback-left {
    border-right: 1px solid #ccc;
    padding-bottom: 120px;
}

.client-feedback-left .cf-title-small {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 1px;
}

.client-feedback-left .cf-title-medium {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;
    margin-bottom: 27px;
}

.client-feedback-left p {
    border-bottom: 1px solid #ccc;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    padding-bottom: 45px;
}

.client-feedback-right {
    padding: 45px 0 0;
}

.client-feedback-right p.client-text {
    color: #fff;
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    position: relative;
}

.client-feedback-right p.client-text::before {
    color: #ccc;
    content: "";
    font-family: FontAwesome;
    font-size: 30px;
    left: -15px;
    position: absolute;
    top: 0;
    z-index: -9;
}

.client-feedback-right .img-name {
    margin-top: 23px;
}

.client-feedback-right .img-name .img {
    float: left;
}

.client-feedback-right .img-name .img a {}

.client-feedback-right .img-name .img a img {
    border-radius: 50px;
}

.client-feedback-right .img-name .name {
    float: left;
    margin-left: 18px;
}

.client-feedback-right .img-name .name a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
}

.client-feedback-right .img-name .name a:hover {
    color: #fff!important;
}

.client-feedback-right .img-name .name p {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0;
    line-height: 28px;
}

.client-feedback-right .owl-theme .owl-controls {
    bottom: -2px;
    left: -485px;
    margin-top: 0;
    position: absolute;
    text-align: center;
}

.client-feedback-right .owl-theme .owl-controls .owl-buttons div {
    background: #37ccb8 none repeat scroll 0 0;
    border: 1px solid #37ccb8;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    height: 33px;
    line-height: 25px;
    margin: 5px;
    opacity: 1;
    padding: 3px 10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 33px;
}

.client-feedback-right .owl-theme .owl-controls .owl-buttons div:hover {
    background: transparent none repeat scroll 0 0;
}

.client-feedback-carousel .owl-nav {
    bottom: 0;
    left: -75%;
    position: absolute;
}

.client-feedback-carousel .owl-nav>div {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #666;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    height: 33px;
    line-height: 25px;
    margin: 5px;
    opacity: 1;
    padding: 3px 10px;
    transition: all 0.3s ease 0s;
    width: 33px;
}

.client-feedback-carousel .owl-nav>div:hover {
    background: #222 none repeat scroll 0 0;
}

.client-feedback-carousel .owl-nav .owl-prev {}

.client-feedback-carousel .owl-nav .owl-next {}





/*4.10 h3-brand*/

.h3-brand-area {
    padding: 50px 0;
}

.h3-brand-box {
    border: 1px solid #f4f4f4;
    padding: 16px;
}





/*4.11 h3-contact*/

.h3-contact-area {
    background: #2e3441 none repeat scroll 0 0;
    padding: 38px 0 28px;
}

.h3ca-left {
    margin-top: 12px;
}

.h3ca-left h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
}

.h3ca-right {}

.h3ca-right a {
    background: #ed6639 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    padding: 16px 33px;
}





/*4.12 h3-footer*/

.h3-footer {
    background: rgba(0, 0, 0, 0) url("../img/home3/footer-bg.html") no-repeat scroll 0 0 / cover;
}

.h3-footer::before {
    opacity: 0.8;
}

.h3-footer-top-area {
    padding: 91px 0 65px;
}

.h3-single-footer {}

.h3-single-footer .widget-title {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0 0 28px;
    text-transform: uppercase;
}

.h3-footer-links {
    overflow: hidden;
}

.h3-footer-links ul {
    float: left;
    list-style: outside none none;
    padding: 0;
    width: 50%;
}

.h3-footer-links ul li {}

.h3-footer-links ul li a {
    color: #ebebeb;
    display: block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 34px;
}

.h3-footer-update {}

.h3fu-single-update {
    margin: 0 0 44px;
    position: relative;
}

.h3fu-single-update::after {
    background: #d7d7d7 none repeat scroll 0 0;
    bottom: -22px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 60px;
}

.h3fu-single-update>p {
    color: #ebebeb;
    font-size: 16px;
}

.h3fu-single-update>a {
    color: #ed6639;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin-right: 22px;
}

.h3fu-single-update>span {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
}

.h3sf-text {
    color: #ebebeb;
    font-size: 18px;
}

.h3-footer-top-area .widget_wysija_cont {
    margin: 31px 0 33px;
    position: relative;
}

.h3-footer-top-area .widget_wysija_cont input[type="email"] {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    height: 50px;
    padding: 0 14px;
    width: 100%;
}

.h3-footer-top-area .widget_wysija_cont button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #ed6639;
    font-size: 22px;
    position: absolute;
    right: 14px;
    top: 10px;
}

.h3sf-social {
    list-style: outside none none;
    padding: 0;
}

.h3sf-social li {
    display: inline-block;
    margin-right: 2px;
}

.h3sf-social li a {
    color: #464646;
    display: block;
    font-size: 16px;
    padding: 5px;
}

.h3sf-social li a:hover {
    color: #8799a3;
}

.h3-footer-bottom-area {
    padding: 25px 0 30px;
}

.h3fba-left {}

.h3fba-left p {
    color: #ffffff;
}

.h3fba-right {
    text-align: right;
}

.h3fba-right a {
    color: #ed6639;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
}

.h3fba-right a i {
    font-size: 22px;
    margin-left: 10px;
}

.h3-footer-bar {
    background-image: url("../img/home3/footer-bar.html");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    width: 100%;
}





/*----------------------------------------*/


/*  5. Home 4
/*----------------------------------------*/

.h4-header {
    background: #070f1d none repeat scroll 0 0;
    padding: 31px 0;
}

.h4-logo {}

.h4-logo a {}

.h4-logo a img {}

.h4-menu {
    text-align: right;
}

.h4-menu ul {
    list-style: outside none none;
    padding: 0;
}

.h4-menu ul li {
    display: inline-block;
    margin-left: 32px;
}

.h4-menu ul li a {
    color: #9699a6;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    padding: 15px 10px;
}

.h4-menu ul li:hover>a {
    color: #ed6639;
}

.h4-menu ul li:last-child a {
    padding-right: 0;
}

.h4-menu ul li .menu-dropdown {}

.h4-menu ul li .menu-dropdown.md-from-right {
    left: auto;
    right: 0;
}

.h4-menu ul li .menu-dropdown li {}

.h4-menu ul li .menu-dropdown li a {}

.h4-menu ul li .menu-dropdown li .thidlevel-menu {}

.h4-menu ul li .menu-dropdown li .thidlevel-menu li {}

.h4-menu ul li .menu-dropdown li .thidlevel-menu li a {}

.h4-section-title {
    margin: 0 0 56px;
}

.h4-section-title h2 {
    color: #31364c;
    font-size: 46px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 50px;
    margin: 0 0 24px;
}

.h4-section-title p {
    color: #9699a6;
    font-size: 16px;
    line-height: 24px;
}

.home4-body #scrollUp {
    border: 1px solid #ed6639;
}

.home4-body #scrollUp:hover {
    background: #ed6639 none repeat scroll 0 0;
}





/*5.2 h4-hero*/

.h4-hero-area {
    background: rgba(0, 0, 0, 0) url("../img/home4/hero-bg.html") no-repeat scroll 0 0 / cover;
    padding: 186px 0 206px;
}

.h4-hero-content {}

.h4-hero-content h2 {
    color: #fff;
    font-size: 86px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 90px;
    margin: 0 0 28px;
}

.h4-hero-content h3 {
    color: #fff;
    font-size: 46px;
    font-weight: 100;
    letter-spacing: 0;
    line-height: 50px;
    margin: 0 0 22px;
}

.h4-hero-content p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 38px;
}

.h4-hero-content a {
    background: #ed6639 none repeat scroll 0 0;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    padding: 4px 25px;
    text-transform: capitalize;
}





/*5.3 h4-check*/

.h4-check-domain-area {
    background: #070f1d url("../img/home4/register-ibg.html") no-repeat scroll -100% bottom / cover;
    padding: 80px 0 40px;
}

.h4cda-img {}

.h4cda-img img {}

.h4cda-content {}

.h4cda-content {}

.h4cda-content .h4-section-title {}

.h4cda-content .h4-section-title h2 {
    color: #fff;
}

.h4cda-content .h4-section-title p {
    color: #fff;
}

.h4cd-search-area {}

.h4cd-sa-top {
    margin: 0 0 50px;
}

.h4cd-sa-top input[type="text"] {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-bottom: 2px solid #fff;
    display: inline-block;
    height: 45px;
    width: 68%;
}

.h4cd-sa-top select {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-bottom: 2px solid #fff;
    display: inline-block;
    height: 45px;
    width: 30%;
}

.h4cd-sa-top select option {}

.h4cd-check {
    background: #ed6639 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
    margin-right: 22px;
    padding: 16px 35px;
}

.h4cd-see-all {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
}

.h4cd-see-all i {
    margin-left: 8px;
}





/*5.4 h4-why-choose*/

.h4-why-choosen-area {
    padding: 81px 0;
}

.h4-why-choosen-head {}

.h4-why-choosen-head .h4-section-title {
    margin: 0 0 80px;
    text-align: center;
}

.h4-why-choosen-head .h4-section-title h2 {}

.h4-why-choosen-head .h4-section-title p {}

.service-6 {}

.service-6 .service-box {
    margin: 0 0 56px;
    text-align: center;
}

.service-6 .service-box:last-child {
    margin-bottom: 0;
}

.service-6 .service-box .sb-icon {
    margin: 0 0 34px;
}

.service-6 .service-box .sb-icon i {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 100px;
    display: inline-block;
    font-size: 50px;
    height: 120px;
    line-height: 120px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 120px;
}

.service-6 .service-box:hover .sb-icon i {
    background: #f04e4e none repeat scroll 0 0;
    box-shadow: 0 0 43px 0 rgba(126, 126, 126, 0.3);
    color: #fff;
}

.service-6 .service-box .sb-content {}

.service-6 .service-box .sb-content h4 {
    color: #31364c;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 34px;
    margin: 0 0 9px;
}

.service-6 .service-box .sb-content p {
    color: #9699a6;
    line-height: 24px;
}





/*5.5 popular-web-hosting*/

.h4-popular-hosting-area {
    padding: 0 0 90px;
}

.h4-popular-hosting-head {}

.h4-popular-hosting-head .h4-section-title {
    text-align: center;
}

.h4-popular-hosting-head .h4-section-title h2 {}

.h4-popular-hosting-head .h4-section-title p {}

.h4pha-column {}

.h4ph-box {
    margin: 0 0 30px;
    padding: 80px;
}

.h4ph-box:last-child {
    margin-bottom: 0;
}

.h4ph-box h2 {
    color: #fff;
    font-size: 42px;
    letter-spacing: 0;
    line-height: 46px;
    margin: 0 0 15px;
}

.h4ph-box h2 span {
    font-weight: 300;
}

.h4ph-box p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 38px;
}

.h4ph-box a {
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    padding: 14px 33px;
}

.h4ph-box a i {
    font-size: 12px;
    margin-left: 30px;
}

.h4ph-box-vps {
    background: #161616 url("../img/home4/popular1.html") no-repeat scroll right bottom / contain;
}

.h4ph-box-shared {
    background: #161616 url("../img/home4/popular2.html") no-repeat scroll right bottom / contain;
}

.h4ph-box-dedicated {
    background: #161616 url("../img/home4/popular3.html") no-repeat scroll right bottom / contain;
}

.h4ph-box-ssd {
    background: #161616 url("../img/home4/popular4.html") no-repeat scroll right bottom / contain;
}

.h4ph-box.h4ph-box-vps a {
    background: #ec8e06 none repeat scroll 0 0;
}

.h4ph-box.h4ph-box-shared a {
    background: #cb4243 none repeat scroll 0 0;
}

.h4ph-box.h4ph-box-dedicated a {
    background: #ed6639 none repeat scroll 0 0;
}

.h4ph-box.h4ph-box-ssd a {
    background: #f0bc00 none repeat scroll 0 0;
}





/*5.6 advantage-service*/

.h4-advantage-service-area {
    background: rgba(0, 0, 0, 0) url("../img/home4/advantage-bg.html") no-repeat scroll left top / cover;
    padding: 90px 0;
}

.h4-advantage-service-head {}

.h4-advantage-service-head .h4-section-title {
    text-align: center;
}

.h4-advantage-service-head .h4-section-title h2 {
    color: #fff;
}

.h4-advantage-service-head .h4-section-title p {
    color: #fff;
}

.h4as-list {
    padding-left: 40px;
    padding-right: 40px;
}

.h4as-list-box {
    margin: 0 0 38px;
}

.h4as-list-box:last-child {
    margin-bottom: 0;
}

.h4as-list-box .h4as-lb-head {
    margin: 0 0 12px;
    position: relative;
}

.h4as-list-box .h4as-lb-head h4 {
    background: #ed6639 none repeat scroll 0 0;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    padding: 5px 10px 5px 45px;
}

.h4as-list-box .h4as-lb-head img {
    left: -50px;
    position: absolute;
    top: -8px;
}

.h4as-list-box p {
    color: #9699a6;
    line-height: 24px;
    margin-left: 48px;
}

.h4aslb-text-right {}

.h4as-list-box.h4aslb-text-right p {
    margin-left: 0;
    margin-right: 48px;
    text-align: right;
}

.h4as-list-box.h4aslb-text-right .h4as-lb-head img {
    left: auto;
    right: -60px;
}

.h4as-img {}

.h4as-img img {}





/*5.7 h4-blog*/

.h4-blog-area {
    padding: 90px 0;
}

.h4-blog-area-head {}

.h4-blog-area-head .h4-section-title {
    text-align: center;
}

.h4-blog-area-head .h4-section-title h2 {}

.h4-blog-area-head .h4-section-title p {}

.h4-single-blog {
    border: 1px solid transparent;
    box-shadow: 0 1px 5px 0 rgba(108, 108, 108, 0.3);
    padding: 64px 48px 64px 75px;
    transition: all 0.3s ease 0s;
}

.h4-single-blog:hover {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #ed6639;
}

.h4-single-blog .h4sb-date {
    color: #2c2c2c;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0 0 13px;
}

.h4-single-blog .h4sb-title {
    color: #2c2c2c;
    display: block;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0 0 14px;
}

.h4-single-blog .h4sb-text {
    border-bottom: 1px solid #ed6639;
    color: #2c2c2c;
    line-height: 26px;
    margin: 0 0 20px;
    padding-bottom: 23px;
}

.h4-single-blog .h4sb-author {}

.h4-single-blog .h4sb-author img {
    border-radius: 100px;
    display: inline-block;
}

.h4-single-blog .h4sb-author a {
    color: #2c2c2c;
    display: inline-block;
    letter-spacing: 0;
    margin-left: 12px;
}

.h4-blog-head-border {
    background: #f2f2f2 none repeat scroll 0 0;
    height: 1px;
    margin: 0 0 50px;
    width: 100%;
}





/*5.8 h4-brand*/

.h4-brand-area {
    background: #f0f5fa none repeat scroll 0 0;
    padding: 42px 0;
}

.h4-brand-box {
    width: 120px;
}

.h4-brand-box img {}





/*5.9 h4-footer*/

.h4-footer {}

.h4-footer-top-area {
    background: rgba(0, 0, 0, 0) url("../img/home4/footer-bg.html") no-repeat scroll left top / cover;
    padding: 100px 0 60px;
}

.h4-footer-top-area::before {
    opacity: 0.6;
}

.h4-single-footer {}

.h4-single-footer>img {
    margin: 0 0 30px;
}

.h4-single-footer>p {
    color: #fff;
    line-height: 26px;
}

.h4-single-footer .widget-title {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 30px;
}

.h4-single-footer .h4sf-links {
    list-style: outside none none;
    padding: 0;
}

.h4-single-footer .h4sf-links li {}

.h4-single-footer .h4sf-links li a {
    color: #868f9a;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
}

.h4-single-footer .h4sf-address {
    list-style: outside none none;
    padding: 0;
}

.h4-single-footer .h4sf-address li {
    color: #99a1a9;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 30px;
}

.h4-single-footer .h4sf-address li i {
    margin-right: 5px;
}

.h4-single-footer .widget_wysija_cont {}

.h4-single-footer .widget_wysija_cont input[type="text"] {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-bottom: 1px solid #ed6639;
    color: #fff;
    font-size: 16px;
    height: 50px;
    margin-bottom: 26px;
    line-height: 24px;
    width: 100%;
}

.h4-single-footer .widget_wysija_cont input[type="email"] {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-bottom: 1px solid #ed6639;
    color: #fff;
    font-size: 16px;
    height: 50px;
    margin-bottom: 26px;
    line-height: 24px;
    width: 100%;
}

.h4-single-footer .widget_wysija_cont button {
    background: #ed6639 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    padding: 6px 22px;
}

.h4-footer-bottom-area {
    background: #070f1d none repeat scroll 0 0;
    padding: 13px 0 30px;
}

.h4fb-left {
    margin-top: 5px;
}

.h4fb-left p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.h4fb-left p a {
    color: #ff7f17;
font-family: 'Merriweather Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.h4fb-social {}

.h4fb-social ul {
    list-style: outside none none;
    padding: 0;
}

.h4fb-social ul li {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-right: 5px;
    text-align: center;
    width: 32px;
}

.h4fb-social ul li a {
    border: 1px solid #d4d4d5;
    border-radius: 100px;
    color: #d4d4d5;
    display: block;
    height: 100%;
}

.h4fb-social ul li a:hover {
    border: 1px solid #288feb;
    color: #288feb;
}





/*----------------------------------------*/


/*  6. Home 5
/*----------------------------------------*/

.h5-header {}

.h5-header-top-area {
    background: #232323 none repeat scroll 0 0;
}

.h5-hta-left {
    margin-top: 10px;
}

.h5-hta-left p {
    color: #ffffff;
    font-size: 12px;
}

.h5-hta-social {
    background: #ed6639 none repeat scroll 0 0;
    padding: 7px 0 7px 20px;
    position: relative;
}

.h5-hta-social::before {
    border-color: transparent transparent #ed6639;
    border-style: solid;
    border-width: 0 0 50px 20px;
    content: "";
    height: 0;
    left: -20px;
    position: absolute;
    top: 0;
    width: 0;
}

.h5-hta-social h4 {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    margin-right: 64px;
}

.h5-hta-social ul {
    display: inline-block;
    list-style: outside none none;
    padding: 0;
}

.h5-hta-social ul li {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin-right: 1px;
    text-align: center;
    width: 36px;
}

.h5-hta-social ul li a {
    background: #ef764d none repeat scroll 0 0;
    border-radius: 5px;
    color: #e6e6e6;
    display: block;
    font-size: 18px;
    height: 100%;
}

.home5-body #scrollUp {
    border: 1px solid #ed6639;
}

.home5-body #scrollUp:hover {
    background: #ed6639 none repeat scroll 0 0;
}





/*6.2 h5-menu*/

.h5-menu-area {
    padding: 20px 0;
}

.h5-logo {}

.h5-logo a {}

.h5-logo a img {}

.h5-menu {
    padding: 16px 0 0;
}

.h5-menu ul {}

.h5-menu ul li {}

.h5-menu ul li a {
    color: #2d3e50;
    font-size: 12px;
    font-weight: 400;
}

.h5-menu ul li:hover>a {
    color: #ed6639;
}

.h5-menu ul li .menu-dropdown {}

.h5-menu ul li .menu-dropdown.md-from-right {
    left: auto;
    right: 0;
}

.h5-menu ul li .menu-dropdown li {}

.h5-menu ul li .menu-dropdown li a {}

.h5-menu ul li .menu-dropdown li .thidlevel-menu {}

.h5-menu ul li .menu-dropdown li .thidlevel-menu li {}

.h5-menu ul li .menu-dropdown li .thidlevel-menu li a {}

.h5-section-title {
    text-align: center;
}

.h5-section-title h2 {
    color: #3f3f3f;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0 0 8px;
    padding: 0 0 42px;
    position: relative;
}

.h5-section-title h2::after {
    background-image: url("../img/home5/section-title-line.html");
    background-size: cover;
    bottom: 0;
    content: "";
    height: 18px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 232px;
}

.h5-section-title p {
    color: #242424;
}





/*6.3 h5-hero*/

.h5-hero-area {
    background: rgba(0, 0, 0, 0) url("../img/home5/hero-bg.html") no-repeat scroll left top / cover;
    padding: 58px 0;
}

.h5-hc-carousel {
    margin-top: 154px;
}

.h5-hc-carousel .owl-dots {
    bottom: -65%;
    left: 50%;
    position: absolute;
}

.h5-hc-carousel .owl-dots .owl-dot {
    background: #b5b9c0 none repeat scroll 0 0;
    display: inline-block;
    height: 3px;
    margin: 0 5px;
    width: 30px;
}

.h5-hc-carousel .owl-dots .owl-dot.active {
    background: #ffffff none repeat scroll 0 0;
}

.h5-hero-content {}

.h5-hero-content h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 44px;
    margin: 0 0 18px;
}

.h5-hero-content p {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 21px;
}

.h5-hero-content a {
    background: #ed6639 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    letter-spacing: 0;
    padding: 9px 26px;
    text-transform: uppercase;
}

.h5-hero-register {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ed6639;
    padding: 64px 30px;
}

.h5-hero-register h2 {
    color: #333146;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0 0 34px;
}

.h5-hero-register input[type="text"] {
    border: 0 none;
    border-bottom: 1px solid #ed6639;
    color: #5b5b5b;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0;
    margin-bottom: 24px;
    width: 100%;
}

.h5-hero-register input[type="email"] {
    border: 0 none;
    border-bottom: 1px solid #ed6639;
    color: #5b5b5b;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0;
    margin-bottom: 24px;
    width: 100%;
}

.h5-hero-register input[type="submit"] {
    background: #ed6639 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0;
    margin-top: 30px;
    padding: 16px 0;
    width: 100%;
}





/*6.4 h5-welcome*/

.h5-welcome-area {
    padding: 90px 0;
}

.h5-wc-content {}

.h5-wc-content .h5-section-title {
    text-align: left;
}

.h5-wc-content .h5-section-title h2 {
    margin: 0;
}

.h5-wc-content .h5-section-title h2::after {
    display: none;
}

.h5-wc-content>p {
    color: #666666;
    line-height: 24px;
    margin: 0 0 28px;
}

.h5-wc-content ul {
    list-style: outside none none;
    margin: 0 0 35px;
    padding: 0;
}

.h5-wc-content ul li {
    color: #666666;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    padding-left: 28px;
    position: relative;
}

.h5-wc-content ul li::before {
    content: "";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 0;
}

.h5-wc-content>a {
    background: #ed6639 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 3px 25px;
    text-transform: uppercase;
}





/*6.5 h5-subject*/

.h5-subject-area {
    background: rgba(0, 0, 0, 0) url("../img/home5/course-bg.html") no-repeat scroll 0 0 / cover;
    padding: 97px 0 140px;
}

.h5-subject-head {
    margin: 0 0 60px;
    text-align: center;
}

.h5-subject-head>h2 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 0 57px;
    position: relative;
    text-transform: uppercase;
}

.h5-subject-head>h2::after {
    background-image: url("../img/home5/subject-icon.html");
    bottom: 0;
    content: "";
    height: 32px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 197px;
}

.h5-subject-contents {}

.h5-sc-box {
    min-height: 132px;
    padding: 16px 26px;
    text-align: center;
}

.h5scb-1 {
    background: #d33ba0 none repeat scroll 0 0;
}

.h5scb-2 {
    background: #1dc454 none repeat scroll 0 0;
}

.h5scb-3 {
    background: #2c6fd1 none repeat scroll 0 0;
}

.h5scb-4 {
    background: #e7b52a none repeat scroll 0 0;
}

.h5scb-5 {
    background: #44a0d0 none repeat scroll 0 0;
}

.h5scb-6 {
    background: #199c9a none repeat scroll 0 0;
}

.h5-sc-box>i {
    color: #fff;
    display: inline-block;
    font-size: 50px;
    line-height: 50px;
    min-height: 60px;
}

.h5-sc-box>p {
    color: #fff;
    line-height: 20px;
}

.h5-sc-carousel .owl-dots {
    bottom: -85px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.h5-sc-carousel .owl-dots>.owl-dot {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 100px;
    display: inline-block;
    height: 12px;
    margin: 0 5px;
    width: 12px;
}

.h5-sc-carousel .owl-dots>.owl-dot.active {
    background: #ed6639 none repeat scroll 0 0;
}





/*6.6 h5-popular-course*/

.h5-popular-course-area {
    padding: 90px 0 95px;
}

.h5-pupular-course-head {
    margin: 0 0 51px;
}

.h5-pupular-course-head .h5-section-title {}

.h5-pupular-course-head .h5-section-title h2 {}

.h5-pupular-course-head .h5-section-title p {}

.h5-course-box {
    border-bottom: 3px solid #ed6639;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.h5-course-box:hover {
    box-shadow: 0 2px 20px 0 rgba(34, 30, 31, 0.3);
}

.h5-cb-img {}

.h5-cb-img>a {}

.h5-cb-img>a img {}

.h5-cb-content {
    padding: 21px 30px 53px;
}

.h5-cbc-meta {
    margin: 0 0 41px;
    overflow: hidden;
}

.h5cbc-meta-vc {
    display: inline-block;
}

.h5cbc-meta-vc>a {
    color: #b2b2b2;
    display: inline-block;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: 14px;
}

.h5cbc-meta-vc>a:hover {
    color: #f3c30b;
}

.h5cbc-meta-vc>a i {
    color: #b2b2b2;
    margin-right: 8px;
}

.h5cbc-meta-rating {
    float: right;
}

.h5cbc-meta-rating .rating {
    display: block;
}

.rating .star {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 22px;
    margin: 0 1px 0 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 14px;
}

.rating .star::after {
    color: #f3c30b;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.rating .star-on::after {
    color: #f3c30b;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
}

.rating .star-half::after {
    color: #f3c30b;
    content: "\f123";
    display: inline-block;
    font-family: "FontAwesome";
}

.h5-cbc-title {
    color: #2d3e50;
    display: block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 1px;
}

.h5-cbc-title:hover {
    color: #ed6639;
}

.h5-cbc-by-date {
    margin: 0 0 15px;
}

.h5-cbc-by-date p {
    color: #b2b2b2;
    display: inline-block;
    margin-right: 18px;
}

.h5-cbc-by-date p>a {
    color: #2d3e50;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
}

.h5-cbc-by-date p>a:hover {
    color: #ed6639;
}

.h5-cbc-text {
    color: #4c4c4c;
    line-height: 24px;
}

.browse-h5-poplar {
    margin: 73px 0 0;
    text-align: center;
}

.browse-h5-poplar>a {
    background: #ed6639 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 0;
    padding: 10px 18px;
}





/*6.7 h5-counter*/

.h5-counter-area {
    background: rgba(0, 0, 0, 0) url("../img/home5/h5-counter.html") no-repeat scroll 0 0 / cover;
    padding: 100px 0 90px;
}

.h5-counter-area::before {
    opacity: 0.6;
}

.h5-counter-box {}

.h5-cb-icon {
    float: left;
    width: 78px;
}

.h5-cb-icon i {
    color: #fff;
    display: block;
    font-size: 50px;
    line-height: 54px;
}

.h5-counter-content {
    float: left;
}

.h5-counter-content h3 {
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    padding: 0 0 9px;
}

.h5-counter-content h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin: 6px 0 0;
}

.h5-counter-content h2 span {}





/*6.8 h5-lecturers*/

.h5-lecturers-area {
    padding: 83px 0 0;
}

.h5-lecturers-head {
    margin: 0 0 71px;
}

.h5-lecturers-head .h5-section-title {}

.h5-lecturers-head .h5-section-title h2 {}

.h5-lecturers-head .h5-section-title p {}

.h5-lecturers-box {
    margin: 0 0 46px;
}

.h5-lecturers-img {
    position: relative;
}

.h5-lecturers-img>img {}

.h5-li-over-content {
    background: rgba(237, 102, 57, 0.9) none repeat scroll 0 0;
    height: 80%;
    left: 10%;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 10%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 80%;
}

.h5-lecturers-box:hover .h5-li-over-content {
    opacity: 1;
    visibility: visible;
}

.h5-li-over-content>a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    margin: 54px 0 0;
}

.h5-li-over-content>span {
    color: #fff;
    display: block;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 4px 0 0;
}

.h5-li-over-content ul {
    list-style: outside none none;
    margin: 16px 0 0;
    padding: 0;
}

.h5-li-over-content ul li {
    display: inline-block;
}

.h5-li-over-content ul li a {
    color: #fff;
    display: block;
    padding: 4px;
}

.h5-lecturers-content {
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.h5-lecturers-box:hover .h5-lecturers-content {
    opacity: 0;
    visibility: hidden;
}

.h5-lecturers-content>a {
    color: #000000;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin: 18px 0 0;
}

.h5-lecturers-content>span {
    color: #727272;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 7px 0 0;
}





/*6.9 h5-upcoming-event*/

.h5-upcoming-area {
    padding: 38px 0 50px;
}

.h5u-title {
    color: #3f3f3f;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0 0 56px;
}

.h5-upcoming-box {
    margin: 0 0 30px;
    padding: 12px 0;
    transition: all 0.3s ease 0s;
}

.h5-upcoming-box:hover {
    background: #f5f5f5 none repeat scroll 0 0;
}

.h5ub-date {
    text-align: center;
}

.h5ub-date h2 {
    color: #ed6639;
    font-size: 60px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 62px;
    margin: 31px 0 0;
}

.h5ub-date p {
    color: #656c75;
    font-size: 18px;
    margin: 3px 0 0;
}

.h5ub-img {}

.h5ub-img img {
    border-radius: 5px;
}

.h5ub-content {
    margin: 6px 0 0;
}

.h5ub-content>h2 {
    color: #2c3137;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0 0 23px;
}

.h5ub-content>p {
    color: #656c75;
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 25px;
}

.h5ub-meta {}

.h5ub-meta>div {
    display: inline-block;
}

.h5ub-meta>div i {
    margin-right: 3px;
}

.h5ub-meta>div p {
    color: #aab2bc;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
}

.h5ub-meta .h5ub-meta-time {
    margin-right: 26px;
}

.h5ub-meta .h5ub-meta-time i {}

.h5ub-meta .h5ub-meta-time p {}

.h5ub-view-all {
    margin: 68px 0 0;
}

.h5ub-view-all>a {
    background: #ed6639 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 15px 48px;
    text-transform: uppercase;
}





/*6.10 h5-blog*/

.h5-blog-area {
    padding: 44px 0 146px;
}

.h5-blog-head {
    margin: 0 0 69px;
}

.h5-blog-head .h5-section-title {}

.h5-blog-head .h5-section-title h2 {}

.h5-blog-head .h5-section-title p {}

.h5-blog-box {
    box-shadow: 1.5px 2.598px 5px 0 rgba(0, 0, 0, 0.3);
    margin: 0 15px 15px;
}

.h5bb-img {}

.h5bb-img>a img {}

.h5bb-img>a {}

.h5bb-content {
    padding: 0 30px 40px;
}

.h5bb-c-meta {
    margin: 21px 0 0;
}

.h5bb-c-meta>p {
    color: #959595;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    margin-right: 14px;
}

.h5bb-c-meta>p i {
    display: inline-block;
    margin-right: 5px;
}

.h5bb-title {
    color: #252525;
    display: block;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 34px;
    margin: 15px 0 0;
}

.h5bb-title:hover {
    color: #ed6639;
}

.h5bb-text {
    color: #707070;
    font-size: 16px;
    line-height: 30px;
    margin: 30px 0 0;
}

.h5bb-more {
    background: #ed6639 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 57px 0 0;
    padding: 5px 28px;
}

.h5bb-more:hover {
    color: #fff;
}

.h5-blog-carousel .owl-dots {
    bottom: -60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.h5-blog-carousel .owl-dots .owl-dot {
    background: #cccccc none repeat scroll 0 0;
    display: inline-block;
    height: 5px;
    margin: 0 5px;
    width: 70px;
}

.h5-blog-carousel .owl-dots .owl-dot.active {
    background: #ed6639 none repeat scroll 0 0;
}





/*6.11 h5-quick*/

.h5-quick-quote-area {
    background: rgba(0, 0, 0, 0) url("../img/home5/quote-bg.html") no-repeat fixed 0 0 / cover;
}

.h5-quick-quote-form-area {
    background: #fff none repeat scroll 0 0;
    padding: 110px 48px 29px;
}

.h5-qqfa-input-box {
    margin: 0 0 26px;
}

.h5-qqfa-input-box label {
    color: #232323;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 16px;
    text-transform: uppercase;
}

.h5-qqfa-input-box label span {
    color: #ed6639;
}

.h5-qqfa-input-box input[type="text"] {
    border: 1px solid #d6d6d6;
    height: 50px;
    width: 100%;
}

.h5-qqfa-input-box input[type="email"] {
    border: 1px solid #d6d6d6;
    height: 50px;
    width: 100%;
}

.h5-qqfa-input-box textarea {
    border: 1px solid #d6d6d6;
    height: 170px;
    width: 100%;
}

.h5-qqfa-input-box input[type="submit"] {
    background: #ed6639 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0;
    padding: 8px 35px;
    text-transform: uppercase;
}

.h5-quick-quote-content {
    margin: 123px 0 0;
}

.h5qqc-title {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0 0 35px;
    text-transform: uppercase;
}

.h5qqc-title span {
    color: #ed6639;
}

.h5qqc-text1 {
    color: #fff;
    font-size: 18px;
    margin: 0 0 40px;
}

.h5qqc-text2 {
    color: #fff;
    font-size: 16px;
}





/*6.12 h5-footer*/

.h5-footer {}

.h5-footer-top-area {
    background: rgba(0, 0, 0, 0) url("../img/home5/footer-bg.html") no-repeat fixed 0 0 / cover;
}

.h5-footer-top-area::before {
    opacity: 0.8;
}

.footer-top-head {
    border-bottom: 1px solid #787878;
    margin: 0 0 38px;
    padding: 68px 0 58px;
    text-align: center;
}

.footer-top-head img {}

.h5-single-footer {}

.h5-single-footer .widget-title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 14px;
    text-transform: uppercase;
}

.h5-single-footer ul {
    list-style: outside none none;
    padding: 0;
}

.h5-single-footer ul li {
    display: block;
    margin: 0 0 8px;
}

.h5-single-footer ul li a {
    color: #bbbbbb;
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
}

.h5fc-input-box {
    margin: 0 0 30px;
}

.h5fc-input-box input[type="text"] {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-bottom: 1px solid #787878;
    color: #bbbbbb;
    font-size: 12px;
    height: 40px;
    padding: 0;
    width: 100%;
}

.h5fc-input-box input[type="email"] {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-bottom: 1px solid #787878;
    color: #bbbbbb;
    font-size: 12px;
    height: 40px;
    padding: 0;
    width: 100%;
}

.h5fc-input-box textarea {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-bottom: 1px solid #787878;
    color: #bbbbbb;
    font-size: 12px;
    height: 40px;
    padding: 0;
    width: 100%;
}

.h5fc-input-box input[type="submit"] {
    background: #ed6639 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    padding: 6px 38px;
}

.h5-footer-bottom-area {
    background: #202020 none repeat scroll 0 0;
    padding: 21px 0 12px;
}

.h5fba-left {}

.h5fba-left p {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin-right: 20px;
}

.h5fba-left p i {
    color: #ed6639;
    margin-right: 5px;
}

.h5fba-right {
    text-align: right;
}

.h5fba-right p {
    color: #fff;
}

.h5fba-right p a {
    color: #ed6639;
    font-size: 14px;
}





/*----------------------------------------*/


/*  7. Home 6
/*----------------------------------------*/

.h6-header {}

.h6-header-top-area {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 9px 0;
}

.h6hta-left {
    margin: 6px 0 0;
}

.h6hta-left>p {
    color: #909090;
    font-weight: 500;
    line-height: 18px;
}

.h6hta-left>p a {
    color: #00afff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.h6hta-social {
    text-align: right;
}

.h6hta-social ul {
    list-style: outside none none;
    padding: 0;
}

.h6hta-social ul li {
    display: inline-block;
    margin-right: 12px;
}

.h6hta-social ul li:last-child {
    margin-right: 0;
}

.h6hta-social ul li a {
    color: #878787;
    display: block;
    font-size: 14px;
}

.h6hta-social ul li a:hover {
    color: #00afff;
}

.h6-header-middle-area {
    padding: 19px 0;
}

.h6hma-logo {}

.h6hma-logo>a {}

.h6hma-logo>a img {}

.h6hma-right {
    text-align: right;
}

.h6hma-right h2 {
    color: #363636;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 36px;
}

.h6hma-right h2 i {
    color: #00afff;
}

.h6hma-right p {
    color: #363636;
    line-height: 18px;
}

.h6-menu-area {
    background: #00afff none repeat scroll 0 0;
}

.h6-menu {}

.h6-menu ul {
    text-align: center;
}

.h6-menu ul li {}

.h6-menu ul li a {
    border-bottom: 1px solid transparent;
    color: #fff;
    text-transform: capitalize;
}

.h6-menu ul li:hover>a {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.h6-menu ul li .menu-dropdown {
    background: rgba(0, 175, 255, 0.8) none repeat scroll 0 0;
}

.h6-menu ul li .menu-dropdown li {}

.h6-menu ul li .menu-dropdown li a {}

.h6-menu ul li .menu-dropdown li .thidlevel-menu {
    background: rgba(0, 175, 255, 0.8) none repeat scroll 0 0;
}

.h6-menu ul li .menu-dropdown li .thidlevel-menu li {}

.h6-menu ul li .menu-dropdown li .thidlevel-menu li a {}

.h6-section-title {
    text-align: center;
}

.h6-section-title h2 {
    color: #111111;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0 0 30px;
    text-transform: uppercase;
}

.h6-section-title p {
    color: #6d6d6d;
    line-height: 24px;
}





/*7.2 h6-hero*/

.h6-hero-area {
    background: rgba(0, 0, 0, 0) url("../img/home6/hero-bg.html") no-repeat scroll 50% 0 / cover;
    padding: 154px 0 414px;
    position: relative;
}

.h6-hero-content {
    text-align: center;
}

.h6hc-intro {
    background: #00afff none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 5px;
    padding: 8px 53px;
}

.h6hc-title {
    color: #111111;
    font-size: 48px;
    font-weight: 600;
    line-height: 52px;
    margin: 0 0 18px;
}

.h6hc-title span {
    color: #111111;
    font-weight: 400;
}

.h6hc-text {
    color: #111111;
    line-height: 24px;
}

.h6-hero-form-area {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    left: 30%;
    position: absolute;
    width: 254px;
    z-index: 9;
}

.h6-hf {}

.h6-hero-form-area h3.h6-hf-title {
    background: #00afff none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 18px;
    padding: 22px 0;
    text-align: center;
}

.h6-hero-form-area h3.h6-hf-title i {
    margin-right: 8px;
}

.h6-hero-form-area input[type="text"] {
    border: 1px solid #c2c2c2;
    color: #878787;
    font-size: 12px;
    height: 27px;
    margin: 0 0 8px 10%;
    padding: 0 10px;
    width: 80%;
}

.h6-hero-form-area input[type="email"] {
    border: 1px solid #c2c2c2;
    color: #878787;
    font-size: 12px;
    height: 27px;
    margin: 0 0 8px 10%;
    padding: 0 10px;
    width: 80%;
}

.h6-hero-form-area textarea {
    border: 1px solid #c2c2c2;
    color: #878787;
    font-size: 12px;
    height: 56px;
    margin: 0 0 8px 10%;
    padding: 0 10px;
    width: 80%;
}

.h6-hero-form-area input[type="submit"] {
    background: #00afff none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 12px;
    padding: 4px 0;
    width: 100%;
}

.h6-hfa-button {
    background: #29bcff none repeat scroll 0 0;
    border-radius: 100px;
    bottom: -11px;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    height: 23px;
    line-height: 24px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 23px;
    z-index: 9;
}





/*7.3 h6-about*/

.h6-about-area {
    padding: 63px 0 60px;
}

.h6aa-img {
    text-align: center;
}

.h6aa-img img {}

.h6aa-content {
    margin: 116px 0 0;
}

.h6aa-c-intro {
    color: #565656;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
}

.h6aa-c-title {
    color: #565656;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0 0 13px;
}

.h6aa-c-text {
    color: #6d6d6d;
    line-height: 24px;
}

.h6aa-c-icons {
    margin: 61px 0 0;
}

.h6aa-c-iconbox {
    margin: 0 0 44px;
    overflow: hidden;
}

.h6aa-c-iconbox .h6aa-iconbox-icon {
    float: left;
    width: 30px;
}

.h6aa-c-iconbox .h6aa-iconbox-icon i {
    color: #565656;
    display: block;
    font-size: 22px;
    margin: 5px 0 0 1px;
}

.h6aa-c-iconbox:hover .h6aa-iconbox-icon i {
    color: #329dff;
}

.h6aa-c-iconbox .h6aa-iconbox-content {
    float: left;
}

.h6aa-c-iconbox .h6aa-iconbox-content h4 {
    color: #565656;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}





/*7.4 h6-our-service*/

.h6-service-area {
    padding: 20px 0 80px;
}

.h6-service-head {
    margin: 0 0 58px;
}

.h6-service-head .h6-section-title {}

.h6-service-head .h6-section-title h2 {}

.h6-service-head .h6-section-title p {}

.service-7 {}

.service-7 .service-box {
    text-align: center;
}

.service-7 .service-box .sb-icon {
    box-shadow: 0 2px 5px 0 rgba(181, 181, 181, 0.6);
    padding: 32px 0 12px;
}

.service-7 .service-box .sb-icon i {
    border: 1px solid #cccccc;
    border-radius: 100px;
    color: #00afff;
    display: inline-block;
    font-size: 34px;
    height: 80px;
    line-height: 80px;
    width: 80px;
}

.service-7 .service-box .sb-content {
    margin: 14px 0 0;
}

.service-7 .service-box .sb-content h4 {
    color: #111111;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 11px;
    padding: 0 0 16px;
    position: relative;
    text-transform: uppercase;
}

.service-7 .service-box .sb-content h4::after {
    background: #cacaca none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 48px;
}

.service-7 .service-box .sb-content p {
    color: #323232;
    line-height: 24px;
}





/*7.5 h6-why-choose*/

.h6-why-choose-area {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 50px 0 20px;
}

.h6-wca-img {}

.h6-wca-img img {}

.h6-wca-content {
    margin: 30px 0 0;
}

.h6-wca-content .h6-section-title {
    margin: 0 0 39px;
    text-align: left;
}

.h6-wca-content .h6-section-title h2 {}

.h6-wca-content .h6-section-title p {}

.service-8 {}

.service-8 .service-box {
    margin: 0 0 46px;
}

.service-8 .service-box:last-child {
    margin: 0;
}

.service-8 .service-box .sb-icon {
    float: left;
    width: 30px;
}

.service-8 .service-box .sb-icon i {
    color: #00afff;
    font-size: 22px;
}

.service-8 .service-box .sb-content {
    overflow: hidden;
}

.service-8 .service-box .sb-content h4 {
    color: #1b1a1a;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 17px;
    margin: 0 0 4px;
}

.service-8 .service-box .sb-content p {
    color: #747474;
    font-size: 12px;
    line-height: 18px;
}





/*7.6 h6-department*/

.h6-department-area {
    padding: 82px 0 93px;
}

.h6-department-head {
    margin: 0 0 55px;
}

.h6-department-head .h6-section-title {}

.h6-department-head .h6-section-title h2 {}

.h6-department-head .h6-section-title p {}

.h6-department-box {
    position: relative;
    text-align: center;
}

.h6-department-box .h6-db-icon {
    background: #00a4ef none repeat scroll 0 0;
    border-radius: 100px;
    display: inline-block;
    font-size: 28px;
    height: 60px;
    line-height: 60px;
    width: 60px;
}

.h6-department-box .h6-db-icon i {
    color: #fff;
}

.h6-department-box .h6-db-content {
    margin: 36px 0 0;
}

.h6-department-box .h6-db-content h5 {
    color: #181818;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 16px;
}

.h6-department-box .h6-db-content p {
    color: #323232;
    line-height: 18px;
}

.h6-db-border {
    background: #00a4ef none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 10%;
    position: absolute;
    top: 30px;
    width: 80%;
}





/*7.7 h6-doctor-area*/

.h6-doctor-area {
    background: #f7f7f7 none repeat scroll 0 0;
    padding: 60px 0 101px;
}

.h6-doctor-head {
    margin: 0 0 70px;
}

.h6-doctor-head .h6-section-title {}

.h6-doctor-head .h6-section-title h2 {}

.h6-doctor-head .h6-section-title p {}

.h6-doctor-box {
    text-align: center;
}

.h6-db-img {
    position: relative;
}

.h6-db-img img {}

.h6-db-img::before {
    background: rgba(0, 175, 255, 0.3) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.h6-doctor-box:hover .h6-db-img::before {
    opacity: 1;
}

.h6-db-img-content img {}

.h6-db-img-content {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
}

.h6-doctor-box:hover .h6-db-img-content {
    opacity: 1;
    visibility: visible;
}

.h6-db-img-content a {
    background: #00afff none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    padding: 15px 0;
}

.h6-db-content {
    margin: 28px 0 0;
}

.h6-db-content a {
    color: #595959;
    display: block;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 26px;
}

.h6-db-content span {
    color: #00afff;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
}





/*7.8 h6-treatment*/

.h6-treatment-area {
    padding: 80px 0 0;
}

.h6-treatment-head {
    margin: 0 0 53px;
}

.h6-treatment-head .h6-section-title {}

.h6-treatment-head .h6-section-title h2 {}

.h6-treatment-head .h6-section-title p {}

.latest-treatment-img {
    overflow: hidden;
}

.latest-treatment-img .lti-box {
    float: left;
    width: 25%;
}

.latest-treatment-img img {}





/*7.9 h6-contact*/

.h6-contact-area {
    background: #282d57 none repeat scroll 0 0;
    padding: 54px 0 56px;
}

.h6-ca-left {}

.h6-ca-left>h2 {
    color: #ffffff;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 34px;
    margin: 0 0 9px;
}

.h6-ca-left>p {
    color: #fff;
    line-height: 18px;
    text-transform: uppercase;
}

.h6-ca-right {
    margin: 7px 0 0;
    text-align: right;
}

.h6-ca-right>a {
    background: #ffffff none repeat scroll 0 0;
    color: #00afff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 14px;
    padding: 12px 25px;
}

.h6-ca-right>a:last-child {
    margin-right: 0;
}

.h6-ca-right>a:hover {
    background: #00afff none repeat scroll 0 0;
    color: #fff;
}





/*7.10 h6-blog*/

.h6-blog-area {
    padding: 82px 0 72px;
}

.h6-blog-head {
    margin: 0 0 65px;
}

.h6-blog-head .h6-section-title {}

.h6-blog-head .h6-section-title h2 {}

.h6-blog-head .h6-section-title p {}

.h6-blog-box {
    box-shadow: 0px 2px 5px 0px rgb( 149, 149, 149, 0.3);
}

.h6-blog-box .h6-bb-img {}

.h6-blog-box .h6-bb-img img {}

.h6-blog-box .h6-bb-content {
    padding: 27px 22px 24px 31px;
}

.h6-blog-box .h6-bb-content .h6-bb-title {
    color: #323232;
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 3px;
}

.h6-blog-box .h6-bb-content .h6-bb-meta {
    margin: 0 0 16px;
}

.h6-blog-box .h6-bb-content .h6-bb-meta p {
    display: inline-block;
    margin-right: 12px;
}

.h6-blog-box .h6-bb-content .h6-bb-meta p,
.h6-blog-box .h6-bb-content .h6-bb-meta p a {
    color: #323232;
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
}

.h6-blog-box .h6-bb-content .h6-bb-meta p i {
    color: #00afff;
    margin-right: 8px;
}

.h6-blog-box .h6-bb-content .h6-bb-meta p a {}

.h6-blog-box .h6-bb-content .h6-bb-text {
    color: #323232;
    line-height: 24px;
    margin: 0 0 11px;
}

.h6-blog-box .h6-bb-content .h6-bb-more {
    background: #329dff none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    padding: 3px 25px 3px 5px;
}

.h6-blog-box .h6-bb-content .h6-bb-more i {
    margin-right: 8px;
}





/*7.11 h6-subscribe*/

.h6-subscribe-area {}

.h6-subscribe {
    background: #00afff none repeat scroll 0 0;
    bottom: -25px;
    padding: 38px 30px 43px 70px;
    position: relative;
    z-index: 9;
}

.h6-sa-left {}

.h6-sa-left h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 30px;
}

.h6-sa-left p {
    color: #fff;
    font-size: 18px;
}

.h6-sa-right {
    margin: 17px 0 0;
}

.h6-sa-right .widget_wysija_cont {}

.h6-sa-right .widget_wysija_cont input[type="email"] {
    border: 0 none;
    font-size: 14px;
    height: 35px;
    min-width: 270px;
    padding: 0 10px;
}

.h6-sa-right .widget_wysija_cont input[type="submit"] {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    padding: 6px 11px;
}





/*7.12 h6-footer*/

.h6-footer {}

.h6-footer-top-area {
    background: rgba(0, 0, 0, 0) url("../img/home6/footer-top-bg.html") no-repeat fixed 0 0 / cover;
    padding: 50px 0 18px;
}

.h6-single-footer {}

.h6-single-footer img {}

.h6-single-footer .h6-sf-text {
    color: #fff;
    font-size: 13px;
    line-height: 18px;
}

.h6-single-footer .widget-title {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin: 20px 0 28px;
}

.h6-single-footer .sf-oh {
    list-style: outside none none;
    padding: 0;
}

.h6-single-footer .sf-oh li {
    color: #fff;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px;
}

.h6-single-footer .sf-rt {
    list-style: outside none none;
    padding: 0;
}

.h6-single-footer .sf-rt li {
    color: #00afff;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 14px;
}

.h6-single-footer .sf-rt li a {
    color: #fff;
    display: block;
    margin: 0 0 5px;
}

.h6-footer-bottom-area {
    padding: 29px 0 19px;
}

.h6-footer-bottom {
    text-align: center;
}

.h6-footer-bottom img {}

.h6-footer-bottom p {
    color: #0e0e0e;
    font-weight: 500;
    line-height: 18px;
    margin: 0 0 5px;
}

.h6-footer-bottom ul {
    list-style: outside none none;
    padding: 0;
}

.h6-footer-bottom ul li {
    display: inline-block;
}

.h6-footer-bottom ul li a {
    color: #b2b2b2;
    display: block;
    padding: 5px 10px;
}

.h6-footer-bottom ul li a:hover {
    color: #00bff3;
}





/*----------------------------------------*/


/*  8. Blog Standard
/*----------------------------------------*/

.blog-hero-area {
    background: rgba(0, 0, 0, 0) url("../img/hero-bg.jpg") no-repeat fixed 0 0 / cover;
    padding: 130px 0 120px;
    position: relative;
}
.blog-hero-area2 {
    background: rgba(0, 0, 0, 0) url("../img/hero-bg2.jpg") no-repeat fixed 0 0 / cover;
    padding: 130px 0 120px;
    position: relative;
}
.blog-hero-area3 {
    background: rgba(0, 0, 0, 0) url("../img/hero-bg3.jpg") no-repeat fixed 0 0 / cover;
    padding: 130px 0 120px;
    position: relative;
}
.blog-hero-area4 {
    background: rgba(0, 0, 0, 0) url("../img/hero-bg4.jpg") no-repeat fixed 0 0 / cover;
    padding: 130px 0 120px;
    position: relative;
}

.blog-hero {
    text-align: center;
}

.blog-hero h2.bh-title {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 62px;
    padding-bottom: 62px;
    position: relative;
    text-transform: capitalize;
}

.blog-hero h2.bh-title::after {
    background-image: url("../img/hero-title-bar.png");
    background-size: cover;
    bottom: 0;
    content: "";
    height: 39px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 10px;
}

.bh-menu-area {
    background: rgb(2, 171, 255) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 9px 0;
   
    right: 0;
    z-index: 1;
}

.bh-menu {}

.bh-menu ul {
    list-style: outside none none;
    padding: 0;
}

.bh-menu ul li {
    display: inline-block;
    margin-right: 40px;
    position: relative;
}

.bh-menu ul li:last-child {
    margin-right: 0;
}

.bh-menu ul li::after {
    color: #fff;
    content: "/";
    position: absolute;
    right: -28px;
    top: 0;
}

.bh-menu ul li:last-child::after {
    display: none;
}

.bh-menu ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    text-transform: uppercase;
}

.standard-blog-area {
    padding: 84px 0 90px;
}

.blog-standard {}

.bs-title {
    margin: 0 0 56px;
    position: relative;
}

.bs-title h2 {
    color: #333333;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0 0 30px;
}

.bs-title .bs-title-border {
    background: #fdb801 none repeat scroll 0 0;
    height: 1px;
    position: absolute;
    top: 43px;
    width: 20px;
    z-index: 9;
}

.bs-title .bs-title-border::after {
    background: #fdb801 none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: -125px;
    top: 0;
    width: 120px;
    z-index: 9;
}

.bs-title p {
    color: #959595;
    line-height: 24px;
}

.single-blog-standard {
    margin: 0 0 80px;
}

.sbs-img {
    display: inline-block;
    position: relative;
}

.sbs-img img {}

.sbs-i-likes {
    background: #fff none repeat scroll 0 0;
    bottom: 2px;
    min-width: 34px;
    position: absolute;
    left: 2px;
    text-align: center;
}

.sbs-i-likes span {
    color: #fdb801;
    display: block;
}

.sbs-i-likes p {
    color: #fdb801;
    font-weight: 500;
}

.sbs-i-comments {
    background: #fff none repeat scroll 0 0;
    bottom: 2px;
    min-width: 34px;
    position: absolute;
    right: 2px;
    text-align: center;
}

.sbs-i-comments span {
    color: #fdb801;
    display: block;
}

.sbs-i-comments p {
    color: #fdb801;
    font-weight: 500;
}

.sbs-content {
    padding: 35px 0 0;
}

.sbs-c-title {
    color: #313131;
    display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 19px;
}

.sbs-c-meta {
    border-bottom: 1px solid #ecf0f1;
    border-top: 1px solid #ecf0f1;
    margin: 0 0 21px;
    padding: 1px 0;
}

.sbs-c-meta p {
    color: #666666;
    display: inline-block;
    font-size: 13px;
    line-height: 17px;
    margin-right: 42px;
    position: relative;
}

.sbs-c-meta p:last-child {
    margin-right: 0;
}

.sbs-c-meta p::after {
    background: #b9b8b8 none repeat scroll 0 0;
    content: "";
    height: 11px;
    position: absolute;
    right: -24px;
    top: 3px;
    width: 1px;
}

.sbs-c-meta p:last-child::after {
    display: none;
}

.sbs-c-meta p a {
    color: #b9b8b8;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
}

.sbs-text {
    color: #999999;
    line-height: 26px;
    margin: 0 0 24px;
}

.sbs-more {
    color: #313131;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 17px;
}

.sbs-more i {
    margin-right: 5px;
}

.bs-pagination {}

.bs-pagination ul {
    list-style: outside none none;
    padding: 0;
}

.bs-pagination ul li {
    display: inline-block;
}

.bs-pagination ul li a {
    border: 2px solid #efefef;
    color: #3c3c3c;
    display: block;
    font-size: 18px;
    font-weight: 500;
    height: 40px;
    letter-spacing: 0;
    line-height: 40px;
    min-width: 40px;
    padding: 0 12px;
    text-align: center;
}

.bs-pagination ul li a:hover {
    background: #ff7741 none repeat scroll 0 0;
    border: 2px solid #ff7741;
    color: #fff;
}





/*blog-sidebar*/

.blog-sidebar {}

.blog-widget {
    margin: 0 0 42px;
}

.blog-widget .widget-title {
    color: #25292f;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0 0 11px;
}

.widget_search {}

.widget-serach-box {
    position: relative;
}

.widget-serach-box input[type="text"] {
    border: 1px solid #eaeaea;
    color: #b7b7b7;
    font-size: 18px;
    font-weight: 300;
    height: 60px;
    letter-spacing: 0;
    padding: 0 60px 0 10px;
    width: 100%;
}

.widget-serach-box button {
    background: #fdb801 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    height: 100%;
    padding: 0 24px;
    position: absolute;
    right: 0;
    top: 0;
}

.widget_categories {}

.blog-widget {}

.blog-widget ul {
    list-style: outside none none;
    padding: 0;
}

.blog-widget ul li {
    border-bottom: 1px solid #eaeaea;
    padding: 19px 0;
}

.blog-widget ul li:last-child {
    border-bottom: medium none;
    padding-bottom: 0;
}

.blog-widget ul li a {
    color: #030104;
    display: block;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
    padding-left: 25px;
    position: relative;
}

.blog-widget ul li a::before {
    color: #030104;
    content: "";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blog-widget ul li a:hover {
    color: #fdb801;
}

.blog-widget ul li a:hover::before {
    color: #fdb801;
}

.widget_news {}

.widget-rn-box {
    margin: 0 0 17px;
}

.widget-rn-box:last-child {
    margin-bottom: 0;
}

.widget-rn-box a {
    color: #7c7c7c;
    display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0 0 2px;
}

.widget-rn-box a:hover {
    color: #fdb801;
}

.widget-rn-box p {
    color: #7c7c7c;
    font-size: 17px;
    font-weight: 300;
}

.widget_tag_cloud {}

.widget_tag_cloud .wt-tags {}

.widget_tag_cloud .wt-tags li {
    border: 0 none;
    display: inline-block;
    margin: 0 0 5px;
    padding: 0;
}

.widget_tag_cloud .wt-tags li a {
    background: #fdb801 none repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    line-height: 19px;
    padding: 8px 15px;
}

.widget_tag_cloud .wt-tags li a:hover {
    background: #ff7741 none repeat scroll 0 0;
    color: #fff;
}

.widget_tag_cloud .wt-tags li a::before {
    display: none;
}

.widget_banner {}

.widget-banner-box {
    border: 1px solid #eaeaea;
    padding: 26px 20px;
    text-align: center;
}

.widget-banner-box h3 {
    color: #828282;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
}

.widget-banner-box h2 {
    color: #25292f;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px;
    margin: 8px 0;
}





/*----------------------------------------*/


/*  9. Blog Details
/*----------------------------------------*/

.standard-details-area {
    padding: 90px 0;
}

.blog-details {}

.bd-img {
    position: relative;
}

.bd-img img {}

.bd-img-content {
    bottom: 48px;
    left: 45px;
    position: absolute;
}

.bd-img-content h6 {
    color: #fdb801;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
}

.bd-img-content h2 {
    color: #fff;
    font-size: 60px;
    letter-spacing: 0;
    line-height: 64px;
}

.bd-img-content ul {
    list-style: outside none none;
    padding: 0;
}

.bd-img-content ul li {
    display: inline-block;
    margin-right: 19px;
    position: relative;
}

.bd-img-content ul li::after {
    color: #fff;
    content: "/";
    position: absolute;
    right: -18px;
    top: 0;
}

.bd-img-content ul li:last-child {
    margin-right: 0;
}

.bd-img-content ul li:last-child::after {
    display: none;
}

.bd-img-content ul li a {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
}

.bd-intro {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 25px;
}

.bd-text {
    color: #676767;
    line-height: 24px;
    margin: 0 0 32px;
}

.bd-blockquote {
    color: #000000;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 40px;
    padding-left: 134px;
    position: relative;
}

.bd-blockquote::before {
    background: #edf2f5 none repeat scroll 0 0;
    color: #000000;
    content: "";
    font-family: FontAwesome;
    height: 70px;
    left: 0;
    line-height: 70px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 70px;
}

.bd-tags-share {
    margin: 0 0 110px;
    overflow: hidden;
}

.bd-tags-share .bdts-tags {
    display: inline-block;
}

.bd-tags-share .bdts-tags ul {
    list-style: outside none none;
    padding: 0;
}

.bd-tags-share .bdts-tags ul li {
    color: #000000;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 5px;
}

.bd-tags-share .bdts-tags ul li a {
    color: #a1a1a1;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.bd-tags-share .bdts-tags ul li a:hover {
    color: #000000;
}

.bd-tags-share .bdts-share {
    float: right;
}

.bd-tags-share .bdts-share ul {
    list-style: outside none none;
    padding: 0;
}

.bd-tags-share .bdts-share ul li {
    display: inline-block;
    margin-right: 12px;
}

.bd-tags-share .bdts-share ul li a {
    color: #959595;
    font-weight: 500;
    letter-spacing: 0;
}

.about-author {
    margin: 0 0 112px;
}

.about-author .aa-title {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 36px;
}

.aa-box {
    overflow: hidden;
}

.aa-box .aa-box-img {}

.aa-box .aa-box-img img {}

.aa-box-content {}

.aa-box-content h5 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 18px;
}

.aa-box-content h5 span {
    color: #b7b7b7;
    font-size: 12px;
    font-weight: 400;
}

.aa-box-content p {
    color: #a1a1a1;
    line-height: 24px;
    margin: 0 0 27px;
}

.aa-box-content ul {
    list-style: outside none none;
    padding: 0;
}

.aa-box-content ul li {
    display: inline-block;
}

.aa-box-content ul li a {
    color: #000000;
    display: block;
    font-size: 16px;
    padding: 0 8px;
}

.comments {
    margin: 0 0 112px;
}

.comments-count {
    margin: 0 0 32px;
}

.comments-count h4 {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
}

.comments-count h4 span {
    color: #a1a1a1;
}

.comments ol {
    list-style: outside none none;
    padding: 0;
}

.comments ol li {}

.comments ol li {}

.comments ol li .comment-status-text {}

.comment-status-text .comment-img {
    float: left;
    height: 50px;
    width: 50px;
}

.comment-status-text .comment-img img {
    border-radius: 100px;
    height: 100%;
}

.comment-status-text .comment-author-metadata {
    overflow: hidden;
    padding-left: 30px;
    position: relative;
}

.comment-status-text .comment-author-metadata .author {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 14px;
}

.comment-status-text .comment-author-metadata .author span {
    color: #b7b7b7;
    font-weight: 400;
}

.comment-status-text .comment-author-metadata .comment-content {
    color: #a1a1a1;
    line-height: 24px;
}

.comment-status-text .comment-author-metadata .comment-reply-link {
    color: #000000;
    font-weight: 500;
    letter-spacing: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}

.comments .children {
    list-style: outside none none;
    padding: 0;
}

.comments .children li {
    padding-left: 40px;
}

.comments article {
    margin: 0 0 33px;
}

.comment-respond {}

.comment-respond h4 {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 39px;
}

.comment-respond-box {
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 35px 70px 50px;
}

.comment-respond-box input[type="text"] {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-bottom: 1px solid #e1e1e1;
    color: #959595;
    font-size: 14px;
    height: 48px;
    letter-spacing: 0;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}

.comment-respond-box input[type="email"] {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-bottom: 1px solid #e1e1e1;
    color: #959595;
    font-size: 14px;
    height: 48px;
    letter-spacing: 0;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}

.comment-respond-box textarea {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-bottom: 1px solid #e1e1e1;
    color: #959595;
    font-size: 14px;
    height: 88px;
    letter-spacing: 0;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}

.comment-respond-box input[type="submit"] {
    background: #fdb801 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    padding: 12px 60px;
    text-transform: uppercase;
}





/*----------------------------------------*/


/*  10. Cotnact
/*----------------------------------------*/

.contact-area {
    padding: 50px 0 54px;
}

.contact-head {
    margin: 0 0 51px;
}

.contact-title1 {
    color: #000000;
    font-weight: 500;
    letter-spacing: 0;
}

.contact-map {}

.contact-title2 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0 0 14px;
}

.gmap {
    margin: 0 0 34px;
}

#googleMap {
    height: 172px;
    width: 100%
}

.contact-address {
    list-style: outside none none;
    padding: 0;
}

.contact-address li {
    color: #000000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 14px;
}

.contact-address li:last-child {
    margin-bottom: 0;
}

.contact-social {
    list-style: outside none none;
    padding: 0;
}

.contact-social li {
    margin: 0 0 8px;
}

.contact-social li:last-child {
    margin-bottom: 0;
}

.contact-social li a {
    color: #000000;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    padding-left: 28px;
    position: relative;
}

.contact-social li a i {
    background: #000 none repeat scroll 0 0;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    height: 20px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}

.contact-form-area {}

.contact-form {}

.cf-input-box {
    margin: 0 0 20px;
}

.cf-input-box input[type="text"] {
    border: 0 none;
    border-bottom: 1px solid #e5e5e5;
    color: #000000;
    font-size: 13px;
    height: 38px;
    letter-spacing: 0;
    padding: 0;
    width: 100%;
}

.cf-input-box input[type="email"] {
    border: 0 none;
    border-bottom: 1px solid #e5e5e5;
    color: #000000;
    font-size: 13px;
    height: 38px;
    letter-spacing: 0;
    padding: 0;
    width: 100%;
}

.cf-input-box textarea {
    border: 0 none;
    border-bottom: 1px solid #e5e5e5;
    color: #000000;
    font-size: 13px;
    height: 184px;
    letter-spacing: 0;
    padding: 0;
    width: 100%;
}

.cf-input-box input[type="submit"] {
    background: #f5b816 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 25px;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0;
    padding: 5px 26px;
    text-transform: uppercase;
}

.cf-ib-submit {
    text-align: right;
}
.line1{ width:100%; float:left; height:auto;    margin-bottom: 10px;}
.lable_part{ width:30%; float:left; text-align:left; color:#000; font-size:14px;}
.form_part{ width:69%; float:right; text-align:left; color:#000; font-size:14px;}
.hed6{ width:100%; float:left; height:auto; font-size:13px;}
.form3{float:left;height:auto;padding:20px;background-color: #f5f5f5;border-radius:3px;}




/*mail*/

.cf-msg {
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}

.cf-msg p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize;
}





/*----------------------------------------*/


/*  11. Coming-soon
/*----------------------------------------*/

.coming-soon-area {
    background: rgba(0, 0, 0, 0) url("../img/coming-soon/bg.html") no-repeat fixed 0 0 / cover;
}

.coming-soon-content {
    padding: 135px 0 105px;
    text-align: center;
}

.sc-logo {}

.sc-logo img {}

.csc-title {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 96px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 110px;
    margin: 198px 0 15px;
    padding: 0 0 25px;
}

.timer-area {
    margin: 0 0 80px;
}

.timer-area .cdown {
    display: inline-block;
    margin-right: 44px;
}

.timer-area .cdown:last-child {
    margin-right: 0;
}

.timer-area .cdown .time-count {
    color: #fff;
    display: inline-block;
    font-size: 42px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 50px;
}

.timer-area .cdown p {
    color: #fff;
    display: inline-block;
    font-size: 26px;
    font-weight: 500;
    line-height: 30px;
}

.coming-soon-content .widget_wysija_cont {
    display: inline-block;
    margin: 0 0 210px;
    position: relative;
}

.coming-soon-content .widget_wysija_cont input[type="email"] {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #96939b;
    font-size: 14px;
    height: 50px;
    padding: 0 10px;
    width: 500px;
}

.coming-soon-content .widget_wysija_cont input[type="submit"] {
    background: #ed6639 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    height: 40px;
    padding: 0 55px;
    position: absolute;
    right: 5px;
    top: 5px;
}

.csc-social {}

.csc-social ul {
    list-style: outside none none;
    padding: 0;
}

.csc-social ul li {
    display: inline-block;
}

.csc-social ul li a {
    color: #fff;
    display: block;
    padding: 12px;
}

.lis li{color:#000;padding: 7px 0px;letter-spacing: initial;}
.video_part{ width:100%; float:left; height:auto;}
.video_part iframe{width:100%;float:left;height:auto;border-radius: 4px;border: solid 2px #00aaff;padding: 2px;}
.service-imgs{float:left;margin-bottom:20px;text-align: center;}
.service-imgs h4{ float:left;text-align:center; font-size: 19px!important; color: #fff; letter-spacing: initial;  width: 100%;
                 padding: 10px 0px;  background-color: #02abff;  height: 74px!important; }

.service-imgs img{border: dotted 2px #02abff;border-bottom: navajowhite;}
.lega_im{ width:100%; float:left; height:auto;}
.lega_im img{ width:100%; float:left; height:auto; border: solid 7px #ff3d00; padding:10px;}
.faq p{ width:100%; float:left; padding-bottom:10px; color:#000;}
.cf-input-box{width:100%;float:left;height:auto;border:solid 1px #ccc;padding: 3px 10px;}
.submit_login{width:auto;padding:6px 20px;border: solid 1px #ff3d00;background-color: #ff3d00;color:#fff;font-size:16px;}
.google-map iframe{ width: 100%; float: left; border: solid 2px #02abff!important; height: 350px;  padding: 10px;}
.contact-grid-w3l-agile{/* width:100%; */float:left;margin-top:30px;}
.login_gin{ width:100%; height:auto; background-image: url(../images/login_bg.jpg);}
.login-sec{width:100%;height:auto;padding: 89px 0px; padding-bottom:120px!important;}
.gfrty{color:#000;font-size: 12px;margin-bottom: 25px;}
.login_form{background-color: #ffffffd9;padding: 35px 15px;-webkit-box-shadow: -2px 34px 41px -23px rgba(0,0,0,0.68);-moz-box-shadow: -2px 34px 41px -23px rgba(0,0,0,0.68);box-shadow: -2px 34px 2px -15px rgba(0,0,0,0.68);Copy Text;}
.recover{width:100%;float:left;text-align:center;color: #ff3d00;font-size: 14px;padding-bottom: 16px;font-weight: 600;}
.recover a{ font-size:15px; color:#000;}

.sociale3{ width:auto; float:left;    margin-right: 20px;}
.sociale3 .fa{background-color: #0af;font-size: 14px;padding: 5px 6px;color: #fff;border-radius: 2px;}


/*@media only screen and (max-width: 479px) and (min-width: 320px)  {
    .img {
        height: 640px !important;
    }
}*/









































