/*
* HELPER CLASSES
*/ 
/*fonts*/
.font-opensans, .modal{  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;} 
.font-serif{font-family: serif;}
.font-cursive{font-family: 'Courgette', cursive;}
.font-thin{  font-weight: 300;}
.font-semibold{  font-weight: 600;}
.font-bold{  font-weight: 700;}
.font-italic{  font-style: italic;}
.font-xs{  font-size: 10px !important;}
.font-sm{  font-size: 12px !important;}
.font-md{  font-size: 14px !important;}
.font-lg{  font-size: 18px !important;}
.font-xl{  font-size: 24px !important;}
.font-xxl{  font-size: 30px !important;} 
.font-xxxl{  font-size: 40px !important;} 
.ellipsis{  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
/*ellipsis*/
.block-ellipsis,
.block-ellipsis-2,
.block-ellipsis-4,
.block-ellipsis-5,
.block-ellipsis-6 {  display: block;  display: -webkit-box;  max-width: 100%;  max-height: 55px;  margin: 0 auto;  font-size: 14px;  line-height: 1.3;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.block-ellipsis-2 {  max-height: 37px;  -webkit-line-clamp: 3;}
.block-ellipsis-4 {  max-height: 73px;  -webkit-line-clamp: 4;}
.block-ellipsis-5 {  max-height: 92px;  -webkit-line-clamp: 5;}
.block-ellipsis-6 {  max-height: 110px;  -webkit-line-clamp: 6;} 
/*text-transform*/
.text-uppercase{  text-transform: uppercase;}
.text-lowercase{  text-transform: lowercase;}
/*links*/
a{
    color:#133984;
}
    a:hover{
        /*color:#f90 !important;*/
    }
a.a-white{
    color:#fff !important;
}
    a.a-white:hover{
        color:#f90 !important;
    }
a.a-dark{
    color:#333 !important;
}
    a.a-dark:hover{
        color:#133984 !important;
    }   
/* btn */
.btn:hover{
    /*background-color: transparent !important;*/
}
/*letter spacing*/
.letter-space{  letter-spacing: 1px;}
.letter-space2{  letter-spacing: 2px;}
.letter-space3{  letter-spacing: 3px;}
.letter-space4{  letter-spacing: 4px;}
/*text-color*/
h1{font-size: 40px;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h1,h2,h3,h4{color:#133984;}
.text-primary{color: #133984 !important;}
.text-black{color:#000;}
.text-white, h2.text-white, .section-heading .section-title.text-white{  color:#fff !important;}
.text-dark{  color:#333;}
.text-gray{  color:#c0c0c0;}
.text-nox-primary{color:#133984;}
.text-nox-second{color:#77bc1f;}
.text-nox-third{color:#33006f;}
.text-orange{color:#ff9012;}
.text-shadow{text-shadow: 1px 1px 0 #000;}
.bg-primary{background-color: #133984 !important; }
.bg-primary2{background-color: #294a70 !important; }
.bg-dark{   background-color:#333;} 
.bg-black{  background-color:#000;} 
.bg-orange{ background-color:#ff9900;} 
/*background*/
.fullBG{background-position: center center; 
background-repeat: no-repeat; 
background-attachment: fixed; 
height: 100%; width: 100%; 
-webkit-background-size: cover;  
-moz-background-size: cover;  
-o-background-size: cover;  
background-size: cover;} 
.fullWidth{
    min-height: 100vh;
    max-width:100vw;
    height: auto;
    object-fit: cover;
}
 
/*modal-centered */
.modal-centered {  text-align: center;  padding: 0 !important; } 
.modal-centered:before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle;  margin-right: -4px; } 
.modal-centered .modal-dialog {  display: inline-block;  text-align: left;  vertical-align: middle; } 
/*animation*/
 .animeFast{  -webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;-o-transition: all 0.15s ease-out;transition: all 0.15s ease-out; }
 .anime{  -webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out; }
.animeSlow{  -webkit-transition: all 0.32s ease-out;-moz-transition: all 0.32s ease-out;-o-transition: all 0.32s ease-out;transition: all 0.32s ease-out; }
.animeSlow2{  -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out; }
 .animateCubic{-webkit-transition: all 400ms cubic-bezier(0.340, 0.335, 0.000, 1); /* older webkit */
-webkit-transition: all 400ms cubic-bezier(0.340, 0.335, 0.000, 1.630);   -moz-transition: all 400ms cubic-bezier(0.340, 0.335, 0.000, 1.630);  -o-transition: all 400ms cubic-bezier(0.340, 0.335, 0.000, 1.630);  transition: all 400ms cubic-bezier(0.340, 0.335, 0.000, 1.630); /* custom */ 
-webkit-transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1.630);   -moz-transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1.630);  -o-transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1.630);  transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1.630); /* custom */
} 
.animateCubicSlow{
            -webkit-transition: all 550ms cubic-bezier(0.340, 0.335, 0.000, 1); /* older webkit */
        -webkit-transition: all 550ms cubic-bezier(0.340, 0.335, 0.000, 1.630);   -moz-transition: all 550ms cubic-bezier(0.340, 0.335, 0.000, 1.630);  -o-transition: all 550ms cubic-bezier(0.340, 0.335, 0.000, 1.630);  transition: all 550ms cubic-bezier(0.340, 0.335, 0.000, 1.630); /* custom */ 
        -webkit-transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1); /* older webkit */
        -webkit-transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1.630);   -moz-transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1.630);  -o-transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1.630);  transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1.630); /* custom */
}
.animateCubicSlow2{
            -webkit-transition: all 750ms cubic-bezier(0.340, 0.335, 0.000, 1); /* older webkit */
        -webkit-transition: all 750ms cubic-bezier(0.340, 0.335, 0.000, 1.630);   -moz-transition: all 750ms cubic-bezier(0.340, 0.335, 0.000, 1.630);  -o-transition: all 750ms cubic-bezier(0.340, 0.335, 0.000, 1.630);  transition: all 750ms cubic-bezier(0.340, 0.335, 0.000, 1.630); /* custom */ 
        -webkit-transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1); /* older webkit */
        -webkit-transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1.630);   -moz-transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1.630);  -o-transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1.630);  transition-timing-function: cubic-bezier(0.340, 0.335, 0.000, 1.630); /* custom */
}
/*blur*/
/*body .onBlur,
.modal-open>nav,
.modal-open>.site,
.modal-open>footer{-webkit-filter: blur(7px);  -moz-filter: blur(7px);  -o-filter: blur(7px);  -ms-filter: blur(7px);  filter: blur(7px);} */

.minFullH{min-height: 100vh;}

.gradient-blue{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,3598d3+0,093761+100 */
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top, #1e5799 0%, #3598d3 0%, #093761 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1e5799 0%,#3598d3 0%,#093761 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1e5799 0%,#3598d3 0%,#093761 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#093761',GradientType=0 ); /* IE6-9 */
}

/*bg-overlay*/
.bg-overlay { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 10, 15, 0.2); z-index: 0; }
.bg-overlay.dark { background-color: rgba(0, 10, 15, 0.4); }
.bg-overlay.darker { background-color: rgba(0, 10, 15, 0.6); }
.bg-overlay.darker2 { background-color: rgba(0, 10, 15, 0.3); }
.bg-overlay.bg-white { background-color: rgba(255, 255, 255, 0.75); }
.bg-overlay.bg-whiter { background-color: rgba(255, 255, 255, 0.9); }
.bg-overlay.bg-gradient { top: auto; width: 100%; height: 70%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ background: -moz-linear-gradient(top, transparent 0%, black 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, black 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
.bg-overlay.bg-gradient.h100 { height: 100%; opacity: .5; }
.has-overlay,.blue-overlay,.blue-overlay2{position: relative;}
.black-overlay:before,
.blue-overlay2:after,
.blue-overlay:after{
  content: '';
  position:absolute;
  top:0;right:0;bottom:0;left:0;
  background-color: #1e5799;
  z-index: 1;
  opacity: .8;
}
.black-overlay:before{
  background-color: #000;
}
.black-overlay>.kc-row-container,.blue-overlay>div{
  position: relative;
  z-index: 10;
  color:#fff;
}
.blue-overlay2>div{
  position: relative;
  z-index: 10;
}
/* img-sizes*/
.img-xxxl {
  width: 240px !important;
  height: 240px !important;
}
.img-xxl {
  width: 180px !important;
  height: 180px !important;
}
.img-xl {
  width: 120px !important;
  height: 120px !important;
}
.img-lg {
  width: 90px !important;
  height: 90px !important;
}

.img-md {
  width: 60px !important;
  height: 60px !important;
}

.img-sm {
  width: 48px !important;
  height: 48px !important;
}

.img-xs {
  width: 36px !important;
  height: 36px !important;
}
.img-xxs {
  width: 24px !important;
  height: 24px !important;
}
.img-cover{
  object-fit: cover;
  height:100%;
  width:100%;
}
/*
* HELPERS 
*
******************/
/*ALIGNMENTS*/
/*position*/
.position-rel {  position: relative; } 
/*absolute aligment*/
.position-abs {  position: absolute;  z-index: 1;  top: 0;  left: 0;  margin: auto; }
  .position-abs.position-abs-tr { top: 0; right: 0; left: auto; }
  .position-abs.position-abs-br { top: auto; right: 0; left: auto; bottom: 0; }
  .position-abs.position-abs-bl { top: auto; bottom: 0; }
  .position-abs.position-abs-bc { top: auto; bottom: 0; left: 0; right: 0; }
  .position-abs.position-abs-tc { top: 0; bottom: auto; left: 0; right: 0; }
  .position-abs.position-abs-mc { top: 0; bottom: 0; left: 0; right: 0; } 
.flexbox {  /*justify-content: center;*/
  display: -moz-flex;  display: -webkit-flex;  display: flex;  align-items: center; }
  .flexbox .flexbox-center { display: flex; justify-content: center; flex-direction: column; text-align: center; height: 100%; }
  .flexbox .flexbox-item-top { flex: 1; }
  .flexbox .flexbox-item-top { align-self: flex-start; }
  .flexbox .flexbox-item-bottom { align-self: flex-end; } 
/*TABLE GRID*/
.table-grid {  display: table;  width: 100%; }
  .table-grid.h100 { height: 100%; }
  .table-grid.vmiddle .table-grid-cell { vertical-align: middle; }
  .table-grid .table-grid-cell { display: table-cell; float: none; vertical-align: top; }
 .table-grid .table-grid-cell.vmiddle {   vertical-align: middle; }
 .table-grid .table-grid-cell.vbottom {   vertical-align: bottom; } 
/* @media (max-width: 768px){   .table-grid{   display: block; }
 .table-grid-cell{   display: block;   float:inherit; }
 }   */

 .overflow-hidden{
    overflow:hidden;
 }
 .overflow-x-hidden{
    overflow-x:hidden;
 }

/*Masonry Flexbox*/
.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
}

    .masonry-item {
        display: inline-block;
        background: #fff;
        padding: 1em;
        margin: 0 0 1.5em;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    @media only screen and (min-width: 768px) {
        .masonry {
            -moz-column-count: 2;
            -webkit-column-count: 2;
            column-count: 2;
        }
    }

    @media only screen and (min-width: 1100px) {
        .masonry {
            -moz-column-count: 3;
            -webkit-column-count: 3;
            column-count: 3;
        }
    }

/* grid masonry */
.grid{

}
/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/*.grid-item{
    margin:10px;
}*/
.grid-sizer, .grid-item{
    width: 33.33333333333333%;
    
}
.grid-item>*{
    margin:5px;
    border:10px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
@media only screen and (max-width: 988px) {
    .grid-sizer, .grid-item{
        width: 50%;
    }
}
@media only screen and (max-width: 768px) {
    .grid-sizer, .grid-item{
        width: 100%;
    }
}



/***********
* DISPLAY
************/
.display-block {  display: block; } 
.display-inlineblock {  display: inline-block; } 


/*background colors*/
.bg-white{
  background-color: white;
}
.bg-gray{
  background-color: #d0d0d0;
}
.bg-gray-light{
  background-color: #f2f2f2;
}
.bg-gray-light2{
  background-color: #f8f8f8;
}
.bg-gray-light3{
  background-color: #fafafa;
}


/***********
* PADDINGS
************/
/*padding*/
.p0 {  padding: 0px; } 
.p5 {  padding: 5px; } 
.p10 {  padding: 10px; } 
.p15 {  padding: 15px; } 
.p20 {  padding: 20px; } 
.p25 {  padding: 25px; } 
.p30 {  padding: 30px; } 
.p35 {  padding: 35px; } 
.p40 {  padding: 40px; } 
.p45 {  padding: 45px; } 
.p50 {  padding: 50px; } 
/*padding left*/
.pl0 {  padding-left: 0px; } 
.pl5 {  padding-left: 5px; } 
.pl10 {  padding-left: 10px; } 
.pl15 {  padding-left: 15px; } 
.pl20 {  padding-left: 20px; } 
.pl25 {  padding-left: 25px; } 
.pl30 {  padding-left: 30px; } 
.pl35 {  padding-left: 35px; } 
.pl40 {  padding-left: 40px; } 
.pl45 {  padding-left: 45px; } 
.pl50 {  padding-left: 50px; } 
.pl55 {  padding-left: 55px; } 
.pl60 {  padding-left: 60px; } 
.pl65 {  padding-left: 65px; } 
.pl70 {  padding-left: 70px; } 
.pl75 {  padding-left: 75px; } 
.pl80 {  padding-left: 80px; } 
.pl85 {  padding-left: 85px; } 
.pl90 {  padding-left: 90px; } 
.pl95 {  padding-left: 95px; } 
.pl100 {  padding-left: 100px; } 
/*padding top*/
.pt0 {  padding-top: 0px; } 
.pt5 {  padding-top: 5px; } 
.pt10 {  padding-top: 10px; } 
.pt15 {  padding-top: 15px; } 
.pt20 {  padding-top: 20px; } 
.pt25 {  padding-top: 25px; } 
.pt30 {  padding-top: 30px; } 
.pt35 {  padding-top: 35px; } 
.pt40 {  padding-top: 40px; } 
.pt45 {  padding-top: 45px; } 
.pt50 {  padding-top: 50px; } 
.pt55 {  padding-top: 55px; } 
.pt60 {  padding-top: 60px; } 
.pt65 {  padding-top: 65px; } 
.pt70 {  padding-top: 70px; } 
.pt75 {  padding-top: 75px; } 
.pt80 {  padding-top: 80px; } 
.pt85 {  padding-top: 85px; } 
.pt90 {  padding-top: 90px; } 
.pt95 {  padding-top: 95px; } 
.pt100 {  padding-top: 100px; } 
/*padding right*/
.pr0 {  padding-right: 0px; } 
.pr5 {  padding-right: 5px; } 
.pr10 {  padding-right: 10px; } 
.pr15 {  padding-right: 15px; } 
.pr20 {  padding-right: 20px; } 
.pr25 {  padding-right: 25px; } 
.pr30 {  padding-right: 30px; } 
.pr35 {  padding-right: 35px; } 
.pr40 {  padding-right: 40px; } 
.pr45 {  padding-right: 45px; } 
.pr50 {  padding-right: 50px; } 
.pr55 {  padding-right: 55px; } 
.pr60 {  padding-right: 60px; } 
.pr65 {  padding-right: 65px; } 
.pr70 {  padding-right: 70px; } 
.pr75 {  padding-right: 75px; } 
.pr80 {  padding-right: 80px; } 
.pr85 {  padding-right: 85px; } 
.pr90 {  padding-right: 90px; } 
.pr95 {  padding-right: 95px; } 
.pr100 {  padding-right: 100px; } 
/*padding bottom*/
.pb0 {  padding-bottom: 0px; } 
.pb5 {  padding-bottom: 5px; } 
.pb10 {  padding-bottom: 10px; } 
.pb15 {  padding-bottom: 15px; } 
.pb20 {  padding-bottom: 20px; } 
.pb25 {  padding-bottom: 25px; } 
.pb30 {  padding-bottom: 30px; } 
.pb35 {  padding-bottom: 35px; } 
.pb40 {  padding-bottom: 40px; } 
.pb45 {  padding-bottom: 45px; } 
.pb50 {  padding-bottom: 50px; } 
.pb55 {  padding-bottom: 55px; } 
.pb60 {  padding-bottom: 60px; } 
.pb65 {  padding-bottom: 65px; } 
.pb70 {  padding-bottom: 70px; } 
.pb75 {  padding-bottom: 75px; } 
.pb80 {  padding-bottom: 80px; } 
.pb85 {  padding-bottom: 85px; } 
.pb90 {  padding-bottom: 90px; } 
.pb95 {  padding-bottom: 95px; } 
.pb100 {  padding-bottom: 100px; } 
/************
* MARGINS
************/
/*margin*/
.m0 {  margin: 0px; } 
.m5 {  margin: 5px; } 
.m10 {  margin: 10px; } 
.m15 {  margin: 15px; } 
.m20 {  margin: 20px; } 
.m25 {  margin: 25px; } 
.m30 {  margin: 30px; } 
.m35 {  margin: 35px; } 
.m40 {  margin: 40px; } 
.m45 {  margin: 45px; } 
.m50 {  margin: 50px; } 
/*margin left*/
.ml0 {  margin-left: 0px; } 
.ml5 {  margin-left: 5px; } 
.ml10 {  margin-left: 10px; } 
.ml15 {  margin-left: 15px; } 
.ml20 {  margin-left: 20px; } 
.ml25 {  margin-left: 25px; } 
.ml30 {  margin-left: 30px; } 
.ml35 {  margin-left: 35px; } 
.ml40 {  margin-left: 40px; } 
.ml45 {  margin-left: 45px; } 
.ml50 {  margin-left: 50px; } 
.ml55 {  margin-left: 55px; } 
.ml60 {  margin-left: 60px; } 
.ml65 {  margin-left: 65px; } 
.ml70 {  margin-left: 70px; } 
.ml75 {  margin-left: 75px; } 
.ml80 {  margin-left: 80px; } 
.ml85 {  margin-left: 85px; } 
.ml90 {  margin-left: 90px; } 
.ml95 {  margin-left: 95px; } 
.ml100 {  margin-left: 100px; } 
/*margin top*/
.mt0 {  margin-top: 0px; } 
.mt5 {  margin-top: 5px; } 
.mt10 {  margin-top: 10px; } 
.mt15 {  margin-top: 15px; } 
.mt20 {  margin-top: 20px; } 
.mt25 {  margin-top: 25px; } 
.mt30 {  margin-top: 30px; } 
.mt35 {  margin-top: 35px; } 
.mt40 {  margin-top: 40px; } 
.mt45 {  margin-top: 45px; } 
.mt50 {  margin-top: 50px; } 
.mt55 {  margin-top: 55px; } 
.mt60 {  margin-top: 60px; } 
.mt65 {  margin-top: 65px; } 
.mt70 {  margin-top: 70px; } 
.mt75 {  margin-top: 75px; } 
.mt80 {  margin-top: 80px; } 
.mt85 {  margin-top: 85px; } 
.mt90 {  margin-top: 90px; } 
.mt95 {  margin-top: 95px; } 
.mt100 {  margin-top: 100px; } 
/*margin right*/
.mr0 {  margin-right: 0px; } 
.mr5 {  margin-right: 5px; } 
.mr10 {  margin-right: 10px; } 
.mr15 {  margin-right: 15px; } 
.mr20 {  margin-right: 20px; } 
.mr25 {  margin-right: 25px; } 
.mr30 {  margin-right: 30px; } 
.mr35 {  margin-right: 35px; } 
.mr40 {  margin-right: 40px; } 
.mr45 {  margin-right: 45px; } 
.mr50 {  margin-right: 50px; } 
.mr55 {  margin-right: 55px; } 
.mr60 {  margin-right: 60px; } 
.mr65 {  margin-right: 65px; } 
.mr70 {  margin-right: 70px; } 
.mr75 {  margin-right: 75px; } 
.mr80 {  margin-right: 80px; } 
.mr85 {  margin-right: 85px; } 
.mr90 {  margin-right: 90px; } 
.mr95 {  margin-right: 95px; } 
.mr100 {  margin-right: 100px; } 
/*margin bottom*/
.mb0 {  margin-bottom: 0px; } 
.mb5 {  margin-bottom: 5px; } 
.mb10 {  margin-bottom: 10px; } 
.mb15 {  margin-bottom: 15px; } 
.mb20 {  margin-bottom: 20px; } 
.mb25 {  margin-bottom: 25px; } 
.mb30 {  margin-bottom: 30px; } 
.mb35 {  margin-bottom: 35px; } 
.mb40 {  margin-bottom: 40px; } 
.mb45 {  margin-bottom: 45px; } 
.mb50 {  margin-bottom: 50px; } 
.mb55 {  margin-bottom: 55px; } 
.mb60 {  margin-bottom: 60px; } 
.mb65 {  margin-bottom: 65px; } 
.mb70 {  margin-bottom: 70px; } 
.mb75 {  margin-bottom: 75px; } 
.mb80 {  margin-bottom: 80px; } 
.mb85 {  margin-bottom: 85px; } 
.mb90 {  margin-bottom: 90px; } 
.mb95 {  margin-bottom: 95px; } 
.mb100 {  margin-bottom: 100px; } 
/*END: helper classes*/

/* height */
.h100 {height:100px;}
.h125 {height:125px;}
.h150 {height:150px;}
.h175 {height:175px;}
.h200 {height:200px;}
.h225 {height:225px;}
.h250 {height:250px;}
.h275 {height:275px;}
.h300 {height:300px;}
.h350 {height:350px;}

/*opacity*/
.opacity-0{
  opacity: 0;
}
.opacity-1{
  opacity: .1;
}
.opacity-2{
  opacity: .2;
}
.opacity-3{
  opacity: .3;
}
.opacity-4{
  opacity: .4;
}
.opacity-5{
  opacity: .5;
}
.opacity-6{
  opacity: .6;
}
.opacity-7{
  opacity: .7;
}
.opacity-8{
  opacity: .8;
}
.opacity-9{
  opacity: .9;
}

.overflow-hidden{
    overflow: hidden;
}
.box-shadow{
    -webkit-box-shadow: 0px 8px 33px -9px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 8px 33px -9px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 8px 33px -9px rgba(0, 0, 0, 0.45);
}
.border-radius{
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/*slanted*/
.slanted.slanted-white:after { background: #fff; }
.slanted:after { background: inherit; bottom: 0; content: ''; display: block; height: 10vh; left: 0; position: absolute; right: 0; transform: skewY(-1.3deg); transform-origin: 100%; z-index: 5; }
.slanted.slanted-right:after { transform: skewY(1.3deg); transform-origin: 0; }
.slanted.slanted-top:after { bottom: auto; top: 0; }

/*rotate vertical*/
.vertical-left{
    -moz-transform: rotate(-90deg) translateY(-200%);
-webkit-transform: rotate(-90deg) translateY(-200%);
-o-transform: rotate(-90deg) translateY(-200%);
-ms-transform: rotate(-90deg) translateY(-200%);
transform: rotate(-90deg) translateY(-200%);
}
.vertical-right{
    -moz-transform: rotate(90deg) translateY(200%);
-webkit-transform: rotate(90deg) translateY(200%);
-o-transform: rotate(90deg) translateY(200%);
-ms-transform: rotate(90deg) translateY(200%);
transform: rotate(90deg) translateY(200%);
}

/**************************** 
entire container, keeps perspective 
****************************/
.flip-container {
    perspective: 1000px;
    transform-style: preserve-3d;
}
    /*  UPDATED! flip the pane when hovered */
    .flip-container:hover .back {
        transform: rotateY(0deg);
    }
    .flip-container:hover .front {
        transform: rotateY(180deg);
    }

.flip-container, .front, .back {
    width: 100%;
    height:100%;
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    transition: 0.6s;
    transform-style: preserve-3d;

    position: absolute;
    top: 0;
    left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
    z-index: 2;
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(-180deg);
}

/**************************** 
END: flip;
****************************/


/* background patterns */

.bgp-diagonal-noise{
   background:url('img/patterns/diagonal-noise.png') repeat;
}
.bgp-funky-lines{
   background-image:url('img/patterns/funky-lines.png') repeat;
}
.bgp-sayagata-400px{
   background-image:url('img/patterns/sayagata-400px.png') repeat;
}
.bgp-washi{
   background-image:url('img/patterns/washi.png') repeat;
}




.bgp-bright-squares{
    background-image:url('img/patterns/bright_squares.png');
}
.bgp-brushed-alu{
    background-image:url('img/patterns/brushed_alu.png');
}
.bgp-crossword{
    background-image:url('img/patterns/crossword.png');
}
.bgp-diamond-eyes{
    background-image:url('img/patterns/daimond_eyes.png');
}
.bgp-debut-light{
    background-image:url('img/patterns/debut_light.png');
}
.bgp-grey{
    background-image:url('img/patterns/grey.png');
}
.bgp-grid-noise{
    background-image:url('img/patterns/grid_noise.png');
}
.bgp-hexellence{
    background-image:url('img/patterns/hexellence.png');
}
.bgp-large-leather{
    background-image:url('img/patterns/large_leather.png');
}
.bgp-light-wool{
    background-image:url('img/patterns/light_wool.png');
}
.bgp-pinstripe{
    background-image:url('img/patterns/pinstripe.png');
}
.bgp-pw-maze-white{
    background-image:url('img/patterns/pw_maze_white.png');
}
.bgp-retina-dust{
    background-image:url('img/patterns/retina_dust.png');
}
.bgp-skelatal-weave{
    background-image:url('img/patterns/skelatal_weave.png');
}
.bgp-square-bg{
    background-image:url('img/patterns/square_bg.png');
}
.bgp-subtle-white-feathers{
    background-image:url('img/patterns/subtle_white_feathers.png');
}
.bgp-swirl{
    background-image:url('img/patterns/swirl.png');
}
.bgp-white-wall-hash{
    background-image:url('img/patterns/white_wall_hash.png');
}

.bg-overlay-vid{
  position: relative;
}
.bg-overlay-vid:before{
  content:"";
  position: absolute;
  top:0;right:0;bottom:0;left:0;
  z-index: 1;
  background-color: rgba(10,10,10,.7);
  background-image: url("images/patterns/pattern-line.png");
}
.bg-overlay-vid.bg-blue{
  background-color:rgba(45, 96, 126, 0.7);
}
.video-fit{
  object-fit: cover;
  min-height: 100vh;
    width: 100vw;
}

.hasIntro{
  visibility: hidden;
}
.hasIntro.animated,
.hasIntro.isVisible{
  visibility: visible;
}

.peek-top {
    -moz-transform: translateY(-150px);
    -webkit-transform: translateY(-150px);
    -o-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    transform: translateY(-150px);
    margin-bottom: -140px;
}
.peek-bottom {
    -moz-transform: translateY(180px);
    -webkit-transform: translateY(180px);
    -o-transform: translateY(180px);
    -ms-transform: translateY(180px);
    transform: translateY(180px);
    margin-top: -160px;
}

.parallax{
    position: relative;
    z-index: 1;
    overflow: hidden;

}
    .parallax-content {
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        top: 0;
        left: 0;
        bottom: 0;
        right:0;
        overflow: hidden;
    }
    .parallax-item{
      object-fit: cover;
        width: 100vw;
    }

.parallax-gallery {
    white-space: nowrap;
    z-index: 1;
    position: relative;
}   
    .parallax-gallery img{
        display: inline-block;
    }

/*clippath*/
.divider-triangle{
	clip-path: polygon(50% 0%, 100% 30px, 100% 100%, 0 100%, 0 30px);
	margin-top:-30px;
	z-index:20;
	position:relative;
}
.divider-triangle-bottom{
	clip-path: polygon(0 0, 100% 0, 100% calc(100%-30px), 50% 100%, 0 calc(100%-30px));
	margin-bottom:-30px;
	z-index:20; 
	position:relative;
}