/* Font definitions */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,400;0,700;0,900;1,400&display=swap');
/*@import url('/O4it/sansation.css');*/
/*@import url('../fonts/sansation.css');*/
body {
background-color: #fff;/*font-family: 'PT Sans Narrow', sans-serif;*/
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
text-align: left;
}
.monitoringText {
text-align: center!important;
}
/* marketplace */
body.marketplace {padding-top:110px;}
.marketplace #wrapper {width: 100%;}
.marketplace #page-wrapper .container-fluid{ background:none!important;}
/*.marketplace .modal-backdrop{ display:none;}*/

/* web page  */
.header-fixed {
position: fixed;
width: 100%;
min-height: 60px;
top: 0;
left: 0;
}
#page-wrapper {
padding: 0 0px;
min-height: 568px;
background-color: #fff;
}
#page-wrapper, .productcontent {
}
a, a:hover {
outline: none!important;
}
a:hover {
color: #999;
}
/* */

/* navbar */
.navbar {
min-height: 70px;
margin-bottom: 0px;
border: none;
}
.navbar-brand {
min-width: 300px;
height: 70px;
background-position: 50%;
text-align: center;
margin-left: 10px !important;
background-repeat: no-repeat;
background-size: auto 70px;
}
.navbar-default {
background-color: #dfdfdf;
}
.navbar-default a.userbtn {
margin-left: -5px;
}
.navbar-default a.userbtn {
}
.navbar-default a.username .userfullname {
display: inline-block;
margin-right: 30px;
text-align: right;
padding: 0;
}
.navbar-default a.username .photo-user {
margin: 8px 5px 3px;
display: inline-block;
width: 30px;
height: 30px;
background-color: #465A0C;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {
color: #ccc;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #fff;
background-color: #0F597E;
background-color: rgba(0,0,0,.6);
}
.navbar-default .navbar-nav>li>a:hover {
color: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
background-color: rgba(0,0,0,.6);
color: #fff;
}
.navbar-nav.navbar-right:last-child {
margin-right: 0px;
}
.navbar-default .sidebar {
margin-top: 0px;
}
.navbar-default ul.nav span {
}
.info-bar {
position: relative;
background: #000;
padding: 3px 0;
clear: both;
height: 24px;
}
.info-bar span.top-legend {
display: inline-block;
width: 230px;
margin: 0 10px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
color: #fff;
}
.info-bar ol.breadcrumb {
position: absolute;
left: 260px;
top: 2px;
margin: 0;
padding: 0;
background-color: transparent;
border-radius: 0;
}
.navbar-top-links li {
display: inline-block;
}
.navbar-top-links li:last-child {
margin-right: 15px;
}
.navbar-top-links li a {
padding: 15px;
min-height: 50px;
}
.navbar-top-links .dropdown-menu li {
display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
padding: 3px 20px;
min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
white-space: normal;
}
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
width: 310px;
min-width: 0;
}
.navbar-top-links .dropdown-messages {
margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
margin-left: -123px;
}
.navbar-top-links .dropdown-user {
right: 0;
left: auto;
}
.sidebar .sidebar-nav.navbar-collapse {
padding-right: 0;
padding-left: 0;
}
.sidebar .sidebar-search {
padding: 15px;
}
.sidebar ul li {
border-bottom: 1px solid #e7e7e7;
}
.sidebar ul li a.active {
background-color: #eee;
}
.sidebar ul li a:hover {
background-color: #ccc;
}
.sidebar .arrow {
float: right;
}
.sidebar .fa.arrow:before {
content: "\f104";
}
.sidebar .active>a>.fa.arrow:before {
content: "\f107";
}
.sidebar .nav-second-level li, .sidebar .nav-third-level li {
border-bottom: 0!important;
}
.sidebar .nav-second-level li a {
padding-left: 37px;
}
.sidebar .nav-third-level li a {
padding-left: 52px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border: none;
height: auto !important;
}
.navbar-collapse {
padding: 0;
margin: 0;
}
.navbar-nav {
margin: 7.5px 0;
}
.navbar .navbar-right {
margin-right: 0;
height: 45px;
}
.navbar2 .nav2 {
display: inline-block;
background-color: #000;
clear: both;
width: 100%;
margin: 5px auto 0px;
text-align: center;
}
.navbar2 .nav2 ul.navbar-nav {
display: inline-block;
float: none;
margin: 0 4% !important;
padding:0:
}
.nav2 .navbar-nav>li {
text-align: center;
text-transform: none;
padding: 4px 0px;
font-weight: bold;
font-size: 14px;
}
.nav2 .navbar-nav>li>a {
text-align: center;
margin: 0 auto;
padding: 3px 15px;
}
.nav-btn {
padding: 10px 20px;
text-align: center;
margin-right: 20px;
margin-left: 20px;
}
.nav a.btn:hover {
background: rgba(0, 93, 131,1);
border-color: rgba(0,0,0,.5);
color: #fff;
}
.nav a.btn.btn-login {
background-color: #70b5e0;
border-color: rgba(255,255,255,.1);
color: #fff;
}
.nav a.btn.btn-register {
background-color: #4cce4a;
border-color: rgba(255,255,255,.1);
color: #fff;
}
a.btn:hover {
color: #fff;
}
.btn-success,.btn-success:hover {
color: #fff;
background-color: #8fb63e;
border-color: #7a973a;
}
.btn-success:hover,.btn-success:visited,.btn-success:focus,.btn-success:active {
color: #fff;
background-color:#566E25!important;
border-color:  #7a973a!important;
}
a.logo-web, .footer-logo a {
display: block;
width: 255px;
height: 60px;
background-position: 50%;
background-repeat: no-repeat;
}
.nav-btn a.profile span, .nav-btn a.profile i {
color: #ccc;
}
.nav-btn a.profile:hover span, .nav-btn a.profile:hover i {
color: #dfdfdf;
}
.navbar-static-top {
background: #dfdfdf;
}
.navbar-static-top a {
color: #fff;
}
.navbar-default.sidebar {
background-color: #F0F0E1;
}
.navbar-default.sidebar a {
color: #131304;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
margin-left: 0;
margin-right: 0;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
/* buttons */
.navbar-default .navbar-nav li.nav-btn a.signup, .navbar-default .navbar-nav li.nav-btn a.login, .navbar-default .navbar-nav li.nav-btn a.logout, .navbar-default .navbar-nav li.nav-btn a.profile {
display: inline-block;
vertical-align: top;
border-radius: 0px;
color: #fff;
line-height: inherit;
border: solid 1px rgba(0,0,0,.3);
}
.navbar-default .navbar-nav li.nav-btn a.profile, .navbar-default .navbar-nav li.nav-btn a.profile:hover {
border: #fff;
color: #fff;
}
.navbar-default .navbar-nav li.nav-btn a.profile:hover span, .navbar-default .navbar-nav li.nav-btn a.profile:hover i {
color: #fff!important;
}
.user-profile {
}
.user-profile {
position: relative;
margin: 20px auto;
text-align: center;
width: 140px;
height: 140px;
}
.user-profile a {
position: absolute;
left: 0!important;
top: 104px!important;
padding: 5px;
display: block;
background: rgba(0,0,0,.5);
border-radius: 20px;
}
.user-profile .picture img {
width: 130px;
height: 130px;
overflow: hidden;
border-radius: 80px;
}
.user-profile a img {
width: 24px!important;
height: 24px!important;
}
/* */
.chat-box {
position: fixed;
border: solid;
width: 100px;
height: 100px;
right: 0px;
top: 50%;
z-index: 10000;
box-shadow: -1px 3px 3px rgba(0, 0, 0, 0.5);
background-color: #005C83;
border-radius: 10px 3px 10px 10px;
}

.chat-box .static-icon {
background: url('http://o4it.com/lhc_web2/var/storagetheme/2017y/12/12/1/00a2b1ed4ac2da91ef7105f3ed073770.png') no-repeat left center;
}

.chat {
margin: 0;
padding: 0;
list-style: none;
}
.chat li {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px dotted #999;
}
.chat li.left .chat-body {
margin-left: 60px;
}
.chat li.right .chat-body {
margin-right: 60px;
}
.chat li .chat-body p {
margin: 0;
}
.panel .slidedown .glyphicon, .chat .glyphicon {
margin-right: 5px;
}
.chat-panel .panel-body {
height: 350px;
overflow-y: scroll;
}
.login-panel {
margin-top: 25%;
}
.flot-chart {
display: block;
height: 400px;
}
.flot-chart-content {
width: 100%;
height: 100%;
}
/* */
.table-responsive {
clear: both!important;
margin:20px 0;	
}

table.tb-blue1 th{
background-color:#7AAEDE;
color:#004A69;
vertical-align:middle;	
}
table.tb-blue2 th{
background-color:#0073A2;
color:#fff;
vertical-align:middle;	
}
table.tb-blue3 th{
background-color:#005C83;
color:#fff;
vertical-align:middle;	
}
table.tb-blue4 th{
background-color:#004A69;
color:#fff;
vertical-align:middle;
}

/* */
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
background: 0 0;
}
table.dataTable thead .sorting_asc:after {
content: "\f0de";
float: right;
font-family: fontawesome;
}
table.dataTable thead .sorting_desc:after {
content: "\f0dd";
float: right;
font-family: fontawesome;
}
table.dataTable thead .sorting:after {
content: "\f0dc";
float: right;
font-family: fontawesome;
color: rgba(50,50,50,.5);
}
.btn-circle {
width: 30px;
height: 30px;
padding: 6px 0;
border-radius: 15px;
text-align: center;
font-size: 12px;
line-height: 1.428571429;
}
.btn-circle.btn-lg {
width: 50px;
height: 50px;
padding: 10px 16px;
border-radius: 25px;
font-size: 18px;
line-height: 1.33;
}
.landing .btn-lg{
font-size:24px;
}
.btn-circle.btn-xl {
width: 70px;
height: 70px;
padding: 10px 16px;
border-radius: 35px;
font-size: 24px;
line-height: 1.33;
}
.show-grid [class^=col-] {
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #ddd;
background-color: #eee!important;
}
.show-grid {
margin: 15px 0;
}
.huge {
font-size: 40px;
}
/* */
.container-fluid {
padding-left: 0;
padding-right: 0;
display: block;
background: rgb(143,183,63);
background: linear-gradient(74deg, rgba(143,183,63,1) 0%, rgba(143,183,63,0.9) 10%, rgba(143,183,63,0.8) 26%, rgba(0,0,0,0.8) 26%);

}
.container .about {
padding-right: 80px;
padding-left: 80px;
}
.container .infograph .row-img .aboutimg {
max-width: 60%!important;
}
.container .infograph .infosede p {
margin: auto!important;
}

.categorytiles .menu-panel .panel .panel-heading {  background-color: #ffffff;  }
.categorytiles .menu-panel .panel-green .p-icon {   background-color: #36894F;  }
.categorytiles .menu-panel .panel-red .p-icon {     background-color: #d9534f;  }
.categorytiles .menu-panel .panel-yellow .p-icon {  background-color: #db9136;  }
.categorytiles .menu-panel .panel-purple .p-icon {  background-color: #6D3061;  }
.categorytiles .menu-panel .panel-blue .p-icon {    background-color: #336087;  }
.categorytiles .menu-panel .panel-lblue .p-icon {   background-color: #59cce0;  }
.categorytiles .menu-panel .panel-dblue .p-icon {   background-color: #59cce0;  }

/*--------------- */

.btn span.glyphicon {
opacity: 0;
}
.btn.active span.glyphicon {
opacity: 1;
}
/* */
input.required, textarea.required {
background: #fff url("../images/requerido.png") no-repeat 97% center!important;
}
.form-singup input.required, .form-singup select.required, .form-singup textarea.required, .form-singup input.required.empty, .form-singup select.required.empty, .form-singup textarea.required.empty {
border-color: #ccc;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.ico, h2.tab-tittle .ico {
display : inline-block;
width: 40px;
height: 40px;
display: inline-block;
margin-right: 2px;
vertical-align: middle;
background-position: 50% 30%;
background-repeat: no-repeat;
background-size: 40px 40px;
}
nav ul.menuresponsives li i,nav ul li .fa {
width: 32px;
height: 30px;
padding:2px 0 0;
display: inline-block;
margin-right: 5px;
font-size:16px;
line-height:30px;
color:rgba(0,74,105,7);
vertical-align: middle;
background-position: 0% 50%;
background-repeat: no-repeat;
background-size: 28px 28px;
text-align:center;
}



.li-ico-server .ico-server, .ico.ico-server 									{	background-image: url(" ../images/quotes/ico-pic00.png");}
.li-ico-client .ico-client, .ico.ico-client     								{   background-image: url(" ../images/quotes/ico-pic01.png");}
.dropdown-menu .ico-directory, .ico.ico-directory 								{	background-image: url(" ../images/quotes/ico-pic03.png");}
.dropdown-menu .ico-printers, .ico.ico-printers 								{	background-image: url("../images/quotes/ico-pic03.png");}
.li-ico-backup .ico-backup, .ico.ico-backup     								{	background-image: url(" ../images/quotes/ico-pic02.png");}
.li-ico-mail .ico-mail, .ico.ico-mail 											{	background-image: url(" ../images/quotes/ico-pic04.png");}
.li-ico-messaging .ico-messaging, .ico.ico-messaging 							{	background-image: url(" ../images/quotes/ico-pic05.png");}
.li-ico-firewall .ico-firewall, .ico.ico-firewall, .ico-firewall 				{ 	background-image: url(" ../images/quotes/ico-pic06.png");}
.dropdown-menu .ico-file, .ico.ico-file 										{	background-image: url(" ../images/quotes/ico-pic07.png");}
.dropdown-menu .ico-doc, .ico.ico-doc, .dropdown-menu .ico-big03, .ico.ico-big03 {	background-image: url(" ../images/quotes/ico-pic08.png");}
.li-ico-security .ico-security, .ico.ico-security 								{	background-image: url(" ../images/quotes/ico-pic09.png");}
.dropdown-menu .ico-ico-datacenter, ico.ico-datacenter 							{	background-image: url("../images/quotes/ico-pic11.png");}
.dropdown-menu .ico-intercloud, .ico.ico-intercloud 							{	background-image: url(" ../images/quotes/ico-pic11.png");}
.dropdown-menu .ico-datacenter, .ico.ico-datacenter 							{	background-image: url(" ../images/quotes/ico-pic12.png");}
.li-ico-desk .ico-desk, ico .ico-desk           								{   background-image: url(" ../images/quotes/ico-pic13.png");}
.li-ico-domain .ico-domain, .ico.ico-domain 									{	background-image: url(" ../images/quotes/ico-pic14.png");}
.dropdown-menu .ico-order,  .ico.ico-order      								{   background-image: url(" ../images/quotes/ico-pic15.png");}
.dropdown-menu .ico-accessories, .ico.ico-accessories 							{	background-image: url("../images/quotes/ico-pic16.png");}
.dropdown-menu .ico-addons, .ico.ico-addons     								{   background-image: url(" ../images/quotes/ico-pic17.png");}
.dropdown-menu .ico-ups, .ico.ico-ups 											{	background-image: url("../images/quotes/ico-pic17.png");}
.li-ico-sharing .ico-sharing, .ico.ico-sharing 									{	background-image: url(" ../images/quotes/ico-pic18.png");}
.dropdown-menu .ico-info,   .ico.ico-info       								{   background-image: url(" ../images/quotes/ico-pic19.png");}
.li-ico-managed .ico-managed, .ico.ico-managed 									{	background-image: url(" ../images/quotes/ico-pic25.png");}
.li-ico-iaas .ico-iaas, .ico.ico-iaas 											{	background-image: url(" ../images/quotes/ico-pic26.png");}
.dropdown-menu .ico-monitoring, .ico.ico-monitoring 							{	background-image: url(" ../images/quotes/ico-pic27.png");}
.dropdown-menu .ico-continuity, .ico.ico-continuity 							{	background-image: url(" ../images/quotes/ico-pic29.png");}
.li-ico-emailmessage .ico-emailmessage, .ico.ico-emailmessage 					{	background-image: url(" ../images/quotes/ico-pic30.png");}
.li-ico-office .ico-office, .ico.ico-office 									{	background-image: url(" ../images/quotes/ico-pic31.png");}
.dropdown-menu .ico-exchange, .ico.ico-exchange 								{	background-image: url(" ../images/quotes/ico-pic32.png");}
.li-ico-paas .ico-paas, .ico.ico-paas 											{	background-image: url(" ../images/quotes/ico-pic33.png");}
.li-ico-cloudnow .ico-cloudnow, .ico.ico-cloudnow 								{	background-image: url(" ../images/quotes/ico-pic34.png");}
.li-ico-azure .ico-azure, .ico.ico-azure 										{	background-image: url(" ../images/quotes/ico-pic35.png");}
.dropdown-menu .ico-mobile, .ico.ico-mobile 									{	background-image: url(" ../images/quotes/ico-pic36.png");}
.li-ico-privatecloud .ico-privatecloud, .ico.ico-privatecloud 					{	background-image: url(" ../images/quotes/ico-pic37.png");}
.li-ico-hybridcloud .ico-hybridcloud, .ico.ico-hybridcloud 						{	background-image: url(" ../images/quotes/ico-pic38.png");}
.li-ico-publiccloud .ico-publiccloud, .ico.ico-publiccloud 						{	background-image: url(" ../images/quotes/ico-pic39.png");}
.li-ico-amazonaws .ico-amazonaws, .ico.ico-amazonaws 							{	background-image: url(" ../images/quotes/ico-pic40.png");}
.li-ico-cosn .ico-cosn, .ico.ico-cosn 											{	background-image: url(" ../images/quotes/ico-pic42.png");}
.li-ico-baremetal .ico-baremetal, .ico.ico-baremetal 							{	background-image: url(" ../images/quotes/ico-pic43.png");}
.li-ico-cloud .ico-cloud, .ico.ico-cloud 										{	background-image: url(" ../images/quotes/ico-pic44.png");}
.li-ico-networknow .ico-networknow, .ico.ico-networknow 						{	background-image: url(" ../images/quotes/ico-pic45.png");}
.dropdown-menu .ico-helpdesk, .ico-helpdesk 									{	background-image: url(" ../images/quotes/ico-pic46.png");}
.dropdown-menu .ico-virtualization, .ico-virtualization 						{	background-image: url(" ../images/quotes/ico-pic47.png");}
.dropdown-menu .ico-ibm, .ico-ibm 												{	background-image: url(" ../images/quotes/ico-pic48.png");}
.dropdown-menu .ico-citrix, .ico-citrix 										{	background-image: url(" ../images/quotes/ico-pic49.png");}
.dropdown-menu .ico-windows, .ico-windows 										{	background-image: url(" ../images/quotes/ico-pic50.png");}
.li-ico-adc .ico-adc, .ico-adc 													{	background-image: url(" ../images/quotes/ico-pic51.png");}
.li-ico-SAP .ico-SAP, .ico-SAP 													{	background-image: url(" ../images/quotes/ico-pic52.png");}
nav ul.menuresponsives li i.ico-monitoring                                      {	background-image: url(" ../images/quotes/ico-pic27.png");}
nav ul.menuresponsives li i.ico-resourcepool                                    {	background-image: url(" ../images/quotes/ico-pic54.png");}

.li-ico-transform .ico-transform, .ico.ico-transform 							{	background-image: url(" ../images/quotes/ico-pic68.png");}


.ico { 
display: inline-block;
width: 40px;
height: 40px;
display: inline-block;
margin-right: 2px;
vertical-align: middle;
background-position: 50% 30%;
background-repeat: no-repeat;
background-size: 40px 40px;
}
.p-icon i {
width: 130px;
height: 130px;
display: block;
margin: 10px auto!important;
background-position: 50% 40%;
background-repeat: no-repeat;
background-size: 120px 120px;
background-color: #0073A2;
padding: 5px;
border-radius: 100px;
margin: 20px 0;	
}
.p-icon i:hover {
background-color: #8FB63E;
}
.panel-plan .row-icon {
padding: 10px 10px;
clear: both;
width: 100%;
display: block;
vertical-align: middle;
text-align: center!important;
border-bottom: dotted 1px #ccc;
}
.panel-plan .row-icon span.ico {
width: 26px;
height: 26px;
margin-right: 2px;
vertical-align: middle;
background-position: 50% 40%;
background-repeat: no-repeat;
background-size: auto 26px;
text-align: center;
}
.ico-off01 {    background-image: url(" ../images/quotes/ico-office01.png") }
.ico-off02 {    background-image: url(" ../images/quotes/ico-office02.png") }
.ico-off03 {    background-image: url(" ../images/quotes/ico-office03.png") }
.ico-off04 {    background-image: url(" ../images/quotes/ico-office04.png") }
.ico-off05 {    background-image: url(" ../images/quotes/ico-office05.png") }
.ico-off06 {    background-image: url(" ../images/quotes/ico-office06.png") }
.ico-off07 {    background-image: url(" ../images/quotes/ico-office07.png") }
.ico-off08 {    background-image: url(" ../images/quotes/ico-office08.png") }
.ico-off09 {    background-image: url(" ../images/quotes/ico-office09.png") }
.ico-off10 {    background-image: url(" ../images/quotes/ico-office10.png") }
.ico-off11 {    background-image: url(" ../images/quotes/ico-office11.png") }
.ico-off12 {    background-image: url(" ../images/quotes/ico-office12.png") }
.ico-off13 {    background-image: url(" ../images/quotes/ico-office13.png") }
.ico-off14 {    background-image: url(" ../images/quotes/ico-office14.png") }

/* */
.panel.panel-plan {
display: inline-block;
width: 100%;
margin:30px 0;
border-radius: 10px;	
}
.panel.panel-plan .panel-heading,
.panel .panel-heading{
padding:10px 50px;    
position: relative;    
}
.simple-plan .panel.panel-plan .panel-heading,
.simple-plan .panel .panel-heading{
border-radius: 10px 10px;
padding:10px 10px;  
}    
.panel.panel-plan .panel-heading h2 {
font-size: 15px;    
text-transform: uppercase;
font-weight: 100;
font-weight:bold;    
margin:5px 0;
font-style: italic;
}
.panel .panel-heading .fa,
.panel .panel-heading .bico,
.panel .panel-heading .ico {
background-color: rgba(0, 0, 0, 0.4);
background-position::50% 50%;
background-repeat:no-repeat;
background-size: 100% auto;
border-radius: 30px;
color: #fff;
font-size: 18px;
height: 30px;
width: 30px;
left: 10px;
line-height: 30px;
position: absolute;
text-align: center;
top: 8px;
}
.panel.panel-plan .panel-body{
background: rgba(255,255,255,.95);
color:rgba(0,0,0,.8);
border-radius: 10px; 
	   
}

.panel.panel-plan .panel-body .p-icon{
background-color: transparent !important;
}
.panel.panel-plan .panel-footer{
background: rgba(255,255,255,1);
color:rgba(0,0,0,1);
border-radius: 10px;
margin-top:1px;
padding: 5px 10px;	   
}

.panel.panel-plan .list-group-item{
background-color: transparent;
border: none;
color: rgba(0,0,0,.8);
padding: 6px 5px 6px 30px!important;
font-size: 15px;
font-style: italic
}
.panel.panel-plan h4.lead, .panel.panel-plan h4.lead {
text-transform: none;
font-weight: normal;
font-size: 17px;
line-height: 1.2em;
vertical-align: middle;
display: table-cell;
padding: 5px 0;
margin: 0;
height: 160px;
overflow: auto;
}

.panel.panel-plan h4.office365 {
text-transform: none;
font-weight: normal;
font-size: 17px;
line-height: 1.2em;
display: table-cell;
margin: 0;
overflow: auto;
vertical-align: top;
padding-bottom: 10px;
}
.panel-plan h5.plan-box {
text-align: center;
min-height: 56px;
}

.panel.panel-hide {

}

/* */

.circle-tile {
margin-bottom: 15px;
text-align: center;
}

.circle-tile-heading {
position: relative;
width: 90px;
height: 90px;
margin: 0 auto -40px;
border: 4px solid rgba(255,255,255,1);
border-radius: 100%;
color: #fff;
transition: all ease-in-out .3s;
text-align:center;
}

.circle-tile-heading .fa {
line-height: 90px;
}

.circle-tile-content {
padding: 40px 10px 10px;
border-radius: 10px;
min-height:330px;
}
.circle-tile-description {
text-transform: uppercase;
margin:0.5em 0;
padding:5px 0;
min-height:2em;
font-weight:bold!important
;
}
ul.circle-list{
list-style: none;
font-size: 15px;
line-height: 1.1em;
padding: 0;
margin: 0px 15px;
}
.panel ul.circle-list li,
ul.circle-list li,
.panel.panel-plan li.list-group-item, 
.panel.panel-plan li{
padding: 8px 10px 8px 40px!important;
position:relative;
border:none; 
background-color:transparent!important;
min-height:auto;
}
.panel ul.list-group li.list-group-item {
min-height: 54px;
font-size:14px;
line-height:1.1em;
		
padding: 10px 3px 4px!important;
border-top:dotted 1px rgba(0, 74, 105, 0.4);
border-bottom:dotted 1px rgba(0, 74, 105, 0.4);
}
ul.circle-list li .fa{
position: absolute;
left: 0px;
top: 5px;
font-size: 20px;
color: rgba(0,0,0,.6);
background-color: rgba(0, 0, 0, 0);
border-radius: 20px;
text-align: center;
line-height: 24px;
width: 25px;
height: 25px;
    
}
.text-faded {
color: rgba(255,255,255,0.4);
color: rgba(0,0,0,.7);
}

.circle-tile-number {
padding: 5px 0 15px;
font-size: 26px;
font-weight: 700;
line-height: 1;
}

.circle-tile-footer {
display: block;
padding: 5px;
color: rgba(255,255,255,0.5);
background-color: rgba(0,0,0,0.1);
transition: all ease-in-out .3s;
}

.circle-tile-footer:hover {
text-decoration: none;
color: rgba(255,255,255,0.5);
background-color: rgba(0,0,0,0.2);
}

select.required {
background: #fff url("../images/requerido.png") no-repeat 95% center!important;
}

StaticBody.page-product {
font-size: 16px;
}
StaticBody.page-product p, StaticBody.page-product li {
font-size: 17px;
text-align: justify;
}
.page-product footer {
margin-top: 0px;
}
.page-product h1, .page-product h2, .page-product h3, .page-product h4, .page-product h5, .page-product h6 {	
font-weight: 300;
}
h1.page-title,h2.page-title,h3.page-title,h4.page-title,h5.page-title,h6.page-title{
text-transform: initial;
font-style: normal;
}
.jumbotron {
background-color: #286090;
position: relative;
}
.jumbotron {
display: block;
position: relative;
width: 100%;
min-height: 400px;	
margin: 0;
padding: 0;
color: #fff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}

section.bg-img1, section.bg-img2 {
position: relative;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 3em;
color: #fff;
font-size: 18px;
background-color: #efefef;
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
section.bg-img2{
background-attachment: fixed;
overflow: hidden;
}

section.bg-img2 h1, section.bg-img2 div, section.bg-img2 p {
z-index: 9;
text-shadow: 1px 1px 2px rgba(0,0,0,.7);
}
section.bg-img2 p,.bg-img2 p{
font-size:24px!important;
line-height: 1.2em;
font-weight: 100;
color:#fff;    
}
.bg-img2:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
z-index: 8;
}

.bg-img2 h1, .bg-img2 .page-title {
font-weight: bold;
color: #fff;
position: relative;
z-index: 99;
}
.pic-video{
background: rgba(143, 182, 62, 0.7);
background:rgba(0,74, 105, 0.7);
background:rgba(0,0, 0, 0.5);
padding: 20px 2%;
border-radius:4px;
}
section.bg-img2 iframe{
position:relative;
z-index:99;
width: 96%!important;
}
section.bg001, section.bg002, section.bg003, section.bg004, section.bg005, section.bg006 {
background-image: url(../images/products/bg001.png);
background-position: 0 50%;
background-repeat: no-repeat;
background-size: 100px auto;
}
section.bg002 {
background-image: url(../images/products/bg002.png);
background-position: 100% 50%;
}
section.bg003 {
background-image: url(../images/products/bg003.png);
background-position: 100% 100%;
background-size: 200px auto;
}
section.bg004 {
background-image: url(../images/products/bg004.png);
background-position: 100% 100%;
background-size: 200px auto;
}
section.bg005 {
background-image: url(../images/products/bg005.png);
background-position: 0% 0%;
background-size: 200px auto;
}
section.bg006 {
background-image: url(../images/products/bg006.png);
background-position: 0% 0%;
background-size: 200px auto;
}

.jum-box {
content: "";
display: block;
width: 100%;
left: 0;
top: 0;
padding: 150px 0 50px;
min-height: 400px;
background: -moz-linear-gradient(-45deg, rgba(0,74,105,0.7) 69.9%, rgba(0,74,105,0) 70%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(-45deg, rgba(0,74,105,0.7) 69.9%, rgba(0,74,105,0) 70%, rgba(0,0,0,0) 100%);
background: linear-gradient(135deg, rgba(0,74,105,0.7) 69.9%, rgba(0,74,105,0) 70%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6004a69', endColorstr='#00000000', GradientType=1 );

}
.jum-box .fa {
float: left;
font-size: 1.4em;
margin-top: -10px;
position: absolute;
left: 20px;
}
.row-content {
float: none;
position: relative;
float: none;
width: 100%;
max-width: 1200px;
min-width: 230px;
margin: 0 auto!important;
padding: 10px;
}
.jumbotron .jum-box-btn {
padding: 30px 0;
text-align: center;
display:none;
}
.jumbotron .jum-box-btn .btn {
-webkit-box-shadow: 0 3px 4px 02px rgba(0,0,0,.6);
box-shadow: 0 3px 4px 02px rgba(0,0,0,.6);
}
.jumbotron .jum-box h1 {
float: none;
position: relative;
float: none;
width: 100%;
max-width: 1200px;
min-width: 250px;
min-height: 90px;
background-position: 0 0px;
background-repeat: no-repeat;
background-size: auto 100px;
overflow: hidden;
color: #fff;
margin: 0 auto!important;
padding: 30px 30% 0px 120px;
font-size: 42px;
font-family: lato, calibri, helvetica, arial, sanserif !important;
font-weight: 400;
}
.jumbotron .jum-box h3 {
float: none;
position: relative;
float: none;
width: 100%;
max-width: 1200px;
min-width: 250px;
overflow: hidden;
font-weight: 100;
color: #fff;
margin: 0 auto!important;
padding-left: 120px;
padding-right: 20%;
}
.jumbotron .jum-box h4 {
float: none;
position: relative;
float: none;
width: 100%;
max-width: 1200px;
min-width: 250px;
margin: 0 auto!important;
}

.jumbotron.ico-backup               .jum-box h1                                     {   background-image: url(" ../images/quotes/ico-big02.png");}
.jumbotron.ico-client               .jum-box h1,   .list-benef .ico-client          {   background-image: url(" ../images/quotes/ico-big01.png");}
.jumbotron.ico-desk                 .jum-box h1,   .list-benef .ico-desk            {   background-image: url(" ../images/quotes/ico-big13.png");}
.jumbotron.ico-domain               .jum-box h1,   .list-benef .ico-domain          {   background-image: url(" ../images/quotes/ico-big14.png");}
.jumbotron.ico-firewall             .jum-box h1,   .list-benef .ico-firewall        {   background-image: url(" ../images/quotes/ico-big06.png");}
.jumbotron.ico-mail                 .jum-box h1,   .list-benef .ico-mail            {   background-image: url(" ../images/quotes/ico-big04.png");}
.jumbotron.ico-messaging            .jum-box h1,   .list-benef .ico-messaging       {   background-image: url(" ../images/quotes/ico-big05.png");}
.jumbotron.ico-security             .jum-box h1                                     {   background-image: url(" ../images/quotes/ico-big09.png");}
.jumbotron.ico-server               .jum-box h1,   .list-benef .ico-server          {   background-image : url(" ../images/quotes/ico-big00.png");}
.jumbotron.ico-sharing              .jum-box h1,   .list-benef .ico-sharing         {   background-image: url(" ../images/quotes/ico-big18.png");}
.jumbotron.ico-directory            .jum-box h1,   .list-benef .ico-directory       {   background-image: url(" ../images/quotes/ico-big03.png");}
.jumbotron.ico-exchange             .jum-box h1,   .list-benef .ico-exchange        {   background-image: url(" ../images/quotes/ico-big32.png");}
.jumbotron.ico-big03                .jum-box h1,   .list-benef .ico-doc,            
.jumbotron.ico-doc                  .jum-box                                        {   background-image: url(" ../images/quotes/ico-big08.png");}
.jumbotron.ico-datacenter           .jum-box h1,   .list-benef .ico-datacenter      {   background-image: url(" ../images/quotes/ico-big11.png");}
.jumbotron.ico-app                  .jum-box h1,   .list-benef .ico-app             {   background-image: url(" ../images/quotes/ico-big10.png");}
.jumbotron.ico-intercloud           .jum-box h1,   .list-benef .ico-intercloud      {   background-image: url(" ../images/quotes/ico-big11.png");}
.jumbotron.ico-ups                  .jum-box h1,   .list-benef .ico-ups             {   background-image: url(" ../images/quotes/ico-big17.png");}
.jumbotron.ico-printers             .jum-box h1,   .list-benef .ico-printers        {   background-image: url(" ../images/quotes/ico-big103.png");}
.jumbotron.ico-accessories          .jum-box h1,   .list-benef .ico-accessories     {   background-image: url(" ../images/quotes/ico-big08.png");}
.jumbotron.ico-managed              .jum-box h1,   .list-benef .ico-managed         {   background-image: url(" ../images/quotes/ico-big25.png");}
.jumbotron.ico-iaas                 .jum-box h1,   .list-benef .ico-iaas            {   background-image: url(" ../images/quotes/ico-big26.png");}
.jumbotron.ico-monitoring           .jum-box h1                                     {   background-image: url(" ../images/quotes/ico-big27.png");}
.jumbotron.ico-continuity           .jum-box h1                                     {   background-image: url(" ../images/quotes/ico-big29.png");}
.jumbotron.ico-emailmessage         .jum-box h1,   .list-benef .ico-emailmessage    {   background-image: url(" ../images/quotes/ico-big30.png");}
.jumbotron.ico-office               .jum-box h1,   .list-benef .ico-office          {   background-image: url(" ../images/quotes/ico-big31.png");}
.jumbotron.ico-paas                 .jum-box h1,   .list-benef .ico-paas            {   background-image: url(" ../images/quotes/ico-big33.png");}
.jumbotron.ico-cloudnow             .jum-box h1,   .list-benef .ico-cloudnow        {   background-image: url(" ../images/quotes/ico-big34.png");}
.jumbotron.ico-azure                .jum-box h1,   .list-benef .ico-azure           {   background-image: url(" ../images/quotes/ico-big35.png")!important;}
.jumbotron.ico-mobile               .jum-box h1,   .list-benef .ico-mobile          {   background-image: url(" ../images/quotes/ico-big36.png");}
.jumbotron.ico-intercloud           .jum-box h1,   .list-benef .ico-intercloud      {   background-image: url(" ../images/quotes/ico-big11.png");}
.jumbotron.ico-privatecloud         .jum-box h1,   .list-benef .ico-privatecloud    {   background-image: url(" ../images/quotes/ico-big37.png");}
.jumbotron.ico-hybridcloud          .jum-box h1,   .list-benef .ico-hybridcloud     {   background-image: url(" ../images/quotes/ico-big38.png");}
.jumbotron.ico-publiccloud          .jum-box h1,   .list-benef .ico-publiccloud     {   background-image: url(" ../images/quotes/ico-big39.png");}
.jumbotron.ico-cosn                 .jum-box h1,   .list-benef .ico-cosn            {   background-image: url(" ../images/quotes/ico-big42.png");}
.jumbotron.ico-amazonaws            .jum-box h1,   .list-benef .ico-amazonaws       {   background-image: url(" ../images/quotes/ico-big40.png");}
.jumbotron.ico-baremetal            .jum-box h1,   .list-benef .ico-baremetal       {   background-image: url(" ../images/quotes/ico-big43.png");}
.jumbotron.ico-cloud                .jum-box h1,   .list-benef .ico-cloud           {	background-image: url(" ../images/quotes/ico-big44.png");}
.jumbotron.ico-networknow           .jum-box h1,   .list-benef .ico-networknow      {	background-image: url(" ../images/quotes/ico-big45.png");}
.jumbotron.ico-helpdesk             .jum-box h1,   .list-benef .ico-helpdesk        {	background-image: url(" ../images/quotes/ico-big46.png");}
.jumbotron.ico-virtualization       .jum-box h1,   .list-benef .ico-virtualization  {	background-image: url(" ../images/quotes/ico-big47.png");}
.jumbotron.ico-ibm                  .jum-box h1,   .list-benef .ico-ibm             {	background-image: url(" ../images/quotes/ico-big48.png");}
.jumbotron.ico-citrix               .jum-box h1,   .list-benef .ico-citrix          {	background-image: url(" ../images/quotes/ico-big49.png");}
.jumbotron.ico-windows              .jum-box h1,   .list-benef .ico-windows         {	background-image: url(" ../images/quotes/ico-big50.png");}
.jumbotron.ico-adc                  .jum-box h1,   .list-benef .ico-adc             {	background-image: url(" ../images/quotes/ico-big51.png");}
.jumbotron.ico-SAP                  .jum-box h1,   .list-benef .ico-SAP             {	background-image: url(" ../images/quotes/ico-big52.png");}
.jumbotron.ico-business             .jum-box h1,   .list-benef .ico-business       	{	background-image: url(" ../images/quotes/ico-big66.png");}

.jumbotron.ico-resourcepool         .jum-box h1,   .list-benef .ico-resourcepool    {	background-image: url(" ../images/quotes/ico-big65.png");}
.jumbotron.ico-transform	        .jum-box h1,   .list-benef .ico-transform	    {	background-image: url(" ../images/quotes/ico-big68.png");    background-size: auto 100%;   background-position: 5px 100%; }


.pyme-img1              {	background-image: url(" ../images/o4it/banner/small-business.jpg"); background-position:50% 35%;}
.pyme-img2            	{   background-image: url(" ../images/o4it/banner/back0004b.jpg");}
.enterprise-img1        {	background-image: url(" ../images/o4it/banner/banner031.jpg");}
.enterprise-img2        {	background-image: url(" ../images/o4it/banner/back0009b.jpg");}
.government-img1        {	background-image: url(" ../images/o4it/banner/banner025.jpg");}
.government-img2        {	background-image: url(" ../images/o4it/banner/back0010b.jpg");}
.benefits-img2        	{	background-image: url(" ../images/o4it/banner/back0011b.jpg");}

.contact-img1           {	background-image: url(" ../images/o4it/banner/section05.jpg");}
.aboutus-img1        	{	background-image: url(" ../images/o4it/banner/banner022.jpg");}
.aboutus-img2        	{	background-image: url(" ../images/o4it/banner/back0003b.jpg");}
.whyo4it-img1        	{	background-image: url(" ../images/o4it/banner/banner014.jpg");}

.certifications-img1 	{	background-image: url(" ../images/o4it/banner/banner053.jpg");}
.certifications-img2 	{	background-image: url(" ../images/o4it/banner/banner053.jpg");}
.jobs-img1				{	background-image: url(" ../images/o4it/01.jpg");}
.jobs-img2 				{	background-image: url("../images/o4it/05.jpg");}
.newsroom-img1 			{	background-image: url(" ../images/o4it/banner/banner018.jpg");}
.lidership-img1			{	background-image: url(" ../images/o4it/banner/banner045.jpg");}


.cloudserver-img1       {	background-image: url(" ../images/o4it/banner/back0001.jpg");}
.cloudserver-img2       {	background-image: url(" ../images/o4it/banner/back0001b.jpg");}
.resourcepool-img1      {   background-image: url(" ../images/o4it/banner/back0002.jpg")}
.resourcepool-img2      {   background-image: url(" ../images/o4it/banner/back0002b.jpg")}
.monitoring-img1        {	background-image: url(" ../images/o4it/banner/back0003.jpg");}
.monitoring-img2        {	background-image: url(" ../images/o4it/banner/back0003b.jpg");}
.clouddesktop-img1      {	background-image: url(" ../images/o4it/banner/back0004.jpg");}
.clouddesktop-img2      {	background-image: url(" ../images/o4it/banner/back0004b.jpg");}
.cloudfile-img1         {	background-image: url(" ../images/o4it/banner/back0005.jpg");}
.cloudfile-img2         {	background-image: url(" ../images/o4it/banner/back0005b.jpg");}
.cloudfirewall-img1      {	background-image: url(" ../images/o4it/banner/back0006.jpg");}
.cloudfirewall-img2     {	background-image: url(" ../images/o4it/banner/back0006b.jpg");}
.cloudshield-img1       {   background-image: url(" ../images/o4it/banner/back0007.jpg");}
.cloudshield-img2       {   background-image: url(" ../images/o4it/banner/back0007b.jpg");}

.cloudsolutions-img1    {	background-image: url(" ../images/products/cloudsolution01.jpg");}
.cloudbackup-img1       { 	background-image: url(" ../images/o4it/Enterprisebk.png");}
.cloudbackup-img2       {	background-image: url(" ../images/products/cloudbackup02.jpg");}
.cloudapp-img1          {	background-image: url(" ../images/products/slider2_crm.jpg");}
.clouddatacenter-img1   {	background-image: url(" ../images/products/clouddatacenter01.jpg");}
.clouddatacenter-img2   { 	background-image: url(" ../images/products/cloudclient02.jpg");}

.cloudmessaging-img1    {	background-image: url(" ../images/products/cloudmessaging03.jpg");	background-position: 85% 0%!important;}
.cloudmessaging-img2    {  	background-image: url(" ../images/products/cloudmessaging02.jpg");}

.clouddomain-img1       {	background-image: url(" ../images/products/clouddomain01.jpg");}
.clouddomain-img2       {	background-image: url(" ../images/products/clouddomain02.jpg");}
.cloudmail-img1         {	background-image: url(" ../images/products/cloudmail01.jpg");}
.cloudmail-img2         {	background-image: url(" ../images/products/cloudmail02.jpg");	    background-size: auto 100%;}
.cloudclient-img1       {	background-image: url(" ../images/products/CloudComputing.png");	background-position: 15% 30%!important;}
.cloudclient-img2       {	background-image: url(" ../images/products/cloudclient02.jpg");}
.mobile-img1            {	background-image: url(" ../images/products/mobile01.jpg");}
.azure-img1             {	background-image: url(" ../images/products/azure02.png");           background-position: 91% 100%!important;}
.cosn-img1              {	background-image: url(" ../images/o4it/banner/banner032.jpg");}
.cloudnow-img1          {	background-image: url(" ../images/products/cloudnow01.jpg");}
.paas-img1              {	background-image: url(" ../images/products/passandsass.jpg");	    background-position: 90% 100%!important;}
.exchange-img1          {	background-image: url(" ../images/products/exchange01.jpg");}
.office-img1            {	background-image: url(" ../images/products/office02.png");	        background-position: 80% 100%!important;}
.email-img1             {	background-image: url(" ../images/products/mail01.jpg");}
.continuity-img1        {	background-image: url(" ../images/products/continuity01.jpg");}

.iaas-img1              {	background-image: url(" ../images/products/iaas01.jpg");}
.baremetal-img1         {	background-image: url(" ../images/products/CiscoUCS.png");	        background-size: cover;	/*height: 380px;*/}
.managed-img1           {	background-image: url(" ../images/products/ManagedServices2.jpg");}
.collaboration-img1     {	background-image: url(" ../images/products/collaboration01.jpg");}
.intercloud-img1        {	background-image: url(" ../images/products/intercloud01.jpg");}
.privatecloud-img1      {	background-image: url(" ../images/products/privatecloud01.jpg");}
.publiccloud-img1       {	background-image: url(" ../images/products/publiccloud01.jpg");}
.hybridcloud-img1       {	background-image: url(" ../images/products/hybridcloud01.jpg");}
.amazonaws-img1         {	background-image: url(" ../images/o4it/banner/banner060.jpg");}
.cosn-img1              {	background-image: url(" ../images/o4it/CloudOSNetwork.png");    	background-size: cover;}
.why04it-img1           {	background-image: url(" ../images/o4it/banner/banner059.jpg");	    background-position: 100%!important;}
.baremetal-img1         {	background-image: url(" ../images/o4it/banner/banner058.jpg");}
.adc-img1               {	background-image: url(" ../images/o4it/banner/formula-1.jpg");}
.SAP-img1               {	background-image: url(" ../images/o4it/banner/BannerSAP.jpg");}
.market-img1            {   background-image: url(" ../images/o4it/banner/banner066.jpg");}

.transform-img1         {	background-image: url(" ../images/o4it/banner/banner080.jpg");      background-size: cover;}
.transform-img2         {	background-image: url(" ../images/o4it/banner/transform006.jpg");   background-size: cover;}
.transform-img3         {	background-image: url(" ../images/o4it/banner/banner077.jpg");      background-size: cover;}
.transform-img4         {	background-image: url(" ../images/o4it/banner/banner078.jpg");      background-size: cover;}
.transform-img5         {	background-image: url(" ../images/o4it/banner/banner079.jpg");      background-size: cover;}



.pic-square,.pic-square2x,.pic-square3x,.pic-square2h,.pic-square3h,.pic-square4h{
position: relative;
width: 50%;
margin:0 auto;
overflow:hidden;
}
.pic-square2h,.pic-square3h,.pic-square4h{
width: 100%;
}
.pic-square2x   { width: 80%;}
.pic-square3x   { width: 100%;}

.pic-square:after,.pic-square2x:after,.pic-square3x:after,.pic-square2h:after,.pic-square3h:after,.pic-square4h:after {
content: "";
display: block;
padding-bottom: 100%;
overflow:hidden;
position:relative;
margin:0 auto;
}
.pic-square2h:after  {
padding-bottom: 25%;
}
.pic-square3h:after{
padding-bottom: 50%;
}
.pic-square4h:after{
padding-bottom: 75%;
}

.pic{
position:absolute;
display:block;
width:100%;
height:100%;
background-position:50% 50%;
background-repeat:no-repeat;
background-size: 100% auto;
margin: auto auto;
margin: 0;
left:0%;
}

.picround{
border-radius:100%;
border:solid 2px #efefef;
}
/* */
.monitoring-pic001      {	background-image: url(" ../images/products/monitoring001.png");}
.monitoring-pic002      {	background-image: url(" ../images/products/monitoring002.png");}
.monitoring-pic003      {	background-image: url(" ../images/products/monitoring003.png");}
.clouddesktop-pic001    {	background-image: url(" ../images/products/clouddesktop001.png");}
.clouddesktop-pic002    {	background-image: url(" ../images/products/clouddesktop002.png");}
.cloudfile-pic001      	{   background-image: url(" ../images/products/cloudfile001.png")}
.cloudfile-pic002      	{   background-image: url(" ../images/products/cloudfile002.png")}
.cloudfile-pic003      	{	background-image: url(" ../images/products/cloudfile003.png");}
.cloudfile-pic004       {	background-image: url(" ../images/products/cloudfile004.png");}
.cloudfile-pic005       {	background-image: url(" ../images/products/cloudfile005.png");}
.cloudfile-pic006       {	background-image: url(" ../images/products/cloudfile006.png");}
.cloudfile-pic007     	{	background-image: url(" ../images/products/cloudfile007.png");}
.networknow-pic001      {   background-image: url(" ../images/products/networknow001.png");}
.networknow-pic001-en      {   background-image: url(" ../images/en/products/networknow001.png");}
.cloudshield-pic001     {   background-image: url(" ../images/products/shieldnow001.png");}
.cloudshield-pic002     {   background-image: url(" ../images/products/shieldnow002.png");}
.cloudshield-pic003     {   background-image: url(" ../images/products/shieldnow003.png");}
.cloudshield-pic004     {   background-image: url(" ../images/products/BlueTeam.png");}
.cloudshield-pic005     {   background-image: url(" ../images/products/RedTeam.png");}
.cloudshield-pic006     {   background-image: url(" ../images/products/GreyTeam.png");}
.cloudshield-pic004-en     {   background-image: url(" ../images/en/products/BlueTeam.png");}
.cloudshield-pic005-en     {   background-image: url(" ../images/en/products/RedTeam.png");}
.cloudshield-pic006-en     {   background-image: url(" ../images/en/products/GreyTeam.png");}

.pyme-pic001            {   background-image: url(" ../images/SMB.png");}
.pyme-pic002            {   background-image: url(" ../images/SMB.png");}
.enterprise-pic001      {   background-image: url(" ../images/cloud19.jpg");}
.enterprise-pic002      {   background-image: url(" ../images/cloud19.jpg");}
.government-pic001      {   background-image: url(" ../images/cloud10.jpg");}
.government-pic002      {   background-image: url(" ../images/cloud10.jpg");}
.smb-pic001      		{   background-image: url(" ../images/SMB.png");}
.smb-pic002      		{   background-image: url(" ../images/SMB.png");}
.partners-pic001      	{   background-image: url(" ../images/PartnerKey2.jpg");}
.partners-pic002      	{   background-image: url(" ../images/PartnerTime.jpg");}
.aboutus-pic001    		{   background-image: url(" ../images/o4it/headmiami.jpg");}
.aboutus-pic002    		{   background-image: url(" ../images/o4it/headbogota.png");}
.aboutus-pic003    		{   background-image: url(" ../images/products/mapa.png");}
.aboutus-pic003-en    		{   background-image: url(" ../images/en/products/mapa.png");}


.newsroom-pic001   		{   background-image: url(" ../images/o4it/logos/SAP-certify.jpg");}
.newsroom-pic002   		{   background-image: url(" ../images/o4it/o4it-art-ibm.jpg");}
.newsroom-pic003   		{   background-image: url(" ../images/o4it/o4it-art-cio-1.jpg");}
.newsroom-pic004   		{   background-image: url(" ../images/o4it/SGS_ISO_27001_round_TCL_LR3.jpg");}
.newsroom-pic005   		{   background-image: url(" ../images/o4it/CambiarPassNew.png");}
.newsroom-pic006   	{   background-image: url(" ../images/o4it/RecomendacionesRansomware.jpg");}
.newsroom-pic007   	{   background-image: url(" ../images/o4it/NewPublicCloud.png");}

.lidership-pic001   	{   background-image: url(" ../images/o4it/esoler.jpg");}
.lidership-pic002   	{   background-image: url(" ../images/o4it/evelasquez.jpg");}
.lidership-pic003   	{   background-image: url(" ../images/o4it/wgomez.jpg");}
.lidership-pic004   	{   background-image: url(" ../images/o4it/icuellar.jpg");}
.lidership-pic005   	{   background-image: url(" ../images/o4it/drodriguez.jpg");}

.convivencia-pic001   	{   background-image: url(" ../images/o4it/conv-01.jpg");}
.convivencia-pic002   	{   background-image: url(" ../images/o4it/conv-02.jpg");}
.convivencia-pic003   	{   background-image: url(" ../images/o4it/conv-03.jpg");}
.convivencia-pic004   	{   background-image: url(" ../images/o4it/conv-04.jpg");}
.convivencia-pic005   	{   background-image: url(" ../images/o4it/conv-05.jpg");}
.convivencia-pic006   	{   background-image: url(" ../images/o4it/conv-06.jpg");}
.convivencia-pic007   	{   background-image: url(" ../images/o4it/conv-07.jpg");}

.transform-pic001		{   background-image: url(" ../images/o4it/banner/transform001.jpg");}
.transform-pic002		{   background-image: url(" ../images/o4it/banner/transform002.jpg");}
.transform-pic003		{   background-image: url(" ../images/o4it/banner/transform003.jpg");}
.transform-pic004		{   background-image: url(" ../images/o4it/banner/transform004.jpg");}
.transform-pic005		{   background-image: url(" ../images/o4it/banner/transform005.jpg");}
.transform-pic006		{   background-image: url(" ../images/o4it/banner/transform006.jpg");}
.transform-pic007		{   background-image: url(" ../images/o4it/banner/transform007.jpg");}
.transform-pic007b		{   background-image: url(" ../images/o4it/banner/transform007b.jpg");}

.landing-pic001		{   background-image: url(" ../images/o4it/banner/landing001.jpg");}
.landing-pic002		{   background-image: url(" ../images/o4it/banner/landing002.jpg");}
.landing-pic003		{   background-image: url(" ../images/o4it/banner/landing003.jpg");}
.landing-pic004		{   background-image: url(" ../images/o4it/banner/landing004.jpg");}
.landing-pic005		{   background-image: url(" ../images/o4it/banner/landing005.jpg");}
.landing-pic006		{   background-image: url(" ../images/o4it/banner/landing006.jpg");}

.ico-vmware		{   background-image: url(" ../images/o4it/banner/o4it-vmware.png");}
.ico-academy	{   background-image: url(" ../images/o4it/banner/o4it-academy.png");}

/* */
.logo-mix{
display: block;
min-height: 50px;
min-width: 250px;
max-width:480px;
width: 100%;
background-repeat: no-repeat;
background-position: 0 50%;
background-size:100% auto;

	
}

.politics-img1 {	background-image: url("../images/products/banner075.jpg");}
.politics-img2 {	background-image: url("../images/products/banner076.jpg");}
.cafetera-img1 {	background-image: url("../images/o4it/cafetera.jpg");}

/* images home */
.despliegue-img {	background-image: url(../images/o4it/pic-despliegue.png);}
.reglas-img {		background-image: url(../images/o4it/pic-reglas.png);}
.monitoreo-img {	background-image: url(../images/o4it/pic-monitoreo.png);}
.eventos-img {		background-image: url(../images/o4it/pic-eventos.png);}
.reportes-img {		background-image: url(../images/o4it/pic-reportes.png);}
.step5-img{			background-image: url(../images/info-security.png)}




/* */
.widget-fixed {
position: relative;
min-height: 100px;
padding: 20px 0;
}
.widget-fixed .widget {
position: fixed;
}
/* figures */
.hexagon {
position: absolute;
top: 40px;
left: 50%;
margin: 0;
margin-left: -50px;
width: 100px;
height: 60px;
background-color: #286090;
z-index: 0;
}
.hexagon:before, .hexagon:after {
content: "";
position: absolute;
width: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}
.hexagon:before {
bottom: 100%;
border-bottom: 28px solid rgba(128,168,222,.5);
}
.hexagon:after {
top: 100%;
width: 0;
border-top: 28px solid rgba(128,168,222,.5);
}
.list-benef li .hexagon i.fa {
position: absolute;
top: 0;
left: 0px;
width: 100px;
padding: 5px;
height: 50px;
line-height: 50px;
font-size: 3.5em;
text-align: center;
color: #fff;
border: none;
}



/* */
ul.list-benef, ul.list-p {
width: 100%;
max-width: 1280px;
padding: 0;
margin: 2em auto;
list-style: none;
position: relative;
}
ul.list-benef li .ico {
    
}
ul.list-benef li {
width: 32.8%;
list-style: none!important;
text-align: left;
position: relative;
padding: 20px 10px;
padding-top: 120px;
float: none;
display: inline-block;    
min-height: 300px;
margin: 5px auto;
vertical-align:top;
/*overflow:hidden;*/
overflow-y:auto;
/*	border: dashed 1px rgba(0,0,0,.1);*/

}
ul.list-benef li i.fa {
position: absolute;
left: 0;
width: 80px;
padding: 5px;
height: 80px;
line-height: 1.6em;
font-size: 3em;
text-align: center;
/*border: solid 1px #1994D2;
border-radius: 50px;*/
color: #1994D2;	
}
ul.list-benef li i.ico {
background-color: transparent;
background-size: 72px 72px;
color: #fff;
position: absolute;
top:-5px;
left: 50%;
width: 70px;
padding: 5px;
height: 70px;
margin: 0 auto;
margin-left: -35px;
line-height: 1.4em;
font-size: 3em;
text-align: center;
color: #1994D2;	
}
ul.list-benef li b, ul.list-benef li h3 {
text-transform: none;
font-style: italic;
font-weight: bold;
text-align: left;
font-weight: normal;
}
ul.list-benef li h3 {
text-align: center;
font-size: 16px;
line-height: 1.3em;
text-transform: uppercase;
}
ul.list-benef li p {
position: absolute;
margin: 0;
top: 0;
left: 0;
width: 98%;
height: 100%;
min-height: 100px;
color: #004A69;
/*color: #fff;*/
text-align: center;
font-size: 17px;
line-height: 1.2em;
vertical-align: middle;
font-weight: normal;
font-style: italic;
padding: 20px 10px ;
margin: 0;
background-color: rgba(128,168,222,.8);
/*background: rgba(255,255,255,.75);*/
display: none;
/*border-top: solid 4px rgba(166,206,57,1);*/
border-radius:6px;
}
ul.list-benef li:hover p {
display: block;
}
li:hover .hexagon {
background-color: #999!important;
}
li:hover .hexagon:after {
border-top-color: #999!important;
}
li:hover .hexagon:before {
border-bottom-color: #999!important;
}
.list-benef li:hover .hexagon i.fa {
color: #fff;
}
.list-benef .ico-backup         { background-image: url(" ../images/quotes/ico-big02.png"); }
.list-benef .ico-security       { background-image: url(" ../images/quotes/ico-big09.png"); }
.list-benef .ico-monitoring     { background-image: url(" ../images/quotes/ico-big27.png"); }
.list-benef .ico-continuity     { background-image: url(" ../images/quotes/ico-big29.png"); }


/* */
ul.list-p, ul.list-p p {
font-size: 14px;
text-align: left;
}
ul.list-p b {
font-weight: bold;
text-transform: uppercase;
padding-right: 10px;
}
.list-ico{
padding:0;	
}
.list-ico li{
list-style:none;
position:relative;
padding:.2em 0;	
padding-left:60px;
min-height:24px;
}
.list-ico li .fa, .list-ico li .ico{
position: absolute;
left: 10px;
top: .2em;
font-size: 22px;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
background-color: rgba(0,0,0,.2);
border-radius: 100px;
}
/* */
.radio-list .radio.idOS-240, .radio-list .radio.idOS-241, .radio-list .radio.idOS-243, .radio-list .radio.idOS-244, .radio-list .radio.idOS-281, .radio-list .radio.idOS-282, .radio-list .radio.idOS-283, .radio-list .radio.idOS-284, .radio-list .radio.idOS-285, .radio-list .radio.idOS-286, .radio-list .radio.idOS-287, .radio-list .radio.idOS-305, .radio-list .radio.idLanguage-1, .radio-list .radio.idLanguage-2 {
background-position: 0 50%;
background-repeat: no-repeat;
background-color: transparent;
background-size: 30px 30px;
padding-left: 50px;
min-height: 30px;
margin: 2px 0;
}
.radio-list .radio.idLanguage-1 {
background-image: url(" ../images/lang/ico-usa.png");
}
.radio-list .radio.idLanguage-2 {
background-image: url(" ../images/lang/ico-spn.png");
}
.radio-list .radio.idOS-240 {
background-image: url(" ../images/os/os-windows2.png");
}
.radio-list .radio.idOS-241 {
background-image: url(" ../images/os/os-windows2.png");
}
.radio-list .radio.idOS-242 {
background-image: url(" ../images/os/os-windows2.png");
}
.radio-list .radio.idOS-243 {
background-image: url(" ../images/os/os-win102.png");
background-size: 27px 27px;
}
.radio-list .radio.idOS-244 {
background-image: url(" ../images/os/os-win102.png");
background-size: 27px 27px;
}
.radio-list .radio.idOS-305 {
background-image: url(" ../images/os/os-win102-ws2016.png");
background-size: 27px 27px;
}
.radio-list .radio.idOS-281 {
background-image: url(" ../images/os/os-windows2.png");
}
.radio-list .radio.idOS-282 {
background-image: url(" ../images/os/os-windows2.png");
}
.radio-list .radio.idOS-283 {
background-image: url(" ../images/os/os-win102.png");
background-size: 27px 27px;
}
.radio-list .radio.idOS-284 {
background-image: url(" ../images/os/os-debian2.png");
}
.radio-list .radio.idOS-285 {
background-image: url(" ../images/os/os-ubuntu2.png");
}
.radio-list .radio.idOS-286 {
background-image: url(" ../images/os/os-centos2.png");
}
.radio-list .radio.idOS-287 {
background-image: url(" ../images/os/os-redhat2.png");
}
/* gauge chart */
.gauge-box {
width: 180px;
height: 90px;
position: relative;
top: 0;
left: 0;
overflow: hidden;
text-align: center;
margin:10px 5px;
display:inline-block;
/*  transform: translate(-50%, -50%);*/
}

.gauge-a {
z-index: 0;
position: absolute;
display: block;
background-color: rgba(200,200,200,.6);
width: 100%;
height: 100%;
top: 0;
border-radius: 500px 500px 0 0;
border: solid 2px rgba(255,255,255,.6);	
}
.gauge-b {
z-index: 3;
position: absolute;
background-color: #222;
display: block;
width: 54%;
height: 100%;
bottom: -45%;
left: 50%;
margin-left: -27%;
/* margin-right: auto; */
border-radius: 250px 250px 0px 0px;
}
.gauge-c {
z-index: 2;
position: absolute;
background-color: #5664F9;
width: 100%;
height: 100%;
top: 100%;
margin-left: auto;
margin-right: auto;
border-radius: 0px 0px 200px 200px;
transform-origin: center top;
transition: all 1.3s ease-in-out; 
/*	transform: rotate(0deg);*/
}
.container:hover .gauge-c {  /*transform:rotate(.5turn);*/}
.container:hover .gauge-data { color: rgba(255,255,255,1); }
.gauge-data {
z-index: 4;
color: rgba(255,255,255,.5);
font-size: 10px;
line-height: .9;
position: absolute;
width: 50%;
height: 50%;
bottom: -2px;
left: 50%;
margin-left: -25%;
/* margin-right: auto; */
transition: all 1s ease-out;
}
.gauge-data h3{
margin:0;
padding:0px;
font-size:12px;
font-weight:bold;
}
.gauge-data b{
display:block;
font-size:26px;
}

/* bar progress */
.plan-item {
/*padding: 6em 1em 1em 1em;
margin: 1em;
overflow: hidden;
position: relative;*/
padding: 0;
height: 180px;
width: 220px;
width: 170px;
margin: 10px auto;
overflow: hidden;
position: relative;
border: solid 2px rgba(223, 234, 246, .6);
border-radius: 15px;
}
.plan-item:before {
/*	font-family: FontAwesome;
content: "\f0c2";
font-size: 240px;
position: absolute;
top: -35%;
right: -10%;
color: rgba(123,175,222,.2);*/
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
/*	background-color:rgba(123, 175, 222,.2);*/
/*	background-image: url(../images/products/cloud00.png);*/
background-position: -15px 50% ;
background-repeat: no-repeat;
background-size: 125% auto;
}
/* cloudserve */
.plan-item.i-cloudserver{
padding: 80px 10px 0 10px;	
border: solid 2px rgba(223, 234, 246, .6);
}
.plan-item.i-cloudserver:before {
background-color:rgba(123, 175, 222,.2);
background-image: url(../images/products/cloud00.png);
background-position: -15px 50% ;	
}
.i-cloudserver .bar-item > .progress-icon{
background-color: #004A69;
}
/* clouddesktop*/
.plan-item.i-clouddesktop{
padding: 80px 10px 0 10px;	
border: solid 2px rgba(223, 234, 246, .6);
}
.plan-item.i-clouddesktop:before {
background-color:rgba(123, 175, 222,.5);
background-image: url(../images/products/cloud02.png);
background-position: 70% 40% ;
background-size: 125% auto;	
}
.i-clouddesktop .bar-item > .progress-icon{
background-color: #004A69;
}
/* resourcepool */
.plan-item.i-resourcepool{
padding: 80px 10px 0 10px;	
border:solid 2px rgba(166, 206, 57,.2);
background-position: -15px 50% ;	
}
.plan-item.i-resourcepool:before {
background-color: rgba(166, 206, 57,.2);
background-image: url(../images/products/cloud00.png);
}
.i-resourcepool .bar-item > .progress-icon{
background-color: #708839;
}

/* networknow */
.plan-item.i-networknow{
padding: 0px 10px 0 10px;	
border:solid 2px rgba(166, 206, 57,.2);
background-color:rgba(255,255,255,.4);
}
.plan-item.i-networknow:before {
/*background-color: rgba(166, 206, 57,.2);
background-image: url(../images/products/cloud00.png);*/
}
.i-networknow .bar-item > .progress-icon{
background-color: #708839;
}
.plan-item.i-networknow h4{
margin:0;
padding:5px 0;
text-transform:uppercase;
}
.plan-item.i-networknow h4 .fa{
background-color:rgba(143, 183, 62,1);
color:rgba(255,255,255,1);
padding:5px;
border-radius:50px;
}
/* */
.bar-item {
position: relative;
padding-left: 40px;
}
.progress {
position: relative;
height: 25px;
border-radius: 20px 0 0 20px;
margin-bottom: 5px;
background: rgb(255, 255, 255);
}
.progress-bar {
/*background: rgba(122,174,222,1);
background: -moz-linear-gradient(left, rgba(122,174,222,1) 94%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(94%, rgba(122,174,222,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(122,174,222,1) 94%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(122,174,222,1) 94%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(122,174,222,1) 94%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(122,174,222,1) 94%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aaede', endColorstr='#ffffff', GradientType=1 );*/
}
.progress-bar-success{
background-color: #8FB63E;
}
.bar-item > .progress-icon {
position: absolute;
left: 0px;
font-size: 18px;
line-height: 26px;
color: #fff;
background-color: #004A69;
padding: 4px;
width: 26px;
height: 26px;
text-align: center;
border-radius: 20px;
margin: 0 10px 0 0;
}
.progress > .progress-type {
position: absolute;
left: 0px;
font-weight: 800;
padding: 3px 30px 2px 10px;
color: rgb(255, 255, 255);
background-color: rgba(25, 25, 25, 0.2);
}
.progress > .progress-completed {
position: absolute;
right: 0px;
font-weight: 800;
padding: 3px 10px 2px;
font-size: 14px;
font-weight: 900;
color: #000;/*background:rgba(0,0,0,.2);*/
}

.progress-bar-success{
background-color: #8FB63E;
}

/* */
.banner-calculator {
display: block;
width: 100%;
height: 230px;
margin: auto;
background-color: #ccc;
background-image: url(" ../images/calculator.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% auto;
}
/* */
.panel-container {
text-align: center;
}
.w-box .menu-panel {
background-color: #fff;
padding-left: 0px;
padding-right: 0px;
margin: 10px 1%;
width:96%;
display: inline-block;
border-radius: 10px;
border:solid 1px #ccc;
border-top: solid 5px #8FB63E;
vertical-align: top;
box-shadow: 0 3px 4px 0 rgba(0,0,0,.4);    
}
.x-box .menu-panel {
background-color: #fff;
padding: 1em 20px 3em;
padding-left: 20px;
padding-right: 20px;
margin: 1em 0;
width: 100%;
display: inline-block;
border-radius: 10px;
border: none;
vertical-align: top;
/* border: solid 1px transparent; */
}
.x-box .menu-panel .panel-body {
min-height:220px;
font-style:italic;
}
.x-box .menu-panel h4,.x-box .menu-panel .text-x-box {
line-height: 1.3em;
letter-spacing: 0.002em;
}
.x-box .menu-panel .panel-footer {
min-height:100px;
}
.x-box .menu-panel h3 {
font-size:24px;
}


#postcontent.certify-container .menu-panel h4, .certify-container .menu-panel h4 {
font-size: 12px!important;
}
.menu-panel.mp10 {
margin-left: .5%;
margin-right: .5%;
}
.menu-panel .panel, .menu-panel .panel-heading {
border: none!important;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
margin: 0;
padding: 0;
border:none;
}
.menu-panel .panel .panel-heading {
padding: 0;
margin: 0;
position: relative;
overflow: hidden;
}
.menu-panel .p-icon, .p-icon,.page-product .menu-panel .p-icon {
border-radius: 0;
margin: 20px auto;
position: relative;
padding: 0;
background-color: transparent!important;
}
.p-icon i.fa {
font-size: 80px;
padding-top: 0em;
line-height: 1.65em;
color: #fff;
}
.menu-panel .panel .panel-heading .p-icon .fa {
width: 100px;
height: 100px;
margin: 5px auto;
line-height: 100px;
overflow: hidden;
color: rgba(255,255,255,.4);
font-size: 4.5em;
vertical-align: middle;
}
.menu-panel .p-icon i {
width: 100px;
height: 100px;
display: block;
margin: 5px auto;
background-position: 50% 40%;
background-repeat: no-repeat;
background-size: 100px 100px;
}


.bico.ico-backup,          .label .ico-backup,          .p-icon .ico-backup,          .panel-plan .p-icon .ico-backup,          .menu-panel .p-icon .ico-backup         {	background-image: url(" ../images/quotes/ico-big02.png");}
.bico.ico-client,          .label .ico-client,          .p-icon .ico-client,          .panel-plan .p-icon .ico-client,          .menu-panel .p-icon .ico-client         {	background-image: url(" ../images/quotes/ico-big01.png");}
.bico.ico-desk,            .label .ico-desk,            .p-icon .ico-desk,            .panel-plan .p-icon .ico-desk,            .menu-panel .p-icon .ico-desk           {	background-image: url(" ../images/quotes/ico-big13.png");}
.bico.ico-domain,          .label .ico-domain,          .p-icon .ico-domain,          .panel-plan .p-icon .ico-domain,          .menu-panel .p-icon .ico-domain         {	background-image: url(" ../images/quotes/ico-big14.png");}
.bico.ico-firewall,        .label .ico-firewall,        .p-icon .ico-firewall,        .panel-plan .p-icon .ico-firewall,        .menu-panel .p-icon .ico-firewall       {	background-image: url(" ../images/quotes/ico-big06.png");}
.bico.ico-mail,            .label .ico-mail,            .p-icon .ico-mail,            .panel-plan .p-icon .ico-mail,            .menu-panel .p-icon .ico-mail           {	background-image: url(" ../images/quotes/ico-big04.png");}
.bico.ico-messaging,       .label .ico-messaging,       .p-icon .ico-messaging,       .panel-plan .p-icon .ico-messaging,       .menu-panel .p-icon .ico-messaging      {	background-image: url(" ../images/quotes/ico-big05.png");}
.bico.ico-security,        .label .ico-security,        .p-icon .ico-security,        .panel-plan .p-icon .ico-security,        .menu-panel .p-icon .ico-security       {	background-image: url(" ../images/quotes/ico-big09.png");}
.bico.ico-server,          .label .ico-server,          .p-icon .ico-server,          .panel-plan .p-icon .ico-server,          .menu-panel .p-icon .ico-server         {	background-image: url(" ../images/quotes/ico-big00.png");}
.bico.ico-sharing,         .label .ico-sharing,         .p-icon .ico-sharing,         .panel-plan .p-icon .ico-sharing,         .menu-panel .p-icon .ico-sharing        {	background-image: url(" ../images/quotes/ico-big18.png");}
.bico.ico-directory,       .label .ico-directory,       .p-icon .ico-directory,       .panel-plan .p-icon .ico-directory,       .menu-panel .p-icon .ico-directory      {	background-image: url(" ../images/quotes/ico-big03.png");}
.bico.ico-exchange,        .label .ico-exchange,        .p-icon .ico-exchange,        .panel-plan .p-icon .ico-exchange,        .menu-panel .p-icon .ico-exchange       {	background-image: url(" ../images/quotes/ico-big32.png");}
.bico.ico-big03,           .label .ico-big03,           .p-icon .ico-big03,           .panel-plan .p-icon .ico-big03,           .menu-panel .p-icon .ico-big03, .p-icon .ico-doc, .panel-plan .p-icon .ico-doc, .menu-panel .p-icon .ico-doc {	background-image: url(" ../images/quotes/ico-big08.png");}
.bico.ico-intercloud,      .label .ico-intercloud,      .p-icon .ico-intercloud,      .panel-plan .p-icon .ico-intercloud,      .menu-panel .p-icon .ico-intercloud     {	background-image: url(" ../images/quotes/ico-big11.png");}
.bico.ico-big11,           .label .ico-big11,           .p-icon .ico-big11,           .panel-plan .p-icon .ico-big11,           .menu-panel .p-icon .ico-big11          {	background-image: url(" ../images/quotes/ico-big11.png");}
.bico.ico-app,             .label .ico-app,             .p-icon .ico-app,             .panel-plan .p-icon .ico-app,             .menu-panel .p-icon .ico-app            {	background-image: url(" ../images/quotes/ico-big10.png");}
.bico.ico-ups,             .label .ico-ups,             .p-icon .ico-ups,             .panel-plan .p-icon .ico-ups,             .menu-panel .p-icon .ico-ups            {	background-image: url(" ../images/quotes/ico-big17.png");}
.bico.ico-datacenter,      .label .ico-datacenter,      .p-icon .ico-datacenter,      .panel-plan .p-icon .ico-datacenter,      .menu-panel .p-icon .ico-datacenter     {	background-image: url(" ../images/quotes/ico-big11.png");}
.bico.ico-printers,        .label .ico-printers,        .p-icon .ico-printers,        .panel-plan .p-icon .ico-printers,        .menu-panel .p-icon .ico-printers       {	background-image: url(" ../images/quotes/ico-big03.png");}
.bico.ico-accessories,     .label .ico-accessories,     .p-icon .ico-accessories,     .panel-plan .p-icon .ico-accessories,     .menu-panel .p-icon .ico-accessories    {	background-image: url(" ../images/quotes/ico-big16.png");}                                                                               
.bico.ico-managed,         .label .ico-managed,         .p-icon .ico-managed,         .panel-plan .p-icon .ico-managed,         .menu-panel .p-icon .ico-managed        {	background-image: url(" ../images/quotes/ico-big25.png");}
.bico.ico-iaas,            .label .ico-iaas,            .p-icon .ico-iaas,            .panel-plan .p-icon .ico-iaas,            .menu-panel .p-icon .ico-iaas           {	background-image: url(" ../images/quotes/ico-big26.png");}
.bico.ico-monitoring,      .label .ico-monitoring,      .p-icon .ico-monitoring,      .panel-plan .p-icon .ico-monitoring,      .menu-panel .p-icon .ico-monitoring     {	background-image: url(" ../images/quotes/ico-big27.png");}
.bico.ico-continuity,      .label .ico-continuity,      .p-icon .ico-continuity,      .panel-plan .p-icon .ico-continuity,      .menu-panel .p-icon .ico-continuity     {	background-image: url(" ../images/quotes/ico-big29.png");}
.bico.ico-emailmessage,    .label .ico-emailmessage,    .p-icon .ico-emailmessage,    .panel-plan .p-icon .ico-emailmessage,    .menu-panel .p-icon .ico-emailmessage   {	background-image: url(" ../images/quotes/ico-big30.png");}
.bico.ico-office,          .label .ico-office,          .p-icon .ico-office,          .panel-plan .p-icon .ico-office,          .menu-panel .p-icon .ico-office         {	background-image: url(" ../images/quotes/ico-big31.png");}
.bico.ico-paas,            .label .ico-paas,            .p-icon .ico-paas,            .panel-plan .p-icon .ico-paas,            .menu-panel .p-icon .ico-paas           {	background-image: url(" ../images/quotes/ico-big33.png");}
.bico.ico-cloudnow,        .label .ico-cloudnow,        .p-icon .ico-cloudnow,        .panel-plan .p-icon .ico-cloudnow,        .menu-panel .p-icon .ico-cloudnow       {	background-image: url(" ../images/quotes/ico-big03.png");}
.bico.ico-azure,           .label .ico-azure,           .p-icon .ico-azure,           .panel-plan .p-icon .ico-azure,           .menu-panel .p-icon .ico-azure          {	background-image: url(" ../images/quotes/ico-big35.png");}
.bico.ico-mobile,          .label .ico-mobile,          .p-icon .ico-mobile,          .panel-plan .p-icon .ico-mobile,          .menu-panel .p-icon .ico-mobile         {	background-image: url(" ../images/quotes/ico-big36.png");}
.bico.ico-intercloud,      .label .ico-intercloud,      .p-icon .ico-intercloud,      .panel-plan .p-icon .ico-intercloud,      .menu-panel .p-icon .ico-intercloud     {	background-image: url(" ../images/quotes/ico-big11.png");}
.bico.ico-privatecloud,    .label .ico-privatecloud,    .p-icon .ico-privatecloud,    .panel-plan .p-icon .ico-privatecloud,    .menu-panel .p-icon .ico-privatecloud   {	background-image: url(" ../images/quotes/ico-big37.png");}
.bico.ico-hybridcloud,     .label .ico-hybridcloud,     .p-icon .ico-hybridcloud,     .panel-plan .p-icon .ico-hybridcloud,     .menu-panel .p-icon .ico-hybridcloud    {	background-image: url(" ../images/quotes/ico-big38.png");}
.bico.ico-publiccloud,     .label .ico-publiccloud,     .p-icon .ico-publiccloud,     .panel-plan .p-icon .ico-publiccloud,     .menu-panel .p-icon .ico-publiccloud    {	background-image: url(" ../images/quotes/ico-big39.png");}
.bico.ico-cosn,            .label .ico-cosn,            .p-icon .ico-cosn,            .panel-plan .p-icon .ico-cosn,            .menu-panel .p-icon .ico-cosn           {	background-image: url(" ../images/quotes/ico-big42.png");}
.bico.ico-amazonaws,       .label .ico-amazonaws,       .p-icon .ico-amazonaws,       .panel-plan .p-icon .ico-amazonaws,       .menu-panel .p-icon .ico-amazonaws      {	background-image: url(" ../images/quotes/ico-big40.png");}
.bico.ico-baremetal,       .label .ico-baremetal,       .p-icon .ico-baremetal,       .panel-plan .p-icon .ico-baremetal,       .menu-panel .p-icon .ico-baremetal      {	background-image: url(" ../images/quotes/ico-big43.png");}
.bico.ico-cloud,           .label .ico-cloud,           .p-icon .ico-cloud,           .panel-plan .p-icon .ico-cloud,           .menu-panel .p-icon .ico-cloud          {	background-image: url(" ../images/quotes/ico-big44.png");}
.bico.ico-networknow,      .label .ico-networknow,      .p-icon .ico-networknow,      .panel-plan .p-icon .ico-networknow,      .menu-panel .p-icon .ico-networknow     {	background-image: url(" ../images/quotes/ico-big45.png");}
.bico.ico-helpdesk,        .label .ico-helpdesk,        .p-icon .ico-helpdesk,        .panel-plan .p-icon .ico-helpdesk,        .menu-panel .p-icon .ico-helpdesk       {	background-image: url(" ../images/quotes/ico-big46.png");}
.bico.ico-virtualization,  .label .ico-virtualization,  .p-icon .ico-virtualization,  .panel-plan .p-icon .ico-virtualization,  .menu-panel .p-icon .ico-virtualization {	background-image: url(" ../images/quotes/ico-big47.png");}
.bico.ico-ibm,             .label .ico-ibm,             .p-icon .ico-ibm,             .panel-plan .p-icon .ico-ibm,             .menu-panel .p-icon .ico-ibm            {	background-image: url(" ../images/quotes/ico-big48.png");}
.bico.ico-citrix,          .label .ico-citrix,          .p-icon .ico-citrix,          .panel-plan .p-icon .ico-citrix,          .menu-panel .p-icon .ico-citrix         {	background-image: url(" ../images/quotes/ico-big49.png");}
.bico.ico-windows,         .label .ico-windows,         .p-icon .ico-windows,         .panel-plan .p-icon .ico-windows,         .menu-panel .p-icon .ico-windows        {	background-image: url(" ../images/quotes/ico-big50.png");}
.bico.ico-adc,             .label .ico-adc,             .p-icon .ico-adc,             .panel-plan .p-icon .ico-adc,             .menu-panel .p-icon .ico-adc            {	background-image: url(" ../images/quotes/ico-big51.png");}
.bico.ico-SAP,             .label .ico-SAP,             .p-icon .ico-SAP,             .panel-plan .p-icon .ico-SAP,             .menu-panel .p-icon .ico-SAP            {	background-image: url(" ../images/quotes/ico-big52.png");}
.bico.ico-overview,        .label .ico-overview,        .p-icon .ico-overview,        .panel-plan .p-icon .ico-overview,        .menu-panel .p-icon .ico-overview       {	background-image: url(" ../images/quotes/ico-big53.png");}
.bico.ico-resourcepool,    .label .ico-resourcepool,    .p-icon .ico-resourcepool,    .panel-plan .p-icon .ico-resourcepool,    .menu-panel .p-icon .ico-resourcepool   {	background-image: url(" ../images/quotes/ico-big54.png");}
.bico.ico-business,    	   .label .ico-business,        .p-icon .ico-business,        .panel-plan .p-icon .ico-business,    	.menu-panel .p-icon .ico-business    	{	background-image: url(" ../images/quotes/ico-big66.png");}

.bico.ico-transform,       .label .ico-transform,       .p-icon .ico-transform,        .panel-plan .p-icon .ico-transform,    	.menu-panel .p-icon .ico-transform  	{	background-image: url(" ../images/quotes/ico-big68.png");}
.bico.ico-iot,		       .label .ico-iot,      		.p-icon .ico-iot,		       .panel-plan .p-icon .ico-iot,	    	.menu-panel .p-icon .ico-iot 	 		{	background-image: url(" ../images/quotes/ico-big71.png");}
.bico.ico-bigdata, 		   .label .ico-bigdata,        	.p-icon .ico-bigdata,	       .panel-plan .p-icon .ico-bigdata,    	.menu-panel .p-icon .ico-bigdata  		{	background-image: url(" ../images/quotes/ico-big73.png");}
.bico.ico-intelligence,    .label .ico-intelligence,    .p-icon .ico-intelligence,     .panel-plan .p-icon .ico-intelligence, 	.menu-panel .p-icon .ico-intelligence  	{	background-image: url(" ../images/quotes/ico-big70.png");}
.bico.ico-automatization,  .label .ico-automatization,  .p-icon .ico-automatization,   .panel-plan .p-icon .ico-automatization,	.menu-panel .p-icon .ico-automatization {	background-image: url(" ../images/quotes/ico-big72.png");}



.menu-panel .panel .panel-heading .panel-text, .menu-panel .panel-text,.panel-text {
height: 54px;
text-align: center;
overflow: hidden;
position: relative;
color:#000;
padding:10px 5px;
}
.menu-panel .panel .panel-heading .panel-text h2, .menu-panel .panel-text h2 {
margin: 0;
padding: 4px 0;
font-size: 17px;
line-height: 1em;
font-weight: 300;
word-break: normal;
text-align: center;
font-style: italic;
}


.menu-panel .panel .panel-heading h3 {
position: absolute;
top: -2px;
right: -2px;
margin: 0;
background: #900;
padding: 4px;
color: #fff;
font-size: 18px;
font-weight: normal;
line-height: 27px;
width: 34px;
height: 34px;
overflow: hidden;
text-align: center;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.menu-panel .panel-footer {
background: transparent;
text-align: center;
border-top: 1px dotted #ddd;
}
.market .menu-panel .panel-footer {
border-top: none;
}
.menu-panel .panel-footer a.btn,.menu-panel .panel-footer button.btn{
font-size:14px;
width:auto; 
}
.menu-panel .panel-footer button.btn .fa{
padding-left: 6px;
padding-right: 6px;
}

.menu-panel .product-info{
background: transparent;
color: #004A69;
border: none;
border-radius: 00px;
margin: 0 0;
padding-left:20px;
padding-right:20px;
font-style: normal;
font-weight: bold;
height: 31px;
}
.menu-panel .buynowtile{
padding: 4px 20px;
height:31px;
margin: 0;
border: none;
border-radius: 0px;
border-left: 1px dotted #ccc; 
background-color: transparent;
color:  #004A69;

}
.menu-panel .buynowtile .fa{
border-radius: 50px;
min-width: 20px;
min-height: 20px;
line-height:20px;
text-align: center;
}

.panel-footer a.btn-panel {
display: inline-block;
height: 23px;
line-height: 14px;
padding: 4px 6px;
background-color: #efefef;
overflow: hidden;
margin: 0 1px;
text-align: center;
font-size: 16px;
color: #333;
cursor: pointer;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.panel-footer a.btn-panel:hover {
color: #fff;
background-color: #dfdfdf;
}
.wizard-content .menu-panel {
margin: 5px 0.5%;
padding: 0 0;
}
.wizard-content .menu-panel .panel {
margin: 0;
padding: 8px 0;
}
.wizard-content .menu-panel h4 {
height: 34px;
line-height: 1.1em;
font-size: 14px;
text-align: center;
overflow: hidden;
}
.wizard-content .menu-panel .panel-heading {
margin: 0;
padding: 0;
height: 100px;
}
.wizard-content .menu-panel .p-icon {
text-align: center;
margin: 0 auto;
padding: 0;
width: auto;
height: auto;
background-color: #fff!important;
}
.wizard-content .menu-panel .p-icon img {
width: auto;
height: 95px;
margin: 0 auto;
}
.wizard-content .menu-panel .panel-footer {
padding: 0;
margin: 0;
}
/* */
.panel-monitor .col-xs-12, .panel-monitor .col-xs-6, .panel-monitor .col-sm-4, .panel-monitor .col-sm-2 {
padding-left: 8px;
padding-right: 8px;
}
.panel-monitor .panel.monitor-box {
position: relative;
}
.panel-monitor .panel.monitor-box .panel-heading {
z-index: 9;
position: relative;
text-align: center;
font-weight: bold;
color: #000;
font-size: 15px;
text-transform: uppercase;
}
.panel-monitor .panel.monitor-box .panel-body {
padding: 0;
}
.panel-monitor .panel.monitor-box .p-icon {
color: #fff;
font-size: 13px;
margin: 0 auto!important;
padding: 0;
border-radius: 0!important;
width: 70px;
height: 70px;
text-align: center!important;
border-radius: 50px!important;
background: rgba(0,0,0,.5);
overflow: hidden;
}
.panel-monitor .panel.monitor-box .p-icon .fa {
position: absolute;
margin: 0 auto!important;
padding: 0!important;
line-height: 1.8em;
width: 100%;
}
.panel-monitor .panel.monitor-box .p-icon .ico {
background-size: 100%;
width: 100%;
height: 100%;
margin: 0;
}
.panel-monitor .panel.monitor-box .p-content {
padding: 5px;
min-height: 75px;
}
.panel-monitor .panel.monitor-box .p-content h5 {
text-align: left;
color: #fff;
font-weight: bold;
padding: 3px;
margin: 0 0;
position: relative;
line-height: 1.5em;
text-shadow: 1px 1px 2px rgba(0,0,0,.6);
clear: both;
}
.panel-monitor .panel.monitor-box .p-content h5 span {
display: inline-block;
font-weight: bold;
text-align: center;
font-size: 14px;
min-width: 28px;
padding: 5px;
float: right;
line-height: 1.5em;
height: 28px;
background: rgba(0,0,0,.6);
color: #fff;
border-radius: 20px;
font-family: sans-serif;
}
.panel-monitor .active.panel.monitor-box {
background: #8dad46;
color: #fff;
}
.panel-monitor .disable.panel.monitor-box {
background: #ccc;
color: #999
}
.panel-monitor .disable.panel.monitor-box .p-content h5, .panel-monitor .disable.panel.monitor-box .p-content h5 span {
color: #999;
text-shadow: none!important;
}
/* ------------- */ 
   
.wz-panel .menu-panel {
width: 32%;
}
.wz-panel .menu-panel .p-icon {
width: 70px;
height: 70px;
-webkit-border-radius: 100px;
border-radius: 100px;
margin: 0;
position: relative;
display: inline-block;
}
.ylw {
color: #fc0;
}
/* -------------- */ 

/* sponsors */
.servicebox {
}
.view {
margin: 10px;
padding: 0px;
position: relative;
text-align: center;
cursor: default;
width: 170px;
float: left;
}
.view .mask, .view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}
.view img {
display: block;
position: relative;
width: 100%;
overflow: hidden;
}
.view h2 {
color: #fff;
text-align: left;
position: relative;
font-size: 22px;
font-weight: 400;
padding: 10px;
background: rgba(0, 0, 0, 0.4);
margin: 0 0;
}
.view p {
font-size: 13px;
position: relative;
color: #fff;
padding: 0px;
height: auto;
overflow: hidden;
text-align: center;
}
.view .front {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.view .front h2 {
}
a.info-crm, a.info-market, a.info-support {
display: inline-block;
height: 110px;
padding: 0;
position: relative;
margin: 10px 0;
background-color: #db9136;
background-image:;
background-position: 100% 0;
background-repeat: no-repeat;
border: solid 1px #fff;
overflow: hidden;
}
a.info-market {
background-color: #6D3061;
}
a.info-support {
background-color: #36894F;
}
a.info-crm span, a.info-market span, a.info-support span {
display: block;
width: 100%;
background-color: rgba(0,0,0,.4);
padding: 5px 3%;
text-align: left;
font-size: 1.4em;
font-weight: normal;
color: #fff;
position: absolute;
bottom: 0;

}
a.info-crm .fa, a.info-market .fa, a.info-support .fa {
color: rgba(255,255,255,.5);
font-size: 90px;
position: absolute;
right: -5%;
top: -5%;
border: solid 5px rgba(255,255,255,.3);
width: 140px;
height: 140px;
padding-top: 20px;
display: block;
text-align: center;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.view a.info {
display: block!important;
width: 100% !important;
text-decoration: none;
text-align: center;
padding: 10px 10px;
font-size: 16px;
font-weight: 200px;
background: rgba(0, 0, 0, 0.4);
color: #fff;
text-transform: uppercase;
text-shadow: 1px 1px 1px #DBDBDB;
}
.view a.info:hover {
}
.view-first img {
transition: all 0.2s linear;
}
.view-first .mask {
opacity: 0;
background-color: rgba(0,0,0, 0.3);
transition: all 0.4s ease-in-out;
}
.view-first .mask h2 {
transform: translateY(-100px);
opacity: 0;
transition: all 0.2s ease-in-out;
}
.view-first .mask p {
transform: translateY(100px);
opacity: 0;
transition: all 0.2s linear;
}
.view-first .mask a.info {
opacity: 0;
transition: all 0.2s ease-in-out;
}
.view-first:hover img {
}
.view-first:hover .mask {
opacity: 1;
}
.view-first:hover .mask h2, .view-first:hover .mask p, .view-first:hover .mask a.info {
opacity: 1;
transform: translateY(0px);
}
.view-first:hover .mask p {
transition-delay: 0.1s;
}
.view-first:hover a.info {
transition-delay: 0.2s;
}
/* */
.ui-widget-content.ui-widget iframe {
width: 100%!important;
margin: 0;
padding: 0!important;
}
.helperpage > iframe {
border: none;
margin: 0 auto !important;
display: inherit;
width: 100%;
height: 100%;
position: absolute;
top: 100px;
left: 0;
min-width: 100%!important;
}
.ui-widget-content {
border: none;
}
.ui-widget-content a.btn {
color: #fff!important;
}
#ui-datepicker-div {
z-index: 999999999!important;
}
.ui-front {
z-index: 1100!important;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.5);
box-shadow: 0 6px 12px rgba(0,0,0,.5);
padding-top: 10px;
}
/*.ui-front {
padding-top:40px;
}*/
/*  */
fieldset, .form-horizontal, .row-btn, .row-btn2 {
clear: both!important;
}
.row-btn, .row-btn2, .row-btns, .bar-btn {
background: transparent;
padding: .8em;
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
clear: both!important;
position: relative;
}
.row-btn {
background: rgba(200,200,200,.1);
}
.row-btns {
display: inline-block;
float: left;
width: 100%;
padding: .8em .8em .5em;
}
.row-btns .form-group, .form-horizontal .row-btns .form-group {
margin-bottom: .4em!important;
padding-right: 3px!important;
padding-left: 3px!important;
}
.row-btns .btn {
text-align: center!important;
}
.row-btn.col-xs-12, .row-btn.col-sm-12, .row-btn.col-md-12, .row-btn.col-lg-12, .row-btn.col-xs-10, .row-btn.col-sm-10, .row-btn.col-md-10, .row-btn.col-lg-10 {
padding-bottom: 0;
}
.row-btn .btn, .row-btn2 .btn {
margin-bottom: .4em;
}
.row-btn2 {
text-align: left;/*background:rgba(0,0,0,.03);*/
}
.btn {
border-radius: 5px;
padding: 5px 25px;
font-style: italic;
margin-top:0.2em;
margin-bottom:0.2em;
}

.form-group .input-group {
}
.form-horizontal .form-group {
margin-left: 0;
margin-right: 0;
margin-bottom: 15px;
}
.marketplace .itsm-content {
margin-right: auto;
margin-left: auto;
}
.row-img {
padding: 20px 10px;
text-align: center;/*background: rgba(0,0,0,.05); */
}
.infosede {
padding: 0px 15%;
}
/* General */
.row-box {
display: inline-block;
width: 100%;
clear: both;
}
h1.tab-tittle, h2.tab-tittle {
position: relative;
border-bottom: dotted 1px #369;
text-align: left;
font-size: 20px;
color: #777;
padding: .2em 0 .2em 50px;
margin: 1em 0.1em;
clear: both;
font-weight: 300;
}
h1.tab-tittle {
text-transform: uppercase;
font-size: 24px;
}
.tab-tittle .fa {
position: absolute;
top: 0em;
left: .1em;
color: #777;
font-size: 1.3em;
width: 40px;
text-align: right;
}
.tab-tittle .btn.fa {
position: relative;
}
/* --- wizard --- */

h2.thanks-tittle {
color: #36894F;
text-align: center;
}
h2.thanks-tittle span.fa {
clear: both;
margin: auto;
font-size: 2em;
display: inherit;
}
p.thanks-text {
color: #999;
text-align: center;
}
.form-wizard .col-sm-2, .form-wizard .col-sm-4, .form-wizard .col-sm-8, .form-wizard .col-sm-12, .form-wizard .col-sm-10 {
/*padding-left:0px!important;*/
}
.form-wizard .col-sm-10 {
padding-left: 20px!important;
}
.form-wizard .control-label {
/*text-align:left!important;*/
}
.form-wizard .form-control {
margin-right: 0px!important;
}
.wizard-header {
position: relative;
height: 90px;
margin: 10px 0 0px;
}
.wizard-content .input-group {
margin-bottom: -1px;
overflow: hidden;
}
.input-group .transp, .transp {
background: transparent!important;
border: none!important;
}
.pop-wizard, .ui-dialog-buttonpane {
border-top: dotted 3px #ccc;
background-color: #efefef;
}
.ui-dialog-buttonpane label {
margin-top: 10px;
text-align: left;
font-size: 1.2em;
font-weight: bold;
}
.ui-dialog-buttonpane label.total {
font-weight: bold;
text-align: right;
border: solid 1px #fff;
background: #fff;
min-height: 26px;
color: #dfdfdf;
}
.ui-dialog-buttonpane label .fa {
color: #dfdfdf;
font-size: 1.3em;
padding-left: 10px;
padding-right: 10px;
}
.ui-dialog-buttonpane button {
padding: 3px 20px;
/*color: #fff;
border: solid 1px #849C41;
background-color: #dfdfdf;
color: #fff;*/
background: #004A69;
border-color: #0073A2;
color: #fff;
}
p.input-group-addon {
text-align: left;
}
.wiz45, .inps45 {
width: 50px!important;
margin-right: -2px;
}
.wiz70, .inps70 {
width: 70px!important;
}
span.wiz50 {
display: inline-table;
width: 55px!important;
text-align: right;
font-size: 13px;
}
span.wiz90 {
display: inline-table;
width: 90px!important;
text-align: right;
}
.input-group span.inps45, .input-group span.inps70 {
padding: 0;
overflow: hidden;
/* border: none; */
display: table-cell;
background: #fff;
border: solid 1px #ccc;
border-right: 0;
margin: 0;
padding: 0;
}
.input-group span.inps45 input, .input-group span.inps45 input.form-control, .input-group span.inps70 input, .input-group span.inps70 input.form-control {
border-right: none!important;
border-radius: 4px 0 0 4px !important;
border: 0!important;
box-shadow: none!important;
}
.wizard-content .list-sumary {
position: relative;
}
.wizard-content .list-sumary .row-box {
padding: 8px 0;
}
.wizard-content .list-sumary .row-box p {
margin: 0;
}
.wizard-content .list-sumary .row-box:nth-child(odd) {
background-color: #efefef;
}
.wizard-content .list-sumary .row-box:nth-child(even) {
background-color: #fff;
}
.wizard-content .list-sumary .sumary-total {
background: #efefef!important;
border-top: solid 3px #dfdfdf;
}
.wizard-content .list-sumary .sumary-total label, .wizard-content .list-sumary .sumary-total div {
color: #dfdfdf;
font-weight: bold;
font-size: 1.3em;
}
.wizard-content .wizard.product-text {
padding: 4px 6px;
border: 1px solid #ccc;
line-height: 1em;
letter-spacing: -.5px;
color: #000;
min-height: 38px!important;
font-size: 13px;
vertical-align: middle!important;
height: auto;
display: table;
position: relative;
}
.wizard-content .wizard.product-text span {
/*display: table-cell;*/
vertical-align: middle!important;
line-height: 1.2em;
font-size: 12.4px;
color: #777;
}
.wizard-content .wizard.product-text img {
}
/* */
.popbox {
display: none;
position: absolute;
z-index: 99999;
width: 450px;
height: 450px;
margin-top: -80px!important;
padding: 20px 0!important;
background: #fff;
border: 1px solid #ccc;
color: #000000;
margin: 0px;
-webkit-box-shadow: 0px 3px 5px 0px rgba(164, 164, 164, .6);
box-shadow: 0px 3px 5px 0px rgba(164, 164, 164,.6);
}
.popbox strong {
font-weight: 700;
padding: 0px 0;
font-size: 1.2em;
text-align: center;
line-height: 1.1em;
display: block;
}
.popbox textarea {
text-align: center;
width: 100%!important;
height: 390px!important;
font-size: 12px;
line-height: 1.3em;
color: #000;
padding: 0 10px 5px;
}
/*  tabs */
/* */

.nav-tabs {
border-bottom: 2px solid #7AAEDE;
}
section.politics .nav-tabs>li {
float: none;
display: inline-block;
margin-bottom: -2px
}
section.politics .nav-tabs>li>a {
font-size: 17px;
font-style: italic;
}
section.politics .nav-tabs>li.active>a, section.politics .nav-tabs>li.active>a:focus, section.politics .nav-tabs>li.active>a:hover {
color: #555;
cursor: default;
background-color: #fff;
border: 2px solid #7AAEDE;
border-bottom-color: transparent;
}
/* */
.row-tabs {
margin: 0px 0;
}
ul.nav-tabs {
margin-bottom: 20px;
}
.ui-tabs .ui-tabs-panel {
padding: 15px 2.5% 0 2.5%;
overflow: hidden;
}
.ui-tabs .ui-tabs-nav {
padding: 12px 10% 0 !important;
}
.ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li.ui-tabs-active {
border-radius: 6px 6px 0 0;
}
.ui-state-default .ui-icon {
margin: 10px 3px 0 0;
position: absolute;
right: 1px;
}
.ui-tabs .ui-tabs-nav li a {
padding: 8px 22px 8px 8px;
}
/* slider */
/*
.carousel{
margin: 0 -3.2% 20px;
}*/
.marketplace #carousel-home.carousel{
  margin-top: -110px;
}
.carousel-inner {
overflow: hidden;
background-color: rgb(24 59 99);
}
.carousel-inner .item {
width: 100%;
background-position:55% 50%;
background-size: cover;
}  
.carousel-inner, .carousel-inner .item {
height: 80vh;
}
      
.carousel-control {    
width: 5%;
}
.carousel-control span.glyphicon{
background-color: rgba(0,0,0,.5);
padding: 4px;
font-size: 28px;
border-radius: 30px;
position: relative;
margin:0;
width: auto;
height: auto;
z-index: 99;
opacity: 0.5;
filter: alpha(opacity=50);

}
.carousel-control:hover span.glyphicon{
/*display:block;*/
opacity: 1;
filter: alpha(opacity=100);

}
.carousel-control.right,.carousel-control.left {
background:transparent!important;
}
.carousel-caption {
top: 290px;
text-shadow: rgb(0 0 0 / 80%) 0px 2px 5px;
text-align: left;
left: 40vw;
height: fit-content;
max-height: 40vh;
width: 53vw;
padding: 20px 2.2vw;
border-left: 2px solid rgb(255, 255, 255);
background-color: rgba(0,0,0,.3);
border-radius: 0 15px 15px 0;
}
.carousel-caption h1, 
.carousel-caption h3, 
.carousel-caption p {
text-align: left;
}
.carousel-caption h1 {
font-size: 50px;
line-height: 1em;
letter-spacing: -0.04em;
text-transform: inherit;
font-weight: 700;
font-style: normal;
padding-bottom: 0.2em;
margin: 0px;
text-shadow: rgb(0 0 0 / 65%) 0.05em 0.05em 0.1em;
}
.carousel-caption h1 span{
font-size: 24px;
line-height: 1em;
letter-spacing: -0.02em;
padding: 1vh 0px;
display: block;
clear: both;
}
.carousel-caption p {
font-size: 24px;
line-height: 1.1em;
font-weight: 300;
letter-spacing: -0.01em;
color: rgb(255, 255, 255);
text-shadow: rgb(0 0 0 / 65%) 0.1em 0.1em 0.2em;
}
.carousel-caption .btn-app{
display:inline-block;
width:130px;
height:45px;
margin:0;
border-radius:5px;
background-color:#000;    
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 90% auto;
text-align:center;
border:solid 2px #777;    
}
.carousel-caption .btn-app:hover{
border:solid 2px #fff;
}
.appstore{
background-image: url('../images/appstore.jpg');
}
.googlemarket{
background-image: url('../images/googlemarket.jpg');
}
.carousel-caption .btn {    
/*text-shadow: 1px 2px 3px rgba(0,0,0,.6);*/    
font-size: 19px;
}
.carousel-caption .btn-default:hover {
color: #fff;
background-color: #f00;
border-color: #f00;
}
.carousel-caption .btn-default i.fa {
color: #f00;
}
.carousel-caption .btn-default:hover i.fa {
color: #fff;
}
.carousel-inner>.item>img, 
.carousel-inner>.item {
}
.carousel-img1, 
.carousel-img2, 
.carousel-img3, 
.carousel-img4, 
.carousel-img5, 
.carousel-img6{
display: block;
width: 100%;
height: 350px;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.carousel-inner > .item > img  {
display: block;
width: 100%;
height: calc(80vh - 110px);
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.carousel-indicators .carousel-inner > .item > img {
height:100%;
}
.carousel-img1 img.img1, 
.carousel-img2 img.img2, 
.carousel-img3 img.img3, 
.carousel-img4 img.img4, 
.carousel-img5 img.img5, 
.carousel-img6 img.img6 {
display: none;
}


/* */
div.bhoechie-tab-container{
z-index: 10;
background-color: #ffffff;
padding: 0 !important;
border-radius: 4px;	
border:1px solid #ddd;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box;
opacity: 0.97;
margin: 10px auto;
width: 90%;
max-width: 1280px;
}
div.bhoechie-tab-menu{
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
margin-bottom: 0;
text-align: center;
width: 100%;
}
div.bhoechie-tab-menu div.list-group>a{
margin: 0;
padding: 30px;
height: 120px;
position: relative;
display: table-cell;
vertical-align: middle;
line-height: 1em;
width: 100vh;
height: 80px;
padding: 20px 20px;
margin: 0;
margin-bottom: 0px;
background-color: #fff;
border: 1px solid #ddd;
}
div.bhoechie-tab-menu div.list-group>a h4{
border: none;
text-align: center;
font-size: 15px;
text-transform: uppercase;
font-weight: 900;    
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
color: #153755;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
background-color: #153755;
color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
content: '';
position: absolute;
top: 100%;
left: calc(50% - 13px);
width: 0;
height: 0;
border-style: solid;
border-width: 10px 13px 0 13px;
border-color: #153755 transparent transparent transparent;
}
div.bhoechie-tab-content{
/*display: block; */
width: 100%;
min-height: 420px;
height: 600px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto 90%;

}
div.bhoechie-tab-menu div.list-group>a.item-trasnform.active{	background-color: #55aec5; 	border-color:#55aec5;}
div.bhoechie-tab-menu div.list-group>a.item-cloud.active{		background-color: #0874c2;	border-color:#0874c2;}
div.bhoechie-tab-menu div.list-group>a.item-teletrab.active{	background-color: #08b255;	border-color:#08b255;}
div.bhoechie-tab-menu div.list-group>a.item-drp.active{			background-color: #f7994c;	border-color:#f7994c;}
div.bhoechie-tab-menu div.list-group>a.item-prof.active{		background-color: #1F497D;	border-color:#1F497D;}

div.bhoechie-tab-menu div.list-group>a.item-trasnform.active:after{	border-color:#55aec5 transparent transparent transparent;}
div.bhoechie-tab-menu div.list-group>a.item-cloud.active:after{		border-color:#0874c2 transparent transparent transparent;}
div.bhoechie-tab-menu div.list-group>a.item-teletrab.active:after{	border-color:#08b255 transparent transparent transparent;}
div.bhoechie-tab-menu div.list-group>a.item-drp.active:after{		border-color:#f7994c transparent transparent transparent;}
div.bhoechie-tab-menu div.list-group>a.item-prof.active:after{		border-color:#1F497D transparent transparent transparent;}

div.bhoechie-tab-content.sec-01{	background-image:url(../images/transformacion.png) ;}
div.bhoechie-tab-content.sec-02{	background-image:url(../images/soluciones-cloud.png) ;}
div.bhoechie-tab-content.sec-03{	background-image:url(../images/teletrabajo.png) ;}
div.bhoechie-tab-content.sec-04{	background-image:url(../images/continuidad-negocio.png) ;}
div.bhoechie-tab-content.sec-05{	background-image:url(../images/servicios-profesionales.png) ;}

div.bhoechie-tab-content.sec-01-eng{	background-image:url(../images/transformation.png) ;}
div.bhoechie-tab-content.sec-02-eng{	background-image:url(../images/cloud-solutions.png) ;}
div.bhoechie-tab-content.sec-03-eng{	background-image:url(../images/remote-work.png) ;}
div.bhoechie-tab-content.sec-04-eng{	background-image:url(../images/business-continuity.png) ;}
div.bhoechie-tab-content.sec-05-eng{	background-image:url(../images/profesional-services.png) ;}


div.bhoechie-tab div.bhoechie-tab-content:not(.active){
display: none;
}

/* */

/* marketplace progress bar */
.checkout-wrap {
/*font-family: 'PT Sans Narrow', sans-serif;*/
margin: 10px auto 70px;
padding: 0;
z-index: 0;
}
ul.checkout-bar li {
color: #ccc;
font-size: 14px;
font-weight: 400;
position: relative;
display: table-cell;
/*margin: 30px auto 20px;*/
padding: 0;
text-align: center;
width: 100%;
vertical-align: top;
}
ul.checkout-bar li:before {
-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
background: #ddd;
color: #fff;
font-size: 15px;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
height: 24px;
line-height: 24px;
position: relative;
display: block;
z-index: 99999;
}
ul.checkout-bar li.active {
/*color: #A6447A;
font-weight: normal;*/
}
ul.checkout-bar li.active:before {
background: #dfdfdf;
}
ul.checkout-bar li.visited {
color: #dfdfdf;
z-index: 99999;
background: none;
}
ul.checkout-bar li.visited:before {
background: #dfdfdf;
z-index: 99999;
}
ul.checkout-bar li:nth-child(1):before {
content: "1";
}
ul.checkout-bar li:nth-child(2):before {
content: "2";
}
ul.checkout-bar li:nth-child(3):before {
content: "3";
}
ul.checkout-bar li:nth-child(4):before {
content: "4";
}
ul.checkout-bar li:nth-child(5):before {
content: "5";
}
ul.checkout-bar li:nth-child(6):before {
content: "6";
}
ul.checkout-bar a {
color: #ccc;
font-size: 13px;
font-weight: 300;
text-decoration: none;
display: block;
width: 100%;
}
ul.checkout-bar li.active a {
color: #dfdfdf;
font-weight: bold;
}
ul.checkout-bar li.visited a {
color: #dfdfdf;
}
.checkout-bar li.active:after {
/*-webkit-animation: myanimation 3s 0;
background-size: 35px 35px;
background-color: #ddd;
box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
content: "";
height: 15px;
left: 0%;
position: absolute;
top: -50px;
z-index: 0;*/
}
ul.checkout-bar {
-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
/* background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);*/
background-size: 35px 35px;
background-color: #EcEcEc;
border-radius: 15px;
height: 15px;
margin: 0;
display: flex;
padding: 0;
position: relative;/* width: 100%; */
}
ul.checkout-bar:before {
background-size: 35px 35px;
background-color: #dfdfdf;
/* background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);*/
box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
border-radius: 15px;
content: " ";
height: 15px;
left: 0;
position: absolute;
width: 10%;
-webkit-border-radius: 0 20px 20px 0;
border-radius: 0 20px 20px 0;
}
ul.checkout-bar li.visited:after {
/*background-size: 35px 35px;
background-color: #dfdfdf;
box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
content: "";
height: 15px;
left: 50%;
position: absolute;
top: -30px;
width: 100%;
z-index: 99;*/
}
/* ----- */
.ui-dialog .ui-dialog-content {
padding: .5em 1.5em;
-webkit-overflow-scrolling: touch;
}
.modal-header {
background: #dfdfdf;
color: #fff;
}
.modal .row-btn {
margin: 0;
}
button.close {
color: #fff;
font-size: 28px;
margin: 10px 20px;
position: relative;
color: #8fb63e;
font-size: 21px;
border: solid 1px #8fb63e;
border-radius: 5px;
width: 25px; 
z-index: 4;
opacity: 1;

}
.form-signin .input-group {
margin: 10px 0;
}
/* marketplace parallax Section and Product */
section#services {
margin-left: -3%!important;
margin-right: -3%!important;
}
section.section {
padding: 120px 4% 60px;
float: left;
width: 100%;
margin: 0 auto!important;
}
section .panel p,section .panel .panel-body p  {
font-size: 15px;
line-height: 1.2em;
font-weight: 400;
margin: .2em 0;
}
section.section p,section p, .blog2 {
font-size: 18px;
line-height: 1.7em;
font-weight: 400;
margin: 0.5em 0px;
color: #000;
}
/*section.bg-section {
position: relative;
background-color: #999;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
color: #fff!important;
padding: 80px 4%;
}*/
section.bg-section p,

section.bg-section h1,
section.bg-section h2,
section.bg-section h3,
section.bg-section h4,
section.bg-section h5,
section.bg-section h6 {
color:#fff!important;
}

section.bg-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5)
}
section.bg-section h1, section.bg-section h4 {
color: #fff!important;
font-weight: 200;
position: relative;

z-index: 999;
text-align: center;
}
section#about-us a, section#services a, section#contact-us a, section#relax a, section#techsupport a, section#expert a {
color: #fff;
text-decoration: underline;
/*background-color: #036;*/
padding: 2px 8px;
}
section .text-center h3, section .text-center h2, section .text-center h1, .certify-title h1, .contactus h2 {
text-align: center;
}
/*section .serviceinformation h3 strong, section#services h1, section#certify h1, section#contact-us h1, section#contact-us h2, section#relax h2, section#techsupport h2, section#expert h2 {
font-size: 28px;
font-weight: bold;
color: #000
}*/
section#relax h2, section#expert h2, section#techsupport h2 {
text-decoration:none;
}
section#relax p, section#expert p, section#techsupport p {
font-weight: 100;
font-size: 22px;
}
section#contact-us h1, section#contact-us h2 {
color: #fff;
}
.home-o4it section, section#clouds, section#products, section#about-us, section#services, section#contact-us, section#relax, section#techsupport, section#certify, section#expert {
padding: 2em 0;
font-size: 17px;
color: #555;
text-align: justify;
}
section#products, section#clouds {
text-align: center;
}
section#about-us {
margin-top: 20px;
}
section#about-us, section#contact-us {
background: #efefef;
}
section#relax, section#expert, section#techsupport {
font-size: 20px;
text-align: left;
padding-top: 20px;
padding-bottom: 20px;
}
section#contact-us {
background: #333;
color: #fff;
}
section#contact-us .tittle {
text-align: center;
padding-bottom: 1em;
margin-bottom: 1em;
}
.contact-info ul.address {
padding-left: 0px;
}
.contact-info ul.address li {
}
.sec-img, .broch-img, .sec-pic {
display: block;
overflow: hidden;
text-align: center;
margin: 1em;
vertical-align: middle;
}
.sec-img img {
position: relative;
width: 92%;
height: auto;
margin: auto;
}
.sec-pic img {
border-radius: 400px;
padding: 2%;
}
.sec-pic img {
width: 70%;
border: solid 6px rgba(155,155,155,.3);
}
.broch-img img {
max-height: 200px;
margin: auto;
text-align: center;
}
section#certify {
background-color: #efefef;
color: #999;
text-align: center;
padding: 2em 2em 4em;
}
section#certify .box-certify {
display: table;
width: 100%;
padding: 1em 0;
}
.panel.panel-hide{
position:relative!important;	
}
.panel-hide .certifi-text {
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
min-height:180px;
padding:15px;
z-index:9;
color:#fff;
font-style:italic;
background-color:rgba(0,74,105,.8)	
}
.panel-hide:hover .certifi-text {
display:block;
z-index:99;

}
.panel-hide .certifi-text p {
font-size: 13px;
line-height: 1.15em;
text-align: center;
}
section#certify span.pic-certify, 
span.pic-certify {
position:relative;
top:0;
left:0;
display: block;
padding:0;
height: 120px;
width:100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 90% auto;
opacity: 0.5;
transition: all 0.4s;
-webkit-transition: all 0.4s;
filter: grayscale(100%);
}
section#certify span.pic-certify {
background-size: 90% auto ;
}
section#certify span.pic-certify:hover, 
span.pic-certify:hover {
opacity: 1.0;
filter: grayscale(0%);
/*transform: scale(1.2, 1.2);*/
cursor:pointer;

}
.menu-panel .panel-heading span {
position: relative;
}
.menu-panel span.pic-certify {
display: block;
height: 130px;
/* margin-left: -20px; */
/* margin-right: -20px; */
background-size: 70%;
opacity: 1.0;
filter: alpha(opacity=100);
}
section.section-btn-buy {
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 22px;
font-weight: normal;
background-color: #7AAEDE;
background-color: rgb(0, 46, 66);
/*text-transform: uppercase;*/
padding: 1em 1em !important;
color: #fff;
font-style: italic;
line-height: 1.2em;
}
section.section-btn-buy2{
    
}
section.section-btn-buy .btn {
margin: .3em 1em;
}
section.section-btn-buy a {
}
section.section-btn-buy a:hover {
color: #004A69;
}
/* */
.panel.panel-cert {
background: #ccc;
}
.panel.panel-cert .panel-footer {
}

/* google map */ 
.map-responsive{
overflow:hidden;
/*padding-bottom:50%;*/
position:relative;
height:400px;
}
.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
height:400px;
}

/* */

table.tb-products1 {
width: 100%;
margin: 20px auto;
font-size: 14px;
line-height: 1.2em;
border: solid 1px #ccc;
border-bottom: solid 2px #000;
border-top: solid 2px #000;
}
table.tb-products1 thead td, table.tb-products1 thead th, table.tb-products1 .tb-tittle td, table.tb-products1 .tb-tittle th {
vertical-align: top !important;
text-align: center;
background-color: #aaa;
color: #000;
font-weight: bold;
border: solid 1px #999;
}
table.tb-products1 tbody td, table.tb-products1 tbody th, table.tb-products1 td, table.tb-products1 th {
vertical-align: middle !important;
text-align: center;
padding: 12px 5px;
}
table.tb-products1 td h5 span.ico {
clear: both;
display: block;
margin: 8px auto;
text-align: center;
}
table.tb-products1 td h5 {
}
table.tb-products1 tbody td ul {
list-style-type: none;
margin: 5px 0px;
padding: 0;
}
table.tb-products1 tbody td ul li {
text-align: center;
}
table.tb-products1 ul li {
font-size: 13px;
}

/* */
.f-borde{
border-right: solid 1px rgba(255,255,255,.2);
min-height: 40vh;
}

/* footer */ 
footer.footer {
color: #fff;
background: rgb(22,57,88);
background: linear-gradient(180deg, rgba(22,57,88,1) 0%, rgba(12,31,48,1) 100%);
border-top:solid 3px #A6CE38; 
padding:20px 0 ;
}
footer.footer .f-web,
footer.footer .f-address,
footer.footer .f-menu{
margin: 10 0;	
padding: 0;
vertical-align: top;	
color: #fff;	
}
footer.footer .f-credit{
font-size: 10px;
color: #4987c2;
}
footer.footer .logo-o4it,
footer.footer .logo-shieldnow{
display: block;
width: 160px;
height: 60px;
background-image: url(../images/o4it/o4it-pioneros_inovadores_x300.png) ;
background-position: 50%;
background-repeat: no-repeat;
background-size:160px 60px;
}
footer.footer .logo-shieldnow{
width: 60px;
height: 60px;
background-image: url(../images/o4it/shieldnow_x140.png) ;
background-size:60px 60px;
}
footer.footer a.link{
font-size: 1.2em;
display: block;
padding: 3px;
}
footer a{
color: #fff;
font-size: 16px;
}
footer a:hover,
.footer a:hover,
footer.footer a:hover,
footer.footer a.link:hover{
color:#A6CE38;
text-decoration: none;	
}
footer .logo-o4it,
footer .logo-shieldnow {
display: block;
margin-bottom: 5px;
}
footer .social {
list-style: none;
padding: 0;
margin: 8px 0;
text-align: left;
}
footer a.socialink {
display: inline-block;
width: 30px;
height: 30px;
color: #fff;
border:solid 1px rgba(255,255,255,1);
border-radius: 40px;
text-align: center;
font-size: 24px;
padding: 6px 4px 0;
margin: 5px 3px 5px 3px;
}
footer a.socialink .fa {
font-size: 17px;
}
footer a.socialink:hover,
footer a.socialink:hover .fa {
color:#A6CE38;
border-color: #A6CE38;
}
footer .item-list{
margin: 0;
}
footer .list-adress{
padding: 0;
}
footer .list-adress li{
padding: 0 5px 0 10px;
list-style: none;
}
footer.footer .form-group-sm .form-control{
background-color:rgba(0,0,0,.4)!important;
border-color: rgba(255,255,255,.2)!important;
color: #fff!important;
font-size: 16px;
margin: 5px 0;

}



/* menu marketplace dropdown */

.dropdown-menu li {
position: relative;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
display: block;
background-color: #fff;
}
/*.dropdown-submenu>a.a-iaas:after,
.dropdown-submenu>a.a-emailmessage:after,
.dropdown-submenu>a.a-publiccloud:after,*/
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 10px;
margin-right: -13px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}

/*

.marginBottom-0 {margin-bottom:0;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
*/





/* Scroll Bar */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: #e1e1e1;
border: 0px none #ffffff;
border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
background: #000000;
}
::-webkit-scrollbar-track {
background: #666666;
border: 0px none #ffffff;
border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
background: #666666;
}
::-webkit-scrollbar-track:active {
background: #333333;
}
::-webkit-scrollbar-corner {
background: transparent;
}
/* Panel Support */
/* colors */
.c-dbl {
background: #517DAE;
}
.c-org {
background: #E7B558;
}
.c-lgr {
background: #A4C774;
}
.c-dgr {
background: #32743C;
}
.c-drd {
background: #9E3467;
}
.c-lrd {
background: #D32C2C;
}
.c-rfc {
background: #97DE97;
}
.c-pbm {
background: #A4D5ED;
}
.c-inc {
background: #CC6464;
}
.c-orga {
background: #E8A220
}
.c-dbl, .c-org, .c-lgr, .c-dgr, .c-drd, .c-lrd, .c-rfc, .c-pbm, .c-inc, .c-orga {
background: #5f798a;
}
/* */
.panel-cols .panel-col, .panel-cols .panel-btn {
padding-left: 0!important;
padding-right: 0!important;
}
.panel-btn .btn {
width: 100%;
}
.contract-details {
float: left;
width: 100%;
margin-bottom: 10px;
}
.panel-chart .serverstatus {
width: 150px;
height: 150px;
position: relative;
margin: 30px auto;
}
.chart .panel .panel-body {
height: 300px;
overflow: hidden;
}
.panel-monitoring .chart .panel .panel-body {
min-height: 100px;
height: auto;
overflow: hidden;
text-align: center;
}
.panel-monitoring .chart .panel .panel-body table, .panel-monitoring .chart .panel .panel-body .box-monitor div, {
margin:0 auto!important;
text-align:center;
}
.chart .panel .panel-body span.msj {
position: absolute;
display: block;
width: 100%;
top: 0;
left: 0;
padding: 4px 3%;
text-align: left;
line-height: 1.1em;
font-size: 14px;
font-weight: bold;
text-shadow: 0 1px 1px rgba(0,0,0,.4);
background: #777;
}
.chart .panel .panel-body span.msj b {
float: right;
text-align: right;
font-weight: normal;
}
.chart .progress {
border: solid 1px #ccc;
height: 36px;
margin-bottom: 10px;
position: relative;
}
ul.chart-ul {
margin: 1em 0;
padding: 0 1%;
display: block;
}
ul.chart-ul li {
float: none;
display: inline-block;
vertical-align: top;
padding: 7px 5px;
width: 195px;
text-align: left;
margin: 0 0.1% 5px;
list-style: none;
color: #fff;
min-height: 65px;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
-webkit-border-radius: 2px;
border-radius: 2px;
position: relative;
}
ul.chart-ul li h4 {
font-size: 15px;
line-height: 1em;
font-weight: normal;
margin: 0;
margin-right: 38px;
overflow: hidden;
color: #fff;
}
ul.chart-ul li h5 {
font-size: 13px;
line-height: 1em;
font-weight: normal;
color: #ccc;
position: absolute;
bottom: 5px;
left: 5px;
padding: 0;
margin: 0;
text-align: left;
text-transform: none;
}
ul.chart-ul li b {
font-size: 2em;
position: absolute;
top: 10px;
right: 5px;
color: #fff;
text-align: right;
text-shadow: none;
}
/* */
/* time-line */
.timeline {
list-style: none;
padding: 20px 0 20px!important;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #A6CE38;
left: 50%;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before, .timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before, .timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: 46%;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.175);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.175);
background: #fff;
}
.timeline > li > .timeline-body {
font-size: 12px;
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;	
content: " ";
}
.timeline > li > .timeline-badge {
color: #fff;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 2.8em;
padding: 10px 0;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -30px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-badge.primary {
background-color: #2e6da4 !important;
}
.timeline-badge.success {
background-color: #3f903f !important;
}
.timeline-badge.warning {
background-color: #f0ad4e !important;
}
.timeline-badge.danger {
background-color: #d9534f !important;
}
.timeline-badge.info {
background-color: #5bc0de !important;
}
.timeline-title {
margin-top: 0;
color: inherit;    
padding: .7em;
font-style: italic;
color: #fff;
background: #8FB63E;
border-radius: 6px;
}
.timeline-title b{
padding-left:5px;
padding-right:5px;
}
.timeline-body > p {
}
.timeline-body > ul.timeline-text li {
font-size: 14px!important;
list-style: circle;
list-style-type: disc;
margin-left: 20px;
text-align: left;
}
.timeline-body > p + p {
margin-top: 5px;
}
.timeline .timeline-item:last-child:nth-child(even) {
float: right;
}
.timeline .timeline-item:nth-child(even) .timeline-panel {
float: right;
left: 16px;
}
.timeline .timeline-item:nth-child(even) .timeline-panel:before {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}

/* timeline horizontal */
.timeline-horizontal {
list-style: none;
position: relative;
padding: 20px 0px 20px 0px;
display: inline-block;
}
.timeline-horizontal:before {
height: 3px;
top: auto;
bottom: 26px;
left: 56px;
right: 0;
width: 100%;
margin-bottom: 20px;
}
.timeline-horizontal .timeline-item {
display: table-cell;
height: 380px;
width: 20%;
min-width: 320px;
float: none !important;
padding-left: 0px;
padding-right: 20px;
margin: 0 auto;
vertical-align: bottom;
}
.timeline-horizontal .timeline-item .timeline-panel {
top: auto;
bottom: 64px;
display: inline-block;
float: none !important;
left: 0 !important;
right: 0 !important;
width: 100%;
margin-bottom: 20px;
}
.timeline-horizontal .timeline-item .timeline-panel:before {
top: auto;
bottom: -16px;
left: 28px !important;
right: auto;
border-right: 16px solid transparent !important;
border-top: 16px solid #c0c0c0 !important;
border-bottom: 0 solid #c0c0c0 !important;
border-left: 16px solid transparent !important;
}
.timeline-horizontal .timeline-item:before,
.timeline-horizontal .timeline-item:after {
display: none;
}
.timeline-horizontal .timeline-item .timeline-badge {
top: auto;
bottom: 0px;
left: 43px;
}
ul.timeline-text{
padding:10px 5px; 
}

/* */
.mainbuttons, .header-content{
/*background-color: rgba(0,0,0,.2);*/
}
.mainbuttons {
text-align: right;
padding: 0px;
float:right;
}
#main-menu li#mainbuttons {			
display:none;
}
.mainbuttons .btn {
float: right;
display: block;
margin: 10px 5px 0;
border-radius: 0px;
font-size: 15px;
font-style: normal;
font-weight: bold;
color: #fff;
padding: 2px 20px;
background-color: rgba(143, 183, 62,.6);
border: 0;
border-radius: 20px;
/* border: solid 1px rgba(255,255,255,.5);*/
}

.mainbuttons .btn:hover {
background-color:#fff;
color:#000;
border:0;
border-color:#fff;
}
.mainbuttons .fa {
display:none;
}
.mainbuttons .lang-eng,
.mainbuttons .lang-spn,
#mainbuttons .lang-eng,
#mainbuttons .lang-spn{
display: inline-block;
border-radius: 50px;
margin: 10px 5px;
width: 27px;
height: 27px;
overflow: hidden;
text-align: center;
}
.mainbuttons .lang-eng img,
.mainbuttons .lang-spn img,
#mainbuttons .lang-eng img,
#mainbuttons .lang-spn img {
width: 36px;
height: 47px;
margin: -10px -5px;
}
.ico-support01 {
width: 100px;
height: 100px;
padding-top: .7em;
}
h1.label,h2.label,h3.label,h4.label,h5.label {
display: block;
padding: .8em 1em .8em 60px;
margin: .7em 0;
font-weight: 700;
line-height: 1em;
color: #fff;
text-align: left;
white-space: normal;
vertical-align: baseline;
border-radius: 8px;
text-transform: initial!important;
position: relative;
font-style: italic;
font-weight: normal;
}
h2.label{
font-size: 15px;
}
h1.label .fa, h1.label .p-icon,h2.label .fa, h2.label .p-icon,h3.label .fa, h3.label .p-icon,h4.label .fa, h4.label .p-icon,h5.label .fa, h5.label .p-icon,h6.label .fa, h6.label .p-icon {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
font-size: 25px;
position: absolute;
margin: 0;
vertical-align: middle;
top: 4%;
left: 10px;
background-color: rgba(0,0,0,.4)!important;
border-radius: 30px;
}
h2.label .p-icon {
background-position: 50% 30%;
background-repeat: no-repeat;
background-size: 50px 50px;
background-size: 98% auto;
}
.label-success {
background-color: rgba(143,183,62,1);
}
/* */
ul.item-list,ul.item-list-h{
list-style:none;
margin:10px 3%;
padding:0;
}
ul.item-list li, ul.item-list-h li{
list-style:none;
padding:.1em;
padding-left:35px;
position:relative;
min-height:20px;
	
}
ul.item-list li.list-title{
padding-left:2px;
text-transform:uppercase;
}
ul.item-list li .fa, ul.item-list-h li .fa{
position:absolute;
left:0px;
width:30px;
height:30px;
line-height:24px;
font-size:1.4em;
text-align:center;
}
ul.item-list li span, ul.item-list-h span{
/*display:block;*/
padding:2px;		
}

ul.item-list-h{
display:table;
width:94%;
}
ul.item-list-h li{
display:table-cell;
border-collapse:collapse;
}

/* footer page servicios */

.footer table.tb-footer{
width:100%; 
}
.footer table.tb-footer td{
vertical-align:top;
padding:5px 20px;
}
.footer h4{
text-transform:uppercase;
font-size:15px;
font-weight:bold;
padding:.4em 0;
margin.4em 0;
}
.footer .f-address ul.item-list{
font-size:13px;
}
.footer .f-address ul li span{
display:block;
padding:0;
}
.footer td.f-address,.footer td.f-link {	
border-right:solid 1px rgba(0,74,105,.6);
border-bottom:solid 1px rgba(0,74,105,.6);
}
 
footer .f-link ul.list {
margin:10px 0;
padding:0 0 0 7px;
list-style:none;
}
.footer .f-social a,.footer .f-web a, .f-link ul.list li a{
color:#fff;
font-size:16px;
}
.f-link ul.list li a{
font-style:italic;
}
.footer .f-social a:hover,.footer .f-web a:hover,.footer .f-link a:hover, .f-link ul.list li a:hover{
color:rgba(0,0,0,.75);	
}
.footer td.f-web {
padding: 15px!important;
font-size:12px;
}
.footer .f-link a{
color:#000;	
}
.footer .form-group{
margin-bottom: 5px;
}
footer.footer textarea, footer.footer textarea.form-control {
height: 4em!important;
min-height: 4em!important;
}

/* */
.page-title {
position: relative;
padding-bottom: 40px;
font-weight: 300;
font-family: lato, calibri, helvetica, arial, sanserif !important;
text-transform: capitalize;
text-transform: inherit;
font-style: italic;   
margin: 30px auto 20px;
color: #000;
}
.page-title.text-left.page-border {
text-indent: 20px;
}
.page-title.text-center.page-border {
text-indent:0;
}
.page-title.page-border:before {
content: "";
display: block;
width: 50%;
margin: 0 auto;
position: absolute;
bottom: 5px;
height: 3px;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(6%, rgba(122,174,222,0.86)), color-stop(7%, rgba(122,174,222,1)), color-stop(15%, rgba(122,174,222,1)), color-stop(26%, rgba(0,115,162,1)), color-stop(37%, rgba(0,92,131,1)), color-stop(48%, rgba(0,74,105,1)), color-stop(52%, rgba(112,136,57,1)), color-stop(65%, rgba(143,182,62,1)), color-stop(78%, rgba(166,206,56,1)), color-stop(93%, rgba(205,226,148,1)), color-stop(94%, rgba(208,227,154,0.86)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(122,174,222,0.86) 6%, rgba(122,174,222,1) 7%, rgba(122,174,222,1) 15%, rgba(0,115,162,1) 26%, rgba(0,92,131,1) 37%, rgba(0,74,105,1) 48%, rgba(112,136,57,1) 52%, rgba(143,182,62,1) 65%, rgba(166,206,56,1) 78%, rgba(205,226,148,1) 93%, rgba(208,227,154,0.86) 94%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.page-title.text-left.page-border:before {
left: 0%;
}
.page-title.text-center.page-border:before {
left: 25%;
}
.page-title::first-letter {
text-transform: uppercase;
}
section h1.page-title.text-left {
text-align: left;
}
StaticBody.page-product p, StaticBody.page-product li {
font-size: 15px;
line-height: 1.5em;
}
StaticBody.page-product li {
text-align: left;
}
.alert {
display: inline-block;
width: 100%;
}
/* menu responsive */
.navbar2 .nav2 ul.navbar-nav {
display: block;
}
.nav2 .navbar-nav>li {
text-align: left;
text-transform: none;
padding: 0px;
font-weight: bold;
font-size: 14px;
}
.nav2 .navbar-nav>li>a {
text-align: left;
margin: 0 auto;
padding: 8px 4%;
line-height: 1em;
font-weight: normal;
margin: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #ccc;
padding: 5px 4%;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a>i {
background-color: rgba(255,255,255,.5);
border-radius: 50px;
background-size: 100% auto;
width: 24px;
height: 24px;
line-height: 1.5em;
font-size: 1.2em;
color: #000;
text-align: center;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: #fff;
background-color: #efefef;
}
#main-menu.sm-mint a span.sub-arrow{
border-color:transparent;
border-top-color: #708939 ;  
border-top-color: #fff ; 
}
#main-menu.sm-mint ul a span.sub-arrow{
border-color:transparent;
border-left-color: #708939 ;
right: 2px;  
}

.sm, .sm ul, .sm li{

}
.ico-atacht-webrequest {
background-image: url('../images/Attachment_new.png');
background-repeat: no-repeat;
padding-right: -8px;
background-position: 57% 0%;
height: 30px!important;
}
.pluslessbtn {
border: 0px!important;
}
.divplusless {
border-radius: 3px;
border: solid 1px #ccc;
height: 13px;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.fileUpload {
position: relative;
overflow: hidden;/*margin: 10px;*/
}
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
/* seccion jobs */ 
.btn-apply {
border-radius: 25px;
margin: .5em 1em;
font-size: inherit;
font-weight: normal;
}
.btn-apply .fa{
width: 2em;
line-height: 100%;
font-size: inherit;
line-height: inherit;
margin: 0 5px;
}
.politics  .panel-heading{
background: #7AAEDE;
}
.politics .panel .panel-heading,.politics .accordion .panel-heading{
background: #7AAEDE;
}
.politics .panel .panel-heading a{
display: block;
}
.politics ol li h4,.politics  .panel-heading h4, .politics h5{
text-transform:uppercase;
font-weight:normal;
color:#004A69;
}
.politics .accordion .panel-body{
padding: 1em 3em;
}
.politics  p {
text-align:justify;
padding-top: 1em;
padding-bottom: 1em;
}
.politics .accordion table th {
vertical-align: middle;
}
.list-alfabeto li{
list-style: lower-alpha;
}
.v-medium{}
.v-medium .bg-img3{
width:250px;
height:250px;	
}
.v-height {
width: 100%;
max-width:550px;
/*border:solid 1px #efefef;
background-color: rgb(239, 239, 239);*/
border-radius: 500px;
text-align: center;
margin: 0 auto;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto 100%;
}
.v-height:before {
content: '';
display: block;
}
.v-h1-1:before {padding-top: 100%;}
.bg-img3{
background-color:#efefef;
border-radius:250px;
text-align:center;
margin:2em auto;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:auto 100%;
}

/* */
.size-item-box {
float: none;
display: inline-block;
margin: 0 -1%;
vertical-align: top;
}
.size-item-box .text-left {
text-align: left;
}
.item-box {
width: 150px;
height: 150px;
margin: 20px auto;
position: relative;
border-radius:300px;
}

.item-box.item-sm {
width: 220px;
height: 220px;
}
.item-box.item-md {
width: 300px;
height: 300px;
}
.item-box.item-lg {
width: 350px;
min-height: 350px;
}

/* Colores  */

.hexagon.bl001         ,.bl001      {   background-color: rgba(123, 175, 222,1)	!important;  color:#fff; }
.hexagon.bl001:before               {   border-bottom-color: rgba(123, 175, 222,1); }
.hexagon.bl001:after                {   border-top-color: rgba(123, 175, 222,1);    }
.hexagon.bl002         ,.bl002      {	background-color: rgba(0,116,162,1)		!important;  color:#fff; }
.hexagon.bl002:before               {	border-bottom-color: rgba(0,116,162,1);     }
.hexagon.bl002:after                {	border-top-color: rgba(0,116,162,1);        }
.hexagon.bl003         ,.bl003      {	background-color: rgba(0, 93, 131,1)	!important;  color:#fff; }
.hexagon.bl003:before               {	border-bottom-color: rgba(0, 93, 131,1);    }
.hexagon.bl003:after                {	border-top-color: rgba(0, 93, 131,1);       }
.hexagon.bl004         ,.bl004      {	background-color: rgba(0,74, 105,1)		!important;  color:#fff; }
.hexagon.bl004:before               {	border-bottom-color: rgba(0,74, 105,1);     }
.hexagon.bl004:after                {	border-top-color: rgba(0,74, 105,1);        }
.hexagon.gr001         ,.gr001      {	background-color: rgba(209, 227, 155,1)!important;   color:#fff; }
.hexagon.gr001:before               {	border-bottom-color: rgba(209, 227, 155,1); }
.hexagon.gr001:after                {	border-top-color: rgba(209, 227, 155,1);    }
.hexagon.gr002         ,.gr002      {	background-color: rgba(166, 206, 57,1)!important;    color:#fff; }
.hexagon.gr002:before               {	border-bottom-color: rgba(166, 206, 57,1);  }
.hexagon.gr002:after                {	border-top-color: rgba(166, 206, 57,1);     }
.hexagon.gr003         ,.gr003      {	background-color: rgba(143, 183, 62,1)!important;    color:#fff; }
.hexagon.gr003:before               {	border-bottom-color: rgba(143, 183, 62,1)   }
.hexagon.gr003:after                {	border-top-color: rgba(143, 183, 62,1);     }
.hexagon.gr004         ,.gr004      {	background-color: rgba(112, 137, 57,1)!important;    color:#fff; }
.hexagon.gr004:before               {	border-bottom-color: rgba(112, 137, 57,1);  }
.hexagon.gr004:after                {	border-top-color: rgba(112, 137, 57,1);     }

.hexagon.gy001         ,.gy001      {	background-color: rgba(239,239,239,0.4)!important;	color:#333!important; }
.hexagon.gy001:before               {	border-bottom-color: rgba(239, 239, 239, 0.4); }
.hexagon.gy001:after                {	border-top-color: rgba(239, 239, 239, 0.4);    }
.hexagon.gy002         ,.gy002      {	background-color: rgba(222,222,222,1)!important;    color:#333!important; }
.hexagon.gy002:before               {	border-bottom-color: rgba(222,222,222,1);  }
.hexagon.gy002:after                {	border-top-color:rgba(222,222,222,1);     }
.hexagon.gy003         ,.gy003      {	background-color: rgba(147, 149, 152,1)!important;  color:#fff!important; }
.hexagon.gy003:before               {	border-bottom-color: rgba(147, 149, 152,1);   }
.hexagon.gy003:after                {	border-top-color: rgba(147, 149, 152,1);     }
.hexagon.gy004         ,.gy004      {	background-color: rgba(62, 62, 63,1)!important;     color:#fff!important; }
.hexagon.gy004:before               {	border-bottom-color: rgba(62, 62, 63,1);  }
.hexagon.gy004:after                {	border-top-color: rgba(62, 62, 63,1);     }
.hexagon.rd001         ,.rd001      {	background-color: rgba(235, 114, 114,0.4)!important;	color:#333!important; }
.hexagon.rd001:before               {	border-bottom-color: rgba(235, 114, 114, 0.4); }
.hexagon.rd001:after                {	border-top-color: rgba(235, 114, 114, 0.4);    }
.hexagon.rd002         ,.rd002      {	background-color: rgba(228, 79, 79,1)!important;    color:#333!important; }
.hexagon.rd002:before               {	border-bottom-color: rgba(228, 79, 79,1);  }
.hexagon.rd002:after                {	border-top-color:rgba(228, 79, 79,1);     }
.hexagon.rd003         ,.rd003      {	background-color: rgba(223, 27, 34,1)!important;  color:#fff!important; }
.hexagon.rd003:before               {	border-bottom-color: rgba(223, 27, 34,1);   }
.hexagon.rd003:after                {	border-top-color: rgba(223, 27, 34,1);     }
.hexagon.rd004         ,.rd004      {	background-color: rgba(140, 18, 22,1)!important;     color:#fff!important; }
.hexagon.rd004:before               {	border-bottom-color: rgba(140, 18, 22,1);  }
.hexagon.rd004:after                {	border-top-color: rgba(140, 18, 22,1);     }
.hexagon.bk004         ,.bk004      {	background-color: rgba(0,0,0,1)!important;     		color:#fff!important; }
.hexagon.bk004:before               {	border-bottom-color: rgba(0,0,0,1);  }
.hexagon.bk004:after                {	border-top-color: rgba(0,0,0,1);     }
.hexagon.wh004         ,.wh004      {	background-color: rgba(255,255,255,1)!important;    color:#fff!important; }
.hexagon.wh004:before               {	border-bottom-color: rgba(255,255,255,1);  }
.hexagon.wh004:after                {	border-top-color: rgba(255,255,255,1);     }

.hexagon.org001         ,.org001    {	background-color: rgb(253, 134, 67)!important;    color:#fff!important; }
.hexagon.org001:before  			{	border-bottom-color: rgb(253, 134, 67);  }	
.hexagon.org002         ,.org002    {	background-color: rgb(255, 138, 0)!important;    color:#fff!important; }
.hexagon.org002:before              {	border-bottom-color: rgb(255, 138, 0);  }

.hexagon.prp001         ,.prp001    {	background-color: rgb(166, 104, 206)!important;    color:#fff!important; }
.hexagon.prp001:before              {	border-bottom-color: rgb(166, 104, 206);  }


/* degradado */
.deg{
position:relative;
}
.deg div,.deg span,.deg i,.deg b,.deg strong,.deg p{
position:relative;
z-index:9;
}
.deg:before{
content:"";
display:block;
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
border:solid 1px rgba(0,0,0,.2);
border-radius:8px;
z-index:1;
}
.deg90:before{
background: -moz-linear-gradient(60deg, rgba(255,255,255,0) 85%, rgba(255,255,255,.8) 95%, rgba(255,255,255,.8) 100%);
background: -webkit-linear-gradient(60deg, rgba(255,255,255,0) 85%,rgba(255,255,255,.8) 95%,rgba(255,255,255,1) 100%);
background: linear-gradient(60deg, rgba(255,255,255,0) 85%,rgba(255,255,255,.8) 95%,rgba(255,255,255,.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );

}
.deg80:before{
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 75%, rgba(255,255,255,.8) 85%, rgba(255,255,255,.8) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 75%,rgba(255,255,255,.8) 85%,rgba(255,255,255,.8) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 75%,rgba(255,255,255,.8) 85%,rgba(255,255,255,.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.deg70:before{
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 65%, rgba(255,255,255,.8) 75%, rgba(255,255,255,.8) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 65%,rgba(255,255,255,.8) 75%,rgba(255,255,255,.8) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 65%,rgba(255,255,255,.8) 75%,rgba(255,255,255,.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.deg60:before{
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 55%, rgba(255,255,255,.8) 65%, rgba(255,255,255,.8) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 55%,rgba(255,255,255,.8) 65%,rgba(255,255,255,.8) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 55%,rgba(255,255,255,.8) 65%,rgba(255,255,255,.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.deg50:before{
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 45%, rgba(255,255,255,.8) 55%, rgba(255,255,255,.8) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,45) 0%,rgba(255,255,255,.8) 55%,rgba(255,255,255,.8) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 45%,rgba(255,255,255,.8) 55%,rgba(255,255,255,.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.deg40:before{
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 35%, rgba(255,255,255,.8) 45%, rgba(255,255,255,.8) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,35) 0%,rgba(255,255,255,.8) 45%,rgba(255,255,255,.8) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 35%,rgba(255,255,255,.8) 45%,rgba(255,255,255,.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.deg30:before{
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 25%, rgba(255,255,255,.8) 35%, rgba(255,255,255,.8) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 25%,rgba(255,255,255,.8) 35%,rgba(255,255,255,.8) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 25%,rgba(255,255,255,.8) 35%,rgba(255,255,255,.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.deg20:before{
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 15%, rgba(255,255,255,.8) 25%, rgba(255,255,255,.8) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 15%,rgba(255,255,255,.8) 25%,rgba(255,255,255,.8) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 15%,rgba(255,255,255,.8) 25%,rgba(255,255,255,.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.deg10:before{
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 5%, rgba(255,255,255,.8) 15%, rgba(255,255,255,.8) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 5%,rgba(255,255,255,.8) 15%,rgba(255,255,255,.8) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 5%,rgba(255,255,255,.8) 15%,rgba(255,255,255,.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

/* Color Text */
.tbl001      {  color: rgba(123,175,222,1)	!important;	}	
.tbl002      {	color: rgba(0,116,162,1)	!important;	}
.tbl003      {	color: rgba(0,93,131,1)		!important;	}
.tbl004      {	color: rgba(0,74,105,1)		!important;	}		
.tgr001      {	color: rgba(209,227,155,1)	!important;	}
.tgr002      {	color: rgba(166,206,57,1)	!important;	}
.tgr003      {	color: rgba(143,183,62,1)	!important;	}
.tgr004      {	color: rgba(112,137,57,1)	!important;	}
.tgy001      {	color: rgba(239,239,239,0.4)!important;	}
.tgy002      {	color: rgba(222,222,222,1)	!important;	}
.tgy003      {	color: rgba(147,149,152,1)	!important;	}
.tgy004      {	color: rgba(62,62,63,1)		!important;	}
.tbk001      {	color: rgba(0,0,0,1)		!important;	}
.twh001      {	color: rgba(255,255,255,1)	!important;	}
.trd001      {	color: rgba(235,114,114,0.4)!important;	}
.trd002      {	color: rgba(228,79,79,1)	!important;	}
.trd003      {	color: rgba(223,27,34,1)	!important;	}
.trd004      {	color: rgba(140,18,22,1)	!important;	}
/* color border */
.b-lblue,	    .b-blue1       {border-color: rgba(123,175,222,1)!important; }
.b-blue,	    .b-blue2       {border-color: rgba(0,116,162,1)!important;}
.b-mblue,	    .b-blue3       {border-color: rgba(0,93,131,1)!important;}
.b-mblue,	    .b-blue4       {border-color: rgba(0,74,105,1)!important;}
.b-lgreen,	    .b-green1      {border-color: rgba(209,227,155,1)!important;}
.b-green,	    .b-green2      {border-color: rgba(166,206,57,1)!important;}
.b-mgreen,	    .b-green3      {border-color: rgba(143,183,62,1)!important;}
.b-dgreen,	    .b-green4      {border-color: rgba(112,137,57,1)!important;}
.b-orange,	    .b-orange1     {border-color: rgba(241,87,35,1)!important;}
.b-aws,         .b-aws         {border-color: rgb(248, 153, 29)!important;}
.b-azure,       .b-azure       {border-color: rgb(13, 173, 234)!important;}
.b-purple,     	.b-purple      {border-color: rgb(166, 104, 206)!important;}
.b-red,     	.b-red		   {border-color: rgb(155, 26, 26)!important;}
.b-gray1,	    .b-grey        {border-color: rgba(239, 239, 239, 0.4)!important;}
.b-gray2                       {border-color: rgba(249,249,249,1)!important;}
.b-gray3                       {border-color: rgba(147, 149, 152,1)!important;}
.b-gray4                       {border-color: rgba(62, 62, 63,1)!important;}
.b-black,	    .b-black       {border-color: rgba(0,0,0,1)!important;}	
.b-black30,	    .b-black30     {border-color: rgba(0,0,0,.3)!important;}
.b-black50,	    .b-black50     {border-color: rgba(0,0,0,.5)!important;}
.b-black70,	    .b-black70     {border-color: rgba(0,0,0,.7)!important;}
.b-ibm                         {border-color: rgba(41,137,216,1)!important;}
.b-white                       {border-color: rgba(255,255,255,1)!important;}

/* color fondo */
.bg-lblue,	    .bg-blue1       {background-color: rgba(123,175,222,1)!important; }
.bg-blue,	    .bg-blue2       {background-color: rgba(0,116,162,1);color:#fff!important;}
.bg-mblue,	    .bg-blue3       {background-color: rgba(0,93,131,1);color:#fff!important;}
.bg-mblue,	    .bg-blue4       {background-color: rgba(0,74,105,1);color:#fff!important;}
.bg-lgreen,	    .bg-green1      {background-color: rgba(209,227,155,1)!important;}
.bg-green,	    .bg-green2      {background-color: rgba(166,206,57,1)!important;}
.bg-mgreen,	    .bg-green3      {background-color: rgba(143,183,62,1)!important;}
.bg-dgreen,	    .bg-green4      {background-color: rgba(112,137,57,1);color:#fff!important;}
.bg-lorange,	.bg-lorange     {background-color: rgb(253, 134, 67);color:#fff!important;}
.bg-orange,	    .bg-orange1     {background-color: rgba(241,87,35,1)!important;}
.bg-aws,        .bg-aws         {background-color: rgb(248, 153, 29)!important;color:#fff!important;}
.bg-azure,      .bg-azure       {background-color: rgb(13, 173, 234)!important;color:#fff!important;}
.bg-purple,     .bg-purple      {background-color: rgb(166, 104, 206)!important;color:#fff!important;}
.bg-red,     	.bg-red		    {background-color: rgb(155, 26, 26)!important;}
.p-icon,	    .bg-grey        {/*background-color: rgba(200, 200, 200, 0.4)!important;¡*/}
.bg-gray2,	    .bg-grey2       {background-color: rgba(249,249,249,1)!important;}
.bg-gray3,	    .bg-grey3       {background-color: rgba(147, 149, 152,1)!important;}
.bg-gray4,	    .bg-grey4       {background-color: rgba(62, 62, 63,1)!important;}
.bg-black,	    .bg-black       {background-color: rgba(0,0,0,1)!important;}
.bg-black10,	.bg-black10     {background-color: rgba(0,0,0,.1)!important;}
.bg-black30,	.bg-black30     {background-color: rgba(0,0,0,.3)!important;}
.bg-black50,	.bg-black50     {background-color: rgba(0,0,0,.5)!important;}
.bg-black70,	.bg-black70     {background-color: rgba(0,0,0,.7)!important;}
.bg-ibm                         {background-color: rgba(41,137,216,1)!important;}
.bg-white                       {background-color: rgba(255,255,255,1)!important;}
.bg-blgr						{background-color: rgba(72, 193, 218,1)!important;}

.item-box.bg-lblue, .pic-vmware .item-box {
background: -moz-radial-gradient(center, ellipse cover, rgba(123,175,222,1) 0%, rgba(123,175,222,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(123,175,222,1) 0%, rgba(123,175,222,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(123,175,222,1) 0%, rgba(123,175,222,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bafde', endColorstr='#00ffffff', GradientType=1 );
}
.item-box.bg-blue, .pic-projects .item-box {
background: -moz-radial-gradient(center, ellipse cover, rgba(0,116,162,1) 0%, rgba(0,116,162,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,116,162,1)) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(0,116,162,1) 0%, rgba(0,116,162,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073a2', endColorstr='#00ffffff', GradientType=1 );
}
.item-box.bg-mblue, .pic-support .item-box {
background: -moz-radial-gradient(center, ellipse cover, rgba(0,93,131,1) 0%, rgba(0,93,131,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,93,131,1) 0%, rgba(0,93,131,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(0,93,131,1) 0%, rgba(0,93,131,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005d83', endColorstr='#00ffffff', GradientType=1 );
}
.item-box.bg-dblue {
background: -moz-radial-gradient(center, ellipse cover, rgba(0,74,105,1) 0%, rgba(0,74,105,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,74,105,1) 0%, rgba(0,74,105,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(0,74,105,1) 0%, rgba(0,74,105,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a69', endColorstr='#00ffffff', GradientType=1 );
}
.item-box.bg-lgreen {
background: -moz-radial-gradient(center, ellipse cover, rgba(209,227,155,1) 0%, rgba(209,227,155,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(209,227,155,1) 0%, rgba(209,227,155,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(209,227,155,1) 0%, rgba(209,227,155,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e39b', endColorstr='#00ffffff', GradientType=1 );
}
.item-box.bg-green, .pic-seller .item-box {
background: -moz-radial-gradient(center, ellipse cover, rgba(166,206,57,1) 0%, rgba(166,206,57,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(166,206,57,1) 0%, rgba(166,206,57,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(166,206,57,1) 0%, rgba(166,206,57,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ce39', endColorstr='#00ffffff', GradientType=1 );
}
.item-box.bg-mgreen, .pic-security .item-box {
background: -moz-radial-gradient(center, ellipse cover, rgba(143,183,62,1) 0%, rgba(143,183,62,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(143,183,62,1) 0%, rgba(143,183,62,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(143,183,62,1) 0%, rgba(143,183,62,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fb73e', endColorstr='#00ffffff', GradientType=1 );
}
.item-box.bg-dgreen, .pic-admin .item-box {
background: -moz-radial-gradient(center, ellipse cover, rgba(112,137,57,1) 0%, rgba(112,137,57,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(112,137,57,1) 0%, rgba(112,137,57,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(112,137,57,1) 0%, rgba(112,137,57,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#708939', endColorstr='#00ffffff', GradientType=1 );
}
.item-box.bg-orange, .pic-microsoft .item-box {
background: -moz-radial-gradient(center, ellipse cover, rgba(241,87,35,1) 0%, rgba(241,87,35,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(241,87,35,1) 0%, rgba(241,87,35,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(241,87,35,1) 0%, rgba(241,87,35,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15723', endColorstr='#00ffffff', GradientType=1 );
}
.item-box.bg-gray, .pic-networking .item-box {
background: -moz-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 0%, rgba(147,149,152,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 0%, rgba(147,149,152,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(147,149,152,1) 0%, rgba(147,149,152,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939598', endColorstr='#00ffffff', GradientType=1 );
}
.item-box.bg-black, .pic-citrix .item-box {
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939598', endColorstr='#00ffffff', GradientType=1 );
}
.item-box.bg-ibm, .pic-ibm .item-box {
background: -moz-radial-gradient(center, ellipse cover, rgba(41,137,216,1) 0%, rgba(41,137,216,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(41,137,216,1) 0%, rgba(41,137,216,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center, rgba(41,137,216,1) 0%, rgba(41,137,216,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989D8', endColorstr='#00ffffff', GradientType=1 );
}
.vmware-modal .modal-header {
background-color: rgba(123,175,222,1);
}
.microsoft-modal .modal-header {
background-color: rgba(241,87,35,1);
}
.citrix-modal .modal-header {
background-color: rgba(0,0,0,1);
}
.ibm-modal .modal-header {
background-color: #1D6AB2;
}
.security-modal .modal-header {
background-color: rgba(143,183,62,1);
}
.networking-modal .modal-header {
background-color: rgba(147,149,152,1);
}
.support-modal .modal-header {
background-color: rgba(0,74,105,1);
}
.seller-modal .modal-header {
background-color: rgba(143,183,62,1);
}
.projects-modal .modal-header {
background-color: rgba(0,116,162,1);
}
.admin-modal .modal-header {
background-color: rgba(112,137,57,1);
}
.confirm-modal .modal-header {
background-color: rgba(0,74,105,1);
}
.popup-job .form-group {
margin-bottom: 8px;
}
.popup-job .modal-title {
text-transform: uppercase;
}
.popup-job .input-group-addon {
min-width: 40px;
font-size: 14px;
background-color: #004A69;
border-color: #004A69;
color: #fff;
}
.item-box button {
display: block;
width: 100%;
height: 100%;
border: none;
background: transparent;
position: absolute;
outline: none;
}
.item-box h3 {
text-align: center;
text-transform: uppercase;
font-size: 13px;
color: #777;
position: absolute;
bottom: 0;
width: 100%;
}
.item-box .hover-bg {
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100px auto;
}
.item-box.item-md .hover-bg {
background-size: 75% auto;
}
.item-box.item-lg .hover-bg {
background-size: 100% auto;
}
.hover-bg button .hover-text {
position: absolute;
top: 0;
left: 0;
text-align: center;
margin: 0 auto;
color: #ffffff;
background: rgba(0, 0, 0, 0.66);
padding: 25% 0;
height: 100%;
width: 100%;
opacity: 0;
transition: all 0.5s;
}
.hover-bg button .hover-text>h4 {
text-align: center;
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: all 0.3s;
}
.hover-bg button:hover .hover-text>h4 {
text-align: center;
opacity: 1;
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.hover-bg button .hover-text>i {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: all 0.3s;
}
.hover-bg button:hover .hover-text>i {
opacity: 1;
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.hover-bg button:hover .hover-text {
opacity: 1;
}
.pic-o4it .hover-bg {
background-image: url("../images/o4it/pic-o4it.png");
}
.pic-vmware .hover-bg {
background-image: url("../images/o4it/pic-vmware.png");
}
.pic-microsoft .hover-bg {
background-image: url("../images/o4it/pic-microsoft.png");
}
.pic-citrix .hover-bg {
background-image: url("../images/o4it/pic-citrix.png");
}
.pic-ibm .hover-bg {
background-image: url("../images/o4it/pic-ibm.png");
}
.pic-security .hover-bg {
background-image: url("../images/o4it/pic-security.png");
}
.pic-networking .hover-bg {
background-image: url("../images/o4it/pic-networking.png");
}
.pic-support .hover-bg {
background-image: url("../images/o4it/pic-support.png");
}
.pic-seller .hover-bg {
background-image: url("../images/o4it/pic-seller.png");
}
.pic-projects .hover-bg {
background-image: url("../images/o4it/pic-projects.png");
}
.pic-admin .hover-bg {
background-image: url("../images/o4it/pic-admin.png");
}


.pic-azure00 .hover-bg {
background-image: url("../images/o4it/pic-public01.png");
}
.pic-azure01 .hover-bg {
background-image: url("../images/o4it/pic-azure01.png");
}
.pic-azure02 .hover-bg {
background-image: url("../images/o4it/pic-azure02.png");
}
.pic-azure03 .hover-bg {
background-image: url("../images/o4it/pic-azure03.png");
}
.pic-azure04 .hover-bg {
background-image: url("../images/o4it/pic-azure04.png");
}
.pic-azure05 .hover-bg {
background-image: url("../images/o4it/pic-azure05.png");
}
.pic-aws00 .hover-bg {
background-image: url("../images/o4it/pic-public02.png");
}
.pic-aws01 .hover-bg {
background-image: url("../images/o4it/pic-aws01.png");
}
.pic-aws02 .hover-bg {
background-image: url("../images/o4it/pic-aws02.png");
}
.pic-aws03 .hover-bg {
background-image: url("../images/o4it/pic-aws03.png");
}
.pic-aws04 .hover-bg {
background-image: url("../images/o4it/pic-aws04.png");
}
.pic-aws05 .hover-bg {
background-image: url("../images/o4it/pic-aws05.png");
}
.pic-home01 .hover-bg {
background-image: url("../images/o4it/pic-home01.png");
}
.pic-home02 .hover-bg {
background-image: url("../images/o4it/pic-home02.png");
}   
.pic-home03 .hover-bg {
background-image: url("../images/o4it/pic-home03.png");
}
.pic-home04 .hover-bg {
background-image: url("../images/o4it/pic-home04.png");
}
.pic-home05 .hover-bg {
background-image: url("../images/o4it/pic-home05.png");
}   
.pic-home06 .hover-bg {
background-image: url("../images/o4it/pic-home06.png");
}

.cert-sao               { background-image: url("../images/quotes/ico-picsao.png"); }
.cert-novasoft          { background-image: url("../images/quotes/ico-picnova.png"); }
.cert-heinsohn          { background-image: url("../images/quotes/ico-picheinsohn.png"); }
.cert-egesa             { background-image: url("../images/quotes/ico-egesa.png");}
.cert-one             { background-image: url("../images/quotes/ico-one.png");}
.cert-ingemax           { background-image: url("../images/quotes/ico-ingemax.png");}
.cert-katary            { background-image: url("../images/quotes/ico-katary.png");}
.cert-pensemos          { background-image: url("../images/quotes/ico-pensemos.png");}
.cert-site              { background-image: url("../images/quotes/ico-site.png");}
.cert-tr-consultores    { background-image: url("../images/quotes/ico-tr-consultores.png");}

/* */ 

.chb-group {
margin: 15px 0;
}
.chb ~ .chb {
margin-top: 15px;
}
.chb input[type="radio"]:empty, .chb input[type="checkbox"]:empty {
display: none;
}
.chb input[type="radio"] ~ label:before, .chb input[type="checkbox"] ~ label:before {
font-family: FontAwesome;
content: '\f096';
position: absolute;
top: 32%;
margin-top: -11px;
left: 15px;
font-size: 22px;
}
.chb input[type="radio"]:checked ~ label:before, .chb input[type="checkbox"]:checked ~ label:before {
content: '\f046';
}
.chb input[type="radio"] ~ label, .chb input[type="checkbox"] ~ label {
position: relative;
cursor: pointer;
width: 100%;	
border-radius: 5px;
background-color: rgba(200,200,200,.1);
}
.chb input[type="radio"] ~ label:focus, .chb input[type="radio"] ~ label:hover, .chb input[type="checkbox"] ~ label:focus, .chb input[type="checkbox"] ~ label:hover {
/*box-shadow: 0px 0px 3px #333;*/
}
.chb input[type="radio"]:checked ~ label, .chb input[type="checkbox"]:checked ~ label {
/*color:#708939;*/
}
.chb input[type="radio"]:checked ~ label, .chb input[type="checkbox"]:checked ~ label {
background-color: #f2f2f2;
}
.chb.chb-default input[type="radio"]:checked ~ label, .chb.chb-default input[type="checkbox"]:checked ~ label {
color: #333;
}
.chb.chb-primary input[type="radio"]:checked ~ label, .chb.chb-primary input[type="checkbox"]:checked ~ label {
background-color: #337ab7;
background-color: #aeca77;
}
.chb.chb-success input[type="radio"]:checked ~ label, .chb.chb-success input[type="checkbox"]:checked ~ label {
background-color: #5cb85c;
}
.chb.chb-info input[type="radio"]:checked ~ label, .chb.chb-info input[type="checkbox"]:checked ~ label {
background-color: #5bc0de;
}
.chb.chb-warning input[type="radio"]:checked ~ label, .chb.chb-warning input[type="checkbox"]:checked ~ label {
background-color: #f0ad4e;
}
.chb.chb-danger input[type="radio"]:checked ~ label, .chb.chb-danger input[type="checkbox"]:checked ~ label {
background-color: #d9534f;
}
.chb input[type="radio"]:empty ~ label span, .chb input[type="checkbox"]:empty ~ label span {
display: inline-block;
}
.chb input[type="radio"]:empty ~ label h3, .chb input[type="checkbox"]:empty ~ label h3 {
font-size: 16px;
font-weight: bold;
margin: 2em 0 .2em;
}
.chb input[type="radio"]:empty ~ label p, .chb input[type="checkbox"]:empty ~ label p {
font-weight: normal;
text-align: left;
font-size: 13px;
font-style: italic;
color: #333;
height: 200px;
padding: 0 5px 0 0;
overflow: hidden;
overflow-y: auto;
}
.chb input[type="radio"]:empty:checked ~ label h3, .chb input[type="checkbox"]:empty:checked ~ label h3, .chb input[type="radio"]:empty:checked ~ label p, .chb input[type="checkbox"]:empty:checked ~ label p {
color: #000;
}

/* anchos % y px */
.m-box {
padding:3em 0;
}
.w-box{
display:inline-block;
margin-left:0.3%;
margin-right:0.3%;
vertical-align:top;
}
.x-box{
display:inline-block;
margin-left:0.3%;
margin-right:0.3%;
vertical-align:top;
}

/* ancho porcentaje */
.w-per10    {width: 10%!important;}
.w-per15    {width: 13%!important;}
.w-per20    {width: 20%!important;}
.w-per30    {width: 30%!important;}
.w-per40    {width: 40%!important;}
.w-per50    {width: 50%!important;}
.w-per60    {width: 60%!important;}
.w-per70    {width: 70%!important;}
.w-per80    {width: 80%!important;}
.w-per90    {width: 90%!important;}
.w-per100   {width:100%!important;}

/* altura fija */
.h-10    {min-height: 10px!important;}
.h-20    {min-height: 20px!important;}
.h-30    {min-height: 30px!important;}
.h-40    {min-height: 40px!important;}
.h-50    {min-height: 50px!important;}
.h-60    {min-height: 60px!important;}
.h-70    {min-height: 70px!important;}
.h-80    {min-height: 80px!important;}
.h-90    {min-height: 90px!important;}
.h-100   {min-height:100px!important;}
.h-110   {min-height:110px!important;}
.h-120   {min-height:120px!important;}
.h-130   {min-height:130px!important;}
.h-140   {min-height:140px!important;}
.h-150   {min-height:150px!important;}
.h-160   {min-height:160px!important;}
.h-170   {min-height:170px!important;}
.h-180   {min-height:180px!important;}
.h-190   {min-height:190px!important;}
.h-200   {min-height:200px!important;}
.h-210   {min-height:210px!important;}
.h-220   {min-height:220px!important;}
.h-230   {min-height:230px!important;}
.h-240   {min-height:240px!important;}
.h-250   {min-height:250px!important;}
.h-260   {min-height:260px!important;}
.h-270   {min-height:270px!important;}
.h-280   {min-height:280px!important;}
.h-290   {min-height:290px!important;}
.h-300   {min-height:300px!important;}
.h-310   {min-height:310px!important;}
.h-320   {min-height:320px!important;}
.h-330   {min-height:330px!important;}
.h-340   {min-height:340px!important;}
.h-350   {min-height:350px!important;}
.h-360   {min-height:360px!important;}
.h-370   {min-height:370px!important;}
.h-380   {min-height:380px!important;}
.h-390   {min-height:390px!important;}
.h-400   {min-height:400px!important;}
.h-410   {min-height:410px!important;}
.h-420   {min-height:420px!important;}
.h-430   {min-height:430px!important;}
.h-440   {min-height:440px!important;}
.h-450   {min-height:450px!important;}
.h-460   {min-height:460px!important;}
.h-470   {min-height:470px!important;}
.h-480   {min-height:480px!important;}
.h-490   {min-height:490px!important;}
.h-500   {min-height:500px!important;}
.h-510   {min-height:510px!important;}
.h-520   {min-height:520px!important;}
.h-530   {min-height:530px!important;}
.h-540   {min-height:540px!important;}
.h-550   {min-height:550px!important;}
.h-560   {min-height:560px!important;}
.h-570   {min-height:570px!important;}
.h-580   {min-height:580px!important;}
.h-590   {min-height:590px!important;}
.h-600   {min-height:600px!important;}

/* grados */
.ang5		{transform: rotate(5deg	) !important;}
.ang10	{transform: rotate(10deg) !important;}
.ang15	{transform: rotate(15deg) !important;}
.ang20	{transform: rotate(20deg) !important;}
.ang25	{transform: rotate(25deg) !important;}
.ang30	{transform: rotate(30deg) !important;}
.ang35	{transform: rotate(35deg) !important;}
.ang40	{transform: rotate(40deg) !important;}
.ang45	{transform: rotate(45deg) !important;}
.ang50	{transform: rotate(50deg) !important;}
.ang55	{transform: rotate(55deg) !important;}
.ang60	{transform: rotate(60deg) !important;}
.ang65	{transform: rotate(65deg) !important;}
.ang70	{transform: rotate(70deg) !important;}
.ang75	{transform: rotate(75deg) !important;}
.ang80	{transform: rotate(80deg) !important;}
.ang85	{transform: rotate(85deg) !important;}
.ang90	{transform: rotate(90deg) !important;}
.ang95	{transform: rotate(95deg) !important;}
.ang100	{transform: rotate(100deg)!important;}
.ang105	{transform: rotate(105deg)!important;}
.ang110	{transform: rotate(110deg)!important;}
.ang115	{transform: rotate(115deg)!important;}
.ang120	{transform: rotate(120deg)!important;}
.ang125	{transform: rotate(125deg)!important;}
.ang130	{transform: rotate(130deg)!important;}
.ang180	{transform: rotate(180deg)!important;}
.ang135	{transform: rotate(135deg)!important;}
.ang140	{transform: rotate(140deg)!important;}
.ang145	{transform: rotate(145deg)!important;}
.ang150	{transform: rotate(150deg)!important;}
.ang155	{transform: rotate(155deg)!important;}
.ang160	{transform: rotate(160deg)!important;}
.ang165	{transform: rotate(165deg)!important;}
.ang170	{transform: rotate(170deg)!important;}
.ang175	{transform: rotate(175deg)!important;}
.ang180	{transform: rotate(180deg)!important;}
    
/* */
/* Cyber Risks */

.tab-content > .tab-pane {    
min-height: 450px;
}
.tab-content > .tab-pane .step-content{
display: flex;
align-items: center;
justify-content: center;
padding-top: 40px;
}

.step-content .step-item{
margin-top: 100px;
padding:40px 20px;
background-color:#efefef;
border-radius:10px;
}

#despliegue .step-content .step-item    {   background-color:rgba(140, 194, 117, .4);   }
#reglas .step-content .step-item        {   background-color:rgba(251, 203, 67, .4);    }
#monitoreo .step-content .step-item     {   background-color:rgba(245, 129, 90, .4);    }
#eventos .step-content .step-item       {   background-color:rgba(99, 188, 184, .4);    }
#reportes .step-content .step-item      {   background-color:rgba(255, 146, 158, .4);   }


.step-content .step-item h2{
text-transform: uppercase;
font-size: 24px;
font-weight: 900;
color:#000;
}
.step-content .step-item b{
font-size: 24px;
font-weight: 700;	
}
.step-content .step-item p{
text-align: left;
font-size: 18px;
line-height: 1.2em;
font-weight: 400;
margin: 0.5em 0px;
color: rgb(0, 0, 0);
}

.tabs-wizard {
border-bottom:none ;
}
.tabs-wizard > li {
float: left;
width: 20%;
height: 60px;
}
.tabs-wizard > li > a {
display:flex;
margin: 0;
padding: 0;
position: relative;
background-color: #ddda;
color:#999;
height: 60px;
font-size: 15px;
font-weight: 700;
line-height: .9em;
text-transform: uppercase;
text-align: center;
align-items: center;
justify-content: center;
}
.tabs-wizard > li > a > b {
display: inline;
align-self: center;
padding: 0 10px;
}
.tabs-wizard > li > a .badge {
margin-left: 0px;
color: #eeeeee;
background-color: #428bca;
}
.tabs-wizard > li:not(:first-child) > a {
padding-left:10px;
}
.tabs-wizard > li:not(:first-child) > a:before {
content: "";
top: 0;
left: 0;
width: 0px;
height: 0px;
margin-left:-1px;
border-top: 30px inset transparent;
border-bottom: 30px inset transparent;
border-left: 20px solid #ffffff;
position: absolute;

}
.tabs-wizard > li:not(:last-child) > a {
margin-right: 0px;
}
.tabs-wizard > li:not(:last-child) > a:after {
width: 0px;
height: 0px;
border-top: 30px inset transparent;
border-bottom: 30px inset transparent;
border-left: 20px solid rgb(232 232 232);
position: absolute;
content: "";
top: 0;
right: -20px;
z-index: 2;
}
.tabs-wizard > li:first-child > a {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.tabs-wizard > li:last-child > a {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.tabs-wizard > li.done:hover > a,
.tabs-wizard > li:hover > a {
background-color: #d5d5d5;
text-decoration: none;
}
.tabs-wizard > li.done:hover > a:before,
.tabs-wizard > li:hover > a:before {
border-right-color: #d5d5d5;
}
.tabs-wizard > li.done:hover > a:after,
.tabs-wizard > li:hover > a:after {
border-left-color: #d5d5d5;
}
.tabs-wizard > li.done > a {
background-color: #e2e2e2;
}
.tabs-wizard > li.done > a:before {
border-right-color: #e2e2e2;
}
.tabs-wizard > li.done > a:after {
border-left-color: #e2e2e2;
}
.tabs-wizard > li.active > a,
.tabs-wizard > li.active > a:hover,
.tabs-wizard > li.active > a:focus {
color: #ffffff;
background-color: rgb(148 35 37);
}
.tabs-wizard > li.active > a:after {
border-left-color: rgb(148 35 37);
}
.tabs-wizard > li.active > a .badge {
color: #428bca;
background-color: #ffffff;
}
.tabs-wizard > li.disabled > a {
color: #777777;
}
.tabs-wizard > li.disabled > a:hover,
.tabs-wizard > li.disabled > a:focus {
color: #777777;
text-decoration: none;
background-color: #eeeeee;
cursor: default;
}
.tabs-wizard > li.disabled > a:before {
border-right-color: #eeeeee;
}
.tabs-wizard > li.disabled > a:after {
border-left-color: #eeeeee;
}
.tabs-wizard.nav-justified > li {
float: none;
}
.tabs-wizard.nav-justified > li > a {
padding: 10px 15px;
}

/* */
ul.solyserv {
display: flex;
min-height: 450px;
height:auto;
margin: 0;
padding: 0;
overflow: hidden;
list-style-type: none;
}
ul.solyserv ul{
}
ul.solyserv ul li {
}

ul.solyserv > li {
flex: 1;
display: flex;
align-items: stretch;
padding:0;
margin: 0;
background: #E74C3C;
cursor: pointer;
transition: all .5s ease;
position:relative;
background-color: #005C83;
background-position:20% 20%;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
ul.solyserv .section-content ul.list-teams {
background-color: rgba(0,0,0,.3);
padding: 20px;    
margin-top: 30px;
margin-bottom: 30px;
border-radius: 10px;
width: 95%;
}
ul.solyserv > li:hover {}	
ul.solyserv  h2 {
color: #FFF;
} 
ul.solyserv .section-content {	
display: none;
color: #E74C3C;
margin: 0;
align-self: center;
align-items: center;
margin: 0;
padding: 0 0 0 120px;
opacity: 1;
transition: all .25s .1s ease-out;
position: relative;
z-index: 4;
}
ul.solyserv	.section-title {
flex: 1;
display: flex;
align-items: center;
align-self: center;
width: calc(100vh / 10);
margin: 0;
padding: 0;
text-align: center;
color: white;
position: relative;
z-index: 4;
flex-direction: row;
align-content: center;
justify-content: center;
}	  
ul.solyserv	.section-title h2 {
margin: 0;
transform: rotate(-90deg);
white-space: nowrap;
font-weight: 700;
text-shadow: 0px 3px 2px rgba(0 0 0 / 50%);
}

ul.solyserv li.active .section-content {
display: block;
flex: 9;
opacity: 1;
transform: scaleX(1);
}
ul.solyserv li .section-content:after{
content: "";
position: absolute;
top: calc(50% - 60px);
left: 0;
display: block;
width: 100px;
height: 100px;
background-color: rgba(0, 0, 0, 0.3);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 90%; 
border-radius: 150px;
}
ul.solyserv .active {
flex: 5;
cursor: default;
}
ul.solyserv .active  h2 {
color: #fff;
}

ul.solyserv > li:before{
content: "";
display: block;
width: 100%;
height: 100%;
z-index:2;
position: absolute;
}
ul.solyserv li.sec-01::before{	background-color: rgb(26 131 150 / 64%);}
ul.solyserv li.sec-02:before{	background-color: rgb(65 121 184 / 50%);}
ul.solyserv li.sec-03:before{	background-color: rgb(86 56 175 / 85%);}
ul.solyserv li.sec-04:before{	background-color: rgb(70 173 67 / 50%);}
ul.solyserv li.sec-05:before{	background-color: rgb(68 113 154 / 60%);}

ul.solyserv li.sec-01 .section-content:after { background-image: url(../images/quotes/ico-big74.png);}
ul.solyserv li.sec-02 .section-content:after { background-image: url(../images/quotes/ico-big75.png);}
ul.solyserv li.sec-03 .section-content:after { background-image: url(../images/quotes/ico-big76.png);}
ul.solyserv li.sec-04 .section-content:after { background-image: url(../images/quotes/ico-big77.png);}
ul.solyserv li.sec-05 .section-content:after { background-image: url(../images/quotes/ico-big78.png);}	

ul.solyserv .sec-01{	background-image:url(../images/o4it/banner/bg001.jpg) ;}
ul.solyserv .sec-02{	background-image:url(../images/o4it/banner/bg002.jpg) ;}
ul.solyserv .sec-03{	background-image:url(../images/o4it/banner/bg003.jpg) ;}
ul.solyserv .sec-04{	background-image:url(../images/o4it/banner/bg004.jpg) ;}
ul.solyserv .sec-05{	background-image:url(../images/o4it/banner/bg005.jpg) ;}

ul.list-teams,ol.list-teams{

}
.list-teams li{
position:relative; 
font-weight: 400;
color: #fff;
text-align: left;
font-size: 15px;
line-height: 1.2em;
padding: 5px 5px 5px 50px;
list-style: none;
border-left: solid 2px #fff;
}
.list-teams li b{
font-weight: 900;  
}
.blueteam:before,
.redteam:before,
.greyteam:before,
.purpleteam:before{
content:"";
position: absolute;
left: 10px;
top: 6px;
margin: 0;
display: inline-block;
width: 17px;
height: 17px;
transform: rotate(-45deg);
border:solid 1px rgb(255 255 255 / 40%);
border-radius: 3px;
box-shadow: 0 3px 2px rgba(0 0 0 / 40%);
}
.blueteam:before{		background-color: #1c54b7;}
.redteam:before{		background-color: #9e1507;}
.greyteam:before{		background-color: #636061;}
.purpleteam:before{	background-color: #732e92;}

/*btn whatsapp*/


/* whatsapp */
.floating-btn {
	position: fixed;
	bottom: 10px;
	right: 10px;
  z-index: 100;
}
.floating-btn button{
  height: 50px;
  background-color: rgb(237 122 27);
  color: #FFF;
  text-align: center;
  font-size: 26px;
  line-height: 1em;
  font-weight: bold;
  font-style: normal;
  border: none;
  padding: 0 24px;
  margin: 0px;
  text-align: center;
  line-height: 30px;
}
.floating-btn button .fa{
  font-size: 32px;
  padding-left: 20px;
}
.floating-btn button:hover,
.floating-btn button:active,
.floating-btn button:visited,
.floating-btn button:target,
.floating-btn button:focus {
  background:#8FB63E; 
  color: #fff;
}
.floating-btn .dropdown-menu{
background: transparent;
box-shadow: none;
border: none;
}
.floating-btn .dropdown-menu a.btn{
  font-style: normal;
  text-align: right;
  height: 40px;
  padding: 0 50px 0 15px;
  margin-top: 1px;
  font-size: 11px;
  background-color: rgba(170,170,170,.8);
  border-radius: 8px 50px 50px 8px;
  color: #000;
  position: relative;
}
.floating-btn .dropdown-menu a.support-btn{
  line-height: 40px;
}
.floating-btn .dropdown-menu a.btn b{
  font-size: 15px;
  display: block;
}
.floating-btn .dropdown-menu a.btn i{
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
	height: 40px;
	background-color: #2ab640; 
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	font-size: 25px;
  line-height: 40px;
  margin-left: 10px;
}
.floating-btn .dropdown-menu a.support-btn i{
  background: #003957;
}

/* responsive */

/* mobile */
@media (min-width: 300px) and (max-width: 460px) {
        .navbar-brand {
        min-width: 200px;
        }               
}

@media (min-width: 180px) and (max-width:580px) {        
        .carousel-inner, .carousel-inner .item {
        height: 65vh;
        }
        .carousel-inner .item {         
        background-position: 50% 50%;
        }
        .carousel-caption {
        top:220px;
        left: 30vw;     
        width: 65vw;
        }
        .carousel-caption h1 {
        font-size: 3.7vh;
        }
        .carousel-caption h1 span {
        font-size: 2.5vh;
        }
        .carousel-caption p {
        font-size: 2vh;
        }
        .carousel-caption .btn {
        font-size: 12px;
        padding: 4px 15px;
        }
        /* */
        .home-o4it section {
        padding: 2em 0;
        }
        .page-title {
        font-size: 1.4em;
        }
        /* */
        .tab-content .tab-pane .step-content {    
        padding: 0;
        }
        .step-content .step-item {
        margin: 10px;
        padding: 20px;        
        border-radius: 10px;
        }
        .tabs-wizard  li {
        float: none;
        width: 60%;           
        margin: 7px auto;
        }
        /* */
        ul.solyserv .section-content {
        padding: 10px;
        }
        ul.solyserv .section-content li {
        font-size: 12px;
        }
        ul.solyserv li .section-content::after {
        content:none;
        }
        /* */
        ul.solyserv {
        display: block;
        min-height: 100%;
        max-height: 100%;
        overflow: inherit;
        }
        ul.solyserv > li {
        flex: none;
        display: block;
        align-items: none;
        background-position: 50% 50%;
        }
        ul.solyserv .section-title {
        flex: none;
        display: block;
        align-items: center;
        align-self: center;
        width: 100%;
        padding: 20px;
        text-align: center;        
        flex-direction: inherit;
        align-content: center;
        justify-content: center;        
        }
        ul.solyserv .section-title h2 {
        margin: 0;
        transform: rotate(0deg);
        white-space: inherit;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        }
        ul.solyserv .section-content ul.list-teams {       
        padding: 10px 20px;
		margin: 80px auto 10px;
		border-radius: 10px;
		width: 95%;
        }
        ul.solyserv li .section-content:after {
        content: "";
		position: absolute;
		top: 0px;
		left: calc(50% - 40px);
		display: block;
		width: 80px;
		height: 80px;
        }
        ul.solyserv .section-content {
        padding: 0 0 0 30%;
        }
        ul.solyserv li.active .section-content {
        display: block;
        flex: none;
        padding: 20px 0;        
        }

}
/* ipads */
@media (min-width: 581px) and  (max-width:771px) {        
        .carousel-inner, .carousel-inner .item {
        height: 80vh;
        }    
        .carousel-inner .item {         
        background-position: 62% 50%;
        }
        .carousel-caption {
        top:30vh;
        left: 32vw;     
        width: 55vw;
        }
        .carousel-caption h1 {
        font-size: 4.4vh;
        }
        .carousel-caption h1 span {
        font-size: 2.5vh;
        }
        .carousel-caption p {
        font-size: 2vh;
        }
        /* */
        .step-content .step-item {
          margin-top: 0;
          margin: 0px 0 30px;
          padding: 20px;
        }
        .tab-content > .tab-pane {
        min-height: auto;
        }
        /* */
       
        div.bhoechie-tab-content {        
        height: 450px;
        }
		
        /* */
		.mainbuttons {
			text-align: center;
			display: none;
			padding: 20px 0px 5px 0;
		}
		#main-menu li#mainbuttons {			
		    display:block;
		    text-align:center;
		    padding:5px 0;
		}
		#main-menu li#mainbuttons .btn-group{
		    width:100%;
		    background:#8fb63e;
		}
		#main-menu li#mainbuttons a.btn{
		    float: none;
            display: inline-block;
            padding: 4px 20px;
            position: relative;
            background-color: rgba(143, 183, 62,.6)!important;
            border-color: transparent;
            border-radius: 20px;
            font-size: 14px;
            line-height: inherit;
            font-style: normal;
            font-weight: normal;
            text-transform: none;		
		}
		#main-menu li#mainbuttons a.btn .fa{		   
		    color: #fff;
            font-size: 1.5em;
            line-height: 1.6em;
            width: 20px;
            display: none;
            margin:3px 0;
		}
        #mainbuttons .lang-eng,
        #mainbuttons .lang-spn {            
            vertical-align: middle;                        
            margin: 5px 5px;
            padding: 0;            
        }
        .b-xs-right {
            border:0;
            border-right-width:1px;
            border-right-style:solid;           
        }
        .b-xs-left {
            border:0;
            border-left-width:1px;
            border-left-style:solid;
        }
        .b-xs-top {
            border:0;
            border-top-width:1px;
            border-top-style:solid;
        }
        .b-xs-bottom {
            border: 0;
            border-bottom-width: 1px;
            border-bottom-style: solid;
        }
            /* */
        ul.solyserv .section-content li{
            color: #fff;
            font-size: 12px;
            line-height: 1.5em;
         }
        
        ul.solyserv .section-content {
            padding: 0;
        }
        ul.solyserv .section-content ul.list-teams {            
            padding: 20px;
            margin: 140px auto 20px;
        }
        ul.solyserv li.active .section-content {
            display: block;
            height: 100%;
            width: 100%;
            flex: 3;      
        }
        ul.solyserv li .section-content:after {
            position: absolute;
            top: 5%;
            left: calc(50% - 50px);
            display: block;
            width: 100px;
            height: 100px;
        }

}
/* bootstrap xs*/
@media  (max-width:767px) {	
		#page-wrapper, .productcontent {
		}
		.menu-panel .certifi-text {
			height: inherit;
			font-size: 14px;
			padding-bottom: 10px;
		}
		.menu-panel .certifi-text p {
			font-size: 14px;
		}
		.chb input[type="radio"] ~ label:before, .chb input[type="checkbox"] ~ label:before {
			top: 20%;
		}

		.page-product .page-title,.page-product .page-title.text-left,.page-product .page-title.text-center   {		
			padding: 0;
			text-indent: 0!important;
			font-size: 24px!important;
			padding-bottom: 20px;
			font-size: 24px;
			padding-bottom: 20px;
			font-weight: normal;
		}
		h2.label span{
			display:inline-block;
		}
        /* */
        div.bhoechie-tab-menu div.list-group > a {                
        display: block;                
        width: 100%;
        height: auto;
        padding: 20px 20px;
        }
        div.bhoechie-tab-content {        
        height: 450px;
        }
		div.bhoechie-tab-content { 
		background-size: 100% auto;
		}
        /* */
		footer.footer .row{
			margin-right: -2%;
			margin-left: -2%;
		}
		.footer .f-address,.footer .f-social {
			min-height: auto;
			padding: 10px 4%;
		}
		footer.footer table.tb-footer,footer.footer table.tb-footer tbody,footer.footer table.tb-footer tr{
		display:block;
		width:100%;
		}
		footer.footer table.tb-footer td{
		display:block;
		width:100%;
		}
        .f-borde {
            min-height:auto;
        }                   
        ul.item-list-h{
			display:block;		
		}
		ul.item-list-h li{
			display:block;
		}
		ul.list-benef li {
			width: 100%;
		}
		ul.list-benef li p{		
            position: relative;
            margin: 0;
            top: 0; 
            left: 0;
            width: 80%;
            height: auto;
            min-height: auto;
            color: #777;
            text-align: center;
            font-size: 15px;
            line-height: 1.3em;
            vertical-align: middle;
            font-weight: 100;
            font-style: italic;
            padding: 5px 10px;
            margin: 0px 10% 20px;
            background-color: transparent;
            border:none;
            background: #fff;
            display: block;            
            border-radius: 5px;
		}
		ul.list-benef li {
            padding-top: 100px;
		}
		.hexagon {
            position: absolute;
            top: 40px;
            left: 50%;
            margin: 0;
            margin-left: -40px;
            width: 70px;
            height: 40px;
            background-color: #286090;
            z-index: 99;
        }
		.hexagon:before {
            bottom: 100%;
            border-bottom: 20px solid rgba(128,168,222,.5);
        }
        .hexagon:after {
            top: 100%;
            width: 0;
            border-top: 20px solid rgba(128,168,222,.5);
        }
        .list-benef li .hexagon i.fa {
            width: 70px;
            padding: 5px;
            height: 50px;
            line-height: 34px;
            font-size: 2.5em;
        }
        .hexagon:before, .hexagon:after {
            content: "";
            position: absolute;
            width: 0;
            border-left: 35px solid transparent;
            border-right: 35px solid transparent;
        }
		.panel-hide .certifi-text {
			display:block;
			position:relative;
			left: inherit;
			top: inherit;
			font-size:17px;
			width:100%;
			height:auto;
			min-height:inherit;
			padding:20px 15px;
			z-index:9;
			color:#004A69;
			font-style:italic;
			background-color:transparent;	
		}
		.panel-hide:hover .certifi-text {
			display:block;
			z-index:99;
		
		}
		.btn-apply {
            border-radius: 25px;
            margin: 1em .5em;
            font-size: inherit;
            font-weight: normal;
            font-size: 14px;
        }
        section#certify span.pic-certify, span.pic-certify {           
            background-size: auto 75%;               
        }
        /**/
        .tabs-wizard.nav-justified > li > a {
	      border-radius: 4px;
	      margin-right: 0;
	    }
	    .tabs-wizard.nav-justified > li > a:before,
	    .tabs-wizard.nav-justified > li > a:after {
	      border: none !important;
	    }
        div.bhoechie-tab-container {
        width: 90%;
        margin: 10px 5%;
        }
        /**/
		.w-box{
            display:inline-block;
            margin-left:0.3%;
            margin-right:0.3%;
        }
        .xs-per5{  width:4%  ;}
        .xs-per10{ width:9%  ;}
        .xs-per15{ width:14% ;}
        .xs-per20{ width:19% ;}
        .xs-per25{ width:24% ;}
        .xs-per30{ width:29% ;}
        .xs-per35{ width:34% ;}
        .xs-per40{ width:39% ;}
        .xs-per45{ width:44% ;}
        .xs-per50{ width:49% ;}
        .xs-per55{ width:54% ;}
        .xs-per60{ width:59% ;}
        .xs-per65{ width:64% ;}
        .xs-per70{ width:69% ;}
        .xs-per75{ width:74% ;}
        .xs-per80{ width:79% ;}
        .xs-per85{ width:84% ;}
        .xs-per90{ width:89% ;}
        .xs-per95{ width:94% ;}
        .xs-per100{width:99% ;}
        
        .h-10    {min-height:auto!important;}
        .h-20    {min-height:auto!important;}
        .h-30    {min-height:auto!important;}
        .h-40    {min-height:auto!important;}
        .h-50    {min-height:auto!important;}
        .h-60    {min-height:auto!important;}
        .h-70    {min-height:auto!important;}
        .h-80    {min-height:auto!important;}
        .h-90    {min-height:auto!important;}
        .h-100   {min-height:auto!important;}
        .h-110   {min-height:auto!important;}
        .h-120   {min-height:auto!important;}
        .h-130   {min-height:auto!important;}
        .h-140   {min-height:auto!important;}
        .h-150   {min-height:auto!important;}
        .h-160   {min-height:auto!important;}
        .h-170   {min-height:auto!important;}
        .h-180   {min-height:auto!important;}
        .h-190   {min-height:auto!important;}
        .h-200   {min-height:auto!important;}
        .h-210   {min-height:auto!important;}
        .h-220   {min-height:auto!important;}
        .h-230   {min-height:auto!important;}
        .h-240   {min-height:auto!important;}
        .h-250   {min-height:auto!important;}
        .h-260   {min-height:auto!important;}
        .h-270   {min-height:auto!important;}
        .h-280   {min-height:auto!important;}
        .h-290   {min-height:auto!important;}
        .h-300   {min-height:auto!important;}
        .h-310   {min-height:auto!important;}
        .h-320   {min-height:auto!important;}
        .h-330   {min-height:auto!important;}
        .h-340   {min-height:auto!important;}
        .h-350   {min-height:auto!important;}
        .h-360   {min-height:auto!important;}
        .h-370   {min-height:auto!important;}
        .h-380   {min-height:auto!important;}
        .h-390   {min-height:auto!important;}
        .h-400   {min-height:auto!important;}
        .h-410   {min-height:auto!important;}
        .h-420   {min-height:auto!important;}
        .h-430   {min-height:auto!important;}
        .h-440   {min-height:auto!important;}
        .h-450   {min-height:auto!important;}
        .h-460   {min-height:auto!important;}
        .h-470   {min-height:auto!important;}
        .h-480   {min-height:auto!important;}
        .h-490   {min-height:auto!important;}
        .h-500   {min-height:auto!important;}
        .h-510   {min-height:auto!important;}
        .h-520   {min-height:auto!important;}
        .h-530   {min-height:auto!important;}
        .h-540   {min-height:auto!important;}
        .h-550   {min-height:auto!important;}
        .h-560   {min-height:auto!important;}
        .h-570   {min-height:auto!important;}
        .h-580   {min-height:auto!important;}
        .h-590   {min-height:auto!important;}
        .h-600   {min-height:auto!important;}
        		
}

/* bootstrap sm*/
@media (min-width: 768px) and (max-width: 991px) {
        .step-content .step-item {
        margin-top:0;
        }
        .tab-content > .tab-pane {
        min-height: auto;
        }
        .circle-tile {
		margin-bottom: 30px;
	    }		        
		.landing section.section {
		padding: 30px 4% 30px;
		}
		.landing section h1{
			font-size:24px;	
		}
		.landing section h2{
			font-size:18px;	
		}
		#main-menu.sm li{
		    margin: 0 -2px;
		}
		#main-menu.sm li a {
            font-size: 11px;
            padding-left: 5px;            
        }
        #main-menu.sm li ul li a {
            font-size: 14px;
            padding-left: 20px; 
            padding-right: 20px;            
        }
		.mainbuttons {
			text-align: right;
		}
		#page-wrapper, .productcontent {
		}
		.menu-panel span.pic-certify {
			height: 150px;
			background-size: auto 100%;
		}
		.menu-panel .certifi-text {
			height: 190px;
			font-size: 13px;
		}
		.menu-panel .certifi-text p {
			font-size: 13px;
		}
		.partner-benefits .carousel-inner {
			height: auto;
		}
		.partner-benefits .carousel-caption {
			top: 25%;
		}
		ul.list-benef li {
			width: 48%;
		}
        /* */
        div.bhoechie-tab-content {       
        width: 100%;
        height: 520px;
        }   
		/* */
		footer.footer table.tb-footer tbody,footer.footer table.tb-footer tr{
		    display:block;
		    float:left;
		    width:100%;
		}
		footer.footer table.tb-footer td{
		    width:100%;
            border: solid 1px rgba(0,74,105,.4);
            border-top:none;
            border-right:none;		    
		}
		footer.footer table.tb-footer td.f-address{
            width: 33.3%;
            float: left;
            min-height: 180px;          
		}
		
		footer.footer table.tb-footer td.f-contact,footer.footer table.tb-footer td.f-link{
            display:block;
		    float:left;
		    width:70%;
		    min-height: 322px;
		    	    
		}
		footer.footer table.tb-footer td.f-link{
            width: 30%;
		}
		footer.footer table.tb-footer td.f-web,footer.footer table.tb-footer td.f-social{
		    display:block;
		    float:left;
		    width:100%;		    
		}
		footer.footer table.tb-footer td.f-social .item-list-h li{
		    display:block;
		    width:40%;
		    margin:0 5%;
		    float:left;
		}
		
        .sm-per5{  width:4%  ;}
        .sm-per10{ width:9%  ;}
        .sm-per15{ width:14% ;}
        .sm-per20{ width:19% ;}
        .sm-per25{ width:24% ;}
        .sm-per30{ width:29% ;}
        .sm-per35{ width:34% ;}
        .sm-per40{ width:39% ;}
        .sm-per45{ width:44% ;}
        .sm-per50{ width:49% ;}
        .sm-per55{ width:54% ;}
        .sm-per60{ width:59% ;}
        .sm-per65{ width:64% ;}
        .sm-per70{ width:69% ;}
        .sm-per75{ width:74% ;}
        .sm-per80{ width:79% ;}
        .sm-per85{ width:84% ;}
        .sm-per90{ width:89% ;}
        .sm-per95{ width:94% ;}
        .sm-per100{width:99% ;}	
        
        .b-sm-right {
            border:0;
            border-right-width:1px;
            border-right-style:solid;
        }
        .b-sm-left {
            border:0;
            border-left-width:1px;
            border-left-style:solid;
        }
        .b-xs-top {
            border:0;
            border-top-width:1px;
            border-top-style:solid;
        }
        .b-sm-bottom {
            border:0;
            border-bottom-width:1px;
            border-bottom-style:solid;
        }	
}
/* bootstrap md*/
@media (min-width: 992px) and (max-width: 1199px) {
    .md-per5{  width:4%  ;}
        .md-per10{ width:9%  ;}
        .md-per14{ width:13% ;}
        .md-per15{ width:14% ;}
        .md-per20{ width:19% ;}
        .md-per25{ width:24% ;}
        .md-per30{ width:29% ;}
        .md-per35{ width:34% ;}
        .md-per40{ width:39% ;}
        .md-per45{ width:44% ;}
        .md-per50{ width:49% ;}
        .md-per55{ width:54% ;}
        .md-per60{ width:59% ;}
        .md-per65{ width:64% ;}
        .md-per70{ width:69% ;}
        .md-per75{ width:74% ;}
        .md-per80{ width:79% ;}
        .md-per85{ width:84% ;}
        .md-per90{ width:89% ;}
        .md-per95{ width:94% ;}
        .md-per100{width:99% ;} 
        
        .b-md-right {
            border:0;
            border-right-width:1px;
            border-right-style:solid;
        }
        .b-md-left {
            border:0;
            border-left-width:1px;
            border-left-style:solid;
        }
        .b-md-top {
            border:0;
            border-top-width:1px;
            border-top-style:solid;
        }
        .b-md-bottom {
            border:0;
            border-bottom-width:1px;
            border-bottom-style:solid;
        } 
        /**/
         
        .carousel-inner .item {         
        background-position: 65% 50%;
        }
        .carousel-caption {
        /*left: 38vw;     
        width: 55vw;*/
        }
        .carousel-caption h1 {
        /*font-size: 7vh;*/
        }
        .carousel-caption h1 span {
        /*font-size: 3.5vh;*/
        }
        .carousel-caption p {
        /*font-size: 2vh;*/
        }
        /* */
}
@media (width: 1024px) and (min-height: 1000px) {
         .carousel-inner, .carousel-inner .item {
        /*height: calc(100vh - 45px);*/
        }
        .carousel-inner .item {         
        background-position: 65% 50%;
        }
        .carousel-caption {
        left: 25%;
        top: 22vh;
        padding: 30px;
        }        
        .carousel-caption h1 {
        font-size: 65px;
        }
        .carousel-caption h1 span {
        font-size: 32px;
        }
        .carousel-caption p {
        font-size: 34px;
        line-height: 1.1em;
        }
        .step-content .step-item {  
        margin-top: 60px;
        }
}

/* bootstrap lg*/
@media (min-width: 1200px) {
     ul.list-benef li {
            width: 24.8%;
        }
        .lg-per5{  width:4%   ;}
        .lg-per10{ width:9%   ;}
        .lg-per14{ width:13%  ;}
        .lg-per15{ width:14%  ;}
        .lg-per20{ width:19%  ;}
        .lg-per25{ width:24%  ;}
        .lg-per30{ width:29%  ;}
        .lg-per35{ width:34%  ;}
        .lg-per40{ width:39%  ;}
        .lg-per45{ width:44%  ;}
        .lg-per50{ width:49%  ;}
        .lg-per55{ width:54%  ;}
        .lg-per60{ width:59%  ;}
        .lg-per65{ width:64%  ;}
        .lg-per70{ width:69%  ;}
        .lg-per75{ width:74%  ;}
        .lg-per80{ width:79%  ;}
        .lg-per85{ width:84%  ;}
        .lg-per90{ width:89%  ;}
        .lg-per95{ width:94%  ;}
        .lg-per100{width:99%  ;}     
        
        .b-lg-right {
            border:0;
            border-right-width:1px;
            border-right-style:solid;
        }
        .b-lg-left {
            border:0;
            border-left-width:1px;
            border-left-style:solid;
        }
        .b-lg-top {
            border:0;
            border-top-width:1px;
            border-top-style:solid;
        }
        .b-lg-bottom {
            border:0;
            border-bottom-width:1px;
            border-bottom-style:solid;
        }  
}


@media (min-width: 581px) and (max-width: 771px) {
    
}

@media (max-width: 771px) {
        body.marketplace{
            padding-top: 0;
        }
        .header-content.navbar-fixed-top {
			position: absolute!important;
		}
		.container {
			width: 98%;
			padding-right: 1%;
			padding-left: 1%;
		}
		.nav-btn {
			padding: 10px 0px;
			text-align: center;
			margin-right: 0px;
			margin-left: 0px;
		}
		.nav a.btn, .nav a.btn:hover {
			border-radius: 50px;
            border: solid 1px rgba(143, 183, 62, .6);            
            /*margin: 2px;*/
            padding: 4px 12px;
            font-size: 11px;
            /*text-transform: uppercase;*/
		}
        .nav a.btn:hover {        }
		nav.main-nav {
			/*background-color: #A6CE38!important;*/
		}
		#page-wrapper .container-fluid {
		display:block;
		}
		
		.helperpage > iframe {
			top: 90px;
		}
		.jumbotron {
			background-color: rgba(0,0,0,1)!important;
			position: relative;
		}
		.jumbotron h1 {
			font-size: 19px;
		}
		.jumbotron .jum-box h1 {
			min-height: 60px;
            background-size: auto 40px;
            background-position: 7px 2px;
            margin: 5px 0 0!important;
            font-size: 24px;
            padding: 10px 0px 0px 55px;
            height: auto;
		}
		.jumbotron .jum-box h3 {
			font-weight: 100;
            font-size: 14px;
            text-align: left;
            line-height: 1.4em;
            color: #fff;
            padding: 0px 20px 10px 55px;
		}
		.page-product .jumbotron {
			height: 100%!important;
            min-height: 150px;
            width: 100%;
            background-size: auto 100%;
            background-position: 50% 0;
            background-attachment: initial;
            overflow: initial;
            position: relative;
		}
		.page-product .jumbotron .jum-box {
			color: #fff;
            margin-bottom: 150px;
            position: relative;
            top: 0;
            width: 100%;
            height: auto;
            min-height: inherit;
            content: inherit;
            background: rgba(0,74,105,0.7);	
		}
		.page-product .jumbotron .jum-box-btn {
			padding: 10px 0;
			position: relative;
			top: 0;
			width: 100%;
			border: solid 1px rgba(0,0,0,.0);
			background: rgba(0,0,0,.5);
			z-index: 999;
			text-align: center;
		}
		table.tb-products1, table.tb-products1 h5 {
			font-size: 11px;
		}
		.alert {
			display: inline-block;
			width: 100%;
		}

		/* menu responsive */		
		.navbar2 .nav2 ul.navbar-nav {
			display: block;
		}
		.nav2 .navbar-nav>li {
			text-align: left;
			text-transform: none;
			padding: 0px;
			font-weight: bold;
			font-size: 14px;
		}
		.nav2 .navbar-nav>li>a {
			text-align: left;
			margin: 0 auto;
			padding: 8px 4%;
			line-height: 1em;
			font-weight: normal;
			margin: 0;
		}
		.navbar-default .navbar-nav .open .dropdown-menu>li>a {
			color: #ccc;
			padding: 5px 4%;
		}
		.navbar-default .navbar-nav .open .dropdown-menu>li>a>i {
			background-color: rgba(255,255,255,.5);
			border-radius: 50px;
			background-size: 100% auto;
			width: 24px;
			height: 24px;
			line-height: 1.5em;
			font-size: 1.2em;
			color: #000;
			text-align: center;
		}
		.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
			color: #fff;
			background-color: #efefef;
		}
		/* */
		.page-title.text-left{
		    text-align:center!important;
		}
		.page-title.text-left.page-border:before{
		    left:25%;
		}
		/* */
				
		.footer-bottom p {
			text-align: center;
		}
		.modalNoPadding, .modalNoPadding .col-sm-12, .modalNoPadding .col-sm-12 .form-group .col-md-8, .modalNoPadding .col-sm-12 .form-group .col-md-4 {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}
		h1.tab-tittle, h2.tab-tittle {
			font-size: 12px;
			padding: .2em 0 .2em 25px;
		}
		.marketplace .form-horizontal label.control-label {
			font-size: 11px;
		}
		.tab-tittle .fa {
			width: 0px;
		}
		.form-horizontal .form-group {
			margin-bottom: 5px;
		}
		.g-recaptcha {
			transform: scale(0.7);
			-webkit-transform: scale(0.7);
			transform-origin: 0 0;
			-webkit-transform-origin: 0 0;
		}
		.timeline-text {
			padding-left: 0px;
		}
		.list-sumary p, .list-sumary div, .list-sumary a {
			font-size: 10px!important;
			word-wrap: break-word;
			padding-left: 5px;
			padding-right: 5px;
		}
		.sumary-total label, .sumary-total div {
			font-size: 16px!important;
			word-wrap: break-word;
			padding-left: 0px;
			padding-right: 0px;
		}
		.thanks-tittle {
			font-size: 19px!important;
		}
		.view-shopping {
			margin-top: 4px;
		}
		.pull-left {
			text-align: center;
		}
		.wizard-step {
			font-size: 11px!important;
		}
		.list-sumary {
			padding-right: 0px;
			padding-left: 0px;
		}
		span.wiz50 {
			font-size: 10px;
			width: 40px!important;
		}
		.wizard-content .wizard.product-text {
			width: 100%;
		}
		.ui-icon-close {
			background: url(../../css/images/close.png) no-repeat!important;
			background-position: 10px 8px!important;
			height: 20px!important;
			width: 20px!important;
			margin-right: 0px!important;
			margin-top: 0!important;
			padding-left: 30px!important;
			padding-bottom: 50px!important;
			padding-top: 10px!important;
		}
		.wizard-content .wizard.product-text span {
			font-size: 10px;
		}
		.fixedwizardMarketHome {
			position: fixed!important;
		}
		.fixedconfirmdeleteAddon {
			position: fixed!important;
			left: 57%!important;
			top: 63%!important;
			margin-left: -174px!important;
			margin-top: -175px!important;
		}
		#quantity input {
			width: 45px;
			padding-left: 5px;
			padding-right: 0px;
			font-size: 10px;
		}
		.addonmkplace input {
			width: 45px;
			padding-left: 5px;
			padding-right: 0px;
			font-size: 10px;
		}
		.nopaddingmkplace {
			padding-right: 0px;
			padding-left: 0px;
		}
		.ui-dialog-buttonset {
			font-size: 13px!important;
			text-align: center;
		}
		.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
			float: center;
		}
		.ui-dialog .ui-dialog-content {
			padding: .5em 1em!important;
		}
		body #postcontent h1 {
			font-size: 1.4em;
			color: #6A8A22;
			margin: 10px 0;
		}
		#postcontent em {
			font-size: 0.7em!important;
			margin: 10px 0!important;
			font-style: normal!important;
		}
		.carousel-inner.benefit {
			height: 287px!important;
		}
		.ico-atacht-webrequest {
			background-position: -7% 0%!important;
		}
		.popbox {
			display: none;
			position: absolute;
			z-index: 99999;
			width: 230px;
			height: 237px;
			margin-top: -80px!important;
			padding: 20px 0!important;
			background: #fff;
			border: 1px solid #ccc;
			color: #000000;
			margin: 0px;
			-webkit-box-shadow: 0px 3px 5px 0px rgba(164, 164, 164, .6);
			box-shadow: 0px 3px 5px 0px rgba(164, 164, 164,.6);
		}
		.popbox textarea {
			text-align: center;
			width: 100%!important;
			height: 190px!important;
			font-size: 12px;
			line-height: 1.3em;
			color: #000;
			padding: 0 10px 5px;
		}
        
        ul.timeline:before {
	        left: 40px;
        }
        ul.timeline > li > .timeline-panel {
	        width: calc(100% - 90px);
	        width: -moz-calc(100% - 90px);
	        width: -webkit-calc(100% - 90px);
        }
        ul.timeline > li > .timeline-badge {
	        left: 15px;
	        margin-left: 0;
	        top: 16px;
        }
        ul.timeline > li > .timeline-panel {
	        float: right;
        }
        ul.timeline > li > .timeline-panel:before {
	        border-left-width: 0;
	        border-right-width: 15px;
	        left: -15px;
	        right: auto;
        }
        ul.timeline > li > .timeline-panel:after {
	        border-left-width: 0;
	        border-right-width: 14px;
	        left: -14px;
	        right: auto;
        }
        .menu-panel.col-xs-12 span.pic-certify {
	        /*background-size:auto 100%;*/
	        height: 150px;
        }
        .btn-group {
	        margin-top: 10px;
        }
        .carousel-control .glyphicon-chevron-right {
	        margin-right: 25px;
        }
        .carousel-control .glyphicon-chevron-left {
	        margin-left: 25px;
        }
        .chb input[type="radio"] ~ label:before, .chb input[type="checkbox"] ~ label:before {
	        top: 90px;
        }
        .chb input[type="radio"]:empty ~ label p, .chb input[type="checkbox"]:empty ~ label p {
	        height: auto;
	        overflow: inherit;
        }
}

/* ------------- */

@media (min-width: 772px) {    
        #page-wrapper {
	        position: inherit;
        }
        .sidebar {
	        z-index: 1;
	        position: absolute;
	        width: 250px;
	        margin-top: 51px;
        }
        .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
	        margin-left: auto;
        }
        .menu-panel.col-sm-3 {
	        padding: 0;
	        margin: 10px 1% 10px;
	        width: 23%;
        }
}

@media (min-width: 1200px) {
        .marketplace .itsm-content {
	        width: 1170px;
        }
}


@media only screen and (min-width : 120px) and (max-width : 320px) {
        .menu-panel.mp10 {
	        width: 99%;
	        min-width:200px;
	        max-width:210px;
        }
        .menu-panel.mp7 {
	        width: 99%;
        }
}

@media only screen and (min-width : 320px) and (max-width : 719px) {
        .menu-panel.mp10 {
	        width: 48.469%;
	        min-width:200px;
	        max-width:210px;
        }
        .menu-panel.mp7 {
	        width: 48.4%;
        }
}

@media only screen and (min-width : 720px) and (max-width : 819px) {
        .menu-panel.mp10 {
	        width: 48.7%;
	        min-width:200px;
	        max-width:210px;
        }
        .menu-panel.mp7 {
	        width: 48.7%;
        }
}

@media only screen and (min-width : 820px) and (max-width : 969px) {
        .menu-panel.mp10 {
	        width: 18.64%;
	        min-width:200px;
	        max-width:210px;
        }
        .menu-panel.mp7 {
	        width: 23.7%;
        }
}

@media only screen and (min-width : 970px) {
        .menu-panel.mp10 {
	        width: 18.64%;
	        min-width:200px;
	        max-width:210px;
        }
        .menu-panel.mp7 {
	        width: 12.922222%;
        }
}

/*iPad 1 - 2 in portrait*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
        .pull-left {
	        text-align: right!important;
        }
        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	        float: right;
        }
}

.flexcontainer, .flexcontainer > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
    flex-wrap: wrap;
}

.flexcol {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
    flex-flow: column nowrap;
}

/* Blog Custom Styles */

.blogRedColor{
   color : red;
}
.blogBlueLightColor{
   color : #005C89;
}
.blogBlueColor{
   color : #003957;
}

.blogGreenColor{
   color : #8FB73E;
}

.blog{
     text-align: justify;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 100;
    margin: .5em 0;
}

.blogCenter{
     text-align: center
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 100;
    margin: .5em 0;
}


.callToAction {   
	background: #004A69; 
	border-color: #004A69;
	color: #fff; 
	border-radius: 5px;
	padding: 5px 25px;
	font-style: italic;
	font-size: 14px;
	font-weight: 400; 
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	border: 1px solid transparent;
	line-height: 60px;
	margin: auto;  
}
.blogShadow {
  box-shadow: 2px 2px 5px #999;

}
.blogImageMargin{
margin : 20px

}
.blogSpace
{
 padding-bottom : 60px;
}

/** Service Page Additional Styles to support embedded pages */
.no-padding {
padding: 0 !important
}
.row-no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}



/* */

.panel-hex{
	background-color: transparent;
	border:none;
	margin: 0 0 0 40px;
	color:#fff;
	box-shadow: none!important;
}
.panel-hex .panel-heading{
	padding:0;
	border-color:transparent;
}
.panel-hex .panel-title{
	font-size: 21px;
    min-height: 75px;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    position: relative;
    align-content: center;
    padding: 0;	
}
.panel-hex .panel-title a{	
	padding: 0 0 0 80px;
    font-weight: 700;
}
.panel-hex .panel-title a:hover{	
	color:rgb(225 163 55);
	text-decoration: none;
}
.panel-hex .panel-title a:hover .hex {
    color:#fff;
}
.panel-hex .panel-body{
	font-size: 15px;
    border-top-color: transparent!important;
    background: rgb(225 163 55 / 46%);
    border-radius: 8px;
    margin: 10px 0;
}
 /* */
.hex {
display: inline-block;
position: absolute;
top: 0;
width: 60px;
left: 0;
height: 34.64px;
background-color: #e1a337;
margin: 20px 20px 20px 0;
text-align: center;
font-size: 30px;
}

.hex:before,
.hex:after {
content: "";
position: absolute;
width: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
margin-left:-18px;
}

.hex:before {
bottom: 100%;
border-bottom: 17.32px solid #e1a337;
}

.hex:after {
top: 100%;
width: 0;
border-top: 17.32px solid #e1a337;
margin-left: -42px;
}



  /* securitygestionada */
  #securitygestionada{	
	  position: relative;
	  z-index: 2;
  }
  #securitygestionada:after,
  #securitygestionada:before{	
	content: "";
	display: block;
	position: absolute;
	top:0;
	left: 0;	
	height:100%; 
	width: 100%;
	
  }
  #securitygestionada:after{
    background-image: url(../images/cyber-security.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: -2;
  }
  #securitygestionada container{
	  position: relative;
	  z-index: 4;
  }
  #securitygestionada:before{
	background-color:rgba(102, 0, 0,.7);
	z-index: 0; 
	/*content: "";
	display: block;
	background-color: #660000;
	position: absolute;
	width: 100%;
	height: 100vh;*/
}

 /* */
  .row{
    margin-top:40px;
    padding: 0 10px;
}

.clickable{
    cursor: pointer;   
}

.panel-heading span {
	position: absolute;
    margin-top: 8px;
    font-size: 15px;
}

/* animated */
/* fadeIn */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.u--fadeIn {
  -webkit-animation: fadeIn 1s ease-in;
  -moz-animation: fadeIn 1s ease-in;
  -o-animation: fadeIn 1s ease-in;
  animation: fadeIn 1s ease-in; }

/* fadeInLeft */
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none; } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-50%, 0, 0); }
  100% {
    opacity: 1;
    -moz-transform: none; } }
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translate3d(-50%, 0, 0); }
  100% {
    opacity: 1;
    -o-transform: none; } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-50%, 0, 0); }
  100% {
    opacity: 1;
    transform: none; } }

.u--fadeInLeft {
  -webkit-animation: fadeInLeft 1s ease-in;
  -moz-animation: fadeInLeft 1s ease-in;
  -o-animation: fadeInLeft 1s ease-in;
  animation: fadeInLeft 1s ease-in; }

/* fadeInRight */
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none; } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translate3d(50%, 0, 0); }
  100% {
    opacity: 1;
    -moz-transform: none; } }
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translate3d(50%, 0, 0); }
  100% {
    opacity: 1;
    -o-transform: none; } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(50%, 0, 0); }
  100% {
    opacity: 1;
    transform: none; } }

.u--fadeInRight {
  -webkit-animation: fadeInRight 1s ease-in;
  -moz-animation: fadeInRight 1s ease-in;
  -o-animation: fadeInRight 1s ease-in;
  animation: fadeInRight 1s ease-in; }

/* fadeInUp */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none; } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -moz-transform: none; } }
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -o-transform: none; } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    transform: none; } }

.u--fadeInUp {
  -webkit-animation: fadeInUp 1s ease-in;
  -moz-animation: fadeInUp 1s ease-in;
  -o-animation: fadeInUp 1s ease-in;
  animation: fadeInUp 1s ease-in; }

/* fadeInDown */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none; } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -50%, 0); }
  100% {
    opacity: 1;
    -moz-transform: none; } }
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translate3d(0, -50%, 0); }
  100% {
    opacity: 1;
    -o-transform: none; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -50%, 0); }
  100% {
    opacity: 1;
    transform: none; } }

.u--fadeInDown {
  -webkit-animation: fadeInDown 1s ease-in;
  -moz-animation: fadeInDown 1s ease-in;
  -o-animation: fadeInDown 1s ease-in;
  animation: fadeInDown 1s ease-in; }

/* fadeOut */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeIn {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.u--fadeOut {
  -webkit-animation: fadeOut 1s ease-out;
  -moz-animation: fadeOut 1s ease-out;
  -o-animation: fadeOut 1s ease-out;
  animation: fadeOut 1s ease-out; }

/* fadeOutLeft */
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: none; } }
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translate3d(-50%, 0, 0); }
  100% {
    opacity: 0;
    -moz-transform: none; } }
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translate3d(-50%, 0, 0); }
  100% {
    opacity: 0;
    -o-transform: none; } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translate3d(-50%, 0, 0); }
  100% {
    opacity: 0;
    transform: none; } }

.u--fadeOutLeft {
  -webkit-animation: fadeOutLeft 1s ease-out;
  -moz-animation: fadeOutLeft 1s ease-out;
  -o-animation: fadeOutLeft 1s ease-out;
  animation: fadeOutLeft 1s ease-out; }

/* fadeOutRight */
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(50%, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: none; } }
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translate3d(50%, 0, 0); }
  100% {
    opacity: 0;
    -moz-transform: none; } }
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translate3d(50%, 0, 0); }
  100% {
    opacity: 0;
    -o-transform: none; } }
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translate3d(50%, 0, 0); }
  100% {
    opacity: 0;
    transform: none; } }

.u--fadeOutRight {
  -webkit-animation: fadeOutRight 1s ease-out;
  -moz-animation: fadeOutRight 1s ease-out;
  -o-animation: fadeOutRight 1s ease-out;
  animation: fadeOutRight 1s ease-out; }

/* fadeOutUp */
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 0;
    -webkit-transform: none; } }
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 0;
    -moz-transform: none; } }
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 0;
    -o-transform: none; } }
@keyframes fadeOutUp {
    0% {
    opacity: 1;
    transform: translate3d(0, 50%, 0); }
    100% {
    opacity: 0;
    transform: none; } 

}

.u--fadeOutUp {
  -webkit-animation: fadeOutUp 1s ease-out;
  -moz-animation: fadeOutUp 1s ease-out;
  -o-animation: fadeOutUp 1s ease-out;
  animation: fadeOutUp 1s ease-out; 
}

/* fadeOutDown */
@-webkit-keyframes fadeOutDown {
    0% {
    opacity: 1;
    -webkit-transform: translate3d(0, -50%, 0); }
    100% {
    opacity: 0;
    -webkit-transform: none; } 
}
@-moz-keyframes fadeOutDown {
    0% {
    opacity: 1;
    -moz-transform: translate3d(0, -50%, 0); }
    100% {
    opacity: 0;
    -moz-transform: none; }
}
@-o-keyframes fadeOutDown {
    0% {
    opacity: 1;
    -o-transform: translate3d(0, -50%, 0); }
    100% {
    opacity: 0;
    -o-transform: none; } 
}
@keyframes fadeOutDown {
    0% {
    opacity: 1;
    transform: translate3d(0, -50%, 0); }
    100% {
    opacity: 0;
    transform: none; } 
}

.u--fadeOutDown {
    -webkit-animation: fadeOutDown 1s ease-out;
    -moz-animation: fadeOutDown 1s ease-out;
    -o-animation: fadeOutDown 1s ease-out;
    animation: fadeOutDown 1s ease-out;
}


/* multiple slide  */
.carousel-showmanymoveone .carousel-inner {
   height: 120px;
   background: transparent;
}
.carousel-showmanymoveone .carousel-control {
   width: 4%;
   background-image: none;
}

.carousel-showmanymoveone .carousel-control.left {
   margin-left: 0;
}

.carousel-showmanymoveone .carousel-control.right {
   margin-right: 0;
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
   display: none;
}

.carousel .item .col-xs-12 {
   padding: 0;
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
   .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none;
   }
}

@media all and (min-width: 768px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block;
   }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@media all and (min-width: 992px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
      display: block;
   }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(16.6%, 0, 0);
      transform: translate3d(16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-16.6%, 0, 0);
      transform: translate3d(-16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}