/* = fullwidth
-------------------------------------------------------------- */

/* tdp Row Background Video */

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"]{
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  *zoom: 1;
  *border: 0;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #f1f1f1;
  color: #444444;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active{
  color: #444444;
  background-color: #f1f1f1;
  *background-color: #e4e4e4;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover{
  border-color: #d8d8d8;
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active{
  background: #eeeeee;
  background-color: #d8d8d8 \9;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover{
  color: #444444;
  text-decoration: none;
  background-position: 0 -10px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.1);
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus{
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active{
  background: #eeeeee;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
  color: #ffffff;
  background-color: #1698c5;
  *background-color: #1487ae;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
  border-color: #117597;
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active{
  background: #1695c1;
  background-color: #117597 \9;
}
.btn, input[type="submit"],
input[type="button"],
input[type="reset"]{
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  *zoom: 1;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #444;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
  background-color: #fafafa;
  border: 2px solid #5da225;
  transition:0.4s ease-in-out 0s all;
}
.btn:hover,
.btn:active, input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
  border-color: #125700;
  color:#fff;
  background:#5da225;
  transition:0.4s ease-in-out 0s all;
}
.btn.dark-blue {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0066cc;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0066cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0066cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0066cc);
  background-image: linear-gradient(to bottom, #0088cc, #0066cc);
  background-repeat: repeat-x;
  border-color: #004c99;
  color: #ffffff;
  *background-color: #0066cc;
}
.btn.dark-blue:hover,
.btn.dark-blue:active {
  color: #ffffff;
  background-color: #0066cc;
  *background-color: #0059b3;
}
.btn.dark-blue:hover {
  border-color: #004c99;
}
.btn.dark-blue:active,
.btn.dark-blue.active {
  background: #0063c7;
  background-color: #004c99 \9;
}

/* Alert */
.alert-box.error {
  background-color: #f2dede;
  border-color: #eed3d7;
}
.alert-box.error,
.alert-box.error a {
  color: #b94a48;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */

/* Use this next selector to style things like font-size and line-height: */

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */

/* If you're using the icon option, use this next selector to style them */

/* This is the base styling required to make all Tooltipsters work */

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */

/* basic scrollbar styling */
/* vertical scrollbar */
/* horizontal scrollbar */

/* default scrollbar colors and backgrounds (default theme) */

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
/*light-2*/
/*dark-2*/
/*light-thick*/
/*dark-thick*/
/*light-thin*/
/*dark-thin*/

/* Ion.RangeSlider
// css version 1.8.1
// by Denis Ineshin | ionden.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

/* Ion.RangeSlider, Flat UI Skin
// css version 1.8.1
// by Denis Ineshin | ionden.com
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

/* Typography
------------------------------------------------------- */

blockquote {
  padding: 30px;
  margin: 40px 0;
  background: #F3F3F3;
  line-height: 1.6em;
  font-weight: 400;
  font-style: italic;
  border-radius: 3px;
}

/* Accordion & Toggles
------------------------------------------------------- */
.box.error    {border-color: #b94a48;}
.box.error    {background-color: #f2dede;}

/* Bordered Accordion */

/* = audio/video
-------------------------------------------------------------- */

/* = action box
-------------------------------------------------------------- */

/* = content box
-------------------------------------------------------------- */

/* = divider
-------------------------------------------------------------- */

/* = gallery
-------------------------------------------------------------- */

.tdp_gallery{
    text-align: center; 
}
.tdp_gallery .gallery_preview{
  display: none;
}
.tdp_gallery.gallery_layout2 .gallery_preview{
  display: block;
  text-align: center;
  background-color: #333;
  margin-bottom: 10px;
  border: 1px solid #ededed;
  background-color: #f6f6f6;
  padding: 5px;
}
.tdp_gallery .gallery_preview .preview_panel{
  position: relative;
  min-height: 100px;
  display: block;
}
.tdp_gallery .gallery_preview .preview_panel img{
  width: 100%;
}
.tdp_gallery .gallery_preview .preview_panel .thumb{
  display: block;
}
.tdp_gallery .gallery_preview .preview_panel .hover i{
  position: relative;
  top: 49%;
  color: #fff;
  font-size: 22px;
}
.tdp_gallery .gallery_preview a{
  
}

.tdp_gallery .gallery_thumbs{
  
}
.tdp_gallery .gallery_thumbs .thumb{
  position: relative;
  line-height: 0px;
  display: inline-block;
  width: 100%;
}
.tdp_gallery .gallery_thumbs a{
  display: inline-block;
  border: 1px solid #ededed;
  padding: 5px;
  line-height: 0px;
  background-color: #f6f6f6;
  position: relative;
  margin: 1%;
}
.tdp_gallery .gallery_thumbs a img{
  width: 100%;
}
.tdp_gallery .gallery_preview .preview_panel .hover,
.tdp_gallery .gallery_thumbs .hover{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0,180,203, 0.8);
  top: 0px;
  left: 0px;
  text-align: center;
  display: none;
  -webkit-transition: all 0.25s ease-out;
}
.tdp_gallery .gallery_thumbs .hover i{
  position: relative;
  top: 48%;
  color: #fff;
  font-size: 18px;
}
.tdp_gallery .gallery_preview .preview_panel a:hover .hover,
.tdp_gallery .gallery_thumbs a:hover .hover{
  display: block;
}

/* Layout - 2 */
.tdp_gallery.gallery_layout2{

}
.tdp_gallery.gallery_layout2 .gallery_thumbs{
  display: block;
  text-align: center;
}
.tdp_gallery.gallery_layout2 .gallery_thumbs .thumb{
  width: 50px;
}
.tdp_gallery.gallery_layout2 .gallery_thumbs .hover i{
  font-size: 14px;
  top: 38%;
}

/* Layout - iMac */
.tdp_gallery.gallery_imac,
.tdp_gallery.gallery_laptop,
.tdp_gallery.gallery_iphone{
  position: relative;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}
.tdp_gallery.gallery_imac .gallery_prev,
.tdp_gallery.gallery_laptop .gallery_prev,
.tdp_gallery.gallery_iphone .gallery_prev{
  font-size: 1.8em;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -1.8em;
}
.tdp_gallery.gallery_imac .gallery_next,
.tdp_gallery.gallery_laptop .gallery_next,
.tdp_gallery.gallery_iphone .gallery_next{
  font-size: 1.8em;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -1.8em;
}

.tdp_gallery.gallery_laptop .gallery_prev,
.tdp_gallery.gallery_laptop .gallery_next{
  margin-top: 0px;
}
.tdp_gallery .gallery_viewport{
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left: 0px;
}
.tdp_gallery .gallery_viewport > div{
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left: 0px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
}

/* tdp Gallery Layout slider */
.tdp_gallery.gallery_layout_slider{
  display: block;
  border: 1px solid #ededed;
  background-color: #f6f6f6;
  padding: 5px;
  margin-bottom: 20px;
  position: relative;
}
.tdp_gallery.gallery_layout_slider .gallery_preview{
  display: block;
}
.tdp_gallery.gallery_layout_slider .gallery_preview img{
  width: 100%;
}
.tdp_gallery.gallery_layout_slider .gallery_pager{
  position: absolute;
  bottom: 25px;
  display: block;
  text-align: center;
  width: 100%;
  z-index: 100;
}
.tdp_gallery.gallery_layout_slider .gallery_pager span{
  display: inline-block;
  border-radius: 50%;
  border: 3px solid #cdcdcd;
  background-color: #fff;
  color: #fff;
  line-height: 0px;
  padding: 4px;
  width: 9px;
  height: 9px;
  margin-right: 3px;
  margin-left: 3px;
  cursor: pointer;
}
.tdp_gallery.gallery_layout_slider .gallery_pager span.cycle-pager-active{
  border-color: #00b4cc;
}

/*-----------------------------------------------------------------------------------*/
/* Pricing Table
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Counters
/*-----------------------------------------------------------------------------------*/

/* = bars
-------------------------------------------------------------- */

@keyframes animate_progress{
  from{ width: 0px; }
  to{ width: 100%; }
}
@-webkit-keyframes animate_progress{
  from{ width: 0px; }
  to{ width: 100%; }
}

@keyframes animate_vprogress{
  from{ height: 0px; }
  to{ height: 100%; }
}
@-webkit-keyframes animate_vprogress{
  from{ height: 0px; }
  to{ height: 100%; }
}
/* Style 1 */

/* Style 2 */

/* Style 3 */

/* Style 4 */

/* Style 5 */
/* Style 6 */

/* Style 7 */

/* Style 8 */

/* Style 9 */

/* --------------------------------------------
  ICON SHORTCODE
-------------------------------------------- */

.sf-icon {
  font-size: 30px;
  line-height: 26px;
  padding: 0;
  width: auto;
  height: 24px;
  background-image: none;
}
.sf-icon-character {
  font-weight: bold;
  margin-left: 3px;
}
.sf-icon-cont .sf-icon-character {
  margin-left: 1px;
}
.sf-icon.sf-icon-medium {
  font-size: 38px;
  line-height: 40px;
  width: auto;
  height: 38px;
}
.sf-icon-cont.cont-small .sf-icon {
  line-height: 28px;
  height: 30px;
  margin-left: -5px;
}
.sf-icon-cont.cont-small .sf-icon[class^="ss-"] {
  line-height: 36px;
}
.sf-icon-cont.cont-medium .sf-icon {
  line-height: 48px;
}
.sf-icon-cont.cont-medium .sf-icon-character {
  font-size: 58px;
}
.sf-icon-cont.cont-medium .sf-icon[class^="ss-"] {
  line-height: 58px;
}
.sf-icon.sf-icon-large {
  font-size: 50px;
  line-height: 69px;
  width: auto;
  height: 56px;
}
.sf-icon-cont.cont-large .sf-icon {
  line-height: 76px;
}
.sf-icon-cont.cont-large .sf-icon[class^="ss-"] {
  line-height: 92px;
}
.sf-icon-cont.cont-large .sf-icon-character {
  font-size: 80px;
}
.sf-icon-cont .sf-icon {
  padding: 0;
  display: block;
}
.sf-icon-cont {
  padding: 18px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 20px;
  margin-right: 20px;
  height: 28px;
  width: 28px;
  line-height: 12px;
  border: 2px solid transparent;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  background-size: 100% 100%;
  background-position: center center;
  transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
.sf-icon-box-standard:hover .sf-icon-cont, .sf-icon-box-left-icon:hover .sf-icon-cont{
  background:rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8) !important;
  color: #fff !important;
}
.browser-ie .sf-icon-cont:hover, .browser-ie .sf-hover .sf-icon-cont, .browser-ie10 .sf-icon-cont:hover, .browser-ie10 .sf-hover .sf-icon-cont {
  background-image: none;
}
.sf-icon-cont.cont-small {
  padding: 19px 20px 19px 18px;
}
.sf-icon-cont.cont-medium {
  padding: 25px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 20px;
  width: 48px;
  height: 48px;
  line-height: 12px;
}
.sf-icon-cont.cont-large {
  padding: 37px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  width: 77px;
  height: 77px;
}
.sf-icon.sf-icon-large:before {
  font-size: 72px;
}
.sf-icon-float-left {
  float: left;
  padding: 5px 10px 0 0;
}
.sf-icon-float-right {
  float: right;
  padding: 5px 0 0 10px;
}
.sf-icon-float-none {
  display: inline-block;
}

/* --------------------------------------------
  ICON BOX SHORTCODE
-------------------------------------------- */

.sf-icon-box {
  display: block;
  position: relative;
  z-index: 2;
}
.sf-icon-box.sf-icon-box-standard {
  text-align: center;
  padding: 10px;
}
.sf-icon-box-standard .sf-icon-cont {
  margin-right: 0;
  margin-bottom: 5px;
  margin-bottom: 20px;
}
.sf-icon-box-standard .sf-icon {
  padding: 0;
}
.sf-icon-box h3 > i {
  margin-right: 8px;
  vertical-align: -2px;
  font-size: 22px;
}
.sf-icon-box.sf-icon-box-standard h3 {
  margin-bottom: 20px;
}
.sf-icon-box.sf-icon-box-left-icon h3, .sf-icon-box.sf-icon-box-left-icon-alt h3 {
  margin-top: 0;
}
.sf-icon-box.sf-icon-box-left-icon .sf-icon-cont {
  float: left;
  position: relative;
  margin-top: 3px;
}
.sf-icon-box.sf-icon-box-left-icon-alt > i {
  float: left;
  position: relative;
  font-size: 42px;
  line-height: 52px;
  text-align: center;
  width: 44px;
}
.sf-icon-box.sf-icon-box-left-icon-alt > i[class*="ss-"] {
  line-height: 48px;
}
.sf-icon-box.sf-icon-box-left-icon-alt > span {
  float: left;
  position: relative;
  font-size: 46px;
  line-height: 46px;
  text-align: center;
  width: 48px;
  margin-left: 0;
}
.sf-icon-box.sf-icon-box-boxed-two .sf-icon {
  margin-bottom: 15px;
  display: block;
}

.sf-icon-box-boxed-two .sf-icon-box-content {
  padding-bottom: 20px;
}

.sf-icon-box.sf-icon-box-boxed-two h3 {
  margin-top: 10px;
}
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont {
  background-image: url(images/crease.svg);
  background-size: 100% 100%;
  background-position: center center;
  position: absolute;
  right: 30px;
  top: -30px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 32px;
  width: 32px;
  line-height: 12px;
  border: 0;
  margin: 0;
  transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
.browser-ie .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont, .browser-ie10 .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont {
  background-image: none;
}
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 1px solid #fff;
  border-bottom: 10px solid transparent;
  border-left: 12px solid #fff;
  position: absolute;
  left: 29px;
  bottom: -10px;
}
.sf-icon-box.sf-icon-box-boxed-three .sf-icon-cont {
  right: 50%;
  margin-right: -35px;
}
.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap {
  background: #fff;
  padding: 40px 30px 60px 30px;
  margin-top: 40px;
  margin-bottom: 20px;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content-wrap {
  padding: 60px 30px 65px 30px;
}
.sf-icon-box.sf-icon-box-boxed-two .sf-icon-box-content-wrap {
  padding-bottom: 30px;
}
.sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content-wrap {
  padding-bottom: 40px;
}
.sf-icon-box.sf-icon-box-boxed-four .sf-icon-box-content-wrap {
  padding: 25px 30px 20px;
}
.sf-icon-box.sf-icon-box-boxed-four h3 {
  margin-top: 0;
}
.sf-icon-box .sf-icon-box-content-wrap {
  display: block;
}
.sf-icon-box.sf-icon-box-left-icon .sf-icon-box-content-wrap {
  display: block;
  margin-left: 90px;
}
.sf-icon-box.sf-icon-box-left-icon-alt .sf-icon-box-content-wrap {
  display: block;
  margin-left: 70px;
}
.sf-icon-box.sf-icon-box-boxed-two .sf-icon-box-content-wrap {
  text-align: center;
}
.sf-icon-box.sf-icon-box-boxed-three h3, .sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content {
  text-align: center;
}

.sf-icon-box-hr {
  width: 50px;
  height: 1px;
  margin: 0 auto;
  display: block;
  background: #e4e4e4;
  margin-bottom: 20px;
  -webkit-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important;
  -moz-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0s!important;
  -o-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important;
  transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important;
}
.sf-icon-box:hover .sf-icon-box-hr {
  width: 100px;
}
.sf-icon-box-content {
  display: block;
  width: 100%;
  line-height: 150%;
}
.sf-icon-box-content p {
  line-height: 150%;
}
.sf-icon-box-content p:last-child {
  margin-bottom: 0;
}
.sf-icon-box-content a.read-more {
  padding-top: 8px;
}
.sf-icon-box-animated {
  text-align: center;
  width: 100%;
  height: auto;
  background: transparent;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.sf-icon-box-animated .inner {
  -webkit-perspective: 100px;
  -moz-perspective: 100px;
  -ms-perspective: 100px;
  perspective: 100px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important;
  -moz-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0s!important;
  -o-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important;
  transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important;
}
.sf-icon-box-animated .front, .sf-icon-box-animated .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.sf-icon-box-animated .front {
  -ms-transform: rotateY(0deg);
  z-index: 8;
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #e4e4e4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 70px 20px;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sf-icon-box-animated .front h3 {
  margin: 10px 0;
}
.sf-icon-box-animated .back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e4e4e4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sf-icon-box-animated:hover .inner, .no-csstransitions .sf-icon-box-animated .inner {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.sf-icon-box-animated:hover .front {
  z-index: -1;
}
.sf-icon-box-animated .sf-icon {
  margin-bottom: 0;
  padding: 0;
  line-height: 44px;
  margin-top: 20px;
}
.sf-icon-box-animated table, .sf-icon-box-animated td {
  border: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
.sf-icon-box-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 10;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.sf-icon-box-hover table, .sf-icon-box-animated .back table {
  margin-top: -10px;
  height: 100%;
  width: 100%;
}
.sf-icon-box-hover:hover {
  width: 116%;
  height: 116%;
  left: -8%;
  top: -8%;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transition: width 300ms,height 300ms,top 300ms,left 300ms;
  -moz-transition: width 300ms,height 300ms,top 300ms,left 300ms;
  -webkit-transition: width 300ms,height 300ms,top 300ms,left 300ms;
  -o-transition: width 300ms,height 300ms,top 300ms,left 300ms;
}

/*-----------------------------------------------------------------------------------*/
/*  Member
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*  Fullwidth section
/*-----------------------------------------------------------------------------------*/

/*! #######################################################################

  MeanMenu 2.0.6
  --------
  
  To be used with jquery.meanmenu.js (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:42px;z-index:999999}.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:23px;padding:15px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}