/* ****************************************************** ----- PLUGINS */


/*-------------------------------*/
/*  TABLE COLUMNS: of same height - CUSTOM CSS plugin */
/*-------------------------------*/
[class*="table-xs"],   .table-xs   { display:table; width:100%;}
[class*="row-xs"],     .row-xs     { display:table-row;}
[class*="column-xs"],  .column-xs  { display:table-cell; float:none; vertical-align:top;}

@media only screen and (min-width: 768px) {
[class*="table-sm"],   .table-sm   { display:table; width:100%;}
[class*="row-sm"],     .row-sm     { display:table-row;}
[class*="column-sm"],  .column-sm  { display:table-cell; float:none; vertical-align:top;}
}
@media only screen and (min-width: 992px) {
[class*="table-md"],   .table-md   { display:table; width:100%;}
[class*="row-md"],     .row-md     { display:table-row;}
[class*="column-md"],  .column-md  { display:table-cell; float:none; vertical-align:top;}
}
@media only screen and (min-width: 1200px) {
[class*="table-lg"],   .table-lg   { display:table; width:100%;}
[class*="row-lg"],     .row-lg     { display:table-row;}
[class*="column-lg"],  .column-lg  { display:table-cell; float:none; vertical-align:top;}
}
/*  TABLE COLUMNS: of same height - CUSTOM CSS plugin END */


/*-------------------------------*/
/*  5 COLUMN: CUSTOM CSS bootstrap plugin   */
/*-------------------------------*/
.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 { position:relative; min-height:1px; padding-right:15px; padding-left:15px;}
.col-xs-15          { float:left; width:20%;}
.col-xs-pull-15     { right:20%;}
.col-xs-push-15     { left:20%;}
.col-xs-offset-15   { margin-left:20%;}
@media (min-width: 768px) {
.col-sm-15          { float:left; width:20%; }
.col-sm-pull-15     { right:20%;}
.col-sm-push-15     { left:20%;}
.col-sm-offset-15   { margin-left:20%;}
}
@media (min-width: 992px) {
.col-md-15          { float:left; width:20%;}
.col-md-pull-15     { right:20%;}
.col-md-push-15     { left:20%;}
.col-md-offset-15   { margin-left:20%;}
}
@media (min-width: 1200px) {
.col-lg-15          { float:left; width:20%;}
.col-lg-pull-15     { right:20%;}
.col-lg-push-15     { left:20%;}
.col-lg-offset-15   { margin-left:20%;}
}
/*  5 COLUMN: CUSTOM CSS bootstrap plugin END   */

/*-------------------------------*/
/*  BOOTSTRAP: CUSTOM CSS bootstrap column gutters   */
/*-------------------------------*/
.custom-gutter {}
.custom-gutter .row { clear:both; margin-left:-5px !important; margin-right:-5px !important;}
.custom-gutter [class*="col-"] { margin-bottom:10px; position:relative; padding:0 5px !important;}

/*  FORM TABLE: vertical END */


/*-------------------------------*/
/*  BOOTSTRAP: CUSTOM CSS bootstrap that removes gutter   */
/*-------------------------------*/
.row.no-gutter-xs { margin-right:0; margin-left:0;}
.row.no-gutter-xs > [class*='col-'] { padding-right:0; padding-left:0;}

@media (min-width: 768px) {
    .row.no-gutter-sm { margin-right:0; margin-left:0;}
    .row.no-gutter-sm > [class*='col-'] { padding-right:0; padding-left:0;}
}
@media (min-width: 992px) {
    .row.no-gutter-md { margin-right:0; margin-left:0;}
    .row.no-gutter-md > [class*='col-'] { padding-right:0; padding-left:0;}
}
@media (min-width: 1200px) {
    .row.no-gutter-lg { margin-right:0; margin-left:0;}
    .row.no-gutter-lg > [class*='col-'] { padding-right:0; padding-left:0;}
}


/*-------------------------------*/
/*  FIXED WIDTH AND HEIGHT RATIO: keep the ratio of the height relative to the width */
/*-------------------------------*/
[class*="box-ratio"] { display: table; position: relative; width: 100%;}
.box-ratio-1-1 {}
.box-ratio-1-3 {} /* custom square */
.box-ratio-2-1 {}
.box-ratio-1-2 {}
.box-ratio-4-3 {}
.box-ratio-16-9 {}
[class*="box-ratio"]:before { content: ""; display: block; padding-top: 100%; /* initial ratio of 1:1 - overwrite with classes below*/}
.box-ratio-1-1:before { padding-top: 100%;}
.box-ratio-1-3:before { padding-top: 110%;} /* custom square */
.box-ratio-2-1:before { padding-top: 50%;}
.box-ratio-1-2:before { padding-top: 200%;}
.box-ratio-4-3:before { padding-top: 75%;}
.box-ratio-16-9:before { padding-top: 56.25%;}
[class*="box-ratio"] .box-body { display: table-cell; position: absolute; top: 0; left: 0; bottom: 0; right: 0; vertical-align: middle !important;}

.table-xs-box-body { display: table; height: 100%;}
.column-xs-box-body { display: table-cell; height: 100%; vertical-align: middle;}


/*  FIXED WIDTH AND HEIGHT RATIO: keep the ratio of the height relative to the width */


/*-------------------------------*/
/*  BOOTSNIPP: carousel fade   */
/*-------------------------------*/
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


/*  BOOTSNIPP: carousel fade   */





/*-------------------------------*/
/*  BOOTSNIPP: carousel testimonial   */
/*-------------------------------*/

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}
.quote img { max-width: 50px}

#fade-quote-carousel.carousel {
    padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
        -ms-transition-property: opacity;
            transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
    opacity: 1;
    -webkit-transition-property: opacity;
        -ms-transition-property: opacity;
            transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
    bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
    background-color: rgba(250, 250, 250, 0.5)/*#D9D6D0*/;
    border: none;
}
#fade-quote-carousel.carousel .carousel-indicators > li.active {
    background-color: rgba(250, 250, 250, 1)/*#D9D6D0*/;
}

#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
}
/*  BOOTSNIPP: carousel testimonial END   */

/*-------------------------------*/
/*  OVERIDE: gravity forms */
/*-------------------------------*/

/*  gravity forms : layout */
/*-------------------------------*/
.gform_wrapper { margin:0 !important; max-width:100%;}
.gform_wrapper .gfield_required { display:none;}
.gform_wrapper label.gfield_label + div.ginput_container { margin-top:0 !important;}

.gform_wrapper ul li.gfield { min-height:42px;}
.gform_wrapper li.gfield_html { max-width:100% !important;}
.gform_wrapper .top_label li.gfield.gf_left_half { margin:0 0 1% 0 !important; float:left;}
.gform_wrapper .top_label li.gfield.gf_right_half { margin:0 0 0 1% !important; float:right;}


/*  gravity forms : label */
/*-------------------------------*/
.gform_wrapper .top_label .gfield_label {
    margin: .625em 0 .5em;
    font-weight: normal;
    display: -moz-inline-stack;
    display: inline-block;
    line-height: 1.3;
    clear: both;
}


/*  gravity forms : inputs */
/*-------------------------------*/
.gform_wrapper input[type=text], .gform_wrapper input[type=url], 
.gform_wrapper input[type=email], .gform_wrapper input[type=tel], 
.gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea,
.gform_wrapper .top_label select { 

    display: block;
    width:100%!important; 
    font-size: 14px;
    line-height: 1.42857143;
    text-indent:0; 
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;

    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
            box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
         -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    -webkit-border-radius:0px !important;
       -moz-border-radius:0px !important;
            border-radius:0px !important;

}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio], .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    margin-left: 0 !important;
}

.gform_wrapper textarea { padding: 14px !important;}
.gform_wrapper div.charleft { display:none;}

/*  gravity forms : buttons */
/*-------------------------------*/
.gform_button, .gform_save_link {}


.gform_button:hover, 
.gform_save_link:hover {}

.gform_button           { background-color: rgba(220,24,112,1); border: 1px solid rgba(220,24,112,1); color: #FFF !important;}
.gform_button:hover     { background-color: rgba(220,24,112,1); border: 1px solid rgba(220,24,112,1); color: #FFF !important;}
.gform_save_link        { background-color: #4D4D4D; border: 1px solid #4D4D4D; color: #FFF !important;}
.gform_save_link:hover  { background-color: #00999D; border: 1px solid #00999D; color: #FFF !important;}

.button.gform_previous_button {}

.button.gform_next_button { background-color:#202020; color:#FFF !important;}
.button.gform_next_button:hover { background-color:#444; color:#FFF !important;}

 /*{ background-color:rgba(220,24,112,1); color:#FFF !important;}
:hover { background-color:rgba(220,24,112,1); color:#FFF !important;}*/

.button.gform_previous_button { background-color:#888; color:#FFF !important; margin-bottom: 0 !important;}
.button.gform_previous_button:hover { background-color:#888; color:#FFF !important;}




@media (max-width: 480px), (max-device-width: 480px) {
    body .gform_wrapper.gf_browser_chrome select {
        width: 100% !important;
    }
}
@media (max-width: 768px) {
    .gform_wrapper ul li.gfield { width:100% !important;}
}

/* OVERIDE: gravity forms end */


/* ****************************************************** ----- PLUGINS END */