#project-slider_big div img{border: 1px solid #9ac3b3; padding:4px;}

#project-slider_small div img{border: 1px solid #9ac3b3; padding:2px; cursor: pointer;}

.pdt5{padding-top: 5px !important;}
.pdt4{padding-top: 4px !important;}
.pdt3{padding-top: 3px !important;}
.pdt2{padding-top: 2px !important;}
.pdt1{padding-top: 1px !important;}
.pdt10{padding-top: 10px !important;}
.pdt11{padding-top: 11px !important;}
.pdt12{padding-top: 12px !important;}
.pdt13{padding-top: 13px !important;}
.pdt14{padding-top: 14px !important;}
.pdt15{padding-top: 15px !important;}
.pdt20{padding-top: 20px !important;}
.pdt25{padding-top: 25px !important;}
.pdt30{padding-top: 30px !important;}
.pdt35{padding-top: 35px !important;}
.pdt40{padding-top: 40px !important;}
.pdt45{padding-top: 45px !important;}
.pdt50{padding-top: 50px !important;}

.pdb4{padding-bottom: 4px !important;}
.pdb5{padding-bottom: 5px !important;}
.pdb10{padding-bottom: 10px !important;}
.pdb15{padding-bottom: 15px !important;}
.pdb20{padding-bottom: 20px !important;}
.pdb25{padding-bottom: 25px !important;}
.pdb30{padding-bottom: 30px !important;}
.pdb35{padding-bottom: 35px !important;}
.pdb40{padding-bottom: 40px !important;}
.pdb45{padding-bottom: 45px !important;}
.pdb50{padding-bottom: 50px !important;}

.pdl0{padding-left: 0px !important;}
.pdl5{padding-left: 5px !important;}
.pdl10{padding-left: 10px !important;}
.pdl15{padding-left: 15px !important;}

.pdr5{padding-right: 5px !important;}
.pdr10{padding-right: 10px !important;}
.pdr15{padding-right: 15px !important;}
.pdr20{padding-right: 20px !important;}

.mgr3{margin-right: 3px !important;}
.mgr5{margin-right: 5px !important;}
.mgr10{margin-right: 10px !important;}
.mgr14{margin-right: 14px !important;}
.mgr15{margin-right: 15px !important;}
.mgr20{margin-right: 20px !important;}
.mgr25{margin-right: 25px !important;}
.mgr30{margin-right: 30px !important;}
.mgr35{margin-right: 35px !important;}
.mgr40{margin-right: 40px !important;}
.mgr45{margin-right: 45px !important;}
.mgr50{margin-right: 50px !important;}

.mgl5{margin-left: 5px !important;}
.mgl10{margin-left: 10px !important;}
.mgl15{margin-left: 15px !important;}
.mgl20{margin-left: 20px !important;}
.mgl25{margin-left: 25px !important;}
.mgl30{margin-left: 30px !important;}
.mgl35{margin-left: 35px !important;}
.mgl40{margin-left: 40px !important;}
.mgl45{margin-left: 45px !important;}
.mgl50{margin-left: 50px !important;}
.mgl60{margin-left: 60px !important;}
.mgl70{margin-left: 70px !important;}
.mgl80{margin-left: 80px !important;}
.mgl90{margin-left: 90px !important;}

.mgt0{margin-top: 0px !important;}
.mgt1{margin-top: 1px !important;}
.mgt2{margin-top: 2px !important;}
.mgt3{margin-top: 3px !important;}
.mgt4{margin-top: 4px !important;}
.mgt5{margin-top: 5px !important;}
.mgt10{margin-top: 10px !important;}
.mgt15{margin-top: 15px !important;}
.mgt20{margin-top: 20px !important;}
.mgt25{margin-top: 25px !important;}
.mgt30{margin-top: 30px !important;}
.mgt35{margin-top: 35px !important;}
.mgt40{margin-top: 40px !important;}
.mgt45{margin-top: 45px !important;}
.mgt50{margin-top: 50px !important;}
.mgt60{margin-top: 60px !important;}

.mgb5{margin-bottom: 5px !important;}
.mgb10{margin-bottom: 10px !important;}
.mgb15{margin-bottom: 15px !important;}
.mgb20{margin-bottom: 20px !important;}
.mgb25{margin-bottom: 25px !important;}
.mgb30{margin-bottom: 30px !important;}
.mgb35{margin-bottom: 35px !important;}
.mgb40{margin-bottom: 40px !important;}
.mgb45{margin-bottom: 45px !important;}
.mgb50{margin-bottom: 50px !important;}

.mgmt1{margin-top: -1px !important;}
.mgmt2{margin-top: -2px !important;}
.mgmt3{margin-top: -3px !important;}
.mgmt4{margin-top: -4px !important;}
.mgmt5{margin-top: -5px !important;}
.mgmt6{margin-top: -6px !important;}
.mgmt7{margin-top: -7px !important;}
.mgmt8{margin-top: -8px !important;}
.mgmt9{margin-top: -9px !important;}
.mgmt10{margin-top: -10px !important;}
.mgmt15{margin-top: -15px !important;}
.mgmt20{margin-top: -20px !important;}
.mgmt25{margin-top: -25px !important;}
.mgmt30{margin-top: -30px !important;}
.mgmt35{margin-top: -35px !important;}
.mgmt40{margin-top: -40px !important;}
.mgmt45{margin-top: -45px !important;}
.mgmt50{margin-top: -50px !important;}

.mgmb1{margin-bottom: -1px !important;}
.mgmb2{margin-bottom: -2px !important;}
.mgmb3{margin-bottom: -3px !important;}
.mgmb4{margin-bottom: -4px !important;}
.mgmb5{margin-bottom: -5px !important;}
.mgmb10{margin-bottom: -10px !important;}
.mgmb15{margin-bottom: -15px !important;}
.mgmb20{margin-bottom: -20px !important;}
.mgmb25{margin-bottom: -25px !important;}
.mgmb30{margin-bottom: -30px !important;}
.mgmb35{margin-bottom: -35px !important;}
.mgmb40{margin-bottom: -40px !important;}
.mgmb45{margin-bottom: -45px !important;}
.mgmb50{margin-bottom: -50px !important;}

.mglm5{margin-left: -5px !important;}
.mglm10{margin-left: -10px !important;}
.mglm15{margin-left: -15px !important;}
.mglm20{margin-left: -20px !important;}
.mglm25{margin-left: -25px !important;}
.mglm30{margin-left: -30px !important;}

.t-left{text-align: left;}
.t-center{text-align: center;}
.t-right{text-align: right;}

.f-size10{font-size: 10px !important;}
.f-size11{font-size: 11px !important;}
.f-size12{font-size: 12px !important;}
.f-size13{font-size: 13px !important;}
.f-size14{font-size: 14px !important;}
.f-size15{font-size: 15px !important;}
.f-size15-5{font-size: 15.5px !important;}
.f-size16{font-size: 16px !important;}
.f-size16-5{font-size: 16.5px !important;}
.f-size17{font-size: 17px !important;}
.f-size18{font-size: 18px !important;}
.f-size19{font-size: 19px !important;}
.f-size20{font-size: 20px !important;}

label.error {
    margin-bottom: 0px !important;
    font-size: 12px !important;
    color: #de425b !important;
}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }
    
    
    
/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/
@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 979px) {

}

@media only screen and (max-width : 767px) {

}

@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 320px) {

}


    /* default styles here for older browsers. 
       I tend to go for a 600px - 960px width max but using percentages
    */
    @media only screen and (min-width:960px){
        /* styles for browsers larger than 960px; */
    }
    @media only screen and (min-width:1440px){
        /* styles for browsers larger than 1440px; */
    }
    @media only screen and (min-width:2000px){
        /* for sumo sized (mac) screens */
    }
    @media only screen and (max-device-width:480px){
       /* styles for mobile browsers smaller than 480px; (iPhone) */
    }
    @media only screen and (device-width:768px){
       /* default iPad screens */
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
    }

  /*******Nuevos mensajes de error******/
  
.new-message-box {
    margin: 15px 0;
    padding-left: 20px;
    margin-bottom: 25px!important;
}

.new-message-box p{
    font-size: 1.15em;
    font-weight: 600;
}

.info-tab {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    top: 8px;
}

.info-tab {
    float: left;
    margin-left: -23px;
}

.info-tab i::before {
    width: 24px;
    height: 24px;
    box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);
}

.info-tab i::after {
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-bottom-color: #e6f6ef;
    border-left-color: #e6f6ef;
    bottom: -18px;
}

.info-tab i::before, .info-tab i::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -17px;
    transform: rotateX(60deg);
}

.note-box, .warning-box, .tip-box-success, .tip-box-danger, .tip-box-warning, .tip-box-info, .tip-box-alert {
    padding: 12px 8px 3px 26px;
}


/***Success****/

.new-message-box-success {
    background: #8BC34A;
    padding: 3px;
    margin: 10px 0;
}

.tip-icon-success {
    background: #8BC34A;
}

.tip-box-success {
    color: #33691E;
    background: #DCEDC8;
}

.tip-icon-success::before {    
    color:#ffffff;
    content: '\f058'; 
    font-family: "Font Awesome 5 Free"; 
    font-style: normal;
    font-weight: normal;
    font-size:25px;
    top: 2px;
    left: 8px;
    position: absolute;
}

.tip-icon-success i::before {
    background: #8BC34A;
}


/*******Danger*******/
.new-message-box-danger {
    background: #f44336;
    padding: 3px;
    margin: 10px 0;
}

.tip-icon-danger {
    background: #f44336;
}

.tip-box-danger {
    color: #b71c1c;
    background: #FFCCBC;
}

.tip-icon-danger::before {
    color:#ffffff;    
    content: '\f057'; 
    font-family: "Font Awesome 5 Free"; 
    font-style: normal;
    font-weight: normal;
    font-size:25px;
    top: 2px;
    left: 8px;
    position: absolute;    
}

.tip-icon-danger i::before {
    background: #f44336;
}



/*************************/

body {
  background-color:#ffffff;
}