/*
Author       : theme_ocean
Template Name: Kaniz - Bitcoin & Cryptocurrency HTML Template
Version      : 1.0
*/


/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START SERVICE DESIGN
    06. START ABOUT DETAILS DESIGN
    07. START COUNT DOWN DESIGN
    08. START VIDEO DESIGN
    09. START HOW TO BUY DESIGN
    10. START REQUEST CALL BACK DESIGN
    11. START BITCOIN PRICE DESIGN
    12. START HOW IT WORKS DESIGN
    13. START TEAM DESIGN
    14. START BLOG DESIGN
    15. START SHOP PAGE DESIGN
    16. START CONTACT DESIGN
    17. START FOOTER TOP AND BOTTOM DESIGN
    18. START SECTION TOP DESIGN
  =============================================================*/


/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

body {
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    background: #030827;
    overflow-x: hidden;
}

html,
body {
    height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0px;
    margin-top: 0px;
    color: #fff;
    font-weight: 400;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

p {
    margin-bottom: 0;
}

ul,
li {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
    font-weight: 300;
    font-family: 'Ubuntu', sans-serif;
}

:-moz-placeholder {
    font-weight: 300;
    font-family: 'Ubuntu', sans-serif;
}

::-moz-placeholder {
    font-weight: 300;
    font-family: 'Ubuntu', sans-serif;
}

:-ms-input-placeholder {
    font-weight: 300;
    font-family: 'Ubuntu', sans-serif;
}

fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}


/*START PRELOADER DESIGN*/

.preloader {
    background: #030827;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid #55ae94;
    border-right: 8px solid #55ae94;
    border-bottom: 8px solid #55ae94;
    border-left: 8px solid #fff;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.status-mes h4 {
    color: #edf3fe;
    position: relative;
    font-size: 24px;
    margin-top: 30px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.no-padding {
    padding: 0
}

.about-box {
    background: #fff;
    border-bottom: 2px solid #249cb3;
    padding: 20px;
    border-radius: 30px;
}
.about-box-icon{
    background: #eafcfe;
    border-radius: 100px;
    height: 120px;
    width: 120px;
    line-height: 120px;
    text-align: center;
    margin-bottom: 20px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
        }

.mb-20 {
    margin-bottom: 20px;
}

.title-about {
    font-size: 21px;
    font-weight: 600;
}

.row:before {
    display: table;
    /* content: " "; */
}


/*END PRELOADER DESIGN*/

.section-padding-about {
    padding: 230px 0 60px 0;
}

.section-padding {
    padding: 60px 0;
}


/*START SECTION TITLE DESIGN*/
.howtobuy_feature{
    position: relative;
    background: url(../img/choose-background.png);
}
.section-title {
    margin-bottom: 60px;
}

.section-title h1 {
    font-size: 40px;
    font-weight: 500;
    margin-top: 0;
    position: relative;
    text-transform: capitalize;
    color: #030827;
}

h1.section-title-white {
    font-size: 40px;
    font-weight: 500;
    margin-top: 0;
    position: relative;
    text-transform: capitalize;
}

p.section-title-white {
    color: #fff;
}

@media only screen and (max-width:480px) {
    .section-title h1 {
        font-size: 30px;
        color: #030827 !important;
    }
}

.section-title span {
    background: #030827 none repeat scroll 0 0;
    border-radius: 2px;
    display: block;
    height: 4px;
    margin: 20px auto;
    width: 60px;
}

.section-title-white-span {
    background: #fff !important;
}

.section-title-white {
    color: #fff;
    position: relative;
}

.section-title p {
    padding: 0 10px;
    width: 60%;
    margin: auto;
}

@media only screen and (max-width:768px) {
    .section-title p {
        padding: 0 10px;
        width: 90%;
        margin: auto;
    }
}


/*END SECTION TITLE DESIGN*/


/*START SCROLL TO TOP*/

.topcontrol {
    background-image: linear-gradient(to right, #02162d 0%, #36e0f7 100%);
    border-radius: 30px;
    bottom: 5px;
    box-shadow: 0 5px 40px 0 rgba(42, 111, 199, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: fixed;
    right: 5px;
    text-align: center;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 50px;
}

.topcontrol:hover {
    background: #fff;
    color: #333;
}


/*END SCROLL TO TOP*/


/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #55ae94 !important;
    background-color: transparent;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #55ae94 !important;
    background-color: transparent;
}

.navbar-nav {
    float: left;
    margin: 7px 0 0;
}

.navbar-brand {
    height: auto;
    padding: 0;
}

.navbar-brand img {
    width: 110px;
}

@media only screen and (max-width:768px) {
    .navbar-brand img {
        margin-left: 0px;
    }
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #fff
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #030827;
    margin-top: 0px;
}

.menu-top {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0
}

.menu-top li a {
    color: #fff !important;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

@media only screen and (max-width:768px) {
    .navbar-default .navbar-nav>li>a {
        margin-top: 10px;
        padding: 8px;
    }
}

@media only screen and (max-width:767px) {
    .menu-top {
        background-color: #030827
    }
    .navbar-default .navbar-nav>li>a {
        color: #fff !important
    }
}

@media only screen and (max-width:480px) {
    .menu-top {
        background-color: #030827
    }
    .navbar-default .navbar-nav>li>a {
        color: #fff !important
    }
}

.navbar-default.menu-shrink {
    background-color: #030827;
    box-shadow: 0 5px 40px 0 rgba(42, 111, 199, 0.2);
    padding: 10px 0;
    width: 100%;
}

@media only screen and (max-width:480px) {
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}


/*START DROPDOWN MENU*/

.menu_dropdown ul {
    list-style-type: none
}

.menu_dropdown li ul.sub-menu,
.menu_dropdown ul li ul.sub-menu li ul.sub-menu {
    background: #55ae94;
    left: 10px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    padding: 15px;
    position: absolute;
    top: 115%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
    border-radius: 5px;
    z-index: -99;
}

.menu_dropdown ul li ul.sub-menu li ul.sub-menu {
    top: 0;
    left: 100%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.menu_dropdown ul li ul.sub-menu li {
    padding: 0;
    width: 100%;
}

.menu_dropdown ul li:hover ul.sub-menu {
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    z-index: 999;
    visibility: visible;
}

.menu_dropdown ul.nav>li ul li:hover ul.sub-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
}

.menu_dropdown ul li ul.sub-menu li a {
    border-bottom: 1px solid #358ef5;
    color: #fff!important;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 13px 10px 12px;
}

.menu_dropdown ul li ul.sub-menu li:last-child a {
    border-bottom: none;
}

.menu_dropdown ul li:hover ul.sub-menu li a:hover {
    color: #fff!important;
    text-decoration: none;
}


/*END DROPDOWN MENU*/

.navbar-default.menu-shrink li a {
    color: #fff !important;
}

.navbar-default.menu-shrink li a:hover {
    color: #55ae94 !important
}

.navbar-default .navbar-toggle {
    background: #fff none repeat scroll 0 0
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fff
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #55ae94
}

.block-menu {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    font-family: 'Manrope', sans-serif;
    text-align: center;
    display: inline-block;
    padding: 4px 2px 4px 42px !important;
    border-radius: 30px 30px 30px 0;
    background-image: linear-gradient(to right, #02162d 0%, #36e0f7 100%);
    background-size: 200% auto;
    border-style: none;
    color: #fff;
    transition: 0.5s;
    text-transform: capitalize;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.block-menu:hover {
    color: #fff!important;
    background-position: right center;
}
.circle{
    background: #ffffff;
    color:#000;
    border-radius: 100px;
    height: 50px;
    width: 50px;
    line-height: 50px!important;
    text-align: center;
    margin: 0 3px 0 12px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

.home_bg {
    height: 700px;
    background: url(../img/banner.png);
}

@media only screen and (max-width:768px) {
    .home_bg {
        height: 1100px;
    }
}

@media only screen and (max-width:480px) {
    .home_bg {
        height: 700px;
    }
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.hero-text {
    padding-top: 250px;
}

@media only screen and (max-width:480px) {
    .hero-text {
        padding-top: 130px;
    }
}

.hero-text h1 {
    color: #fff;
    font-size: 60px;
    line-height: 72px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 0;
    text-transform: capitalize;
}

@media only screen and (max-width:768px) {
    .hero-text h1 {
        font-size: 40px;
        line-height: 52px;
    }
}

.hero-text p {
    color: #eee;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 25px;
    margin-top: 10px;
    word-spacing: 2px;
}

.home_btn {
    margin-top: 20px;
    margin-bottom: 100px;
}

.home_btn a {}

.get_all_btn {
    padding: 4px 2px 4px 42px !important;
    border-radius: 30px 30px 30px 0;
    background-image: linear-gradient(to right, #02162d 0%, #36e0f7 100%);
    background-size: 200% auto;
    border-style: none;
    color: #fff;
    font-weight: 700;
    padding: 12px 40px;
    transition: 0.5s;
    text-transform: uppercase;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 14px;
}

.get_all_btn:hover {
    color: #fff;
    background-position: right center;
}

.hero-text-img {
    padding-top: 200px;
}

@media only screen and (max-width:768px) {
    .hero-text-img {
        padding-top: 0px;
    }
}

.hero-text-img img {}


/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 04.START ABOUT  DESIGN
 * ----------------------------------------------------------------------------------------
 */

.about-two {}

.single_about_two {
    padding-top: 20px;
}

@media only screen and (max-width:768px) {
    .single_about_two {
        padding-top: 0px;
    }
}

.single_about_two h3 {
    color: #fff;
    font-size: 45px;
    margin-bottom: 20px;
    font-weight: 500;
}

.single_about_two p {
    margin-top: 15px;
}

.single_about_two_img {
    text-align: center;
}

.single_about_two_img img {
    display: inline-block;
}

.our_video {
    margin-top: 40px;
}

@media only screen and (max-width:768px) {
    .our_video {
        margin-top: 40px;
        margin-bottom: 60px;
    }
}


/*
 * ----------------------------------------------------------------------------------------
 * 04.END ABOUT DESIGN
 * ----------------------------------------------------------------------------------------
 */


/*
 * ----------------------------------------------------------------------------------------
 * 05.START SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */

.template_feature {
    background: #F4F5FA;
    padding-top: 60px;
    padding-bottom: 30px;
}

.featurebox {
    background-image: linear-gradient(to right, #082e45 0%, #17677e 51%, #249cb3 100%);
    border-bottom: 5px solid #249cb3;
    border-radius: 30px;
    margin-bottom: 30px;
    padding: 40px 40px;
    background-size: 200%;
    height: 420px;
}

.featurebox .feature-icon {
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 50%;
    background: #55ae94;
    font-size: 36px;
    color: #fff;
    margin: 0 auto 15px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}

.featurebox:hover .feature-icon {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}

.featurebox .feature-icon:after {
    content: "";
    width: 111px;
    height: 111px;
    border-radius: 50%;
    border: 4px solid #55ae94;
    position: absolute;
    top: -10px;
    left: -10px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}

.featurebox:hover .feature-icon:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.featurebox h3 {
    margin-bottom: 10px;
    margin-top: 15px;
}

.featurebox .number {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #fff;
    font-size: 14px;
    color: #123a06;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}


/*
 * ----------------------------------------------------------------------------------------
 * 05.END SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */


/*
* ----------------------------------------------------------------------------------------
* 06.START ABOUT DETAILS DESIGN
* ----------------------------------------------------------------------------------------
*/

.about-details {
    background-color: #f9f9fc;
}

.single_about_details {}

@media only screen and (max-width:768px) {
    .single_about_details {
        padding-bottom: 60px;
    }
}

.single_about_details h3 {
    color: #030827;
    font-size: 30px;
    line-height: 50px;
    margin: 0;
    font-weight: 500;
}

.single_about_details span {
    background: #030827 none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin: 20px 0;
    width: 70px;
    border-radius: 3px;
}

.mb20 {
    margin-bottom: 20px;
}

.single_about_details p {
    color: #7e7e7e;
}

.single_about_details_img {
    text-align: center;
}

.single_about_details_img img {
    display: inline-block;
}


/*
* ----------------------------------------------------------------------------------------
* 06.END ABOUT DETAILS DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 07.START COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/

.counter_feature {
    background: #030827 none repeat scroll 0 0;
    padding-top: 90px;
}

@media only screen and (max-width:768px) {
    .counter_feature {
        padding-top: 60px;
        padding-bottom: 0px;
    }
}

.counter {
    background: #030827 none repeat scroll 0 0;
    border-radius: 3px;
    padding: 30px;
    position: relative;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

@media only screen and (max-width:768px) {
    .counter {
        margin-bottom: 60px;
    }
}

.icon {
    background: #55ae94 none repeat scroll 0 0;
    border: 1px solid #55ae94;
    border-radius: 100px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 24px;
    height: 60px;
    left: 0;
    line-height: 56px;
    margin: -30px auto auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 60px;
}

.counter h1 {
    margin-top: 20px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

@media only screen and (max-width:320px) {
    .counter h1 {
        font-size: 30px
    }
}

.counter p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 500;
}

@media only screen and (max-width:768px) {
    .counter p {
        font-size: 13px
    }
}

@media only screen and (max-width:360px) {
    .counter p {
        font-size: 12px
    }
}

@media only screen and (max-width:320px) {
    .counter p {
        font-size: 14px
    }
}


/*
* ----------------------------------------------------------------------------------------
* 07.END COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 08.START VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/

.video_section {
    position: relative;
    background-position: center top;
    background-repeat: repeat-y;
    padding: 150px 0;
}

.video_section:before {
    background: rgba(0, 0, 0, 0.4);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    margin-top: 55px;
    max-width: 900px;
    width: 100%;
}

.company_video h2 {
    color: #fff;
    margin-bottom: 30px;
}

.company_video a {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    color: #55ae94;
    display: block;
    font-size: 30px;
    height: 100px;
    line-height: 100px;
    margin: auto;
    padding-left: 5px;
    padding-top: 2px;
    text-align: center;
    width: 100px;
}


/*
 * ----------------------------------------------------------------------------------------
 * 08.END VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 09.START HOW TO BUY DESIGN
 * ----------------------------------------------------------------------------------------
*/

.howtobuy {}

@media only screen and (max-width:480px) {
    .howtobuy {
        margin-bottom: 30px;
    }
}

.howtobuy i {
    border: 1px solid #eee;
    border-radius: 50%;
    font-size: 25px;
    line-height: 55px;
    width: 55px;
    height: 55px;
    color: #222;
    background: #f4f5fa;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 25px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.howtobuy:hover i {
    background: #55ae94;
    border: 1px solid #55ae94;
    color: #fff;
    box-shadow: 0 5px 40px 0 rgba(42, 111, 199, 0.2);
}

.howtobuy h3 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}

.howtobuy p {
    padding: 0 5px;
    color: rgba(255, 255, 255, .9);
}

#services h1 {
    color: #fff !important;
}

#services span {
    background: #fff none repeat scroll 0 0;
    border-radius: 2px;
    display: block;
    height: 4px;
    margin: 20px auto;
    width: 80px;
}


/*
 * ----------------------------------------------------------------------------------------
 * 09.END HOW TO BUY DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 10.START REQUEST CALL BACK DESIGN
 * ----------------------------------------------------------------------------------------
*/

@media only screen and (max-width:768px) {
    .request_area {
        padding-bottom: 60px;
    }
}

.request_area {
    padding-top: 60px;
    position: relative;
}

@media only screen and (max-width:768px) {
    .request_call_back_img {
        text-align: center;
    }
    .request_call_back_img img {
        display: inline-block;
    }
}

.request_call_back {
    margin-top: 60px;
}

.request_call_back i {
    padding-left: 15px;
    padding-top: 15px;
    position: absolute;
}

.request_call_back input {
    background: #030827 none repeat scroll 0 0;
    border: 2px solid #030827;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    height: 52px;
    padding: 10px 10px 10px 35px;
}

.request_call_back textarea {
    background: #030827 none repeat scroll 0 0;
    border: 2px solid #030827;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    padding: 10px 10px 10px 35px;
}

.request_call_back input:focus {
    border: 2px solid #55ae94;
    box-shadow: none;
    outline: 0 none;
}

.request_call_back textarea:focus {
    border: 2px solid #55ae94;
    box-shadow: none;
    outline: 0 none;
}

.actions button {
    background: linear-gradient(#46E9FF, #54ae94);
    border-radius: 30px;
    background-size: 200% auto;
    border-style: none;
    color: #fff;
    font-weight: 700;
    padding: 12px 40px;
    transition: 0.5s;
    text-transform: uppercase;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 14px;
}

.actions button:hover {
    color: #fff;
    background-position: right center;
}


/*
 * ----------------------------------------------------------------------------------------
 * 10.END REQUEST CALL BACK DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 11.START BITCOIN PRICE DESIGN
 * ----------------------------------------------------------------------------------------
*/

.bitcoin_price {
    background: #030827 none repeat scroll 0 0;
    padding-bottom: 40px;
}

.tab .nav-tabs {
    border: none;
}

.tab .nav-tabs li a {
    padding: 15px 25px;
    margin-right: 7px;
    font-size: 17px;
    font-weight: 800;
    color: #030827;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    z-index: 1;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.tab .nav-tabs li.active a {
    background: transparent;
    color: #fff;
    border: none;
}

.tab .nav-tabs li a:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    border: 7px double #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.tab .nav-tabs li.active a:before {
    background: #55ae94 none repeat scroll 0 0;
    border-color: #fff;
}

.tab .nav-tabs {
    border: medium none;
    text-align: center;
    margin-bottom: 30px;
}

.nav-tabs>li {
    display: inline-block;
    float: none;
    margin-bottom: -1px;
}

.tab .nav-tabs li.active a:active:before {
    -webkit-transform: skewX(0);
    transform: skewX(0);
}

.tab .tab-content {
    padding: 20px 30px;
}

@media only screen and (max-width: 767px) {
    .tab .nav-tabs li a {
        padding: 15px;
    }
}

@media only screen and (max-width: 479px) {
    .tab .nav-tabs li {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
}

ul.bitcoin_offers {
    list-style: outside none none;
}

li.bitcoin_offers__item {
    background: #030827 none repeat scroll 0 0;
    border: 1px solid #030827;
    float: left;
    margin-right: -1px;
    padding: 50px 0;
    text-align: center;
    width: 25%;
}

@media only screen and (max-width:768px) {
    li.bitcoin_offers__item {
        width: 50%;
    }
}

@media only screen and (max-width:480px) {
    li.bitcoin_offers__item {
        width: 100%;
    }
}

li.bitcoin_offers__item span {
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
}

.price {
    margin-top: 10px;
}

.bitcoin_button {
    margin: 25px auto auto;
}

.chart-area {
    display: none;
}

.currency_content {
    background: #030827;
    padding: 40px 30px;
    border-radius: 3px;
}

.currency_content h3 {
    font-weight: 600;
    font-size: 40px;
}

.currency_content h5 {
    font-weight: 600;
    color: #55ae94;
    font-size: 26px;
}

.currency_content p {
    margin-bottom: 15px;
}

.cryptonatorwidget {
    border: 0!important;
    padding: 10px 0!important;
}

.cryptonatorwidget input {
    border: 1px solid #030827;
    height: 50px !important;
    margin-bottom: 5px;
    padding: 5px 20px;
    background: #030827;
    color: #fff;
}

.cryptonatorwidget select {
    border: 1px solid #030827;
    height: 50px!important;
    margin-left: 5px;
    background: #030827;
    color: #fff;
    margin-top: -3px;
}

.cryptonatorwidget>div {
    display: none;
}


/*
 * ----------------------------------------------------------------------------------------
 * 11.END BITCOIN PRICE DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * .END TICKET DESIGN
 * ----------------------------------------------------------------------------------------
 */

.ticket-logo {
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 30px;
}

.ticker_item {
    background-color: #030827;
    border-radius: 3px;
    line-height: 24px;
    margin-bottom: 30px;
    padding: 25px 12px;
}

.ticker_item .name {
    color: #fff;
    display: block;
    letter-spacing: 0.2px;
    margin-bottom: 5px;
}

.ticker_item .price {
    color: #fff;
    display: block;
    letter-spacing: 0.2px;
    margin-bottom: 5px;
}

.ticker_item .change {
    display: block;
    letter-spacing: 0.2px;
}

.ticker_item .change--red {
    color: #fff;
}


/*
 * ----------------------------------------------------------------------------------------
 * .START TICKET DESIGN
 * ----------------------------------------------------------------------------------------
 */


/*
 * ----------------------------------------------------------------------------------------
 * 12.START HOW IT WORKS DESIGN
 * ----------------------------------------------------------------------------------------
*/

.work_action {
    padding: 100px 0;
    background: #030827;
}

@media only screen and (max-width:768px) {
    .work_action_text {
        text-align: center;
    }
}

.work_action_text h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 0;
}

.work_action_text p {
    color: #fff;
    font-size: 20px;
}

.work_action_btn {
    text-align: center;
    display: block;
    margin-top: 20px;
}


/*
 * ----------------------------------------------------------------------------------------
 * 12.END HOW IT WORKS DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 13.START TEAM DESIGN
 * ----------------------------------------------------------------------------------------
*/

.our-team {
    border: 1px solid #030827;
    margin: 5px 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
}

.our-team .pic:before {
    content: "";
    background: #000;
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    opacity: 0.78;
    transform: scale(0);
    transition: all 0.3s ease-in-out 0s;
}

.our-team:hover .pic:before {
    transform: scale(1);
}

.our-team .pic img {
    width: 100%;
    height: auto;
}

.our-team .social {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 40%;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}

.our-team:hover .social {
    opacity: 1;
}

.our-team .social li {
    display: inline-block;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}

.our-team .social li:nth-child(1) {
    transform: translate3d(22px, -19px, 0px);
}

.our-team:hover .social li:nth-child(1) {
    transform: translate3d(62px, -19px, 0px);
}

.our-team .social li:nth-child(2) {
    transform: translate3d(36px, 38px, 0px);
}

.our-team:hover .social li:nth-child(2) {
    transform: translate3d(36px, 8px, 0px);
}

.our-team .social li:nth-child(3) {
    transform: translate3d(-18px, -75px, 0px);
}

.our-team:hover .social li:nth-child(3) {
    transform: translate3d(-18px, -46px, 0px);
}

.our-team .social li:nth-child(4) {
    transform: translate3d(-5px, -19px, 0px);
}

.our-team:hover .social li:nth-child(4) {
    transform: translate3d(-43px, -19px, 0px);
}

.our-team .social li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #55ae94;
    font-size: 16px;
    color: #fff;
    margin: 0 15px 0 0;
    transform: rotate(45deg);
    transition: all 0.3s ease-in-out 0s;
}

.our-team .social li a:hover {
    line-height: 35px;
    background: #fff;
    color: #333;
    transform: rotate(-45deg);
}

.our-team .social li a i {
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out 0s;
}

.our-team .social li a:hover i {
    transform: rotate(45deg);
}

.our-team .team-content {
    padding: 15px 10px;
    background: #030827;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}

.our-team .title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 8px 0;
}

.our-team small {
    display: block;
    font-size: 14px;
}

.our-team .team-layer {
    width: 100%;
    padding: 34px 10px;
    background: #f7f7f7;
    border-bottom: 2px solid #005bbc;
    position: absolute;
    bottom: -50px;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}

.our-team:hover .team-layer {
    bottom: 0;
    opacity: 1;
}

.our-team .team-layer h4 {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 12px 0;
    transition: all 0.3s ease-in-out 0s;
}

.our-team .post {
    display: block;
}

.our-team:hover .team-layer .post {
    color: #333;
}

@media only screen and (max-width: 990px) {
    .our-team {
        margin-bottom: 35px;
    }
}

.owl-theme .owl-controls {
    display: block!important;
    margin-top: 10px;
    text-align: center;
}

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

.owl-theme .owl-controls .owl-buttons div {
    background: #55ae94 none repeat scroll 0 0;
    border-radius: 30px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    padding: 5px 15px;
}

.owl-prev:before,
.owl-next:before {
    content: "\f053";
    font-family: 'FontAwesome';
    color: #fff;
}

.owl-next:before {
    content: "\f054";
}

@media only screen and (max-width: 767px) {
    .owl-theme .owl-controls {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .testimonial {
        margin: 0 10px 60px;
        text-align: center;
        padding: 20px 30px 20px 40px;
    }
}

@media only screen and (max-width: 479px) {
    .testimonial {
        padding: 20px 25px 20px 25px;
    }
}


/*
 * ----------------------------------------------------------------------------------------
 * 13.END TEAM DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 14.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

.our_blog {
    background-color: #F4F5FA;
}

.our_blog_page {
    padding-bottom: 30px;
}

.post-slide {
    position: relative;
    background: #030827;
    margin-bottom: 30px;
}

@media only screen and (max-width:480px) {
    .post-slide {
        margin-bottom: 30px;
    }
}

.post-slide .post-img {
    position: relative;
    overflow: hidden;
}

.post-slide .post-img img {
    width: 100%;
    height: auto;
}

.post-slide .post-date {
    position: absolute;
    top: 10%;
    left: 4%;
}

.post-slide .date {
    display: inline-block;
    border-radius: 3px 0 0 3px;
    padding: 5px 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    background: #2b2b2b;
    float: left;
}

.post-slide .month {
    display: inline-block;
    border-radius: 0 3px 3px 0;
    padding: 5px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    background: #55ae94;
}

.post-slide .post-content {
    padding: 30px;
}

.post-slide .post-title {
    margin: 0 0 15px 0;
}

.post-slide .post-title a {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}

.post-slide .post-title a:hover {
    text-decoration: none;
    color: #55ae94;
}

.post-slide .post-description {
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .post-content>a {
        padding: 12px 34px;
    }
}

@media only screen and (max-width: 479px) {
    .post-slide .month {
        font-size: 14px;
    }
    .post-slide .date {
        font-size: 14px;
    }
}


/*START BLOG SIDEBAR DESIGN*/

.blog_sidebar_title {
    border-bottom: 1px solid #55ae94;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.blog_search,
.latest_blog,
.advertisement_post,
.video_post,
.categories,
.tag,
.upcoming_event {
    margin-bottom: 30px;
    background: #030827;
    padding: 30px 30px;
    border-radius: 3px;
    border-top: 3px solid #55ae94;
}

.tag {
    overflow: hidden;
}

@media only screen and (max-width:768px) {
    .blog_search {
        margin-top: 60px
    }
}

.blog_search input {
    background: #030827 none repeat scroll 0 0;
    border: 1px solid #55ae94;
    border-radius: 0;
    color: #fff;
    transition: all 0.3s ease 0s;
    height: 50px;
}

.blog_search input:focus {
    border: 1px solid #55ae94;
    box-shadow: none;
}

.single_latest_blog {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.single_latest_blog h4 {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    margin: 10px 0 0;
    transition: all 0.3s ease 0s;
}

.single_latest_blog:hover h4 {
    color: #55ae94
}

.single_latest_blog span {
    color: #161616
}

.single_upcoming_event {
    margin-bottom: 20px;
}

.single_upcoming_event h4 {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    margin: 10px 0 0;
    transition: all 0.3s ease 0s;
}

.single_upcoming_event:hover h4 {
    color: #55ae94
}

.single_upcoming_event span i {
    margin-right: 5px;
    color: #fff;
}

.single_upcoming_event span {
    color: #fff;
}

.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.categories ul li {}

.categories ul li a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 300;
    padding: 5px 0;
    font-family: ubuntu, sans-serif;
}

.categories ul li a:hover {
    color: #55ae94
}

.categories ul li a i {
    margin-right: 10px
}

.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}

.tag a {
    margin: 6px 4px;
    padding: 8px 26px !important
}

.author_part {
    margin-bottom: 60px;
    margin-top: 60px;
    overflow: hidden;
}

.single_author {
    background: #030827 none repeat scroll 0 0;
    padding: 60px 30px;
}

.author_part img {
    border: 4px solid #55ae94;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}

.author_part h4 {
    font-weight: 500;
    text-transform: uppercase;
}

.author_part p {
    margin-bottom: 0;
    overflow: hidden;
}

.blog_head_title {
    border-bottom: 1px solid #55ae94;
    margin: 0 0 30px;
    padding-bottom: 10px;
}

.comments_part {
    margin-bottom: 60px;
    overflow: hidden;
}

.single_comment {
    margin-bottom: 30px;
    background: #030827;
    padding: 60px 30px;
}

.single_comment_mbnone {
    margin-bottom: 0px
}

.single_comment img {
    border: 4px solid #55ae94;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}

.single_comment h4 {
    font-weight: 500;
    text-transform: uppercase;
}

.single_comment p {
    margin-bottom: 0;
    overflow: hidden;
}

.comment_form {
    margin-bottom: 30px;
}

.comment_form input {
    background: #030827;
    border: 1px solid #030827;
    box-shadow: none;
    height: 52px;
    color: #fff;
}

.comment_form input:focus {
    border: 1px solid #55ae94;
    box-shadow: none;
}

.comment_form textarea {
    background: #030827;
    border: 1px solid #030827;
    box-shadow: none;
    color: #fff;
}

.comment_form textarea:focus {
    border: 1px solid #55ae94;
    box-shadow: none;
}


/*
* ----------------------------------------------------------------------------------------
* 14.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 15. START SHOP PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

.shop_page {
    padding-top: 60px;
    padding-bottom: 30px;
}

.shop-slide {
    border-bottom: 1px solid #030827;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.shop-slide .shop-img {
    position: relative;
    overflow: hidden;
}

.shop-slide .shop-img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

.shop-slide:hover .shop-img:before {
    background: rgba(0, 0, 0, 0.6);
}

.shop-slide .shop-img img {
    width: 100%;
    height: auto;
}

.shop-slide .shop_category {
    background: #55ae94 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    left: -50%;
    line-height: 11px;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 45%;
}

.shop_category a {
    color: #fff;
}

.shop-slide:hover .shop_category {
    left: 0;
}

.shop-slide .shop-review {
    padding: 40px 20px;
    background: #030827;
    position: relative;
}

.shop-slide .shop-title {
    margin: 0;
}

.shop-slide .shop-title a {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.shop-slide .shop-title a:hover {
    text-decoration: none;
    color: #fff;
}

.shop-slide .shop-description {}

.shop-review .shop-bar {
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding-top: 10px;
}

.shop-bar span {
    display: inline-block;
    font-size: 14px;
}

.shop-bar span i {
    margin-right: 5px;
    color: #55ae94;
}

.shop-bar span a {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.shop-bar span a:hover {
    text-decoration: none;
    color: #55ae94;
}

.shop-bar span.shop_comments {
    float: right;
    font-size: 18px;
    font-weight: 500;
}

@media only screen and (max-width: 359px) {
    .shop-slide .shop_category {
        font-size: 13px;
    }
}


/*
* ----------------------------------------------------------------------------------------
* 15. END SHOP PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 16.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

#map {
    height: 400px;
}

.contact_area {}

.contact {
    padding: 80px 60px;
}

.contact input {
    background: #030827 none repeat scroll 0 0;
    border-color: currentcolor currentcolor #030827;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: none;
    color: #fff;
    height: 45px;
    padding: 10px;
}

.contact textarea {
    background: #030827 none repeat scroll 0 0;
    border-color: currentcolor currentcolor #030827;
    border-style: none none solid;
    border-width: 0 0 1px;
    border-radius: 3px;
    box-shadow: none;
    padding: 10px;
    color: #fff;
    height: 200px;
}

.contact input:hover,
.contact input:focus {
    border-color: currentcolor currentcolor #55ae94;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: none;
    outline: 0 none;
}

.contact textarea:hover,
.contact textarea:focus {
    border-color: currentcolor currentcolor #55ae94;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: none;
    outline: 0 none;
}

.success {
    background: #fff none repeat scroll 0 0;
    color: #55ae94;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}

.contact_address {
    padding-left: 100px;
    padding-top: 110px;
}

@media only screen and (max-width:768px) {
    .contact_address {
        padding-bottom: 60px;
        padding-left: 60px;
        padding-top: 60px;
    }
}

.contact_address h3 {
    margin: 0 0 40px;
    text-transform: uppercase;
}

.contact_address ul {
    list-style: none
}

.contact_address ul li {
    font-size: 16px;
    margin-bottom: 15px;
}

.contact_address ul li i {
    background: #fff none repeat scroll 0 0;
    border-radius: 30px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    color: #55ae94;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    margin-right: 20px;
    text-align: center;
    width: 45px;
}

.btn-contact-bg {
    background: linear-gradient(#46E9FF, #54ae94)!important;
    border-radius: 30px;
    background-size: 200% auto!important;
    border-style: none;
    color: #fff;
    font-weight: 700;
    padding: 12px 40px!important;
    transition: 0.5s;
    text-transform: uppercase;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 14px;
}

.btn-contact-bg:hover {
    color: #fff;
    background-position: right center;
}


/*
* ----------------------------------------------------------------------------------------
* 16.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 17.START FOOTER TOP AND BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/

.footer_top {
    background: url(../img/footer-background.png);
    padding-bottom: 40px;
    padding-top: 60px;
}

@media only screen and (max-width:768px) {
    .footer_top {
        padding-top: 60px;
        padding-bottom: 20px;
    }
}

.single_footer {}

@media only screen and (max-width:768px) {
    .single_footer {
        margin-bottom: 40px;
    }
}

.single_footer img {
    width: 100px;
}

.single_footer h4 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}

.f_line {
    background: #fff none repeat scroll 0 0;
    border-radius: 2px;
    display: block;
    height: 2px;
    margin: 20px 0 20px;
    width: 60px;
}

.single_footer p {
    color: #fff;
    margin-bottom: 25px;
}

.footer_link {}

.footer_link ul {
    list-style: outside none none;
}

.footer_link ul li {}

.footer_link ul li a {
    color: #fff;
    display: block;
    padding-bottom: 8px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.footer_link ul li a:hover {
    color: #55ae94;
}

.footer_social {
    margin-top: 20px;
}

.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.footer_social ul li {
    display: inline-block
}

.footer_social ul li a {
    background: #fff none repeat scroll 0 0;
    border-radius: 50px;
    color: #333;
    display: block;
    font-size: 16px;
    margin-right: 4px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 45px;
}

@media only screen and (max-width:768px) {
    .footer_social ul li a {
        font-size: 12px
    }
}

@media only screen and (max-width:360px) {
    .footer_social ul li a {
        font-size: 14px
    }
}

@media only screen and (max-width:320px) {
    .footer_social ul li a {
        font-size: 14px
    }
}

@media only screen and (max-width:480px) {
    .footer_social ul li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

.footer_social ul li a:hover {
    background: #55ae94;
    color: #fff;
}

.footer_blog {
    margin-bottom: 25px;
}

.footer_blog h5 {
    font-size: 17px;
    line-height: 26px;
}

.footer_blog h5 a {
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.footer_blog h5 a:hover {
    color: #55ae94;
}

.meta_tag {}

.meta_tag a {
    color: #fff;
    font-size: 15px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-weight: 500;
    text-transform: uppercase;
}

.meta_tag a:hover {
    color: #55ae94;
}

.meta_tag span {
    color: #fff;
    display: none;
}


/*START NEWSLETTER FORM*/

.newsletter input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 0px !important;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    height: 50px !important;
}

.newsletter input:hover,
.newsletter input:focus {
    background: #fff none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none !important;
}

.single_footer input {
    background: #030827 none repeat scroll 0 0;
    border: 1px solid #8d8d8d;
    border-radius: 10px;
    color: #fff;
    height: 52px;
    margin: 20px 0;
}

.single_footer input:focus {
    box-shadow: none !important;
}

.btn-newsletter-bg {
    background: #55ae94 none repeat scroll 0 0;
    border: 2px solid #55ae94;
    border-radius: 0;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 12px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

@media only screen and (max-width:480px) {
    .btn-newsletter-bg {
        padding: 7px 20px;
    }
}

.btn-newsletter-bg:hover,
.btn-newsletter-bg:focus {
    background: #fff;
    color: #333;
    border: 2px solid #fff;
}

@media only screen and (max-width:480px) {
    .btn-newsletter-bg {
        margin-left: 0px;
    }
}


/*END NEWSLETTER FORM*/

.footer {
    background-color: #030827;
    padding: 30px 0;
}

.footer_copyright p {
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.6px;
    margin: 0;
    text-transform: uppercase;
}


/*
* ----------------------------------------------------------------------------------------
* 17.END FOOTER TOP AND BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 18.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */

.section-top {
    height: 250px;
    background: #030827;
}

.section-top-title {
    margin: 120px auto auto;
}

.section-top-title h1 {
    color: #fff;
    font-weight: normal;
    font-size: 30px;
    margin: 0;
    text-transform: capitalize;
    font-weight: 400;
}

@media only screen and (max-width:360px) {
    .section-top-title {
        width: 300px;
    }
    .section-top-title h1 {
        font-size: 30px;
    }
}

@media only screen and (max-width:320px) {
    .section-top-title {
        width: 260px;
    }
    .section-top-title h1 {
        font-size: 30px;
    }
}

.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}

.breadcrumb>.active {
    color: #fff;
}

.section-top-title ol li a {
    color: #fff !important;
}

.section-top-title ol li a:hover {
    color: #55ae94!important
}


/*
 * ----------------------------------------------------------------------------------------
 * 18.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/


/* login */

.form-container {
    background-color: #fff;
    padding: 30px 25px;
    border-radius: 10px;
    box-shadow: 1px 1px 57px #5fd0f3a3;
    position: relative;
}

.form-container:before,
.form-container:after {
    content: '';
    background-color: #1393a3;
    height: 50%;
    width: 4px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.form-container:after {
    top: auto;
    bottom: 10px;
    left: auto;
    right: 10px;
}

.form-container .title {
    color: #1393a3;
    font-size: 25px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0 0 15px;
}

.form-container .social-links {
    padding: 0;
    margin: 0 0 15px;
    list-style: none;
}

.form-container .social-links li {
    display: inline-block;
    margin: 0 3px;
}

.form-container .social-links li a {
    color: #555;
    line-height: 27px;
    height: 28px;
    width: 28px;
    border: 1px solid #555;
    border-radius: 50%;
    display: block;
    transition: all 0.3s ease 0s;
}

.form-container .social-links li a:hover {
    color: #fff;
    background-color: #4E4C97;
}

.form-container .description {
    color: #555;
    font-size: 13px;
    margin: 0 0 10px;
    display: block;
}

.form-horizontal .form-group {
    margin: 0 0 15px;
}

.form-horizontal .form-group:last-of-type {
    text-align: left;
    margin-bottom: 35px;
}

::placeholder {
    color: rgb(91, 91, 91) !important;
}

.form-horizontal .form-control {
    color: #404040;
    background: #f4f5fa;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    height: 50px;
    padding: 6px 12px;
    border-radius: 5px;
    border: 1px solid #252525;
    box-shadow: none;
}

.form-horizontal .form-control:focus {
    border-color: rgba(78, 76, 151, 0.5);
    box-shadow: none;
}

.form-horizontal .form-control::placeholder {
    color: #e1e1e1;
    font-size: 14px;
    font-weight: 300;
}

.form-horizontal .form-group .check-label {
    color: #555;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    margin: -2.5px 0 0;
    vertical-align: text-top;
    display: inline-block;
}

.form-horizontal .form-group .check-label a {
    color: #4E4C97;
    transition: all 0.3s ease;
}

.form-horizontal .form-group .check-label a:hover {
    text-decoration: underline;
}

.form-horizontal .checkbox {
    height: 17px;
    width: 17px;
    min-height: auto;
    margin: 0 3px 0 0;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: all 0.3s ease;
}

.form-horizontal .checkbox:before {
    content: '';
    height: 6px;
    width: 12px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    opacity: 1;
    transform: rotate(-45deg);
    position: absolute;
    left: 2px;
    top: 2.5px;
    transition: all 0.3s ease;
}

.form-horizontal .checkbox:checked {
    background-color: #4E4C97;
    border-color: #4E4C97;
}

.form-horizontal .checkbox:checked:before {
    opacity: 1;
}

.form-horizontal .checkbox:not(:checked):before {
    opacity: 0;
}

.form-horizontal .checkbox:focus {
    outline: none;
}

.form-horizontal .btn {
    color: #fff;
    background-color: #4E4C97;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    width: 130px;
    padding: 11px;
    margin: 0 10px 10px 0;
    border: 2px solid #4E4C97;
    border-radius: 15px;
    display: inline-block;
    transition: all 0.3s ease 0s;
}

.form-horizontal .btn.signin {
    color: #ffffff;
    background-image: linear-gradient(to right, #02162d 0%, #36e0f7 100%);
    border-radius: 10px;
    width: 100%;
    height: 50px;
}

.form-horizontal .btn:hover,
.form-horizontal .btn:focus {
    color: #ffffff;
    background-color: #55b096;
    border: 1px solid #4ad6dd;
    border-radius: 10px;
    width: 100%;
    height: 50px;
}

.text-muted {
    color: #9d9d9d;
}

.text-grey {
    color: #9d9d9d;
}

.text-primary {
    color: #1393a3;
}

.text-muted:hover {
    color: #030827;
    text-decoration: none;
}

.form-horizontal .btn.signin:hover,
.form-horizontal .btn.signin:focus {
    color: #ffffff;
    background-color: #55b096;
    border: 1px solid #4ad6dd;
    border-radius: 10px;
    width: 100%;
    height: 50px;
}

.section-header {
    margin-bottom: 50px;
    text-align: center;
}

.section-header h2 {
    color: #1393a3;
    font-weight: bold;
    font-size: 3em;
    margin-bottom: 20px;
}

.section-header p {
    color: #1393a3;
}

.row {
    display: flex;
    flwx-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.contact-info {
    width: 50%;
}

.contact-info-item {
    display: flex;
    margin-bottom: 30px;
}

.contact-info-icon {
    height: 70px;
    width: 70px;
    background-image: linear-gradient(to right, #02162d 0%, #36e0f7 100%);
    text-align: center;
    border-radius: 50%;
}

.contact-info-icon i {
    font-size: 30px;
    line-height: 70px;
}

.contact-info-content {
    margin-left: 20px;
}

.contact-info-content h4 {
    color: #1393a3;
    font-size: 1.4em;
    margin-bottom: 5px;
}

.contact-info-content p {
    color: #323232;
    font-size: 1em;
}

.contact-form {
    background-color: #fff;
    padding: 40px;
    width: 45%;
    padding-bottom: 20px;
    padding-top: 20px;
}

.contact-form h2 {
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 10px;
    color: #333;
}

.contact-form .input-box {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.contact-form .input-box input,
.contact-form .input-box textarea {
    width: 100%;
    padding: 5px 0;
    font-size: 16px;
    margin: 10px 0;
    border: none;
    border-bottom: 2px solid #333;
    outline: none;
    resize: none;
}

.contact-form .input-box span {
    position: absolute;
    left: 0;
    padding: 5px 0;
    font-size: 16px;
    margin: 10px 0;
    pointer-events: none;
    transition: 0.5s;
    color: #666;
}

.contact-form .input-box input:focus~span,
.contact-form .input-box textarea:focus~span {
    color: #e91e63;
    font-size: 12px;
    transform: translateY(-20px);
}

.contact-form .input-box input[type="submit"] {
    width: 100%;
    background-image: linear-gradient(to right, #02162d 0%, #36e0f7 100%);
    color: #FFF;
    border: none;
    cursor: pointer;
    padding: 10px;
    font-size: 18px;
    border: 1px solid #00bcd4;
    transition: 0.5s;
}

.contact-form .input-box input[type="submit"]:hover {
    background: #FFF;
    color: #00bcd4;
}

@media (max-width: 991px) {
    section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .row {
        flex-direction: column;
    }
    .contact-info {
        margin-bottom: 40px;
        width: 100%;
    }
    .contact-form {
        width: 100%;
    }
}

.overlapping-container--b8374a05-1de4-45f5-a7bd-bfde6e54cd33::before,
.overlapping-container--b8374a05-1de4-45f5-a7bd-bfde6e54cd33::after {
    content: '';
    position: relative;
    display: block;
    width: 100%;
}

.overlapping-container--b8374a05-1de4-45f5-a7bd-bfde6e54cd33::before {
    height: 0px;
}

.overlapping-container--b8374a05-1de4-45f5-a7bd-bfde6e54cd33::after {
    height: 0px;
}

@media (min-width: 576px) {
    .overlapping-container--b8374a05-1de4-45f5-a7bd-bfde6e54cd33::before {
        height: 0px;
    }
    .overlapping-container--b8374a05-1de4-45f5-a7bd-bfde6e54cd33::after {
        height: 0px;
    }
}

@media (min-width: 768px) {
    .overlapping-container--b8374a05-1de4-45f5-a7bd-bfde6e54cd33::before {
        height: 0px;
    }
    .overlapping-container--b8374a05-1de4-45f5-a7bd-bfde6e54cd33::after {
        height: 0px;
    }
}

@media (min-width: 992px) {
    .overlapping-container--b8374a05-1de4-45f5-a7bd-bfde6e54cd33::before {
        height: 0px;
    }
    .overlapping-container--b8374a05-1de4-45f5-a7bd-bfde6e54cd33::after {
        height: 0px;
    }
}

@media (min-width: 1200px) {
    .overlapping-container--b8374a05-1de4-45f5-a7bd-bfde6e54cd33::before {
        height: 0px;
    }
    .overlapping-container--b8374a05-1de4-45f5-a7bd-bfde6e54cd33::after {
        height: 0px;
    }
}

.overlapping-container {
    position: relative;
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.overlapping-container>.row {
    position: relative;
    height: 0;
    margin-left: 0;
    margin-right: 0
}

.overlapping-container>.row>.component {
    position: absolute;
    left: 0;
    right: 0;
    top: 70px;
    transform: translateY(-50%);
    z-index: 2
}

body.on-page-editor .overlapping-container>.row {
    height: auto
}

body.on-page-editor .overlapping-container>.row>.component {
    position: relative;
    transform: none
}

@media (max-width: 991px) {
    .overlapping-container:not(.mobile-overlap)>.row {
        height: auto
    }
    .overlapping-container:not(.mobile-overlap)>.row>.component {
        position: static;
        transform: none;
        max-width: none
    }
    .overlapping-container:not(.mobile-overlap)>.row>.component.container {
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }
    .overlapping-container:not(.mobile-overlap)>.row .component {
        border-radius: 0
    }
}

.overlap-spacer {
    width: 100%
}

@media (max-width: 575px) {
    .markets-list {
        border-right: 0;
        box-shadow: none;
        padding: 0;
        padding-right: 0;
        margin-right: 0
    }
}

@media (min-width: 576px) {
    .markets-list {
        border-right: 0;
        box-shadow: none;
        padding: 0;
        margin-left: calc((100% - 570px)/ 2);
        margin-right: 0
    }
}

@media (min-width: 768px) {
    .markets-list {
        border-right: 0;
        box-shadow: none;
        padding: 0;
        margin-left: calc((100% - 750px)/ 2);
        margin-right: 0
    }
}

@media (min-width: 992px) {
    .markets-list {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(960px + 2 * 15px);
        border-radius: 10px;
        padding: 30px
    }
}

@media (min-width: 1200px) {
    .markets-list {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(1140px + 2 * 15px)
    }
}

@media (min-width: 1440px) {
    .markets-list {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(1200px + 2 * 15px);
        border-radius: 10px;
        padding: 30px
    }
}

@media (min-width: 2400px) {
    .markets-list {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(1500px + 2 * 15px);
        border-radius: 10px;
        padding: 30px
    }
}

.markets-list .component-content {
    display: flex;
    justify-content: space-between;
    margin-left: -26px;
    margin-right: -26px
}

@media (max-width: 992px) {
    .markets-list .component-content {
        scrollbar-width: none;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        margin: 0;
        padding: 5px 0
    }
    .markets-list .component-content::-webkit-scrollbar {
        display: none
    }
    .markets-list .component-content::after {
        content: '';
        display: block;
        padding-left: 15px
    }
    .markets-list .component-content>div {
        flex-shrink: 0;
        scroll-snap-align: center
    }
}

.markets-list .component-content>div {
    flex: 1;
    padding-left: 26px;
    padding-right: 26px;
    border-right: 2px solid;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

@media (max-width: 992px) {
    .markets-list .component-content>div {
        flex: none;
        width: 60%;
        margin-right: 20px;
        padding: 30px 20px 16px 20px
    }
}

.markets-list .component-content>div:last-child {
    border-right: none
}

.markets-list .component-content .field-marketcardtitle {
    display: inline-block;
    font-size: 24px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 18px;
    background: #12225c;
    background: linear-gradient(to right, #12225c 2%, #0e89c8 70%);
    background-size: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.markets-list .component-content .field-marketcardtext,
.markets-list .component-content .field-marketcardtext span,
.markets-list .component-content .field-marketcardtext span[style],
.markets-list .component-content .field-marketcardtext[style] {
    font-size: 14px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: inherit;
    width: 100%
}

.markets-list .component-content .field-marketcardlink {
    margin-top: 10px
}

.markets-list.light {
    background-color: #fff;
    color: #12225c
}

@media (max-width: 992px) {
    .markets-list.light {
        background-color: transparent
    }
}

.markets-list.dark {
    background-color: #12225c;
    color: #fff
}

@media (max-width: 992px) {
    .markets-list.dark {
        background-color: transparent
    }
}

.markets-list {
    padding: 25px
}

@media (max-width: 992px) {
    .markets-list {
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%
    }
}

.markets-list .component-content::after {
    padding-left: 0
}

.markets-list .component-content>div {
    justify-content: flex-start
}

@media (max-width: 992px) {
    .markets-list .component-content>div {
        border-radius: 10px;
        width: 40%;
        padding: 20px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .14);
        transition: box-shadow .3s
    }
    .markets-list .component-content>div:hover {
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .24)
    }
    .markets-list .component-content>div:first-child {
        margin-left: 15px
    }
    .markets-list .component-content>div:last-child {
        margin-right: 15px
    }
}

@media (max-width: 768px) {
    .markets-list .component-content>div {
        width: 60%
    }
}

.markets-list .component-content .field-marketcardtext {
    margin-bottom: auto
}

.markets-list .component-content .field-marketcardlink {
    margin-top: 15px;
    width: 100%
}

.markets-list.light .component-content>div {
    border-color: #e6e8f1
}

@media (max-width: 992px) {
    .markets-list.light .component-content>div {
        background-color: #fff
    }
}

.markets-list.dark .component-content>div {
    border-color: #e6e8f1
}

@media (max-width: 992px) {
    .markets-list.dark .component-content>div {
        background-color: #12225c
    }
}

.markets-list.dark .field-marketcardtitle {
    font-weight: 600;
    margin-bottom: 10px;
    background: #fff;
    background: linear-gradient(to right, #fff 2%, #0e89c8 70%)
}

.markets-list.dark .field-marketcardtext,
.markets-list.dark .field-marketcardtext span,
.markets-list.dark .field-marketcardtext span[style],
.markets-list.dark .field-marketcardtext[style] {
    color: #fff
}

.markets-list.dark .field-marketcardlink a {
    color: #fff
}

body.professional:not(.on-page-editor) .markets-list {
    background-color: #191919;
    border: 1px solid #fff
}

body.professional:not(.on-page-editor) .markets-list .field-marketcardtitle {
    background: #11377c;
    background: linear-gradient(to right, #11377c 0, #1e95cb 100%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media (max-width: 768px) {
    body.professional:not(.on-page-editor) .markets-list {
        border: none;
        margin: 50px 0;
        padding: 0 15px
    }
    body.professional:not(.on-page-editor) .markets-list>.component-content>div {
        background: 0 0;
        border: 1px solid #fff
    }
}