@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

/* ===================================
    02. Reset
====================================== */
html {font-size: 15px;}
body {font-family: 'Roboto', sans-serif; -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:focus {outline: none; box-shadow: none;}
/* img {max-width:100%; height:auto;} */
.btn:focus{outline: none; box-shadow: none;}
p {margin: 0 0 25px}
b, strong {font-weight: 600;}
ul {list-style-position: outside; margin-bottom: 25px}

*: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;}
.parallax {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-lg {padding-right: 15px; padding-left: 15px;}
.row {margin-right: -15px; margin-left: -15px;}
.row>* {padding-right: 15px; padding-left: 15px;}
header [class^="container-"] [class*=" col-"] {position: relative; padding-left: 15px; padding-right: 15px;}

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

/* base color variable*/
:root {--base-color: #ff214f;}

/* font family */
.alt-font {font-family: 'Montserrat', sans-serif; font-weight: 500}

/* heading */
h1, h2, h3, h4 {margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 400; color: #fff951;}
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}

/* blockquote */
blockquote {padding: 20px 30px}
blockquote  p {font-size: 18px; line-height: 30px; margin-bottom: 17px !important; font-weight: 300}
blockquote {border-left: 2px solid; padding: 15px 40px; margin: 45px 0}

.bg-transparent, .background-transparent {background-color: transparent;}

/* ===================================
    05. Custom
====================================== */
section {padding: 130px 0; overflow: hidden;}

.btn {display:inline-block; border:2px solid transparent; color: inherit; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Montserrat', sans-serif; font-weight: 600; transition-duration: 0.3s; transition-timing-function: ease-in-out; white-space: nowrap;}

/* button size */
.btn i {margin-left: 6px; vertical-align: middle; position: relative; top:-1px}

.parallax {position: relative !important; background-size: cover !important; overflow: hidden; background-attachment: fixed !important; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}

.no-margin {margin:0 !important}

/* margin top */
.margin-two-top {margin-top:2%}
.margin-20px-top {margin-top:20px}

/* margin bottom */
.margin-20px-bottom {margin-bottom:20px}

/* margin right */
.margin-20px-right {margin-right:20px}

/* padding top and bottom */
.padding-50px-tb {padding-top:50px; padding-bottom:50px;}

/* padding left and right */

/* ==============================
    13. Display and float
================================ */
.overflow-visible {overflow:visible !important;}

.w-40 {width:40%;}
.w-100 {width:100%;}

/* header icon */
.navbar-toggler .icon-bar {display: block; width: 22px; height: 2px; border-radius: 1px;}
.navbar-toggler .icon-bar+.icon-bar {margin-top: 4px;}
.navbar-toggler:focus {box-shadow: none;}

/* menu center */
.navbar-collapse {padding-left: 0; padding-right: 0; min-height: 0px;}

/* menu center logo */
header nav.menu-logo-center .navbar-nav > li > a {margin: 0 20px;}
header nav.menu-logo-center .navbar-nav > li:last-child a {margin-right: 20px}

/* default pionter cursor */

/* header navigation color and logo */
header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a{color: #232323; cursor: pointer;}
header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a {color: #fff}

header .logo .logo-dark, header .logo .logo-light {visibility: hidden; opacity: 0; width: 0; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
header .logo .logo-light.default {visibility: visible; opacity: 1; width: auto; transition-duration:0.5s;  -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
header a.logo {display: inline-block; vertical-align: middle;}
header a.logo img {max-height:26px;}

/* header animation */
.navbar-top {position: fixed;top: 0; left: 0; right: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}

/* navigation */
header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover {color: rgba(0,0,0,0.6)}
header nav.navbar.white-link .navbar-nav > li > a:hover, nav.navbar.bootsnav.white-link ul.nav > li > a:hover {color: rgba(255,255,255,0.6)}
.navbar-nav>li>a {line-height: 20px;}

header {width: 100%; z-index: 99;}
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; text-transform: uppercase; letter-spacing: 0.015em;}
header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus {background: transparent;}
header nav .navbar-nav > li:last-child a {margin-right: 0;}
header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus {border-bottom-color: #232323}
header nav .navbar-nav.text-normal > li > a {font-weight: 600; font-size: 12px}
.navbar-nav > li {position: inherit;}
.navbar-toggler {border-radius: 0; margin-right: 0;float: right; border: none;}

/* mega menu */
nav .accordion-menu {position: initial !important;}

/* header center logo */
.center-logo {left: 50%; position: absolute; margin-top: -14px; top: 50%; text-align: center; transform: translateX(-50%); z-index: 1; max-width: 20%}

/* collepsed menu icon */
.navbar-default .navbar-toggler .icon-bar {background: #232323;}
.navbar-default.white-link .navbar-toggler .icon-bar {background: #fff;}

/* dropdown menu */
nav.navbar.navbar-default ul.nav > li > a {padding:26px 0; background: transparent; border-color: transparent; font-weight: 600; display: block;}

/* sidebar navigation style 2 */
.navbar-collapse {-webkit-overflow-scrolling:auto; -moz--webkit-overflow-scrolling:auto; -ms--webkit-overflow-scrolling:auto; -o--webkit-overflow-scrolling:auto;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    nav .accordion-menu {position: static !important;}
}

/* demo page css */