*{
    margin:0px;
    padding: 0px;
    text-decoration: none;
    list-style: none;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:         all 300ms cubic-bezier(0.215, 0.61, 0.355, 1); 
}

body{
    overflow-x: hidden;
}

a{
    text-decoration: none !important;
}

@font-face {
    font-family: lato-light;
    src: url(../fonts/lato/Lato-Light.ttf);
}

@font-face {
    font-family: lato-regular;
    src: url(../fonts/lato/Lato-Regular.ttf);
}

@font-face {
    font-family: lato-black;
    src: url(../fonts/lato/Lato-Black.ttf);
}

@font-face {
    font-family: lato-bold;
    src: url(../fonts/lato/Lato-Bold.ttf);
}

@font-face {
    font-family: nunito-black;
    src: url(../fonts/nunito/Nunito-Black.ttf);
}

@font-face {
    font-family: nunito-light;
    src: url(../fonts/nunito/Nunito-Light.ttf);
}

@font-face {
    font-family: nunito-regular;
    src: url(../fonts/nunito/Nunito-Regular.ttf);
}

@font-face {
    font-family: nunito-bold;
    src: url(../fonts/nunito/Nunito-Bold.ttf);
}

.fleft{
    float: left !important;
}

.fright{
    float: right !important;
}

.txt-white{
    color: white !important
}

input:focus {
    box-shadow:0px !important;
    outline:0px !important
}

select:focus {
    box-shadow:0px !important;
    outline:0px !important;
}

textarea:focus {
    box-shadow:0px !important;
    outline:0px !important
}

button:focus {
    box-shadow:0px !important;
    outline:0px !important
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ccc;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #ccc;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: #ccc;
  }

  .h100{
      height: 100% !important;
  }

  .txt-justify{
      text-align: justify;
  }

.pt10{
    padding-top: 10px !important;
}

.pt20{
    padding-top: 20px !important;
}

.pt30{
    padding-top: 30px !important;
}

.pt40{
    padding-top: 40px !important;
}

.pt50{
    padding-top: 50px !important;
}

.pt60{
    padding-top: 60px !important;
}

.pt100{
    padding-top: 100px !important;
}

.pt110{
    padding-top: 110px !important;
}

.pt120{
    padding-top: 120px !important;
}

.p-white p, .p-white h3, .p-white h2, .p-white h1, .p-white a, .p-white span{
    color: white !important
}

.b-white{
    background: white !important
}

.ml20{
    margin-left: 20px;
}

.ml30{
    margin-left: 30px;
}

.mb0{
    margin-bottom: 0px !important
}

.mb10{
    margin-bottom: 10px !important
}

.mb20{
    margin-bottom: 20px !important
}

.mb30{
    margin-bottom: 30px;
}

.caja{
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
}

.w100{
    width: 100%;
}

.mt10{
    margin-top: 10px !important;
}

.mt20{
    margin-top: 20px !important;
}

.mt30{
    margin-top: 30px !important;
}

.mt40{
    margin-top: 40px !important;
}

.mt50{
    margin-top: 50px !important;
}

.mt60{
    margin-top: 60px !important;
}

.p0{
    padding: 0px;
}

.ptb60{
    padding: 60px 0px !important
}