@import url("css/navigation-style-1.css");
	@import url("css/brand-color.css");
	@import url("css/fonts.css");

	html,
	body,
	div,
	span,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	a,
	img,
	small,
	sub,
	b,
	dl,
	dd,
	dt,
	ul,
	li,
	label,
	article,
	details,
	footer,
	header,
	menu,
	nav,
	input,
	textarea,
	select {
		background: transparent;
		border: 0;
		outline: 0;
		padding: 0;
		margin: 0;
	}


	html,
	body {
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		height: 100%;
		width: 100%;
		color: #999999;
		background: #f5f5f5;
	}

	html {
		scroll-behavior: smooth;
	}

	body {
		overflow-x: hidden
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: 400;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		color: #222222;
	}

	h1 {
		font-size: 16px;
		letter-spacing: 3px;
		line-height: 1.6;
		color: #888;
		text-transform: uppercase;
		margin-bottom: 15px;
	}

	h2 {
		font-size: 36px;
		letter-spacing: 3px;
		color: #222222;
		text-transform: uppercase;
		margin-bottom: 15px;
	}

	p {
		font-size: 14px;
	}

	b {
		color: #222;
	}

	.container {
		width: 1180px;
		margin: 0 auto;
		padding: 100px 20px;
	}

	/* #project-page-data .container {
		width: 90%;
	} */

	.small-width {
		width: 980px;
	}

	.no-padding {
		padding: 0 !important;
	}

	a:hover,
	a:active,
	a:focus {
		outline: 0;
	}

	a {
		text-decoration: none;
		transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	}

	li {
		list-style: none;
	}

	a {
		outline: 0;
	}

	a:hover {
		text-decoration: none;
	}

	.left {
		float: left;
	}

	.right {
		float: right;
	}

	.one_half {
		width: 48%;
	}

	.one_third {
		width: 30.6%;
	}

	.one_fourth {
		width: 22%;
	}

	.one_fifth {
		width: 16.8%;
	}

	.one_sixth {
		width: 13.33%;
	}

	.two_fifth {
		width: 37.6%;
	}

	.two_fourth {
		width: 48%;
	}

	.two_third {
		width: 65.33%;
	}

	.three_fifth {
		width: 58.4%;
	}

	.three_fourth {
		width: 74%;
	}

	.four_fifth {
		width: 79.2%;
	}

	.five_sixth {
		width: 82.67%;
	}

	.one_half,
	.one_third,
	.two_third,
	.three_fourth,
	.one_fourth,
	.two_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth {
		float: left;
		margin-bottom: 20px;
		margin-right: 4%;
		position: relative;
	}

	.last {
		margin-right: 0px !important;
	}

	.gradient {
		background: #000000;
		background: linear-gradient(90deg, #000000, #3633CD);
	}

	.section-title {
		text-align: center;
		width: 700px;
		margin: 0 auto;
		margin-bottom: 60px;
	}

	.section-title p {
		line-height: 1.6;
	}

	.border {
		background: none repeat scroll 0 0 #999999;
		display: block;
		height: 2px;
		margin: 0 auto;
		width: 100px;
		margin-bottom: 40px;
	}

	.border.small-margin {
		margin-bottom: 15px;
	}

	@keyframes slideFromLeft {
		from {
		  transform: translateX(-100px);
		  opacity: 0;
		}
		to {
		  transform: translateX(0);
		  opacity: 1;
		}
	  }
  
	  @keyframes slideFromRight {
		from {
		  transform: translateX(100px);
		  opacity: 0;
		}
		to {
		  transform: translateX(0);
		  opacity: 1;
		}
	  }

	  @keyframes fadeIn {
		from {
		  opacity: 0;
		}
		to {
		  opacity: 1;
		}
	  }


	.element_from_left {
		opacity: 0;
	}

	.element_from_right {
		opacity: 0;
	}

	.element_fade_in {
		opacity: 0;
	}

	.element_from_left.visible {
		animation: slideFromLeft 1s ease-out forwards;
	}

	.element_from_right.visible {
		animation: slideFromRight 1s ease-out forwards;
	}

	.element_fade_in.visible {
		animation: fadeIn 2s ease forwards;
	}

	.mask {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 100000;
	}

	body.loading {
		height: 100%;
		overflow: hidden;
	}

	.loader {
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -25px 0 0 -25px;
		width: 50px;
		height: 50px;
	}

	.loader:before,
	.loader:after {
		content: '';
		border-radius: 50%;
		position: absolute;
		inset: 0;
		box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset;
	}

	.loader:after {
		box-shadow: 0 2px 0 #fff inset;
		animation: rotate 2s linear infinite;
	}

	@keyframes rotate {
		0% {
			transform: rotate(0)
		}

		100% {
			transform: rotate(360deg)
		}
	}



	/* Shortcodes */



	.title-divider {
		border-bottom: #e9e9e9 1px solid;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		color: #222222;
		padding-bottom: 5px;
		padding-top: 80px;
		margin-bottom: 50px;
		float: left;
	}






	/* Pricing Tables */


	.pricing-tables {
		float: left;
		width: inherit;
		display: block;
		text-align: center;
	}

	.price-table {
		border: 1px solid rgba(0, 0, 0, 0);
		padding: 25px 0px 25px 0px;
		text-align: center;
		transition: all 0.5s ease 0s;
		width: 22%;
		display: inline-block;
		border: 1px solid #E8E8E8;
		background-color: #FFF;
		z-index: 1;
		margin-left: -2px;
		margin-right: -2px;
		position: relative;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.price-table:hover {
		border: 1px solid #E8E8E8;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
		z-index: 100 !important;
		padding: 45px 0px 45px 0px;
		margin-top: 0px;
		margin-bottom: 0px;

	}

	.price-table.featured {
		border: 1px solid #E8E8E8;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
		z-index: 100 !important;
		padding: 45px 0px 45px 0px;
		margin-top: 0px;
		margin-bottom: 0px;

	}

	.price-table i {
		background-color: #FCFCFC;
		border: 2px solid #DDDDDD;
		border-radius: 100px;
		box-shadow: 0 0 0 5px #F4F4F4;
		display: inline-block;
		font-size: 20px;
		width: 20px;
		height: 20px;
		margin-bottom: 35px;
		overflow: hidden;
		padding: 25px;
		transition: all 0.2s ease 0s;
	}

	.price-table:hover i {
		box-shadow: 0 0 0 5px #FFFFFF inset;
		color: #FFFFFF;
	}

	.price-table ul {
		margin-bottom: 0;
	}

	.price-table li {
		border-bottom: 1px dotted #E6E6E6;
		font-size: 12px;
		padding: 8px 15px;
		margin: 0px 10px;
	}

	.price-table li.pricetable-price {
		background-color: #F7F7F7;
		border-top: 1px dotted #E6E6E6;
		margin: 0px;
	}

	.price-table li a {
		margin-top: 20px;
	}

	.price-table li:first-child {
		padding-top: 0;
		border-bottom: medium none;
	}

	.price-table li:last-child {
		border-bottom: medium none;
	}

	.price-table ul h3 {
		font-size: 20px;
		line-height: 16px;
		margin-bottom: 7px;
	}

	.price-table li.pricetable-price h3 {
		font-size: 14px;
	}

	/* Accordion */

	.accordion {
		float: left;
		width: inherit;
	}

	.accordion dt {
		cursor: pointer;
		border-radius: 3px 3px 3px 3px;
		margin-bottom: 10px;
		padding-top: 10px;
		border-top: #e9e9e9 1px solid;
		transition: all 0.4s ease 0s;
	}

	.accordion dt:first-child {
		border-top: none;
		padding-top: 0px;
	}

	.accordion .accordion-active {
		color: #222222;
	}

	.accordion dt span {
		font-size: 14px;
		line-height: 24px;
	}

	.accordion dt span.accordion-status {
		height: 20px;
		width: 20px;
		padding: 2px;
		background: url(images/plus.png) #999999 2px 2px no-repeat;
		background-size: 20px 20px;
		float: left;
		margin-right: 10px;
		border-radius: 2px;
	}

	.accordion dt.accordion-active span.accordion-status {
		background: url(images/minus.png) 2px 2px no-repeat;
		background-color: #222222;
		background-size: 20px 20px;
	}

	.accordion-content {
		padding-bottom: 15px;
		padding-top: 5px;
		font-size: 13px;
	}

	/* Toggle */

	.toggle-wrap {
		float: left;
		width: 100%;
	}

	.toggle-title {
		background: #e5e5e5;
		cursor: pointer;
		padding: 10px;
		border-radius: 3px;
		margin-bottom: 5px;
		display: block;
		font-size: 13px;
	}

	.toggle-title a {
		color: #666;
		text-decoration: none;
	}

	.toggle-title a:hover {
		color: #222222;
	}

	.toggle_container {
		padding-bottom: 10px;
		padding-top: 5px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 13px;
	}

	.toggle-active {
		color: #fff;
		background: #222222;
	}

	.toggle-active a {
		color: #FFF;
	}

	.toggle-active a:hover {
		color: #FFF;
	}

	/*  Tabs  */

	.tab-shortcode {
		float: left;
		width: 100%;
	}

	ul.tabs {
		overflow: hidden;
		margin: 0px;
	}

	ul.tabs li {
		float: left;
		margin: 0px;
		list-style: none;
	}

	ul.tabs li a {
		display: block;
		background-color: #e5e5e5;
		padding: 6px 20px;
		margin-right: 5px;
		border-radius: 2px 2px 0px 0px;
		color: #666;
		text-decoration: none;
		font-size: 13px;
	}

	ul.tabs .tab-active a {
		color: #fff;
	}

	.tab_container {
		clear: both;
		padding: 20px 25px;
		margin-top: 0px;
		background: #FFF;
		font-size: 13px;
	}


	/*  Dropcaps  */

	.dropcap-normal {
		font-family: 'Montserrat', sans-serif;
		float: left;
		font-size: 70px;
		font-weight: bold;
		line-height: 60px;
		margin: 0 8px 0 0;
	}

	.dropcap.dark {
		color: #FFFFFF;
	}

	.dropcap.round {
		border-radius: 3px;
	}

	.dropcap.square {
		border-radius: 50px;
	}

	.dropcap {
		font-family: 'Montserrat', sans-serif;
		display: block;
		float: left;
		font-size: 36px;
		margin: 6px 8px 0 0;
		text-align: center;
		text-transform: uppercase;
		line-height: 50px;
		width: 50px;
		height: 50px;
	}

	/*  Counters  */

	.counters {
		margin-top: 40px;
	}

	.counters ul {
		text-align: center;
	}

	.counters i {
		display: block;
		font-size: 50px;
		margin-bottom: 20px;
		position: relative;
	}

	.counters li {
		background: #FFF;
		color: #222222;
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		padding: 25px 0;
		text-align: center;
		text-transform: uppercase;
		border-radius: 3px
	}

	.counters li span {
		font-family: 'Montserrat', sans-serif;
	}

	.counters li.last {
		border-right: 0 none;
	}


	/*  List Styles  */


	.icons-ul li {
		color: #999999;
		margin-bottom: 10px;
		font-size: 14px;
	}

	.icons-ul li i {
		margin-right: 7px;
	}

	.fa-ul {
		font-size: 14px;
	}

	.fa-ul li {
		margin-bottom: 10px;
	}


	/*  Alert Boxes  */

	.alertboxes {
		float: left;
		width: 100%;
	}

	.shortcode_alertbox {
		border-radius: 3px;
		color: #FFFFFF;
		display: block;
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
		padding: 15px 40px 15px 14px;
		position: relative;
	}

	.shortcode_alertbox .box_close {
		background: url("images/close_box.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-position: 10px 10px;
		background-size: 20px 20px;
		display: block;
		height: 40px;
		position: absolute;
		right: 5px;
		top: 5px;
		width: 40px;
		cursor: pointer;
	}

	.shortcode_alertbox b {
		color: inherit;
	}

	.shortcode_alertbox.box_red {
		background: none repeat scroll 0 0 #F9E5E6;
		border: 1px solid #F7C7C9;
		color: #B3696C;
	}

	.shortcode_alertbox.box_blue {
		background: none repeat scroll 0 0 #D8ECF5;
		border: 1px solid #9AC9DF;
		color: #528DA9;
	}

	.shortcode_alertbox.box_yellow {
		background: none repeat scroll 0 0 #FCF7D9;
		border: 1px solid #F5DC7D;
		color: #C4A21B;
	}

	.shortcode_alertbox.box_green {
		background: none repeat scroll 0 0 #E3EBC6;
		border: 1px solid #C2D288;
		color: #8FA442;
	}



	/*  Buttons  */



	a.newave-button {
		border-radius: 3px;
		font-family: 'Montserrat', sans-serif;
		letter-spacing: 0;
		text-transform: uppercase;
		display: inline-block;
	}

	.small {
		font-size: 12px;
		line-height: 14px;
		padding: 5px 9px 7px 9px;
		line-height: 12px;
	}

	.medium {
		font-size: 14px;
		line-height: 14px;
		padding: 10px 15px;
		line-height: 14px;
	}

	.large {
		font-size: 16px;
		line-height: 14px;
		padding: 15px 25px;
		line-height: 16px
	}

	.grey {
		color: #FFF;
	}

	.grey:hover {
		color: #FFF;
	}

	.color {
		color: #fff;
	}

	.color:hover {
		color: #fff;
	}

	.outline {
		background-color: none;
		border: 2px solid #222222;
		color: #222222;
		line-height: 10px !important;
	}

	.outline:hover {
		background-color: #222222;
		color: #FFF;
	}

	.outline.white {
		background-color: none;
		border: 2px solid #fff;
		color: #fff;
	}

	.outline.white:hover {
		background-color: #fff;
		color: #222;
	}

	.rounded {
		border-radius: 50px !important;
	}



	/*  Font Awesome  */



	.the-icons li {
		font-size: 14px;
		height: 40px;
		text-transform: capitalize;
	}

	.the-icons li i {
		font-size: 18px;
		margin-right: 10px;
		vertical-align: -2px;
		width: 35px;
	}









	/* Section pages styles */

	section {
		position: relative;
		background-color: #f5f5f5;
		z-index: 1;
	}

	#home {
		height: 100%;
		position: relative;
		width: 100%;
	}

	#not-found {
		height: 100%;
		position: relative;
		width: 100%;
	}

	#home.parallax-slider {
		height: auto;
	}

	#we-are-good-at {
		background-color: #FFF;
	}

	#usluge {
		background-color: #FFF;
	}

	#usluge p {
		line-height: 1.6;
	}

	#we-love-technology {
		background-color: #FFF;
	}

	#portfolio {
		background-color: #FFF;
	}

	#contact {
		background-color: #fff;
	}

	footer {
		background-color: #fff;
	}

	#blog {
		background-color: #fff;
	}









	/* Parallax Styles */

	.parallax {
		text-align: center;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed !important;
	}

	.parallax-overlay {
		display: flex;
		min-height: 100%;
		align-items: center;
		background-color: rgba(0, 0, 0, 0.80);
	}








	/* Home Pattern And Image Parallax */


	.home-pattern {
		background: url(images/home_pattern.png) repeat;
		width: 100%;
		height: 100%;
	}

	.pattern {
		position: relative;
		width: 100%;
		height: 100%;
		background: url(images/pattern.png) repeat;
		z-index: 2;
	}

	#home-center {
		height: 100%;
		display: table;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	.div-align-center {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		width: 100%;
	}

	.ultralarge {
		color: #fff;
		text-align: center;
		font-family: 'Montserrat', sans-serif;
		font-size: 100px;
		line-height: 80px;
		letter-spacing: 0;
	}

	.four-zero-four {
		color: #fff;
		text-align: center;
		font-family: 'Montserrat', sans-serif;
		font-size: 180px;
		line-height: 180px;
		letter-spacing: 0;
	}

	.below-four-zero-four {
		margin-bottom: 40px !important;
	}

	.text-slide-vertical {
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-size: 70px;
		text-transform: uppercase;
		width: 100px !important;
		position: relative !important;

	}

	.text-slide-vertical li {
		line-height: 100px;
	}

	.bullet {
		margin: 0 10px;
		opacity: 0.9;
		color: #fff;
	}

	.div-align-center p {
		margin-bottom: 20px;
	}

	p.after-slider {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 30px;
		font-style: italic;
		text-align: center;
		padding-top: 20px;
		margin-bottom: 40px;
	}









	/* Home Fullwidth Parallax Slider */


	ul.fullwidth-slider {
		position: relative;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		background-color: #222222;
		z-index: 0;
		-webkit-backface-visibility: visible;
		background-position: center center;
		background-repeat: no-repeat;
	}

	ul.fullwidth-slider li.slide {
		position: relative;
		display: none;
		overflow: hidden;
		float: left;
		width: 100%;
		height: 100%;
		z-index: 0;
		background-attachment: absolute;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-backface-visibility: visible;
	}

	ul.fullwidth-slider li.slide .caption {
		position: relative;
		height: 100%;
		width: 100%;
	}

	ul.fullwidth-slider li.slide .caption .caption-inside {
		position: absolute;
		top: 0px;
		width: 100%;
	}

	ul.fullwidth-slider li.slide .caption .slide-caption {
		height: 100%;
		z-index: 0;
		display: table;
		position: relative;
		top: 0;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}

	ul.fullwidth-slider li.slide .caption .slide-caption .vertical-align-middle {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

	.vertical-align-middle p {
		margin: 20px 0;
		color: #fff;
	}

	.vertical-align-middle.dark p,
	.vertical-align-middle.dark h2 {
		color: #222;
	}

	ul.fullwidth-slider,
	ul.fullwidth-slider .caption-inside {
		height: 700px;
	}

	.parallax-slider .bx-wrapper .bx-next {
		right: 50px;
	}

	.parallax-slider .bx-wrapper .bx-prev {
		left: 50px;
	}





	/* Home Full Screen Slider */

	#fullscreen-slider {
		display: none;
		/* Only use this if you fade it in again after the images load */
	}

	#cycle-loader {
		height: 32px;
		left: 50%;
		margin: -8px 0 0 -8px;
		position: absolute;
		top: 50%;
		width: 32px;
		z-index: 999;
	}

	#slider_left {
		top: 50%;
		height: 60px;
		position: absolute;
		left: 50px;
		width: 32px;
		z-index: 1000;
		margin-top: -30px;
		cursor: pointer;
	}

	#slider_right {
		top: 50%;
		height: 60px;
		position: absolute;
		right: 50px;
		width: 32px;
		z-index: 1000;
		margin-top: -30px;
		cursor: pointer;
	}

	#slider_left:hover,
	#slider_right:hover {
		margin-top: -28px;
	}

	#slider_left:active,
	#slider_right:active {
		margin-top: -28px;
	}

	.slide-content {
		height: 100%;
		display: table;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}

	.light {
		color: #fff !important;
	}

	.dark {
		color: #222222;
	}

	.slide-content h2 {
		color: inherit;
		font-size: 100px;
		line-height: 100px;
		margin: 10px 0;
		letter-spacing: 1px;
	}

	.georgia {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 30px;
		line-height: 30px;
		font-style: italic;
		padding: 10px 0;
	}

	.slide-content p {
		margin: 10px 0;
	}

	.slide-content a {
		margin: 10px 0;
	}



	/* Home Full Screen Video */

	.video-placeholder {
		position: absolute;
		height: 100%;
		width: 100%;
	}

	.video-section {
		background-image: url('images/video-placeholder.png');
	}

	#video-volume {
		bottom: 30px;
		right: 30px;
		color: #FFFFFF;
		cursor: pointer;
		font-size: 24px;
		margin-left: -10px;
		/* left: 50%; */
		position: absolute;
		width: 20px;
		z-index: 10;
	}

	.background-video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		/* Ensures the video covers the entire container */
		z-index: 1;
		/* opacity: 0; */
		transition: opacity 1s ease;
		/* Fade-in effect when video loads */
	}


	.scroll-down {
		display: block;
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin-left: -15px;
		width: 30px;
		height: 70px;
		z-index: 11;
	}

	.chevron {
		position: absolute;
		width: 30px;
		height: 3px;
		opacity: 0;
		transform: scale(0.3);
		animation: move-chevron 3s ease-out infinite;
	}

	.chevron:first-child {
		animation: move-chevron 3s ease-out 1s infinite;
	}

	.chevron:nth-child(2) {
		animation: move-chevron 3s ease-out 2s infinite;
	}

	.chevron:before,
	.chevron:after {
		content: '';
		position: absolute;
		top: 0;
		height: 100%;
		width: 50%;
		background: #fff;
	}

	.chevron:before {
		left: 0;
		transform: skewY(45deg);
	}

	.chevron:after {
		right: 0;
		width: 50%;
		transform: skewY(-45deg);
	}

	@keyframes move-chevron {
		25% {
			opacity: 1;
		}

		33.3% {
			opacity: 1;
			transform: translateY(30px);
		}

		66.6% {
			opacity: 1;
			transform: translateY(40px);
		}

		100% {
			opacity: 0;
			transform: translateY(60px) scale(0.5);
		}
	}






	/* We are Newave */

	.screens {
		position: relative;
	}

	.big-screen {
		position: relative;
		width: 620px;
		height: auto;
		margin: 0 auto;
		z-index: 100;
	}

	.small-screen-left {
		width: 350px;
		height: auto;
		position: absolute;
		left: 0;
		top: 120px;
		z-index: 0;
	}

	.small-screen-right {
		width: 350px;
		height: auto;
		position: absolute;
		right: 0;
		top: 120px;
		z-index: 0;
	}




	/* We are good at */

	.bar {
		text-align: left !important;
		margin: 0px !important;
	}

	.bar li {
		list-style: none !important;
	}

	.bar li:last-child span {
		margin-bottom: 0px;
	}

	.bar li .bar-wrap {
		margin-bottom: 50px;
		border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		background: #dddddd;
	}

	.bar li span {
		height: 35px;
		width: 0px;
		display: block;
		border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
	}

	.bar li p {
		padding-bottom: 2px;
	}

	.bar li span {
		overflow: visible !important;
		position: relative;
	}

	.bar li span strong {
		position: absolute;
		top: 10px;
		left: 10px;
		color: rgba(255, 255, 255, 0.8);
		line-height: 12px !important;
		display: block;
	}



	/* Our Team */

	.our-team {
		text-align: center;
	}

	.our-team>li {
		display: inline-block;
		margin: 0 50px;
		height: 330px;
		overflow: hidden;
		border-radius: 3px;
		position: relative;
		width: 260px;
	}

	.our-team>li .team-img {
		position: relative;
		border-radius: 130px;
		height: 260px;
		overflow: hidden;
		background-color: #eee;
	}

	.our-team>li:hover .team-img {
		background-color: #fff;
		transition: all 0.4s ease;
	}


	.our-team li .team-img img {
		position: relative;
	}

	.team-profile {
		padding: 10px 0;
	}

	.team-profile.no-info {
		height: auto;
	}

	.team-profile h5 {
		color: #222222;
		text-transform: uppercase;
	}

	p.about-team {
		margin: 20px 0 30px 0;
		font-size: 13px;
	}

	ul.socials-icons {
		text-align: center;

	}

	ul.socials-icons li {
		margin: 5px;
		display: inline-block
	}

	ul.socials-icons li a {
		font-size: 24px;
		color: #999;
		transition: all 0.3s ease 0s;
	}

	ul.socials-icons li a:hover {
		color: #3533cd;
	}





	/* Newsletter */




	#newsletter .container {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.newsletter-left {
		width: 60%;
		float: left;
		height: 50px
	}

	.newsletter-right {
		width: 40%;
		float: left;
		text-align: right;
		height: 40px;
		padding-top: 10px;
	}

	.newsletter-right a {
		cursor: pointer;
	}

	#newsletter input[type="text"] {
		border: 0 none;
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-size: 36px;
		line-height: 50px;
		margin: 0;
		height: 50px;
		padding: 0px;
		text-transform: uppercase;
		width: 100%;
	}




	/* Twitter Parallax*/



	.twitter-feed .bx-wrapper {
		margin: 30px 0 15px 0 !important;
	}

	.twitter-feed li,
	.twitter-feed li a {
		color: #fff !important;
		text-transform: none;
		font-size: 17.5px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
	}

	.twitter-feed p {
		opacity: 0.5;
	}

	.twitter-feed-icon img {
		width: 60px;
		height: auto;
		opacity: 0.7;
		transition: all 0.3s ease 0s;
	}

	.twitter-feed-icon img:hover {
		opacity: 1;
	}

	.twitter-feed .bx-wrapper .bx-controls-direction a {
		width: 18px;
		height: 34px;
	}

	.twitter-feed .bx-wrapper .bx-prev {
		left: 50%;
		margin-left: -30px;
		margin-top: 90px;
		background: url(images/slider_left_white.png) no-repeat;
		background-size: 18px 34px;
		opacity: 0.5;
		transition: all 0.3s ease 0s;
		z-index: 0;
	}


	.twitter-feed .bx-wrapper .bx-next {
		right: 50%;
		margin-right: -30px;
		margin-top: 90px;
		background: url(images/slider_right_white.png) no-repeat;
		background-size: 18px 34px;
		opacity: 0.5;
		transition: all 0.3s ease 0s;
		z-index: 0;
	}

	.twitter-feed .bx-wrapper .bx-prev:hover,
	.twitter-feed .bx-wrapper .bx-next:hover {
		opacity: 1;
	}

	.twitter-feed .bx-wrapper .bx-next:hover {
		background-position: 0 0;
	}

	.twitter-feed {
		margin-bottom: 70px;
	}


















	/* Services */

	.service-item {
		display: flex;
		height: 120px;
		flex-direction: row;
		gap: 20px;
		float: left;
		margin: 30px 0;
	}

	.service-item h5 {
		text-transform: uppercase;
		color: #222222;
		margin: 5px 0;
	}

	.service-item.text-right {
		text-align: right;
		flex-direction: row-reverse;
	}


	.service-item:hover .service-icon-bg {
		background: #3533cd;
	}

	.service-item .service-icon {
		padding-top: 20px;
		font-size: 27px !important;
	}

	.service-icon-bg {
		display: flex;
		width: 70px;
		height: 70px;
		justify-content: center;
		align-items: center;
		background: #999;
		border-radius: 35px;
		cursor: pointer;
		transition: all 0.3s ease 0s;
	}





	/* Clients */

	#bx-pager {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#bx-pager a {
		display: flex;
		align-items: center;
		border-radius: 3px;
		padding: 10px;
		margin: 10px;
		background-color: #fff;
	}

	#bx-pager a img {
		/* opacity: 0.5; */
		border-radius: 3px;
		width: 150px;
		height: auto;
		transition: all 0.3s ease 0s;
	}

	#bx-pager a img:hover,
	#bx-pager a.active img {
		opacity: 1;
		transition: all 0.3s ease 0s;
	}

	.clients-slider li {
		padding: 0 50px;
	}

	.clients-slider h3 {
		color: #222222;
		text-transform: uppercase;
		margin-top: 20px;
		text-align: center;
	}

	.clients-slider p {
		margin-top: 20px;
		text-align: center;
	}



	/* We love technology */

	ul.technology {
		text-align: center;
	}

	ul.technology li {
		display: inline-block;
		width: 238px;
		margin: 10px;
		padding: 30px 20px;
		position: relative;
		overflow: hidden;
		transition: all 0.3s ease 0s;
	}

	ul.technology li:hover:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		border-width: 0 25px 25px 0;
		border-style: solid;
		display: block;
		width: 0;
	}

	ul.technology li:first-child,
	ul.technology li:last-child {
		margin-left: 0px;
	}

	ul.technology li:last-child {
		margin-right: 0px;
	}

	ul.technology li i {
		font-size: 40px;
		transition: all 0.3s ease 0s;
	}

	ul.technology li h5 {
		text-transform: uppercase;
		color: #222222;
		margin-top: 10px;
		transition: all 0.3s ease 0s;
	}

	ul.technology li p {
		font-size: 13px;
		margin-top: 10px;
		transition: all 0.3s ease 0s;
	}

	ul.technology li:hover i {
		color: #fff;
	}

	ul.technology li:hover h5 {
		color: #fff;
	}

	ul.technology li:hover p {
		color: #fff;
		opacity: 0.5
	}



	/* Parallax Quote */



	.quote h4 {
		color: #FFF;
		padding: 30px 0 10px 0;
		line-height: 40px;
		letter-spacing: 0.5px;

		font-size: 36px;
		text-transform: uppercase;
		margin-bottom: 15px;
	}

	.quote p {
		color: #FFF;
		opacity: 0.5;
	}


	h4 span.quote-img img {
		display: inline-block;
		width: 21px;
		height: auto;
		padding: 10px;
		margin-bottom: 12px;
		opacity: 0.5;

	}

	.quote-slider {
		height: 100%;
	}











	/* Portfolio */

	.container.portfolio-title {
		padding-bottom: 0px;
	}

	#portfolio {
		padding-bottom: 0;
	}



	/* Portfolio Filters */

	#filters {
		margin-top: 10px;
		margin-bottom: 40px;
		text-align: center;
		display: block;
		float: none;
		z-index: 2;
		position: relative;
	}

	#filters ul li {
		display: inline-block;
		margin: 0 5px;
	}

	#filters ul li a {
		display: block;
	}

	#filters ul li a h5 {
		padding: 8px 15px;
		text-transform: uppercase;
		background-color: #eeeeee;
		border-radius: 3px;
		font-size: 10px;
		transition: all 0.3s ease 0s;
	}

	#filters ul li a:hover h5,
	#filters ul li a.active h5 {
		color: #fff;
	}



	/* Portfolio Items */

	#portfolio-wrap {
		position: relative;
		padding: 0;
		width: 100%;
		margin: 0 auto;
		display: block;
	}

	#portfolio-wrap .one-four {
		margin: 0 !important;
		line-height: 0;
		width: 25%;
		padding: 0;
		position: relative;
	}

	.portfolio-item {
		padding: 0;
		position: relative;
		overflow: hidden;
	}

	.portfolio-item .portfolio-image {
		overflow: hidden;
		display: block;
		position: relative;
	}

	.portfolio-item .portfolio-image img {
		width: 100%;
		height: auto;
	}

	.portfolio-item:hover .project-overlay {
		opacity: 1;
		transition: all 0.4s ease 0s;
	}

	.project-overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		transition: all 0.3s ease 0s;
		cursor: pointer;
	}

	.open-project-link {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 100;
	}

	.project-info {
		position: absolute;
		height: 100px;
		width: 100%;
		top: 50%;
		margin-top: -50px;
		text-align: center;
	}

	.project-name {
		color: #fff;
		text-transform: uppercase;
		margin-top: 50px;
		opacity: 0;
		transition: all 0.2s ease 0s;
	}

	.portfolio-item:hover .project-name {
		opacity: 1;
		transition: opacity .3s .5s;
	}

	.project-categories {
		font-size: 13px;
		color: #fff;
		opacity: 0;
		margin-top: 13px;
		transition: all 0.2s ease 0s;

	}

	.portfolio-item:hover .project-categories {
		opacity: 0.5;
		transition: opacity .3s .8s;
	}

	.zoom-icon {
		left: 50%;
		margin-left: -20px;
		position: inherit;
		width: 40px;
		height: 40px;
		margin-top: 40px;
		opacity: 0;
		background: url(images/zoom.png);
		background-size: 40px 40px;
		transition: all 0.3s ease 0.1s;
	}

	.portfolio-item:hover .zoom-icon {
		opacity: 1;
		margin-top: 0px;
		transition: opacity .3s .2s, margin-top .3s .2s;

	}




	/* Portfolio Isotope Transitions */

	.isotope,
	.isotope .isotope-item {
		transition-duration: 0.8s;
	}

	.isotope {
		-webkit-transition-property: height, width;
		-moz-transition-property: height, width;
		-ms-transition-property: height, width;
		-o-transition-property: height, width;
		transition-property: height, width;
	}

	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		-ms-transition-property: -ms-transform, opacity;
		-o-transition-property: -o-transform, opacity;
		transition-property: transform, opacity;
	}

	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
		transition-duration: 0s;
	}



	/* Portfolio Expander */



	#project-page-holder {
		display: none;
		background-color: #FFF;
	}

	#project-page-button-fullscreen {
		height: auto;
		z-index: 100;
		position: absolute;
		right: 30px;
		top: 30px;
	}

	#project-page-button-fullscreen li {
		display: inline-block;
		font-size: 30px;
	}

	#project-page-button-fullscreen li a {
		background: url(images/close.png) no-repeat #fff;
		background-size: 50px 50px;
		width: 50px;
		height: 50px;
		display: block;
		border-radius: 50px;
		opacity: 0.5;
	}

	#project-page-button-fullscreen li a:hover {
		opacity: 1;
	}

	#project-page-button {
		text-align: center;
		margin-bottom: 20px;
		height: auto;
		position: relative;
		z-index: 100;
	}

	#project-page-button li {
		display: inline-block;
		margin: 60px 10px 0px 10px;
		font-size: 30px;
	}

	#project-page-data {
		margin-bottom: 0px;
	}

	.project-section-title {
		text-align: center;
		margin-bottom: 40px;
	}

	.project-section-title h2 {
		margin-bottom: 5px !important;
		letter-spacing: 1px;
	}

	.project-page {
		background-color: #FFF;
		width: 100%;
		height: auto;
		left: 0;
		padding-bottom: 40px;
	}


	/* Portfolio Normal Expander Project Slider */


	.project-image-slider .bx-wrapper .bx-next {
		background: url("images/project_slider_right.png") no-repeat;
		background-size: 35px 65px;
		opacity: 0.3;
		right: -90px;
	}

	.project-image-slider .bx-wrapper .bx-prev {
		background: url("images/project_slider_left.png") no-repeat;
		background-size: 35px 65px;
		opacity: 0.3;
		left: -90px;
	}

	.project-image-slider .bx-wrapper .bx-next:hover,
	.project-image-slider .bx-wrapper .bx-prev:hover {
		opacity: 1;
		background-position: 0
	}

	.project-image-slider .bx-wrapper .bx-controls-direction a {
		height: 65px;
		margin-top: -33px;
		outline: 0 none;
		position: absolute;
		text-indent: -9999px;
		top: 50%;
		width: 35px;
		z-index: 100;
	}

	/* Portfolio Normal Expander */

	.project-description {
		margin-top: 40px;
		margin-bottom: 20px;
		width: 100%;
		height: auto;
	}

	.small-border {
		height: 2px;
		width: 50px;
		background-color: #ddd;
		margin-bottom: 15px;
	}

	.visit-project {
		width: 100%;
		text-align: center;
		border-top: 1px solid #ddd;
		margin-top: 20px;
		padding: 55px 0 20px 0;
	}

	.project-description h5 {
		color: #222222;
		text-transform: uppercase;
		margin-bottom: 5px;
	}



	/* Portfolio FullScreen Expander */

	#cycle-loader {
		height: 32px;
		left: 50%;
		margin: -8px 0 0 -8px;
		position: absolute;
		top: 50%;
		width: 32px;
		z-index: 999;
	}

	#arrow_left {
		top: 50%;
		height: 60px;
		position: absolute;
		left: 30px;
		width: 32px;
		z-index: 1000;
		margin-top: -30px;
	}

	#arrow_right {
		top: 50%;
		height: 60px;
		position: absolute;
		right: 30px;
		width: 32px;
		z-index: 1000;
		margin-top: -30px;
	}

	#arrow_left:hover,
	#arrow_right:hover {
		margin-top: -28px;
	}

	#arrow_left:active,
	#arrow_right:active {
		margin-top: -28px;
	}

	div.mc-image {
		transition: opacity 1s ease-in-out;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		height: 100%;
		overflow: hidden;
		width: 100%;
	}

	.in-slide-content div.info-slide {
		background: #FFF url(images/info.png) no-repeat left bottom;
		background-size: 46px 46px;
		position: absolute;
		top: 30px;
		left: 30px;
		width: 46px;
		height: 46px;
		margin: 0;
		display: block;
		text-indent: 10px;
		-moz-border-radius: 23px;
		-webkit-border-radius: 23px;
		border-radius: 23px;
		cursor: pointer;
		z-index: 1000;
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=0.5);
		opacity: 0.5;
		transition: all 0.3s;
	}

	.in-slide-content div.info-slide:hover {
		width: 200px;
		background: #FFF;
		position: absolute;
		bottom: 40px;
		padding: 10px 20px;
		text-indent: 0px;
		border-radius: 0px;
		z-index: 1000;
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=1);
		opacity: 1;
	}

	.in-slide-content h2,
	.in-slide-content p {
		padding: 0;
		margin: 0;
		font-size: 12px;
		line-height: 24px;
	}

	.in-slide-content h2 {
		font-size: 14px;
		color: #444;
		text-shadow: none;
		font-weight: normal;
		text-transform: uppercase;
		z-index: 1001;
		position: relative;
		white-space: nowrap;
	}

	.info-slide p {
		color: #aaa;
		font-size: 13px;
		text-shadow: none;
		z-index: 1001;
		position: relative;
		margin: 0;
		font-weight: normal;
		white-space: nowrap;

	}

	.in-slide-content div.info-slide h2 {
		display: none;
		padding: 10px 10px 0 10px;
	}

	.in-slide-content div.info-slide p {
		display: none;
		padding: 0px 10px 10px 10px;
	}

	.in-slide-content div.info-slide:hover h2,
	.in-slide-content div.info-slide:hover p {
		display: inherit;
		padding: 0;
	}




	/* Project External */

	#project-header {
		height: 600px;
		z-index: 1;
	}

	#project-header .container {
		height: inherit;
	}

	.table-header {
		display: table;
		position: relative;
		height: inherit;
		width: 100%;
	}

	.table-left {
		width: 50%;
		left: 0;
		position: absolute;
		bottom: 0;
	}

	.table-right {
		width: 50%;
		text-align: left;
		position: relative;
		right: 0;
		display: table-cell;
		vertical-align: middle
	}

	.table-header h2 {
		margin-bottom: 25px;
	}

	.table-header p {
		margin-bottom: 35px;
	}

	#project-url {
		height: 40px;
		background-color: #222222;
		text-align: center;
		position: relative;
		z-index: 10;
	}

	#project-url .site a {
		color: #FFFFFF;
		display: block;
		font-family: Georgia;
		font-size: 13px;
		height: 40px;
		letter-spacing: 1px;
		line-height: 40px;
		overflow: hidden;
	}

	#project-url .site .group {
		display: block;
		width: 100%;
	}

	#project-url .site .group span {
		display: block;
		height: 40px;
		transition: all 0.3s ease 0s;
	}

	#project-url .site:hover .text {
		display: block;
		margin-top: -40px;
	}

	#project-url .site:hover .hover {
		display: block;
	}

	#project-info .section-title {
		margin-bottom: 0;
	}

	#project-features {
		background-color: #fff;
	}

	#project-slider .container {
		padding-bottom: 60px;
	}

	#project-slider .bx-wrapper {
		margin-bottom: 60px !important;
	}

	#project-options {
		background: #fff;
	}

	#project-options h2 {
		margin: 40px 0;
	}

	#project-options ul {
		margin-bottom: 40px;
	}

	#project-options ul li {
		line-height: 24px;
	}

	#project-counters {
		background-color: #222;
	}

	#project-counters .counters {
		margin-top: 20px;
		width: 1120px;
		margin: 0 auto;
	}

	#project-counters .counters li {
		background: none;
		border-radius: 3px 3px 3px 3px;
		color: rgba(255, 255, 255, 0.5);
		font-family: 'Open Sans', serif;
		font-size: 14px;
		padding: 25px 0;
		text-align: center;
		text-transform: none;
	}

	#project-counters .counters li .count {
		border-radius: 3px 3px 3px 3px;
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-size: 70px;
		padding: 25px 0;
		text-align: center;
		text-transform: uppercase;
		display: block;
	}














	/* Shortcode call to action */


	.call-action {
		color: #222222;
		text-transform: uppercase;
		width: 100%;
		text-align: center;
		padding: 100px 0;
		line-height: 35px;
	}

	.call-action a {
		margin-left: 20px;
	}







	/* Contact Parallax */

	.contact-details {
		text-align: center;
		width: 100%;
	}

	.phone-icon {
		width: 60px;
		height: 60px;
		margin: 0 auto;
		margin-bottom: 40px;
	}

	.company-phone a {
		color: #fff;
		background-color: rgba(255, 255, 255, 0.15);
		text-align: center;
		font-size: 52px;
		line-height: 1;
		font-family: 'Montserrat', sans-serif;
		padding: 10px 20px;
		border-radius: 3px;
		margin-bottom: 30px;
		display: inline-block;
	}

	.company-phone a:hover {
		color: #fff;
	}

	h5.company-email {
		margin-bottom: 15px;
		color: #999999;
		text-transform: none;
	}

	h5.company-address {
		margin-bottom: 15px;
		color: #999999;
		text-transform: none;
	}



	/* Contact Formular */

	#contact-formular {
		text-align: center !important;
	}

	#contact-formular input[type="text"],
	textarea {
		color: #999999;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		height: 20px;
		padding-left: 3%;
		padding-right: 3%;
		padding-top: 15px;
		padding-bottom: 15px;
		width: 94%;
		background: #f5f5f5;
		border-radius: 3px;
		margin-bottom: 20px;
		border: 0;
		box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
		-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
		-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
		-o-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
		transition: all 0.2s linear;
	}

	#contact-formular input[type=text]:focus,
	#contact-formular textarea:focus,
	input[type=email]:focus {
		background-color: #e1e1e1;
	}

	#contact-formular textarea {
		height: 160px;
		resize: none;
	}

	#contact-formular input[type="submit"] {
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		padding: 10px 15px;
		letter-spacing: 0;
		line-height: 14px;
		cursor: pointer;
		border-radius: 3px;
		transition: all 0.3s ease 0s;
		text-align: center;
	}

	.error_message {
		text-align: center;
		margin-bottom: 30px;
		font-size: 13px;
		color: #e93735;
		font-weight: bold;
	}

	#success_page {
		text-align: center;
	}

	#success_page p {
		color: #999999;
		margin-top: 20px;
	}

	#message fieldset {
		border: none;
	}

	#map_canvas {
		width: 100%;
		height: 400px;
		z-index: 0;
		position: relative;
	}









	/* Footer */


	footer {
		box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.15);
		z-index: 100;
		position: relative;
		padding: 50px 0;
		text-align: center;
	}

	footer ul.socials-icons {
		margin: 10px 0 20px 0;
	}

	footer ul.socials-icons li {
		margin: 0 16px;
	}

	.copyright {
		font-size: 12px;
	}

	#menu_top {
		height: 50px;
		width: 40px;
		border-radius: 3px;
		left: 50%;
		margin-left: -20px;
		margin-top: -75px;
		position: absolute;
		cursor: pointer;
	}

	#menu_top_inside {
		background-image: url(images/menu_bottom_top_bg.png);
		background-size: 18px 11px;
		background-position: 0 0;
		height: 22px;
		left: 11px;
		position: absolute;
		top: 14px;
		transition: background-position 0.3s linear 0s;
		width: 18px;
	}

	#menu_top:hover #menu_top_inside {
		-webkit-animation: bottom_top_over .3s linear infinite;
		-moz-animation: bottom_top_over .3s linear infinite;
		-o-animation: bottom_top_over .3s linear infinite;
		animation: bottom_top_over .3s linear infinite;
	}

	@-webkit-keyframes bottom_top_over {
		0% {
			background-position: 0px 0px;
		}

		100% {
			background-position: 0px -11px;
		}
	}

	@-moz-keyframes bottom_top_over {
		0% {
			background-position: 0px 0px;
		}

		100% {
			background-position: 0px -11px;
		}
	}

	@keyframes bottom_top_over {
		0% {
			background-position: 0px 0px;
		}

		100% {
			background-position: 0px -11px;
		}
	}





	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 10px;
		height: 0;
		overflow: hidden;
		margin-bottom: 30px;
	}

	.video-container iframe,
	.video-container object,
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}

	hr {
		background-color: #e9e9e9;
		height: 1px;
		width: 100%;
		margin: 60px 0;
		float: left;
		border: none !important;
	}




	/* Sidebar */

	#sidebar {
		width: 250px;
		min-height: 500px;
		float: left;
	}

	.widget {
		margin-bottom: 60px;
		font-size: 14px;
	}

	.heading h5 {
		margin-bottom: 20px;
		text-transform: uppercase;
		color: #222222;
	}

	input#search {
		background: url("images/zoom-search.png") no-repeat 10px 10px #f5f5f5;
		background-size: 30px 30px;
		color: #999999;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		height: 20px;
		padding: 15px;
		padding-left: 45px;
		width: 190px;
		border-radius: 3px;
		border: 0;
		box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
		-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
		-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
		-o-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
		transition: all 0.2s linear;
	}

	input#search:focus {
		background: url("images/zoom-search.png") no-repeat 10px 10px #e1e1e1;
		background-size: 30px 30px;
	}

	#sidebar .widget_categories li {
		background: url("images/arrow-li.png") no-repeat scroll 0 22px transparent;
		background-size: 5px 8px;
		border-bottom: 1px solid #dfdfdf;
		display: block;
		padding: 15px;
	}

	#sidebar .widget_categories li:first-child {
		border-top: 1px solid #dfdfdf;
	}

	#sidebar .widget_categories li a {
		color: #222222;
	}

	#sidebar .recent-posts li {
		border-top: 1px solid #dfdfdf;
		padding-top: 12px;
	}

	#sidebar .recent-posts p {
		padding-bottom: 12px;
		font-size: 12px;
	}

	#sidebar .recent-posts {
		border-bottom: 1px solid #dfdfdf;
	}

	#sidebar .recent-posts li a {
		color: #222222;
	}

	#sidebar .tags a {
		border-radius: 2px 2px 2px 2px;
		background-color: #222222;
		color: #FFFFFF !important;
		cursor: pointer;
		float: left;
		font-size: 12px;
		margin: 5px 5px 0 0;
		padding: 7px 10px;
		position: relative;
		text-transform: capitalize;
	}

	#sidebar .widget_archives li {
		background: url("images/arrow-li.png") no-repeat scroll 0 22px transparent;
		background-size: 5px 8px;
		border-bottom: 1px solid #dfdfdf;
		display: block;
		padding: 15px;
	}

	#sidebar .widget_archives li:first-child {
		border-top: 1px solid #dfdfdf;
	}

	#sidebar .widget_archives li a {
		color: #222222;
	}






	/* Posts Navigation */

	.inner-navigation {
		margin-bottom: 50px;
		margin-top: 50px;
	}

	.inner-navigation.masonry {
		margin-left: 50px;
		margin-right: 50px;
		margin-bottom: 50px;
		margin-top: 50px;
	}

	.inner-navigation li a span {
		display: inline-block;
		margin-right: 10px;
		width: 30px;
		height: 30px;
		border-radius: 3px;
		transition: all 0.2s linear;
		float: left;
	}

	.inner-navigation li {
		display: inline-block;
		width: 110px;
		line-height: 27px;
	}


	.inner-navigation li:last-child a span {
		float: right;
		margin-left: 10px;
		margin-right: 0px;
	}

	.inner-navigation li:last-child {
		float: right;
	}

	.inner-navigation li a:hover span {
		color: #999;
	}

	.inner-navigation li a:hover {
		color: #999999;
	}





	#social-parallax ul {
		display: flex;
		margin-top: 40px;
		font-size: 80px;
		justify-content: center;
		gap: 100px;
	}

	#social-parallax ul a:hover {
		color: #fff;
	}

	#social-parallax .container {
		padding: 150px 20px;
	}

	.video-container {
		position: relative;
		width: 100%;
		padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */
		height: 0;
		overflow: hidden;
	  }
	  
	  .video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	  }


	  .bx-wrapper img {
		margin: 0 auto;
	  }

	/* Responsive Media Querries */

	@media only screen and (max-width: 1300px) {

		.container {
			width: 920px;
		}

		.text-slide-vertical {
			font-size: 60px;
		}

		.text-slide-vertical li {
			line-height: 80px;
		}

		.small-screen-left,
		.small-screen-right {
			top: 100px;
			width: 300px;
		}

		.slide-content h2 {
			font-size: 80px;
			line-height: 80px;
		}

		.big-screen {
			width: 500px;
		}

		.our-team li {
			margin: 0 20px;
		}

		ul.technology li {
			padding: 30px 10px;
			width: 185px;
		}

		.post-content {
			float: left;
			width: 600px;
		}

		#sidebar {
			width: 200px;
		}

		input#search {
			width: 140px;
		}

		.inner-navigation.masonry {
			margin: 50px 0px;
		}


		#project-header {
			height: 500px;
		}

		#project-slider .bx-wrapper .bx-prev {
			left: -50px;
		}

		#project-slider .bx-wrapper .bx-next {
			right: -50px;
		}

		.project-page .bx-wrapper .bx-prev {
			left: -50px;
		}

		.project-page .bx-wrapper .bx-next {
			right: -50px;
		}

		#project-counters .counters {
			margin: 0 auto;
			width: 1040px;
		}



	}


	@media only screen and (max-width: 1024px) {


		.container {
			width: 600px;
		}

		#project-page-data .container {
			width: 90%;
		}

		.text-slide-vertical {
			font-size: 60px;
		}

		.text-slide-vertical li {
			line-height: 80px;
		}

		.slide-content h2 {
			font-size: 60px;
			line-height: 60px;
		}

		ul.fullwidth-slider li.slide {
			background-position: center 0px !important;
		}

		ul.fullwidth-slider li.slide .caption .caption-inside {
			position: relative;
			width: 100%;
			height: 100%;
		}

		#slider_left {
			top: 90%;
			height: 60px;
			position: absolute;
			left: 50px;
			width: 32px;
			z-index: 1000;
			margin-top: -30px;
			cursor: pointer;
		}

		#slider_right {
			top: 90%;
			height: 60px;
			position: absolute;
			right: 50px;
			width: 32px;
			z-index: 1000;
			margin-top: -30px;
			cursor: pointer;
		}

		#slider_left:hover,
		#slider_right:hover {
			margin-top: -28px;
		}

		#slider_left:active,
		#slider_right:active {
			margin-top: -28px;
		}

		.ultralarge {
			font-size: 80px;
			line-height: 70px;
		}

		.parallax {
			height: auto;
			margin: 0 auto;
			width: 100%;
		}

		.one_half {
			width: 100%;
		}

		.one_third {
			width: 100%;
		}

		.one_fourth {
			width: 100%;
		}

		.one_fifth {
			width: 100%;
		}

		.one_sixth {
			width: 100%;
		}

		.two_fifth {
			width: 100%;
		}

		.two_fourth {
			width: 100%;
		}

		.two_third {
			width: 100%;
		}

		.three_fifth {
			width: 100%;
		}

		.three_fourth {
			width: 100%;
		}

		.four_fifth {
			width: 100%;
		}

		.five_sixth {
			width: 100%;
		}

		.one_half,
		.one_third,
		.two_third,
		.three_fourth,
		.one_fourth,
		.two_fourth,
		.one_fifth,
		.two_fifth,
		.three_fifth,
		.four_fifth,
		.one_sixth,
		.five_sixth {
			margin-bottom: 20px;
			margin-right: 0%;
		}

		.section-title {
			width: 100%;
		}

		.small-screen-left,
		.small-screen-right {
			top: 40px;
			width: 200px;
		}

		.big-screen {
			width: 320px;
		}

		.service-item {
			height: auto;
		}

		.service-item .right {
			float: left;
		}

		.service-item.text-right {
			text-align: left;
		}

		.service-item.text-right {
			flex-direction: row;
		}

		#usluge .one_half {
			margin-bottom: 0;
		}

		ul.technology li {
			padding: 30px 20px;
			width: 240px;
		}

		#portfolio-wrap .one-four {
			width: 50%;
		}

		#sidebar {
			width: 600px;
			border-top: #E9E9E9 solid 1px;
			margin-top: 60px;
			padding-top: 60px;
		}

		input#search {
			width: 540px;
		}


		#project-header {
			height: 400px;
		}

		#project-counters .counters {
			margin: 0 auto;
			width: 100%;
		}

		.recent-post .blog-meta {
			display: none;
		}

		.price-table {
			width: 49%;
		}

		.newsletter-left {
			width: 100%;
			float: none;
			height: 50px
		}

		#newsletter input[type="text"] {
			text-align: center;
		}

		.newsletter-right {
			width: 100%;
			float: none;
			text-align: center;
			height: 40px;
			padding-top: 10px;
		}

		#social-parallax ul {
			font-size: 50px;
			gap: 30px;
		}

		.quote h4 {
			font-size: 24px;
			line-height: 36px;
		}
	}





	@media only screen and (max-width: 767px) {

		.container {
			width: 400px;
		}

		.text-slide-vertical {
			font-size: 30px;
		}

		.text-slide-vertical li {
			line-height: 40px;
		}

		.slide-content h2 {
			font-size: 40px;
			line-height: 40px;
		}

		.ultralarge {
			font-size: 60px;
			line-height: 50px;
		}

		.big-screen {
			width: 100%;
		}

		

		.service-item.text-left, .service-item.text-right {
			flex-direction: column;
			align-items: center;
			gap: 10px;
			margin: 15px 0;
		}

		.service-item h5 {
			text-align: center;
		}

		.small-screen-left,
		.small-screen-right {
			width: 100%;
			top: 0;
			position: relative;
		}

		.twitter-feed .bx-wrapper .bx-prev {
			margin-top: 120px;
		}

		.twitter-feed .bx-wrapper .bx-next {
			margin-top: 120px;
		}

		.service-item .fa-stack {
			margin-bottom: 30px;
		}

		ul.technology li {
			padding: 30px 20px;
			width: inherit;
			margin: 0;
			margin-bottom: 20px;
		}

		#filters ul li {
			display: block;
			margin: 5px 60px;
		}

		.company-phone a {
			font-size: 32px;
		}

		.post-content {
			float: left;
			width: 320px;
		}

		#sidebar {
			width: 400px;
			border-top: #E9E9E9 solid 1px;
			margin-top: 60px;
			padding-top: 60px;
		}

		input#search {
			width: 340px;
		}

		.user_comment_reply {
			margin-left: -100px;
		}

		#project-header {
			height: 300px;
		}

		.table-header p {
			display: none;
		}

		#project-counters .counters {
			margin: 0 auto;
			width: 100%;
		}

		.recent-post .recent-post-date {
			display: none;
		}

		.four-zero-four {
			font-size: 100px;
			line-height: 100px;
		}

		.call-action {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		.call-action a {
			margin-left: 0;
		}


	}



	@media only screen and (max-width: 479px) {

		.container {
			width: 280px;
		}

		#bx-pager {
			flex-direction: column;
			align-items: center;
		}

		.text-slide-vertical {
			font-size: 30px;
		}

		.text-slide-vertical li {
			line-height: 40px;
		}

		.slide-content h2 {
			font-size: 30px;
			line-height: 30px;
		}

		.ultralarge {
			font-size: 40px;
			line-height: 30px;
		}

		ul.fullwidth-slider,
		ul.fullwidth-slider .caption-inside {
			height: 300px;
		}

		.our-team li {
			margin: 0 auto;
		}

		.twitter-feed .bx-wrapper .bx-prev {
			margin-top: 150px;
		}

		.twitter-feed .bx-wrapper .bx-next {
			margin-top: 150px;
		}

		.service-item .icon-stack {
			margin-bottom: 60px;
		}

		#portfolio-wrap .one-four {
			width: 100%;
		}

		.phone-icon {
			margin-bottom: 30px;
		}

		.company-phone a {
			font-size: 24px;
			padding: 5px 10px;
		}

		#map_canvas {
			height: 250px;
		}

		.type-date {
			display: none;
		}

		#sidebar {
			width: 240px;
			padding: 20px;
			border-top: #E9E9E9 solid 1px;
			margin-top: 60px;
			padding-top: 60px;
		}

		input#search {
			width: 180px;
		}

		#project-header {
			height: 250px;
		}

		#project-counters .counters {
			margin: 0 auto;
			width: 100%;
		}

		#project-slider .bx-wrapper .bx-prev {
			display: none;
		}

		#project-slider .bx-wrapper .bx-next {
			display: none;
		}

		.project-page .bx-wrapper .bx-prev {
			display: none;
		}

		.project-page .bx-wrapper .bx-next {
			display: none;
		}

		#show {
			display: none !important;
		}

		.recent-post h5 {
			font-size: 11px;
		}

		.price-table {
			width: 98%;
		}

		#newsletter input[type="text"] {
			font-size: 24px;
		}

		.clients-slider h3 {
			font-size: 12px;
			line-height: 1.6;
		}

	}