/* 
 Service
/* Service
============================================================================================*/
.btn-red-modal {background: #dd0021 !important; color: #fff; display: inline-block; padding: 12px 19px; border: 1px solid #dd0021;border: none;-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 13px;text-align: center; width:100% !important;}
.btn-red-modal:hover {background: #b30622 !important; color: #fff !important; display: inline-block; padding: 12px 19px; border: 1px solid #b30622;border: none;}
.btn-red-modal:visited {background: #dd0021; color: #fff !important; display: inline-block; padding: 12px 19px; border: 1px solid #dd0021;border: none;}
.btn-red-modal a {color: #fff !important; }

.modal-body {
    overflow-y: scroll;
    max-height: 550px;
}


.modal-open .modal {
    position: fixed!important;
    z-index: 10000;
}


.modal-open {
    overflow-y:auto!important;
    position: fixed!iportant;
    top: 0!iportant;
    left: 0!iportant;
   width:1005!important;


}


.close {
    float: right;
    font-size: 21px;
    color: #fff;
   /* text-shadow: 0 1px 0 #fff;*/
    display: block;
    width: 30px;
    height: 30px;
    position: fixed;
    top: -15px;
    right: -15px;
    z-index: 1000;
    cursor: pointer;
    border: 1px solid #fff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px 60px 60px 60px;
    border-radius: 60px;
    background: #666!important;
    color: #fff;
    opacity: 1!important;
    -moz-opacity: 1!important;
    -khtml-opacity: 1!important;
    filter: alpha(opacity=100)!important;
    text-align: center;
    line-height: 0!important;
    
}


.close span{
    margin: 0;
    font-size: 15px;
    position: relative;
    top: -4px;
}



.close:hover{
    color:#fff!important;
     background: #666!important;
}




/*mod slider*/
.owl-controls { position: relative; z-index: 11;}
/*mod slider*/



.banner{
	position: relative;
	overflow: hidden;
}
.banner .txt{
	position: absolute;
	left:0px;
	bottom: 15px;
}
.container .service-content .banner .txt img{ float: left; margin: 30px; }
.container .service-content .banner .txt h1{ 
	color: #fff;
    font-family: "misobold";
    font-size: 28px;
    line-height: 100%;
    padding-top: 9px;
    text-transform: uppercase;
    position: relative;
    width: 440px;
    float: left;
    padding-left: 4px;
    margin-bottom: 5px;
    }
.container .service-content .banner .txt p{ font-family: 'misoregular'; font-size: 46px; color: #fff; line-height: 85%; float: left; width: 500px;
}
.container .service-content .banner .txt h1:before{
	background: #dd0021 none repeat scroll 0 0;
    content: " ";
    height: 111px;
    left: -17px;
    position: absolute;
    top: 10px;
    width: 8px;
    -webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}

.container .service-content .banner .txt h1.negra::before{
	background: #fbd600 none repeat scroll 0 0;
    content: " ";
    height: 111px;
    left: -17px;
    position: absolute;
    top: 10px;
    width: 5px;
    -webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.service-content h2{
	font-size: 24px;
	padding: 0 0 20px 0px;
	font-weight: bold;
}
.service-content .nav-tabs {
	border: 1px solid #E6E8ED;
}
.service-content .nav-tabs li {
	padding: 0px;
	border: 0px!important;
	
	text-align: center;
}
.service-content .nav-tabs a {
    border: 0 none;
    display: block;
    height: 50px;
    padding: 0 10px;
    color: #005DAC!important;
    margin: 0px!important;
    border: 0px!important;
    border-right: 1px solid #E6E8ED!important;
    border-radius: 0px;
    padding-top: 15px;
}
.service-content .nav-tabs .two-lineas a { padding-top: 10px;
    line-height: 120%;
 } 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background: #0072CE;
	color: #fff!important; 
	}

.service-content h3{
	font-size: 18px;
	font-weight: normal;
	padding: 25px 0px; 
	font-weight: bold;
}
.container  .service-content p{
	font-size: 13px;
	font-weight: normal;
	padding: 0 0 20px 0; 
}
.tab-content ul,
.coberture ul{
padding: 0 0 15px 15px;
}
.tab-content li,
.accordion-body li,
.coberture li{ 
	position: relative;
	padding-bottom: 10px;
	font-size: 13px;
}
.tab-content li:before,
.accordion-body li:before,
.coberture li:before{ 
	content: " ";
	width: 5px;
	height: 5px;
	background: #0072CE;
	position: absolute;
	left: -12px;
	top: 6px;
	-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
	}
.coberture{
	border-top: 0px solid #CCCCCC;
}
.coberture li{
	width: 50%;
	float: left;
}
.service-content table{
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
.service-content table  td{
	padding: 10px 15px;
}
.service-content table thead td{
	background: #e3e3e3;

}
.service-content table tbody td{
	border: 1px solid #CCCCCC;
	padding: 5px 15px;
}
.service-content table  td:nth-child(2),
.service-content table  td:nth-child(3) {
    width: 130px;
}

.contract p{
	float: left;	
	width: 100%;
}
.contract i{
	display: block;
    float: left;
    font-size: 35px;
    margin-right: 0px;
    margin-top: 0px;
    color: #005DAC;
}

 
.ul-pasos{
	padding-bottom: 20px!important;
	padding-left: 0px!important;
}
.ul-pasos li{
	width: 100%;
	position: relative;
	padding: 20px 20px 0px 45px;
	    counter-increment: li;
}
.ul-pasos li:before {
    content: counter(li);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0px;
    top: 15px;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 20px;
    background: #0072CE;
    color: #fff;
    text-align: center;
    font-weight: bold;
    width: auto;
    height: auto;
}
.ul-pasos li i{float: left; }
.ul-pasos li p{
float: left;
    width: 100%; 
    padding: 0px!important;
     }

/*side*/
.service-content .box-info{
	padding-top: 50px;
	    float: left;
    width: 100%;
    border-bottom: 1px solid #CCCCCC; 
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.box-category{
	width: 93px;
	float: left;
	position: relative;
}
.box-category:before{
	width:0px;
	position: absolute;
	left:-7px;
	top: -5px;
    height:0px;
    border-left:11px solid transparent; /* izquierda flecha */
    border-right:11px solid transparent; /* derecha flecha */
    border-bottom:11px solid #fff; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
    content: " ";
    -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 transform: rotate(-45deg);
 background: #fff;
}
.service-content .box-info img{
	float: right;
	width: 97px;
}
.box-category .icons{
	background:#0072CE;
	height: 60px;
	padding-top: 8px;
    text-align: center;
}
.box-category .icons i{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    font-size: 45px;
}
.box-category .title{
	background: #dc0a22 none repeat scroll 0 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	letter-spacing: -1px;
	margin-top: 2px;
	padding-top: 7px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
}
.box-category .title.two{
	padding-top: 2px;
    line-height: 110%;
}
.box-category .title:before{
	width:0px;
	position: absolute;
	right:-7px;
	bottom: -5px;
    height:0px;
    border-left:11px solid transparent; /* izquierda flecha */
    border-right:11px solid transparent; /* derecha flecha */
    border-bottom:11px solid #fff; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
    content: " ";
    -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 transform: rotate(-45deg);
 background: #fff;
}
.service-content .box {
	padding: 0px;
	margin-top: 20px;
}
.service-content .box.col-lg-8 {
	 padding-right: 15px;
	 border-right: 1px solid #CCCCCC;
	 width: 70%;
}
.service-content .box.col-lg-4 {
	 width: 30%;
	 padding-left: 15px;
}

 
 .list-coverage h3{
 	font-size: 13px;
 	padding:15px 0 10px 0 ;
 }
 .list-coverage ul{
 	padding-left: 15px;
 }
 .list-coverage li{  
	position: relative;
}
 .list-coverage li:before{ 
	content: " ";
	width: 5px;
	height: 5px;
	background: #909090;
	position: absolute;
	left: -12px;
	top: 6px;
	-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
	}
    
.service-content .tel { float: left; }
.service-content .tel p { padding: 0px;}
.service-content .tel .title {
 font-size: 14px;
    padding-bottom: 11px;
    text-transform: uppercase;}
.service-content .tel .t-info {
  padding-left: 35px;
      line-height: 128%;
  position: relative; }
.service-content .tel .t-info .fa {
    font-size: 36px;
    position: absolute;
    top: 0px;
    color: #0072CE;
    left: 0;
	padding-top:15px; 
	}
	
.service-content .tel .t-info b {
    display: block;
    font-size: 22px;
	padding-top:5px;
	padding-bottom:5px; 
	
	}
.service-content .tel .time {
  font-size: 11px;
  margin: 10px 0 15px; }
  
.service-content .tel > a {
  display: inline-block;
  height: 30px;
    margin-left: 10px; }
.service-content .tel > a .fa {
    display: block;
    float: left;
    font-size: 27px;
    margin-right: 12px;
    margin-top: -5px; }


    .catg-highlight-project .row > * > a > span{
    	background: none;
    	border: 0px;
    }

   .catg-highlight-project .row  span  i{
    	color: #dd0021!important;
    }

.furgon td{
	color: #000;
	padding: 7px 15px!important;
}
.furgon div{
	float: right;
	padding-top: 10px;
	width: 43%; 
}
.container .service-content .furgon li {
    font-size: 13px;
    padding-bottom: 2px;
}
.container .service-content .furgon p { 
    padding: 0 0 10px 0;
}
.furgon img{
	float: left;
	width: 230px;
}
.furgon .auto{
	background: #146FD5;
}
.furgon .auto td{ color: #fff; }
.furgon .titulo{
	background: #e3e3e3;
	font-weight: bold;
}
.furgon .gris{
	background: #f5f5f5;
}




/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) { 
	.service-content .box.col-lg-8 { 
	 width: 100%;
	 padding-right: 0px;
	 border: 0px;
}
.banner img.hidden-md {
    vertical-align: middle;
    position: relative;
    z-index: -1;
    left: 50%;
    margin-left: -480px;
}
.banner.right img.hidden-md {
    vertical-align: middle;
    position: relative;
    z-index: -1;
    left: auto; 
    float: right; 
}
.banner.left img.hidden-md {
    vertical-align: middle;
    position: relative;
    z-index: -1;
    left: auto; 
    float: left;
    margin: 0px;
}
.service-content .box.col-lg-4 {
	 width: 100%;
	 padding-left: 0px;
}
.service-content h2 {
display: none;
	}
	 .accordion-group{
		padding: 0px;
	}

	.accordion-heading a.accordion-toggle.collapsed,
	.accordion-heading a.accordion-toggle.collapsed.number_0{
		color: #005DAC;
		text-transform: uppercase;
		background: #fff;
		padding: 10px;
		display: block;
		width: 100%;
		margin-bottom: 0px;
		border-top: 1px solid #ccc;  
		font-weight: bold;
	}
	.accordion-heading a.accordion-toggle,
	.accordion-heading a.accordion-toggle.number_0{
		color: #fff;
		text-transform: uppercase;
		background: #005DAC;
		padding: 10px;
		display: block;
		width: 100%;
		margin-bottom: 2px;
		font-weight: bold;
	}
	.accordion-heading a.accordion-toggle:before{
		content: "a";
		position: absolute;
		right: 30px;
		top: 18px;
		width: 10px;
		height: 10px; 
		font-size: 20px;
		font-family: "icon-service" !important;
    	font-style: normal !important;
    	font-variant: normal !important;
    	font-weight: normal !important;
    	line-height: 1;
    	text-transform: none !important;
    	-webkit-transform: rotate(-180deg);
 -moz-transform: rotate(-180deg);
 transform: rotate(-180deg);
	}
	.accordion-heading a.accordion-toggle.collapsed:before{
		content: "a";
		position: absolute;
		right: 37px;
		top: 10px;
		width: 10px;
		height: 10px; 
		font-size: 20px;
		font-family: "icon-service" !important;
    	font-style: normal !important;
    	font-variant: normal !important;
    	font-weight: normal !important;
    	line-height: 1;
    	text-transform: none !important;
    	-webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 transform: rotate(0deg);
	}
	.accordion-body {
		padding: 15px ;
	}
	.accordion-body h3{
		display: none;
	}
	.container .service-content ul{
		padding-bottom: 20px;
	}
	.container .service-content li {
	    font-size: 13px; 
	    padding-bottom: 5px;
	}
	.service-content .box-info {
    float: left;
    padding-top: 0px;
    width: 100%;
}

.list-coverage li{
	width: 50%;
	display: inline-block;
	float: left;
}

}

 /* Small devices (tablets, 768px and up) */
@media (max-width: 768px) { 

.container .service-content .banner .txt img
 {
    display: none;
}
.container .service-content .banner .txt p{
	padding-left: 40px;
	font-size: 28px;
	padding-right: 20px;
	width: 330px;
}
.container .service-content .banner .txt h1 {
  color: #fff;
  float: left;
  font-family: "misobold";
  font-size: 25px;
  line-height: 100%;
  margin-bottom: 13px;
  margin-left: 39px;
  margin-top: 68px;
  padding-left: 4px;
  padding-top: 3px;
  position: relative;
  text-transform: uppercase;
  width: 55%;
}
.container .service-content .banner .txt h1 br{
	display: none;
}
.container .service-content .banner .txt h1:before { 
    top: 5px;
    height: 80px;
    }
.service-content .tel > a { 
    font-size: 13px; 
}
.service-content table tbody td {
	width: 33%;
	}

	.box-category{
		margin-left: 20px;
	}
	.service-content .box-info img {
    margin-right: 20px;
}
.catg-highlight-project .row>*>a {
    float: none;
    display: inline-block;
    margin-top: 5px;
    color: #000;
    margin-left: 11px;
    margin-bottom: 20px;
}

 }


/* Large devices (large desktops, 1200px and up) */
@media (max-width:550px) { 

.furgon img{

	float: none;}

.furgon div{
	float: none;
	padding-top: 10px;
	width: 90%; 
	margin-left: 20px;
}

 }
 
 .catg-highlight-project a{
	margin-top:0px !important;
}
.catg-highlight-project strong{
	clear:both;
}


.destacados-rel {
    border: 1px solid #f0f0f0;
    padding: 13px;
    margin-top: 13px;
	width:100%;
	height:auto;
	display:block;
	font-size:12px;
	}
.destacados-rel h3{
	margin-left:20px;
	}
	
.destacados-rel img{
	margin:10px 0px;
	}