* {
	-webkit-font-smoothing: antialiased; /* do NOT touch this!! this line fix bad fonts rendering on hovers, etc. */
}

body {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
}

a {
	padding: 10px 40px;
	background-color: transparent;
	border: 3px solid black;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
}

ul {
    padding-left:18px;
}
a:hover {
	text-decoration: none;
}

.logo {
	float: left;
	margin-top: -6px;
	margin-right: 10px;
	height: 30px;
}

.navbar-brand {
	font-size: 30px;
	font-weight: 700;
}

header {
	position: absolute;
	width: 100%;
	z-index: 99999;
}

header a {
	text-transform: uppercase;
	color: white !important;;
	border: none;
	padding-top: 25px !important;
	padding-bottom: 0;
	font-weight: 400;
}

.home section {
	position: relative;
	z-index: 200;
}

.home ul {
    padding-left: 18px;
}

.home li {

    color: #2b2c2d;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.navbar {
	margin-bottom: 0;
	background-color: transparent;
	border: none;
}
.home #slider{
    height: 565px;
}
#slider {
	background-color: grey;
	background-image: url('/resources/images/slider-bg.jpg');
	padding: 45px 0;
	background-size: cover;

}

#slider p {
	font-size: 18px;
	color: #f3f3f4 !important;
	line-height: 1;
	margin-bottom: 50px;
}

#slider .header {
	font-size: 46px;
	color: #ecd419 !important;
	margin-bottom: 20px;
	font-weight: 900 !important;
}

#slider a {
	color: white;
	border-color: white;
	font-size: 22px;
	padding: 14px 53px;
}

a:hover {
	color: #ecd419 !important;
	border-color: #ecd419 !important;
}

#services {
	padding: 50px 0 0;
	overflow: hidden;
	background-color: white;
}

.home #services .header{
    font-size: 32px !important;
}
#services .header {
	font-size: 40px !important;
	color: #464748;
	text-align: center !important;
	font-weight: 900 !important;
	margin-bottom: 25px;
}
.pricing #services{
    padding-top: 40px;
}
.pricing #services .header{
    font-size: 28px !important;
}
#services p {
	text-align: center;
	font-size: 19px;
	color: #464748;
	font-weight: 300;
}

.home #slider .header {
	margin-bottom: 50px;
}

.home #slider {
	padding-top: 170px;
	padding-bottom: 150px;
}

.home #services {
	padding: 40px;
    padding-top: 47px;
}

.home #services .header {
	color: #2a7e89;
    margin-bottom: 30px;
}

.home #process  {
	padding: 0;
	position: relative;
	z-index: 190;
}
.home #process-in {
	background: url('/resources/images/homepage-bg-prlx1.png') center top;
	position: relative;
	height: 1392px;
	z-index: 200;
	padding: 116px 0 80px 0;
}

.home #process .second {
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
}

.home #process .third {
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
}

.home #process .fourth {
	-webkit-transform: translateY(-60px);
	transform: translateY(-60px);
}

.home #process .fifth {
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
}

.home #process .fifth p {
	margin-bottom: 0 !important;
}

.home #cases {
	padding: 30px 0;
}

.home .filler {
	height:60%;
	position: fixed;
	width: 100%;
	background-color: #1b737b;
	z-index: 199;
	top: 0;
}

#process {
	padding-bottom: 80px;
}

#process .hand {
	margin-bottom: 20px;
}

#process p {
	color: white;
	line-height: 1.2;
	margin-bottom: 230px;
}

#process .first {
	/*margin-bottom: 20px;*/
}
#process .second p {
	margin-bottom: 221px;
}
#process .third p {
	margin-bottom: 226px;
}
#process .fourth p {
	margin-bottom: 218px;
}


#process .header {
	font-size: 16px;
    font-weight: bold;
	margin-bottom: 0 !important;
}

#process .intro {
	font-size: 30px;
	font-weight: 700;
    padding-left: 87px;
}

#process .intro span {
	display: block;
	height: 3px;
	background-color: white;
	float: right;
	width: 145px;
	margin-top: 18px;
}

#process .divider {
	display: block;
	width: 3px;
	height: 145px;
	background-color: white;
	margin: 20px auto;
}

#cases {
	padding: 100px 0 54px;
	overflow: hidden;
	background-color: white;
}

#cases .block {
	background-color: #f2f2f2;
	padding: 15px;
	padding-bottom: 30px;
}

#cases .block .header {
	font-size: 16px;
	color: #2b2c2d;
	font-weight: 900;
	margin-bottom: 15px;
}

#cases .block .header span {
	color: #f48171;
}

#cases .block p {
	color: #2b2c2d;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 35px;
}

#cases .block a {
	color: black;
	font-weight: 700;
}

#cases .block ul {

    list-style-type: disc;
}

#contact {
	background-color: #f48171;
	padding: 50px 0 40px 0;
}

#contact p {
	color: white;
	font-size: 20px;
}

#contact .left {
	text-align: right;
}

#contact .right {
	padding-top: 13px;
}

#contact a {
	font-size: 22px;
	color: white;
	border-color: white;
	padding: 14px 84px;
}

footer {
	background-color: #2b2c2d;
	padding: 30px 0 20px;
}

footer ul {
	padding: 0;

}

footer li {
	display: inline;
	list-style-type: none;
}

footer a {
	border: none;
	padding: 0 15px;
	color: white;
	padding-left: 0;
}

footer .licencing, footer .licencing a {
	color: #5e5e5e !important;
	font-size: 10px;
	text-transform: uppercase;
}

footer .licencing a {
	padding-left: 15px;
	padding-right: 0;
}

footer img {
	float: right;
}
footer ul li{
    font-size: 12px !important;
}





.contact-us #contact-form {
	padding: 50px 0 80px;
}

.contact-us header {
	position: relative;
	background-color: #2b2c2d;
}

.contact-us header a {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.contact-us .header {
	font-size: 36px;
	color: #ecd419;
	font-weight: bold;
	padding-left: 8px;
	font-weight: 900;
	margin-bottom: 35px;
}

.contact-us .right a {
	border: none;
	padding: 0;
	text-align: left;
	font-size: 16px;
	color: #ee685a;
	text-transform: none;
}

.contact-us .right p {
	color: black;
	font-size: 16px;
	margin-bottom: 35px;
}

.contact-us .right .header {
	font-size: 22px;
	margin-bottom: 25px;
	padding-left: 0;
}

.contact-us input, .contact-us textarea {
	width: 100%;
	padding: 10px;
	color: #ADAEAE;
	border: 1px solid #e1e1e1;
	margin-bottom: 10px;
}

.contact-us form button {
	padding: 10px 45px;
	color: #f48171;
	background-color: transparent;
	border: 3px solid #f48171;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 50px;
}








.about #slider {
	background-image: url('/resources/images/about-slider-bg.jpg');
	padding-top: 190px;
	padding-bottom: 115px;
}

.about #slider .header {
	margin-bottom: 55px;
}

.about #slider p {
	margin-bottom: 20px;
	font-weight: 700;
}

.about .code {
	margin-bottom: 30px;
}

.about #services p {
	text-align: left !important;
	color: #2b2c2d !important;
	font-weight: 700;
	font-size: 16px;
	padding-right: 30px;
}

.about #services ul {
	padding-left: 35px;
}

.about #services li {
	padding-left: 0;
	font-weight: 700;
	color: #2b2c2d !important;
	font-size: 16px;
}

.about ul {
    padding-left: 18px;
}

.about li {

    color: #2b2c2d;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.case-study ul {
	padding: 0;
}

.case-study li {
	/*text-align: left !important;*/
	color: #2b2c2d !important;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 15px;
	line-height: 18px;
}

.case-study header a {
	font-size: 14px !important;
}

.case-study #slider {
	background-image: none;
	background-color: white;
	padding-bottom: 0;
	padding-top: 44px;
}

.case-study #slider .header {
	font-size: 36px;
	color: #ecd419 !important;
	font-weight: bold;
	padding-left: 8px;
	margin-bottom: 50px;
	font-weight: 900;
}

.case-study #slider p {
	text-align: left !important;
	color: #2b2c2d !important;
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 15px;
}

.case-study .title {
	font-size: 22px !important;
	color: #2b2c2d !important;
	text-align: left !important;
	font-weight: 900 !important;
	margin-bottom: 35px !important;
}
.case-study .right .title{
    margin-top: -6px;
}

.case-study #services .title {
	font-size: 16px !important;
	font-weight: 600 !important;
}

.case-study #services li {
	font-size: 16px !important;
	line-height: 18px;
}

.case-study #services .header {
	text-align: left !important;
	font-size: 22px !important;
    margin-left: 10px;
}

.case-study #services ul {
	padding-left: 45px;
}

.case-study #services img {
	margin-bottom: 35px;
}

.case-study #cases img {
	float: left;
	margin-right: 30px;
}

.case-study #cases p {
	margin-top: 32px;
	font-size: 20px;
	font-weight: 900;
}


.case-study header {
	position: relative;
	background-color: #2b2c2d;
	height: 72px;
}

.case-study header a {
	
	padding-bottom: 20px !important;
}

.case-study #slider p.title {
    font-weight: 700 !important;
    width: 104%;
}

.case-study #slider ul {
    padding-left: 45px;
}
.case-study footer ul li{
    margin-bottom: 5px;
}


.how ul {
	padding-left: 18px;
}

.how li {
	list-style-type: decimal;
	color: #2b2c2d;
	font-size: 16px;
	font-weight: bold;
    margin-bottom: 15px;
}

.how #services {
	padding: 55px 45px 35px 45px;
}

.how #slider {
	background-image: url('/resources/images/how-slider-bg.jpg');
	padding-top: 135px;
	padding-bottom: 130px;
}

.how #slider p {
	margin-top: 60px;
}

.how p {
	color: #2b2c2d;
}

.how .on-what.plainted {
	background-color: #f2f2f2;
}
.how .on-what.plainted .header{
    margin-bottom: 0;
}
.how .on-what{
	padding-top: 85px;
	overflow: hidden;
}
.how .on-what.four{
    padding-top: 40px;
}
.how .on-what.four .header{
    margin-bottom: 32px;
}
.how .on-what.four .header+p{
    margin-bottom: 12px;
}
.how .on-what.four h2{
    margin-top: 27px;
}
.how .on-what.five{
    padding-top: 18px;
}
.how .on-what.five .header{
    margin-bottom: 20px;
}
.how .on-what.five p{
    margin-bottom: 17px;
}
.how .on-what.seven .header, .how .on-what.eight .header{
    margin-bottom: 20px;
}
.how .on-what.nine{
    padding-top: 18px;
}
.how .on-what.nine .header{
    margin-bottom: 15px;
}
.how .on-what.nine .header+p{
    margin-bottom: 16px;
}
.how .on-what.nine .col-md-offset-0{
    margin-top: 20px;
}
.how .on-what.two .padding-leftOffset{
    padding-left: 57px;
}
.how .on-what p {
	color: #2b2c2d;
	font-size: 16px;
	font-weight: bold;
}

.how .on-what .header {
	font-size: 30px;
}

.how .on-what .w-padding {
	margin-top: 116px;
}

.how #trigger-bottom {
	bottom: 20%;
}

.how .on-what img {
	opacity: 0;
	transition: all 800ms;
	transform: translateX(-200%);
	-webkit-transform: translateX(-200%);
}

.how .on-what.from-right img {
	transform: translateX(200%);
	-webkit-transform: translateX(200%);
}

.how .on-what.two img{
	transition-delay: 150ms;
}

.how #services p {
	font-weight: 700;
	font-size: 16px;
	text-align: left !important;
}

#cases .block.three {
	transition-delay: 300ms;
}

.how .on-what.one .header{
	margin-top: 91px;
}

.how .on-what.two .header{
	margin-top: 110px;
} 

.how .on-what.three .header{
	margin-top: 93px;
} 

.how .on-what.four img{
	margin-top: 10px;
} 

.how .on-what.five img{
	margin-top: 16px;
}
.how .on-what.six{
    padding-top: 10px;
}
.how .on-what.six .col-md-offset-0{
    margin-top: 20px;
}
.how .on-what.seven{
    padding-top: 72px;
}
.how .on-what.eight{
    padding-top: 7px;
}
.how .on-what.eight .col-md-offset-0{
    margin-top: 30px;
}
.how .on-what.eight hr{
    margin-top: 40px;
    margin-bottom: 15px;
}
.how .on-what.nine li {
	list-style-type: disc;
}

.how #cases{
    padding-top: 33px;
    padding-bottom: 32px;
}
.how footer ul{
    padding-left: 0;
}
.how footer ul li{
    margin-bottom: 0;
}





.pricing #slider {
	background-image: url('/resources/images/pricing-slider-bg.jpg');
	padding-bottom: 49px;
}

.pricing #slider .header {
	margin-bottom: 50px;
	margin-top: 100px;
	font-size: 40px;
}

.pricing #services {
	background-color: #f2f2f2;
}

.pricing #services .hack div {
	float: left;
}

.pricing #services p {
	text-align: left;
	font-size: 12px;
	font-weight: 900;
	margin-top: 10px;
}

.pricing #services img {
	float: left;
	margin-bottom: 50px;
	margin-right: 25px;
}

.pricing #process {
	background-color: white;
	padding: 50px 0;
}

.pricing #process p {
	color: #2b2c2d;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 20px !important;
}


.moving-icon {
	transform: translateX(-25px);
	-webkit-transform: translateX(-25px);
}

.moving-icon img {
	opacity: 0;
	transition: all 800ms;
	transform: translateY(200px);
	-webkit-transform: translateY(200px);
    margin-bottom: 10px;
}

.moving-icon.two img {
	transition-delay: 150ms;
}

.moving-icon.three img {
	transition-delay: 300ms;
}

#cases .block {
	opacity: 0;
	transition: all 800ms;
	transform: translateY(200px);
	-webkit-transform: translateY(200px);
}

#cases .block.two {
	transition-delay: 150ms;
}

#cases .block.three {
	transition-delay: 300ms;
}

.change-opacity {
	opacity: 0.5;
	transition: all 400ms;
}

#trigger {
	position: fixed;
	z-index: 99999;
	background-color: green;
	top:75%;
	width: 0;
	height: 0;
}

#trigger-bottom {
	position: fixed;
	z-index: 99999;
	background-color: red;
	bottom:5%;
	width: 0;
	height: 0;
}


.padding-for-headers{
    padding-left: 98px;
    padding-right: 20px;
}
.padding-for-rightHeaders{
    padding-left: 20px;
    margin-top: -13px;
}
.rightHeadersTopOffset{
    top: 16px;
}
.leftHeadersTopOffset{
    top: 9px;
}

@media (max-width: 1200px) {

    #process .intro{
        padding-left: 0;
    }
    .padding-for-headers{
        padding-left: 0;
    }
    .padding-for-rightHeaders{
        padding-left: 32px;
    }

}

@media (max-width: 992px){

    .padding-for-rightHeaders{
        padding-left: 0;
    }
    .padding-for-rightHeaders, .padding-for-headers{
        padding-left: 10px;
    }
    .how .on-what, #cases{
        padding-top: 75px;
    }
    .how #slider{
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .home #process{
        padding-top: 75px;
    }

    .home #cases li {
        padding-left: 0;
        font-weight: 700;
        color: #2b2c2d !important;
        font-size: 16px;
        margin-bottom: 15px;
    }

    #cases .block.two{
        margin-bottom: 0;
    }
    #contact{
        padding: 25px 0 48px 0;
    }
    .moving-icon{
        margin-left: 50px;
    }/*
    .home #process p {
        margin-bottom: 35px !important;
    }
    .home #process .header {
        margin-bottom: 10px !important;
    }*/
    .home #process .row {
        -webkit-transform: translateY(00px);
        transform: translateY(0px);
    }
    .how .on-what .w-padding{
        margin-top: 0;
    }


}

@media (max-width: 768px) {

    .home #process .container, .how section .container{
        padding: 0 40px;
    }
    .how section#cases .container{
        padding: 0 10px;
    }
    .home #slider{
        padding-top: 100px;
    }
    #slider .container, .case-study #services .container{
        padding: 0 40px;
    }
    .how #services{
        padding-left: 0;
        padding-right: 0;
    }
    .how .on-what.two .padding-leftOffset{
        padding-left: 0;
    }
    .home #slider .header{
        font-size: 36px;
    }
    .home #slider{
        height: 480px;
    }
}

@media (max-width: 590px){

    .pricing #services p{
        margin-top: -3px;
    }
    .home #slider{
        height: auto;
    }
    .home #slider .header{
        font-size: 30px;
    }
    .home #slider a{
        font-size: 18px;
        padding: 10px 31px;
    }
    .home #slider{
        height: 440px;
    }
    .home #slider p{
        font-size: 16px;
    }
	html .home #process .intro {
		width: auto !important;
		margin: 120px 0 20px 0 !important;
		text-align: center;
	}
	.home #process p {
		width: auto !important;
	}

}

@media (max-width: 475px){

    footer li{
        display: block;
    }
}
@media (max-width: 414px){
    .home #slider .header {
        font-size: 26px;
    }
    .home #services .header {
        font-size: 22px !important;
    }

}
@media (max-width: 380px){

    .logo {
        float: left;
        margin-top: -3px;
        margin-right: 0px;
        height: 27px;
    }
    .home #slider .header {
        font-size: 24px;
    }
    .home #slider p {
        font-size: 14px;
    }
    .home #services .header {
        font-size: 18px !important;
    }

}

@media (max-width: 330px){
    .navbar-toggle{
        padding: 7px 8px;
    }
    .logo{
        margin-right: 0;
        height: 22px;
        margin-top: -2px;
    }
    .home #slider .header {
        font-size: 20px;
    }
    .home #slider {
        padding-top: 80px;
    }
    .home #slider p {
        font-size: 12px;
    }
    .home #slider .header {
        margin-bottom: 35px;
    }
    .home #slider a {
        font-size: 12px;
        padding: 6px 10px;
    }
    .home #slider {
        height: 355px;
    }
    .home #services .header {
        font-size: 16px !important;
    }
}


@media (max-width: 990px) {

.moving-icon img, #cases .block, .how .on-what img  {
	opacity: 1;
	transition: all 1600ms;
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transform: translateX(0%);
	-webkit-transform: translateX(0%);
}

header {
	z-index: 99999 !important;
}

.navbar-brand {
	font-size: 15px;
	padding-top: 15px !important;
}

#cases .block {
	margin-bottom: 35px;
}

#contact {
	text-align: center;
}

#contact .left, #contact .right {
	text-align: center;
}

footer {
	text-align: center;
}

footer img {
	float: none;
	margin: 0 auto;
}

#contact a {
	padding-left: 15px;
	padding-right: 15px;
}

}

@media (max-width: 991px) {
   
    .home .filler {
        display: none;
    }
    .home #process-in {
        background-image: url('/resources/images/how-bk.jpg');
		padding-top: 0;
		height: auto;
    }
	.home #process p {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px !important;
	}
	.home #process .header {
		margin-bottom: 0 !important;
	}
	.home #process .intro {
		width: 500px;
		margin-bottom: 95px !important;
	}
	#process .first {
		position: relative;
		padding-top: 79px;
	}
	#process .first:after {
		content: "";
		position: absolute;
		left: 50%;
		top: 0;
		background: url('/resources/images/homepage-bg-prlx1.png') -963px 0 no-repeat #fff;
		width: 76px;
		height: 181px;
		margin: 0 0 0 -37px;
	}
	#process .padding-for-headers {
		padding-right: 10px;
	}

	#process .second {
		position: relative;
		padding-top: 177px;
		margin-top: 20px;
	}
	#process .second:after {
		content: "";
		position: absolute;
		left: 50%;
		top: 0;
		background: url('/resources/images/homepage-bg-prlx1.png') -950px -286px no-repeat #fff;
		width: 100px;
		height: 160px;
		margin: 0 0 0 -50px;
	}

	#process .third {
		position: relative;
		padding-top: 181px;
		margin-top: 20px;
	}
	#process .third:after {
		content: "";
		position: absolute;
		left: 50%;
		top: 0;
		background: url('/resources/images/homepage-bg-prlx1.png') -950px -560px no-repeat #fff;
		width: 100px;
		height: 171px;
		margin: 0 0 0 -50px;
	}

	#process .fourth {
		position: relative;
		padding-top: 181px;
		margin-top: 43px;
	}
	#process .fourth:after {
		content: "";
		position: absolute;
		left: 50%;
		top: 0;
		background: url('/resources/images/homepage-bg-prlx1.png') -950px -845px no-repeat #fff;
		width: 100px;
		height: 171px;
		margin: 0 0 0 -50px;
	}

	#process .fifth {
		position: relative;
		padding-top: 181px;
		margin-top: 23px;
	}
	#process .fifth:after {
		content: "";
		position: absolute;
		left: 50%;
		top: 0;
		background: url('/resources/images/homepage-bg-prlx1.png') -937px -1146px no-repeat #fff;
		width: 131px;
		height: 166px;
		margin: 0 0 0 -63px;
	}
}
@media (max-width: 768px) {

    .home .navbar-collapse, .pricing .navbar-collapse, .how .navbar-collapse, .pricing .navbar-collapse, .about .navbar-collapse, .case-study .navbar-collapse {
        background-color: #7b7b7b;
        border-bottom: 1px solid #e7e7e7;
    }
}