@charset "UTF-8";

/* ----------------------------------

Name: style.css
Version: 3.1

-------------------------------------

Table of contents
        
    01. Google font
    02. Reset
    03. Typography
    04. Background color
    05. Custom
    06. Button
    07. Border
    08. Aside style
    09. Video
    10. Background image
    11. Margin
    12. Padding
    13. Display and float
    14. Position
    15. Width
    16. Height
    17. Icon
    18. Magnific popup
    19. Header
    20. Page title
    21. Swiper carousel
    22. Grid
    23. Portfolio
    24. Elements
    25. Blog
    26. Footer
    27. Home page
    28. Others
*/

/* ===================================
    01. Google font
====================================== */

 

/* ===================================
    02. Reset
====================================== */
html {font-size: 15px;}
body {
    
font-family: Open Sans,Arial;
    
    
    
    -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size:14px; color:#6f6f6f; font-weight: 400;line-height: 24px;}
body, html {height: 100%; -moz-osx-font-smoothing: grayscale;}
a, a:active, a:focus {color: #6f6f6f; text-decoration: none;}
a:hover, a:active{color: var(--base-color); text-decoration: none;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none; box-shadow: none;}
img {max-width:100%; height:auto;}
 
.imglogo {max-width:185px !important; height:auto;}
video {background-size: cover; display: table-cell; vertical-align: middle; width: 100%;}
input, textarea, select{border: 1px solid #d1d1d1; font-size: 14px;  padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none; color: inherit;}
input[type="submit"] {width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] {-webkit-appearance: none; outline: none;}
input:focus, textarea:focus{border-color: #585858 !important; outline: none;}
input[type="button"]:focus, input:focus, textarea:focus, select:focus, .form-control:focus, .btn.focus, .btn:focus{outline: none; box-shadow: none;}
select::-ms-expand{display:none;}
iframe {border: 0;}
p {margin: 0 0 25px}
b, strong {font-weight: 600;}
.last-paragraph-no-margin p:last-of-type {margin-bottom:0}
.alt-font strong {font-weight: 700}
ul, ol, dl {list-style-position: outside; margin-bottom: 25px}
*{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
*:hover{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
.no-transition *, .swiper-container *, .mfp-container *, .portfolio-wrapper *, .parallax, .rev-slider *, .header-searchbar *, .header-social-icon *, .dropdropdown-menu * {transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; -ms-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;}
::selection {color: #000; background:#dbdbdb;}
::-moz-selection {color:#000; background:#dbdbdb;}
::-webkit-input-placeholder {color: #6f6f6f; text-overflow: ellipsis;}
::-moz-placeholder {color: #6f6f6f; text-overflow: ellipsis; opacity:1;} 
:-ms-input-placeholder {color: #6f6f6f; text-overflow: ellipsis; opacity:1;}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right: 15px; padding-left: 15px;}
.row {margin-right: -15px; margin-left: -15px;}
.row>* {padding-right: 15px; padding-left: 15px;}
.row.g-0 {margin-right: 0; margin-left: 0;}
.row.g-0>* {padding-right: 0; padding-left: 0;}
header [class^="container-"] [class^="col-"], header [class^="container-"] [class*=" col-"] {position: relative; padding-left: 15px; padding-right: 15px;}
.swiper-container { z-index: 1; }

@media (prefers-reduced-motion:no-preference) {
    :root {scroll-behavior: auto}
}

/* base color variable    #47d3a0*/
:root {--base-color: #29b4e9;}



/* ===================================
    03. Typography
====================================== */

/* font family */
.alt-font {font-family: Open Sans,Arial,sans-serif; font-weight: 500}
.main-font {font-family:Open Sans,Arial,sans-serif;}

/* heading */
h1, h2, h3, h4, h5, h6 {
    
    font-family: Roboto Slab,Arial,serif,sans-serif;
    margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 400;}
h1 {font-size:70px; line-height: 70px;}
h2 {font-size:55px; line-height:60px}
h3 {font-size:48px; line-height:54px}
h4 {font-size:40px; line-height:46px}
h5 {font-size:32px; line-height:40px}
h6 {font-size:25px; line-height:30px}

/* text size */
.text-extra-small {font-size:11px; line-height:14px}
.text-small {font-size:12px; line-height:20px}
.text-medium {font-size:16px; line-height:23px}
.text-large {font-size:18px; line-height:26px}
.text-extra-large {font-size: 20px; line-height:26px}
.title-large {font-size: 100px; line-height:95px}
.title-extra-large {font-size: 130px; line-height:120px}

/* text color */
.text-white-2, .btn.text-white-2 {color:#FFF}
.text-black, .btn.text-black {color:#000}
.text-extra-dark-gray, .btn.text-extra-dark-gray {color:#232323}
.text-dark-gray, .btn.text-dark-gray {color:#626262}
.text-extra-medium-gray, .btn.text-extra-medium-gray {color:#757575}
.text-medium-gray, .btn.text-medium-gray {color:#939393}
.text-extra-light-gray, .btn.text-extra-light-gray {color:#b7b7b7}
.text-light-gray, .btn.text-light-gray {color:#d6d5d5}
.text-very-light-gray, .btn.text-very-light-gray {color:#ededed}
.text-deep-pink, .btn.text-deep-pink {color: var(--base-color)}

.text-pink, .btn.text-pink {color: #128c7e;}

 
/* ===================================
    05. Custom
====================================== */
section {padding: 80px 0; overflow: hidden;}
section.big-section {padding:160px 0;}
section.extra-big-section {padding:200px 0;}
section.half-section {padding:80px 0;}
label {margin-bottom: 5px; font-weight: 500;}
.overlap-section {margin-top:-14%; position: relative}
.d-inherit {display: inherit !important;}

/* input */
.input-border-bottom {background: transparent; border: 0; border-bottom: 1px solid #484848; padding: 10px 0; margin-bottom: 30px; font-size: 14px; border-radius: 0;}
.input-border-bottom:focus{background: transparent; border: 0; border-bottom: 1px solid #929292;}
.input-border-bottom::-webkit-input-placeholder {font-weight: 300; font-size: 14px;}
.input-border-bottom::-moz-placeholder {font-weight: 300; font-size: 14px;} 
.input-border-bottom:-ms-input-placeholder {font-weight: 300; font-size: 14px;}

.extra-big-input, .extra-big-textarea, .extra-big-select select {padding: 18px 25px; font-size: 14px; line-height: 24px; height: 62px;}
.big-input, .big-textarea, .big-select select {padding: 18px 25px; font-size: 14px; border-radius: 0;}

.medium-input, .medium-textarea, .medium-select select {padding: 12px 20px; font-size: 14px; line-height: normal; border-radius: 0;}
.small-input, .small-textarea {padding: 12px 15px; font-size: 11px; line-height: normal}
.small-select select {padding: 15px 15px; line-height: normal}
.medium-input-light, .medium-textarea-light, .medium-select-light select {padding: 12px 25px; font-size: 12px; line-height: normal}

.extra-small-input, .extra-small-textarea, .extra-small-select select {padding: 9px 17px; font-size: 12px; line-height: normal}

.select-style {width: 100%; overflow: hidden; background: url("../images/select-arrow.png") no-repeat 97% 50%; border: 1px solid #d1d1d1; margin-bottom: 20px}
.select-style select {width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor: pointer;}
.select-style select:focus {outline: none; border: none; box-shadow: none}

.input-group input, .input-group textarea, .input-group select {margin:0; border-radius:4px 0 0 4px; border-color: #fff; padding: 19px 25px;}
.input-group-append .btn {border-radius:0 4px 4px 0}
.input-group-append .btn.btn-large {line-height:2px; height:62px; padding:15px 25px!important}
.input-group-404 input {height: 62px;}

.input-group .required-error {border: 1px solid #ee2323 !important}
.input-group .required-error,.input-group .required-error + .input-group-btn button , .input-group .required-error + .input-group-btn a.btn, .input-group .required-error+.input-group-append > .btn {border: 1px solid #ee2323 !important}

.input-border-white .input-border-bottom {border-bottom: 1px solid #ffffff; color: #fff; border-top: transparent !important;  border-left: transparent !important;  border-right: transparent !important}
.input-border-white .input-border-bottom:focus{background: transparent; border-bottom: 1px solid #ffffff;  color: #fff}
.input-border-white .input-border-bottom::-webkit-input-placeholder {color: #fff;}
.input-border-white .input-border-bottom::-moz-placeholder {color: #fff;} 
.input-border-white .input-border-bottom:-ms-input-placeholder {color: #fff;}

.btn .caret{border-top:4px solid}
input.input-bg {background-color: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0,0,0,.1);padding: 10px 20px; margin-bottom: 15px;}
input.input-bg:focus, textarea.input-bg:focus{border: 0; border: 1px solid rgba(0,0,0,.3);}
textarea.input-bg {background-color: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0,0,0,.1);padding: 10px 20px; margin-bottom: 15px; min-height: 130px;}
.input-bg::-webkit-input-placeholder {font-weight: 400; font-size: 14px;}
.input-bg::-moz-placeholder {font-weight:400; font-size: 14px;} 
.input-bg:-ms-input-placeholder {font-weight: 400; font-size: 14px;}

#success-subscribe-newsletter {clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding: 7px 0; display: none; font-size: 14px}
#success-subscribe-newsletter2 {clear: both; margin: 0 15px 15px; text-align: center; border: 1px solid #1a940a; color: #1a940a;  padding: 7px 0; display: none; font-size: 14px}

.form-results {clear: both; margin: 0 0 15px; text-align: center; padding: 10px 0; display: none; font-size: 14px}
   
header {width: 100%; z-index: 99;}
.header-with-topbar .top-header-area {font-size: 11px; position: fixed; top: 0; z-index: 10005; width: 100%; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -moz-transition: ease-in-out 0.3s; -ms-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s;}
.sticky.header-with-topbar .top-header-area {top: -45px}
.sticky.header-with-topbar.fixed-topbar .top-header-area {top: 0}
.navbar-fixed-top {position: fixed; top: 0; right: 0; left: 0; z-index: 1030;}
.navbar-form.search-box {display: inline-block; margin-top: 8px; margin-bottom: 8px;}
header .top-header-area .icon-social-very-small a:last-child i{margin-right: 0;}
header nav .row {height: auto; padding: 0;}
header nav.navbar [class*="col-"], header nav.navbar [class^=" col-"] {padding-left: 15px; padding-right: 15px;}
header nav.navbar {border-radius: 0; padding: 0;}
header nav.navbar-default, nav.navbar.bootsnav {border-bottom: 0;}
header nav {width: 100%; top: 0px; z-index: 99; margin-bottom: 0;}
header nav .nav-header-container {position: relative;}
header nav .navbar-nav > li > a {color: #232323; font-size: 12px; font-weight: 800; margin:0 20px; padding: 5px 0px 5px;  letter-spacing: 0.015em;}
header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus, header nav .navbar-nav > li.active > a {background: transparent;}
header nav .navbar-nav > li:last-child a {margin-right: 0;}
.navbar-fixed-bottom, .navbar-fixed-top {z-index: 9999}
header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus, header nav.navbar-default .navbar-nav > li.active > a {border-bottom-color: #232323}
header nav .navbar-nav.text-normal > li > a {font-weight: 600; font-size: 16px}
.navbar-nav > li {position: inherit;}
.navbar-nav > li.dropdown > .fas {display: none}
.navbar-nav > li ul {margin: 0; padding: 0;}
.navbar-toggler {border-radius: 0; margin-right: 0;float: right; border: none;}
.mobile-toggle {display: block}
nav.navbar.bootsnav .navbar-toggle {top: 2px;}
.sidebar-nav .mobile-toggle {display: none}
.mobile-toggle span {display: block; width: 16px; height: 2px; background: #232323; content: "";}
.mobile-toggle span:nth-child(2) {margin: 3px 0px;}
.mobile-toggle:hover span, .white-link .mobile-toggle:hover span {background-color: red}
.white-link .mobile-toggle span {background: #fff;}
header nav .brand-logo {padding-top: 20px; padding-bottom: 20px;}
header.sticky nav .brand-logo {padding-top: 15px; padding-bottom: 15px;}
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a {padding: 20px 0 20px;}
 
 
 
/* ===================================
    26. Footer
====================================== */

 

.bg-dark-footer{background-color:#141414;}
.footer-logo {max-height: 28px;}

/* footer input */
footer input::-webkit-input-placeholder {color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;}
footer input::-moz-placeholder {color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;} 
footer input:-ms-input-placeholder {color: #6f6f6f; text-overflow: ellipsis; font-size: 11px; font-weight: 400; opacity:1;}
footer .newsletter input {color: #6f6f6f; letter-spacing: normal;}
   

/* animation */ 
@-webkit-keyframes up-down-animation {0%   {opacity:1;  top:0px;} 25%  {opacity:.4;   top:2px;} 50%  {opacity:.3;  top:4px;} 75%  {opacity:.2;  top:5px;} 100% {opacity:0;  top:9px;} }
@keyframes up-down-animation {0%   {opacity:1;  top:0px;} 25%  {opacity:.4;   top:4px;} 50%  {opacity:.3;  top:8px;} 75%  {opacity:.2;  top:12px;} 100% {opacity:0;  top:16px;} }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    nav .accordion-menu {position: static !important;}
    .swiper-container, .blog-post-content {width: 100%;}
    .left-nav .sidebar-part2 .navbar-expand-lg .navbar-nav {flex-direction: column;}
    .sidebar-nav-style-1.navbar-expand-lg .navbar-collapse {display: block !important;}
    .signature {height: auto;}
}

/* demo page css */
.demo-heading {font-size: 40px; line-height: 46px;}
.buy-theme {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; position:fixed; top:130px; right: -70px; background: #fff; z-index: 1000; -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2); z-index: 9999}
.buy-theme i {font-size: 16px; vertical-align: middle; position: relative; top: -1px; color: #6f6f6f}
.all-demo i {font-size: 15px; vertical-align: middle; position: relative; top: -1px; color: #6f6f6f}
.buy-theme:hover, .all-demo:hover {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; right: 0px; background: var(--base-color)}
.buy-theme span, .all-demo span {padding:0 9px; position: relative; top:0; opacity: 0}
.buy-theme:hover span, .all-demo:hover span {opacity: 1; color: #fff}
.buy-theme:hover i, .all-demo:hover i {color: #fff}
.buy-theme a, .all-demo a {color: #232323; font-size: 10px; text-transform: uppercase; padding:2px 10px; display: block; text-decoration: none; font-weight: 500}
.all-demo {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; position:fixed; top:172px; right: -105px; background: #fff; z-index: 1000; -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2); z-index: 9999}




.clear { clear: both; }