/*GOOGLE - FONTS*/

/* abel-regular - latin */
@font-face {
  font-family 					: 'Abel';
  font-style 					: normal;
  font-weight 					: 400;
  src 							: url('/assets/google-fonts/abel-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src 							: local('Abel Regular'), local('Abel-Regular'),
       							url('/assets/google-fonts/abel-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       							url('/assets/google-fonts/abel-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       							url('/assets/google-fonts/abel-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       							url('/assets/google-fonts/abel-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       							url('/assets/google-fonts/abel-v8-latin-regular.svg#Abel') format('svg'); /* Legacy iOS */
}

/* lekton-regular - latin */
@font-face {
  font-family 					: 'Lekton';
  font-style 					: normal;
  font-weight 					: 400;
  src 							: url('/assets/google-fonts/lekton-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src 							: local('Lekton'), local('Lekton-Regular'),
       							url('/assets/google-fonts/lekton-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       							url('/assets/google-fonts/lekton-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       							url('/assets/google-fonts/lekton-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       							url('/assets/google-fonts/lekton-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       							url('/assets/google-fonts/lekton-v8-latin-regular.svg#Lekton') format('svg'); /* Legacy iOS */
}
/* lekton-700 - latin */
@font-face {
  font-family 					: 'Lekton';
  font-style 					: normal;
  font-weight 					: 700;
  src 							: url('/assets/google-fonts/lekton-v8-latin-700.eot'); /* IE9 Compat Modes */
  src 							: local('Lekton-Bold'),
       							url('/assets/google-fonts/lekton-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       							url('/assets/google-fonts/lekton-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       							url('/assets/google-fonts/lekton-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       							url('/assets/google-fonts/lekton-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       							url('/assets/google-fonts/lekton-v8-latin-700.svg#Lekton') format('svg'); /* Legacy iOS */
}
/*GOOGLE - FONTS*/

/* CSS Document */
body, html {
	width 							: 100%;
	height 							: 100%;
}

body {
	font-family 					: 'Lekton', sans-serif;
	font-size 						: 14px;
	color 							: #6b6e73;
	background 						: #FFFFFF;
	line-height 					: 25px;
}

.custom-container {
	max-width 						: 1170px;
	margin 							: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family 					: 'Abel', sans-serif;
}

.mainheadline {
	font-size 						: 32px;
	color 							: #272c2f;
	position 						: relative;
	display 						: block;
	text-transform 					: uppercase;
}

.mainheadline:after {
	content 						: '.';
	color 							: #cad04a;
	font-size 						: 34px;
}

#services .mainheadline {
	margin-top 						: 90px;
}

.subheadline {
	font-size 						: 18px;
	color 							: #272c2f;
	position 						: relative;
	display 						: block;
	text-transform 					: uppercase;
}

a {
   outline 							: 0 !important;
	color 							: #cad04a;
	text-decoration 				: underline;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
}

a:hover {
	color 							: #FFFFFF;
	background 						: #cad04a;
	text-decoration 				: none;
}

::selection {
    background 						: #cad04a;
    color 							: #FFFFFF;
	text-shadow 					: none;
}

::-moz-selection {
    background 						: #cad04a;
    color 							: #FFFFFF;
	text-shadow 					: none;
}

.row-eq-height {
	display 						: flex;
	/*flex-wrap 						: wrap;*/
}

.align-item-center {
	align-self 						: center;
}

.align-item-top {
	align-self 						: flex-start;
}

.align-item-top {
	align-self 						: flex-end;
}

/* --- PAGE LOADER --- */
/*
.page-loader {
    background 						: #fff none repeat scroll 0 0;
    bottom 							: 0;
    left 							: 0;
    position 						: fixed;
    right 							: 0;
    top 							: 0;
    z-index 						: 9998;
}

.loader {
    animation 						: 1s ease-in-out 0s normal none infinite running ball-scale;
    background 						: #DDDDDD;
    border-radius 					: 100%;
    display 						: inline-block;
    height 							: 40px;
    left 							: 50%;
    margin 							: -20px 0 0 -20px;
    position 						: absolute;
    text-indent 					: -9999em;
    top 							: 50%;
    width 							: 40px;
}

@keyframes ball-scale {
	0% {
		transform 					: scale(0);
	}
	100% {
		opacity 					: 0;
		transform 					: scale(1);
	}
}
@keyframes ball-scale {
	0% {
		transform 					: scale(0);
	}
	100% {
		opacity 					: 0;
		transform 					: scale(1);
	}
}*/
.page-loader {
    background 						: #ffffff;
    bottom 							: 0;
    left 							: 0;
    position 						: fixed;
    right 							: 0;
    top 							: 0;
    z-index 						: 9998;
}

.loader {
    background-color 				: transparent;
    border 							: 5px solid #eceff1;
    border-radius 					: 50%;
    height 							: 50px;
    left 							: 50%;
    margin 							: -25px 0 0 -25px;
    position 						: absolute;
    text-indent 					: -9999em;
    top 							: 50%;
    width 							: 50px;
}

.loader:after {
    -webkit-animation 				: 0.8s cubic-bezier(0.5, 0.49, 0.49, 0.49) 0s normal none infinite running ringrotate;
	-moz-animation 					: 0.8s cubic-bezier(0.5, 0.49, 0.49, 0.49) 0s normal none infinite running ringrotate;
	-o-animation 					: 0.8s cubic-bezier(0.5, 0.49, 0.49, 0.49) 0s normal none infinite running ringrotate;
	animation 						: 0.8s cubic-bezier(0.5, 0.49, 0.49, 0.49) 0s normal none infinite running ringrotate;
    border-color 					: #111 transparent transparent;
    border-radius 					: 50%;
    border-style 					: solid;
    border-width 					: 2px;
    box-sizing 						: border-box;
    content 						: "";
    height 							: 40px;
    left 							: 0;
    padding 						: 2px;
    position 						: absolute;
    top 							: 0;
    width 							: 40px;
}

@keyframes ringrotate {
	0% {
		-webkit-transform 			: rotateZ(0deg);
		-ms-transform 				: rotateZ(0deg);
		-o-transform 				: rotateZ(0deg);
		transform 					: rotateZ(0deg);
	}
	100% {
		-webkit-transform 			: rotateZ(360deg);
		-ms-transform 				: rotateZ(360deg);
		-o-transform 				: rotateZ(360deg);
		transform 					: rotateZ(360deg);
	}
}
@keyframes ringrotate {
	0% {
		-webkit-transform 			: rotateZ(0deg);
		-ms-transform 				: rotateZ(0deg);
		-o-transform 				: rotateZ(0deg);
		transform 					: rotateZ(0deg);
	}
	100% {
		-webkit-transform 			: rotateZ(360deg);
		-ms-transform 				: rotateZ(360deg);
		-o-transform 				: rotateZ(360deg);
		transform 					: rotateZ(360deg);
	}
}

/* --- WRAPPER --- */
#sidebar-wrapper {
    background-color 				: #e3e7e8;
    height 							: 100%;
    left 							: 0;
    padding 						: 60px 0 0 20px;
    position 						: fixed;
    top 							: 0;
    width 							: 250px;
    z-index 						: 999;
}

#page-content-wrapper {
    margin-left 					: 250px;
    position 						: relative;
}

@media (max-width: 991px) {
	#sidebar-wrapper {
		height 						: auto;
		padding 					: 0;
		position 					: relative;
		width 						: 100%;
	}
	
	#page-content-wrapper {
		margin-left 				: 0;
	}
}

/* --- NAVBAR IN SIDEBAR --- */
.navbar-custom {
    border 							: 0 none;
    margin 				 			: 0;
    padding 						: 0;
}

.navbar-custom .navbar-nav {
    margin-bottom 					: 0;
    margin-top 						: 0;
}

/* --- NAVBAR BRAND --- */ 
.navbar-custom .navbar-brand {
    display 						: table-cell;
    float 							: none;
    height 							: 70px;
    padding-bottom 					: 0;
    padding-top 					: 0;
    vertical-align 					: middle;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand:focus {
	background: transparent;
}

.navbar-custom .navbar-brand img {
	width 							: 80%;
	height 							: auto;
}

@media all and (max-width:991px) {
	.navbar-custom .navbar-brand {
		padding-bottom 					: 10px;
		padding-top 					: 10px;
	}

	.navbar-custom .navbar-brand img {
		width 							: 50%;
	}
}

/* NAVBAR LIST ITEMS --- */
.navbar-custom li > a,
.navbar-custom .dropdown-menu li > a {
    color 							: rgba(39, 44, 47, 0.7);
    font-size 						: 13px;
    letter-spacing 					: 2px;
    text-transform 					: uppercase;
	text-decoration 				: none;
	font-family 					: 'Abel', sans-serif;
}

.navbar-custom li.active > a,
.navbar-custom .dropdown-menu.active li > a {
    color 							: #cad04a !important;
	font-weight 					: bold;
}

.navbar-custom .nav > li > a:hover,
.navbar-custom .nav > li > a:focus,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:hover,
.navbar-custom .nav .open > a:focus,
.navbar-custom .dropdown-menu > li > a:hover,
.navbar-custom .dropdown-menu > li > a:focus {
    background 						: transparent;
    color 							: #272c2f;
}

.navbar-custom .nav > li > a.external-link {
	font-weight 					: bold;
	text-decoration 				: underline;
	margin-top 						: 30px;
}

.navbar-custom .nav > li > a.external-link:after {
	content 						: "\f105";
	display 						: block;
	font 							: 10px/1 FontAwesome;
	margin-top 						: -6px;
	position 						: absolute;
	right 							: 35px;
	text-rendering 					: auto;
	top 							: 50%;
	font-weight 					: bold;
}

@media all and (max-width:992px) {
	.navbar-custom .nav > li > a.external-link {
		font-weight 					: bold;
		text-decoration 				: underline;
		margin-top 						: auto;
	}
}

/* --- NAVBAR DROPDOWN --- */
.navbar-custom .dropdown-menu {
    background 						: rgba(227, 231, 232, 0.9);
    border 							: 0 none;
    border-radius 					: 0;
    box-shadow 						: none;
    padding 						: 5px 0;
}

/* --- NAVBAR TOGGLE ICON --- */
.navbar-custom .navbar-toggle .icon-bar {
    background 						: #272c2f;
}

.navbar-custom .navbar-toggle {
    margin 							: 27px 15px 0 0;
    padding 						: 0;
}

@media all and (min-width: 992px) {
	.navbar-custom .navbar-header {
		float 						: none;
		margin 						: 0 0 60px;
	}
	
	.navbar-custom .navbar-nav {
		float 						: none;
	}
	
	.navbar-custom .navbar-nav li {
		float 						: none;
	}
	
	.navbar-custom li > a,
	.navbar-custom .dropdown-menu li > a {
		padding-bottom 				: 12px;
		padding-top 				: 12px;
	}
	
	.navbar-custom li.dropdown > a:after {
		content 					: "\f105";
		display 					: block;
		font 						: 10px/1 FontAwesome;
		margin-top 					: -6px;
		position 					: absolute;
		right 						: 35px;
		text-rendering 				: auto;
		top 						: 50%;
	}
	
	.navbar-custom .dropdown-menu {
		left 						: 100%;
		min-width 					: 200px;
		top 						: -5px;
	}
	
	.navbar-custom .navbar-collapse {
		box-shadow 					: none;
		padding-left 				: 0;
		padding-right 				: 0;
	}
}

	
@media all and (max-width: 991px) {
	/* --- 03.3. CHANGE BREAKPOINT OF NAVBAR --- */	
	.navbar-header {
        float 						: none;
    }
	
    .navbar-toggle {
        display 			 		: block;
    }
	
    .navbar-collapse {
        border-top 					: 1px solid transparent;
        box-shadow 					: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    
    .navbar-nav {
        float 						: none !important;
        margin 						: 0px;
    }
	
    .navbar-nav > li {
        float 						: none;
    }
	
	.navbar-collapse.collapse {
        display 					: none !important;
    }

    .navbar-collapse.collapse.in { 
        display 					: block !important;
    }
	
	.navbar-collapse {
		padding 					: 0;
	}
	
	.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;
    }
	
	#sidebar-wrapper {
		position 					: fixed;
		left 						: 0;
		right 						: 0;
	}
	
	.navbar-custom li > a {
		box-shadow 					: 0 1px 0 rgba(0, 0, 0, 0.05) inset;
	}
	.navbar-custom .navbar-nav .open .dropdown-menu > li > a,
	.navbar-custom .navbar-nav .open .dropdown-menu .dropdown-header {
		padding 					: 10px 15px 10px 25px;
	}
	.navbar-nav > li > .dropdown-menu {
		padding-bottom 				: 0;
		padding-top 				: 0;
	}
}



/* 	09. FOOTER
-------------------------------------------*/
footer {
	background 						: #272c2f;
	color 							: #FFFFFF;
}

/* --- SOCIAL MEDIA ICONS --- */
footer .social-media-icons {
	margin 							: 0;
	padding 						: 45px 0;
	list-style-type 				: none;
	text-align 						: center;
}

footer .social-media-icons li {
	display 						: inline-block;
	width 							: 35px;
	height 							: 35px;
	border-radius 					: 100%;
	line-height 					: 38px;
	border 							: 1px solid rgba(193,193,193,.2);
	-webkit-transition 				: all .3s ease 0s;
	-o-transition 					: all .3s ease 0s;
	transition 						: all .3s ease 0s;
}

footer .social-media-icons li a {
	color 							: #FFFFFF;
	font-size 						: 20px;
}

footer .social-media-icons .facebook a,
footer .social-media-icons .twitter a,
footer .social-media-icons .youtube a,
footer .social-media-icons .pinterest a,
footer .social-media-icons .instagram a {
	background 						: transparent;
}

footer .social-media-icons .facebook:hover {
	color 							: #FFFFFF;
	background 						: #3b5998;
}

footer .social-media-icons .twitter:hover {
	color 							: #FFFFFF;
	background 						: #1da1f2;
}

footer .social-media-icons .youtube:hover {
	color 							: #FFFFFF;
	background 						: #dd2911;
}

footer .social-media-icons .pinterest:hover {
	color 							: #FFFFFF;
	background 						: #bd081c;
}

footer .social-media-icons .instagram:hover {
	color 							: #FFFFFF;
	background 						: #dd366c;
}

/* --- LINKS --- */
footer .links {
	list-style-type 				: none;
	margin 							: 0;
	padding 						: 45px 0;
}

footer .links li {
	display 						: inline-block;
	margin-right 					: 30px;
}

footer .links li:last-child {
	margin-right 					: 0;
}

footer .links li a {
	color 							: #FFFFFF;
	font-family 					: 'Abel', sans-serif;
	font-size 						: 16px;
	text-decoration 				: none;
	cursor 							: pointer;
	-webkit-transition 				: all .3s ease 0s;
	-o-transition 					: all .3s ease 0s;
	transition 						: all .3s ease 0s;
}

footer .links li a:hover,
footer .links li a:active,
footer .links li a:focus {
	text-decoration 				: none;
	color 							: #cad04a;
	background 						: transparent;
}


/* 	10. MODALS
-------------------------------------------*/

.modal-global .modal-content {
    border-radius 					: 0px;
}

.modal-global .modal-body .modal-text {
	padding 						: 30px;
}

@media all and (max-width:767px) {
	.globalmodal .modal-body .modal-text {
		padding 						: 30px 15px;
	}
}

.modal-global .modal-body h2 {
	color 							: #FFFFFF;
	text-transform 					: uppercase;
	background 						: #cad04a;
	padding 						: 10px;
	margin-top 						: 0;
}

.modal-global .modal-body h3 {
	color 							: #cad04a;
	text-transform 					: uppercase;
	border-bottom 					: 2px solid #cad04a;
	padding 						: 10px 0 0 0;
	margin-top 						: 0;
	display 						: inline-block;
	font-size 						: 18px;
}

.modal-global .modal-body .modal-link {
	border 							: 2px solid #272c2f;
	color 							: #272c2f;
	padding 						: 10px 20px;
	font-size 						: 18px;
	font-family 					: 'Abel', sans-serif;
	position 						: relative;
	z-index 						: 1;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
	background 						: transparent;
	border-radius 					: 0px;
	text-align 						: center;
	display 						: block;
	text-decoration 				: none;
}

.modal-global .modal-body .modal-link:after {
	content 						: '';
	position 						: absolute;
	height 							: 100%;
	top 							: 0;
	left 							: 0;
	width 							: 0%;
	background 						: #272c2f;
	z-index 						: -1;
	-webkit-transition 				: all 0.3s ease 0s;
	-o-transition 					: all 0.3s ease 0s;
	transition 						: all 0.3s ease 0s;
}

.modal-global .modal-body .modal-link:hover:after,
.modal-global .modal-body .modal-link:active:after {
    width 							: 100% !important;
}

.modal-global .modal-body .modal-link:hover,
.modal-global .modal-body .modal-link:active,
.modal-global .modal-body .modal-link:focus {
	color 							: #FFFFFF;
	text-decoration 				: none;
	background 						: transparent;
}

.modal-global .modal-content .close {
    margin-top 						: 0;
    opacity 						: 0.6;
    position 						: absolute;
    right 							: 0;
    text-shadow 					: none;
    top 							: 0;
    transition 						: all 0.1s ease-in 0s;
    z-index 						: 1;
}
.modal-global .modal-content .close span {
    color 							: #ffffff;
	background 						: #cad04a;
    display 						: block;
    font-size 						: 30px;
    height 							: 40px;
    line-height 					: 40px;
    width 							: 40px;
}
.modal-global .modal-content .close:hover,
.modal-global .modal-content .close:focus {
    opacity 						: 1;
}


.modal-global .modal-content .img-container {
    display 						: flex;
    flex-wrap 						: wrap;
    margin-right 					: -15px;
    margin-left 					: -15px;
}

.modal-global .modal-content .img-container .img-box {
    -webkit-box-flex 				: 0;
    -ms-flex 						: 0 0 50%;
    flex 							: 0 0 50%;
    max-width 						: 50%;
    padding-right 					: 15px;
    padding-left 					: 15px;
}

@media all and (max-width: 768px) {
	.modal-global .modal-content .close span {
		font-size 					: 20px;
		height 						: 30px;
		line-height 				: 30px;
		width 						: 30px;
	}
	
	.modal-global .modal-content .img-container .img-box {
		-webkit-box-flex 				: 0;
		-ms-flex 						: 0 0 100%;
		flex 							: 0 0 100%;
		max-width 						: 100%;
		margin-bottom 					: 15px;
	}
}

/* --- VIDEO MODALS --- */
#modalVideo .modal-fullscreen {
	width 							: 85vw;
}

#modalVideo .modal-body,
#modalVideo .modal-body .modal-text {
	padding 						: 0px;
}

#modalVideo .close {
    margin-top 						: 0;
    opacity 						: 0.6;
    position 						: absolute;
    right 							: 0;
    text-shadow 					: none;
    top 							: 0;
    transition 						: all 0.1s ease-in 0s;
    z-index 						: 1;
}

#modalVideo .close span {
    color 							: #ffffff;
	background 						: #cad04a;
    display 						: block;
    font-size 						: 30px;
    height 							: 40px;
    line-height 					: 40px;
    width 							: 40px;
}

/*
.modal-content {
    border-radius 					: 0px;
}



@media all and (max-width:767px) {
	.modal-body .modal-text {
		padding 						: 30px 15px;
	}
}

.modal-content .close:hover,
.modal-content .close:focus {
    opacity 						: 1;
}

@media all and (max-width: 768px) {
	.modal-content .close span {
		font-size 					: 20px;
		height 						: 30px;
		line-height 				: 30px;
		width 						: 30px;
	}
}
*/

.image-container {
	margin-right:-15px;
	margin-left:-15px;
}

.image-container:after {
	clear: both;
	display: table;
	content: ' ';
}
.modal-global .modal-text .project-img {
	width: 33.33%;
	padding-right:15px;
	padding-left:15px;
	float: left;
}

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}


/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/


.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* --- privacy --- */
#privacy{
	margin-bottom 					: 50px;
	margin-top 						: 60px;
}

#privacy h1 {
	color 							: #FFFFFF;
    text-transform 					: uppercase;
    background 						: #cad04a;
    padding 						: 10px;
}

#privacy h2 {
	color 							: #cad04a;
    text-transform 					: uppercase;
    border-bottom 					: 2px solid #cad04a;
    display 						: inline-block;
}

#privacy h3 {
	color 							: #cad04a;
}