*, *:active, *:focus {
    outline: none !important;
}

html, body {
  font-family: 'Open Sans', sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
}

/* ========================================================== */
/* 			            01. GENERAL LAYOUT                    */
/* ========================================================== */

.logo {
	width: 150px;
	height: 97px;
	background-image: url(/static/images/logo2016_v2_white_@w200.png);
	background-repeat: no-repeat;
	background-size: cover;
    margin-top: 15px;
}
.logo {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.logo.small {
    width: 75px;
    height: 48px;
    margin-top: 0;
}

.no-padding{
	padding:0;
}

.no-padding-left{
	padding-left:0;
}

.no-padding-right{
	padding-left:0;
}

.small-padding-left{
	padding-left:5px;
}

.small-padding-right{
	padding-right:5px;
}

ul, ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	color:#858585;
	font-size: 14px;
	line-height:24px;
	margin-bottom:20px;
}

ul li, ol li{
	font-size: 14px;
	line-height: 28px;
}

ul li i{
	vertical-align: middle;
}

ul.features-list-dark{
	display: inline-block;
}

ul.features-list-dark li{
	float:left;
	font-size:15px;
	line-height:28px;
	margin:0 10px 0 0;
}

ul.features-list li{
	float:left;
	font-size:15px;
	line-height:24px;
	margin:12px 0;
}
ul.features-list li img{
	max-width:55px;
	margin-right:20px;
	float:left;
}

p {
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	color: #858585;
	margin-bottom:15px;
}

a,
a:hover,
a:focus {
	text-decoration: none;
	outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom:20px;
  color: #454545;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 34px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

h2.section-title{
	font-size:36px;
	margin:0 0 15px 0;
}

h2.section-title.grey{
	color:#ddd;
}

h2.large-title{
	margin-bottom: 15px;
	font-size: 40px;
	font-weight: 500;
}

p.section-subtitle{
	font-size:17px;
}

p.section-subtitle.grey{
	color:#bbb;
}

.red {
    color: #ff525a;
}

.separator_wrapper, .separator_wrapper_white {
	margin-bottom:10px;
}

.separator_wrapper::after, .separator_wrapper::before {
	background-color: #ff525a;
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 60px;
	height: 1px;
	margin-top: -6px;
}

.separator_wrapper_white::after, .separator_wrapper_white::before {
	background-color: #ddd;
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 60px;
	height: 1px;
	margin-top: -6px;
}

.separator_wrapper > i.fa,
.separator_wrapper_white > i.fa {
	font-size: 21px;
	color:#ff525a;
	margin: 0 4px;
}
.separator_wrapper_white > i.fa {
    color: #ffffff;
}

h3.medium-title {
	font-size: 32px;
	margin-top:10px;
}

iframe{
	max-width:100%;
	border:none;
}

.width-100 {
	width: 100%;
}

.section-white{
	background-color:#fff;
	padding:90px 0;
}

.section-grey{
	background-color: #eef0f1;
	padding:90px 0;
}

.section-grey.small-padding, .section-white.small-padding{
	padding:40px 0;
}

.section-grey.medium-padding, .section-white.medium-padding, .section-dark.medium-padding{
	padding:60px 0;
}

.section-grey.no-padding-bottom, .section-white.no-padding-bottom, .section-dark.no-padding-bottom, .section-blue.no-padding-bottom{
	padding:90px 0 0 0;
}

.section-grey.small-padding-bottom, .section-white.small-padding-bottom, .section-dark.small-padding-bottom, .section-blue.small-padding-bottom{
	padding:90px 0 60px 0;
}

.section-grey.no-padding, .section-white.no-padding, .section-dark.no-padding, .section-blue.no-padding{
	padding:0;
}

.section-white.about-padding{
	padding:85px 0 100px 0;
}

.section-dark.portfolio-padding{
	padding:60px 0 75px 0;
}

.section-dark{
	background-color:#393f43;
	padding:90px 0;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}


.animated.medium {
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
}
.animated.fast {
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

/* ========================================================== */
/* 			                  NAV                             */
/* ========================================================== */

#navigation-bar li.selected a {
    color: #ff525a!important;
}

#navigation-bar .current a {
    color: #ff525a!important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-fixed-top { background-color: transparent!important;transition: background-color 0.5s ease 0s;}
.navbar-fixed-top.opaque { background-color: rgba(34, 34, 34, 0.95)!important;transition: background-color 0.5s ease 0s;}

/*.navbar-fixed-top.opaque .navbar-brand {
	margin-top: 0;
}*/
/*.navbar-fixed-top.opaque .logo {
	width: 75px;
    height: 48px;
}*/
.navbar-fixed-top.opaque .navbar-collapse {
	top: 75px;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-default {
    border-color: transparent;
    min-height: 76px;
}

.navbar-default .navbar-nav > li > a.contact {
	position:relative;
	color:#fff;
	background-color: #ff525a;
	border:1px solid #ff525a;
	margin-left:15px;
	margin-right:15px;
	margin-top:14px;
	margin-bottom:14px;
	padding:0 25px;
	font-weight:600!important;
	letter-spacing: 1px;
	text-transform:none;
	webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    border-radius: 5px 5px;
}

.navbar-default .navbar-nav > li > a.contact:hover{
	color:#ff525a!important;
	background-color: transparent;
	border:1px solid #ff525a;
}

#navigation-bar .current a.contact{
	color:#ff525a!important;
	background-color: #fff!important;
	border:1px solid #fff!important;
}

.navbar-brand {
    padding: 0;
    position: absolute;
    height: auto;
}

.navbar-default .navbar-brand {
  margin-top:15px;
  color: #fff;
  font-size: 28px;
  font-weight:700;
  font-family: 'Roboto', sans-serif;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #eee;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #eee;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size: 14px;
  line-height:45px;
  text-transform:uppercase;
  font-weight: 700!important;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #ccc!important;
  background-color: transparent;
}
.navbar-default .navbar-nav > li > a:focus {
  color: #ccc!important;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ff525a !important;
  background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-toggle {
	z-index: 10;
	margin-top: 22px;
}

.navbar-default .navbar-collapse {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.localization {
    right: 0;
    float: right;
    margin: 0 0 0 15px;
    padding-top: 17px;
}
.localization ul {
    margin: 0;
    line-height: normal;
}
.localization li {
    line-height: normal;
}
.localization li a {
    font-size: 12px;
    color: #808080;
}
.localization li .selected {
    color: #fff;
    font-size: 12px;
}
#navigation-bar .localization .current a {
    color: #808080 !important;
}

.mobile-menu {
    position: fixed;
    left: -900px;
	top: 0;
    height: 100%;
    width: 340px;
	padding-left: 70px;
	padding-right: 20px;
    background-color: rgba(50, 50, 50, 0.90);
    z-index: 9999;
    -webkit-box-shadow: 9px 10px 15px 0px rgba(50, 50, 50, 0.30);
    -moz-box-shadow:    9px 10px 15px 0px rgba(50, 50, 50, 0.30);
    box-shadow:         9px 10px 15px 0px rgba(50, 50, 50, 0.30);
    display: block;
    border-top: 1px solid #5f5f5f;
}

.mobile-menu .mobile-menu-wrapper {
    padding: 0 0 0 50px;
}

/* ========================================================== */
/* 			                  HOME                            */
/* ========================================================== */

.home-wrapper{
	width:100%;
	position:relative;
	overflow:hidden;
	z-index:100;
	padding:200px 0 165px 0;
	background: url(/static/images/home.jpg);
	background-position: center top;
    background-repeat: no-repeat;
	background-attachment: scroll;
    background-size: cover;
}

.home-wrapper .gradient_overlay{
	position: absolute;
	opacity: 0.65;
	z-index:10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #171717;
}

.home-wrappe-inside{
	position:relative;
	z-index:100;
}

h1.home-title{
	font-size:40px;
	line-height:48px;
	font-weight:700;
	color:#fff;
	letter-spacing: 1px;
}

p.home-subtitle{
	font-size:18px;
	line-height:26px;
	font-weight:400;
	color:#fff;
	margin-bottom:25px;
}

/* ========================================================== */
/* 			               SPONSORS                           */
/* ========================================================== */


.section-grey.sponsors-padding {
    padding: 50px 0;
}

.section-grey.sponsors-padding-small {
    padding: 45px 0;
}

.sponsors img.sponsor {
    opacity: 0.4;
    margin: 10px 25px;
    max-height: 30px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.sponsors img.sponsor:hover {
    opacity: 0.8;
}

/* ========================================================== */
/* 				  		      SERVICES                        */
/* ========================================================== */

.features-item{
	margin:10px 0;
	text-align:center;
}

.features-item h3{
	font-size: 20px;
    margin-bottom: 10px;
}

.features-item p{
	padding:0 10px;
}

.icon-wrapper{
	margin-bottom: 25px;
	width:100%;
}

.features-icon{
    padding: 18px 22px;
    font-size: 42px;
    line-height: 42px;
    display: inline-block;
    text-align: center;
    color: #fff;
	background-color:#ff525a;
    -webkit-border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    border-radius: 8px 8px;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}

.services-item {
    margin: 20px 0;
}

.services-icon {
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0px;
    top: 5px;
    color: #ff525a;
    font-size: 48px;
    line-height: 70px;
    text-align: center;
}

.services-text {
    padding-left: 60px;
}

.services-text h4 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #454545;
}


/* ========================================================== */
/* 						    CONTACT                           */
/* ========================================================== */

#contact .row {
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}

#contact-form{
	margin:0 auto;
	width:100%;
	max-width:960px;
	text-align:center;
	margin-bottom:10px;
}

input.contact-input{
	width:100%;
	height:55px;
    padding-left:2%;
    padding-right:2%;
	margin-bottom:20px;
	color: #fff;
	border: 1px solid #757575;
	background-color: transparent;
    font-size:14px;
	float:left;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

textarea{
	height:205px;
	margin-bottom:20px;
	width:100%;
    padding-left:2%;
    padding-right:2%;
    padding-top:10px;
    padding-bottom:10px;
	color: #fff;
	border: 1px solid #757575;
	background-color: transparent;
    font-size:14px;
	float:left;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	resize: none;
}

input.contact-submit{
	color: #fff;
	border: 2px solid #ff525a;
	background-color: #ff525a;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
	font-weight:700;
	margin-top:10px;
    padding: 16px 30px;
    position: relative;
    text-transform: uppercase;
	-webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

input.contact-submit:hover{
	color:#ff525a;
	background-color: transparent;
	border:2px solid #ff525a;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

input.white-input::-webkit-input-placeholder,
textarea.white-input::-webkit-input-placeholder { /* WebKit browsers */
    color:#a3a6a8;
}
input.white-input:-moz-placeholder,
textarea.white-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#a3a6a8;
}
input.white-input::-moz-placeholder,
textarea.white-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#a3a6a8;
}
input.white-input:-ms-input-placeholder,
textarea.white-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#a3a6a8;
}

#contact-form input.contact-input:focus, #contact-form textarea.contact-commnent:focus {
  border-color:#fff;
  outline: none;
}

p.contact_success_box {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	font-style: italic;
	padding: 20px 20px;
	border: 1px solid #fff;
	webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

input.error {
	border-color: #ff525a !important;
}
span.frm-error {
    border-color: #ff525a;
    color: #ff525a;
    display: block;
    float: left;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: -20px;
    padding: 0 0 0 8px;
    text-align: left;
    white-space: nowrap;
}

input:required {
    box-shadow:none;
}
input:invalid {
    box-shadow:none;
}
/* ========================================================== */
/* 						    TEAM                              */
/* ========================================================== */

.team-wrapper{
	width:100%;
	position:relative;
	overflow:hidden;
	background: url(/static/images/workday.jpg);
	background-position: center center;
    background-repeat: no-repeat;
	background-attachment: fixed;
    background-size: cover;
	margin: 0 auto;
	padding:100px 0 100px 0;
}

.team-wrapper .image-overlay{
	background: rgba(34, 34, 34, 0.65);
	position: absolute;
	z-index:10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.team-inside{
	position:relative;
	z-index:100;
}

.team-box{
	float:left;
	width:24.99%;
	padding-top:15px;
}

.team-title{
	font-size:16px;
	font-weight:400;
	color:#fff;
	font-style:italic;
}

.team-title span{
	font-size:40px;
	line-height:42px;
	font-weight:600;
	font-style:normal;
	color:#fff;
}

.team-box i{
	font-size:44px;
	line-height:60px;
	color:#ff525a;
}
.team-box i.fa {
	color: #ffffff;
	line-height: normal;

}
/* ========================================================== */
/* 			                  FOOTER                          */
/* ========================================================== */

.footer {
	z-index:900;
	background-color: #2f3539;
    border-top: 1px solid #393f43;
	padding: 55px 0;
	font-weight: 300;
}

.footer p {
	font-size: 16px;
	color: #cecece;
}

.footer p a {
	font-size: 16px;
	color: #ff525a;
	text-decoration:underline;
}

.footer div.copyright div.footer-company-info {
	color: #c0c0c0;
}

.footer div.copyright div.footer-company-info li {
	color: #c0c0c0;
	text-align: left;
	line-height: normal;
	font-size: 16px;
}
.footer div.copyright div.footer-company-info strong {
	font-weight: 600;
	color: #d0d0d0;
}
.footer div.copyright p {
	font-size: 14px;
	color: #808080;
}

ul.footer_social{
	width:100%;
	max-width:1140px;
	display:block;
	margin:0 auto;
	padding-top:5px;
	text-align:center;
}

ul.footer_social li{
	display:inline-block;
    margin:0 ;
	line-height:100%!important;
}

ul.footer_social li a i {
  display: inline-block;
  margin:0 8px;
  width: 36px;
  height: 36px;
  padding: 8px 8px;
  border: 1px solid #8d8d8d;
  border-radius: 50%;
  font-size:18px!important;
  color: #8d8d8d;
  background-color: transparent;
  transition: all .5s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

ul.footer_social li a i:hover {
  color:#fff;
  background-color: #ff525a;
  border: 1px solid #ff525a;
  transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
}

p.footer-logo{
	margin-bottom: 21px;
	font-size: 34px;
	font-weight: 700;
	color: #fff;
	font-family: 'Roboto', sans-serif;
}


/* ========================================================== */
/* 			                RESPONSIVE                        */
/* ========================================================== */

@media handheld, only screen and (max-width: 800px) {

	.team-box {
		width:50%;
	}

	.wrapper-inner {
		max-width: none;
		padding:40px 0 80px 35px;
	}
	.col-md-4.small-padding-right, .col-md-6.small-padding-right{
		padding-right:15px!important;
	}

}

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

	#navigation-bar {
		display: none;
	}


	.navbar-nav {
		margin: 0 -15px;
	}

	.navbar-default .navbar-brand {
		margin-left: 15px;
	}

	.nav > li {
    	border-bottom: 1px solid #5f5f5f;
	}


	/*
	.navbar-default .navbar-collapse {
		top: 0;
    	position: absolute;
    	background-color: rgba(34, 34, 34, 0.90);
    	width: 100%;
		border-color: transparent;
	}*/
}

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

	.footer div.copyright div.footer-company-info li {
		text-align: center;
	}
}