@import "/css/bootstrap.min.css";
@import "/css/font-awesome.min.css";
@import "/css/aos.css";
@import "/css/hover.min.css";
@import url("https://fonts.googleapis.com/css?family=Oswald|Dosis");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@font-face {
    font-family: Brush;
    src: url('../fonts/brush.ttf');
}
/*----------------------------------GENERAL-----------------------------------*/
#uno {
	width: 95%;
	height: 100vh;
	background: rgba(0,0,0,0.8);

	position:absolute;
	top: 0;
	left: 0;
	
	display: flex;
	
	animation: modal 0s 0s forwards;
	visibility: hidden;
	opacity: 0;	
}
.contenido {
	margin: auto;
	width: 30%;
	height: 75%;
	background: white;
	border-radius: 10px;
}
#cerrar { 
	display: none;
}
#cerrar + label {
	text-align: center;
	
	position: fixed;
	color: #fff;
	font-size: 25px;
	z-index: 50;
	background: Red;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 50%;
	right: 10px;
	cursor: pointer;
	
	animation: modal 0s 0s forwards;
	visibility: hidden;
	opacity: 0;		
}
#cerrar:checked + label, #cerrar:checked ~ .modal {
	display: none;
}
@keyframes modal {
	100% {
		visibility: visible;
		opacity: 1;
	}
}

p{
    font-family: 'Dosis', sans-serif;
}
h3, h4{
    font-family: 'Oswald', sans-serif;
}
.dynamic-content {
    display:none;
}
.btn-primary {
    background: #06237d;
}
.btn-primary:hover {
     background: #0938c3;
  }
  .btn-primary:focus {
      background: #0938c3;
  }
/*----------------------------------MOBILE------------------------------------*/
section{
    margin-top: 40px;
}
/*----------------------------------NAVBAR------------------------------------*/
.navbar-default {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    height: 60px;
    padding-top: 5px;
    text-transform: uppercase;
}
.navbar-default .navbar-brand img{
    width: auto;
    height: 40px;
    margin-top: -10px;
}
.navbar-default .navbar-collapse{
    margin-top: 4px;
    background-color: #fff;
    border-bottom: 1px solid #dddddd;
}
.navbar-default .dropdown-menu i{
    margin-right: 10px;
}
.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li a:link,
.navbar-default .navbar-nav li a:active{
    color: #858585;
}
/*--------------------------------WELCOME---------------------------------*/
#welcome #item-title{
    font-family: 'Oswald', sans-serif;
    font-size: 2.2em;
    font-style: normal;
    color:white;
}
#welcome p{
    font-size: 1.1em;
}
#welcome #item-slogan{
    font-family: 'Brush', sans-serif;
    font-size: 1.6em;
}
#welcome .carousel-caption{
    background-color: #06237d;
    text-align: center;
    width: 100%;
    top: 0;
    left: 0;
    padding-top: 50px;
}
#welcome .carousel-indicators{
    width: 100%;
    left: 0;
    margin: 0;
    padding-bottom: 20px;
}
#welcome .carousel-indicators li{
    width: 20px;
    height: 20px;
    border-radius: 10px;
}
#welcome .item{
    height: 280px;
}
/*--------------------------------PROCCESS------------------------------------*/
#proccess{
    text-align: center;
}
#proccess p{
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 1.4em;
}
#proccess span{
    font-size: 4em;
    color: #06237d;
}
#proccess h3, #proccess p, .modal .modal-body{
    color: #858585;
}
#proccess .call-modal,
#proccess .call-modal:hover,
#proccess .call-modal:link{
    font-weight: bold;
    color: #06237d;
}
.modal .modal-body{
    font-family: 'Dosis', sans-serif;
    font-size: 1.4em;
}
/*--------------------------------SERVICES------------------------------------*/
#services{
    background-color: #06237d;
    padding-bottom: 30px;
    padding-top: 30px;
}
#services h2{
    text-align: center;
    font-family: 'Oswald', sans-serif;
    color: #fff;
}
#services .panel-heading{
    width: 100%;
    height: 60px;
    margin-top: 16px;
}
#services .panel-default, #services .panel-heading,
#services .panel-collapse{
    background-color: transparent;
    border: 0;
}
#services .panel-title{
    color: #fff;
    font-size: 2em;
    font-family: 'Oswald', sans-serif;
    border: none;
}
#services .panel-heading a:hover,
#services .panel-heading a:active,
#services .panel-heading a:visited,
#services .panel-heading a:link{
    text-decoration: none;
}
#services .circle{
    background-color: transparent;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 3px solid #fff;
    display: table;
    text-align: center;
    margin-right: 20px;
    margin-top: -16px;
}
#services .circle i{
    font-size: 2em;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}
#services-info{
    margin-top: 40px;
}
#services .item a, #services .col-md-12, #services .col-md-12 a{
    font-size: 1.4em;
    font-family: 'Dosis', sans-serif;
    color: #fff;
    text-align: justify;
}
#services .col-md-12 a{
    font-size: 1em;
}
#services .panel-body{
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
#services .panel-collapse a i{
    margin-right: 10px;
}
#services .panel-collapse div{
    margin-top: 10px;
}
#services .image{
    background-image: url("../img/trust-loan.jpg");
    background-position: center;
    height: 480px;
}
#simulator{
    border: 1px solid #dddddd;
    height: auto;
    margin-top: 20px;
    padding: 10px;
    text-align: center;
}
#simulator h3{
    margin-top: 0;
}
#simulator #amount{
    background: #dddddd;
    border: 1px solid #06237d;
    width: 100%;
    height: 40px;
    border-radius: 2px;
    text-align: center;
    font-size: 1.6em;
    color: #06237d;
    margin-bottom: 10px;
}
#simulator div{
    width: 100%;
    margin-top: 10px;
}
#simulator hr{
    margin: 0;
    border-bottom: 1px solid #06237d;
}
#simulator div #time{
    font-size: 1.6em;
    margin: 0 20px;
    color: #06237d;
}
#simulator div i{
    background: #06237d;
    padding: 8px;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    margin: 0;
}
#simulator #btn-calc{
    background: #06237d;
    border: 1px solid #06237d;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
    margin-top: 20px;
}
#simulator-modal .modal-content{
    margin-top: 20%;
}
#simulator-modal .modal-body{
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
    padding: 0 14px;
}
#simulator-modal .modal-body #simulator-modal-header h2{
    background: #06237d;
    padding: 15px;
    border-radius: 6px 6px 0 0;
    color: #fff;
}
#simulator-modal .modal-body #simulator-modal-content{
    padding: 20px 20px 5px 20px;
}
#simulator-modal .modal-body #simulator-modal-content span{
    padding: 20px 20px 5px 20px;
    color: #06237d;
    font-size: 1.2em;
}
#simulator-modal .modal-body #simulator-modal-info{
    text-align: justify;
    text-transform: none;
    padding: 0 20px 20px 20px;
}
#simulator-modal .modal-body #simulator-modal-info span{
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    color: #858585;
}
/*-------------------------------STADISTICS-----------------------------------*/
#stadistics{
    text-align: center;
    padding-top: 40px;
    margin-top: -20px;
    font-family: 'Oswald', sans-serif;
    color: #858585;
}
#stadistics span{
    margin-top: 30px;
    font-size: 3em;
    text-align: center;
    color: #06237d;
    color: #06237d;
}
#stadistics h1{
    font-size: 2em;
}
#stadistics h4{
    font-size: 1.4em;
}
/*---------------------------------FOOTER-------------------------------------*/
#footer{
    position: relative;
    background-color: #f0f0f0;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 60px;
    width: 100%;
    color: #858585;
}
#footer h3{
    margin-bottom: 22px;
    font-size: 2em;
    font-family: 'Oswald', sans-serif;
}
#footer h5{
    font-family: 'Dosis', sans-serif;
    font-size: 1.1em;
    margin-top: -5px;
}
#footer p{
    text-align: justify;
    font-size: 1.4em;
}
#footer li{
    list-style: none;
}
#footer li span{
    font-family: 'Oswald', sans-serif;
}
#footer li p{
    margin-left: 0px;
}
#footer li #icon{
    margin-left: -40px;
    margin-right: 20px;
}
#footer hr{
    border-top: 1px solid #bebebe;
}
#footer .col-md-9{
    text-align: center;
}
#footer .col-md-9 p,
#footer .col-md-9 h3{
    text-align: justify;
}
#footer h5{
    font-size: 1.5em;
}
#footer .buro{
    margin-top: 55px;
    height: 130px;
}
#footer .condusef{
    margin-top: 70px;
    width: 160px;
    margin-bottom: 10px;
}
#footer .une{
    margin-top: 30px;
    margin-bottom: 10px;
    width: 140px;
}
#footer #social ol{
    text-align: center;
    padding-left: 0;
    margin-bottom: 20px;
}
#footer #social li{
    background-color: gray;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: inline-block;
}
#footer #social i{
    color: #ededed;
    margin-top: 16px;
    font-size: 2em;
}
#footer #contact-info i{
    font-size: 1.5em;
    margin-right: 19px;
}
#footer #contact-info .fa-phone{
    font-size: 2em;
}
#mdialTamanio{
     width: 95% !important;
   }
#footer #commissions-modal .product{
    background-color: #06237d;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    border:1px solid #858585;
}
#footer #commissions-modal .product2{
    background-color: #06237d;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    border: 1px solid #858585;
}
#footer #commissions-modal .product3{
    background-color: #06237d;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    border: 1px solid #858585;
}
#footer #commissions-modal .concept0{
    background-color: #fff;
    font-family: Arial;
    font-size: 16px;
    color:black;
    border: 1px solid #06237d;
}
#footer #commissions-modal .concept{
    background-color: #fff;
    font-family: Arial;
    font-size: 15px;
    color:black;
    border: 1px solid #06237d;
}
#footer #commissions-modal .concept2{
    background-color: #fff;
/*    font-family: Arial;*/
    color:black;
    font-size: 15px;
    border: 1px solid #06237d;
}
#footer #commissions-modal .concept3{
    background-color: #fff;
    color:black;
    font-size: 15px;
    border: 1px solid #06237d;
}
#footer #commissions-modal .concept4{
    background-color: #fff;
    color:black;
    font-size: 13px;
    border: 1px solid #06237d;
}
#footer #commissions-modal .concept5{
    background-color: #fff;
    color:black;
    font-size: 16px;
    border: 1px solid #06237d;
}
#footer #commissions-modal .modal-body div{
    margin-left: 10px;
    margin-right: -10px;
    text-align: center;
    height: 85px;
}
/*	---		*/
#footer #vacancies-modal .product{
    background-color: #06237d;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    border:1px solid #858585;
}
#footer #vacancies-modal .product2{
    background-color: #06237d;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    border: 1px solid #858585;
}
#footer #vacancies-modal .product3{
    background-color: #06237d;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    border: 1px solid #858585;
}
#footer #vacancies-modal .concept0{
    background-color: #fff;
    font-family: Arial;
    font-size: 16px;
    color:black;
    border: 1px solid #06237d;
}
#footer #vacancies-modal .concept{
    background-color: #fff;
    font-family: Arial;
    font-size: 15px;
    color:black;
    border: 1px solid #06237d;
}
#footer #vacancies-modal .concept2{
    background-color: #fff;
/*    font-family: Arial;*/
    color:black;
    font-size: 15px;
    border: 1px solid #06237d;
}
#footer #vacancies-modal .concept3{
    background-color: #fff;
    color:black;
    font-size: 15px;
    border: 1px solid #06237d;
}
#footer #vacancies-modal .concept4{
    background-color: #fff;
    color:black;
    font-size: 13px;
    border: 1px solid #06237d;
}
#footer #vacancies-modal .concept5{
    background-color: #fff;
    color:black;
    font-size: 16px;
    border: 1px solid #06237d;
}
#footer #vacancies-modal .modal-body div{
    margin-left: 10px;
    margin-right: -10px;
    text-align: center;
	/*padding-top: 30px;*/
    /*height: 80px;*/
}
/*	---		*/


#collection-modal .modal-content{
    margin-top: 10%;
}
#collection-modal .modal-body{
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
    padding: 0 14px;
}
#collection-modal .modal-body #collection-modal-header h2{
    background: #06237d;
    padding: 15px;
    border-radius: 6px 6px 0 0;
    color: #fff;
    margin: 0;
}
#collection-modal .modal-body #collection-modal-info{
    text-align: justify;
    text-transform: none;
    padding: 20px;
}
#collection-modal .modal-body #collection-modal-info p{
    font-size: 1.2em;
    color: #858585;
}
/*---------------------------------INTRO--------------------------------------*/
#intro{
    background-color: #06237d;
    padding-top: 60px;
    padding-bottom: 60px;
}
#intro h1{
    text-align: center;
    margin-bottom: 30px;
    font-family: 'Oswald', sans-serif;
    color: #fff;
}
#intro p{
    text-align: justify;
    color: #c7c7c7;
    font-size: 1.4em;
}
#intro .col-md-12 p{
    text-align: center;
}
#intro .col-md-12 h1.izq {
    text-align: right;
    margin-bottom: 30px;
    font-family: 'Oswald', sans-serif;
    color: #fff;    
}
/*-----------------------------MISSION-VISION---------------------------------*/
#mission-vision p, #mission-vision li{
    font-size: 1.2em;
    color: #858585;
    text-align: justify;
}
#mission-vision span{
    font-weight: bold;
}
#mission-vision hr{
    border-top: 1px solid #e0e0e0;
}
#mission-vision h3{
    font-family: 'Oswald', sans-serif;
    color: #06237d;
}
#mission-vision li{
    font-family: 'Dosis', sans-serif;
}
/*---------------------------------HISTORY------------------------------------*/
#timeline {
    position: relative;
}
#timeline::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1%;
    left: 12%;
    background: rgba(20, 64, 173, 0.5);
}
#timeline-card h5{
    font-family: 'Oswald', sans-serif;
    color: #06237d;
}
#timeline-date h4{
    position: absolute;
    color: #06237d;
    top: 50px;
}
#timeline-date .date-left{
    right: 0;
    text-align: right;
}
#timeline-date .date-right{
    left: 0;
    text-align: left;
}
#timeline-card{
    border-radius: 4px;
    margin-bottom: 40px;
    margin-top: 40px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    color: #858585;
}
#timeline-icon{
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
}
#timeline-icon div{
    width: 40px;
    height: 40px;
    background-color: #06237d;
    border-radius: 20px;
    display: inline-block;
    border: 4px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.36), 0 1px 2px rgba(0,0,0,0.24);
}
#timeline-icon>i{
    position: absolute;
    font-size: 3em;
    color: #06237d;
}
#timeline-icon .fa-caret-right{
    left: 25px;
}
#timeline-icon .fa-caret-left{
    right: 25px;
}
#timeline-icon div i{
    font-size: 2em;
    color: #fff;
    margin-left: 3px;
    margin-top: 15px;
}
#timeline-card p{
    font-size: 1.2em;
}
#timeline-card p span{
    font-family: 'Oswald', sans-serif;
    font-size: 0.9em;
}
/*-----------------------------BRANCH-OFFICES---------------------------------*/
#branch-offices{
    text-align: center;
    font-family: 'Oswald', sans-serif;
    color: #858585;
    margin-top: 90px;
}
#branch-offices h3{
    text-align: center;
    font-family: 'Oswald', sans-serif;
}
#branch-offices p{
    font-size: 1.2em;
    text-align: justify;
    margin-top: 30px;
}
#branch-offices .col-md-1{
    font-size: 1.2em;
    text-align: center;
}
#branch-offices .col-md-11{
    font-family: 'Dosis', sans-serif;
    text-align: left;
    font-size: 1.2em;
}
#branch-offices .col-md-11 a{
    color: #858585;
    font-weight: bold;
    text-decoration: none;
    cursor: auto;
}
#branch-offices hr{
    margin-bottom: 70px;
    border-top: 1px solid #e0e0e0;
}
#branch-offices .col-xs-12 hr{
    margin-top: 10px;
    margin-bottom: 20px;
    border-top: 1px solid #e0e0e0;
}
#branch-offices .office img{
    height: 200px;
    width: 300px;
    margin-top: 40px;
    margin-bottom: 40px;
}
#branch-offices .col-xs-12 h2{
    margin-top: -25px;
    color: #06237d;
}
#branch-offices .col-xs-12 hr{
    border-top: 2px solid #06237d;
    margin-top: 20px;
}
#branch-offices #divider{
    margin-top: 80px;
}
#location #map{
    height: 400px;
    margin-top: 60px;
    margin-bottom: 0;
}
/*---------------------------------CONTACT------------------------------------*/
#contact{
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
}
#contact h5{
    margin-bottom: 40px;
    text-align: center;
    font-family: 'Dosis', sans-serif;
    color: #858585;
    font-size: 1.2em;
}
#contact lDosis{
    font-weight: normal;
    color: #06237d;
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
}
#contact input{
    font-family: 'Dosis', sans-serif;
    color: #858585;
    font-size: 1.2em;
}
#contact input:focus{
    border-color: #06237d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(6, 35, 125, 0.6);
}
#contact textarea{
    font-family: 'Dosis', sans-serif;
    resize: vertical;
    color: #858585;
    font-size: 1.2em;
}
#contact textarea:focus{
    border-color: #06237d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(6, 35, 125, 0.6);
}
#contact .btn-default{
    background-color: #06237d;
    border-radius: 4px;
    padding-right: 20px;
    padding-left: 20px;
    border: 1px solid #002379;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
}
#contact-message{
    font-family: 'Dosis', sans-serif;
    color: red;
    margin-top: 20px;
    font-size: 1.2em;
}
#contact #contact-info{
    margin-bottom: 40px;
    margin-top: 10px;
}
#contact #contact-info h3{
    text-align: right;
    color: #06237d;
}
#contact #contact-info h4 span{
    font-family: 'Dosis', sans-serif;
    color: #858585;
    font-size: 1.1em;
}
#contact #contact-info h4{
    font-family: 'Oswald', sans-serif;
    color: #06237d;
}
#contact #contact-info2{
    margin-bottom: 1px;
    margin-top: 1px;
}
#contact #contact-info2 h3{
    text-align: right;
    color: #06237d;
}
#contact #contact-info2 h4 span{
    font-family: 'Dosis', sans-serif;
    color: #858585;
    font-size: 1.1em;
}
#contact #contact-info2 h4{
    font-family: 'Oswald', sans-serif;
    color: #06237d;
}
/*------------------------------SERVICES-LIST---------------------------------*/
#services-list{
    font-family: 'Oswald', sans-serif;
}
#services-list .panel-group{
    margin-top: 60px;
}
#services-list .col-md-3 .panel .panel-heading{
    background-color: #06237d;
    border-radius: 0;
    height: 50px;
    color: #fff;
}
#services-list .panel .panel-heading h4{
    padding-top: 5px;
}
#services-list .panel .panel-heading i{
    position: absolute;
    right: 5px;
    font-size: 1em;
}
#services-list .panel .panel-title{
    font-size: 1.4em;
}
#services-list .col-md-3 ul{
    list-style: none;
    color: #858585;
    font-size: 1.2em;
}
#services-list .col-md-3 ul li a{
    border-radius: 0;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 0.9em;
}
#services-list .col-md-3 ul li a:hover{
    background-color: #e0e0e0;
}
#services-list hr{
    border-top: 1px solid #e0e0e0;
}
#services-list .col-md-3 a{
    text-decoration: none;
}
#services-list i{
    font-size: 1.2em;
    margin-right: 20px;
}
#services-list .col-md-12{
    margin-top: -25px;
}
#services-list .col-md-8 p, #services-list .col-md-8 li{
    font-family: 'Dosis', sans-serif;
    color: #858585;
    text-align: justify;
    font-size: 1.2em;
}
#services-list .col-md-8 p{
    font-weight: bold;
}
#services-list .col-md-3 .active{
    background-color: #06237d;
}
#services-list .col-md-4 h3{
    color: #06237d;
    padding-top: 35px;
}
#services-list h3{
    color: #06237d;
}
#services-list #features #name{
    background-color: #dddddd;
    color: #858585;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    font-size: 1em;
    border: 1px solid #dddddd;
}
#services-list #features #info{
    background-color: #fff;
    color: #858585;
    text-align: center;
    padding: 10px;
    font-size: 1em;
    border: 1px solid #dddddd;
}
#services-list #features #description{
    background-color: #fff;
    color: #06237d;
    text-align: justify;
    padding: 10px;
    font-size: 1.2em;
    border: 1px solid #dddddd;
    margin-top: 0;
}
#services-list #features div{
    margin-bottom: 10px;
}
#services-list #intro #service-description {
    margin-top: 60px;
    margin-bottom: -20px;
}
#services-list #reference{
    color: #06237d;
    font-weight: bold;
}
#services-list .li-collapse{
    text-decoration: underline;
    font-weight: bold;
}
#services-list .li-collapse:hover{
    color: #06237d;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}
/*------------------------------------PRIVACY POLICY--------------------------*/
#privacy-policy{
    font-family: 'Dosis', sans-serif;
    text-align: justify;
    font-size: 1.4em;
    color: #858585;
}
#privacy-policy #download{
    font-family: 'Oswald', sans-serif;
    text-align: right;
}
#privacy-policy #download a{
    font-size: 1.4em;
    color: #06237d;
}
#privacy-policy #download i{
    margin-right: 10px;
}
#privacy-policy ul li{
    list-style: none;
}
/*--------------------------------------------------TABLET----------------------------------------------------*/
@media (min-width: 768px) {
    /*--------------------------------NAVBAR------------------------------------*/
    .navbar-default {
        height: 90px;
        padding-top: 20px;
        box-shadow: 0 2px 3px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24);
        background-color: #fff;
    }
    .navbar-default .navbar-brand img{
        height: 60px;
        margin-top: -20px;
    }
    .navbar-default .navbar-collapse{
        margin-top: 0;
    }
    .navbar-default .navbar-nav > .dropdown > a,
    .navbar-default .navbar-nav > .dropdown > a:hover{
        pointer-events: none;
    }
    .navbar-default .navbar-nav > li{
        text-transform: uppercase;
        border-top: 4px solid #fff;
        margin-top: -20px;
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .navbar-default .navbar-nav > li:hover{
        border-top: 4px solid #06237d;
    }
    .navbar-default .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
        border: 0;
        border-radius: 0;
        background-color: #fff;
        padding-top: 30px;
        padding-bottom: 0;
        margin-top: -30px;
        box-shadow: none;
    }
    .navbar-default .navbar-nav .dropdown .dropdown-menu a{
        padding-top: 10px;
        padding-bottom: 10px;
        color: #858585;
    }
    .navbar-default .navbar-nav .dropdown .dropdown-menu a:hover{
        text-decoration: underline;
        color: #858585;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .dropdown .dropdown-menu .divider{
        margin: 0;
    }
    .navbar-default .services-menu{
        width: 700px;
    }
    .navbar-default .services-menu h4{
        color: #06237d;
    }
    .navbar-default .services-menu hr{
        margin-top: 0;
        margin-bottom: 10px;
        border-top: 1px solid #e0e0e0;
    }
    .navbar-default .services-menu .space{
        padding-top: 20px;
    }
    .navbar-default .services-menu ul{
        list-style: none;
    }
    .navbar-default .services-menu ul li{
        margin-left: -39px;
        margin-bottom: 10px;
    }
    .navbar-default .services-menu ul li i{
        margin-right: 10px;
    }
    /*--------------------------------WELCOME---------------------------------*/
    #welcome #item-title{
        font-family: 'Oswald', sans-serif;
        font-size: 2em;
        font-style: normal;
        color:white;
    }
    #welcome p{
        font-size: 1.4em;
    }
    #welcome #item-slogan{
        font-family: 'Brush', sans-serif;
        font-size: 2em;
    }
    /*---------------------------------HISTORY------------------------------------*/
    #timeline::before {
        left: 17.75%;
    }
}
/*------------------------------------DESKTOP----------------------------------*/
@media (min-width: 1024px) {
    section{
        margin-top: 80px;
    }
    /*--------------------------------WELCOME---------------------------------*/
    #welcome #item-title{
        font-family: 'Oswald', sans-serif;
        font-size: 3.5em;
        font-style: normal;
        color:white;
    }
    #welcome p{
        font-size: 1.6em;
    }
    #welcome #item-slogan{
        font-family: 'Brush', sans-serif;
        font-size: 2.5em;
    }
    #welcome .carousel-caption{
        background-color: #06237d;
        text-align: center;
        width: 35%;
        height: 100%;
        top: 0;
        left: 0;
        padding-top: 5%;
        padding-left: 5%;
    }
    #welcome .carousel-indicators{
        width: 35%;
        left: 3%;
        margin: 0;
    }
    #welcome .carousel-indicators li{
        width: 30px;
        height: 30px;
        border-radius: 15px;
    }
    #welcome .carousel-img{
        position: relative;
    }
    #welcome .carousel-img .gradient{
        background: linear-gradient(to right, rgba(6, 35, 125, 1), rgba(255, 0, 0, 0));
        position: absolute;
        left: 35%;
        width: 65%;
        height: 400px;
    }
    #welcome .carousel-img .aniv{
        background: linear-gradient(to top, rgba(6, 35, 125, 1), rgba(255, 0, 0, 0));
        position: absolute;
        left: 35%;
        width: 65%;
        height: 400px;
    }	
	
    #welcome .item{
        height: 400px;
    }
    #welcome .item img{
        position: absolute;
        left: 35%;
        width: 65%;
    }
    /*--------------------------------SERVICES--------------------------------*/
    #services{
        background-image: url("../img/bck.jpg");
        background-position: bottom;
        background-size: cover;
    }
    /*-------------------------------STADISTICS-------------------------------*/
    #stadistics span{
        margin-top: 40px;
        font-size: 4em;
    }
    #stadistics h1{
        margin-top: 20px;
    }
    /*---------------------------------FOOTER---------------------------------*/
    #footer{
        padding-bottom: 0;
    }
    #footer li i, #footer li span{
        font-size: 1.7em;
        text-align: center;
    }
    #footer .col-md-9{
        padding-right: 60px;
    }
    #footer .col-md-9 p,
    #footer .col-md-9 h3{
        text-align: justify;
    }
    #footer #social ol{
        text-align: left;
        margin-top: -5px;
    }
    #footer #social li{
        transition: background-color 1s;
    }
    #footer #social li:hover{
        background-color: #06237d;
    }
    #footer #social ol li{
        text-align: right;
    }
    #footer #social ol li{
        display: inline-block;
    }
    #footer #social ol li{
        background-color: gray;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        text-align: center;
    }
    #footer #social ol li i{
        color: #ededed;
        margin-top: 10px;
    }
    #footer #copyright h4{
        text-align: right;
        font-size: 1.1em;
        margin-top: 0;
    }
    /*-----------------------------------HISTORY------------------------------*/
    #history .row{
        margin-top: 10px;
    }
    /*--------------------------------------INTRO------------------------------*/
    #intro{
        background-image: url("../img/bck.jpg");
    }
    /*--------------------------------SERVICES-LIST---------------------------*/
    #services-list .col-md-8{
        margin-top: 40px;
    }
    #services-list .col-md-4 h3{
        margin-top: 25px;
    }
    #services-list #intro{
        width: 100%;
        height: 400px;
        background-size: cover;
        text-align: justify;
    }
    #services-list #intro .col-md-4{
        width: auto;
        height: 390px;
        margin-top: -50px;
        background-image: url("../img/bck.jpg");
        background-size: cover;
        display: table;
    }
    #services-list #intro #intro-content{
        display: table-cell;
        vertical-align: middle;
    }
    #services-list #intro #service-description {
        margin-top: 30px;
    }
    #services-list i{
        margin-right: 10px;
    }
    /*---------------------------------HISTORY------------------------------------*/
    #timeline::before {
        left: 49.5%;
    }
    .gat, .cat{
        font-size: 1.4em !important;
    }
    .tasa{
        font-size: 1.15em !important;
    }
}