/**
* custom.css file created by Eximium Template
* @package Eximium Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/
	/*
  	Flaticon icon font: Flaticon
  	Creation date: 30/08/2017 14:24
  	*/
  	
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 85px;
  padding-bottom: 10px;
}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../font/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
	font-size: 20px;
	font-style: normal;
	margin-left: 20px;
}

.flaticon-sport:before { content: "\f100"; }
.flaticon-networking:before { content: "\f112"; }
.flaticon-clock:before { content: "\f111"; }
.flaticon-man-1:before { content: "\f110"; }
.flaticon-business-7:before { content: "\f10f"; }
.flaticon-people-1:before { content: "\f10e"; }
.flaticon-business-6:before { content: "\f10d"; }
.flaticon-business-5:before { content: "\f10c"; }
.flaticon-business-4:before { content: "\f10b"; }
.flaticon-business-3:before { content: "\f10a"; }
.flaticon-business-2:before { content: "\f109"; }
.flaticon-arrow:before { content: "\f108"; }
.flaticon-signs:before { content: "\f107"; }
.flaticon-people:before { content: "\f106"; }
.flaticon-arrows:before { content: "\f105"; }
.flaticon-business-1:before { content: "\f104"; }
.flaticon-computer:before { content: "\f103"; }
.flaticon-business:before { content: "\f102"; }
.flaticon-man:before { content: "\f101"; }

/* -----------------  Global  ------------------- */
body { line-height: 1.5;}
.homepage #centerbottom { display: none;}
.yjsg_grid { padding: 20px;}

h1.module_title { font-size: 36px;}

.page-header h2 a, .category-name a, .categories-module li a, .archive-module li a
{
	color: #59923B !important;
}

h1, h2, h3 {
	margin-top: 0px;
	margin-bottom: 10px;
}

textarea#message {
	width: 540px;
	height: 100px;
}

.sp-features .sp-feature i {
	font-size: 70px;
	color: #2e2b7a;
	margin: 20px auto;
	display: block;
	text-align: center;
}

.sp-features .sp-feature h3 {
	font-size: 18px;
	text-align: center;
}

.sp-features .sp-feature p {
	font-size: 14px;
	text-align: left;
}

.footer_out {
	margin-top: 0px;
	padding: 0px 0;
	background: #2e2c2d;
	padding-bottom: 25px;
}

.footer_out a,.footer_out .highlight,.footer_out .fa[class*="facolor"]::before,.footer_out #features-tabs .yjsgShortcodeTabs li.active a, .footer_out .eximium-list li a:hover, .footer_out .yjsgmenu li a:hover {
	color: #fff;
}

.footer_out a:focus, .footer_out a:hover, .footer_out .yjsg1 a:hover {
	color: #fff !important;
	font-weight: bold;
}

#rsmsc_scroller img {
	border-radius: 60%;
	margin-right: 20px;
}

h4, h5, h6 {
  margin-bottom: 10px;
  margin-top: 20px;
}

#features-and-styling h2, #about h2, #testimonials h2, #gallery h2, #news h2, #team h2 {
  text-align: center;
  text-transform: uppercase;
}

#footer {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 0px;
	position: relative;
	color:#eee;
}

#joomlacredit {
	padding-top: 0;
	padding-bottom: 0;
	margin: 0 auto;
	display: block;
	color: white;
	text-align: center;
}

#logo 
{
	width: 300px !important;
	height: 105px !important;
	background-size: 37% !important;
}

#yjsgheadergrid #topmenu_holder {
	float: right;
	margin-top: 0px;
	background: none;
}

#yjsgheadergrid {
	padding: 0px 0;
}

#about h2::after, #features-and-styling h2::after, #gallery h2::after, #testimonials h2::after, #news h2::after, #team h2::after {
  background: #2e2b7a none repeat scroll 0 0;
  content: "";
  display: block;
  height: 4px;
  margin: 10px auto;
  width: 10%;
}

#contact h2::after
{
  background: #2e2b7a none repeat scroll 0 0;
  content: "";
  display: block;
  height: 4px;
  margin: 10px 0;
  width: 10%;
}

#newsletter h3::after
{
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 4px;
  margin: 10px auto;
  width: 10%;
}
  
#contact h2 {
  text-transform: uppercase;
}


/* Top Menu */
#centertop { border-bottom: 1px solid #2e2b7a;}
#yjsgheadergrid { padding: 0;}
#yjsgheadergrid #topmenu_holder { margin-top: 0;}

.yjsgmenu a.activepath, .yjsgmenu a:hover, .yjsgmenu a:focus, .yjsgmenu li:hover > .child a { background: #f60112; color: #fff;}
ul.yjsgmenu li { text-transform: uppercase; font-size: 12px; border-right:1px solid #fff;}
ul.yjsgmenu li a {
	height: 110px;
	line-height: 110px;
}
#logoholder {
    width: 165px;
    height: 90px !important;
	padding-top: 2px !important;
}
.yjsgmenu li a:hover { color: #fff!important;}

/* Soical - Contact */
.top_pos {
    background: #090561 none repeat scroll 0 0;
    color: #222;
    border-bottom: 1px solid #eee;
}
#yjsg1.yjsg_grid { padding: 0;}
.soc-con { float:right;}
.soc-con p { margin: 0;}
.soc-con a { border-right: 1px solid #fff; padding: 9px; font-size: 11px; color: #222;}
.soc-con a:hover { background: #fff; color: rgba(20, 156, 147, 1);}
.soc-con .fa-phone {
    color: #222;
}

/* Slider */
.mod_slide { border-bottom: 1px solid #f60112;}
#sp-smart-slider.mod_slide { border-bottom: 0;}

.yjplain { padding: 0;}
h1.sp-title {
    color: #fff;
    font-size: 50px;
    line-height: 30px;
}
.sp-vertical-middle {
    background: rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
}
.sp-iStoreii-layout h2.sp-posttitle, .sp-iStoreii-layout .sp-slider-content .sp-introtext {
    font-size: 24px;
    line-height: 24px;
    color: #FFF;
}


/* Footer */
#footmod .fa-phone { color: #fff;}
#footmod a { color: #fff;}


/* -------------- Modules -------------- */
/* Services */
.yjsg4_out { background: #efefef url("/images/bodybg.png") no-repeat 0 25px;}
.mod_serv { text-align: center;}
#solutions .yjsg-col-1-4 span::before, #solutions .yjsg-col-1-5 span::before{
    font-size: 62px;
    position: relative;
    top: 21px;
}
.mod_serv span {
    border: 3px solid #666;
    width: 100px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 100px;
}

/* -------------- Pages -------------- */
/* Management */
.pg_management img { float: left; margin: 0 20px 0 0;}
.pg_about a.readon {
    padding: 0 10px 0 10px;
    line-height: 26px;
}

/* Solutions */
.pg_solutions .newsitem_text .yjsg-col-1-5 { text-align: center;}
#solutions .yjsg-col-1-4 span::before, #solutions .yjsg-col-1-5 span::before, #top-solutions .yjsg-col-1-5 span::before, #top-solutions .yjsg-col-1-4 span::before { font-size: 62px; position: relative; top: 21px; color: #F60112;}
#solutions .yjsg-col-1-4 span, #solutions .yjsg-col-1-5 span, #top-solutions .yjsg-col-1-4 span, #top-solutions .yjsg-col-1-5 span {
    border: 3px solid #666;
    width: 100px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 100px;
  	text-align: center;
}

/* Partners */
.pg_partners #centerbottom { display: none;}
.pg_partners .mfp-other-article {
    display: none !important;
}
.minifrontpage-default { margin-top: 40px;}
.mfp-table-cell { padding: 0 0 40px 0;}
.minifrontpage-default .mfp-table-cell p {
  	font-size: 100%;
    background: transparent;
    padding: 10px 0px 0 110px;
    margin: 0 40px 10px 0;
    border-radius: 0;
    box-shadow: none;
    text-shadow: 0;
    line-height: normal;
}
.minifrontpage-default .mfp-table-cell:hover p { background: transparent; box-shadow: none;}
.mfp-table-cell-inner a.mfp-readon { pointer-events: all;}
.mfp-table-cell-inner a { pointer-events: none;}


/* Featured Products */
.pg_featprod .newsitem_text {
    background: -moz-linear-gradient(top, rgba(191,191,191,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(191,191,191,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(191,191,191,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#00ffffff',GradientType=0 );
    padding: 10px;
    border-radius: 5px;
}

.pg_featprod .multicolumns { text-align: center;}
.pg_featprod .multicolumns .newsitem_text { text-align: center;}
.pg_featprod .newsitem_text img { width: 45%; text-align: center;}
.pg_featprod .multicolumns a.readon { display: inline-table;}

#featured-products .newsitem_text {
    text-align: center;
}

.pg_featprod a {
    text-align: center;
    display: table;
    margin: auto;
    float: none;
}

/* Customers */
.pg_customers #centerbottom { display: none;}
.pg_customers .mfp-other-article {
    display: none !important;
}
/* Contact */
.pg_contact .newsitem_text span::before { color: #F60112; font-size: 20px; margin-right: 10px;}

#fpos1 .module_title .title_split, #fpos1 .h2_holder, #fpos5 .title_split
{
    color: #ffff !important;
}

.newsflash-item {list-style: none !important;}

#contact .yjsg-col-1-2 a i::before {
    color: #f60112;
    font-size: 20px;
    margin-right: 10px;
}

/* CHANGES ON 3º OF OCTOBER */

.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%;
}

.centered.sticky.fixed {
    background: #fff !important;
    display: block;
    z-index: 999;
}

#customers .col-md-12, #partners .col-md-12, #featured-products .col-md-12,#customers .span12, #partners .span12, #featured-products .span12
{
    padding:0  !important;
    margin: 0 !important;
}

#customers .col-md-2, #partners .col-md-2 {
    margin: 0;
    padding: 5px;
    height: 120px;
}

#customers .col-md-2 a, #partners .col-md-2 a {
    border: 1px solid #bbb;
    text-align: center;
    display: block;
    line-height: 100px;
}

.yjsg-sticky.fixed {
    padding: 0 !important;
}

#infrastructure .yjsg-col-1-5  h4, #security .yjsg-col-1-5  h4, #solutions .yjsg-col-1-4 h4,#top-solutions .yjsg-col-1-4 h4, #professional .yjsg-col-1-5  h4, #managed .yjsg-col-1-5  h4 {
    text-align: center;
}

.eds-on-click span {
    font-size: 60px;
    text-align: center;
    margin: 0 auto;
    display: table;
}

.spacer {
    margin: 5px;
}

.sp-corporex-layout .slider-arrow-nav i {
	border: 1px solid #fff;
	background: transparent;
}

.sp-corporex-layout .slider-arrow-nav a:hover i {
	background-color: #fff;
	border: 1px solid #33601B;
	border: 1px solid transparent;
	color:#33601B;
}

.categories-module li, .archive-module li {
	list-style: none;
}


/** BACKGROUNDS */
.about-bg
{
	padding-top: 40px;
	padding-bottom: 40px;
	background: #fff;
	background-image: url('/images/waterbg.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right; 	
}

.team-bg
{
	padding-top: 0px;
	padding-bottom: 0px;
	background: #fff;
}

.news-bg
{
	padding-top:40px;
	padding-bottom: 40px;
	background: #F3F3F3;
}

.features-bg
{
	padding-top: 40px;
	padding-bottom: 40px;
	background: #F3F3F3;
}

.gallery-bg
{
	padding-top: 40px;
	padding-bottom: 40px;
	background: #fff;
}

.testimonials-bg
{
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fff;
}

#newsletter .form-label{
  display: none;
}

.contact-bg
{
	padding-top: 40px;
	padding-bottom: 40px;
	background: #fff;
}

#newsletter h3 {
  text-transform: uppercase;
}

#newsletter {
  background: #fff;
  padding: 0px 0;
  color: #fff;
}

#newsletter .moduletable > h3 {
  color: #fff;
  text-align:center;
}

.bootstrap3 .control-group {
  margin-right: 15px;
}

#features-and-styling h5 {
  font-weight: 500;
  text-align: center;
  color: #2D1D0E;
}

#features-and-styling i {
  display: block;
  margin: 0 auto;
  text-align: center;
}

#features-and-styling i::before {
  font-size: 60px;
  color: #2e2b7a;
}

#sp_social101 {
  margin-top: 25px;
}

.social {
  float: right;
  color: #eee;
}

.social-link {
  color: #eee;
  margin: 0 5px;
}

.social-link:hover
{
	color: #eee;
}

.header-scroll {
  color: #fff;
  font-size: 90px;
  position: absolute;
  text-align: center;
  top: 60%;
  width: 100%;
  z-index: 888;
}

.scroll-icon {
  color: #fff;
  text-shadow: 0 0 1px #1c1c1c;
 }

 a.jcepopup span.jcemediabox-zoom-link, a.jcepopup span.jcemediabox-zoom-link.icon-right, a.jcepopup span.jcemediabox-zoom-link.zoom-right {
  background: rgba(0, 0, 0, 0) url("../img/zoom-link.gif") no-repeat scroll right center;
  display: none;
  padding-right: 16px;
}

.mfp-readon
{
	background-color: #5cb85c;
    border-color: #4cae4c !important;
    color: #fff !important;
}
 
 
 .jcemediabox-zoom-span > img, #tlp-team-module .item img{
  border-radius: 50%;
  width: 70% !important;
  height:230px;
  margin: 0 auto !important;
}

.tlp-team-social ul {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  width: auto;
}

.form-control {
  padding: 6px 15px !important;
}

.tlp-team-name, .tlp-team-position, .tlp-team-short-bio, .tlp-team-social
{
	text-align: center;
}
 
/** MOBILE */


@media (max-width: 800px) 
{
	#logo, #logoholder {

		height: 115px !important;
		margin: 0 auto !important;
	}
	
	#yjsgheadergrid #topmenu_holder {
		width: 100%;
	}
	
	textarea#message {
		width: 100%;
		height: 100px;
	}
	
}

@media only screen and (max-width: 480px) {
	.sp-corporex-layout .sp-slider-content {
		width: 85%;
		left: 0px;
		top: 17%;
		padding: 10px;
	}
	
	.sp-corporex-layout .sp-slider-content .sp-title {
		font-size: 24px;
		margin-top: 0;
		font-weight: 400;
		text-transform: uppercase;
	}
	
	.sp-corporex-layout .sp-slider-content .sp-posttitle
	{
		font-size: 20px;
	}
	
}

.yjsg-tip-bottom:hover::before, .yjsg-tip-bottom:hover::after, .yjsg-tip-bottom:focus::before, .yjsg-tip-bottom:focus::after {
	z-index: 9999 !important;
}

/* RSMonials Scroller Module - Responsive CSS - BEGIN */
@media only screen and (min-width: 1200px) {
    #rsmsc_scroller { width: 100% !important; height: 200px !important; }
    #rsmsc_scroller .innerDiv { width: 98% !important; height: 200px !important; }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    #rsmsc_scroller { width: 100% !important; height: 200px !important; }
    #rsmsc_scroller .innerDiv { width: 98% !important; height: 200px !important; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #rsmsc_scroller { width: 100% !important; height: 250px !important; }
    #rsmsc_scroller .innerDiv { width: 98% !important; height: 250px !important; }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    #rsmsc_scroller { width: 100% !important; height: 250px !important; }
    #rsmsc_scroller .innerDiv { width: 98% !important; height: 250px !important; }
}

@media only screen and (max-width: 480px) {
    #rsmsc_scroller { width: 100% !important; height: 300px !important; }
    #rsmsc_scroller .innerDiv { width: 94% !important; height: 300px !important; }
}
/* RSMonials Scroller Module - Responsive CSS - END