@font-face {
    font-family: 'Athiti';
    font-style: normal;
    font-weight: 400;
    src: local('Athiti'), local('Athiti-Regular'), url(/lib/font/athiti400.woff2) format('woff2');
    unicode-range: U+0E01-0E5B, U+200B-200D, U+25CC;
  }
@font-face {
font-family: 'Athiti';
font-style: normal;
font-weight: 500;
src: local('Athiti Medium'), local('Athiti-Medium'), url(/lib/font/athiti500.woff2) format('woff2');
unicode-range: U+0E01-0E5B, U+200B-200D, U+25CC;
}
@font-face {
    font-family: 'Athiti';
    font-style: normal;
    font-weight: 600;
    src: local('Athiti SemiBold'), local('Athiti-SemiBold'), url(/lib/font/athiti600.woff2) format('woff2');
    unicode-range: U+0E01-0E5B, U+200B-200D, U+25CC;
}
@media (max-width: 991px){
#header.sky.transparent-header {
    background-color: #7fa6c0 !important;
}
}

.bg_main {
    background-color: #66809d;
}

body.bg_main, .bg_main #wrapper, .bg_main #content, .bg_main .shop-quick-view-ajax, .bg_main .portfolio-ajax-modal, .bg_main .modal-content, .bg_main .css3-spinner, body.bg_main #side-panel, body #side-panel.bg_main {
    background-color: #66809d;
}

.logo-banner{
	margin-top: 3rem;
    margin-bottom: 3rem;
}

.button.button-border {
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 35px;
}

.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 10px;
    padding: 0 22px;
    font-size: 14px;
    height: 50px;
    line-height: 40px;
    background-color: #1ABC9C;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2); 
}

.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: block;
    margin-bottom: 2rem;
  }
  
.btn-file {
	border: 2px solid gray;
	color: gray;
	background-color: white;
	padding: 8px 20px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.mtop-3{
	margin-top:2rem;
}

@media (min-width: 768px){
.vertical-middle-offset {
    position: relative;
    top: -250px; }
}

#footer {
    background-color: #66819e !important;
}

.fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i {
    background-color: #41beee;
    color: #FFF;
}

.fbox-border.fbox-effect .fbox-icon i:hover, .fbox-border.fbox-effect:hover .fbox-icon i {
    color: #FFF;
    box-shadow: 0 0 0 1px #41beee;
}

.fbox-border.fbox-effect .fbox-icon i:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    background-color: #41beee;
}

.fbox-effect .fbox-icon i:after {
    top: -3px;
    left: -3px;
    padding: 3px;
    box-shadow: 0 0 0 2px #53c4ef;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.3s, opacity 0.3s;
    transform: scale(.8);
    opacity: 0;
}

#primary-menu.style-4 > ul > li:hover > a, #primary-menu.style-4 > ul > li.current > a, .top-cart-item-image:hover, .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider, .cart-product-thumbnail img:hover, .feature-box.fbox-outline .fbox-icon, .feature-box.fbox-border .fbox-icon, .dark .top-cart-item-image:hover, .dark .post-timeline .entry:hover .entry-timeline, .dark .post-timeline .entry:hover .timeline-divider, .dark .cart-product-thumbnail img:hover, .heading-block.border-color:after {
    border-color: #54c4f0;

}

a, h1 > span:not(.nocolor), h2 > span:not(.nocolor), h3 > span:not(.nocolor), h4 > span:not(.nocolor), h5 > span:not(.nocolor), h6 > span:not(.nocolor), .header-extras li .he-text span, #primary-menu > ul > li:hover a, #primary-menu > ul > li.current a, #primary-menu > div > ul > li:hover a, #primary-menu > div > ul > li.current a, #top-cart a:hover, .top-cart-action span.top-checkout-price, .breadcrumb a:hover, #portfolio-filter li a:hover, .portfolio-desc h3 a:hover, .portfolio-overlay a:hover, #portfolio-navigation a:hover, .entry-title h2 a:hover, .entry-meta li a:hover, .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider, .ipost .entry-title h3 a:hover, .ipost .entry-title h4 a:hover, .spost .entry-title h4 a:hover, .mpost .entry-title h4 a:hover, .comment-content .comment-author a:hover, .product-title h3 a:hover, .single-product .product-title h2 a:hover, .product-price ins, .single-product .product-price, .feature-box.fbox-border .fbox-icon i, .feature-box.fbox-border .fbox-icon img, .feature-box.fbox-plain .fbox-icon i, .feature-box.fbox-plain .fbox-icon img, .process-steps li.active h5, .process-steps li.ui-tabs-active h5, .team-title span, .pricing-box.best-price .pricing-price, .btn-link, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .dark .post-timeline .entry:hover .entry-timeline, .dark .post-timeline .entry:hover .timeline-divider {
    color: #41beee;
}


.feature-box.fbox-dark .fbox-icon i, .feature-box.fbox-dark .fbox-icon img {
    background-color: #41beee;
}

#primary-menu.style-3 > ul > li.current > a, #primary-menu.sub-title > ul > li:hover > a, #primary-menu.sub-title > ul > li.current > a, #primary-menu.sub-title > div > ul > li:hover > a, #primary-menu.sub-title > div > ul > li.current > a, #top-cart > a > span, #page-menu-wrap, #page-menu ul ul, #page-menu.dots-menu nav li.current a, #page-menu.dots-menu nav li .dots-menu-caption, #portfolio-filter li.activeFilter a, #portfolio-shuffle:hover, .entry-link:hover, .sale-flash, .button:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime), .button.button-dark:hover, .promo.promo-flat, .feature-box .fbox-icon i, .feature-box .fbox-icon img, .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i, .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after, .i-rounded:hover, .i-circled:hover, ul.tab-nav.tab-nav2 li.ui-state-active a, .testimonial .flex-control-nav li a, .skills li .progress, .owl-theme .owl-dots .owl-dot span, #gotoTop:hover, .dark .button-dark:hover, .dark .fbox-effect.fbox-dark .fbox-icon i:hover, .dark .fbox-effect.fbox-dark:hover .fbox-icon i, .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after, .dark .i-rounded:hover, .dark .i-circled:hover, .dark ul.tab-nav.tab-nav2 li.ui-state-active a, .dark .tagcloud a:hover, .ei-slider-thumbs li.ei-slider-element, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: rgba(105, 216, 244, 0);
    font-family: 'Athiti', sans-serif;
}

.fbox-effect.fbox-dark .fbox-icon i:after, .dark .fbox-effect.fbox-dark .fbox-icon i:after {
    box-shadow: 0 0 0 2px #41beee;
}

.feature-box.fbox-dark.fbox-outline .fbox-icon {
    border-color: #41beee;
}

@media (max-width: 991px){
#primary-menu-trigger {
    opacity: 1;
    pointer-events: auto;
    top: 25px;
    margin-top: 0;
    right: 0;
    z-index: 1;
}}

.button.button-circle {
    border-radius: 30px;
}

.button i {
    position: relative;
    top: 1px;
    line-height: 1.3;
    margin-right: 30px;
    width: 15px;
    text-align: center;
}

.button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 10px;
    padding: 0 22px;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    background-color: #1ABC9C;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button-black {
    background-color: #42c0f0;
}

.button-3d.button-black:hover, .button-reveal.button-black:hover, .button-border.button-black:hover, .button-border.button-black.button-fill:before {
    background-color: #42c0f0 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #727477;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 30px 0;
    font-family: 'Athiti', sans-serif;
}

label {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666666;
    margin-bottom: 10px;
    cursor: pointer;
}

.btn-login {
    display: inline-block;
    position: fixed;
    top: 15px;
    right: 20px;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    /* margin: 10px;
    padding: 0 22px; */
    font-size: 14px;
    /* height: 50px; */
    /* line-height: 50px; */
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
}

.bg-blue-l {
    background-color: #41beee;
}

.fbox-effect .fbox-icon i:hover, .fbox-effect:hover .fbox-icon i {
    background-color: #41beee;
    color: #444;
}

.button.button-border.button-light {
    border-color: #F9F9F9;
    color: #F9F9F9;
    font-family: 'Athiti', sans-serif;
}


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