@charset "UTF-8";

/*!
 * rows.css - http://ohuirasoft.com/
 * Version - 1.2.5
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * 2018 Ohuirasoft
 * Url - ohuirasoft.com
 */
*:disabled{opacity: 0.8;cursor: not-allowed!important;}
#views{
    max-width: 1250px;
    background: white!important;
    padding: 0!important;
    position: fixed;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    box-shadow: 0 0 8px rgba(0,0,0,0.5)!important;
    border-radius: 0!important;
}
img{max-width: 100%;}
.cp{cursor: pointer;}
#views>div{
   max-width: 1020px;
    width: 100%;
    height: 100vh;
    margin-top: 57px;
    position: absolute;
    right: 0;
    padding: 5px;
    background: #f5f5f5;
    overflow-y: scroll;
    padding-bottom: 100px;
}

#views>div:first-child{
    max-width: 1020px;
    width: 100%;
    height: 100vh;
    float: right;
    margin-top: 0px;
    padding: 0px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

input::-webkit-input-placeholder {
    color:#c1c1c1;
}
input:focus::-webkit-input-placeholder {
    color:transparent;
}

/* Firefox < 19 */
input:-moz-placeholder {
    color:#c1c1c1;
}
input:focus:-moz-placeholder {
    color:transparent;
}

/* Firefox > 19 */
input::-moz-placeholder {
    color:#c1c1c1;
}
input:focus::-moz-placeholder {
    color:transparent;
}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
    color:#c1c1c1;
}
input:focus:-ms-input-placeholder {
    color:transparent;
}
.bg-white{background-color: #fff;}

#toast{position: fixed;bottom: 0;background: #0093a8;z-index: 10000000000;left: 0;right: 0;margin: auto;max-width: 100%;text-align: center;color: #fff;padding: 10px 20px;font-size: 35px;transition: transform 0.3s ease;transform: translateY(70px);box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);}
input, textarea, select{
    width: 100%;
    border-radius: 4px;
    border: 2px solid #0094a7;
    background: #fdfdfd;
    padding: 5px;
    font-size: 14px;
    padding-left: 10px;
    padding-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    padding-top: 10px;
    padding-right: 10px;
}
.debug{border: 1px solid red;}
html, body{padding: 0;margin: 0;font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;background: #fff;overflow-x:hidden;}
*:active, *:hover, *:active, *:visited, *:focus {outline: 0;}
a{text-decoration: none;}


@font-face {
    font-family: f2;
    src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: f3;
    src: url(../fonts/OpenSans-Semibold.ttf);
}

.f1{font-weight: 300;}
.f2{font-weight: 400;}
.f3{font-weight: 900;}

/*@import url('https://fonts.googleapis.com/css?family=Cabin:400,600,700');*/

*{
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  color: #4a4a4a;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -ms-overflow-style: none;
}

/*Splash screen*/
.splash{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: #fff;z-index: 100000100000;transition: opacity 0.15s ease;}
.splash span{
  max-width: 80%;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
  text-align: center;
  top: 0;
  margin-top: 250px;
}
.splash img{
  max-width: 100%;
  opacity: 0;
  transform: translateY(40px);
  transition: transform, opacity, 0.3s ease; 
}
/* fonts size */
.f8{font-size: 8px!important;}
.f10{font-size: 10px!important;}
.f12{font-size: 12px!important;}
.f14{font-size: 14px!important;}
.f16{font-size: 16px!important;}
.f18{font-size: 18px!important;}
.f20{font-size: 20px!important;}
.f22{font-size: 22px!important;}
.f24{font-size: 24px!important;}
.f26{font-size: 26px!important;}
.f28{font-size: 28px!important;}
.f30{font-size: 30px!important;}
.f32{font-size: 32px!important;}
.f34{font-size: 34px!important;}
.f36{font-size: 36px!important;}
.f38{font-size: 38px!important;}
.f40{font-size: 40px!important;}

/* text colors */
.txt-red{color: red;}
.txt-blue{color: blue;}
.txt-white{color: white;}
.txt-black{color: black;}
.txt-orange{color: orange;}
.txt-j{text-align: justify!important;}

/* paddings */
.p0{padding: 0px!important}
.p5{padding: 5px!important}
.p10{padding: 10px!important}
.p15{padding: 15px!important}
.p20{padding: 20px!important}
.p25{padding: 25px!important}
.p30{padding: 30px!important}
.p35{padding: 35px!important}
.p40{padding: 40px!important}
.pt0{padding-top: 0!important;}
.pr0{padding-right: 0!important;}
.pb0{padding-bottom: 0!important;}
.pl0{padding-left: 0!important;}
.pl10{padding-left: 10px!important;}
.pr10{padding-right: 10px!important;}
.pl20{padding-left: 20px!important;}
.p0v{padding-top: 0px!important;padding-bottom: 0px!important;}
.p0h{padding-left: 0px!important;padding-right: 0px!important;}
/* margins */
.m0{margin: 0px!important}
.m5{margin: 5px!important}
.m10{margin: 10px!important}
.m15{margin: 15px!important}
.m20{margin: 20px!important}
.m25{margin: 25px!important}
.m30{margin: 30px!important}
.m35{margin: 35px!important}
.m40{margin: 40px!important}
.mb-xs{margin-bottom: 5px!important;}
.mb-sm{margin-bottom: 10px!important;}
.mb-md{margin-bottom: 20px!important;}
.mr10{margin-right: 10px;}

/* overflow */
.ov{overflow: visible!important;}
.oh{overflow: hidden!important;}
.os{overflow: scroll!important;}
.osx{overflow-x: scroll!important;}
.osy{overflow-y: scroll!important;}


/* floats */
.fl{float: left!important;}
.fr{float: right!important;}
.fn{float: none;}

/* rows */
.r:after,.r:before{display:table;content:" "}
.r:after{clear:both}

/* algin texts */
.txt-center{text-align: center!important;}
.txt-left{text-align: left!important;}
.txt-right{text-align: right!important;}
.txt-justify{text-align: justify!important;}
.toe{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

h1{font-size:62px;margin:10px 0px;}
h2{font-size:38px;margin:10px 0px;}
h3{font-size:24px;margin:10px 0px;}
h4{font-size:18px;margin:10px 0px;}
h5{font-size:16px;margin:10px 0px;}
h6{font-size:14px;margin:10px 0px;}

/* spacers */
.br{width: 100%;height: 15px;z-index: -100;display: flex;}
.br1{width: 100%;height: 15px;z-index: -100;display: flex;}
.br2{width: 100%;height: 30px;z-index: -100;display: flex;}
.br3{width: 100%;height: 45px;z-index: -100;display: flex;}
.br4{width: 100%;height: 60px;z-index: -100;display: flex;}
.br5{width: 100%;height: 75px;z-index: -100;display: flex;}
.br6{width: 100%;height: 90px;z-index: -100;display: flex;}

/* Positions */
.pf{position: fixed!important;}
.pa{position: absolute!important;}
.pr{position: relative!important;}
.ps{position: static!important;}

/* Extras */
.bold{font-weight: 700;}
.boxed{max-width: 950px;margin: auto;}
.width-100{width: 100vw!important}
.height-100{height: 100vh!important;}
.height-90{height: 90vh!important;}
.height-80{height: 80vh!important;}
.height-70{height: 70vh!important;}
.height-60{height: 60vh!important;}
.height-50{height: 50vh!important;}
.full-background{background-size: 100%!important;}
.full-background-cover{-webkit-background-size: !important;-moz-background-size: !important;-o-background-size: !important;background-size: cover!important;}
.lh25{line-height:25px;}
.code{font-family: Menlo,Monaco,Consolas,"Courier New",monospace;background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 3px;padding: 0px 10px;}
.abs-tl0{position: absolute;top: 0;left: 0;}

/* Full width and heigth : fixed */
.wh100{position: absolute;left: 0;top: 90px;width: 100%;height: 100%;background: #fff;}

.w100{width: 100%!important;}
.pull-bottom{position: absolute;bottom:0;width:100%;}
.hidden{visibility: hidden;}
.ft{font-weight: 100;}
.fb{font-weight: bold;}
.txt-vertical-center{overflow: hidden; display: table-cell; vertical-align: middle;float: none!important;}
.center{
  text-align: center!important;
  text-align: -o-center!important;
  text-align: -ms-center!important;
  text-align: -moz-center!important;
  text-align: -webkit-center!important;
}

/*

prop: value;
-o-prop: value;
-ms-prop: value;
-moz-prop: value;
-webkit-prop: value;

*/

/* columns */
.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10,.d11,.d12,
.d1-md,.d2-md,.d3-md,.d4-md,.d5-md,.d6-md,.d7-md,.d8-md,.d9-md,.d10-md,.d11-md,.d12-md,
.d1-sm,.d2-sm,.d3-sm,.d4-sm,.d5-sm,.d6-sm,.d7-sm,.d8-sm,.d9-sm,.d10-sm,.d11-sm,.d12-sm,
.d1-xs,.d2-xs,.d3-xs,.d4-xs,.d5-xs,.d6-xs,.d7-xs,.d8-xs,.d9-xs,.d10-xs,.d11-xs,.d12-xs{
  float: left;
  padding: 10px;
  transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -webkit-transition: width 0.3s ease;
  text-align: center;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*.d1 img,.d2 img,.d3 img,.d4 img,.d5 img,.d6 img,.d7 img,.d8 img,.d9 img,.d10 img,.d11 img,.d12 img{max-width: 100%;}*/
.d1{width: 8.33333333%}
.d2{width: 16.66666667%}
.d3{width: 25%}
.d4{width: 33.33333333%}
.d5{width: 41.66666667%}
.d6{width: 50%}
.d7{width: 58.33333333%}
.d8{width: 66.66666667%}
.d9{width: 75%}
.d10{width: 83.33333333%}
.d11{width: 91.66666667%}
.d12{width: 100%}
.hide{display: none;}
.hidei{display: none!important;}
.show{display: block;}

/* Laptop */
@media (max-width: 1000px) {
  .txt-center-md{text-align: center!important;}
  .txt-left-md{text-align: center!important;}
  .txt-right-md{text-align: center!important;}
  .hidden-md{visibility: hidden;}
  .hide-md{display: none;}
  .show-md{display: block;}
}

/* HIDE MENU */
@media (max-width: 730px) {
  #views>div {
    max-width: 100%!important;
    margin-top: 0px;
    padding-top: 55px;
  }
}

@media (max-width: 1250px) {
  #views>div {
      max-width: calc(100% - 230px);
  }
}

/* Tablet */
@media (max-width: 800px) {
  .splash span{
    max-width: 80%;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    text-align: center;
    top: 0;
    margin-top: 150px;
  }
  .splash img{
    width: 170px!important;
  }
  .home-left h1{font-size: 64px;text-align: center!important;}
  .txt-center-sm{text-align: center!important;}
  .txt-left-sm{text-align: center!important;}
  .txt-right-sm{text-align: center!important;}
  .hidden-sm{visibility: hidden;}
  .hide-sm{display: none;}
  .show-sm{display: block!important;}
  .height-sm-100{height: 10vh!important;}

  .d1-sm{width: 8.33333333%}
  .d2-sm{width: 16.66666667%}
  .d3-sm{width: 25%}
  .d4-sm{width: 33.33333333%}
  .d5-sm{width: 41.66666667%}
  .d6-sm{width: 50%}
  .d7-sm{width: 58.33333333%}
  .d8-sm{width: 66.66666667%}
  .d9-sm{width: 75%}
  .d10-sm{width: 83.33333333%}
  .d11-sm{width: 91.66666667%}
  .d12-sm{width: 100%}
}

/* Phone */
@media (max-width: 460px) {
  .txt-center-xs{text-align: center!important;}
  .txt-left-xs{text-align: center!important;}
  .txt-right-xs{text-align: center!important;}
  .hidden-xs{visibility: hidden;}
  .hide-xs{display: none;}
  .show-xs{display: block;}

  .d1-xs{width: 8.33333333%}
  .d2-xs{width: 16.66666667%}
  .d3-xs{width: 25%}
  .d4-xs{width: 33.33333333%}
  .d5-xs{width: 41.66666667%}
  .d6-xs{width: 50%}
  .d7-xs{width: 58.33333333%}
  .d8-xs{width: 66.66666667%}
  .d9-xs{width: 75%}
  .d10-xs{width: 83.33333333%}
  .d11-xs{width: 91.66666667%}
  .d12-xs{width: 100%}
}



/* Loader in svg */
.loader {
    display: inline-block;
    font-size: 4rem;
    -webkit-animation: 2s rotate infinite linear;
    animation: 2s rotate infinite linear;
    width: 1em;
    height: 1em;
}

.loader circle {
    stroke: #ff8c16; /* <--- CUSTOM */
    fill: transparent;
    stroke-width: 0.1em;
    stroke-linecap: round;
    stroke-dasharray: 2.3525em 0.4705em;
    -webkit-animation: 1.5s strokeDashArray infinite linear;
    animation: 1.5s strokeDashArray infinite linear;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes strokeDashArray {
  from {
    stroke-dasharray: 2.3525em 0.4705em;
    stroke-dashoffset: 0;
  }
  10% {
    stroke-dasharray: 2.3525em 0.4705em;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 0.001em 2.825em;
    stroke-dashoffset: -2.826em;
  }
  60% {
    stroke-dasharray: 0.001em 2.825em;
  }
  to {
    stroke-dasharray: 2.3525em 0.4705em;
    stroke-dashoffset: -2.826em;
  }
}
@keyframes strokeDashArray {
  from {
    stroke-dasharray: 2.3525em 0.4705em;
    stroke-dashoffset: 0;
  }
  10% {
    stroke-dasharray: 2.3525em 0.4705em;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 0.001em 2.825em;
    stroke-dashoffset: -2.826em;
  }
  60% {
    stroke-dasharray: 0.001em 2.825em;
  }
  to {
    stroke-dasharray: 2.3525em 0.4705em;
    stroke-dashoffset: -2.826em;
  }
}