/*---------------------------------------------
Template name: CryptoCloud
Version: 1.4
Author: ThemeLooks
Author url: http://themelooks.com

NOTE:
-----
Please DO NOT EDIT THIS CSS, you may need to use "custom.css" file for writing your custom css.
We may release future updates so it will overwrite this file. it's better and safer to use "custom.css".

[Table of Content]

01: General CSS 
    1.1: Default CSS
    1.2: Buttons
    1.3: Default classes
    1.4: Padding
02: Section title
03: Header
    3.1: Logo
    3.2: Header menu
    3.3: Sticky-header
04: Footer
    14.1: Single footer
    14.2: Footer form
    14.3: Footer contact info
    14.4: Footer social icons
    14.5: Single footer post
    14.6: Footer links
05: Back to top button
06: Others
----------------------------------------------*/

/*=============================================
    01: General CSS
==============================================*/

/* 1.1: Default CSS */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

::-moz-selection {
    background: #1b435d;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #1b435d;
    color: #fff;
    text-shadow: none;
}

::-webkit-input-placeholder {
    color: #90a0aa !important;
    opacity: 1 !important;
}
::-moz-placeholder {
    color: #90a0aa !important;
    opacity: 1 !important;
}

input[type=text],
input[type=email],
select,
textarea {
    resize: none;
    border: 1px solid #1b435d;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
input[type=text]:focus,
input[type=email]:focus,
select:focus,
textarea:focus {
    border: 1px solid #1b435d;
    outline: none;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

img {
    max-width: 100%;
    height: auto;
}

p:last-child{
    margin-bottom: 0;
}

a {
    color: #ff895d;
}
a:hover {
    color: #e05521;
}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

html, body {
    overflow-x: inherit !important;
}

body {
    padding-top: 94px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #1b435d;
    background: #fff;
    position: relative;
}

/* 1.2: Buttons */
.btn{
    font-size: 14px;
    border-radius: 50px;
    padding: 5px 15px;
}
.btn-sm {
    font-size: 12px;
}
.btn-primary,
.btn-primary:focus, 
.btn-primary.focus,
.btn-primary.disabled, 
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    color: #fff;
    background-color: #ff895d;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-primary:hover {
    background-color: #ffa381;
    border-color: transparent;
}

.btn-secondary,
.btn-secondary:focus, 
.btn-secondary.focus,
.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-secondary:not(:disabled):not(.disabled):active, 
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    background-color: #1b435d;
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-secondary:hover {
    background-color: #295774;
    border-color: transparent;
}

/* 1.3: Default classes */
.custom-btn {
    color: #fff;
    display: inline-block;
    background: #ff895d;
    border: 0;
    border-radius: 100px;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.custom-btn:hover {
    color: #fff;
    background: #1b435d;
}
.custom-btn-reverse {
    background: #1b435d;
}
.custom-btn-reverse:hover {
    background: #ff895d;
}

.bg-primary {
    background-color: #7fc3ec !important;
}
.bg-secondary {
    background-color: #1b435d !important;
}
.bg-dark {
    background-color: #d5eeff !important;
}
.bg-light {
    background-color: #f4fbff !important;
}

.text-light {
    color: #f4fbff !important;
}

ul.list-inline > li {
    display: inline-block;
}
ul.list-inline > li:not(:last-child) {
    margin-right: 15px;
}

.no-outlines *,
.no-outlines button,
.no-outlines button:focus,
.no-outlines a,
.no-outlines a:focus {
    outline: none !important;
}


/* 1.4: Padding */
.pb-120 {
    padding-bottom: 120px;
}
.pt-120 {
    padding-top: 120px;
}
.pb-70 {
    padding-bottom: 70px;
}

/*=============================================
    03. header
==============================================*/
header.header{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid #eee;
    background: #7fc3ec;
}
.header-container {
    padding-top: 25px;
    padding-bottom: 10px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 100%;
    z-index: 99;
}
.header-style-three {
    padding-top: 27px;
    padding-bottom: 9px;
}
.top-spacing {
    padding-top: 110px;
}

/* 3.1: Logo */
.header-container .logo {
    padding-top: 9px;
}
.header-container .logo img {
    display: inline-block;
}
.header-container .logo img + img {
    display: none;
}

/* 3.2: Header menu */
.header-menu, .header-menu ul, 
.header-menu ul li, 
.header-menu ul li a, 
.header-menu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
}
.header-menu #menu-button {
    display: none;
}
.header-menu > ul {
    text-align: right;
    margin-top: 7px;
}
.header-menu > ul ul {
    text-align: left;
    z-index: 99999;
}
.header-menu > ul > li {
    display: inline-block;
    padding-bottom: 25px;
}
.header-menu > ul > li + li {
    margin-left: 10px;
}
.header-menu > ul > li > a {
    padding: 6px 14px;
    border-radius: 100px;
    color: #fff;
    background: transparent;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    font-weight: 500;
}
.header-menu > ul > li > a > i{
    font-size: 12px;
}
.header-menu > ul > li:hover > a, 
.header-menu > ul > li > a:hover {
    background: #96ccef;
}
.header-menu > ul > li.active > a{
    background: #fff;
    color: #78bbe6;
}
.header-menu > ul > li.has-sub > a {
}
.header-menu ul ul {
    position: absolute;
    left: -9999px;
    opacity: 0;
    -webkit-transition: top .2s ease, opacity .2s ease;
    -o-transition: top .2s ease, opacity .2s ease;
    transition: top .2s ease, opacity .2s ease;
}
.header-menu > ul > li > ul {
    top: 91px;
    background: #fff;
    padding: 10px 0;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.header-menu > ul > li > ul:before {
    content: "";
    position: absolute;
    left: 20px;
    top: -7px;
    width: 0;
    height: 0;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.header-menu > ul > li:hover > ul {
    left: auto;
    top: 40px;
    opacity: 1;
}
.header-menu.align-right > ul > li:hover > ul {
    right: 0;
}
.header-menu ul ul ul {
    top: 40px;    
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.header-menu ul ul ul:before {
    content: "";
    position: absolute;
    left: -7px;
    top: 7px;
    width: 0;
    height: 0;
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    z-index: 99;
}
.header-menu ul ul ul:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: 10px;
    height: 100%;
    z-index: -1;
}
.header-menu ul ul ul li {
    background: #fff;
}
.header-menu ul ul ul li:first-child{
    padding-top: 10px;
}
.header-menu ul ul ul li:last-child{
    padding-bottom: 10px;
}
.header-menu ul ul > li:hover > ul {
    top: 0;
    left: 188px;
    opacity: 1;
}
.header-menu.align-right ul ul > li:hover > ul {
    left: auto;
    right: 178px;
    padding-left: 0;
    padding-right: 10px;
    opacity: 1;
}
.header-menu ul ul li a {
    width: 180px;
    padding: 5px 20px;
    color: #757575;
    font-size: 13px;
    line-height: 18px;
    position: relative;
}
.header-menu ul ul li a i{
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 18px;
}
.header-menu ul ul li:hover > a, 
.header-menu ul ul li > a:hover, 
.header-menu ul ul li.active > a {
    color: #ff895d;
}
.header-menu ul ul li:first-child > a {}
.header-menu ul ul li:last-child > a {}
.register-button {
    text-align: right;
}
.register-button a{
    color: #ff895d;
    background: #fff;
}
.register-button a:hover{
    color: #ff895d;
    background: rgba(255,255,255,0.9);
}
.header-style-two .header-menu > ul > li:hover > a, 
.header-style-two .header-menu > ul > li > a:hover,
.header-style-three .header-menu > ul > li:hover > a, 
.header-style-three .header-menu > ul > li > a:hover  {
    background: transparent;
    color: #ff895d;
}
.header-style-two .header-menu > ul > li.active > a, 
.header-style-three .header-menu > ul > li.active > a{
    background: transparent;
    color: #ff895d;
}
.header-style-two .register-button a{
    background: #fff;
    color: #1b435d;
}
.header-style-two .register-button a:hover{
    background: rgba(255,255,255,0.9);
    color: #1b435d;
}
.header-style-three .register-button a{
    background: #ff895d;
    color: #fff;
}
.header-style-three .register-button a:hover{
    background: #ffa381;
    color: #fff;
}
.header-style-three .logo img {
    display: inline-block !important;
}

/* 3.3: Sticky-header */
.sticking {
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    padding-top: 18px;
    padding-bottom: 0;
}
.sticking .logo img {
    display: none;
}
.sticking .logo img + img {
    display: inline-block;
}
.sticking .header-menu > ul > li > a, 
.header-style-three .header-menu > ul > li > a{
    color: #1b435d;
}
.sticking .header-menu > ul > li:hover > a{ color: #fff; }
.sticking .header-menu > ul > li.active > a{
    color: #fff;
    background: #78bbe6;
}
.sticking.header-style-two .header-menu > ul > li:hover > a, 
.sticking.header-style-three .header-menu > ul > li:hover > a,
.sticking.header-style-two .header-menu > ul > li.active > a, 
.sticking.header-style-three .header-menu > ul > li.active > a{
    background: transparent;
    color: #ff895d;
}
.sticking .register-button a{
    background: #ff895d;
    color: #fff;
}
.sticking .register-button a:hover{
    background: #ffa381;
}
.sticking.header-style-two .register-button a, 
.sticking.header-style-three .register-button a{
    background: #ff895d;
    color: #fff;
}
.sticking.header-style-two .register-button a:hover, 
.sticking.header-style-three .register-button a:hover{
    background: #ffa381;
}

/*=============================================
    04: Footer
==============================================*/

.top-footer {
    padding: 50px 0 40px 0;
}
.footer a { color: #e0f3ff }
.footer a:hover { color: #fff; }

/* 14.1: Single footer */
.single-footer h2 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    position: relative;
    padding-bottom: 3px;
    margin-bottom: 30px;
}
.single-footer h2:before,
.single-footer h2:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    max-width: 60px;
    height: 10px;
    background-size: 6px 18px;
}
.single-footer h2:before {
    bottom: -10px;
    background-image: -webkit-linear-gradient(135deg, transparent 14px, #aebcc5 0), 
    -webkit-linear-gradient(45deg, transparent 14px, #aebcc5 0);
    background-image: -o-linear-gradient(135deg, transparent 14px, #aebcc5 0), 
    -o-linear-gradient(45deg, transparent 14px, #aebcc5 0);
    background-image: linear-gradient(-45deg, transparent 14px, #aebcc5 0), 
    linear-gradient(45deg, transparent 14px, #aebcc5 0);
}
.single-footer h2:after {
    bottom: -8px;
    background-image: -webkit-linear-gradient(135deg, transparent 14px, #1b435d 0), 
    -webkit-linear-gradient(45deg, transparent 14px, #1b435d 0);
    background-image: -o-linear-gradient(135deg, transparent 14px, #1b435d 0), 
    -o-linear-gradient(45deg, transparent 14px, #1b435d 0);
    background-image: linear-gradient(-45deg, transparent 14px, #1b435d 0), 
    linear-gradient(45deg, transparent 14px, #1b435d 0);
}

/* 14.2: Footer form */
.single-footer form {
    position: relative;
    margin-top: 25px;
}
.single-footer form input {
    height: 50px;
    border: 1px solid transparent !important;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.03);
    font-family: "Work Sans", sans-serif;
    padding: 0 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color: #fff;
}
.single-footer form input:focus {
    background: rgba(61, 95, 117, 0.5);
    color: #fff;
}
.single-footer button{
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 24px;
}

/* 14.3: Footer contact info */
.footer-contact-info {
    list-style: none;
    padding: 0;
}
.footer-contact-info li {
    font-family: "Work Sans", sans-serif;
    padding: 7px 0 7px 23px;
    position: relative;
}
.footer-contact-info li i{
    position: absolute;
    left: 0;
    width: 15px;
    text-align: center;
    line-height: 35px;
    top: 0;
}

/* 14.4: Footer social icons */
.footer-social-icons {
    padding: 0;
}
.footer-social-icons li {
    display: inline-block;
    list-style: none;
}
.footer-social-icons li:not(:last-child) {
    margin-right: 10px;
}
.footer-social-icons li a {
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border: 1px solid #3c5e75;
    border-radius: 100%;
    display: block;
    text-align: center;
    background: transparent;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.footer-social-icons li a:hover {
    color: #ff895d;
    background: #fff;
    border-color: #fff;
}

/* 14.5: Single footer post */
.single-footer-post:last-child {
    margin-top: 20px;
}
.single-footer-post a {
    margin-bottom: 5px;
    line-height: 24px;
    display: inline-block;
}
.single-footer-post span {
    font-size: 12px;
}
.single-footer-post span i {
    font-size: 10px;
    margin-right: 7px;
    position: relative;
    top: -2px;
}

/* 14.6: Footer links */
.footer-links {
    padding: 0;
    list-style: none;
}
.footer-links li {
    padding: 6.5px 0;
}
.footer-links li a {}
.footer-links li a i{
    margin-right: 8px;
}
.copyright {
    padding: 30px 0;
    border-top: 1px solid #3d5f75;
    border-bottom: 1px solid #3d5f75;
}
.copyright a {
    font-weight: 600;
    color: #ff895d;
}
.copyright a:hover {
    color: #ff895d;
}

/*=============================================
    05: Back to top button
==============================================*/

.back-to-top {
    position: fixed;
    right: 25px;
    bottom: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.back-to-top.show {
    bottom: 25px;
    opacity: 1;
    visibility: visible;
    z-index: 999;
}
.back-to-top a {
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    color: #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #ff895d;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.back-to-top a:hover {
    background: #ffa381;
    color: #fff;
}

/*=============================================
    06: Others
==============================================*/

#fakeLoader {
    background-color: #1b435d !important;
}
.not-found {
    padding-top: 125px;
}
.not-found h2 {
    font-size: 100px;
    font-weight: 700;
}
.not-found p {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 50px;
}
ul.top-nav {
    margin-top: 0;
}
section#home-banner {
    background-color: #224862;
    padding: 95px 0 100px;
}
.home-shortcuts {
    padding: 15px 0;
}
.home-shortcuts li {
    border-color: #fff !important;
}
#order-cloud_slider .price-calc-top .order-btn, #order-cloud_slider .price-calc-top .order-btn:hover {
    padding: 12px 25px !important;
}
ul.top-nav>li.primary-action>a.btn {
    border-radius: 100px;
}
#order-standard_cart .btn-checkout {
    padding: 10px 25px !important;
}
.btn-social {
    padding-left: 44px;
}
.label-info {
    background-color: #043d5f;
}
.btn-social i.fa {
    font-size: 16px;
    line-height: 30px;
}

.promo-banner.weebly .btn,
.landing-page.mail-services .product-options,
.landing-page .get-started {
    background-color: #043d5f !important;
}
