a {
	transition: .25s all;
}

a:hover {
	text-decoration: none;
}

h1 {
	color: #333;
	font: 700 36px/1.6 "Helvetica neue", arial, sans-serif;
	text-transform: uppercase;
}

/*Nav*/
.navbar {
	background: #fff;
}

.form-inline {
	margin: 0;
}

.form-inline .form-control {
	border-radius: 0;
	font-size: 15px;
	height: 25px;
	width: 100%;
}

.form-inline .btn {
	border-radius: 0;
	font-size: 15px;
	height: 25px;
	line-height: 1;
	right: 15px;
	position: absolute;
}

.phone a {
	color: #000;
}

.phone small {
	margin: 0 5px;
}

.phone a:hover {
	color: #fe5455;
}

.login a {
	color: #000;
}

.login a:hover {
	color: #fe5455;
}

.navbar .nav-item .nav-link {
	color: #333;
	font: 700 13px/1 "Helvetica neue", arial, sans-serif;
	padding: 5px 15px;
	text-transform: uppercase;
}

.navbar .nav-item .nav-link:hover {
	color: #fe5455;
}

.navbar .nav-item.active .nav-link {
	color: #b21314;
}

@media(max-width: 991px) {
	.login {
		float: left !important;
		margin: 0;
	}
	.nav .nav-item {
		float: left;
		width: 100%;
	}
	.nav .nav-item:first-child {
		margin: 35px 0 0;
	}
}

@media(max-width: 767px) {
	.form-inline .form-control {
		height: 35px;
		margin: 20px 0;
	}

	.form-inline .btn {
		height: 35px;
	}

	.phone .home-phone {
		display: none;
	}

	.phone small {
		float: left;
		font-size: 16px;
		margin: 5px 0;
		width: 50%;
	}

	.login small {
		float: left;
		font-size: 16px;
		margin: 5px 0;
		width: 100%;
	}

	.dropdown-menu {
		text-align: center;
		width: 100%;
	}
}
/*/Nav*/

/*Sliders*/
@media(max-width: 767px) {
	#mainSlider {
		display: none;
	}
}
/*/Sliders*/

/*Segments*/
#segments .items .item-content > a {
	border: 1px solid #ccc;
	box-shadow: 0 0 7px #ccc;
	margin: 15px 1%;
	padding: 45px 15px;
	text-align: center;
	width: calc(25% - 2%);
}
#segments .items .item-content > a > svg {
	color: #b21314;
	font-size: 32px;
	margin: 0 15px 0 0;
}
#segments .items .item-content > a > span {
	color: #222;
	font: 600 15px/1.2 Arial;
	vertical-align: super;
}

@media(max-width: 767px) {
	#segments .items .item-content > a {
		border: 1px solid #ccc;
		box-shadow: 0 0 7px #ccc;
		margin: 15px 1%;
		padding: 15px;
		width: calc(50% - 2%);
	}
}
/*/Segments*/

/*Intro section*/
#about {
	text-align: center;
}

#about .intro {
	background: url(../img/bg-home.jpg) no-repeat bottom/cover fixed;
	color: #333;
	font: 400 14px/1.6 "Helvetica neue", arial, sans-serif;
	padding: 35px 0 0;
	text-align: center;
	text-shadow: 0 0 5px #aaa;
	width: 100%;
}
#about .intro h4 {
	font: 500 20px/1.2 "Helvetica neue", arial, sans-serif;
}

#about .info-content{
	background: rgba(255,255,255,0.7);
}

#about .info-content h2 {
	font: 500 18px/1.2 "Helvetica neue", arial, sans-serif;
}
#about .img-block p {
	color: #222;
	font: 500 16px/1.2 "Helvetica neue", arial, sans-serif;
}
/*/Intro section*/

/*Customers*/
#customers {
	background: #eee;
	width: 100%;
}

#customers .img-customer {
	float: left;
	margin: 1% 1% 5%;
	width: calc(20% - 2%);
}
@media(max-width: 767px) {
	#customers .img-customer {
		width: calc(50% - 2%);
	}
}
/*/Customers*/

/*Description section*/
.description {
	padding: 60px 0;
	text-align: center;
}

.description p {
	color: #555;
	font: 500 22px/1.6 "Helvetica neue", arial, sans-serif;
}

/*Services section*/
#services {
	text-align: center;
}

#services .functions-content h2 {
	font: 500 18px/1.2 "Helvetica neue", arial, sans-serif;
}

#services .img-block p {
	color: #222;
	font: 500 16px/1.2 "Helvetica neue", arial, sans-serif;
}

/*Plans section*/
#plans {
	text-align: center;
}


/*Footer*/
.footer {
	color: #fff;
	padding: 35px 0;
}

.footer-dark {
	background: #000;
}

.footer-light {
	background: #333;
}

.footer h1 {
	color: #fff;
	font: 500 22px/1.2 "Helvetica neue", arial, sans-serif;
}

.footer a {
	color: #fff;
	font: 400 14px/1 "Helvetica neue", arial, sans-serif;
	float: left;
	margin: 5px auto 0;
	padding: 0;
	width: 100%;
}
.footer a:hover {
	color: #ccc;
}

.footer ul {
	position: relative;
}

.footer input[type="text"] {
	background: #ddd;
	border-radius: 5px;
	float: left;
	height: 40px;
	margin: 0 0 15px;
	position: relative;
	width: 100%;
}
.footer input[type="submit"] {
	background: #b21314;
	border-color: #b21314;
	border-radius: 0 5px 5px 0;
	height: 40px;
	padding: .25rem 1rem;
	position: absolute;
	right: 0;
	top: 0;
}
.footer input[type="submit"]:hover {
	background: #fe5455;
	border-color: #fe5455;
}

.footer .footer-heading h3 {
	font-size: 20px;
	text-transform: capitalize;
}

.footer .footer-heading span {
	border-bottom: 2px solid #b21314;
	padding-bottom: 8px;
}

.footer .footer-heading p {
	font-family: 'Open Sans', sans-serif;
	word-spacing: 3px;
	font-weight: 300;
	margin-top: 40px;
	color: #7e7e7e;
}

.footer .footer-heading ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 30px;
}

.footer .footer-heading li {
	border-bottom: 1px solid #8b8b8b;
	padding: 10px 0;
}

.footer .footer-heading ul > li > a:before {
	float: left;
	width: 100%;
}

.footer .footer-heading ul > li > a:hover {
	color: #fe5455;
}

.footer ul > li {
	color: #fff;
	float: left;
	font-size: 15px;
	width: 100%;
}

.credits a {
    color: #fff;
}

.footer-copyright {
	background: #222;
	color: #ccc;
	text-align: center;
}

.footer-copyright p {
	font: 300 14px/1.6 "Helvetica Neue", arial, sans-serif;
}

.footer-copyright .dev {
	text-align: left;
}

@media(max-width: 767px) {
	.footer-copyright .dev {
		text-align: center;
	}
	.footer .footer-heading h3 {
		margin: 55px 0 0;
	}
}
/*Register form*/
.title {
	border-bottom: 1px solid #ccc;
	clear: both;
	display: block;
	float: left;
	margin: 25px 0 15px;
	padding: 0 15px;
	width: 100%;
}

.title h1 {
	color: #333;
	font: 500 22px/1.2 "Helvetica neue", arial, sans-serif;
	text-transform: none;
}

/*company section*/
#company {
	text-align: left;
}

#company .about-section {
	margin: 0 0 15px;
	padding: 0 25px;
}
#company .about-section h2 {
	color: #b21314;
}

#company .solutions-section {
	background: #eee;
	margin: 0 0 15px;
	padding: 0 25px;
}
#company .solutions-section h2 {
	color: #b21314;
}

#company .support-section {
	background: #eee;
	margin: 0 0 15px;
	padding: 0 25px;
}
#company .support-section h2 {
	color: #b21314;
}

#company .tecnology-section {
	margin: 0 0 15px;
	padding: 0 25px;
}
#company .tecnology-section h2 {
	color: #b21314;
}

#company .facilities-section {
	margin: 0 0 15px;
	padding: 0 25px;
}
#company .facilities-section h2 {
	color: #b21314;
}

#company h2 {
	font: 500 26px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#company p {
	color: #444;
	font: 500 13px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#company ul {
	margin: 5px 0 15px;
	padding: 0 0 0 15px;
}
#company ul li {
	color: #444;
	font: 500 13px/1.2 "Helvetica neue", arial, sans-serif;
}
/*/company section*/

/*company section*/
#segments-page {
	text-align: left;
}

#segments-page .about-section {
	margin: 0 0 15px;
	padding: 0 25px;
}

#segments-page .card {
	border: none;
	box-shadow: 0 0 5px #ccc;
	margin: -55px 0 35px;
}

#segments-page .card-header {
	background: #fff;
	border: none;
}

#segments-page h2 {
	color: #b21314;
	font: 500 32px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#segments-page h4 {
	color: #444;
	font: 500 22px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 90px;
}

#segments-page .card-body .text-section-light {
	margin: 0 0 15px;
	padding: 0 25px;
}
#segments-page .card-body .text-section-light h2 {
	color: #b21314;
}

#segments-page .card-body .text-section-dark {
	background: #b21314;
	margin: 0 0 15px;
	padding: 0 25px;
}
#segments-page .card-body .text-section-dark h2,
#segments-page .card-body .text-section-dark ul li,
#segments-page .card-body .text-section-dark p {
	color: #fff;
}

#segments-page h2 {
	font: 500 26px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#segments-page p {
	color: #444;
	font: 500 13px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#segments-page ul {
	margin: 5px 0 15px;
	padding: 0 0 0 15px;
}
#segments-page ul li {
	color: #444;
	font: 500 13px/1.2 "Helvetica neue", arial, sans-serif;
}

#segments-page .p-5 img {
	height: 100px;
}
/*/company section*/

/*contact section*/
#contact {
	text-align: left;
}

#contact .about-section {
	margin: 0 0 15px;
	padding: 0 25px;
}

#contact .card {
	border: none;
	box-shadow: 0 0 5px #ccc;
}

#contact .card-header {
	background: #fff;
	border: none;
}

#contact h2 {
	color: #b21314;
	font: 500 32px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#contact h4 {
	color: #444;
	font: 500 22px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 90px;
}
/*/contact section*/

/*news section*/
#news h2 {
	color: #b21314;
	font: 500 26px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#news p {
	color: #444;
	font: 500 13px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}

#news-page h2 {
	color: #b21314;
	font: 500 30px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#news-page .main {
	color: #444;
	font: 500 13px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 35px 0 15px;
}
#news-page .main img {
	display: block;
	float: none;
	margin: 15px auto;
}
#news-page .main iframe {
	display: block;
	float: none;
	margin: 15px auto;
}
#news-page .comments h3 {
	color: #b21314;
	font: 500 22px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#news-page .comments h4 {
	color: #b21314;
	font: 500 18px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
/*/news section*/

/*qna section*/
#qna h2 {
	color: #b21314;
	font: 500 26px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#qna p {
	color: #444;
	font: 500 13px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#qna .items .item-content > a {
	border: 1px solid #ccc;
	box-shadow: 0 0 7px #ccc;
	margin: 15px 1%;
	padding: 45px 15px;
	text-align: center;
	width: calc(25% - 2%);
}
#qna .items .item-content > a > svg {
	color: #b21314;
	font-size: 32px;
	margin: 0 15px 0 0;
}
#qna .items .item-content > a > span {
	color: #222;
	font: 600 15px/1.2 Arial;
	vertical-align: super;
}

@media(max-width: 767px) {
	#qna .items .item-content > a {
		border: 1px solid #ccc;
		box-shadow: 0 0 7px #ccc;
		margin: 15px 1%;
		padding: 15px;
		width: calc(50% - 2%);
	}
}

#qna-page h2 {
	color: #b21314;
	font: 500 26px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#qna-page p {
	color: #444;
	font: 500 13px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#qna-page .items .item-content > a {
	background: #b21314;
	border: 1px solid #b21314;
	box-shadow: 0 0 7px #777;
	color: #fff;
	margin: 7px 1%;
	padding: 10px 25px;
	width: calc(100% - 2%);
}
#qna-page .items .item-content .qna-page-text {
	background: #fff;
	padding: 15px;
}
#qna-page .items .item-content > a > svg {
	color: #b21314;
	font-size: 32px;
	margin: 0 15px 0 0;
}
#qna-page .items .item-content > a > span {
	color: #222;
	font: 600 15px/1.2 Arial;
	vertical-align: super;
}

@media(max-width: 767px) {
	#qna-page .items .item-content > a {
		border: 1px solid #ccc;
		box-shadow: 0 0 7px #ccc;
		margin: 15px 1%;
		padding: 15px;
		width: calc(50% - 2%);
	}
}
/*/qna section*/

/*login section*/
#login {
	text-align: left;
}

#login .card {
    display: table;
    float: none;
    margin: 90px auto 90px;
    width: 45%;
}

#login .about-section {
	margin: 0 0 15px;
	padding: 0 25px;
}

#login h2 {
	color: #b21314;
	font: 500 26px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 15px;
}
#login h4 {
	color: #444;
	font: 500 22px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 90px;
}

@media(max-width: 767px) {
	#login .card {
	    width: 100%;
	}
}
/*/login section*/

/*404 error page*/

#error404 h1 {
	font: 500 42px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 75px 0 0;
	text-align: center;
}
#error404 p {
	color: #777;
	font: 500 18px/1.2 "Helvetica neue", arial, sans-serif;
	margin: 5px 0 -55px;
	text-align: center;
}
#error404 img {
	display: block;
	margin: 0 auto 55px;
	max-width: 100%;
	width: auto;
}
/*/404 error page*/

#mainSlider .caption {
    position: absolute;
    z-index: 555;
    float: right;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    display: block;
    bottom: 40px;
    padding: 28px;
}
#mainSlider .caption h1 {
    color: #fff;
}