@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon.eot?6cgc8s");
	src: url("../fonts/icomoon.eot?6cgc8s#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?6cgc8s") format("truetype"), url("../fonts/icomoon.woff?6cgc8s") format("woff"), url("../fonts/icomoon.svg?6cgc8s#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

li[type="circle"]:before {
   display: none;
}

.icon-clock:before {
	content: "\e900";
}

.icon-facebook:before {
	content: "\e901";
}

.icon-human:before {
	content: "\e902";
}

.icon-lang:before {
	content: "\e903";
}

.icon-linkedin:before {
	content: "\e904";
}

.icon-load:before {
	content: "\e905";
}

.icon-plus:before {
	content: "\e906";
}

.icon-point:before {
	content: "\e907";
}

.icon-search:before {
	content: "\e908";
}

.icon-twitter:before {
	content: "\e909";
}

.icon-youtube:before {
	content: "\e90a";
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 100;
	background-color: #000;
}

@media (max-width: 900px) {
	.prelomi {
		clear: left !important;
		padding-top: 0 !important;
	}
}

.btn-holder > .btn,
.btn-holder .dropdown {
	width: 100%;
	margin: 0 5px 5px 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


.dropdown-menu {
	top: 130%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 400px;
	color: #fff;
	background-color: #444444;
	box-shadow: none;
	border-radius: 0;
	border: none;
	font-size: 16px;
	padding: 40px;
}

.dropdown-menu-black {
	top: 130%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 400px;
	color: #fff;
	background-color: #000000;
	box-shadow: none;
	border-radius: 0;
	border: none;
	font-size: 16px;
	padding: 40px;
}

.dropdown-menu-black:before {
	height: 0;
	width: 0;
	border-bottom: 10px solid #000000;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	position: absolute;
	display: block;
	content: "";
	top: -8px;
	left: 45%;
}

.dropdown-menu:before {
	height: 0;
	width: 0;
	border-top: 10px solid #444;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	position: absolute;
	display: block;
	content: "";
	bottom: -8px;
	left: 45%;
}

.dropup .dropdown-menu {
	margin-bottom: 8px;
}


.btn-holder .dropdown-menu-black:before {
	border-bottom: 10px solid #000000;
}

.dropdown-menu h1 {
    margin-bottom: 20px;
}

.dropdown-menu li {
	padding-bottom: 10px;
}

.dropdown-menu a {
	color: inherit;
	font-weight: bold;
	white-space: normal;
}

.dropdown-menu a:hover {
	background-color: transparent;
}

.btn-holder > .btn:only-child,
.btn-holder .dropdown:only-child {
	width: 100%;
}

body.nav-active .nav-slide {
	opacity: 1;
	visibility: visible;
}

.nav {
	/*line-height: 1;*/
	font-family: "PT Sans", Helvetica, Arial, sans-serif;
}

.nav>li {
	display:inline-block;
}

.main-nav>li>a {
	/*display: unset;*/
	text-decoration: none;
	vertical-align: top;
}

.nav>li>a {
	display: inline;
	text-decoration: none;
	padding: 0;
	font-size: 15px;
}

.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: unset;
}

ul:not([class]):not([id]),
.visual .projects-list,
.useful-links,
.useful-links1,
.info-list,
.use-case ol.info-list,
.milestones-section .milestones-list,
.jobs-section .job-description,
.clients-section .stories,
.why-etrel .carousel .pagination ul,
.top-navbar,
#header .menu .drop .main-nav,
.about-list,
.social-network {
	margin: 0;
	padding: 0;
	list-style: none;
}

.contact-list {
	padding: 0;
	list-style: none;
}

.btn-holder > .btn:only-child,
.btn-holder .dropdown:only-child {
	width: 100%;
}

.btn-holder .dropdown-toggle {
	width: 100%;
	background-color: #000;
	color: #fff;
}

.btn-holder .dropdown-toggle:hover {
	color: #000;
	background-color: #fff;
	border-color: #fff;
}

.btn-holder .dropdown-toggle:hover,
.btn-holder .dropdown-toggle:active {
	outline: none;
}

#header .tab-content .sub-menu {
	padding: 10px;
	white-space: nowrap;
	text-align: center;
}

#header .tab-content .sub-menu li {
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
}

#header .tab-content .sub-menu li.active a {
	border: 1px solid rgba(255, 255, 255, .6);
	border-radius: 8px;
	background-color: #000;
}

#header .tab-content .sub-menu a {
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	color: #fff;
	padding: 10px 15px;
	border-radius: 8px;
}

#header .tab-content .sub-menu a:hover {
	background-color: #009379;
}

#header .tab-content .sub-menu a.active {
  	background-color: #009379;
}

#header .tab-content .jcf-scrollable {
	height: 60px !important;
	background-color: #4d4d4d;
}

.clearfix:after,
#header:after,
#header .menu .drop:after,
.feed-block .head-feed:after {
	content: "";
	display: block;
	clear: both;
}

#header .menu .drop {
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 5;
	background-color: #000;
}

.nav-active #header .menu .drop {
	opacity: 1;
	visibility: visible;
}

#header .menu .drop .nav-holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 10px 0;
	padding-left: 30px;
}

#header .menu .drop .nav-holder > ul {
	white-space: nowrap;
	padding: 0px;
	margin: 0;
}

#header .menu .drop .nav-holder > ul li {
	display: block;
	padding: 8px 10px;
}

#header .menu .drop .nav-holder > ul li.active a {
	/*
	color: #009379;
	*/
}

#header .menu .drop .nav-holder > ul li.active_force a {
	color: #009379;
}

#header .menu .drop .nav-holder > ul a {
	color: #fff;
}

#header .menu .drop .nav-holder > ul a:hover {
	color: #c8c8c8;
}

#header .menu .drop .nav-holder .navbar-nav li:last-child a {
	border: 2px solid #c8c8c8;
	border-radius: 5px;
	padding: 5px 20px 5px 20px;
}

#header .menu .drop .nav-holder .navbar-nav li:last-child a:hover {
	background-color: #333;
}

#header .menu .drop .nav-holder .navbar-nav a {
	color: rgba(255, 255, 255, .6);
}

#header .menu .drop .main-nav {
	font-size: 14px;
}

#header .menu .drop .main-nav li {
	position: relative;
}

#header .menu .drop .main-nav a {
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

#header .menu .nav-opener {
	display: block;
	width: 50px;
	height: 50px;
	background: transparent;
	position: relative;
	border-radius: 3px;
}

#header .menu .nav-opener:hover {
	opacity: .9;
}

.nav-active #header .menu .nav-opener span {
	opacity: 0;
}

.nav-active #header .menu .nav-opener:before,
.nav-active #header .menu .nav-opener:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 15%;
	right: 15%;
}

.nav-active #header .menu .nav-opener:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#header .menu .nav-opener span,
#header .menu .nav-opener:before,
#header .menu .nav-opener:after {
	background: #fff;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	left: 25%;
	right: 25%;
	height: 2px;
	margin-top: -2px;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

#header .menu .nav-opener:before,
#header .menu .nav-opener:after {
	content: "";
	top: 30%;
}

#header .menu .nav-opener:after {
	top: 70%;
}

#header .menu {
	float: right;
}

.logo {
	float: left;
	width: 118px;
	margin: 14px 0 0 15px;
}

.logo img {
	width: 100%;
}

.headroom {
	will-change: transform;
	-webkit-transition: -webkit-transform 200ms linear;
	transition: transform 200ms linear;
}

.headroom--pinned {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.headroom--unpinned {
	-webkit-transform: translateY(-48px);
	-ms-transform: translateY(-48px);
	transform: translateY(-48px);
}


@media (min-width: 406px) {
	.companies-list .img-holder {
		padding: 35px 55px;
	}
}

@media (min-width: 480px) {
	.companies-list .img-holder {
		width: 50%;
		padding: 35px 75px;
	}

	.stories li {
		width: 50%;
	}

	.milestones-section .milestones-list li:before {
		content: "";
		position: absolute;
		left: -7px;
		top: 4px;
		display: block;
		width: 22px;
		height: 22px;
		background-color: #fff;
		border-radius: 50%;
	}

	.dropdown-menu:after {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.info-list {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin: 0 0px;
	}

	.info-list > li {
		width: 100%;
	}
}


@media (min-width: 580px) {
	.dropdown-menu-black {
		left: 76%;
	}

	section.testimonial-section .quote-panel .quote:before {
		left: 40px;
	}

	.info-list > li {
		width: 50%;
	}

	.companies-list .img-holder {
		padding: 35px 95px;
	}

	.info-list > li:nth-child(2n+1) .info-item:before {
		display: block;
	}

	.info-list > li:last-child .info-item:after {
		display: block;
	}

	.info-list .info-item:after {
		width: 3px;
		height: 100%;
		right: 1px;
		left: auto;
	}

	.use-case ol.info-list > li:nth-child(2n+1) .info-item:before {
		background-color: #fff;
	}
}

@media (min-width: 686px) {
	.companies-list .img-holder {
		padding: 35px 115px;
	}
}

@media (min-width: 768px) {
	.dropdown-menu {
		left: 90%;
		top: 120%;
	}

	.dropdown-menu:after {
		left: 30%;
	}

	.dropdown-menu-black {
		left: 65%;
	}

	section.testimonial-section .col-md-4 h2, section.testimonial-section .col-md-4 p {
		margin-top: 20px;
	}

	section.testimonial-section .quote-panel .quote:before {
		left: 50px;
	}

	section.testimonial-section .quote-panel {
		margin-top: 20px;
	}

	section.testimonial-section .quote-panel .card .image-holder img {
		max-height: 120px;
		max-width: 120px;
	}

	#larrow, #rarrow {
		display: initial;
	}

	#larrow {
		margin-left: -30px;
	}

	#rarrow {
		margin-right: 10px;
	}

	.companies-list .img-holder {
		width: 25%;
		padding: 35px 50px;
	}

	h1 {
		font-size: 40px;
	}

	h2 {
		font-size: 25px;
	}

	h3 {
		font-size: 18px;
	}

	.btn {
		font-size: 15px;
	}

	.btn-holder {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		/*padding-right: 10px;*/
	}

	.btn-holder > .btn,
	.btn-holder .dropdown {
		width: 50%;
	}

	.flex-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.visual.home {
		text-align: left;
	}

	.visual.home [class*="col-"] {
		margin-bottom: 0;
	}

	.visual.home [class*="col-"] .img-holder:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: -10px;
		width: 2px;
		background-color: #fff;
	}

	.visual.home [class*="col-"] .img-holder img {
		margin: 0;
	}

	.visual .visual-text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		margin-bottom: 0;
		padding-top: 24px;
		padding-right: 20px;
	}

	.visual .visual-text:after {
		bottom: 0;
		right: -10px;
		height: 100%;
		width: 3px;
	}

	.visual .visual-info {
		font-size: 32px;
	}

	.visual .img-example {
		left: auto;
		max-width: 400px;
		padding-left: 30px;
		padding-right: 0px;
	}

	.info-list .info-item {
		padding: 25px;
		padding-left: 30px;
	}

	.use-case ol.info-list > li:before {
		left: 30px;
	}

	.milestones-section .milestones-container {
		overflow: inherit;
	}

	.milestones-section .milestones-list {
		width: 100%;
	}

	.milestones-section .milestones-list li {
		padding: 40px 0 30px 7px;
		display: none;
		vertical-align: top;
		margin-left: -.3em;
		width: 20%;
	}

	.milestones-section .milestones-list li:nth-child(-n+4) {
		display: inline-block;
	}

	.milestones-section .milestones-list li:before {
		left: 10px;
	}

	.milestones-section .milestones-list li:after {
		height: 2px;
		width: 100%;
		top: 14px;
		left: 10px;
	}

	.thumbnail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.references-section {
		text-align: left;
	}

	.references-section .reference-holder {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.references-section [class*="col-"] {
		margin: 0;
	}

	.references-section .img-holder {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.promo-section {
		text-align: left;
	}

	.promo-section .reference-holder {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.promo-section [class*="col-"] {
		margin: 0;
	}

	.promo-section .img-holder {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	.clients-section .stories {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	/*.clients-section .companies-list li {
		padding: 0 20px;
	}*/

	.why-etrel .schematic-img {
		padding: 0;
	}

	#footer {
		text-align: left;
	}

	#footer h4 {
		font-size: 36px;
		margin-bottom: 46px;
		margin-top: 0px;
	}

	#footer h5 {
		margin-bottom: 32px;
	}

	#footer [class*="col-"] {
		margin-bottom: 80px;
	}

	/*
	.subscribe-form {
		max-width: 280px;
	}

	.subscribe-form .btn-holder {
		padding-top: 90px;
	}
	*/

	.feed-block .head-feed {
		font-size: 19px;
	}

	.feed-block .feed-description {
		text-align: left;
	}

	.feed-block .feed-description img {
		margin: 0;
	}

	.about-list {
		margin-bottom: 36px;
	}

	.contact-list {
		margin-top: 25px;
		margin-bottom: 25px;
	}
}

@media (min-width: 992px) {
	.dropdown-menu {
		left: 78%;
		width: 471px;
	}

	.dropdown-menu:after {
		left: 30%;
	}

	.dropdown-menu-black {
		left: 55%;
		width: 350px;
	}

	section.testimonial-section {
	    padding: 40px 0px; 
	}
	section.testimonial-section .col-md-4 h2 {
		margin-top: 0px;
	}

	section.testimonial-section [class*="col-"] {
		margin: 0;
	}

	section.testimonial-section .col-md-4 p, section.testimonial-section .col-md-4 h2 {
		margin-top: 140px;
	}

	section.testimonial-section .col-md-4 p {
		padding: 0 10px;
	}

	section.testimonial-section .col-md-4 .quote-panel {
		margin: 0 10px;
	}

	section.testimonial-section .row .col-md-4 {
		padding: 0;
	}

	.companies-list .img-holder {
		width: 25%;
		padding: 35px 75px;
	}

	.stories li {
		width: 25%;
	}

	.dropdown-menu:after {
		bottom: -7px;
		opacity: 1;
		visibility: visible;
	}
	
	.dropup .dropdown-menu {
		margin-bottom: 7px;
	}

	.visual {
		border-bottom: 0px solid #fff;
		padding: 105px 0 75px;
	}

	.visual.about-visual {
		padding: 105px 0 109px;
	}

	.visual.about-visual .visual-info {
		padding: 55px 30px 44px 35px;
	}

	.visual.about-visual .visual-info .text-holder {
		padding: 0 80px 38px 0;
	}

	.visual.about-visual h2 {
		font-size: 45px;
	}

	.visual.about-visual .img-example {
		bottom: -110px;
	}

	.visual.intro {
		padding: 105px 0 32px;
	}

	.visual.home {
		padding: 82px 0 160px;
	}

	.visual.home [class*="col-"] .img-holder:after {
		right: 0;
	}

	.visual.home .img-col {
		padding-top: 90px;
	}

	.visual h1 {
		margin-bottom: 54px;
		padding-top: 80px;
		color: #ffffff;
	}

	.visual h2 {
		margin-bottom: 54px;
		font-size: 50px;
	}

	.visual .visual-text {
		padding-top: 44px;
	}

	.visual .visual-text p {
		margin-bottom: 170px;
	}

	.visual .visual-info {
		padding: 81px 105px 43px 64px;
		margin-left: 37px;
		min-height: 668px;
		max-width: none;
	}

	.visual .visual-info .info-value {
		font-size: 100px;
		margin-bottom: 40px;
	}

	.visual .visual-info .text-holder {
		padding-top: 58px;
	}

	.visual .img-example {
		max-width: 620px;
	}

	.visual .intro-text {
		padding: 69px 60px 69px 43px;
	}

	.useful-links {
		font-size: 18px;
	}

	.useful-links1 {
		font-size: 18px;
	}

	.field-gallery {
		padding: 109px 0;
	}

	.field-gallery h2 {
		padding-left: 41px;
		margin: 0 0 133px;
	}

	.info-section {
		padding: 73px 0 0;
	}

	.info-section h2 {
		padding-left: 68px;
		margin: 0 0 40px;
	}

	.info-section .info-list {
		margin-bottom: 113px;
	}

	.info-section .topic {
		margin-bottom: 138px;
	}

	.info-list > li {
		width: 33.332%;
	}

	.info-list > li:nth-child(2n+1) .info-item:before {
		display: none;
	}

	.info-list > li:nth-child(3n+1) .info-item:before {
		display: block;
	}

	.info-list .topic {
		font-size: 23px;
		padding-left: 20px;
	}

	.info-list .item-img {
		margin-bottom: 0;
		height: 370px;
	}

	.info-list .btn-holder .btn-load:before {
		left: 15px;
	}

	.use-case h2 {
		padding-left: 100px;
		margin-bottom: 24px;
	}

	.use-case ol.info-list > li:before {
		top: -20px;
		left: 55px;
		font-size: 160px;
	}

	.use-case ol.info-list > li:nth-child(3n+1) .info-item:before {
		background-color: #fff;
	}

	.use-case ol.info-list .topic {
		font-size: 20px;
	}

	.steps-section .info-item {
		padding: 0 25px;
	}

	.milestones-section {
		padding: 139px 0 21px;
	}

	.milestones-section .milestones-list li h5 {
		padding-bottom: 45px;
	}

	.jobs-section {
		padding: 90px 0 103px;
	}

	.jobs-section .job-holder {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		/*height: 100%;*/
	}

	.jobs-section .job-holder h3 {
		font-size: 38px;
		margin: 0 0 47px;
	}

	.jobs-section .job-holder ul:not([class]):not([id]) {
		margin: 0 0 25px;
	}

	.jobs-section .job-description {
		margin-bottom: 45px;
	}

	.info-blocks {
		padding: 210px 0 139px;
	}

	.info-blocks [class*="col-"] {
		margin-bottom: 57px;
	}

	.thumbnail .caption {
		padding: 30px 20px;
	}

	.thumbnail .caption h3 {
		font-size: 34px;
		margin: 0 0 30px;
	}

	.references-section {
		padding: 50px 0 53px;
	}

	.references-section h1 {
		font-size: 45px;
		margin-bottom: 62px;
	}

	.promo-section {
		padding: 50px 0 53px;
	}

	.promo-section h1 {
		font-size: 45px;
		margin-bottom: 62px;
	}

	.clients-section {
		padding: 75px 0 90px;
	}

	.clients-section h2 {
		margin: 0 0 105px;
	}

	.clients-section .topic {
		padding-left: 59px;
	}

	.clients-section .stories {
		text-align: center;
	}

	.clients-section .stories {
		padding: 55px 30px 0;
	}

	.clients-section .stories:after {
		width: 0px;
		height: 260px;
		right: 0;
		top: 70%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		left: auto;
	}

	/*.clients-section .companies-list {
		text-align: left;
		padding: 60px 0 0 0;
	}

	.clients-section .companies-list li {
		padding: 0 26px;
	}*/

	.we-do-section h2 {
		margin: 0 0 47px;
		padding-left: 76px;
	}

	.why-etrel {
		padding: 146px 0 135px;
	}

	.why-etrel .carousel .mask {
		margin-bottom: 80px;
	}

	.news-section h2 {
		font-size: 40px;
	}

	#header .main-navbar {
		padding-bottom: 3px;
	}

	#header .menu .drop {
		position: relative;
		opacity: 1;
		visibility: visible;
	}

	#header .menu .drop .nav-holder {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		padding: 15px 0 10px;
	}

	#header .menu .drop .nav-holder > ul li {
		display: inline-block;
		vertical-align: middle;
		padding: 0 5px;
	}

	#header .menu .nav-opener {
		display: none;
	}

	#footer {
		padding: 77px 0 77px;
	}

	#footer [class*="col-"] {
		margin-bottom: 0;
	}

	section.testimonial-section .quote-panel .quote:before {
		left: 20px;
	}

}

@media (min-width: 1200px) {
	section.testimonial-section .quote-panel .quote:before {
		left: 30px;
	}

	section.testimonial-section .col-md-4 p, section.testimonial-section .col-md-4 h2 {
		margin-top: 140px;
	}

	section.testimonial-section .col-md-4 p {
		padding: 0 20px;
	}

	section.testimonial-section .col-md-4 .quote-panel {
		/*margin: 0 20px;*/
	}

	.companies-list .img-holder {
		width: 25%;
		padding: 35px 85px;
	}

	.btn {
		padding: 16px 15px;
		min-width: 221px;
	}

	.btn.btn-learn {
		padding: 16px 20px 16px 40px;
	}

	.btn.btn-load {
		padding: 16px 20px 16px 40px;
	}

	.dropdown-menu {
		left: 63%;
		padding: 48px 30px 20px 30px;
		width: 460px;
	}

	.dropdown-menu:before {
		left: 30%;
	}

	.dropdown-menu-black {
		left: 0%;
		width: 400px;
	}

	.dropdown-menu-black:before {
		left: 67%;
	}

	.dropdown-menu li {
		padding-bottom: 40px;
	}

	.visual.about-visual .visual-text {
		padding: 5px 103px 49px 25px;
	}

	.visual.about-visual .visual-info .btn {
		font-size: 22px;
	}

	.visual.intro .visual-info .title {
		font-size: 32px;
	}

	.visual.intro .visual-info .btn-holder .btn {
		font-size: 22px;
	}

	.visual .visual-text {
		padding: 44px 103px 47px 25px;
	}

	.visual .flex-row .col-md-6 {
		padding-left: 0px;
	}

	.visual .visual-info .info-value {
		/*font-size: 200px;*/
	}

	.visual .img-example {
		max-width: 800px;
		right: 31px;
		bottom: -75px;
	}

	.visual .intro-text p {
		margin-bottom: 50px;
	}

	.info-section .info-list .btn-holder {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		bottom: 5px;
	}

	.info-list .btn-holder .btn-load:before {
		left: 20px;
	}

	.use-case {
		padding: 100px 0 190px 0;
	}

	.use-case ol.info-list > li:before {
		top: -30px;
		left: 40px;
		font-size: 200px;
	}

	/*.use-case ol.info-list .topic {
		margin-bottom: 138px;
	}*/

	.steps-section {
		padding: 100px 0 150px;
	}

	.steps-section .info-item h3 {
		margin-bottom: 42px;
	}

	.milestones-section h1 {
		font-size: 60px;
	    padding-left: 30px;
	}

	.milestones-section h2 {
		font-size: 62px;
		padding-left: 34px;
		max-width: 470px;
	}

	.milestones-section .milestones-list li {
		padding: 40px 5px 30px 10px;
	}

	.milestones-section .milestones-list li p {
		margin-bottom: 31px;
	}

	.jobs-section h1 {
		padding: 87px 0 0 30px;
		margin: 0;
	}

	.jobs-section .job-holder {
		padding: 35px;
		margin: 0;
	}

	.thumbnail .caption {
		padding: 43px 48px 34px 48px;
	}

	.thumbnail .useful-links {
		left: 44px;
	}

	.references-section {
		padding: 59px 0 53px;
	}

	.references-section h1 {
		padding-left: 33px;
	}

	.references-section .container {
		max-width: 1400px;
	}

	.references-section [class*="col-"] {
		padding: 0 36px;
	}

	.promo-section {
		padding: 85px 0 82px;
	}

	.promo-section h1 {
		padding-left: 0px;
	}

	.promo-section .container {
		/*max-width: 1400px;*/
		/*padding-left: 45px;*/
	}

	.promo-section [class*="col-"] {
		/*padding: 0 36px;*/
	}

	.promo-section .container {
		padding: 0;
	}

	.clients-section h2 {
		padding-left: 75px;
	}

	.clients-section .popup {
		padding: 185px 60px 50px 60px;
	}

	.clients-section .popup p {
		margin-bottom: 55px;
	}

	.clients-section .popup .close {
		top: 50px;
		right: 70px;
		width: 30px;
		height: 30px;
	}

	.clients-section .popup .popup-logo {
		top: 50px;
		left: 60px;
	}

	/*.clients-section .companies-list {
		padding: 57px 0 0 0;
	}

	.clients-section .companies-list li {
		padding: 0 57px;
	}*/

	.we-do-section {
		padding: 115px 0 13px;
	}

	.we-do-section [class*="col-"] {
		margin-bottom: 100px;
	}

	.we-do-section .thumbnail .caption {
		padding: 35px 65px 34px 48px;
	}

	.we-do-section .thumbnail .btn-holder .btn {
		width: 50%;
		padding: 16px 12px;
	}

	.why-etrel .carousel .slide .avatar {
		margin-right: 49px;
	}

	.news-section:after {
		min-height: 700px;
	}

	.top-navbar li {
		padding: 0 18px;
	}

	.top-navbar li i {
		font-size: 26px;
	}

	.top-navbar .dropdown-toggle:before {
		font-size: 24px;
	}

	.top-navbar {
		padding: 16px 0;
	}

	.logo {
		width: 118px;
		margin: 14px 0 0 41px;
	}

	#header .main-navbar {
		padding-bottom: 15px;
	}

	#header .menu {
		margin-top: 15px;
	}

	#header .menu .drop .nav-holder {
		padding: 0;
	}

	#header .menu .drop .nav-holder > ul {
		padding: 0 10px;
	}

	#header .menu .drop .nav-holder > ul li {
		padding: 0 15px;
		margin: 0 0 0 -4px;
	}

	.headroom--unpinned {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	.feed-block .head-feed a {
		margin-right: 24px;
	}
}

@media (min-width: 1700px) {
	.dropdown-menu:before {
		left: 35%;
	}

	.dropdown-menu {
		left: 43%;
	}

	.dropdown-menu-black {
		left: -16%;
		width: 400px;
	}

	.dropdown-menu-black:before {
		left: 75%;
	}


	section.testimonial-section .quote-panel .quote:before {
		left: 90px; 
	}

	section.testimonial-section .col-md-4 p, section.testimonial-section .col-md-4 h2 {
		margin-top: 150px;
	}

	section.testimonial-section .col-md-4 p {
		padding: 0 80px;
	}

	section.testimonial-section .col-md-4 .quote-panel {
		margin: 0 80px;
	}

	.companies-list .img-holder {
		width: 12.5%;
		padding: 35px 55px;
	}

	.container {
		width: 1670px;
	}

	h1 {
		font-size: 60px;
	}

	h2 {
		font-size: 45px;
	}

	h3 {
		font-size: 38px;
	}

	.visual.intro .visual-text {
		padding-left: 30px;
	}

	.visual.intro .visual-info {
		padding: 0 88px 10px 30px;
	}

	.visual.home [class*="col-"] .img-holder:after {
		right: 58px;
		top: -70px;
		bottom: -70px;
	}

	.visual.home .img-col {
		padding-top: 190px;
	}

	.visual .flex-row {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.visual [class*="col-"] {
		width: 33.332%;
	}

	.visual .img-example {
		max-width: 1000px;
	}

	.visual .intro-text {
		font-size: 32px;
	}

	.visual h5 {
		font-size: 32px;
		margin-bottom: 30px;
	}

	.info-list .info-item {
		padding: 39px 70px 41px 70px;
	}

	.use-case ol.info-list > li:before {
		top: -25px;
		left: 60px;
	}

	.steps-section .info-item {
		padding: 0 45px;
	}

	.milestones-section h1 {
		padding-left: 30px;
	}

	.milestones-section .milestones-list li {
		padding: 57px 30px 30px 40px;
	}

	.milestones-section .milestones-list li:before {
		left: 40px;
	}

	.milestones-section .milestones-list li:after {
		left: 40px;
	}

	.jobs-section h1 {
		padding: 87px 0 0 25px;
	}

	.jobs-section .job-holder, .jobs-section .learn-more {
		background: #bbb;
		margin: 0 9px 20px 36px;
		padding: 42px 30px 34px 30px;
	}

	.jobs-section .job-holder .btn {
		padding: 16px 8px;
	}

	.thumbnail {
		margin: 0 25px 0 25px;
		min-height: 662px;
	}

	.clients-section h2 {
		margin: 0 0 189px;
	}

	.clients-section .stories {
		padding: 75px 30px 0;
	}

	/*.clients-section .companies-list {
		padding: 57px;
	}

	.clients-section .companies-list li {
		padding: 0 57px;
	}*/

	.we-do-section {
		padding: 210px 0 13px;
	}

	.we-do-section .thumbnail .btn-holder {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		left: 30px;
		right: 30px;
	}

	.why-etrel h2 {
		margin: 0 0 90px;
	}

	.why-etrel .text-content {
		padding-left: 76px;
		padding-right: 50px;
	}

	.why-etrel .schematic-img {
		padding-top: 68px;
	}

	.why-etrel .carousel {
		padding-left: 92px;
	}

	.why-etrel .carousel .slide blockquote {
		font-size: 32px;
		padding: 136px 85px 0 0;
		margin-bottom: 48px;
	}

	.why-etrel .carousel .slide q:before {
		font-size: 285px;
	}

	.news-section:after {
		min-height: 906px;
	}

	.logo {
		width: 118px;
		margin-left: 41px;
	}

	#header .menu .drop .nav-holder > ul {
		padding: 0 50px;
	}

	#header .menu .drop .nav-holder > ul li {
		padding: 0 25px;
	}

	#header .tab-content .jcf-scrollable {
		height: 60px !important;
	}

	#footer [class*="col-"] {
		padding: 0 25px 0 141px;
	}

	#footer [class*="col-"]:first-child {
		padding-left: 95px;
	}

	#footer [class*="col-"]:first-child h4 {
		padding-left: 3px;
	}

	.social-network li {
		padding: 0 20px 0 0;
	}

	section.testimonial-section .col-md-4 {
		padding: 0 80px 0 80px;
	}
}

@media (min-width: 1900px) {
	.dropdown-menu:before {
		left: 25% !important;
	}

	.dropdown-menu-black:before {
		left: 45% !important;
	}

	.dropdown-menu {
		left: 40%;
	}

	.container {
		width: 1765px;
	}

	/*.clients-section .companies-list {
		padding: 87px 0 0 60px;
	}*/
}