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

	Project:	Terenti
	Version:	1.0
	Author:     Irakli Verdzadze
	Website:    http://achtungthemes.com/terenti/


	[Table of contents]

	01. BASE STYLES
	02. PRELOADER
	03. HEADER
	04. MENUS
	05. SIDEBAR
	06. HERO
	07. HERO SLIDER
	08. PORTFOLIO
	09. PORTFOLIO FILTER
	10. FOLIO SLIDER
	11. GALLERY
	12. CONTENT SLIDERS
	13. BLOCKQUOTE
	14. SKILLS
	15. COUNTERS
	16. TEAM
	17. TABS
	18. TOGGLES
	19. ICON BOXES
	20. BLOG
	21. CLIENTS
	22. SCROLL TO TOP
	23. GOOGLE MAP
	24. CONTACT FORM
	25. PAGINATION
	26. FOOTER

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



/* 01. BASE STYLES
---------------------------------- */

body, html {
	height: 100% !important;
}
body {
	overflow-x: hidden;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 15px;
	line-height: 26px;
	color: #000;
	position: relative;
	background: #fff;
}
::selection {
	background: #000;
	color: #fff;
}
::-moz-selection {
	background: #000;
	color: #fff;
}
* {
	margin: 0;
	padding: 0;
	outline: 0;
}

:focus {
	outline: 0
}

a, a:hover, a:focus {
	color: #000;
	outline: 0;
	text-decoration: none;
}
a {
	text-decoration: underline;
}
.text-light a {
	color: #fff;
}
.text-dark a {
	color: #000;
}

img {
	max-width: 100%;
	height: auto;
	display: inline-block;
	border: none;
}

::-webkit-input-placeholder {color: inherit}
:-moz-placeholder           {color: inherit}
::-moz-placeholder          {color: inherit}
:-ms-input-placeholder      {color: inherit}



/* typography
---------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
h1 { font-size: 48px; line-height: 54px; }
h2 { font-size: 36px; line-height: 48px; }
h3 { font-size: 30px; line-height: 36px; }
h4 { font-size: 24px; line-height: 30px; }
h5 { font-size: 18px; line-height: 24px; }
h6 { font-size: 14px; line-height: 18px; }



/* Responsive typography
---------------------------*/

@media (max-width: 768px) {
	body { font-size: 14px; line-height: 23px}
	h1   { font-size: 34px; line-height: 40px}
	h2   { font-size: 30px; line-height: 35px}
	h3   { font-size: 26px; line-height: 29px}
	h4   { font-size: 22px; line-height: 24px}
	h5   { font-size: 17px; line-height: 19px}
	h6   { font-size: 13px; line-height: 15px}
}

/* background text */
[data-bgtext]{
	position: relative;
	z-index: 1;
}
[data-bgtext]:before{
	content: attr(data-bgtext);
	color: #EDEDED;
	font-size: 400%;
	line-height: .6;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(-10%, -50%);
	    -ms-transform: translate(-10%, -50%);
	        transform: translate(-10%, -50%);
	z-index: -1;
	white-space: nowrap;
}
.has-sidebar [data-bgtext]:before{
	font-size: 350%;
	-webkit-transform: translate(-3%, -50%);
	    -ms-transform: translate(-3%, -50%);
	        transform: translate(-3%, -50%);
}
.dark-bgtext[data-bgtext]:before{
	color: rgba(0, 0, 0, 0.1);
}
.section-grey [data-bgtext]:before{
	color: rgba(0, 0, 0, 0.15);
}
.text-light [data-bgtext]:before,
[data-bgtext].text-light:before{
	color: rgba(255, 255, 255, 0.2);
}
.text-center[data-bgtext]:before,
.text-center [data-bgtext]:before{
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
@media( max-width: 1200px ){
	[data-bgtext]:before{ font-size: 330% !important; }
}
@media( max-width: 870px ){
	[data-bgtext]:before{ display: none; }
}


.bottom-line{
	position: relative;
	margin-bottom: 30px;
}
.bottom-line:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #111;
	bottom: -13px;
}
.text-light .bottom-line:after{
	background: #fff;
}

.text-light p{
	color: #fff;
}
.text-dark p{
	color: #000;
}

.serif{
	font-family: 'Georgia', serif;
	letter-spacing: 2px;
}

.title {
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.cta-title{
	position: relative;
	margin-bottom: 40px;
}
.cta-title:before{
	content: "\e63a";
	display: block;
	position: absolute;
	font-family: 'Pe-icon-7-stroke';
	font-size: 114px;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -57px;
	opacity: .4;
}
.testimonials-title{
	position: relative;
	margin-bottom: 40px;
}
.testimonials-title:before{
	content: "\f10d";
	display: block;
	position: absolute;
	font-family: 'FontAwesome';
	font-size: 102px;
	top: 50%;
	left: 50%;
	margin-top: -18px;
	margin-left: -51px;
	opacity: .4;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child
{
	margin-top: 0
}

.bigtext {
	font-size: 160px;
	line-height: 1
}
@media (max-width: 992px) {
	.bigtext{font-size: 130px;}
}
@media (max-width: 768px) {
	.bigtext{font-size: 70px;}
}	

.text-light { color: #fff }
.text-dark  { color: #000 }
.text-center { text-align: center }
.text-left   { text-align: left }
.text-right  { text-align: right }
.uppercase  { text-transform: uppercase }
.capitalize { text-transform: capitalize }
.bold   { font-weight: bold }
.bolder { font-weight: bolder }
.italic { font-style: italic }
.underline{ text-decoration: underline }


.fullwidth  { width: 100% }
.fullheight { height: 100% }
.fullscreen-height{ height: 100vh }

.page-section, .section-small{
	display: block;
	position: relative;
	padding: 120px 0;
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
}
.section-small{
	padding: 70px 0;
}
@media( max-width: 768px ){
	.page-section{ padding: 90px 0 }
}
.section-grey  {
	background-color: #F7F7F7;
	border-top: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.section-dark  { background-color: rgba(0, 0, 0, 0.9) }

.bg-grey{ background-color: #F7F7F7; }
.bg-dark{ background-color: rgba(0, 0, 0, 0.9); }

.vCenter {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.highlight {
	background-color: #000;
	color: #fff;
}
.overflow{
	overflow: hidden;
}
.relative{
	position: relative !important;
}
.absolute{
	position: absolute !important;
}
.video-container iframe {
	border: 0;
}


/* Paddings & Margins */
.p0   { padding: 0px !important  }
.p10  { padding: 10px !important }
.p20  { padding: 20px !important }
.p30  { padding: 30px !important }
.p40  { padding: 40px !important }
.p50  { padding: 50px !important }
.p60  { padding: 60px !important }
.p70  { padding: 70px !important }
.p80  { padding: 80px !important }
.p90  { padding: 90px !important }
.p100 { padding: 100px !important}
.p110 { padding: 110px !important}
.p120 { padding: 120px !important}
.p130 { padding: 130px !important}
.p140 { padding: 140px !important}

.m0   { margin: 0px !important  }
.m10  { margin: 10px !important }
.m20  { margin: 20px !important }
.m30  { margin: 30px !important }
.m40  { margin: 40px !important }
.m50  { margin: 50px !important }
.m60  { margin: 60px !important }
.m70  { margin: 70px !important }
.m80  { margin: 80px !important }
.m90  { margin: 90px !important }
.m100 { margin: 100px !important}
.m110 { margin: 110px !important}
.m120 { margin: 120px !important}
.m130 { margin: 130px !important}
.m140 { margin: 140px !important}

.pt0   { padding-top: 0px !important  }
.pt10  { padding-top: 10px !important }
.pt20  { padding-top: 20px !important }
.pt30  { padding-top: 30px !important }
.pt40  { padding-top: 40px !important }
.pt50  { padding-top: 50px !important }
.pt60  { padding-top: 60px !important }
.pt70  { padding-top: 70px !important }
.pt80  { padding-top: 80px !important }
.pt90  { padding-top: 90px !important }
.pt100 { padding-top: 100px !important}
.pt110 { padding-top: 110px !important}
.pt120 { padding-top: 120px !important}
.pt130 { padding-top: 130px !important}
.pt140 { padding-top: 140px !important}

.pb0   { padding-bottom: 0px !important  }
.pb10  { padding-bottom: 10px !important }
.pb20  { padding-bottom: 20px !important }
.pb30  { padding-bottom: 30px !important }
.pb40  { padding-bottom: 40px !important }
.pb50  { padding-bottom: 50px !important }
.pb60  { padding-bottom: 60px !important }
.pb70  { padding-bottom: 70px !important }
.pb80  { padding-bottom: 80px !important }
.pb90  { padding-bottom: 90px !important }
.pb100 { padding-bottom: 100px !important}
.pb110 { padding-bottom: 110px !important}
.pb120 { padding-bottom: 120px !important}
.pb130 { padding-bottom: 130px !important}
.pb140 { padding-bottom: 140px !important}

.mt0   { margin-top: 0px !important  }
.mt10  { margin-top: 10px !important }
.mt20  { margin-top: 20px !important }
.mt30  { margin-top: 30px !important }
.mt40  { margin-top: 40px !important }
.mt50  { margin-top: 50px !important }
.mt60  { margin-top: 60px !important }
.mt70  { margin-top: 70px !important }
.mt80  { margin-top: 80px !important }
.mt90  { margin-top: 90px !important }
.mt100 { margin-top: 100px !important}
.mt110 { margin-top: 110px !important}
.mt120 { margin-top: 120px !important}
.mt130 { margin-top: 130px !important}
.mt140 { margin-top: 140px !important}

.mb0   { margin-bottom: 0px !important  }
.mb10  { margin-bottom: 10px !important }
.mb20  { margin-bottom: 20px !important }
.mb30  { margin-bottom: 30px !important }
.mb40  { margin-bottom: 40px !important }
.mb50  { margin-bottom: 50px !important }
.mb60  { margin-bottom: 60px !important }
.mb70  { margin-bottom: 70px !important }
.mb80  { margin-bottom: 80px !important }
.mb90  { margin-bottom: 90px !important }
.mb100 { margin-bottom: 100px !important}
.mb110 { margin-bottom: 110px !important}
.mb120 { margin-bottom: 120px !important}
.mb130 { margin-bottom: 130px !important}
.mb140 { margin-bottom: 140px !important}

@media (max-width: 768px){
	.mt140 { margin-top: 100px !important}
	.mb140 { margin-bottom: 100px !important}
	.pt140 { padding-top: 100px !important}
	.pb140 { padding-bottom: 100px !important}
	.mt130 { margin-top: 95px !important}
	.mb130 { margin-bottom: 95px !important }
	.pt130 { padding-top: 95px !important}
	.pb130 { padding-bottom: 95px !important }
	.mt120 { margin-top: 90px !important}
	.mb120 { margin-bottom: 90px !important}
	.pt120 { padding-top: 90px !important}
	.pb120 { padding-bottom: 90px !important}
	.pb-sm-0{ padding-bottom: 0 !important}
}



/* Separators
---------------------------*/
.separator, .separator-left, .separator-right {
	width: 100%;
	display: inline-block;
	position: relative;
}
.separator:after, 
.separator-left:after, 
.separator-right:after {
	content: '';
	width: 40px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 50%;
	margin-top: -1px;
}
.separator:after {
	left: 50%;
	margin-left: -20px;
}
.separator-left:after {
	left: 0;
	margin-left: 0;
}
.separator-right:after {
	right: 0;
	margin-left: 0;
	left: auto;
}
.text-light [class*="separator"]:after {
	background-color: #fff
}
.darkbg [class*="separator"]:after {
	background-color: #fff
}



/* buttons
---------------------------*/
.button {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	padding: 7px 26px;
	display: inline-block;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	-webkit-transition: background .2s, color .2s, border-color .2s;
	        transition: background .2s, color .2s, border-color .2s;
}
.button:hover {
	text-decoration: none;
	background: #333;
	color: #fff;
}
.button.light {
	background: #fff;
	color: #000;
}
.button.light:hover {
	background: #DCDCDC;
}
.button.outline {
	background: none;
	color: #000;
	border: 2px solid;
	padding: 5px 24px;
}
.button.outline.light {
	color: #fff;
}
.button.outline:hover {
	background: #000;
	border-color: #000;
	color: #fff;
}
.button.outline.light:hover {
	background: #fff !important;
	border-color: #fff;
	color: #000;
}


/* overlays
---------------------------*/
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* dark & light overlays */
[class*="overlay-light"],
[class*="overlay-dark"]{
	position: relative;
}
[class*="overlay-light"]:before,
[class*="overlay-dark"]:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
[class*="overlay-light"] > *,
[class*="overlay-dark"] > *{
	position: relative;
}

.overlay-light:before    { background-color: rgba(255, 255, 255, 0.25) }
.overlay-light-2x:before { background-color: rgba(255, 255, 255, 0.5) }
.overlay-light-3x:before { background-color: rgba(255, 255, 255, 0.75) }
.overlay-light-4x:before { background-color: rgba(255, 255, 255, 0.9) }

.overlay-dark:before    { background-color: rgba(0, 0, 0, 0.25) }
.overlay-dark-2x:before { background-color: rgba(0, 0, 0, 0.5) }
.overlay-dark-3x:before { background-color: rgba(0, 0, 0, 0.75) }
.overlay-dark-4x:before { background-color: rgba(0, 0, 0, 0.9) }


.bordered-frame{
	background-color: rgba(255, 255, 255, .15);
	padding: 38px 0;
	border: 7px double;
}


/*backgrounds*/
[data-background]{
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center center;
}

/*mouse parallax*/
.mouse-parallax-wrapper{
	height: calc(100vh - 220px);
	min-height: 550px;
	display: table;
	width: 100%;
}
.mouse-parallax-inner{
	display: table-cell;
	vertical-align: middle;
}
.mouse-parallax{
	position: relative;
	-webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
	        transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media( max-width: 992px ){
	.mouse-parallax{
		top: 0 !important;
		left: 0 !important;
		-webkit-transform: translate3d(0, 0, 0) !important;
		    -ms-transform: translate3d(0, 0, 0) !important;
		        transform: translate3d(0, 0, 0) !important;
	}
}

/* parallax images
---------------------------*/
[data-stellar-background-ratio] {
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center 0;
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	position: relative;
}
.bg-cover{
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
}
.bg-fixed{
	background-attachment: fixed !important;
}
@media (max-width: 1024px) {
	[data-stellar-background-ratio] {
		background-attachment: scroll;
		background-position-y: center !important;
	}
	.bg-fixed{
		background-attachment: scroll;
	}
}


/* bootstrap columns
---------------------------*/
.container, .section, section{
	position: relative;
}
.container.fullwidth{
	padding: 0;
}
.container.no-padding [class*="col-"]{
	padding: 0;
}
.col-center {
	float: none;
	margin: 0 auto;
}
.col-right {
	float: right;
}

@media (max-width: 991px) {
	[class*="col-md"] {
		margin-bottom: 40px;
	}
}
@media (max-width: 767px) {
	[class*="col-sm"] {
		margin-bottom: 40px;
	}
}
.equal-height-cols [class*="col-"]{
	margin-bottom: 0;
}
.p0{
	margin-bottom: 0;
}

.main-wrapper{
	overflow: hidden;
}
.main-wrapper.borders{
	border: 10px solid #111;
	min-height: 100%;
}



/* 02. PRELOADER
------------------------------*/
.animsition-loading{
	background: none !important;
	text-indent: -9999px !important;
}
.animsition-loading:after{
	content: "";
	display: block;
	position: fixed;
	width: 40px;
	height: 40px;
	top: 50%; 
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, 0.2);
	border-left: 2px solid #000;
	-webkit-animation: load 1.1s infinite linear;
	        animation: load 1.1s infinite linear;	
}

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



/* 03. HEADER 
-------------------------*/
#header{
	position: fixed;
	top: 0;
	width: 100%;
	height: 87px;
	z-index: 1001;
	background-color: rgba(17, 17, 17, 1);
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
#header.transparent{
	background-color: transparent !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
#header.headroom--unpinned{
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
}
#header.headroom--pinned{
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

#header .logo{
	display: block;
	float: left;
	margin-top: 34px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
#header .logo img{
	position: absolute;
	max-height: 20px;
}
#header-minimal .logo img{
	max-height: 20px;
}

/*small header*/
#header.header-small{
	height: 60px;
}
#header.header-small .quick-menu > li > a{
	padding: 17px 10px; 
}
#header.header-small .logo{
	margin-top: 20px;
}
#header.header-small .menu-btn{
	margin-top: 23px;
}

#header.transparent:not(.text-dark) .logo-dark,
#header:not(.transparent) .logo-dark{
	display: none;
}
#header.transparent.text-dark .logo-light{
	display: none;
}
#header.transparent.text-dark .quick-menu > li > a{
	color: #000;
}
#header.transparent.text-dark .menu-btn span{
	background-color: #000;
}




/* 04. MENUS
---------------------------*/

/*quick menu*/
.quick-menu{
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
}
.quick-menu > li{
	display: block;
	float: left;
	position: relative;
}
.quick-menu > li > a{
	display: block;
	float: left;
	padding: 30px 10px;
	font-family: 'montserrat';
	text-transform: uppercase;
	font-size: 13px;
	line-height: 2;
	letter-spacing: 2px;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
	color: rgba(255, 255, 255, .8);
}
.quick-menu > li:hover > a,
.quick-menu > li.active > a,
.quick-menu > li > a.active{
	color: rgba(255, 255, 255, 1);
}
/*submenu*/
.quick-menu ul{
	position: absolute;
    top: 100%;
    left: -10px;
    min-width: 195px;
    background-color: #111;
    list-style: none;
    padding: 20px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
}
.quick-menu ul li{
	line-height: 1.4;
}
.quick-menu ul li a{
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 1px 25px;
	font-family: 'montserrat';
	color: #777;
	font-weight: 400;
	font-size: 12px;
	line-height: 22px;
	text-transform: inherit;
	letter-spacing: normal;	
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.quick-menu ul li a:hover,
.quick-menu ul li a.active,
.quick-menu ul li.active a{
	color: #fff;
}
.quick-menu > li:hover ul{
	visibility: visible;
	opacity: 1;
}
.quick-menu li:last-child ul{
	left: auto;
	right: -10px;
}
.quick-menu li:last-child ul li a{
	padding: 1px 25px 1px 15px;
	text-align: right;
}
@media( max-width: 992px ){
	.quick-menu{ display: none; }
}



/* menu button */
.menu-btn{
	float: right;
	position: relative;
	width: 22px;
	height: 14px;
	z-index: 2;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
#header .menu-btn{
	margin-top: 35px;
	margin-left: 16px;
}
#header-minimal .menu-btn{
	margin-top: 6px;
}
.menu-btn span{
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.menu-btn.dark span{
	background-color: #000;
}
.menu-btn.active span{
	background-color: #fff !important;
}
.menu-btn span:nth-child(1){ top: 0 }
.menu-btn span:nth-child(2){
	top: 50%; 
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.menu-btn span:nth-child(3){ bottom: 0 }
.menu-btn.active span{ background-color: #fff }
.menu-btn.active span:nth-child(2){ opacity: 0 }
.menu-btn.active span:nth-child(1){
	top: 50%; 
	-webkit-transform: rotate(45deg) translateY(-50%);
	    -ms-transform: rotate(45deg) translateY(-50%);
	        transform: rotate(45deg) translateY(-50%);
}
.menu-btn.active span:nth-child(3){
	bottom: 50%;
	-webkit-transform: rotate(-45deg) translateY(50%);
	    -ms-transform: rotate(-45deg) translateY(50%);
	        transform: rotate(-45deg) translateY(50%);
}


/* OVERLAY MENU */
.overlay-menu{
	background-color: rgba(0, 0, 0, .9);
	position: fixed;
	text-align: center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%; 
	height: 100%;
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
	z-index: 1002;
}
.overlay-menu.active{
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}
.overlay-navigation{
	position: absolute;
    width: 100%;
    top: 70px;
    bottom: 70px;
    left: 0;
    overflow-y: auto;
}
.overlay-menu nav{
	position: absolute;
	width: 100%;
	max-height: 100%;
	text-align: center;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.overlay-menu nav ul{
	list-style: none;
}
.overlay-menu nav ul li{
	opacity: 0;
	-webkit-transform: translateY(15px);
	    -ms-transform: translateY(15px);
	        transform: translateY(15px);
	-webkit-transition: all .6s ease .2s;
	        transition: all .6s ease .2s;
}
.overlay-menu nav ul li.visible{
	opacity: 1;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}
.overlay-menu nav ul li a{
	font-family: 'montserrat';
	letter-spacing: 2px;
	font-weight: 500;
	font-size: 16px;
	color: #DEDEDE;
	text-decoration: none;
	text-transform: uppercase;
}
.overlay-menu nav ul li:hover > a,
.overlay-menu nav ul li.active > a,
.overlay-menu nav ul li a.active{
	color: #fff;
}

/*submenu*/
.overlay-menu nav ul ul{
	display: none;
	padding: 2px 0 10px;
}
.overlay-menu nav ul ul li{
	line-height: 1.4;
}
.overlay-menu nav ul ul li a{
	color: #B7B7B7;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	text-transform: inherit;
	letter-spacing: normal;
}
.overlay-menu nav ul ul li a:hover,
.overlay-menu nav ul ul li a.active,
.overlay-menu nav ul ul li.active > a{
	color: #fff;
}
.overlay-menu nav ul li.has-submenu > a{
	position: relative;
}
.overlay-menu nav ul li.has-submenu > a:after{
	content: "+";
	position: absolute;
	right: -13px;
    top: -4px;
    font-size: 12px;
}
.overlay-menu nav ul li.has-submenu.opened > a:after{
	content: "-";
}

/* overlay menu logo */
.overlay-logo{
	margin-top: 32px;
	-webkit-transform: translateY(30px);
	    -ms-transform: translateY(30px);
	        transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 1s ease .2s;
	        transition: all 1s ease .2s;
}
.overlay-menu.active .overlay-logo{
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}

/* overlay menu social links */
.overlay-menu .social-links{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-30px);
	    -ms-transform: translateY(-30px);
	        transform: translateY(-30px);
	opacity: 0;
	-webkit-transition: all .8s ease .2s;
	        transition: all .8s ease .2s;
}
.overlay-menu .social-links a{
	display: inline-block;
	margin-right: 10px;
	text-align: center;
	color: #fff;
	border: 2px solid;
	border-radius: 50%;
	width: 34px;
	line-height: 30px;
	font-size: 12px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.overlay-menu .social-links a:hover{
	background-color: #fff;
	border-color: #fff;
	color: #333;
}
.overlay-menu.active .social-links{
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}

/*overlay menu close button*/
.menu-close{
	position: absolute;
	top: 32px;
	right: 14px;
	width: 22px;
	height: 22px;
	opacity: 0;
	-webkit-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	        transform: rotate(360deg);
	-webkit-transition: all .7s ease .5s;
	        transition: all .7s ease .5s;
}
.overlay-menu.active .menu-close{
	opacity: 1;
	-webkit-transform: rotate(0);
	    -ms-transform: rotate(0);
	        transform: rotate(0);
}
.menu-close:before,
.menu-close:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	margin-top: -1px;
	background-color: #fff;
}
.menu-close:before{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.menu-close:after{
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}


/* overlay menu footer */
.overlay-footer{
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	padding: 15px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.overlay-footer .copyright{
	letter-spacing: .1em;
	font-size: 12px;
	float: left;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.overlay-footer .social-links a{
	display: block;
	float: left;
	margin-right: 15px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.overlay-footer .social-links a:last-child{
	margin-right: 0;
}
.overlay-footer .social-links:hover a{
	opacity: .3;
}
.overlay-footer .social-links a:hover{
	opacity: 1;
}



/* 05. SIDEBAR
-------------------------*/
.sidebar{
	position: fixed;
	width: 270px;
	top: 0;
	left: 0;
	bottom: 0;
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center center;
	text-align: center;
	z-index: 999;
}

/*sidebar logo*/
.sidebar .logo{
	display: block;
	padding: 60px 30px;
}
.sidebar .logo-dark  { display: none }
.sidebar-light .logo-light { display: none }
.sidebar-light .logo-dark  { display: inline-block }

/*sidebar menu*/
.sidebar-menu{
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar-menu > li {
	position: relative;
}
.sidebar-menu > li > a{
	color: #fff;
	display: block;
	padding: 18px 30px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 12px;
	font-family: 'montserrat';
	text-decoration: none;
	line-height: 1;
}
.sidebar-menu > li:first-child > a{
	border-top: 1px solid rgba(255, 255, 255, .1);
}
.sidebar-menu > li:hover > a,
.sidebar-menu > li.opened > a{
	text-decoration: none;
	background-color: rgba(255, 255, 255, .2);
}
/*menu for light sidebar*/
@media( min-width: 1181px ){
	.sidebar-light .sidebar-menu > li > a{
		color: #000;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}
	.sidebar-light .sidebar-menu > li:first-child > a{
		border-top: 1px solid rgba(0, 0, 0, 0.05);
	}
	.sidebar-light .sidebar-menu > li:hover > a{
		background-color: rgba(0, 0, 0, 0.05);
	}
}

/*submenu*/
.sidebar-menu ul{
	position: absolute;
	left: 100%;
	top: 0;
	background-color: #111;
	list-style: none;
	width: 205px;
	padding: 20px 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.sidebar-menu > li:hover ul{
	visibility: visible;
	opacity: 1;
}
.sidebar-menu ul li a{
	display: block;
	width: 100%;
	padding: 8px 23px;
	font-size: 12px;
	line-height: 10px;
	text-align: left;
	text-decoration: none;
	text-transform: capitalize;
	line-height: 1;
	color: rgba(255, 255, 255, .7);
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.sidebar-menu ul li a:hover{
	padding-left: 27px;
	color: #fff;
	background-color: rgba(255, 255, 255, .05);
}

/*sidebar footer*/
.sidebar-footer{
	position: absolute;
	bottom: 10px;
	width: 100%;
}
.sidebar-footer .copyright{
	font-size: 12px !important;
	float: none !important;
	opacity: .6;
}
.sidebar-light .sidebar-footer .copyright{
	color: #000;
	opacity: 1;
}

/*sidebar social links*/
.sidebar .social-links a{
	display: inline-block;
	margin-right: 3px;
	text-align: center;
	color: #fff;
	border: 2px solid;
	border-radius: 50%;
	width: 32px;
	line-height: 28px;
	font-size: 12px;
	opacity: .8;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.sidebar .social-links a:hover{
	background-color: #fff;
	border-color: #fff;
	color: #333;
	opacity: 1;
}
/*sidebar social links for light sidebar*/
.sidebar-light .social-links a{
	color: #000
}
.sidebar-light .social-links a:hover{
	background-color: #000;
	border-color: #000;
	color: #fff;
}

/*menu button (for small screens)*/
.sidebar .menu-btn{
	display: none;
	position: absolute;
	right: 35px;
	top: 26px;
	margin: 0;
}
.sidebar .menu-btn span{
	background-color: #fff;
}
/*sidebar on small screens*/
@media( max-width: 1180px ){
	.sidebar{
		position: relative !important;
		top: 0;
		width: 100%;
		height: 70px;
		background-image: none !important;
		background-color: #000 !important;
	}
	.sidebar .logo{
		float: left;
		padding: 20px 0 0 24px;
	}
	.sidebar-light .logo-light { display: inline-block }
	.sidebar-light .logo-dark  { display: none }	
	.sidebar-menu{
		position: absolute;
		top: 100%;
		background-color: #000;
		width: 100%;
		display: none;
	}
	.sidebar-menu > li > a{
		text-align: left;
	}
	.sidebar .has-submenu > a:after{
		content: '+';
		margin-left: 5px;
	}
	.sidebar .has-submenu.opened > a:after{
		content: '-';
	}
	.sidebar-menu ul{
		display: none;
		visibility: visible;
		opacity: 1;
		width: 100%;
		position: relative;
		left: 0;
	}
	.sidebar .menu-btn{
		display: block;
	}
	.sidebar-footer{
		display: none;
	}
	.page-content{
		margin-left: 0 !important;
	}
	body.has-sidebar .hero-fullscreen{
		height: calc(100vh - 70px);
	}
}
@media( min-width: 1181px ){
	.sidebar-menu, 
	.sidebar-menu ul{
		display: block !important;
	}
}


/*content for sidebar-layout pages*/
.page-content{
	margin-left: 270px;
}
.has-sidebar .container { width: 100% }
@media (min-width: 1068px){
	.has-sidebar .container { width: 100% }
}
@media (min-width: 1322px){
	.has-sidebar .container { width: 970px }
}
@media (min-width: 1530px){
	.has-sidebar .container { width: 1170px }
}



/* 06. HERO
------------------------*/
.hero{
	position: relative;
	width: 100%;
}
.hero-fullscreen{
	height: 100vh;
}
.hero-big{
	height: 75vh;
}



/* 07. HERO SLIDER
--------------------------*/
.swiper-container-horizontal{
	overflow: hidden;
	position: relative;
}
.swiper-container{
	width: 100%;
	height: 100%;
}
.bg{
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
}
.swiper-slide{ overflow: hidden; }
.swiper-slide, .bg{
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
}
.caption-wrapper{
	display: table;
	height: 100%;
}
.caption{
	display: table-cell;
	vertical-align: middle;
}

/*slider navigation*/
.swiper-next, .swiper-prev{
	position: absolute;
	top: 50%;
	width: 30px;
	height: 70px;
	margin-top: -35px;
	background-color: rgba(0, 0, 0, .25);
	color: rgba(255, 255, 255, 0.8);
	z-index: 10;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.swiper-next:hover, .swiper-prev:hover{
	background-color: rgba(0, 0, 0, .5);
	color: rgba(255, 255, 255, 1);
}
.swiper-prev{
	left: 0;
	border-left: none;
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
}
.swiper-next{
	right: 0;
	border-right: none;
	-webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	        transform: translateX(100%);
}
[class*="swiper-container"]:hover .swiper-prev,
[class*="swiper-container"]:hover .swiper-next{
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}

.swiper-prev:after,
.swiper-next:after{
	font-size: 40px;
	font-family: "Pe-icon-7-stroke";
	position: absolute;
	top: 20px;
}
.swiper-prev:after{
	content: "\e686";
	left: -6px;
}
.swiper-next:after{
	content: "\e684";
	right: -6px;
}

/*slider pagination*/
.swiper-container-horizontal > .swiper-pagination{
	bottom: -70px;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: #fff;
	opacity: .3;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
}


/*scroll down link*/
.scroll-down{
	width: 30px;
	height: 30px;
	color: #222;
	font-size: 24px;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 41px;
	z-index: 1000;
	text-align: center;
}
.scroll-down:before{
	content: "";
	display: block;
	background-color: #fff;
	border-radius: 2px;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-box-shadow: 1px 1px 3px -1px #000;
	        box-shadow: 1px 1px 3px -1px #000;
}
.scroll-down i{
	position: absolute;
	top: 3px;
	left: 8px;
	color: #333;
}



/* 08. PORTFOLIO
-----------------------------*/

@media (max-width: 991px) {
	.grid-item {
		width: 100% !important;
	}
}
.item-link{
	position: absolute;
	left: 0; right: 0; bottom: 0; top: 0;	
}
.item-img{
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center center;
	position: absolute;
	left: 0; right: 0; bottom: 0; top: 0;
	margin: 0;
}

.item-overlay{
	position: absolute;
	top: 10px; left: 10px; right: 10px; bottom: 10px;
	background: rgba(255, 255, 255, .8);
	opacity: 0;
	-webkit-transform: scale(.9);
	    -ms-transform: scale(.9);
	        transform: scale(.9);
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.item-link:hover .item-overlay{
	opacity: 1;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.item-overlay > h5{
	position: absolute;
	top: 40px;
	left: 40px;
	right: 40px;
	text-align: left;
	font-size: 16px;
	font-family: 'montserrat';
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #333;
}
.item-overlay > h5:after{
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	height: 1px;
	background-color: #333;
	bottom: -16px;
}

/* item appear animation */
.portfolio.item-animation .item-link{
	-webkit-transform: translateY(150px) scale(.8);
	    -ms-transform: translateY(150px) scale(.8);
	        transform: translateY(150px) scale(.8);
	opacity: 0;
	-webkit-transition: all .7s ease .8s;
	        transition: all .7s ease .8s;
}
.portfolio.item-animation .grid-item.visible .item-link{
	-webkit-transform: translateY(0) scale(1);
	    -ms-transform: translateY(0) scale(1);
	        transform: translateY(0) scale(1);
	opacity: 1;
}



/* 09. PORTFOLIO FILTER
-------------------------*/
.filter{
	text-align: center;
}
.filter ul li{
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	display: inline-block;
	margin: 8px;
	cursor: pointer;
	opacity: .7;
	letter-spacing: 1px;
}
.filter ul li.active{
	opacity: 1;
}
.filter ul li:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #000;
	opacity: 0;
	bottom: -4px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.filter ul li.active:after{
	opacity: 1;
	bottom: 2px;
}



/* 10. FOLIO SLIDER
----------------------------*/
.folio-item{}
.folio-item a{
	text-decoration: none;
}
.folio-item-media{
	position: relative;
}
.folio-item-media:before{
	content: "";
	display: block;
	padding-top: 70%;
}
.folio-item-img{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.folio-item-overlay{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .7);
	opacity: 0;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.folio-item:hover .folio-item-overlay{
	opacity: 1;
}
.folio-item-details{
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .1);
}
.folio-item-details h6{
	margin-top: 15px;
	margin-bottom: 5px;
}
.folio-item-details p{
	margin-top: 0px;
	margin-bottom: 15px;
}



/* 11. GALLERY
---------------------------*/
.gallery-item{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.owl-slider .gallery-item{
	height: 100vh;
}
.gallery-item-img,
.gallery-item-overlay{
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
}
.gallery-item-img{
	-webkit-transition: all 3s ease;
	        transition: all 3s ease;
}
.gallery-item-overlay{
	background-color: rgba(0, 0, 0, .3);
	color: #fff !important;
	text-decoration: none;
	-webkit-transition: all .5s ease;
	        transition: all .5s ease;
}
.gallery-item:hover .gallery-item-img{
	-webkit-transform: scale(1.15);
	    -ms-transform: scale(1.15);
	        transform: scale(1.15);
}
.gallery-item:hover .gallery-item-overlay{
	opacity: 0;
	color: #fff;
}



/* 12. CONTENT SLIDERS
----------------------------*/
.owl-slider .owl-stage {
	position: relative;
	-webkit-transition-timing-function: cubic-bezier(0.1,0.57,0.1,1) !important;
	        transition-timing-function: cubic-bezier(0.1,0.57,0.1,1) !important;
}
.owl-carousel{
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -ms-grab;
	cursor: -o-grab;
	cursor: grab;
}
.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grabbing; 
	cursor: -moz-grabbing;
	cursor: -ms-grabbing;
	cursor: -o-grabbing;
	cursor: grabbing;
}
.owl-carousel .owl-item{
	overflow: hidden;
}
/*rendering fix*/
.owl-slider,
.owl-slider .owl-stage,
.owl-slider .owl-stage-outer,
.owl-item{
	position: relative;
	z-index: 1;
}

/*arrow navigation*/
.owl-nav{}
.owl-prev, .owl-next{
	position: absolute;
	top: 50%;
	width: 30px;
	height: 70px;
	margin-top: -35px;
	text-indent: -9999px;
	z-index: 2;
	border: 2px solid #000;
	color: #000;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.owl-prev:hover, .owl-next:hover{
	background-color: rgba(0, 0, 0, .2);
}

/*light navigation*/
.nav-light .owl-prev, .nav-light .owl-next{
	border: 2px solid rgba(255, 255, 255, 1);
	color: #fff;
}
.nav-light .owl-prev:hover, .nav-light .owl-next:hover{
	background-color: rgba(255, 255, 255, .2);
}

.owl-prev{
	left: 0;
	margin-left: -2px;
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
	opacity: 0;
}
.container .owl-prev {
	margin-left: 10px !important;
}
.owl-next{
	right: 0;
	margin-right: -2px;
	-webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	        transform: translateX(100%);
	opacity: 0;
}
.container .owl-next {
	margin-right: 10px !important;
}
.owl-slider:hover .owl-prev,
.owl-slider:hover .owl-next{ 
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
	opacity: 1;
}
.owl-prev:after,
.owl-next:after{
	font-size: 40px;
	text-indent: 0;
	font-family: "Pe-icon-7-stroke";
	position: absolute;
	top: 20px;
}
.owl-prev:after{
	content: "\e686";
	left: -6px;
}
.owl-next:after{
	content: "\e684";
	right: -6px;
}

/*dots navigation*/
.owl-dots{
	text-align: center;
	position: absolute;
    width: 100%;
    bottom: -55px;
    z-index: 1;
}
.img-slider .owl-dots{
	bottom: 10px;
}
.owl-dot {
	width: 10px;
	height: 10px;
	border: 2px solid #000;
	background-color: transparent;
	display: inline-block;
	margin: 0 4px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.owl-dot.active{
	background-color: #000;
}
/*light pagination*/
.nav-light .owl-dot{
	background-color: #fff;
	border: 2px solid #fff;
}



/* 13. BLOCKQUOTE
------------------*/
blockquote{
	border: none;
	border-left: 4px solid #555;
	font-size: 15px;
	padding: 10px 0;
	padding-left: 20px;
	letter-spacing: .1em;
	text-align: left;
	font-family: georgia;
}
blockquote footer{
	font-size: 85%;
}



/* 14. SKILLS
------------------------*/
.skill{
	margin-bottom: 20px;
	border-bottom: 1px solid #000
}
.skill .skill-bar{
	position: relative;
	width: 0;
	height: 6px;
	background-color: #000;
	-webkit-transition: all 1.5s ease;
	        transition: all 1.5s ease;
}
.skill-bar span{
	display: none;
	position: absolute;
	right: 0;
	top: -30px;
	font-family: 'montserrat';
}
.section-dark .skill, 
.text-light .skill{
	border-bottom: 1px solid #fff;
}
.section-dark .skill .skill-bar,
.text-light .skill .skill-bar{
	background-color: #fff;
}



/* 15. COUNTERS
------------------------*/
.counter-num{
    display: inline-block;
	font-family: 'montserrat';
	font-weight: bold;
	letter-spacing: .1em;
    font-size: 48px;
    line-height: 54px;
    margin-bottom: 10px;
}
.counter h5{
	text-transform: capitalize;
}



/* 16. TEAM
------------------------*/
.team-member .avatar{
	position: relative;
	overflow: hidden;
}
.team-member .avatar .overlay{
	background-color: rgba(255, 255, 255, .9);
	color: #333;
	padding: 15px;
	text-align: center;
	border: 2px solid #000;
	opacity: 0;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.team-member:hover .avatar .overlay{
	opacity: 1;
}
.team-member .avatar .overlay .separator{
	margin-top: 15px;
	margin-bottom: 5px;
}
.team-member .social-links a{
	margin: 7px;
	font-size: 14px;
}
.team-member .info{
	padding-top: 20px;
	padding-left: 20px;
	position: relative;
	top: -50px;
	left: 27px;
	background-color: #fff;
	border-right: 2px solid;
}
.team-member .info:after{
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	bottom: -10px;
	background-color: #000;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.team-member:hover .info:after{
	width: 60px;
}



/* 17. TABS
------------------------*/
.tabs{
	padding: 10px;
}
.tab-nav{
	list-style: none;
	margin-bottom: 0;
}
.tab-nav li{
	position: relative;
	display: inline-block;
	font-size: 15px;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family: 'montserrat';
	margin-right: 10px;
	padding: 5px 20px;
	padding-left: 0px;
	float: left;
}
.tab-nav li:after{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 2px;
	background-color: #000;
	bottom: -3px;
	-webkit-transition: all .5s ease;
	        transition: all .5s ease;
}
.tab-nav li.active:after{
	width: 100%;
}
.tab-panels{
	margin-top: 5px;
	padding: 10px 20px;
	padding-left: 0px;
	clear: both;
}
.tab-panels > div{
	display: none;
}
.tab-panels > .active{
	display: block;
}



/* 18. TOGGLES
------------------------*/
.toggle{
	padding: 10px 20px;
	padding-bottom: 0;
}
.toggle-title{
	position: relative;
	display: inline-block;
	font-family: 'montserrat';
	letter-spacing: .1em;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 15px;
	padding: 5px 0;
}
.toggle-title:after{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 2px;
	background-color: #000;
	bottom: -3px;
	-webkit-transition: all .5s ease;
	        transition: all .5s ease;
}
.toggle.active .toggle-title:after{
	width: 100%;
}
.toggle-content{
	padding-top: 10px;
	display: none;
}
.toggle.active .toggle-content{
	display: block;
}
		


/* 19. ICON BOXES
------------------------*/

/*icon left*/
.icon-box{
	margin-bottom: 70px;
}
.icon-box.icon-left i{
	font-size: 70px;
	color: #454545;
	opacity: .2;
	position: absolute;
	top: -12px;
	left: 24px;
}
.text-light .icon-box.icon-left i{
	color: #fff;
}
.icon-box.icon-left .icon-box-details{
	margin-left: 55px;
	padding-top: 2px;
	text-align: left;
}
.icon-box.icon-left .icon-box-details p{
	line-height: 1.4;
	color: #666;
}
.text-light .icon-box.icon-left .icon-box-details p{
	color: rgba(255, 255, 255, .8);
}
.icon-box.icon-left h5{
	position: relative;
	margin-bottom: 15px;
}
.icon-box.icon-left h5:after{
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	background-color: #000;
	bottom: -8px;
	left: 0;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.icon-box.icon-left:hover h5:after{
	width: 60px;
}
.icon-box.icon-left i{
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.icon-box.icon-left:hover i{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

/*icon top*/
.icon-box.icon-top{
	text-align: center;
}
.icon-box.icon-top i{
	font-size: 74px;
	margin-bottom: 15px;
}
.icon-box-details .title{
	font-size: 15px;
}

/*icon hover boxes*/
.icon-hover-box{
	padding: 20px;
	height: 230px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.icon-hover-box i{
	font-size: 70px;
}
.icon-hover-box .separator{
	margin-top: 15px;
	margin-bottom: 5px;
}
.icon-hover-box .details{
	position: absolute;
	width: 100%; height: 100%;
	top:0; left: 0; right: 0; bottom: 0;
	background-color: #000;
	color: #fff;
	padding: 30px;
	top: calc(100% - 15px);
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
.icon-hover-box .details .centered{
	width: 100%;
	padding: 15px;
}
.icon-hover-box .details h6{
	opacity: 0;
	-webkit-transform: translateY(50px);
	    -ms-transform: translateY(50px);
	        transform: translateY(50px);
	-webkit-transition: all .8s ease .1s;
	        transition: all .8s ease .1s;
}
.icon-hover-box .details .separator{
	margin-top: 8px;
	margin-bottom: 12px;
}
.icon-hover-box .details p{
	color: #fff;
	font-size: 13px;
	line-height: 1.3;
	opacity: 0;
	-webkit-transform: translateY(70px);
	    -ms-transform: translateY(70px);
	        transform: translateY(70px);
	-webkit-transition: all .8s ease .2s;
	        transition: all .8s ease .2s;
}
.icon-hover-box:hover .details{
	top: 0;
}
.icon-hover-box:hover .details h6{
	opacity: 1;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}
.icon-hover-box:hover .details p{
	opacity: 1;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}



/* 20. BLOG
------------------------*/
.post{
	margin-bottom: 30px;
	padding-top: 0 !important;
}
@media( max-width: 767px ){
	.post{
		width: 100%;
	}
}
.post a{
	text-decoration: none;
}
.post .post-img{
	position: relative;
	overflow: hidden;
}
.post .post-img img{
	-webkit-transition: all 1s ease;
	        transition: all 1s ease;
	width: 100%;
}
.post:hover .post-img img{
	-webkit-transform: scale(1.15);
	    -ms-transform: scale(1.15);
	        transform: scale(1.15);
}
.post iframe{
	border: none;
	display: block;
}
.post .post-content{
	background-color: #fff;
    position: relative;
    top: -27px;
    left: 20px;
    padding-left: 20px;
    border: 2px dashed;
    border-style: dashed;
}
.post .post-content h5{
	position: relative;
	margin-bottom: 15px;
}
.post .post-content h5:after{
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #000;
	bottom: -10px;
	-webkit-transition: all .7s ease;
	        transition: all .7s ease;
}
.post:hover .post-content h5:after{
	width: 80px;
}

/*blog sidebar*/
.widget{
	margin-bottom: 50px;
}
.widget-title{
	font-weight: bold;
    text-transform: uppercase;
    font-family: 'montserrat';
    letter-spacing: .15em;
}
.blog-sidebar ul{
	list-style: none;
}
.blog-sidebar ul li{}
.blog-sidebar ul li a{
	text-decoration: none;
	color: #555;
	font-weight: 500;
	font-size: 12px;
}
.blog-sidebar ul li a:hover{
	opacity: .7;
}
.tags .button{
	font-size: 10px;
	padding: 0px 5px;
	margin-bottom: 3px;
}



/* 21. CLIENTS
-----------------*/
.clients{
	list-style: none;
	display: inline-block;
	text-align: center;
}
.clients li{
	display: inline-block;
	float: left;
	border: 1px dashed;
	width: 33.333%;
	padding: 40px 0px;
	margin: -1px 0 0 -1px;
	position: relative;
	z-index: 1;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
@media( max-width: 730px ){
	.clients li{ width: 50% }
}
@media( max-width: 500px ){
	.clients li{ width: 100% }
}
.clients li:hover{
	border: 1px solid #333;
	z-index: 2;
}
.clients img{
	width: 50%;
	height: auto;
	display: inline-block;
	opacity: .7;
	-webkit-transition:all .3s ease;
	        transition:all .3s ease;
}
.clients li:hover img{
	opacity: 1;
}

/*clients slider*/
.clients-slider img{
	max-width: 50%;
	margin: auto;
}



/* 22. SCROLL TO TOP
------------------------*/
.to-top{
	opacity: 0;
	visibility: hidden;
	position: fixed;
	right: 40px;
	bottom: 70px;
	background-color: #333;
	color: #fff;
	-webkit-transition: all .4s ease;
	        transition: all .4s ease;
	z-index: 999;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	width: 42px;
	height: 42px;
	line-height: 42px;
	border-radius: 3px;
	font-size: 40px;
	overflow: hidden;
}
.to-top.visible{
	opacity: 1;
	visibility: visible;
}
.to-top:hover,
.to-top:focus{
	color: #fff;
	background-color: #555;
}



/* 23. GOOGLE MAP
----------------------*/
.map-section{
	width: 100%;
	height: 400px;
	padding: 0;
}
#google-map{
	width: 100%;
	height: 100%;
}
#google-map img{
	max-width: none;
}



/* 24. CONTACT FORM
----------------------*/
#contact{
	font-family: 'montserrat';
}
form{}
form input,
form textarea{
	font-family: 'montserrat';
	background: none;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
	margin-bottom: 40px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
form textarea{
	min-height: 60px;
	resize: none;
	border: 0;
}
form input:focus{
	border-bottom: 1px solid #000;
}
#contact #submit{
	margin-top: 20px;
	margin-bottom: 0px;
}
#contact #submit:hover{
	background-color: #000;
}
.contact-message{
	display: none;
	text-transform: capitalize;
	text-align: center;
	margin: 50px 0;
}



/* 25. PAGINATION
------------------------*/
.pagination{
	width: 100%;
	text-align: center;
	margin: 0;
	margin-top: 20px;
	padding: 20px 0;
}
.pagination i{
	vertical-align: middle;
	margin-top: -3px;
	font-size: 33px;
}
.pagination a{
	display: inline-block;
	text-decoration: none;
	font-family: 'montserrat';
	margin: 0 10px;
	opacity: .7;
}
.pagination a:hover{
	opacity: 1;
}
.pagination span{
	text-transform: uppercase;
	font-size: 15px;
}



/* 26. FOOTER
------------------------*/
#footer{
	width: 100%;
	padding: 15px 0;
	border-top: 1px solid #E5E5E5;
}
#footer .copyright, 
.sidebar .copyright{
	font-size: 13px;
	line-height: 34px;
	float: left;
}
#footer .social-links{
	float: right;
}
#footer .social-links a{
	display: block;
	float: left;
	margin-right: 10px;
	text-align: center;
	color: #666;
	border: 2px solid;
	border-radius: 50%;
	width: 34px;
	line-height: 30px;
	font-size: 12px;
	-webkit-transition: all .3s ease;
	        transition: all .3s ease;
}
#footer .social-links a:last-child{
	margin-right: 0;
}
#footer .social-links a:hover{
	background-color: #222;
	border-color: #222;
	color: #fff;
}
@media (max-width: 650px){
	#footer{ text-align: center }
	#footer .social-links{ display: none }
	#footer .copyright{ float: none; display: inline-block; }
	.overlay-footer{ display: none !important }
}