/*-------------------------------------------------------------------------------------
Theme Name:	crea;tink
Theme URI: 	http://themes.iki-bir.com/creatink
Version:	1.0
Author:		elemis

01. RESET
02. GENERAL
03. FLEX & ALIGN
04. HEADER
05. MEGA MENU
06. DROPDOWN
07. STICKY HEADER
08. HAMBURGER MENU ICON
09. BUTTON
10. SLIDER REVOLUTION 
11. SLICK
12. FOTORAMA
13. COLLAGE
14. ISOTOPE
15. PORTFOLIO
16. BLOG
17. WIDGETS
18. COMMENTS
19. LISTS
20. FEATURE
21. BOX
22. DISC
23. TILES
24. BASIC GALLERY
25. MODAL
26. VIDEO PARALLAX
27. TABS
28. ACCORDION / COLLAPSE
29. TIMELINE
30. PROGRESS
31. DIAL
32. TOOLTIP
33. POPOVER
34. PAGINATION
35. PLYR
36. COUNTER
37. COUNTDOWN
38. PRICING
39. TABLES
40. LIGHTGALLERY
41. FORMS
42. RATING
43. SCROLL ANIMATIONS
44. SOCIAL ICONS
45. FONT ICONS
46. COLORS
47. OVERLAY
48. COCOEN
49. SHOP
50. PAGE LOADING
51. GO TO TOP
52. INVERSE TEXT
53. RESPONSIVE
-------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	01. RESET
/*-----------------------------------------------------------------------------------*/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:focus {
    outline: 0
}
.fit-vids-style {
    display: none
}
figure {
    margin: 0;
    padding: 0;
}
figure img {
    max-width: 100%
}
iframe {
    border: none
}
.clearfix {
    clear: both;
}
::-moz-selection {
    background: #fefac7;
    /* Safari */
    
    color: #404040;
}
::selection {
    background: #fefac7;
    /* Safari */
    
    color: #404040;
}
::-moz-selection {
    background: #fefac7;
    /* Firefox */
    
    color: #404040;
}
/*-----------------------------------------------------------------------------------*/
/*	02. GENERAL
/*-----------------------------------------------------------------------------------*/

body {
    font-size: 14px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    color: #707070;
    font-family: 'Rubik', sans-serif;
    overflow-x: hidden !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.navbar,
footer {
    -ms-flex-negative: 0;
        flex-shrink: 0
}
.content-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto
}
.container {
    padding-right: 0;
    padding-left: 0;
}
.container-fluid {
    padding-left: 40px;
    padding-right: 40px
}
body,
li,
address {
    line-height: 26px
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-weight: normal;
    color: inherit;
}
p {
    margin: 0 0 20px
}
a.hover {
    -webkit-transition: border 150ms ease-in-out;
    -o-transition: border 150ms ease-in-out;
    transition: border 150ms ease-in-out;
    padding-bottom: 0;
    border-bottom: 1px solid transparent;
}
a.hover:hover {
    border-bottom: 1px solid #4c98c9;
    -webkit-transition: border 150ms ease-in-out;
    -o-transition: border 150ms ease-in-out;
    transition: border 150ms ease-in-out;
}
a {
    color: #4c98c9;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
a.nocolor {
    color: inherit;
}
a:hover,
a:focus {
    text-decoration: none;
    color: #4c98c9;
}
b,
strong,
.table th,
dt,
.wt500 {
    font-weight: 500;
}
.wt300 {
    font-weight: 300;
}
.wt400 {
    font-weight: 400;
}
.wt700 {
    font-weight: 700;
}
hr {
    border: 0;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 70px;
    margin-bottom: 70px;
}
hr.dashed {
    border-bottom-width: 2px;
    border-style: dashed;
}
hr.dotted {
    border-bottom-width: 2px;
    border-style: dotted;
}
hr.double {
    border-bottom-width: 4px;
    border-style: double;
}
.divider-icon {
    border: 0;
    position: relative;
    padding-top: 70px;
    padding-bottom: 70px;
}
.divider-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 18px;
    color: rgba(0, 0, 0, 0.15);
}
.divider-icon:before,
.divider-icon:after {
    position: absolute;
    top: 50%;
    content: "";
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    width: calc(50% - 20px)
}
.divider-icon:before {
    left: 0;
}
.divider-icon:after {
    right: 0;
}
.inner {
    padding-top: 90px;
    padding-bottom: 90px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    color: #404040;
    margin-bottom: 10px;
    font-weight: normal;
}
h1 {
    font-size: 25px;
    line-height: 32px;
}
h1.post-title,
h2.post-title,
h2 {
    font-size: 23px;
    line-height: 30px;
}
h1.page-title,
h3 {
    font-size: 21px;
    line-height: 28px;
}
h3.post-title,
h4 {
    font-size: 19px;
    line-height: 26px;
}
h5 {
    font-size: 17px;
    line-height: 24px;
}
h6 {
    font-size: 15px;
    line-height: 21px;
}
.section-title {
    font-weight: 300;
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 15px;
}

.section-title.larger {
    font-size: 40px;
    line-height: 48px;
}
.section-title-medium {
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -1px;
}
.section-title-upper {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.section-title-upper-small {
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.section-title-line {
    position: relative;
}
.section-title-line:before,
.section-title-line:after {
    content: '';
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    display: inline-block;
    vertical-align: 7px;
}
.section-title.section-title-line:before,
.section-title.section-title-line:after {
    vertical-align: 9px;
}
.section-title-upper.section-title-line:before,
.section-title-upper.section-title-line:after {
    vertical-align: 7px;
}
.section-title-upper-small.section-title-line:before,
.section-title-upper-small.section-title-line:after {
    vertical-align: 5px;
}
.section-title-line.text-center:before,
.section-title-line.text-center:after {
    width: 80px
}
.section-title-line:before {
    margin-left: -100%;
    margin-right: 20px;
}
.section-title-line:after {
    margin-right: -100%;
    margin-left: 20px;
}
.heading {
    font-size: 46px;
    line-height: 56px;
    margin-bottom: 20px;
}
.sub-heading {
    font-size: 30px;
    line-height: 40px;
    font-weight: normal;
    margin-bottom: 20px;
}
.title-color {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1.5px;
	font-weight: 500;
	text-transform: uppercase;
}
.lead {
    font-size: 22px;
    line-height: 34px;
    font-weight: 300;
}
.lead.larger {
    font-size: 26px;
    line-height: 34px;
}
.lead2 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}
.error-404 {
    font-size: 150px;
    line-height: 1;
}
.light-wrapper {
    background: #f6f7f8;
}
.gray-wrapper {
    background: rgba(0, 0, 0, 0.03);
}
.top-bar.gray-wrapper {
    background: rgba(0, 0, 0, 0.045);
}
.dark-wrapper {
    background: #2b2b2b;
}
footer.dark-wrapper,
.navbar.dark-wrapper,
.nav-wrapper.dark-wrapper,
.navbar.narrow:not(.fixed) .nav-wrapper.dark-wrapper .container {
    background: #272727
}
.sub-footer.dark-wrapper {
    background: #f9f9f9;
}
.sub-footer .container-fluid {
	width: 100%;
}
footer.footer-bg {
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
}
footer.footer-bg1 {
    background-image: url(/style/images/art/footer.png) !important;
    padding-bottom: 312px;
}
footer.footer-bg2 {
    background-image: url(/style/images/art/footer2.jpg) !important;
    padding-bottom: 369px;
}
footer.footer-bg3 {
    background-image: url(/style/images/art/footer3.jpg) !important;
    padding-bottom: 369px;
}
.pattern-wrapper {
    background: transparent repeat center center;
}
.color-wrapper {
    background: #4c98c9;
}
.gradient-wrapper {
	background-color: #3c9dda;
	background-image: linear-gradient(90deg, #a65ccd 0%, #3c9dda 100%);
}
.parallax.pattern {
    background-size: auto !important;
}
blockquote {
    position: relative;
    padding: 0;
    border: 0;
    background: none;
}
blockquote p + * {
    margin-top: 20px;
}
blockquote p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
}
blockquote.small p {
    font-size: 15px;
    line-height: 25px;
    font-weight: normal;
    margin: 0;
}
blockquote.large p {
    font-size: 22px;
    line-height: 34px;
    font-weight: 300;
    font-style: normal;
}
blockquote.border {
    border-left: 3px solid rgba(0, 0, 0, 0.1);
    padding-left: 20px;
}
blockquote.icon {
    padding-left: 45px;
}
blockquote.icon:before {
    font-family: 'Entypo';
    content: "\ea02";
    position: absolute;
    top: -10px;
    left: 0;
    font-size: 35px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    color: rgba(0, 0, 0, 0.15);
}
blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    color: inherit;
    font-weight: 300;
}
.dropcap {
    font-weight: 500;
    display: block;
    float: left;
    font-size: 49px;
    padding: 0;
    margin: 0;
    margin: 12px 8px 0 0;
    text-transform: uppercase;
    color: #404040;
}
.dropcap.circle,
.dropcap.square {
    font-size: 22px;
    color: #fff;
    height: 45px;
    width: 45px;
    line-height: 45px;
    margin: 5px 8px 0 0;
    text-align: center;
    letter-spacing: -1px;
}
.dropcap.circle {
    border-radius: 50%;
}
.dropcap.square {
    border-radius: 4px
}
.alert.bg {
    border: 0;
    border-radius: 4px;
    color: #FFF;
}
.alert.bg.alert-warning {
    background-color: #f0ad4e;
}
.alert.bg.alert-danger {
    background-color: #d9534f;
}
.alert.bg.alert-success {
    background-color: #5cb85c;
}
.alert.bg.alert-info {
    background-color: #5bc0de;
}
.alert {
    border-radius: 0
}
.alert-success {
    border-color: #c0d6ae
}
.alert-info {
    border-color: #a3d5df
}
.alert-warning {
    border-color: #eddebf
}
.alert-danger {
    border-color: #ddb8be
}
.close {
    filter: alpha(opacity=20);
    opacity: .2;
    font-size: 25px;
    font-weight: normal;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    text-shadow: none;
}
.close:focus,
.close:hover {
    filter: alpha(opacity=40);
    opacity: .4
}
abbr[title],
acronym[title] {
    cursor: help !important;
    border-bottom: 1px dotted #777 !important;
    text-decoration: none !important;
}
.alert .close {
    line-height: 25px
}
.label {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1;
    display: inline-block;
    font-weight: 500;
    border-radius: 4px;
    margin-right: 2px;
    padding: 7px 10px 6px;
}
.label,
.label a {
    color: #FFF !important;
}
.google-map {
    width: 100%;
}
.google-map.full {
    height: 100%;
    overflow: hidden;
    display: block;
    position: absolute;
    height: auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
.google-map.h450 {
    height: 450px;
}
.google-map.h360 {
    height: 360px;
}
.map-info * {
    font-family: 'Rubik', sans-serif;
}
.map-info p {
    color: #707070;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px;
}
.image-block-wrapper {
    padding: 0px;
    position: relative;
}
.image-block-wrapper .image-block {
    overflow: hidden;
    position: absolute;
    height: 100%;
    padding: 0px;
    top: 0px;
}
.image-block-wrapper .image-block .image-block-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center center !important;
}
.image-block-wrapper .image-block .image-block-bg.bg1 {
    background-image: url(/style/images/art/about3.jpg)
}
.image-block-wrapper .image-block .image-block-bg.bg2 {
    background-image: url(/style/images/art/about4.jpg)
}
.row.gutter60 {
    margin-left: -15px;
    margin-right: -15px
}
.row.gutter60 > [class*="col-"] {
    padding-left: 30px;
    padding-right: 30px;
}
.split-layout .content-left {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.split-layout.bg1 .content-left {
	background-image: url(/style/images/art/resume-bg.jpg);
}
.split-layout.bg2 .content-left {
	background-image: url(/style/images/art/uc-bg.jpg);
}
.split-layout .inner {
	padding: 90px;
}
/*-----------------------------------------------------------------------------------*/
/*	03. FLEX & ALIGN
/*-----------------------------------------------------------------------------------*/

.center-box {
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: center;
}
.flex-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start
}
.flex-center > * {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
}
.flex-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.align-center {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
            flex: 1 0 auto;
}
.row-eq-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.centered {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
/*-----------------------------------------------------------------------------------*/
/*	04. HEADER
/*-----------------------------------------------------------------------------------*/

.navbar {
    z-index: 100;
    border: 0;
    border-radius: 0;
    min-height: inherit;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    position: relative;
}
.navbar.dark-wrapper {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar.absolute {
    position: absolute;
}
.navbar.transparent:not(.banner--clone) {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.navbar .navbar-brand {
    padding: 0;
    line-height: 0;
    float: none;
    height: auto;
    position: relative;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
	padding-left: 15px;
}
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
    margin: 0;
}
.navbar .navbar-collapse {
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    overflow: hidden;
}
.navbar .navbar-nav {
    margin: 0;
    font-size: 0;
}
.navbar .navbar-nav > li > a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar.uppercase .navbar-nav > li > a {
    text-transform: uppercase;
    font-size: 13px;
}
.navbar .mega-menu h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #FFF;
}
.navbar .navbar-nav > li > a,
.navbar .navbar-other a.nav-link {
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    color: #404040;
}
.navbar .navbar-other a.nav-link > i {
    font-size: 18px;
    vertical-align: -1px;
}
.navbar .navbar-other .btn-search a.nav-link > i {
    vertical-align: -2px;
}
.navbar .navbar-other .post-title,
.navbar .navbar-other .meta.price {
    font-size: 15px;
}
.navbar .nav > li > a:hover,
.navbar .nav > li.active > a,
.navbar .navbar-other a.nav-link:hover {
    background: none;
    color: #4c98c9
}
.navbar .navbar-nav > li > a:focus {
    background: none;
    color: #ccc
}
.navbar-nav .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 150px;
    border: none;
    background: none;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.navbar-nav .dropdown-menu li:first-child {
    border: 0
}
.navbar-nav .dropdown-menu li a {
    background: none;
    border: none;
    text-transform: none;
    padding: 0;
    line-height: 1;
    color: #ccc;
    font-size: 13px;
    display: block;
}
.navbar-nav .dropdown-menu li a:hover,
.navbar-nav .dropdown-menu li a.active,
.navbar-nav.nav .open > a,
.navbar-nav.nav .open > a:hover,
.navbar-nav.nav .open > a:focus,
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav .dropdown-submenu:hover > a,
.navbar-nav .dropdown-submenu:focus > a,
.navbar-nav .dropdown-menu > .active > a,
.navbar-nav .dropdown-menu > .active > a:hover,
.navbar-nav .dropdown-menu > .active > a:focus {
    background: none
}
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav .dropdown-submenu:hover > a,
.navbar-nav .dropdown-submenu:focus > a,
.navbar-nav .dropdown-menu > .active > a,
.navbar-nav .dropdown-menu > .active > a:hover,
.navbar-nav .dropdown-menu > .active > a:focus {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false)
}
.navbar-nav .dropdown-menu li a:hover,
.navbar-nav .dropdown-menu li a.active {
    padding: 0;
    -webkit-filter: none;
            filter: none;
    line-height: 1;
}
.navbar-nav .dropdown-menu li a:hover,
.navbar-nav .dropdown-menu li a.active {
    color: #fff
}
.navbar-nav.nav > li > .dropdown-menu:after {
    display: none
}
.navbar .nav-bars-wrapper .nav-bars-inner {
    pointer-events: none
}
a.has-submenu {
    position: relative;
}
.caret {
    border: 0;
    line-height: 0;
    margin-left: -2px;
}
.navbar-nav:not(.sm-collapsible) ul .caret {
    display: inline-block;
}
.caret:before {
    content: "\e924";
    font-family: 'Entypo';
    font-weight: normal;
    font-size: 17px;
}
.navbar-nav:not(.sm-collapsible) ul .caret:before {
    content: '\e926';
    position: absolute;
    top: 17px;
    right: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*	05. MEGA MENU
/*-----------------------------------------------------------------------------------*/

.navbar-nav,
.navbar-nav > li.mega-menu {
    position: static !important;
}
.navbar-nav > li > ul.mega-menu {
    margin-left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
}
/*-----------------------------------------------------------------------------------*/
/* 	06. DROPDOWN
/*-----------------------------------------------------------------------------------*/

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background: none;
}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-group .dropdown-menu > li > a {
    line-height: 1;
    padding: 12px 25px;
    display: block;
}
.btn-group .dropdown-menu > li > a {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.btn-group .dropdown-menu > li:first-child > a {
    border: 0;
}
.btn-group .dropdown-menu:before {
    content: "";
    position: absolute;
    top: -20px;
    bottom: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFF;
}
.btn-group .dropdown-menu {
    padding: 0;
    min-width: 140px;
    margin: 10px 0px 0px -70px;
    list-style: none;
    border: 0;
    left: 50%;
    border-radius: 4px;
    background: #FFF;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.1));
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.btn-group .dropdown-menu > li > a i {
    padding-right: 10px;
    vertical-align: -1px;
}
.btn-group .dropdown-menu > li > a:hover,
.btn-group .dropdown-menu > li > a:focus {
    color: #4c98c9;
    background: none
}
.navbar-other .dropdown-menu {
    min-width: 300px;
    padding: 30px;
    left: auto;
    right: -10px;
}
.navbar-other .dropdown-menu:before {
    right: 8px;
    left: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}
.navbar-other .btn-cart .dropdown-menu:before {
    right: 28px;
}
/*-----------------------------------------------------------------------------------*/
/*	07. STICKY HEADER
/*-----------------------------------------------------------------------------------*/

.navbar.fixed {
    margin: 0;
    width: 100%;
}
.banner--clone {
    position: fixed !important;
    z-index: 1039;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.banner--stick {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    background: rgba(255, 255, 255, 0.9)
}
.navbar.fixed.nav-wrapper-dark {
	background: #272727;
}
/*-----------------------------------------------------------------------------------*/
/*	08. HAMBURGER MENU ICON
/*-----------------------------------------------------------------------------------*/

.nav-bars {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 0;
    text-indent: -9999px;
    float: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    pointer-events: all;
}
.navbar.center.no-logo .nav-bars {
	float: none;
	margin: 0 auto;
}
.nav-bars:focus {
    outline: none
}
.nav-bars span {
    display: block;
    position: absolute;
    top: 13px;
    left: 0px;
    right: 0px;
    height: 3px;
    background: #404040;
}
.nav-bars span::before,
.nav-bars span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #404040;
    content: "";
}
.nav-bars span::before {
    top: -8px
}
.nav-bars span::after {
    bottom: -8px
}
.nav-bars span {
    -webkit-transition: background 0s 0.3s;
    -o-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}
.nav-bars span::before,
.nav-bars span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
    -o-transition-duration: 0.3s, 0.3s;
       transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    -o-transition-delay: 0.3s, 0s;
       transition-delay: 0.3s, 0s;
}
.nav-bars span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}
.nav-bars span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}
.nav-bars.is-active span {
    background: none
}
.nav-bars.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-bars.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.nav-bars.is-active span::before,
.nav-bars.is-active span::after {
    -webkit-transition-delay: 0s, 0.3s;
    -o-transition-delay: 0s, 0.3s;
       transition-delay: 0s, 0.3s;
}
/*-----------------------------------------------------------------------------------*/
/*	09. BUTTON
/*-----------------------------------------------------------------------------------*/

.btn {
    color: #FFF;
    background: #960012;
    border: 0;
    margin-bottom: 10px;
    margin-right: 5px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1;
    padding: 15px 20px 14px;
    border-radius: 0;
    text-shadow: none;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: inline-block;
}
.text-center .btn {
    margin-left: 4px;
    margin-right: 4px;
}
.text-right .btn {
    margin-right: 0;
}
.btn-rounded {
    border-radius: 4px;
}
.btn-full-rounded {
    border-radius: 30px;
}
.btn-s {
    padding: 12px 15px 11px;
    font-size: 13px;
}
.btn-l {
    padding: 15px 25px 14px;
    font-size: 14px;
}
.btn.fixed-width {
    width: 165px
}
@-moz-document url-prefix() {
    .btn {
        padding: 14px 20px;
    }
    .btn-s {
        padding: 11px 15px;
    }
    .btn-l {
        padding: 15px 25px;
    }
}
.btn.btn-square {
    padding: 7px 7px 5px 7px;
}
.btn-submit {
    margin: 0
}
.btn.btn-blue {
    background: #4c98c9
}
.btn.btn-green {
    background: #3fbfae
}
.btn.btn-orange {
    background: #ee7757
}
.btn.btn-red {
    background: #e45050
}
.btn.btn-yellow {
    background: #f1bd69
}
.btn.btn-pink {
    background: #df739b
}
.btn.btn-purple {
    background: #c78ed7
}
.btn.btn-brown {
    background: #9c7c6f
}
.btn.btn-navy {
    background: #34495e
}
.btn.btn-aqua {
    background: #28b8d8
}
.btn.btn-forest {
    background: #85ae7d
}
.btn.btn-lime {
    background: #afca74
}
.btn.btn-violet {
    background: #9a8eb2
}
.btn.btn-sky {
    background: #7bc4e6
}
.btn.btn-white {
    background: #FFF;
    color: #404040;
}
.btn-border {
    border: 2px solid #4c98c9;
    background: none;
    color: #4c98c9;
}
.btn.btn-border.btn-blue {
    border-color: #4c98c9;
    background: none;
    color: #4c98c9;
}
.btn.btn-border.btn-green {
    border-color: #3fbfae;
    background: none;
    color: #3fbfae;
}
.btn.btn-border.btn-orange {
    border-color: #ee7757;
    background: none;
    color: #ee7757;
}
.btn.btn-border.btn-red {
    border-color: #e45050;
    background: none;
    color: #3fbfae;
}
.btn.btn-border.btn-orange {
    border-color: #ee7757;
    background: none;
    color: #ee7757;
}
.btn.btn-border.btn-red {
    border-color: #e45050;
    background: none;
    color: #e45050;
}
.btn.btn-border.btn-yellow {
    border-color: #f1bd69;
    background: none;
    color: #f1bd69;
}
.btn.btn-border.btn-pink {
    border-color: #df739b;
    background: none;
    color: #df739b;
}
.btn.btn-border.btn-purple {
    border-color: #c78ed7;
    background: none;
    color: #c78ed7;
}
.btn.btn-border.btn-brown {
    border-color: #9c7c6f;
    background: none;
    color: #9c7c6f;
}
.btn.btn-border.btn-navy {
    border-color: #34495e;
    background: none;
    color: #34495e;
}
.btn.btn-border.btn-aqua {
    border-color: #28b8d8;
    background: none;
    color: #28b8d8;
}
.btn.btn-border.btn-forest {
    border-color: #85ae7d;
    background: none;
    color: #85ae7d;
}
.btn.btn-border.btn-lime {
    border-color: #afca74;
    background: none;
    color: #afca74;
}
.btn.btn-border.btn-violet {
    border-color: #9a8eb2;
    background: none;
    color: #9a8eb2;
}
.btn.btn-border.btn-sky {
    border-color: #7bc4e6;
    background: none;
    color: #7bc4e6;
}
.btn.btn-border.btn-white {
    border-color: #FFF;
    background: none;
    color: #FFF;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    background: #3682b2;
    color: #fff;
    border: 0;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn.btn-blue:hover,
.btn.btn-blue:focus,
.btn.btn-blue:active,
.btn.btn-blue.active {
    background: #3682b2
}
.btn.btn-green:hover,
.btn.btn-green:focus,
.btn.btn-green:active,
.btn.btn-green.active {
    background: #2fac9b
}
.btn.btn-orange:hover,
.btn.btn-orange:focus,
.btn.btn-orange:active,
.btn.btn-orange.active {
    background: #dc6849
}
.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red:active,
.btn.btn-red.active {
    background: #d14242
}
.btn.btn-yellow:hover,
.btn.btn-yellow:focus,
.btn.btn-yellow:active,
.btn.btn-yellow.active {
    background: #e5af57
}
.btn.btn-pink:hover,
.btn.btn-pink:focus,
.btn.btn-pink:active,
.btn.btn-pink.active {
    background: #d2648d
}
.btn.btn-purple:hover,
.btn.btn-purple:focus,
.btn.btn-purple:active,
.btn.btn-purple.active {
    background: #b97cca
}
.btn.btn-brown:hover,
.btn.btn-brown:focus,
.btn.btn-brown:active,
.btn.btn-brown.active {
    background: #8b6a5d
}
.btn.btn-navy:hover,
.btn.btn-navy:focus,
.btn.btn-navy:active,
.btn.btn-navy.active {
    background: #223344
}
.btn.btn-aqua:hover,
.btn.btn-aqua:focus,
.btn.btn-aqua:active,
.btn.btn-aqua.active {
    background: #19aaca
}
.btn.btn-forest:hover,
.btn.btn-forest:focus,
.btn.btn-forest:active,
.btn.btn-forest.active {
    background: #749d6c
}
.btn.btn-lime:hover,
.btn.btn-lime:focus,
.btn.btn-lime:active,
.btn.btn-lime.active {
    background: #9cb663
}
.btn.btn-violet:hover,
.btn.btn-violet:focus,
.btn.btn-violet:active,
.btn.btn-violet.active {
    background: #867aa0
}
.btn.btn-sky:hover,
.btn.btn-sky:focus,
.btn.btn-sky:active,
.btn.btn-sky.active {
    background: #65afd2
}
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active,
.btn.btn-white.active {
    background: #f1f1f1;
    color: #404040;
}
.btn-border:hover,
.btn-border:focus,
.btn-border:active,
.btn-border.active {
    border: 2px solid #4c98c9;
    color: #FFF;
    background: #4c98c9;
}
.btn.btn-border.btn-blue:hover,
.btn.btn-border.btn-blue:focus,
.btn.btn-border.btn-blue:active,
.btn.btn-border.btn-blue.active {
    background: #4c98c9;
    color: #FFF;
}
.btn.btn-border.btn-green:hover,
.btn.btn-border.btn-green:focus,
.btn.btn-border.btn-green:active,
.btn.btn-border.btn-green.active {
    background: #3fbfae;
    color: #FFF;
}
.btn.btn-border.btn-orange:hover,
.btn.btn-border.btn-orange:focus,
.btn.btn-border.btn-orange:active,
.btn.btn-border.btn-orange.active {
    background: #ee7757;
    color: #FFF;
}
.btn.btn-border.btn-red:hover,
.btn.btn-border.btn-red:focus,
.btn.btn-border.btn-red:active,
.btn.btn-border.btn-red.active {
    background: #e45050;
    color: #FFF;
}
.btn.btn-border.btn-yellow:hover,
.btn.btn-border.btn-yellow:focus,
.btn.btn-border.btn-yellow:active,
.btn.btn-border.btn-yellow.active {
    background: #f1bd69;
    color: #FFF;
}
.btn.btn-border.btn-pink:hover,
.btn.btn-border.btn-pink:focus,
.btn.btn-border.btn-pink:active,
.btn.btn-border.btn-pink.active {
    background: #df739b;
    color: #FFF;
}
.btn.btn-border.btn-purple:hover,
.btn.btn-border.btn-purple:focus,
.btn.btn-border.btn-purple:active,
.btn.btn-border.btn-purple.active {
    background: #c78ed7;
    color: #FFF;
}
.btn.btn-border.btn-brown:hover,
.btn.btn-border.btn-brown:focus,
.btn.btn-border.btn-brown:active,
.btn.btn-border.btn-brown.active {
    background: #9c7c6f;
    color: #FFF;
}
.btn.btn-border.btn-navy:hover,
.btn.btn-border.btn-navy:focus,
.btn.btn-border.btn