.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
.clear { clear: both; }
.oh { overflow: hidden; }
.ov { overflow: visible; }
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important }
.mb-50 { margin-bottom: 50px; }
.pt-0 { padding-top: 0; }
.pb-50 { padding-bottom: 50px; }
.relative { position: relative; }
.section-wrap { padding: 120px 0; overflow: hidden; background-attachment: fixed; background-size: cover; }
.section-wrap-lg { padding: 120px 0; }
.mobile section { background-attachment: scroll !important; }
.bg-light { background-color: #fafafa; }
.bg-white { background-color: #fff; }
.left { float: left; }
.right { float: right; }
::-moz-selection { color: #fff; background-color: #1f1b20; }
::-webkit-selection { color: #fff; background-color: #1f1b20; }
::selection { color: #fff; background-color: #1f1b20; }
:focus { outline: none; }
body { margin: 0; padding: 0; font-family: 'Libre Baskerville', serif; font-size: 17px; line-height: 1.5; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; background: #fff; outline: 0; overflow-x: hidden; overflow-y: auto; color: #929292; }
body img { border: none; max-width: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
iframe { border: 0; }

.intro p { font-size: 18px; color: #929292; font-weight: normal; line-height: 35px; text-align: justify; }

/*-------------------------------------------------------*/
/* Preloader
/*-------------------------------------------------------*/
.loader-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #1f1b20; z-index: 99999; }
.loader { position: absolute; left: 50%; top: 45%; font-size: 5px; width: 5em; height: 5em; margin: -25px 0 0 -25px; text-indent: -9999em; border-top: 0.5em solid #fff; border-right: 0.5em solid rgba(245, 245, 245, 0.5); border-bottom: 0.5em solid rgba(245, 245, 245, 0.5); border-left: 0.5em solid rgba(245, 245, 245, 0.5); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; }
.loader, .loader:after { border-radius: 50%; width: 10em; height: 10em; }
.loader-mask img { position: absolute; left: 50%; top: 45%; font-size: 5px; width: 280px; height: 33px; margin: 65px 0 0 -140px; }

@-webkit-keyframes load8 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes load8 {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/*-------------------------------------------------------*/
/* Typography
/*-------------------------------------------------------*/
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 {  margin-top: 0; color: #212121; font-weight: 600; letter-spacing: -0.03em; line-height: 1.2; }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { color: inherit; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #212121; font-size: 85%; font-weight: bold; }

a { text-decoration: none; color: #000; outline: none; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; }
a:hover, a:focus { text-decoration: none; color: #1f1b20; outline: none; }
b, strong { color: #212121; }
p { font-size: 17px; color: #929292; font-weight: normal; line-height: 31px; }

/*-------------------------------------------------------*/
/* Navigation
/*-------------------------------------------------------*/
@media (max-width: 991px) {
	.navbar-header { float: none; }
	.navbar-left, .navbar-nav, .navbar-right { float: none !important; }
	.navbar-toggle { display: block; }
	.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
	.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
	.navbar-collapse.collapse { display: none !important; }
	.navbar-nav { margin-top: 7.5px; }
	.navbar-nav > li { float: none; }
	.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
	.collapse.in { display: block !important; }
	.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
}

.navbar { margin-bottom: 0; height: 100%; border: none; min-height: 60px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 120; }
.navigation { width: 100%; line-height: 0; }
.navigation-overlay { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.logo-container { float: left; }
.logo-wrap { display: table; width: 100%; }
.logo-wrap > a { display: table-cell; vertical-align: middle; height: 100px; }
.logo, .logo-dark { max-height: 25px; }
.navbar-header { padding-right: 15px; }
.navbar-nav { margin: 0; display: inline-block; float: none; width: 100%; margin-top: 120px; }
.navbar-nav > li, .navbar-nav .social-icons a { float: none; }
.navbar-nav > li > a {  font-weight: 600; letter-spacing: -0.03em; color: #929292; font-size: 17px; padding: 11px 0; line-height: 1; }
.navbar-nav > li > a:hover { color: #212121; }
.navbar-nav > .active > a { color: #212121; }
.navbar-nav > li:last-child > a { padding-right: 0; }
.navbar-collapse { border: none; padding-left: 0; padding-right: 0; max-height: 100% !important; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }
.navbar-collapse.in { overflow-x: hidden; }
.navbar-nav > .open > a, .navbar-nav > .open > a:focus, .navbar-nav > .open > a:hover { background-color: transparent; color: #23abc4; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:focus, .nav > li > a:hover { background-color: transparent; border-color: #eaeaea; text-decoration: none; }

/* Navigation Toggle
-------------------------------------------------------*/
.navbar-toggle { margin: 0; border: none; z-index: 50; top: 13px; padding-right: 0; }
.navbar-toggle .icon-bar { background-color: #212121; width: 18px; }
.navbar-toggle:focus .icon-bar, .navbar-toggle:hover .icon-bar { background-color: #212121; }
.navbar-toggle:focus, .navbar-toggle:hover { background-color: transparent; }
.dark-bg .navbar-toggle .icon-bar { background-color: #fff; }

/* Nav Side Icon
-------------------------------------------------------*/
.nav-icon-wrap { position: relative; margin-left: 15px; padding-right: 15px; }
#nav-icon { display: table; width: 16px; height: 20px; padding: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#nav-icon .nav-icon-inner { display: table-cell; vertical-align: middle; position: relative; z-index: 300; }
#nav-icon .nav-icon-trigger { height: 20px; display: block; position: relative; top: 3px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#nav-icon span { display: block; position: absolute; height: 2px; width: 100%; background-color: #212121; opacity: 1; left: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#nav-icon span:nth-child(1) { top: 0px; }
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 5px; }
#nav-icon span:nth-child(4) { top: 10px; }
#nav-icon.opened span:nth-child(1), #nav-icon.opened span:nth-child(4) { top: 6px; width: 0%; left: 50%; }
#nav-icon.opened span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon.opened span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon.opened { position: relative; z-index: 502; }
.mobile .main-wrapper.opened { cursor: pointer; }

/*-------------------------------------------------------*/
/* Nav Type-1 (Left Nav)
/*-------------------------------------------------------*/
.content-wrap { margin-left: 320px; position: relative; width: auto; }
.container { max-width: 100%; }
.header-wrap { width: 320px; height: 100%; background-color: #fafafa; padding: 70px 75px; display: inline-block; float: left; overflow-y: auto; }
.logo-wrap > a { height: auto; }
.nav-type-1 { position: fixed; left: -320px; top: 0; z-index: 500; height: 100%; -webkit-transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -ms-transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 400ms cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.nav-type-1.opened { left: 0; }
.nav-type-1 .social-icons { position: absolute; bottom: 60px; }

@media (max-height: 960px) {
	.nav-type-1 .social-icons { position: static; margin-top: 100px; }
}

.navbar-header, .logo-container { width: 100%; }
.navbar-header { padding: 0; }
.nav-item-submenu li a { display: block; padding: 8px 0; line-height: 1; color: #929292; font-size: 15px; margin-left:20px; }
.nav-item-submenu li a:hover { color: #212121; }
#nav-trigger { height: 100%; width: 80px; background-color: #fff; display: inline-block; float: left; position: relative; cursor: pointer; }

@media (min-width: 992px) {
	.navbar-nav { opacity: 0; -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); transform: translateX(-30%); -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }
}

.nav-type-1 .logo-vertical { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: relative; top: 300px;  opacity:1; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
.nav-type-1.opened .logo-vertical { opacity:0 }
.nav-type-1.opened .navbar-nav { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }

/* Mobile social icons
-------------------------------------------------------*/
.social-icons.on-mobile { position: relative; margin-top: 20px; margin-bottom: 10px; bottom: 0; }

/*-------------------------------------------------------*/
/* Navigation Mobile Styles
/*-------------------------------------------------------*/
@media (max-width: 991px) {
	.navbar-header { width: 100%; padding-right: 0; }
	.navbar, .logo-wrap > a, .navbar-header { height: 60px; }
	.navbar-collapse { text-align: left; }
	.logo-container { position: absolute; top: 0; width: auto; }
	.logo-wrap { width: auto; }
	.nav > li > a { padding: 15px 0 15px 15px; border-bottom: 1px solid #eaeaea; line-height: 1.2; }
	.nav > li:last-child > a { border-bottom: 0; }
	.navbar-nav { display: block; position: relative; margin: 0; }
	.navbar-nav > li { display: block; }
	.navbar-nav > li > a { padding: 15px 0; }
	.header-wrap { padding: 0 20px; width: 100%; height: auto; float: none; }
	.nav-wrap { padding-left: 0; padding-right: 0; width: 100% !important; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; }
	.content-wrap { margin-left: 0; } #nav-trigger { display: none; }
	.nav-type-1 { background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); width: 100%; height: auto; position: absolute; left: 0; }
	.nav-item-submenu li a { padding: 15px; border-bottom: 1px solid #eaeaea; }
	.nav-item-toggle > a:after { font-family: "ui-icons"; position: absolute; content: "\f107"; font-weight: 400; right: 0; color: #929292; }
}

/*-------------------------------------------------------*/
/* Hero Img
/*-------------------------------------------------------*/
.pl-80 { padding-left: 80px !important; }

@media only screen and (max-width: 991px) {
	.pl-80 { padding-left: 0 !important; }
}

.hero-holder { bottom: 0; left: 80px; position: absolute; padding: 0 0 80px 95px; z-index: 5; color: #fff; }
.hero-holder h1, .hero-holder h2 { color: inherit; }
.hero-holder h1 { font-size: 58px; margin-bottom: 14px; }
.hero-holder h2 { font-size: 24px; font-weight: 400; margin-bottom: 0; }

@media only screen and (max-width: 991px) {
	.hero-holder { left: 0; padding: 0 0 30px 30px; }
	.hero-holder h1 { font-size: 36px; } .hero-holder h2 { font-size: 18px; }
}

.fullscreen-img .img-holder { width: 100%; height: 100%; background-size: cover; background-position: top right; background-repeat: no-repeat; top: 0; position: absolute; }
.fullscreen-img li { height: 100%; }
.fullscreen-img img { visibility: hidden; opacity: 0; }
.gradient-overlay:before { content: ''; display: block; width: 100%; height: 40%; bottom: 0; position: absolute; z-index: 3; background: rgba(0, 0, 0, 0.34); background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.34) 100%); background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.34) 100%); background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.34) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); }


/* Modern Homepage
/*-------------------------------------------------------*/
#hover-bg-img img { display: none; }
.headers-list h2.hover a, .headers-list h2:hover a { color: white; }
.headers-list a { color: rgba(255, 255, 255, 0.5); font-size: 38px; padding: 5px 0; display: inline-block; }

/* Mixed Width Grid
/*-------------------------------------------------------*/
.collage { padding: 8px; }
.collage .work-item { float: none; }
.collage img { vertical-align: bottom; }

/* Thumbnails Slider
/*-------------------------------------------------------*/
#gallery-main .carousel-cell { width: 100%; height: 100%; background-position: 50%; background-size: cover; background-repeat: no-repeat; }
.gallery-thumbs { margin: 0 -4px; background-color: #1f1b20; }
.gallery-thumbs .carousel-cell { width: 8%; float: left; padding: 8px 4px; }
.gallery-thumbs img { opacity: 0.5; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.gallery-thumbs .is-nav-selected img, .gallery-thumbs img:hover { opacity: 1; }



/*-------------------------------------------------------*/
/* Contact
/*-------------------------------------------------------*/

.contact-item h4 { margin-bottom: 40px; font-size: 18px; }
.contact-item a { color: #929292; }
address { line-height: 28px; margin-bottom: 0; }


/*-------------------------------------------------------*/
/* Google Map
/*-------------------------------------------------------*/
.map { width: 100%; height: 750px; }


/*-------------------------------------------------------*/
/* Page Title
/*-------------------------------------------------------*/
.page-title { position: relative; width: 100%; overflow: hidden; display: block; background-repeat: no-repeat; background-size: cover; background-position: center top; }
.page-title .container { height: 70vh; }
.page-title:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.24); }
.page-title.no-overlay:before { display: none; }
.title-holder { position: relative; display: table; width: 100%; height: 100%; }
.title-holder .subheading { margin-bottom: 0; color: #fff; font-size: 24px; font-weight: 400; }
.title-text { display: table-cell; height: 100%; vertical-align: middle; }
.title-text h1 { margin: 0 auto 16px; color: #fff; font-size: 48px; line-height: 67px; max-width: 570px; }

/*-------------------------------------------------------*/
/* Portfolio
/*-------------------------------------------------------*/
.works-grid.grid-5-col .work-item { width: 20%; }
.works-grid.grid-4-col .work-item { width: 25%; }
.works-grid.grid-3-col .work-item { width: 33.333%; }
.works-grid.grid-2-col .work-item { width: 50%; }
.works-grid.small-gutter { margin-left: -4px; margin-right: -4px; }
.works-grid.small-gutter .work-item { padding: 0 4px; }
.works-grid.gutter .work-item { padding: 0 20px; }
.works-grid.no-gutter .work-item { padding: 0; }
.works-grid.small-gutter .work-container { margin-bottom: 8px; }
.works-grid.small-gutter.with-title .work-container { margin-bottom: 30px; }
.works-grid.no-gutter .work-img { border-radius: 0; }
.flickity-slider-wrap .work-container, .collage .work-container { margin-bottom: 0; }
.flickity-slider-wrap.items-4 .carousel-cell { width: 25%; }
.flickity-slider-wrap.items-3 .carousel-cell { width: 33.333%; }
.flickity-slider-wrap.with-spacing { margin: 0 -4px; }
.flickity-slider-wrap.with-spacing .carousel-cell { padding: 0 4px; }

.owl-carousel .work-container, .gallery-cell .work-container, .works-grid.no-gutter .work-container { margin-bottom: 0; }
.work-container { margin-bottom: 30px; overflow: hidden; }
.hover-trigger:hover img { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.work-item { position: relative; float: left; }
.work-item.hover-1 .work-description { top: 55%; bottom: auto; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.work-item.hover-1:hover .work-description { top: 50%; }
.work-item.hover-2 .work-description { top: auto; bottom: -50px; }
.work-item.hover-2:hover .work-description { bottom: 0; }
.work-img { position: relative; overflow: hidden; z-index: 1; }
.work-img img { width: 100%; height: auto; overflow: hidden; -webkit-transition: transform 3s ease-in-out, filter 0.7s ease-in-out; -moz-transition: transform 3s ease-in-out, filter 0.7s ease-in-out; -ms-transition: transform 3s ease-in-out, filter 0.7s ease-in-out; -o-transition: transform 3s ease-in-out, filter 0.7s ease-in-out; transition: transform 3s ease-in-out, filter 0.7s ease-in-out; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.work-img > a { display: block; position: relative; width: 100%; height: 100%; }
.hover-overlay .work-description { color: #fff; }
.hover-overlay .work-description h3, .hover-overlay .work-description span { color: inherit; }
.work-description { padding: 20px 30px; position: absolute; display: block; width: 100%; left: 0; bottom: 0; z-index: 3; -webkit-transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95); -moz-transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95); -ms-transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95); -o-transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95); transition: 0.3s cubic-bezier(0.43, 0.07, 0.61, 0.95); }
.work-description h3 { font-size: 23px; font-weight: 600; line-height: 1.2; padding: 10px 0; color: #fff; }
.work-description > span { color: #fff; font-size: 13px; }

/* With Title
/*-------------------------------------------------------*/
.works-grid.with-title .work-container { position: relative; overflow: visible; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.13); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.works-grid.with-title.small-gutter .work-container { margin-bottom: 8px; }
.works-grid.with-title .work-description { position: relative; bottom: auto; padding: 26px 10px 20px; text-align: center; background-color: #fff; }
.works-grid.with-title .work-description h3 { color: #212121; }
.works-grid.with-title .work-description span { color: #929292; }
.hover-up:hover .work-container { box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.13); }

/* Black and White
/*-------------------------------------------------------*/
.grayscale img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.grayscale .work-item:hover img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; filter: none; }

/*-------------------------------------------------------*/
/* Masonry
/*-------------------------------------------------------*/
#masonry-grid .work-item.quarter { width: 25%; float: left; }
#masonry-grid .work-item.half { width: 50%; }


/*-------------------------------------------------------*/
/* Sliders
/*-------------------------------------------------------*/
.owl-carousel, .flickity { overflow: hidden; }
.owl-carousel img { width: 100%; }
.owl-pagination { position: relative; margin-top: 30px; left: 0; display: block; text-align: center; width: 100%; }
.owl-page { display: inline-block; padding: 5px; position: relative; }
.owl-page.active span { display: block; width: 12px; height: 12px; margin: 0; opacity: 1; border-color: transparent; background: #23abc4; }
.owl-page span { display: block; position: relative; width: 12px; height: 12px; opacity: 0.7; background: transparent; z-index: 100; border: 2px solid #fff; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.owl-page span:hover { opacity: 1; }
.owl-dark-dots .owl-page span { border-color: #929292; }
.owl-dark-dots .owl-page.active span { border-color: transparent; }
.owl-white-dots .owl-page.active span { background-color: #fff; }
.owl-carousel, .slick-slider { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
#owl-3-items .owl-pagination { position: relative; bottom: auto; }
.owl-buttons { position: static; }
.owl-prev, .flex-direction-nav .flex-prev, .flickity-prev-next-button.previous { left: -40px; }
.owl-next, .flex-direction-nav .flex-next, .flickity-prev-next-button.next { right: -40px; }
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { opacity: 0; }
.owl-prev, .owl-next, .flex-direction-nav a, .flickity-prev-next-button { display: block; position: absolute; top: 50%; margin-top: -20px; text-align: center; line-height: 40px; z-index: 10; width: 40px; height: 40px; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flickity-prev-next-button, .flex-direction-nav a { width: 60px; height: 90px; margin-top: -60px; }
.flickity-prev-next-button.previous { border-radius: 0 3px 3px 0; }
.flickity-prev-next-button.next { border-radius: 3px 0 0 3px; }
.flex-direction-nav a { background-color: #fff; }
.flex-direction-nav a i { font-size: 26px; color: #212121; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.owl-next:before, #flexslider .flex-direction-nav .flex-next:before, .flickity-prev-next-button:before { left: auto; right: 0; }
.owl-prev i, .owl-next i, #thumbs a i { position: relative; font-size: 40px; color: #212121; }
.light-arrows .owl-prev i, .light-arrows .owl-next i, #flexslider.light-arrows a i { color: #fff; }
.light-arrows .flickity-prev-next-button .arrow { fill: #fff; }
.owl-carousel:hover .owl-next, #flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 10px; }
.owl-carousel:hover .owl-prev, #flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
.flickity-slider-wrap:hover .flickity-prev-next-button.previous { opacity: 1; left: 0; }
.flickity-slider-wrap:hover .flickity-prev-next-button.next { opacity: 1; right: 0; }
.flickity-prev-next-button, .flickity-prev-next-button:hover { background-color: rgba(0, 0, 0, 0.5); }
.flickity-prev-next-button:focus { box-shadow: none; }
.flickity-prev-next-button { border-radius: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.flickity-prev-next-button .arrow { fill: #fff; }
.flickity-page-dots { position: relative; bottom: auto; margin-top: 50px; }
.flickity-page-dots .dot, .flex-control-paging li a { height: 10px; width: 10px; opacity: 0.7; margin: 0 5px; border: 2px solid #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 50%; background: transparent; }
.flickity-page-dots .dot:hover { opacity: 1; }
.flickity-page-dots .dot.is-selected { opacity: 1; background: #fff; border-color: transparent; }
.flex-control-nav { bottom: 15px; }
.flex-control-nav li { margin: 0; }
.is-dragging { pointer-events: none; }
.flickity-slider-wrap { overflow: hidden; }
.flickity-slider-wrap.dots-inside .flickity-page-dots { position: absolute; bottom: 30px; margin-top: 0; }
.owl-carousel.dots-inside .owl-pagination { position: absolute; bottom: 20px; margin-top: 0; }

/*-------------------------------------------------------*/
/* Social Icons
/*-------------------------------------------------------*/
.social-icons a { margin: 0 3px 6px 0; display: inline-block; width: 32px; height: 32px; color: #929292; background-color: #fafafa; line-height: 32px; text-align: center; font-size: 17px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.social-icons a:last-child { margin-right: 0 !important; }
.social-icons a:hover { background-color: #1f1b20; color: #fff !important; }
.social-icons.dark a { background-color: #252525; color: #929292; }
.social-icons.nobase a { width: auto; height: auto; margin-right: 14px; background-color: transparent; color: #fff; }
.social-icons.nobase a:hover { background-color: transparent !important; color: #fff; }
.social-icons.nobase.dark a { color: #929292; }
.social-icons.nobase.dark a:hover { color: #212121 !important; }

/*-------------------------------------------------------*/
/* Lightboxes
/*-------------------------------------------------------*/
.mfp-iframe-holder .mfp-content { max-width: 1400px; }
.modal-body, .modal-footer { padding: 30px; }
.modal-header { padding: 15px 30px; }

/*-------------------------------------------------------*/
/* Footer Type-1
/*-------------------------------------------------------*/
.bottom-footer { padding: 27px 0; border-top: 1px solid #eaeaea; }
.bottom-footer .footer-socials { margin-top: 0; }
.bottom-footer .social-icons a { background-color: transparent; margin-bottom: 0; }
.bottom-footer .social-icons a:hover { background-color: transparent !important; }
.copyright span { display: inline-block; font-size: 12px; color: #adadad; }
.copyright a { color: #adadad; }


/*-------------------------------------------------------*/
/* Responsive Styles
/*-------------------------------------------------------*/
@media (max-width: 1199px) { 
	.masonry-grid .work-item.quarter { width: 50%; }
	.works-grid.grid-5-col .work-item { width: 25%; }
	.works-grid.grid-4-col .work-item { width: 33.33333%; }
}

@media (max-width: 991px) {
	h1 { font-size: 34px; }
	h2 { font-size: 30px; }
	h3 { font-size: 26px; }
	h4 { font-size: 22px; }
	h5 { font-size: 19px; }
	h6 { font-size: 17px; }
	h1, h2, h3, h4, h5, h6 { line-height: 1.2; }
	.section-wrap { padding: 80px 0; background-attachment: scroll !important; background-position: 50% 50% !important; }
	.main-wrapper { padding-top: 60px; }
	.page-title .container { height: 300px; }
	.title-text h1 { font-size: 32px; line-height: 38px; margin-top: 0; }
	.works-grid.grid-5-col .work-item, .works-grid.grid-4-col .work-item, #team-slider .gallery-cell { width: 33.3333%; }
	#masonry-grid .work-item { width: 50% !important; }
}

@media (max-width: 767px) {
	.sidenav { width: 100%; right: -100%; }
	.flickity-slider-wrap.items-4 .carousel-cell { width: 33.333%; }
	.works-grid.grid-5-col .work-item, .works-grid.grid-4-col .work-item, .works-grid.grid-3-col .work-item, #team-slider .gallery-cell { width: 50%; }
	.work-item .bg-img-holder, .work-item .bg-img-holder .bg-img { position: relative; }
	.work-item .bg-img-holder img { display: block; }
	.work-item .bg-img-holder, .grid-1-col .work-description, .works-grid.grid-tiles .work-item { width: 100%; }
	.grid-1-col .work-description { padding: 60px 50px 80px 50px; }
}

@media (max-width: 640px) {
	.col-xxs-12, .masonry-grid .work-item, .masonry-grid .work-item.quarter { width: 100%; }
	.col-xxs-6, .flickity-slider-wrap.items-4 .carousel-cell, .flickity-slider-wrap.items-3 .carousel-cell { width: 50%; }
	.portfolio-filter a { display: block; margin: 10px 0; margin-bottom: 0; }
}

@media (max-width: 540px) {
	.works-grid .work-item, #masonry-grid .work-item, .flickity-slider-wrap.items-4 .work-item, .flickity-slider-wrap.items-3 .work-item { width: 100% !important; }
}