body {
	margin: 0px;
	background-color: #fff;
	font-size: 16px;
    font-family: 'Exo 2', sans-serif;
	font-weight: 300;
	color: #8f8f8f;
	overflow-x: hidden;
}
body, html {
	height: 100%;
}
@-webkit-keyframes fadein { 0%{ opacity:0; } 75%{ opacity:0; } 100%{ opacity:1; } }
@-moz-keyframes fadein { 0%{ opacity:0; } 75%{ opacity:0; } 100%{ opacity:1; } }
@-ms-keyframes fadein { 0%{ opacity:0; } 75%{ opacity:0; } 100%{ opacity:1; } }
@-o-keyframes fadein { 0%{ opacity:0; } 75%{ opacity:0; } 100%{ opacity:1; } }
@keyframes fadein { 0%{ opacity:0; } 75%{ opacity:0; } 100%{ opacity:1; } }
.fadein {
	height: 100%;
    -webkit-animation: fadein 1.5s linear;
	-moz-animation: fadein 1.5s linear;
	-ms-animation: fadein 1.5s linear;
	-o-animation: fadein 1.5s linear;
	animation: fadein 1.5s linear;
}
.fadein2 {
    -webkit-animation: fadein 6s linear;
	-moz-animation: fadein 6s linear;
	-ms-animation: fadein 6s linear;
	-o-animation: fadein 6s linear;
	animation: fadein 6s linear;
}
@font-face {
    font-family: 'bebas_neuebold';
    src: url('bebasneue_bold-webfont.eot');
    src: url('bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue_bold-webfont.woff2') format('woff2'),
         url('bebasneue_bold-webfont.woff') format('woff'),
         url('bebasneue_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
a {
	color: inherit;
	text-decoration: none;
}
.section {
	overflow: auto;
	overflow-x: hidden;
	padding: 160px 160px 160px 160px;
}
.nopadding {
	padding: 160px 160px 90px 160px;
}
.section-header {
	float: left;
	width: 30%;
	text-align: left;
	padding: 0px 0px 50px 0px;
    font-family: 'bebas_neuebold';
	font-size: 36px;
	letter-spacing: 0px;
	color: #fff;
}
.section-content {
	float: right;
	width: 70%;
	line-height: 24px;
	text-align: justify;
}
.separator {
	height: 1px;
	background-color: #eee; /* f5f5f5 */
}
.icon-holder {
	text-align: center;
}
.icon {
	display: inline-block;
    font-family: 'Exo 2', sans-serif;
	text-align: center;
	margin: 0px 25px 50px 25px;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.icon img {
	height: 32px;
	width: auto;
	margin: 0px auto 24px auto;
	display: block;
	border: 0;
}
.for-columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 50px;
	-moz-column-gap: 50px;
	-ms-column-gap: 50px;
	-o-column-gap: 50px;
	-webkit-column-gap: 50px;
}
.no-columns {
	margin-bottom: 50px;
	text-align: center;
}
.bi1, .bi2, .bi3 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
}
.bi1 {
	background-image: url(img/3.jpg);
}
.bi2 {
	background-image: url(img/2.jpg);
}
.bi3 {
	background-image: url(img/1.jpg);
}
.linkeffect:hover {
	-webkit-animation: twinkleLink 1.3s infinite;
	-moz-animation: twinkleLink 1.3s infinite;
	-ms-animation: twinkleLink 1.3s infinite;
	-o-animation: twinkleLink 1.3s infinite;
	animation: twinkleLink 1.3s infinite;
}
@-webkit-keyframes twinkleLink { 0%{opacity: 1.0;} 50%{opacity: 0.3;} 100%{opacity: 1.0;} }
@-moz-keyframes twinkleLink { 0%{opacity: 1.0;} 50%{opacity: 0.3;} 100%{opacity: 1.0;} }
@-ms-keyframes twinkleLink { 0%{opacity: 1.0;} 50%{opacity: 0.3;} 100%{opacity: 1.0;} }
@-o-keyframes twinkleLink { 0%{opacity: 1.0;} 50%{opacity: 0.3;} 100%{opacity: 1.0;} }
@keyframes twinkleLink { 0%{opacity: 1.0;} 50%{opacity: 0.3;} 100%{opacity: 1.0;} }
.linkeffect2:hover {
	-webkit-animation: twinkleLink2 1.3s infinite;
	-moz-animation: twinkleLink2 1.3s infinite;
	-ms-animation: twinkleLink2 1.3s infinite;
	-o-animation: twinkleLink2 1.3s infinite;
	animation: twinkleLink2 1.3s infinite;
}
@-webkit-keyframes twinkleLink2 { 0%{opacity: 0.3;} 50%{opacity: 1.0;} 100%{opacity: 0.3;} }
@-moz-keyframes twinkleLink2 { 0%{opacity: 0.3;} 50%{opacity: 1.0;} 100%{opacity: 0.3;} }
@-ms-keyframes twinkleLink2 { 0%{opacity: 0.3;} 50%{opacity: 1.0;} 100%{opacity: 0.3;} }
@-o-keyframes twinkleLink2 { 0%{opacity: 0.3;} 50%{opacity: 1.0;} 100%{opacity: 0.3;} }
@keyframes twinkleLink2 { 0%{opacity: 0.3;} 50%{opacity: 1.0;} 100%{opacity: 0.3;} }





.about {
	height: 100%;
	padding: 0px 0px 0px 0px;
	background-image: url(img/background.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 1;
}
.logo {
	width: 150px;
	position: absolute;
	left: 50%;
	top: 20%;
	margin: 0px 0px 0px -75px;
}
.logo img {
	width: 100%;
	height: auto;
	display: block;
	border: 0;
}
@-webkit-keyframes blink-it { 0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 1;} }
@-moz-keyframes blink-it { 0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 1;} }
@-ms-keyframes blink-it { 0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 1;} }
@-o-keyframes blink-it { 0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 1;} }
@keyframes blink-it { 0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 1;} }
.blink {
	-webkit-animation: blink-it steps(1) 1s infinite;
	-moz-animation: blink-it steps(1) 1s infinite;
	-ms-animation: blink-it steps(1) 1s infinite;
	-o-animation: blink-it steps(1) 1s infinite;
	animation: blink-it steps(1) 1s infinite;
}
.typewriter-container {
	width: 800px;
	position: absolute;
	left: 50%;
	bottom: 20%;
	margin: 0px 0px 0px -400px;
	text-align: center;
	font-size: 40px;
	font-weight: 400;
	color: #3f6184;
}
.scroll-down {
	position: absolute;
	left: 50%;
	margin-left: -14px;
	bottom: 25px;
}
.scroll-down img {
	height: 16px;
	width: auto;
	display: block;
	border: 0;
}






#services {
	padding: 50px 0px 50px 0px;
}
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#example1 .nav {
	list-style: none;
	overflow: hidden;
	text-align: left;
}
#example1 .nav .nav-item {
	display: inline-block;
    font-family: 'Exo 2', sans-serif;
	font-weight: 600;
}
#example1 .nav .nav-item a {
	display: block;
	padding: 0px 24px 24px 0px;
	opacity: 0.3;
	border: 0;
}
#example1 .nav .nav-item a:hover {
	opacity: 1.0;
}
#example1 .nav-item a.current {
	opacity: 1.0;
	cursor: default;
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-ms-animation: none !important;
	-o-animation: none !important;
	animation: none !important;
}
#example2 .nav {
	list-style: none;
	overflow: hidden;
	text-align: left;
}
#example2 .nav .nav-item {
	display: inline-block;
    font-family: 'Exo 2', sans-serif;
	font-weight: 600;
}
#example2 .nav .nav-item a {
	display: block;
	padding: 0px 24px 24px 0px;
	opacity: 0.3;
	border: 0;
}
#example2 .nav .nav-item a:hover {
	opacity: 1.0;
}
#example2 .nav-item a.current {
	opacity: 1.0;
	cursor: default;
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-ms-animation: none !important;
	-o-animation: none !important;
	animation: none !important;
}




#solutions {
	padding: 50px 50px 50px 50px;
}
.solutions-icon-holder {
	margin: 50px 0px 0px 0px;
}
.solutions-icon {
	width: 33.33%;
	float: left;
    font-family: 'Exo 2', sans-serif;
	text-align: center;
}
.solutions-icon img {
	height: 32px;
	width: auto;
	margin: 0px auto 24px auto;
	display: block;
	border: 0;
}




.copyright {
	text-align: center;
	padding: 80px;
}




@media screen and (max-width: 1366px) {
.section {
	overflow: auto;
	overflow-x: hidden;
	padding: 160px 80px 160px 80px;
}
.nopadding {
	padding: 160px 80px 90px 80px;
}
}
@media screen and (max-width: 1023px) {
.section-header {
	float: none;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.section-content {
	float: none;
	width: 100%;
}
.for-columns {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-ms-column-count: 1;
	-o-column-count: 1;
	column-count: 1;
}
}
@media screen and (max-width: 719px) {
body {
	font-size: 13px;
}
.section {
	overflow: auto;
	padding: 30px 30px 30px 30px;
}
.section-header {
	float: none;
	width: 100%;
	padding: 0px 0px 30px 0px;
}
.section-content {
	float: none;
	width: 100%;
	line-height: 20px;
	text-align: left;
}
.icon {
	margin: 0px 12px 30px 12px;
}
.icon img {
	margin: 0px auto 12px auto;
}
.logo {
	width: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -140px 0px 0px -50px;
}
.typewriter-container {
	width: 100%;
	position: absolute;
	left: auto;
	bottom: 30%;
	margin: 0px 0px 0px -30px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
}
#example-two .nav .nav-item a {
	padding: 0px 12px 12px 0px;
}
.copyright {
	padding: 30px;
}
}