/* ----------------------------------------------------------------
  Colors
-----------------------------------------------------------------*/

/*

V Blue      Vlocity           008ab4    0,138,180
  
Orange      Comms             F67828    246,120,40,.5
Green       Insurance         55943B    119,188,131,.5
Red         Health Insurance  d03238    208,50,56,.5
Dark Blue   Public Sector     005486    0,84,134,.5
Yellow      Energy            f8ca56
Pink        Dental            EC008C

Dark Gray   2C2D2E  

*/


 

body {
    /*Smooths out the fonts in safari */
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}


/*This gets the targets, anchors, bookmarks in the right place on the page, pushing past the menu etc */
:target:before {
content:"";
display:block;
height:140px; /* fixed header height*/
margin:-140px 0 0; /* negative fixed header height */
}

/*This also gets the targets, anchors, bookmarks in the right place on the page, pushing past the menu etc */
.jumptarget:before { 
display: block; 
content: " "; 
margin-top: -60px; 
height: 60px; 
visibility: hidden; 
}




/*

hidden while the modal style is mixed in...oye.

.modal.modal-alternate .modal-body {  
margin: 0;
    padding: 0;
    border-radius: 2px;
    border: 4px solid #008ab4 !important;
    width: 100%;
}

*/
 


/*====== VCY18 Styles Patch ========*/

/* MODALS */
.modal {padding: 0 !important;margin: 0 auto;background: rgba(0,58,92,0.75);}
.modal > a.close {display: none;}
.modal > .vertical-alignment-helper {display:table;height: 80%;width: 100%;}
.modal > .vertical-alignment-helper > .modal-dialog {display: table-cell;vertical-align: middle;padding: 0 40px;}
.modal > .vertical-alignment-helper > .modal-dialog > .modal-content {width:inherit;height:inherit;border: none;padding: 40px;max-width: 960px;background: #FFF;margin: 40px auto;border-radius: 10px;border-bottom: 5px solid #008ab3;box-shadow: rgba(0,0,0,0.15) 0 20px 20px 0px;}
.modal > .vertical-alignment-helper > .modal-dialog > .modal-content > .modal-header {padding: 0;background: none;border: none;display: block;height: 25px;}
.modal > .vertical-alignment-helper > .modal-dialog > .modal-content > .modal-header > a {font-size: 32px;margin: 0;height: 24px;line-height: 24px;width: 24px;float: right;}
.modal > .vertical-alignment-helper > .modal-dialog > .modal-content > .modal-header > a > i, 
.modal > .vertical-alignment-helper > .modal-dialog > .modal-content > .modal-header > a > i:before {width: 24px;height: 24px;line-height: 24px; margin-top: -30px;}
.modal > .vertical-alignment-helper > .modal-dialog > .modal-content > .modal-body {margin: 0;padding: 0;width: 100%;}
.modal > .vertical-alignment-helper > .modal-dialog > .modal-content > .modal-body > iframe {min-height: 660px; border: 1px solid #eee;}

#communications .modal > .vertical-alignment-helper > .modal-dialog > .modal-content {border-bottom: 5px solid #F67828;}
#energy .modal > .vertical-alignment-helper > .modal-dialog > .modal-content {border-bottom: 5px solid #FFCE51;}
#government .modal > .vertical-alignment-helper > .modal-dialog > .modal-content {border-bottom: 5px solid #005486;}
#health .modal > .vertical-alignment-helper > .modal-dialog > .modal-content {border-bottom: 5px solid #D03238;}
#insurance .modal > .vertical-alignment-helper > .modal-dialog > .modal-content {border-bottom: 5px solid #55943B;}

@media only screen and (max-width:575px) {
    .modal { } 
    .modal > .vertical-alignment-helper { }
    .modal > .vertical-alignment-helper > .modal-dialog {padding: 0 10px;}
    .modal > .vertical-alignment-helper > .modal-dialog > .modal-content {padding: 10px;margin: 10px auto;max-width: 100%;}
    .modal > .vertical-alignment-helper > .modal-dialog > .modal-content > .modal-header { }

    .modal > .vertical-alignment-helper > .modal-dialog > .modal-content > .modal-header > a { }
    .modal > .vertical-alignment-helper > .modal-dialog > .modal-content > .modal-header > a > i, 
    .modal > .vertical-alignment-helper > .modal-dialog > .modal-content > .modal-header > a > i:before { }
    .modal > .vertical-alignment-helper > .modal-dialog > .modal-content > .modal-body { }
    .modal > .vertical-alignment-helper > .modal-dialog > .modal-content > .modal-body > iframe { }
}


/* MODALS */
.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: rgba(0,58,92,0.75);}
.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;}
.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 40px;}
.mfp-container:before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle; }
.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;}
button.mfp-close, button.mfp-arrow {cursor: pointer;border: 0;outline: none;padding: 0;z-index: 1046;top: -30px;color: #FFF;right: 0;position: absolute;font-size: 64px;font-weight: 900;}
.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 960px;}
.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%;}
.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 40px 38px rgba(0, 0, 0, 0.6);background: #000;box-shadow: rgba(0,0,0,0.15) 0 20px 20px 0px;}



/* ################### END VCY18 Styles Patch ################### */

















.white-glow-inverse {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.88+0,0.57+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.57) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.88) 0%,rgba(255,255,255,0.57) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,255,255,0.88) 0%,rgba(255,255,255,0.57) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ffffff', endColorstr='#91ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.white-glow {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.57+0,1+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.57) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.57) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,255,255,0.57) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



.heading-block .cta p {font-size: 110% !important; line-height: 130% !important; margin: -20px 0; padding: 0 !important;}



.top-ticker .onoffswitch3
{
    position: relative; 
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    max-width: 400px;
}

.top-ticker .onoffswitch3-checkbox {
    display: none;
}

.top-ticker .onoffswitch3-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 0px solid #999999; border-radius: 0px;
}

.top-ticker .onoffswitch3-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.top-ticker .onoffswitch3-inner > span {
    display: block; float: left; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: 'Montserrat', sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.top-ticker .onoffswitch3-inner .onoffswitch3-active {
    padding-left: 10px;
    color: #FFFFFF;
}

.top-ticker .onoffswitch3-inner .onoffswitch3-inactive {
    width: 40px;
    padding-left: 16px;
    background-color: transparent; color: #FFFFFF;
    text-align: right;
}

.top-ticker .onoffswitch3-switch {
    display: block; width: 50%; margin: 0px; text-align: center; 
    border: 0px solid #999999;border-radius: 0px; 
    position: absolute; top: 0; bottom: 0;
}
.top-ticker .onoffswitch3-active .onoffswitch3-switch {
    background: transparent; left: 0;
    width: 40px;
}
.top-ticker .onoffswitch3-inactive{
    background: #A1A1A1; right: 0;
    width: 20px;
}
.top-ticker .onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
    margin-left: 0;
}

.top-ticker .glyphicon-remove{
    padding: 3px 0px 0px 0px;
    color: #fff;
    background-color: #000;
    height: 25px;
    width: 25px;
    border-radius: 15px;
    border: 2px solid #fff;
}

.top-ticker .scroll-text{
    color: #000;
    text-transform: none;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 200;
    font-size: 90%;
}











.top-bar-v2 .announcement {margin-left: 10px !important; }


.blog-post .description.e-content p cite {font-size: 80%; color: rgba(0,0,0,.5); line-height: 50% !important;}







.auto-modal.modal .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to override here for larger modals */
    /*min-width: 800px !important;*/
}







    .countdown-new span.number {font-weight:600; color: #008ab4; font-size: 320%;}
    .countdown-new p {font-size: 140%;}



.tiny-text a {padding: 20px !important; }
.tiny-text a {font-size: 14px; margin-bottom: 20px;}


.alert-default {background-color: rgba(0,0,0,.05); color: #333;}
.alert-default em {font-size: 120%; display: block; text-transform: uppercase;}

.card-block.card-simple .card a.button:hover {color: #fff !important;}
.card-block.card-simple .card a.button {color: #008AB4 !important;}
.card-block.card-simple .card p {font-size: 120%; min-height: 130px;}
.card-block.card-simple .card .img-wrapper img {max-height: 200px; }


#highlight-filter.grayscale li.activeFilter a {background-color: #686766 !important;}


/*Profile Highlight Block */




.slider-figure.figure-pad-1 a img {margin-top: 50px !important; }
.slider-figure.figure-pad-2 a img {margin-top: 100px !important; }
.slider-figure.figure-pad-3 a img {margin-top: 150px !important; }




.profile-highlight-block img {
  border-radius: 50%;
  border: 1px solid #008ab4;
  padding: 0 !important;
  margin: 20px 10px 10px 10px !important;
  max-width: 150px;
}


.swiper-custom1 .slider-figure-wrapper img { max-height: 300px !important; margin-top: 140px; }


.simple-card-stack .col_one_fifth .feature-box .fbox-desc .subtitle {min-height: 200px;  } /*for the 5-across only*/

.simple-card-stack .feature-box .fbox-desc .subtitle {font-size: 110% !important; padding: 10px 0 20px 0; min-height: 120px; /*border-bottom: 2px solid #008AB4;*/ } 
.simple-card-stack .feature-box .fbox-desc h3 {font-size: 200% !important; font-weight: 300; line-height: 120%; min-height: 60px; }
.simple-card-stack p {font-size: 50% !important;}

.section.advanced-content-section p {font-size: 160%;}
.section.advanced-content-section.dark .button {background: #fff; color: #008AB3; text-shadow: none;}

section.section.advanced-content-section.white.dark,
section.section.advanced-content-section.white {background-color: #ffffff !important;}
section.section.advanced-content-section.dark.vblue,
section.section.advanced-content-section.vblue {background-color: #008AB3 !important; }
section.section.advanced-content-section.dark.vgray,
section.section.advanced-content-section.vgray {background-color: #686766 !important;}
section.section.advanced-content-section.dark.dark,
section.section.advanced-content-section.dark {background-color: #003A5C !important;}
section.section.advanced-content-section.light.dark,
section.section.advanced-content-section.light {background-color: #eeeeee !important;}
section.section.advanced-content-section.comms.dark,
section.section.advanced-content-section.comms {background-color: #F67828 !important;}
section.section.advanced-content-section.public.dark,
section.section.advanced-content-section.public {background-color: #005486 !important;}
section.section.advanced-content-section.insurance.dark,
section.section.advanced-content-section.insurance {background-color: #55943B !important;}
section.section.advanced-content-section.health.dark,
section.section.advanced-content-section.health {background-color: #D03238 !important;}
section.section.advanced-content-section.energy.dark,
section.section.advanced-content-section.energy {background-color: #FFCE51 !important;}
section.section.advanced-content-section.vella.dark,
section.section.advanced-content-section.vella {background-color: #42c7f3 !important;}




.advanced-content-section ul {font-size: 140%;}
.advanced-content-section h2 {font-weight: 500 !important; color: #444; font-size: 320% !important; text-align: center;}

.advanced-content-section .simple-card-stack .feature-box .fbox-desc h3 {font-size: 160% !important; font-weight: 500;}

.advanced-content-section h2 em {color: #008ab4 !important; font-style: normal;}


.advanced-content-section p {font-style: 140% !important;}




/* Advanced content section lists and image treatment */

.advanced-content-section ol li {
  font-size: 150% !important;
  padding-bottom: 20px;
  line-height: 170%;
}

.advanced-content-section ul li {
  /*margin-left: 30px;*/
  font-size: 110% !important;
}
.advanced-content-section ol,
.advanced-content-section ul {
  margin-left: 50px;
}
.advanced-content-section img.right {
 float: right;
 min-width: 500px;
 padding: 10px 20px 10px 10px;
   display: block;
  max-width: 50%;
  height: auto;
}


.advanced-content-section img.left {
 float: left;
 min-width: 500px;
 padding: 10px 20px 10px 10px;
  display: block;
  max-width: 50%;
  height: auto;
}


.advanced-content-section img.center-half {
  display: block;
  margin: 0 auto;
  float: none;
  padding: 5px 0;
  width: 50% !important;
}


.advanced-content-section img.center-full {
  display: block;
  margin: 0 auto;
  float: none;
  padding: 5px 0;
  width: 100% !important;
}










/*Home 2018 */




#slider.home-video-slider {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d2638+0,343b48+100 */
background: rgb(29,38,56); /* Old browsers */
background: -moz-linear-gradient(top, rgba(29,38,56,1) 0%, rgba(52,59,72,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(29,38,56,1) 0%,rgba(52,59,72,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(29,38,56,1) 0%,rgba(52,59,72,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2638', endColorstr='#343b48',GradientType=0 ); /* IE6-9 */
 }



 
.pricing.pricing-5.pricing-custom .pricing-box.pricing-minimal {background: none !important; border: none !important; 
  box-shadow: none;}
.pricing.pricing-5.pricing-custom img {
  max-width: 140px;
  border: none;
}




.swiper-slide.super-swiper .slider-image-grid .image-grid-block span {
  display: block; text-align: center; color: #fff !important; font-size: 100%; font-weight: 500;  margin: 0 auto; min-height: 60px; line-height: 110%;}

.swiper-slide.super-swiper .slider-image-grid .image-grid-block img {margin: 0 30px; max-width: 125px;  }
.swiper-slide.super-swiper .slider-image-grid .image-grid-block{ 
  display: inline-block;
  }
.swiper-slide.super-swiper .slider-image-grid {
  display: block; 
  margin: 280px auto 0 auto;
  text-align: center;
  /*margin: 100px;*/
}
.swiper-slide.super-swiper .slider-caption-center {  
  margin-top: -90px !important;
}


 .vertical-image-grid .portfolio-image-advanced .fbox-icon img {margin: 0 auto !important;}

.vertical-image-grid .portfolio-image-advanced img {max-width: 165px !important;  }
.vertical-image-grid .fbox{ 
  /*display: inline-block;*/
  }
.vertical-image-grid {
  /*display: block; */
  /*margin: 280px auto 0 auto;*/
  text-align: center;
  margin: 0 auto !important;
  /*border: 1px solid #fff;*/
  /*margin: 100px;*/
}








/*Community 2018 */

.sidebar-widgets-wrap .widget a.button {margin-bottom: 10px !important;}

.swiper_wrapper.swiper-short {
  width: 100%;
  height: 370px;
  overflow: hidden;
}

#slider.swiper-custom1.swiper-short .slider-figure img {max-height: 300px;}
#slider.swiper-custom1.swiper-short .slider-figure {margin-top: 60px;}
#slider.swiper-custom1.swiper-short .slider-caption p {font-size: 90%; line-height: 100%;}
#slider.swiper-custom1.swiper-short .slider-caption h3 {
  font-size: 170% !important;
  line-height: 100% !important;
  font-weight: 300;
  text-transform: none !important;
  margin: -20px 0 10px 0 !important;

}



/*Industry Cloud Dictionary */

/*
.tabs.tabs-custom ul.tab-nav li {margin: 0 4px !important; }
.tabs.tabs-custom ul.tab-nav li a { 
  font-size: 90%;
  padding-right: 8px !important;
  padding-left: 8px !important;
  }*/


.industry-cloud-dictionary h3 {font-size: 210%; text-align: left; text-transform: uppercase; font-weight: 400; color: rgba(0,0,0,.5); border-bottom: 1px dotted rgba(0,0,0,.2);}
.industry-cloud-dictionary p strong {background: rgba(0,0,0,.1); padding: 8px 20px;}

.tabs.tabs-center-custom ul.tab-nav {
        float: none;
        text-align: center;
        }
.tabs.tabs-center-custom ul.tab-nav li {
        display: inline-block;
        float: none;}

.tabs.tabs-center-custom ul.tab-nav li a {font-size: 100% !important; font-weight: 500; padding-right: 8px !important; padding-left: 8px !important; }




.tabs.tabs-center-only ul.tab-nav {
        float: none;
        text-align: center;
        }
.tabs.tabs-center-only ul.tab-nav li {
        display: inline-block;
        float: none;}







/* Brand Guidelines */



.industry-colors a.communications {background-color: #F67828 !important; color: #fff !important;}
.industry-colors a.insurance {background-color: #55943B !important; color: #fff !important;}
.industry-colors a.health-insurance {background-color: #d03238 !important; color: #fff !important;}
.industry-colors a.public-sector {background-color: #005486 !important; color: #fff !important;}
.industry-colors a.dental-insurance {background-color: #EC008C !important; color: #fff !important;}
.industry-colors a.energy {background-color: #f8ca56 !important; color: #fff !important;}
.industry-colors a.vblue {background-color: #008ab4 !important; color: #fff !important;}
.industry-colors a.vgray {background-color: #686766 !important; color: #fff !important;}
.industry-colors a.secondary-dark {background-color: #003a5c !important; color: #fff !important;}
.industry-colors a.secondary-light {background-color: #9fa1a1 !important; color: #fff !important;}



.large-text-p p {font-size: 130% !important; padding: 0 10px 0 0;}
.brand-group-logos .hovereffect img {width: 100% !important; margin: 0 !important;}



td.communications {background-color: #F67828 !important; color: #fff;}
td.insurance {background-color: #55943B !important; color: #fff;}
td.health-insurance {background-color: #d03238 !important; color: #fff;}
td.public-sector {background-color: #005486 !important; color: #fff;}
td.dental-insurance {background-color: #EC008C !important; color: #fff;}
td.energy {background-color: #f8ca56 !important; color: #fff;}
td.vblue {background-color: #008ab4 !important; color: #fff;}
td.vgray {background-color: #686766 !important; color: #fff;}
td.secondary-dark {background-color: #003a5c !important; color: #fff;}
td.secondary-light {background-color: #9fa1a1 !important; color: #fff;}

.table.table-comparison th,
.table.table-comparison tr {text-align: left;font-size: 120%;}
.table.table-comparison .badge {
  /*border: 1px solid rgba(0,0,0,.2); */
background-color: rgba(0,0,0,.1); 
color: #666; 
font-weight: 700; 
font-size: 55%; 
padding: 2px 4px 1px 4px; 
margin: 0 5px 0 3px; 
border-radius: 2px;
}


/* Blog 2018 */


#posts.blog-advanced .post-short {font-size: 110%;}

.authors-sidebar .entry-c {background: none !important;}

.entry-image.portrait-circle img {border-radius: 50% !important; border: 2px solid #008ab4; margin: 0 auto !important; max-width: 80%;}

img.portrait-circle,
.authors-sidebar .entry-image img {border-radius: 50%; border: 2px solid #008ab4; max-width: 60%; margin: 0 auto !important;}

.authors-sidebar .entry-c .entry-title h5 a {font-weight: bold !important; text-align: center !important;}


.blog-post-column .post-tags {display: block;}

.postcontent.blog-post-column { width: 760px; }
.sidebar.blog-post-sidebar { width: 340px; }

.blog-post-column .divider.dark {border-top: 1px solid rgba(0,0,0,.2) !important;}

#posts.blog-advanced .entry-title h3 {
  font-size: 250% !important;
  margin: 0;
 padding: 0 !important;
 min-height: none;
}


#posts.blog-advanced .entry-title h3 a { margin: 0 !important;}
#posts.blog-advanced .entry-meta {  padding: 0; 
 margin: 0 0 5px 0;  }
#posts.blog-advanced .entry-meta li { 
  text-transform: uppercase !important;
 font-weight: bold;
 font-style: normal !important;
  padding: 0; 
  margin: 0;
  color: rgba(0,0,0,.6) !important;}

#posts.blog-advanced .entry-content {margin: 0 !important; padding: 0 !important;  min-height: none !important; }
#posts.blog-advanced .entry-content p { margin: 0; padding: 10px 0 20px 0; line-height: 120%; font-size: 125%;}
#posts.blog-advanced .entry-content a {}
#posts.blog-advanced .entry-image a img {/*max-width: 100px;*/}
#posts.blog-advanced a.more-link {background-color: #008ab4; color: #fff; font-weight: 500; text-transform: uppercase; padding: 5px 20px 3px 20px;}

.sidebar h4.sidebar-title {font-size: 120%;  text-align: left; line-height: 200%; margin-bottom: 10px; border-bottom: 2px solid #008ab4; }

#posts.post-sidebar .entry-c {background-color: #eee; margin: 0 0 20px 0;}
#posts.post-sidebar .entry-image {margin: 0; padding: 0; }
#posts.post-sidebar .entry-image a img {margin: 0;}
#posts.post-sidebar .entry-title {padding: 20px 20px 0 20px; }
#posts.post-sidebar .entry-title h5 a {line-height: 110%; font-size: 150%; font-weight: 300; }
#posts.post-sidebar .entry-title p {padding: 0; margin: 0 !important; min-height: none !important; }
#posts.post-sidebar h2 a {text-transform: none !important; }
#posts.post-sidebar h2 {line-height: 110% !important;  }


.blog-slider .slider-caption span.pre-title {display: block; margin-bottom: 20px; font-size: 18px; font-weight: bold; text-transform: uppercase !important;  }
.blog-slider .slider-caption span.author {display: block; margin-top:10px; font-size: 18px; font-weight: bold; text-transform: uppercase !important;  }

.sidebar-widgets-wrap .widget .promo.promo-border:hover a.button  {background-color: #333; }
.sidebar-widgets-wrap .widget .promo.promo-border:hover h4 {color: #fff; }
.sidebar-widgets-wrap .widget .promo.promo-border:hover {background-color: #008ab4; color: #fff; }
.sidebar-widgets-wrap .widget .promo.promo-border {padding: 20px 10px !important;}
.sidebar-widgets-wrap .widget .promo.promo-border h4 {font-size: 150%; color: #008ab4; font-weight: 200; margin: 0; padding: 0px !important;}
.sidebar-widgets-wrap .widget .promo.promo-border p {padding: 10px 0px !important; margin: 0;}
.sidebar-widgets-wrap .widget .promo.promo-border a.button {margin: 0;}

.small-header h3 {font-weight: 300; font-size: 140%;}









.not-bold {font-weight: 200 !important;}
p.larger-text {font-size: 150% !important;}

/*Vertical Highlight Section */
 .vertical-section {min-height: 400px;}
 .vertical-section .emphasis-title h1 {text-align: center !important;}
 .vertical-section.dark .emphasis-title h1 span {color: #fff;}

 
.button.disabled,
.card .card-wrapper a.button.disabled {
  cursor: default !important;
  /*opacity: .3 !important;*/
}




/* WITH TOP BAR - LANGUAGE BAR */
#header.transparent-header.with-top-bar {background: transparent !important;}

#header.with-top-bar #header-wrap {margin-top: 45px;}
#top-bar.top-bar-v2 {max-height: 50px; border: none; z-index: 100000 !important;}

#top-bar.top-bar-v2 {

  /*background-color: #eee !important;*/

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}





#top-bar.top-bar-v2 .top-links li:hover li:hover a { color: #fff !important; }
#top-bar.top-bar-v2 .top-links li:hover li a { color: #555 !important; }
#top-bar.top-bar-v2 .top-links li:hover a { color: #fff !important; }
#top-bar.top-bar-v2 .top-links li:hover { background-color: #008ab4; }

#top-bar.top-bar-v2 .top-links ul ul {margin-top: 0px !important; }
 
#top-bar.top-bar-v2 .top-links:hover {z-index: 100003 !important;}
#top-bar.top-bar-v2 .top-links li {border: none;  max-height: 50px; }

#top-bar.top-bar-v2 .top-links li ul li:hover a {color: #fff; z-index: 100004 !important; }
#top-bar.top-bar-v2 .top-links li ul li:hover {background-color: #008ab4;}
#top-bar.top-bar-v2 .top-links li > a {
  padding: 0 12px;
  font-size: 13px; 
  height: 16px;
  line-height: 300%;
  color: rgba(0,0,0,.7);
  z-index: 100003 !important;
  margin-top: 3px;
  text-shadow: 0 0 -1px #fff;

}



#top-bar.top-bar-v2 ul .top-links {
    position: absolute;
    top: 100px;
    left: auto;
    right: 0;
    width: 200px;
    -webkit-transition: top .4s ease;
    -o-transition: top .4s ease;
    transition: top .4s ease; 
}

#header.sticky-header #top-bar.top-bar-v2 ul .top-links { top: 60px; }


@media (min-width: 992px) {

  #header.with-top-bar.sticky-header:not(.static-sticky),
  #header.with-top-bar.sticky-header:not(.static-sticky) #header-wrap { margin-top: 0px; }

}








.solution-box img {padding-bottom: 20px;}


/* ----------------------------------------------------------------
  Custom Blockquotes
-----------------------------------------------------------------*/
  
 


.blog-post .description.e-content blockquote p strong {font-size: 80%;}
.blog-post .description.e-content blockquote p {
  line-height: 110% !important;
  padding: 20px 40px 0 100px;
}
.blog-post .description.e-content blockquote {
  background: #333 !important;
  color: #fff !important;
  font-size: 130% !important;
  padding: 10px 50px 30px 30px;
    border: none !important;
  position: relative;
  border-radius: 6px;
}
 


.blog-post .description.e-content blockquote:before {
  font-family: 'font-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  content: "\e7ad";
  position: absolute;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 62px;
  top: 30px;
  left: 30px;
  /*opacity: .3;*/
  color: #008ab4; 
}



.blog-post .description.e-content blockquote:after {
  font-family: 'font-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  content: "\e7ae";
  position: absolute;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 62px;
  bottom: 30px;
  right: 40px;
  /*opacity: .3;*/
  color: #008ab4; 
}











.heading-block.padding-1 p {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.heading-block.padding-2 p {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.heading-block.padding-3 p {
  padding-left: 180px !important;
  padding-right: 180px !important;
}







.heading-block.padding-1 h1 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.heading-block.padding-2 h1 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.heading-block.padding-3 h1 {
  padding-left: 180px !important;
  padding-right: 180px !important;
}


.option-set.form-control {margin-right: 0; padding-right: 0;}

.small-header p {
  padding: 20px;
  margin: 0;
  font-size: 110%;
  font-weight: 300;
}

.small-header h2 {font-size: 320% !important; font-weight: 600 !important; margin: 40px 20px 20px 20px; letter-spacing: .05em;}

.small-header h3 {font-size: 120%; color: #444 !important; margin: 0 !important;}

.button-group.multi-select-menu .button.button-small {letter-spacing: -.04em !important;}



/*Corner Ribbon on Low Profile Cards */




.portfolio-item.low-profile .overlay .corner-ribbon-fancy-v2 {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1000 !important;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.portfolio-item.low-profile .overlay .corner-ribbon-fancy-v2 span {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #222;
  /*background: linear-gradient(#ffffff 0%, #222 100%);*/
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.portfolio-item.low-profile .overlay .corner-ribbon-fancy-v2 span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #222;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #222;
}
.portfolio-item.low-profile .overlay .corner-ribbon-fancy-v2 span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #222;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #222;
}





/*Corner Ribbon on Low Profile Cards */




.portfolio-item.low-profile .overlay .corner-ribbon-fancy {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1000 !important;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.portfolio-item.low-profile .overlay .corner-ribbon-fancy span {
  font-size: 10px;
  font-weight: bold;
  color: #222;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#ffffff 0%, #C2C2C2 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.portfolio-item.low-profile .overlay .corner-ribbon-fancy span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #C2C2C2;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #C2C2C2;
}
.portfolio-item.low-profile .overlay .corner-ribbon-fancy span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #C2C2C2;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #C2C2C2;
}




/*Author Badge*/




.author-badge .spost {border: 3px solid rgba(0,0,0,.05) !important; padding: 10px !important; 
  margin: 0px !important; 
  padding: 0; 
  /*width: 40% !important;*/
}

.author-badge .spost .entry-title {margin-top: 7px;}
.author-badge .spost .entry-meta a {color: #222;}
.author-badge .spost .entry-meta a:hover {text-decoration: underline !important;}

.author-badge .spost .entry-image,
.author-badge .spost .entry-image a,
.author-badge .spost .entry-image img,
.author-badge .spost .entry-image i {
  width: 100px;
  height: 100px;
}
.author-badge .spost .entry-image img {
  border-radius: 50%;
  border: 1px solid #008ab4;
}



/*Profile Block */



.profile-block .spost {border: 3px solid rgba(0,0,0,.05) !important; padding: 10px !important; 
  margin-right: 28px !important; 
  margin-left: -10px !important; 
  width: 40% !important;
}

.profile-block .spost .entry-title {margin-top: 7px;}
.profile-block .spost .entry-meta a {color: #222;}
.profile-block .spost .entry-meta a:hover {text-decoration: underline !important;}

.profile-block .spost .entry-image,
.profile-block .spost .entry-image a,
.profile-block .spost .entry-image img,
.profile-block .spost .entry-image i {
  width: 100px;
  height: 100px;
}

.profile-block .spost .entry-image img {
  border-radius: 50%;
  border: 1px solid #008ab4;
}



.heading-block.heading-block-small h1 {font-size: 340% !important;}
.heading-block.heading-block-small p {font-size: 110% !important;}

#grid-boxes .heading-block.heading-block-sm a {padding-left: 10px; padding-right: 10px;}
#grid-boxes .heading-block.heading-block-sm a i {font-size: 80%;}

 .multi-select-menu {
  background-color: rgba(0,0,0,.05);
  padding: 10px;
 }


.verticals-grid .emphasis-title.title-home h1 {
  margin-top: 10px !important;
}


#twitter-ticker .text-overlay {
  min-height: 300px;
  /*height: initial !important; */
  /*padding: 80px 15px 15px;*/
  text-shadow: none;
  background: #fff;
  /*display: block;*/
}

#twitter-ticker .overlay .text-overlay.black-translucent:hover {background-color: #008ab4 !important;}

#twitter-ticker a img { 
  width: 400px;
  /*height: 200px;*/
}

#twitter-ticker a {/*min-height: 400px;*/}

#twitter-ticker .overlay .text-overlay p {
  font-weight: 500; 
  font-size:120%; 
  color: #333 !important;
  line-height: 110%;
}

.verticals-grid .portfolio-item {margin: 0 !important;}


#page-menu.industry-label #page-menu-wrap.dark { background: #fff !important; text-shadow: none !important;}
#page-menu.industry-label #page-menu-wrap.dark .title,
#page-menu.industry-label #page-menu-wrap.dark p {color: #333 !important;}




#page-menu.page-menu-subheader.industry-label  p {color: #fff !important; font-weight: 300;} 
#page-menu.page-menu-subheader.industry-label .title { 
  font-size: 100%;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  padding-left: 60px;
  padding-right: 30px;
}

/*Twitter Cards Timeline Collection */
#twitter-cards a.twitter-grid {
  /* Buttonish */
  display: inline-block;
  padding: 6px 12px 6px 30px;
  margin: 10px 0;
  border-radius: 30px;
  background: #f8f8f8 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;
  background-size: 1em 1em;

  /* Text */
  font: normal 12px/18px Helvetica, Arial, sans-serif;
  color: #333;
  white-space: nowrap;
}

#twitter-cards a.twitter-grid:hover,
#twitter-cards a.twitter-grid:focus {
  background-color: #dedede;
}

/* Color Highlight for keyboard navigation */

#twitter-cards a.twitter-grid:focus {
  outline: none;
  border-color: #0089cb;
}
 



/*Page Thumb Hover Effect */

.low-profile.page-thumb .hovereffect .overlay {padding-top: 45%;}
.low-profile.page-thumb .hovereffect img.img-thumb {width: 100% !important;}



/*Verticals */

.verticals .portfolio-item {margin: 0 !important;}
.verticals .portfolio-item img {padding-top: 30px;}

.verticals .portfolio-item .hovereffect.industry-energy .overlay a.button-border {border-color: #f8ca56 !important; background-color: #f8ca56 !important;}
.verticals .portfolio-item .hovereffect.industry-communications .overlay a.button-border {border-color: #F67828 !important; background-color: #F67828 !important;}
.verticals .portfolio-item .hovereffect.industry-insurance .overlay a.button-border {border-color: #55943B !important; background-color: #55943B !important;}
.verticals .portfolio-item .hovereffect.industry-health-insurance .overlay a.button-border {border-color: #d03238 !important; background-color: #d03238 !important;}
.verticals .portfolio-item .hovereffect.industry-public-sector .overlay a.button-border {border-color: #005486 !important; background-color: #005486 !important;}



.verticals .portfolio-item .hovereffect.industry-energy .overlay a.button-border:hover,
.verticals .portfolio-item .hovereffect.industry-communications .overlay a.button-border:hover,
.verticals .portfolio-item .hovereffect.industry-insurance .overlay a.button-border:hover,
.verticals .portfolio-item .hovereffect.industry-health-insurance .overlay a.button-border:hover,
.verticals .portfolio-item .hovereffect.industry-public-sector .overlay a.button-border:hover {background-color: #000 !important;}


.verticals .portfolio-item .hovereffect h2 {
  font-size: 150%;
  min-height: 200px;  /*pushes the button down and evens up the titles*/
  line-height: 110%;
}




/*Low Profile Cards */

.portfolio-item.low-profile h3 {font-size: 90% !important; color: #000 !important; padding: 10px 10px 0px 10px; font-weight: 100; line-height: 110%;}
.portfolio-item.low-profile {margin: 0 !important; display: block;}
.portfolio-item.low-profile img {margin: 0 !important; display: block;}

.portfolio-item.low-profile.industry-energy .overlay a.button-border {border-color: #f8ca56 !important; background-color: #f8ca56 !important;}
.portfolio-item.low-profile.industry-communications .overlay a.button-border {border-color: #F67828 !important; background-color: #F67828 !important;}
.portfolio-item.low-profile.industry-insurance .overlay a.button-border {border-color: #55943B !important; background-color: #55943B !important;}
.portfolio-item.low-profile.industry-health-insurance .overlay a.button-border {border-color: #d03238 !important; background-color: #d03238 !important;}
.portfolio-item.low-profile.industry-public-sector .overlay a.button-border {border-color: #005486 !important; background-color: #005486 !important;}
.portfolio-item.low-profile.industry-dental-insurance .overlay a.button-border {border-color: #EC008C !important; background-color: #EC008C !important;}
.portfolio-item.low-profile.industry-corporate .overlay a.button-border {border-color: #008ab4 !important; background-color: #008ab4 !important;}
.portfolio-item.low-profile.industry-platform .overlay a.button-border {border-color: #333333 !important; background-color: #008ab4 !important;}


.portfolio-item.low-profile.industry-energy {border: 1px solid #f8ca56 !important;}
.portfolio-item.low-profile.industry-communications {border: 1px solid #F67828 !important;}
.portfolio-item.low-profile.industry-insurance {border: 1px solid #55943B !important;}
.portfolio-item.low-profile.industry-health-insurance {border: 1px solid #d03238 !important;}
.portfolio-item.low-profile.industry-public-sector {border: 1px solid #005486 !important;}
.portfolio-item.low-profile.industry-dental-insurance {border: 1px solid #EC008C !important;}
.portfolio-item.low-profile.industry-corporate {border: 1px solid #008ab4 !important;}
.portfolio-item.low-profile.industry-platform {border: 1px solid #333333 !important;}



.portfolio-item.low-profile.industry-energy .overlay a.button-border:hover,
.portfolio-item.low-profile.industry-communications .overlay a.button-border:hover,
.portfolio-item.low-profile.industry-insurance .overlay a.button-border:hover,
.portfolio-item.low-profile.industry-health-insurance .overlay a.button-border:hover,
.portfolio-item.low-profile.industry-public-sector .overlay a.button-border:hover,
.portfolio-item.low-profile.industry-dental-insurance .overlay a.button-border:hover
.portfolio-item.low-profile.industry-corporate .overlay a.button-border:hover
.portfolio-item.low-profile.industry-platform .overlay a.button-border:hover
 {background-color: #000 !important;}


.portfolio-item.low-profile.industry-energy .hovereffect .overlay h2 { color: #fff !important; background-color: #f8ca56 !important;}
.portfolio-item.low-profile.industry-communications .hovereffect .overlay h2 {color: #fff !important; background-color: #F67828 !important;}
.portfolio-item.low-profile.industry-insurance .hovereffect .overlay h2 { color: #fff !important; background-color: #55943B !important;}
.portfolio-item.low-profile.industry-health-insurance .hovereffect .overlay h2 { color: #fff !important; background-color: #d03238 !important;}
.portfolio-item.low-profile.industry-public-sector .hovereffect .overlay h2 { color: #fff !important; background-color: #005486 !important;}
.portfolio-item.low-profile.industry-dental-insurance .hovereffect .overlay h2 { color: #fff !important; background-color: #EC008C !important;}
.portfolio-item.low-profile.industry-corporate .hovereffect .overlay h2 { color: #fff !important; background-color: #008ab4 !important;}
.portfolio-item.low-profile.industry-platform .hovereffect .overlay h2 { color: #fff !important; background-color: #333333 !important;}

.portfolio-item.low-profile .hovereffect:hover .overlay h2 {
background: transparent !important;
font-size: 140% !important;
}
.portfolio-item.low-profile .hovereffect:hover .overlay h3 {
  color: #fff;
  font-size: 110% !important;
}
.portfolio-item.low-profile .hovereffect .overlay h2 {
  margin: 0 !important;
   padding: 15px 10px !important;
   text-transform: none !important;
   font-size: 97%;
   line-height: 145%;
   /*opacity: .8;*/
 }

/*.portfolio-item.low-profile .hovereffect .overlay h2 {min-height: 60px; line-height: 180% !important;}*/


.low-profile .hovereffect a.info {
  
  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  font-weight: normal;
  margin: -30px 0 0 0 !important;
  /*padding: 20px;*/
}


.low-profile .hovereffect:hover a.info {
  margin-top: 100px;
}









.feature-box.fbox-center.fbox-light span.subtitle {
  display:block; 
  padding-bottom: 10px;

  min-height: 40px;
  line-height: 115%;
}

#slider.swiper-custom2 .slider-figure img {
  max-width: 200px;
  /*max-height: 270px;*/
}

#slider.swiper-custom2 .slider-figure {
  /*float: right;*/
  margin-top: 50px;
}


#slider.swiper-custom2 .slider-caption {padding-left: 30px;}

#slider.swiper-custom2 .slider-caption h2 {
  font-size: 200% !important;
  text-transform: none !important;
  margin: 0 0 20px 0;
}

#slider.swiper-custom2 .swiper-slide.dark p a { 
  color: #fff; border-bottom: 2px solid; opacity: .7; }
#slider.swiper-custom2 .slider-caption p {
  font-weight: 400;
  line-height: 120%;

}




.well.small-thin-box .plain-body-text p {
  margin-bottom: 10px !important;
}


 
.cards-5 .alt .subtitle {
  font-size: 100% !important;
}
.cards-5 .alt .title h3{
  font-size: 120% !important;
}
.cards-5 .alt{
  width: 20% !important;
}





.home-icons-v2 .portfolio-desc h3 a  {font-size: 95%;}
.home-icons-v2 .portfolio-desc  {padding: 0 !important;}

.section-shadow {
  border-top: 1px solid rgba(255,255,255,.6);
  -webkit-box-shadow: inset 0px 9px 32px -12px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 9px 32px -12px rgba(0,0,0,0.75);
box-shadow: inset 0px 9px 32px -12px rgba(0,0,0,0.75);
}



.zlayer-top-white {
  z-index: 100 !important; background: #fff !important;
}




.modal1.advanced .plain-body-text {padding: 20px 20px 0 20px; }
.modal1.advanced .cta {padding: 0 0 30px 0 !important;}
.modal1.advanced .modal-header {}

.modal1.advanced .modal-close-header {
 
  right: 20px;
  top: 13px; 

}






/* Page Menu - Dots Style ALTERNATE
-----------------------------------------------------------------*/

#page-menu.dots-menu.dots-menu-alt #page-menu-wrap {
  /*background-color: rgba(255,255,255,1);*/
  text-shadow: none;
  /*border: 3px solid;*/
  width: 40%;

}
#page-menu.dots-menu.dots-menu-alt,
#page-menu.dots-menu.dots-menu-alt #page-menu-wrap {
  position: fixed;
  z-index: 10;
  top: 61%;
  /*top: 200px;*/
  right: auto;
  left: 0px;
  
  height: auto;
  line-height: 1.5;
}

#page-menu.dots-menu.dots-menu-alt #page-menu-wrap {
  position: relative;
  box-shadow: none;
}
 

#page-menu.dots-menu.dots-menu-alt nav {
  float: none;
  width: 30%;
}

#page-menu.dots-menu.dots-menu-alt nav ul { height: auto; }

#page-menu.dots-menu.dots-menu-alt nav ul li {
  float: none;
  width: 50px;
  height: 80px;
  margin: -20px 0 20px 16px;
}
 


 
.industry-energy #page-menu.dots-menu.dots-menu-alt li a .dots-left-line {border-color: #f8ca56 !important;}
.industry-communications #page-menu.dots-menu.dots-menu-alt li a .dots-left-line {border-color: #F67828 !important;}
.industry-insurance #page-menu.dots-menu.dots-menu-alt li a .dots-left-line {border-color: #55943B !important;}
.industry-health-insurance #page-menu.dots-menu.dots-menu-alt li a .dots-left-line {border-color: #d03238 !important;}
.industry-public-sector #page-menu.dots-menu.dots-menu-alt li a .dots-left-line {border-color: #005486 !important;}


.industry-energy #page-menu.dots-menu.dots-menu-alt .dots-label {color: #f8ca56 !important}
.industry-communications #page-menu.dots-menu.dots-menu-alt .dots-label {color: #F67828 !important}
.industry-insurance #page-menu.dots-menu.dots-menu-alt .dots-label {color: #55943B !important;}
.industry-health-insurance #page-menu.dots-menu.dots-menu-alt .dots-label {color: #d03238 !important;}
.industry-public-sector #page-menu.dots-menu.dots-menu-alt .dots-label {color: #005486 !important;}


.industry-energy #page-menu.dots-menu.dots-menu-alt li a {background: #fff !important; border-color: #f8ca56 !important}
.industry-communications #page-menu.dots-menu.dots-menu-alt li a {background: #fff !important; border-color: #F67828 !important}
.industry-insurance #page-menu.dots-menu.dots-menu-alt li a {background: #fff !important; border-color: #55943B !important;}
.industry-health-insurance #page-menu.dots-menu.dots-menu-alt li a {background: #fff !important; border-color: #d03238 !important;}
.industry-public-sector #page-menu.dots-menu.dots-menu-alt li a {background: #fff !important; border-color: #005486 !important;}




.industry-energy #page-menu.dots-menu.dots-menu-alt ul li:hover > a,
.industry-energy #page-menu.dots-menu.dots-menu-alt ul li.current > a, 
.industry-energy #page-menu.dots-menu.dots-menu-alt ul li.active > a {background-color: #f8ca56 !important} 
.industry-communications #page-menu.dots-menu.dots-menu-alt ul li:hover > a,
.industry-communications #page-menu.dots-menu.dots-menu-alt ul li.current > a, 
.industry-communications #page-menu.dots-menu.dots-menu-alt ul li.active > a {background-color: #F67828 !important} 
.industry-insurance #page-menu.dots-menu.dots-menu-alt ul li:hover > a,
.industry-insurance #page-menu.dots-menu.dots-menu-alt ul li.current > a,
.industry-insurance #page-menu.dots-menu.dots-menu-alt ul li.active > a {background-color: #55943B !important}
.industry-health-insurance #page-menu.dots-menu.dots-menu-alt ul li:hover > a,
.industry-health-insurance #page-menu.dots-menu.dots-menu-alt ul li.current > a,
.industry-health-insurance #page-menu.dots-menu.dots-menu-alt ul li.active > a {background-color: #d03238 !important}
.industry-public-sector #page-menu.dots-menu.dots-menu-alt ul li:hover > a,
.industry-public-sector #page-menu.dots-menu.dots-menu-alt ul li.current > a,
.industry-public-sector #page-menu.dots-menu.dots-menu-alt ul li.active > a {background-color: #005486 !important}



#page-menu.dots-menu.dots-menu-alt li:hover > a,
#page-menu.dots-menu.dots-menu-alt li.current > a,
#page-menu.dots-menu.dots-menu-alt li.active > a { background: #000 !important; }



#page-menu.dots-menu.dots-menu-alt ul li.current .dots-label {
 font-weight: bold;
 /*border-right: 30px solid rgba(0,0,0,.1)*/
}



#page-menu.dots-menu.dots-menu-alt li a .dots-left-line.last {
    border-left: none !important;
}
#page-menu.dots-menu.dots-menu-alt nav li a .dots-left-line {
  margin: 55px 0 0 10px !important;
  padding: 0 0 0px 40px !important;
  /*display: block; */
  width: 270px;  /*width of the left side nav*/
  line-height: 120%;
  border-left: 3px solid; 

  z-index: 1 !important;
}

#page-menu.dots-menu.dots-menu-alt nav li a .dots-label {
 /*font-weight: bold;*/
   min-height: 80px;
   margin-top: -30px;
   position: relative;
   top: -23px;
   left: 0;
}

#page-menu.dots-menu.dots-menu-alt li a {
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 1.5;
  padding: 0;
  margin: 0 2px ;
  background: #fff !important;
  border-radius: 50%;
  /*color: #777;*/
  font-size: 135%;
  font-weight: 500;
  border: 3px solid;

}
 

body:not(.device-touch) #page-menu.dots-menu.dots-menu-alt nav li .dots-menu{
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
 


body:not(.device-touch) .video-deck{
  -webkit-transition: all 0s ease-in-out !important;
  -o-transition: all 0s ease-in-out !important;
  transition: all 0s ease-in-out !important;
}
 



.jump a.button {margin-left: -10px;}
.jump img {margin:0;padding:0 0 0 10px; max-width: 200px;}



/*Responsive tweaks for larger screen */

@media only screen and (min-width : 2000px) {
  
      #page-menu.dots-menu.dots-menu-alt li a {
          font-size: 180%;
      }
      #page-menu.dots-menu.dots-menu-alt nav li a .dots-left-line {
      margin: 55px 0 0 10px !important;
      width: 540px;
      }

    #page-menu.dots-menu.dots-menu-alt nav li a .dots-label { 
       min-height: 120px;
       margin-top: -30px;
       position: relative;
       top: -23px;
       left: 0;
       width: 400px;
    }
    #page-menu.dots-menu.dots-menu-alt nav ul li {
      float: none;
      width: 50px;
      height: 120px;
      margin: -20px 0 20px 16px;
    }

    .video-callout.video-callout-offset .screenshot-gallery {
      width: 53% !important;
    }

    .video-callout.video-callout-offset .desc {
      width: 75% !important;
    }
    #page-menu.dots-menu.dots-menu-alt,
    #page-menu.dots-menu.dots-menu-alt #page-menu-wrap { 
      /*top: 270px;*/
      top: 50%;
      right: auto;
      left: 0px;
      height: auto;
      line-height: 1.7;
    }




}







/*Industry Header Background Standards */
 
.slider-parallax.industry-dental-insurance-header-bg {background: url('https://vlocity.com/cms/resources/dental-fallback-bg-1.jpg') no-repeat !important; background-size: cover !important;}
.slider-parallax.industry-energy-header-bg {background: url('https://vlocity.com/cms/resources/energy-hd-1.jpg') no-repeat !important; background-size: cover !important;}
.slider-parallax.industry-communications-header-bg {background: url('https://vlocity.com/cms/resources/comms-pg-hd-3-high-contrast.jpg') no-repeat !important; background-size: cover !important;}
.slider-parallax.industry-insurance-header-bg {background: url('https://vlocity.com/cms/resources/insurance-page-hd-3.jpg') no-repeat !important; background-size: cover !important;}
.slider-parallax.industry-health-insurance-header-bg {background: url('https://vlocity.com/cms/resources/health-hd-3.jpg') no-repeat !important; background-size: cover !important;}
.slider-parallax.industry-public-sector-header-bg {background: url('https://vlocity.com/cms/resources/public-sector-pg-hd-3.jpg') no-repeat !important; background-size: cover !important;}
.slider-parallax.general-header-bg {background: url('https://vlocity.com/cms/resources/general-hd.jpg') no-repeat !important; background-size: cover !important;}

.slider-parallax.bg-off { background-image:none !important}






/*Custom Process Steps */



.custom-process-steps a.i-circled.i-circled-alt {
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  background-color: #fff !important;
  border-width: 3px !important;
}


.custom-process-steps a.i-circled img {margin: 5px;}
.custom-process-steps a.i-circled {background-color: #000 !important;}
.custom-process-steps h5 {font-weight: 600 !important; line-height: 115%; font-size: 130% !important; min-height: 50px;}
.custom-process-steps p {padding: 20px 6px 0 6px; font-size: 110%;}
.custom-process-steps .i-circled {
  width: 80px !important;
  height: 80px !important;
  line-height: 80px !important;
  z-index: 11;
  padding: 0 5px;
}


.custom-process-steps li.dot:before,
.custom-process-steps li.dot:after {
  top: 84px !important;
  left: 0;
  margin-left: -16px;
  width: 50%;
  border-top: 3px solid !important;
}

.custom-process-steps li.dot:after {
  left: auto;
  right: 0;
  margin: 0 -16px 0 0;
}



.custom-process-steps li:before,
.custom-process-steps li:after {
  top: 110px !important;
  left: 0;
  margin-left: -16px;
  width: 50%;
  border-top: 3px solid !important;
}

.custom-process-steps li:after {
  left: auto;
  right: 0;
  margin: 0 -26px 0 0;
}





/*

dental-insurance

EC008C

*/

.industry-dental-insurance .custom-process-steps .i-circled {border-color: #EC008C !important; background-color: #EC008C !important}
.industry-energy .custom-process-steps .i-circled {border-color: #f8ca56 !important; background-color: #f8ca56 !important}
.industry-communications .custom-process-steps .i-circled {border-color: #F67828 !important; background-color: #F67828 !important}
.industry-insurance .custom-process-steps .i-circled {border-color: #55943B !important; background-color: #55943B !important;}
.industry-health-insurance .custom-process-steps .i-circled {border-color: #d03238 !important; background-color: #d03238 !important;}
.industry-public-sector .custom-process-steps .i-circled {border-color: #005486 !important; background-color: #005486 !important;}



.industry-dental-insurance .custom-process-steps li.dot:hover .i-circled {background-color: #EC008C !important}
.industry-energy .custom-process-steps li.dot:hover .i-circled {background-color: #f8ca56 !important}
.industry-communications .custom-process-steps li.dot:hover .i-circled {background-color: #F67828 !important}
.industry-insurance .custom-process-steps li.dot:hover .i-circled {background-color: #55943B !important;}
.industry-health-insurance .custom-process-steps li.dot:hover .i-circled {background-color: #d03238 !important;}
.industry-public-sector .custom-process-steps li.dot:hover .i-circled {background-color: #005486 !important;}


.industry-dental-insurance .custom-process-steps li:hover .i-circled {background-color: #000 !important}
.industry-energy .custom-process-steps li:hover .i-circled {background-color: #000 !important}
.industry-communications .custom-process-steps li:hover .i-circled {background-color: #000 !important}
.industry-insurance .custom-process-steps li:hover .i-circled {background-color: #000 !important;}
.industry-health-insurance .custom-process-steps li:hover .i-circled {background-color: #000 !important;}
.industry-public-sector .custom-process-steps li:hover .i-circled {background-color: #000 !important;}


.industry-dental-insurance .custom-process-steps li a {/*color: #f8ca56 !important;*/ color: #000;}
.industry-energy .custom-process-steps li a {/*color: #f8ca56 !important;*/ color: #000;}
.industry-communications .custom-process-steps li a {/*color: #F67828 !important;*/ color: #000;}
.industry-insurance .custom-process-steps li a {/*color: #55943B !important;*/ color: #000;}
.industry-health-insurance .custom-process-steps li a {/*color: #d03238 !important;*/ color: #000;}
.industry-public-sector .custom-process-steps li a {/*color: #005486 !important;*/ color: #000;}

 
.industry-dental-insurance .custom-process-steps li:before,
.industry-dental-insurance .custom-process-steps li:after {border-color: #EC008C !important}
.industry-energy .custom-process-steps li:before,
.industry-energy .custom-process-steps li:after {border-color: #f8ca56 !important}
.industry-communications .custom-process-steps li:before,
.industry-communications .custom-process-steps li:after {border-color: #F67828 !important}
.industry-insurance .custom-process-steps li:before,
.industry-insurance .custom-process-steps li:after {border-color: #55943B !important;}
.industry-health-insurance .custom-process-steps li:before,
.industry-health-insurance .custom-process-steps li:after {border-color: #d03238 !important;}
.industry-public-sector .custom-process-steps li:before,
.industry-public-sector .custom-process-steps li:after {border-color: #005486 !important;}

 
.industry-dental-insurance .video-callout.video-callout-offset p.subtitle {color: #EC008C !important}
.industry-energy .video-callout.video-callout-offset p.subtitle {color: #f8ca56 !important}
.industry-communications .video-callout.video-callout-offset p.subtitle {color: #F67828 !important}
.industry-insurance .video-callout.video-callout-offset p.subtitle {color: #55943B !important;}
.industry-health-insurance .video-callout.video-callout-offset p.subtitle {color: #d03238 !important;}
.industry-public-sector .video-callout.video-callout-offset p.subtitle {color: #005486 !important;}



.industry-dental-insurance .video-callout.video-callout-offset .white-bg-left-border h2 {color: #EC008C !important}
.industry-energy .video-callout.video-callout-offset .white-bg-left-border h2 {color: #f8ca56 !important}
.industry-communications .video-callout.video-callout-offset .white-bg-left-border h2 {color: #F67828 !important}
.industry-insurance .video-callout.video-callout-offset .white-bg-left-border h2 {color: #55943B !important;}
.industry-health-insurance .video-callout.video-callout-offset .white-bg-left-border h2 {color: #d03238 !important;}
.industry-public-sector .video-callout.video-callout-offset .white-bg-left-border h2 {color: #005486 !important;}
    

.industry-dental-insurance .video-callout.video-callout-offset .white-bg-left-border {border-color: #EC008C !important}
.industry-energy .video-callout.video-callout-offset .white-bg-left-border {border-color: #f8ca56 !important}
.industry-communications .video-callout.video-callout-offset .white-bg-left-border {border-color: #F67828 !important}
.industry-insurance .video-callout.video-callout-offset .white-bg-left-border {border-color: #55943B !important;}
.industry-health-insurance .video-callout.video-callout-offset .white-bg-left-border {border-color: #d03238 !important;}
.industry-public-sector .video-callout.video-callout-offset .white-bg-left-border {border-color: #005486 !important;}
  

.industry-dental-insurance .video-callout.video-callout-offset .color-bg-left-border p.subtitle,
.industry-dental-insurance .video-callout.video-callout-offset .color-bg-left-border p.subtitle,
.industry-energy .video-callout.video-callout-offset .color-bg-left-border h2,
.industry-energy .video-callout.video-callout-offset .color-bg-left-border h2,
.industry-communications .video-callout.video-callout-offset .color-bg-left-border p.subtitle,
.industry-communications .video-callout.video-callout-offset .color-bg-left-border h2,
.industry-insurance .video-callout.video-callout-offset .color-bg-left-border p.subtitle,
.industry-insurance .video-callout.video-callout-offset .color-bg-left-border h2,
.industry-health-insurance .video-callout.video-callout-offset .color-bg-left-border p.subtitle,
.industry-health-insurance .video-callout.video-callout-offset .color-bg-left-border h2,
.industry-public-sector .video-callout.video-callout-offset .color-bg-left-border p.subtitle {color: #fff !important;}
.industry-public-sector .video-callout.video-callout-offset .color-bg-left-border h2 {color: #fff !important;}
  


.industry-dental-insurance .color-bg-left-border {background: #f8ca56 !important}
.industry-energy .color-bg-left-border {background: #f8ca56 !important}
.industry-communications .color-bg-left-border {background: #F67828 !important}
.industry-insurance .color-bg-left-border {background: #55943B !important;}
.industry-health-insurance .color-bg-left-border {background: #d03238 !important;}
.industry-public-sector .color-bg-left-border {background: #005486 !important;}


.color-bg-left-border {
  border-left: 6px solid;
    padding-left: 40px;
}

.white-bg-left-border {
  background-color: #fff;
  border-left: 6px solid;
  padding-left: 40px;
}



.video-deck .video-callout.video-callout-offset .color-bg-left-border .cta a.button.button-light {
  background-color: #fff !important;}

.industry-dental-insurance .video-callout.video-callout-offset .color-bg-left-border .cta a.button.button-light {color:#EC008C !important;}
.industry-energy .video-callout.video-callout-offset .color-bg-left-border .cta a.button.button-light {color:#f8ca56 !important;}
.industry-communications .video-callout.video-callout-offset .color-bg-left-border .cta a.button.button-light {color:#F67828 !important;}
.industry-insurance .video-callout.video-callout-offset .color-bg-left-border .cta a.button.button-light {color:#55943B !important;}
.industry-health-insurance .video-callout.video-callout-offset .color-bg-left-border .cta a.button.button-light {color:#d03238 !important;}
.industry-public-sector .video-callout.video-callout-offset .color-bg-left-border .cta a.button.button-light {color:#005486 !important;}


.video-callout.video-callout-offset .white-bg-left-border p.subtitle {color: #000 !important;}

.industry-dental-insurance .video-callout.video-callout-offset .white-bg-left-border .cta a.button.button-light {background-color:#EC008C !important; color: #fff !important;}
.industry-energy .video-callout.video-callout-offset .white-bg-left-border .cta a.button.button-light {background-color:#f8ca56 !important; color: #fff !important;}
.industry-communications .video-callout.video-callout-offset .white-bg-left-border .cta a.button.button-light {background-color:#F67828 !important; color: #fff !important;}
.industry-insurance .video-callout.video-callout-offset .white-bg-left-border .cta a.button.button-light {background-color:#55943B !important; color: #fff !important;}
.industry-health-insurance .video-callout.video-callout-offset .white-bg-left-border .cta a.button.button-light {background-color:#d03238 !important; color: #fff !important;}
.industry-public-sector .video-callout.video-callout-offset .white-bg-left-border .cta a.button.button-light {background-color:#005486 !important; color: #fff !important;}


/*Industy Border Color */
 

.industry-dental-insurance .color-bg-left-border img.industry-border,
.industry-energy .color-bg-left-border img.industry-border,
.industry-communications .color-bg-left-border img.industry-border,
.industry-insurance .color-bg-left-border img.industry-border,
.industry-health-insurance .color-bg-left-border img.industry-border,
.industry-public-sector .color-bg-left-border img.industry-border {border: 3px solid #fff !important;}
  

.industry-dental-insurance img.industry-border {border: 3px solid #EC008C !important}
.industry-energy img.industry-border {border: 3px solid #f8ca56 !important}
.industry-communications img.industry-border {border: 3px solid #F67828 !important}
.industry-insurance img.industry-border {border: 3px solid #55943B !important;}
.industry-health-insurance img.industry-border {border: 3px solid #d03238 !important;}
.industry-public-sector img.industry-border {border: 3px solid #005486 !important;}
  
.industry-dental-insurance img.industry-border:hover,
.industry-energy img.industry-border:hover,
.industry-communications img.industry-border:hover,
.industry-insurance img.industry-border:hover,
.industry-health-insurance img.industry-border:hover,
.industry-public-sector img.industry-border:hover {
      -webkit-box-shadow: 0px 0 20px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0 20px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0 20px 0px rgba(0,0,0,0.4);

}



/*Screenshot Gallery */


.screenshot-gallery .overlay .text-overlay-title h3 {
  font-size: 150% !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding-left: 20px;
} 


.screenshot-gallery .flex-prev i,
.screenshot-gallery .flex-next i {
  width: 50% !important;
}




/*Video Callout - Campaign */



.dark .video-callout .video-block a {color: #fff;}

.video-callout h2 {
    font-size: 500% !important;
    /*text-shadow: 0 1px 0px rgba(255,255,255,.5);*/
}
.dark .video-callout h2 {
  text-shadow: 0 1px 0px rgba(0,0,0,.5) !important;
}

.dark .video-callout .video-block i {
  color: #fff !important;
}


.video-callout .video-block p.video-thumbnail img {max-width: 90%;}


.video-callout .video-block {
  padding: 100px 20px 0 20px;
/*
  position: absolute;
  top: 40%;
  right: 10%;*/

}

.video-callout ul {
  margin-left: 40px;
}
.video-callout .video-block p {
  font-size: 200%;
  font-weight: 200;
  line-height: 110%;
}
.video-callout .video-block a:hover i {opacity: 1;}
.video-callout .video-block a i {
  font-size: 1500%;
  color: #777;
  opacity: .5; 
}


.video-callout .desc b,
.video-callout .desc strong {
  font-size: 170%;
  padding: 0px;
  margin: 0;
  line-height: 110%;

  text-shadow: 0 1px -1px #fff;
}
.video-callout .desc {
  font-size: 130%;
  padding: 20px 20px 0 20px;
}

.video-callout .desc.bg1 {background-color: rgba(0,0,0,.1);}
.video-callout .desc.bg2 {background-color: rgba(0,0,0,.3);}
.video-callout .desc.bg3 {background-color: rgba(0,0,0,.5);}
.video-callout .desc.bg4 {background-color: rgba(0,0,0,.7);}
.video-callout .desc.bg5 {background-color: rgba(0,0,0,.9);}

.dark.video-callout .desc.bg1 {background-color: rgba(255,255,255,.1);}
.dark.video-callout .desc.bg2 {background-color: rgba(255,255,255,.3);}
.dark.video-callout .desc.bg3 {background-color: rgba(255,255,255,.5);}
.dark.video-callout .desc.bg4 {background-color: rgba(255,255,255,.7);}
.dark.video-callout .desc.bg5 {background-color: rgba(255,255,255,.9);}


    .video-callout.video-callout-offset h2 {
      font-size: 320% !important; 
      line-height: 100%; 
      margin: 40px 0 15px 3px;
    }
    
    .video-callout.video-callout-offset p strong {padding: 0px !important;}

.video-callout.video-callout-offset .video-thumbnail {
  /*max-width: 80%;*/
  margin: 0 !important;
  padding: 0 0 20px 20px !important;
  /*text-align: center;*/
  z-index: 12;

}

.video-callout.video-callout-offset a.button {
    z-index: 12;
}

.video-callout.video-callout-offset .screenshot-gallery {
  padding: 0 0 0 20px !important;
  /*max-width: 80%;*/
    z-index: 12;
}

.video-callout.video-callout-offset p.subtitle {
  font-size: 190%;
  padding: 0 0 25px 6px !important;
  margin: 0 !important;
  line-height: 110%;
  text-shadow: 0 1px -1px #fff;
  font-weight: 700;
}

 


.video-callout.video-callout-offset .color-bg-left-border .desc li,
.video-callout.video-callout-offset .color-bg-left-border .desc p,
.video-callout.video-callout-offset .color-bg-left-border .desc h3  {color:#fff !important;}

     
    .video-callout.video-callout-offset .desc ul {
      margin: 0 0 40px 18px !important; padding-top: 0 !important;}
    .video-callout.video-callout-offset .desc {
      padding: 0 0 0 3px !important; 
      margin: 0px !important;}



.video-callout.video-callout-offset .desc h3 {
  font-size: 140%;
  padding: 0px 0 0 0px !important;
  margin: 0 0 10px 0;
  line-height: 110%;

  text-shadow: 0 1px -1px #fff;
}

/* Mobile Video Parallax */


@media (max-width: 1300px) { 



      .color-bg-left-border,
      .white-bg-left-border {
        padding-left: 10px;
      } 

      .video-thumbnail img {max-width: 90%;}


      #page-menu.dots-menu.dots-menu-alt li a {
        font-size: 110% !important;
      }
      #page-menu.dots-menu.dots-menu-alt nav li a .dots-left-line {
        width: 230px;  /*width of the left side nav*/
      }
      #page-menu.dots-menu.dots-menu-alt nav {
        margin-left: -30px;
      }

}

@media (max-width: 479px) {
  
      .video-callout.video-callout-offset h2 {
        font-size: 230% !important;
      }
      .video-callout.video-callout-offset p.subtitle {
        font-size: 120% !important;
      }

      .video-thumbnail img {max-width: 93%; margin: 0 auto;}
      .jump img {margin:0;padding:0 0 0 2px; max-width: 120px;}

      .jumptarget:before {  
        margin-top: -70px; 
        height: 70px;
        }

      .video-callout.video-callout-offset .jump img {
        margin:0 auto 20px auto !important; max-width: 200px; display: block;}

      .video-callout.video-callout-offset .cta a.button {
        display: block !important;
        text-align: center;
      }

}


/*ipad portrait*/
@media (min-width: 768px) and (max-width: 997px) {

    .page-section.parallax.video-deck-wrapper {margin-right: -15px !important; padding-right: 0;}
}

/*Ipad Landscape */
@media (min-width: 991px) and (max-width: 1024px) {

        #header-wrap #logo img {max-width: 150px;}  /*scales down the main logo in the navbar to save horizontal space*/
        .video-callout.video-callout-offset h2 {font-size: 220% !important;}
}













/*interaction library specific */

.page-menu-goback {
  padding: 10px; 

}




/*Hover Effect */

.verticals .hovereffect { 
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  /*border: 1px solid #999;*/


      -webkit-box-shadow: 0px 0 4px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0 4px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0 4px 0px rgba(0,0,0,0.3);


}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: transparent;
  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
}

.verticals .hovereffect:hover .overlay {
  background-color: transparent !important;
}

.hovereffect:hover .overlay {
  background-color: rgba(0,0,0,0.8);
}

.hovereffect img {
  display: block;
  position: relative;
 /*margin-bottom: 0 !important;*/
 text-align: center;
 margin-bottom: 0 !important;
 margin-left: -7px !important;

}

 


.verticals .hovereffect h2 { 
  background: none;
    -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
} 

.hovereffect h2 { 
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 15px;
  padding: 10px 20px;
  line-height: 110%;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  background-color: transparent;

}

.verticals .hovereffect:hover h2 {
    -webkit-transform: translateY(0px) !important;
  -ms-transform: translateY(0px) !important;
  transform: translateY(0px) !important;
    -webkit-transition: all 0.4s  cubic-bezier(1,-2, 0, 2);
  transition: all 0.4s  cubic-bezier(1,-2, 0, 2);
  font-size: 160% !important;
}



.low-profile .hovereffect:hover h2 {
    -webkit-transform: translateY(0px) !important;
  -ms-transform: translateY(0px) !important;
  transform: translateY(0px) !important;
    -webkit-transition: all 0.6s  cubic-bezier(1, 0, -2, 2);
  transition: all 0.6s  cubic-bezier(1, 0, -2, 2);
  font-size: 110% !important;
}
 


.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  /*border: 1px solid #fff;*/
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s  cubic-bezier(0.88,-0.99, 0, 1.81);
  font-weight: normal;
  margin: -152px 0 0 0;
  /*padding: 20px;*/
}


.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}


.hovereffect a.info:hover {
  /*box-shadow: 0 0 5px #fff;*/
}





/*Process Steps Alternate */
 

.process-steps.process-alt2 li h5 {
  font-size: 150%;
  font-weight: 600;
  padding-bottom: 20px;
}
.process-steps.process-alt2.process-6 li .description {
  min-height: 120px;
}
.process-steps.process-alt2 li .description {
min-height: 100px;
  height: auto !important;
  left: 0;
}

.process-steps.process-alt2 li .block-icon img {
  padding: 0 30px;
  max-height: 80px;
  max-width: 160px;
}

.process-steps.process-alt2 li .block-icon {}
.process-steps.process-alt2 li {background: #f1f1f1;}


.process-steps.process-alt2 li:before,
.process-steps.process-alt2 li:after {
  border: none;
}

ul.process-steps.process-alt2 li:hover .block-icon {
  background-color: #4E4E4E;

}

.industry-dental-insurance ul.process-steps.process-alt2 li:hover .block-icon,
.industry-energy ul.process-steps.process-alt2 li:hover .block-icon,
.industry-communications ul.process-steps.process-alt2 li:hover .block-icon,
.industry-insurance ul.process-steps.process-alt2 li:hover .block-icon,
.industry-health-insurance ul.process-steps.process-alt2 li:hover .block-icon,
.industry-public-sector ul.process-steps.process-alt2 li:hover .block-icon {background-color: #4E4E4E !important;}

.industry-dental-insurance ul.process-steps.process-alt2 .block-icon {background-color: #EC008C !important}
.industry-energy ul.process-steps.process-alt2 .block-icon {background-color: #f8ca56 !important}
.industry-communications ul.process-steps.process-alt2 .block-icon {background-color: #F67828 !important}
.industry-insurance ul.process-steps.process-alt2 .block-icon {background-color: #55943B !important;}
.industry-health-insurance ul.process-steps.process-alt2 .block-icon {background-color: #d03238 !important;}
.industry-public-sector ul.process-steps.process-alt2 .block-icon {background-color: #005486 !important;}




ul.process-steps.process-alt2 .block-icon {
  font-size: 400%;
  padding: 20px 0;
    -webkit-box-shadow: inset 0px 0 10px 0px rgba(0,0,0,0.14);
-moz-box-shadow: inset 0px 0 10px 0px rgba(0,0,0,0.14);
box-shadow: inset 0px 0 10px 0px rgba(0,0,0,0.14);

}

ul.process-steps.process-alt2 .block-title {
  font-size: 135% !important; 
  padding: 20px 10px;
  color: #333; 
  font-weight: 600;
  line-height: 110%;
  min-height: 90px;
    height: auto !important;
    left: 0;
  margin: 0;
}
ul.process-steps.process-alt2:hover .cta a,
ul.process-steps.process-alt2 .cta a{
  color: #fff;
}
 


ul.process-steps.process-alt2 .background {
    -webkit-box-shadow: inset 0px 0 10px 0px rgba(0,0,0,0.14);
-moz-box-shadow: inset 0px 0 10px 0px rgba(0,0,0,0.14);
box-shadow: inset 0px 0 10px 0px rgba(0,0,0,0.14);

}
ul.process-steps.process-alt2 .description {
  font-size: 110% !important; 
  line-height: 120%;
  padding: 0 10px 0px 10px;
}

.process-steps.process-alt2 li{
  color: #333 !important;
  -webkit-box-shadow: inset 0px 0 10px 0px rgba(0,0,0,0.14);
-moz-box-shadow: inset 0px 0 10px 0px rgba(0,0,0,0.14);
box-shadow: inset 0px 0 10px 0px rgba(0,0,0,0.14);
}
.process-steps.process-alt2 li:hover {
/*  background:#909090;
  color: #fff;*/
}

.process-steps.process-alt2 li:hover .description,
.process-steps.process-alt2 li:hover .block-title {
  color: #333;
}

.process-steps.process-alt2 li a {
  color: #333;
}
.process-steps.process-alt2 li:hover a {
  /*background-color: #008ab4 !important;*/
  /*color: #FFF;*/
  /*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
  border-color: #008ab4 !important;
  color: #333;
}



/* Button Align on Vertical Cards */

p.buttons  {
  text-align: center;
}



@media only screen and (min-width : 768px) {
  


.cards-5 .alt .subtitle {
  font-size: 100% !important;
}
.cards-5 .alt .title h3{
  font-size: 130% !important;
}


  .alt.row {
    display: table;
  }
  [class*="alt col-"] {
    float: none;
    width: 25%;
    display: table-cell;
    vertical-align: top;
    position: relative;
    padding-bottom: 45px;
  }

  p.buttons {
    position: absolute;
    bottom: 0;
    /*text-align: center;*/
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}







.text-bottom > * {
  vertical-align: text-bottom !important;
}

.red-border {
  border: 10px solid red !important;}


/*This makes the video iframe overlay larger */
.mfp-iframe-holder .mfp-content {
    max-width: 80%;
}



#flex-slider-carousel .slide { margin-right: 5px; }
 
 #flex-slider-carousel .slide img {max-width: 180px;}






.breadcrumb.advanced i { margin: 0 5px 0 10px; }
.breadcrumb.advanced a { background-color: transparent !important; color: #444; text-decoration: underline !important; }
.breadcrumb.advanced { 
  margin: -10px 0 0 0 !important;
  color: #333 !important;
  font-size: 105% !important;
}



form#form1_login .panel-info .panel-body ul {background: rgba(0,0,0,0.02) !important;}

.panel-info.panel-alternate .panel-heading {background-color: #333;}
.panel-info.panel-alternate .panel-body ol {margin-left: 40px;}
.panel-info.panel-alternate .panel-body p {margin: 0 0 5px 0 !important;}










/*   ========================================
    CYCLE GRID - retired
  ========================================     */

 

.industry-infographic img.map {max-width: 75%;}




.cycle-grid .cycle-box {display: block; min-height: 100px; padding: 0; color: #fff; font-size: 150%;}

.cycle-grid .cycle-box .base-color2 {background: #ff7830;}
.cycle-grid .cycle-box .base-color2-tint1 {background: #ffa463;}
.cycle-grid .cycle-box .base-color2-tint2 {background: #ff8f41;} 



.cycle-grid .cycle-box .base-color1 {background: #ffb13d;}
.cycle-grid .cycle-box .base-color1-tint1 {background: #ffd290;}
.cycle-grid .cycle-box .base-color1-tint2 {background: #ffc360;} 

.cycle-grid .cycle-box .base-color3 {background: #dd2134;}
.cycle-grid .cycle-box .base-color3-tint1 {background: #fe6d7b;}
.cycle-grid .cycle-box .base-color3-tint2 {background: #f14957;} 

.cycle-grid .cycle-box .secondary-color1 {background: #00c3ce;}
.cycle-grid .cycle-box .secondary-color1-tint1 {background: #89d7e1;}
.cycle-grid .cycle-box .secondary-color1-tint2 {background: #49cbd3;}
.cycle-grid .cycle-box .secondary-color2 {background: #02a4d2;}
.cycle-grid .cycle-box .secondary-color2-tint1 {background: #43cdf0;}
.cycle-grid .cycle-box .secondary-color2-tint2 {background: #00b3e0;}
.cycle-grid .cycle-box .secondary-color3 {background: #004565;} 
.cycle-grid .cycle-box .secondary-color3-tint1 {background: #0073a0;}
.cycle-grid .cycle-box .secondary-color3-tint2 {background: #00547c;}


.cycle-grid .cycle-box .curve-bottom-right {
  -webkit-border-bottom-right-radius: 40px;
-moz-border-radius-bottomright: 40px;
border-bottom-right-radius: 40px;
}
.cycle-grid .cycle-box .curve-top-right {
  -webkit-border-top-right-radius: 40px;
-moz-border-radius-topright: 40px;
border-top-right-radius: 40px;
}
.cycle-grid .cycle-box .curve-bottom-left {
  -webkit-border-bottom-left-radius: 40px;
-moz-border-radius-bottomleft: 40px;
border-bottom-left-radius: 40px;
}
.cycle-grid .cycle-box .curve-top-left {
  -webkit-border-top-left-radius: 40px;
-moz-border-radius-topleft: 40px;
border-top-left-radius: 40px;
}
.cycle-grid .cycle-box span {font-size: 60%;}
.cycle-grid .cycle-box p {padding: 10px; line-height: 100%; margin: 0;}
.cycle-grid .cycle-box h2 {
  line-height: 100%;
  color: #fff; 
  text-transform: uppercase; 
  font-weight: 300; 
  font-size: 210%; 
  margin: 0; 
  padding: 0;
}  
.cycle-grid .cycle-box .title i {font-size: 300%;}
.cycle-grid .cycle-box .top {padding: 10px;}
.cycle-grid .cycle-box .title {padding: 0; ;}
.cycle-grid .cycle-box .middle {padding: 0;}
.cycle-grid .cycle-box .subtitle {padding: 10px;}
.cycle-grid .cycle-box .bottom {padding: 10px;}




/*   ========================================
    MINIMAL FOOTER & MINIMAL COPYRIGHTS
  ========================================     */


#footer.minimal .footer-widgets-wrap li:hover {
  background-color: rgba(0,0,0,.05) !important;
}


#footer.minimal .footer-widgets-wrap a
  {
    color: #444 !important;
    font-size: 115% !important;
  }
#footer.minimal {
  background: rgba(0,0,0,.04) !important; 
  /*border-top: 1px solid rgba(0,0,0,.03);*/
  z-index: 13;
}




#copyrights.minimal .footer-logo {
 max-width: 30%;
 margin: 0 auto;
}
#copyrights.minimal .copyright-links p {
  padding-bottom: 10px; margin-bottom: 10px; 
  /*border-bottom: 1px solid rgba(0,0,0,.1);*/
}


#copyrights.minimal .team:hover {
  background: none !important ;
}
#copyrights.minimal {
  background: #fff !important;

}
#copyrights.minimal,
#copyrights.minimal .copyright-links a,
#copyrights.minimal .copyright-links,
#copyrights.minimal a,
#copyrights.minimal .fineprint,
#copyrights.minimal .fineprint p {
    color: #555 !important;
}
 




 

/*   ========================================
    LIGHT FOOTER & LIGHT COPYRIGHTS
  ========================================     */


#footer.light .footer-widgets-wrap li:hover {
  background-color: rgba(0,0,0,.05) !important;
}


#footer.light .footer-widgets-wrap a
  {
    color: #444 !important;
    font-size: 115% !important;
  }
#footer.light {background: rgba(0,0,0,.04) !important; border-top: 1px solid rgba(0,0,0,.08);}




#copyrights.light .copyright-links p {
  padding-bottom: 10px; margin-bottom: 10px; 
  border-bottom: 1px solid rgba(0,0,0,.1);
}


#copyrights.light .team:hover {
  background: none !important ;
}
#copyrights.light {
  background: #fff !important;

}
#copyrights.light,
#copyrights.light .copyright-links a,
#copyrights.light .copyright-links,
#copyrights.light a,
#copyrights.light .fineprint,
#copyrights.light .fineprint p {
    color: #555 !important;
}
 


 


/*   ========================================
    INDUSTRY PAGE REFRESH
  ========================================     */



/*.industry-refresh #page-title {
  position: fixed;
  z-index: 99;
  top: 60px;
  margin-bottom: 60px;
  left: 0;
  width: 100%; 
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  -webkit-backface-visibility: hidden;
}

*/

#page-menu.page-menu-subheader.industry-label {padding-top:0;}
#page-menu.industry-label .title img {
  margin-top: -3px !important;
}

#logo.partner-v2 {
  position: absolute;
  float: left;  
  margin-right: 0px;
}


#logo.partner-v2 img  {
  display: block;
  max-width: 65% !important;
  padding-right: 10px;
  margin-right: 10px;
}




#logo.partner,
.industry-refresh #logo {max-width: 50% !important;}


#logo.partner,
.industry-refresh #header.full-header #logo {
  padding-right: 10px;
  margin-right: 10px;
}


.industry-refresh #experts .feature-box {margin-bottom: 20px; }








.industry-refresh #experts .fbox-bg h3 {
  font-size: 120%;
  font-weight: 700;
}
.industry-refresh #experts .fbox-bg {
  padding-left: 10px; 
  padding-right: 10px; 
}

.industry-refresh #experts .fbox-bg span.subtitle{
  font-size: 100%;
  /*min-height: 60px;*/
}
.industry-refresh #experts .fbox-bg span.experience,
.industry-refresh #experts .fbox-bg span.years {
  font-size: 100%;
  /*min-height: 60px;*/
  font-style: italic;
  display: block;
  font-weight: 300;
  color: #777;
} 



.industry-refresh #experts .fbox-bg {
  background: #f1f1f1 !important;
}
.industry-refresh #experts .fbox-bg:hover {
  background: #f9f9f9 !important;
  color: #222 !important;
}




  .industry-refresh.industry-dental-insurance #experts .fbox-bg {/*border-color: #;*/}
  .industry-refresh.industry-dental-insurance #experts .fbox-bg .fbox-icon img {border: 1px solid #EC008C !important;}
  .industry-refresh.industry-energy #experts .fbox-bg {/*border-color: #;*/}
  .industry-refresh.industry-energy #experts .fbox-bg .fbox-icon img {border: 1px solid #f8ca56 !important;}
.industry-refresh.industry-communications #experts .fbox-bg {/*border-color: #;*/}
  .industry-refresh.industry-communications #experts .fbox-bg .fbox-icon img {border: 1px solid #F67828 !important;}
  .industry-refresh.industry-insurance #experts .fbox-bg {/*border-color: #;*/}
  .industry-refresh.industry-insurance #experts .fbox-bg .fbox-icon img {border: 1px solid #55943B !important;}
  .industry-refresh.industry-health-insurance #experts .fbox-bg {/*border-color: #;*/}
  .industry-refresh.industry-health-insurance #experts .fbox-bg .fbox-icon img {border: 1px solid #d03238 !important;}
  .industry-refresh.industry-public-sector #experts .fbox-bg {/*border-color: #;*/}
  .industry-refresh.industry-public-sector #experts .fbox-bg .fbox-icon img {border: 1px solid #005486 !important;}






.industry-refresh #slider.testimonials #oc-slider img {
padding: 0 60px;
}

.industry-refresh #slider.testimonials .owl-next {
  margin-right: -55px;margin-right: -55px;
}
.industry-refresh #slider.testimonials .owl-prev {
  margin-left: -55px;
}

.industry-refresh #slider.testimonials .owl-dots {
  position: absolute;
  width: 100%;
  z-index: 20;
  margin: 0;
  top: auto;
  bottom: 5px;
}

.industry-refresh #slider.testimonials .owl-dots span {
  width: 11px;
  height: 11px;
  margin: 0 3px;
  opacity: 1;
  background-color: transparent;
  border: 1px solid rgba(255,255,255,.3);
}

.industry-refresh #slider.testimonials .owl-dots .owl-dot.active span,
.industry-refresh #slider.testimonials .owl-dots .owl-dot:hover span { background-color: #FFF !important; }






  .industry-refresh.industry-dental-insurance .industry-color {background-color: #EC008C !important}
  .industry-refresh.industry-energy .industry-color {background-color: #f8ca56 !important}
  .industry-refresh.industry-communications .industry-color {background-color: #F67828 !important}
  .industry-refresh.industry-insurance .industry-color {background-color: #55943B !important;}
  .industry-refresh.industry-health-insurance .industry-color {background-color: #d03238 !important;}
  .industry-refresh.industry-public-sector .industry-color {background-color: #005486 !important;}


 .industry-refresh .buttons a.button-light:hover {
  color: #fff !important;
  background-color: #333 !important;
 }
 .industry-refresh .buttons a.button-light {
  background-color: rgba(0,0,0,.2) !important;
 }

.industry-refresh .slider-caption a.button {
  margin-left: 0px;
}
.industry-refresh .slider-caption a.button-light {
  background-color: #f1f1f1 !important;
  color: #333 !important;
}


  .industry-refresh.industry-dental-insurance .slider-caption a.button-light:hover {color:#fff !important; background-color: #EC008C !important}
  .industry-refresh.industry-energy .slider-caption a.button-light:hover {color:#fff !important; background-color: #f8ca56 !important}
  .industry-refresh.industry-communications .slider-caption a.button-light:hover {color:#fff !important; background-color: #F67828 !important}
  .industry-refresh.industry-insurance .slider-caption a.button-light:hover {color:#fff !important; background-color: #55943B !important;}
  .industry-refresh.industry-health-insurance .slider-caption a.button-light:hover {color:#fff !important; background-color: #d03238 !important;}
  .industry-refresh.industry-public-sector .slider-caption a.button-light:hover {color:#fff !important; background-color: #005486 !important;}





.buttons a.button.button-blue {color: #fff !important; background: #008ab4 !important;}
.buttons a.button.button-blue:hover {color: #008ab4 !important; background: #fff !important;}



.industry-refresh .solution-box ul li {
  font-size: 125%;
  margin-left: 30px;
  margin-bottom: 15px;
}

.industry-refresh .solution-box {
  border: none !important;
}

.industry-refresh #page-title h1 {
  padding: 10px 0;
}
.industry-refresh #page-title span {
  padding: 0;
}




/* lcedit 11.28.17 - Adjusts the one centered profile box */
.industry-refresh.industry-energy .col-sm-offset-4,
.industry-refresh.industry-communications .col-sm-offset-4,
.industry-refresh.industry-insurance .col-sm-offset-4,
.industry-refresh.industry-health-insurance .col-sm-offset-4,
.industry-refresh.industry-public-sector .col-sm-offset-4,
.industry-refresh.industry-dental-insurance .col-sm-offset-4,
.industry-refresh.industry-corporate .col-sm-offset-4,
.industry-refresh.industry-platform .col-sm-offset-4 {margin-left: 37.5%;}

.industry-refresh   .col-sm-offset-1-plus {
    margin-left: 12.5%;
}


.dark .dimmer-1 {background: rgba(0,0,0,.1);}
.dark .dimmer-2 {background: rgba(0,0,0,.2);}
.dark .dimmer-3 {background: rgba(0,0,0,.3);}
.dark .dimmer-4 {background: rgba(0,0,0,.4);}
.dark .dimmer-5 {background: rgba(0,0,0,.5);}
.dark .dimmer-6 {background: rgba(0,0,0,.6);}
.dark .dimmer-7 {background: rgba(0,0,0,.7);}
.dark .dimmer-8 {background: rgba(0,0,0,.8);}
.dark .dimmer-9 {background: rgba(0,0,0,.9);}

.dimmer-1 {background: rgba(255,255,255,.1);}
.dimmer-2 {background: rgba(255,255,255,.2);}
.dimmer-3 {background: rgba(255,255,255,.3);}
.dimmer-4 {background: rgba(255,255,255,.4);}
.dimmer-5 {background: rgba(255,255,255,.5);}
.dimmer-6 {background: rgba(255,255,255,.6);}
.dimmer-7 {background: rgba(255,255,255,.7);}
.dimmer-8 {background: rgba(255,255,255,.8);}
.dimmer-9 {background: rgba(255,255,255,.9);}


/* Feature Box - Solid Color Industry
-----------------------------------------------------------------*/
 

  .industry-refresh.industry-dental-insurance .feature-box.fbox-industry-color .fbox-icon i,
  .industry-refresh.industry-dental-insurance .feature-box.fbox-industry-color .fbox-icon img {background-color: #EC008C;}
  .industry-refresh.industry-energy .feature-box.fbox-industry-color .fbox-icon i,
  .industry-refresh.industry-energy .feature-box.fbox-industry-color .fbox-icon img {background-color: #f8ca56;}
    .industry-refresh.industry-communications .feature-box.fbox-industry-color .fbox-icon i,
  .industry-refresh.industry-communications .feature-box.fbox-industry-color .fbox-icon img {background-color: #F67828;}
  .industry-refresh.industry-insurance .feature-box.fbox-industry-color .fbox-icon i,
  .industry-refresh.industry-insurance .feature-box.fbox-industry-color .fbox-icon img {background-color: #55943B;}
  .industry-refresh.industry-health-insurance .feature-box.fbox-industry-color .fbox-icon i,
  .industry-refresh.industry-health-insurance .feature-box.fbox-industry-color .fbox-icon img {background-color: #d03238;}
  .industry-refresh.industry-public-sector .feature-box.fbox-industry-color .fbox-icon i,
  .industry-refresh.industry-public-sector .feature-box.fbox-industry-color .fbox-icon img {background-color: #005486;}




.industry-refresh.industry-communications .feature-box.fbox-bg.fbox-industry-color:hover {
  background-color: #e5e5e5 !important;
}



  .industry-refresh.industry-dental-insurance .feature-box.fbox-industry-color:hover .fbox-icon i,
  .industry-refresh.industry-dental-insurance .feature-box.fbox-industry-color:hover .fbox-icon img,
  .industry-refresh.industry-energy .feature-box.fbox-industry-color:hover .fbox-icon i,
  .industry-refresh.industry-energy .feature-box.fbox-industry-color:hover .fbox-icon img,
    .industry-refresh.industry-communications .feature-box.fbox-industry-color:hover .fbox-icon i,
  .industry-refresh.industry-communications .feature-box.fbox-industry-color:hover .fbox-icon img,
  .industry-refresh.industry-insurance .feature-box.fbox-industry-color:hover .fbox-icon i,
  .industry-refresh.industry-insurance .feature-box.fbox-industry-color:hover .fbox-icon img,
  .industry-refresh.industry-health-insurance .feature-box.fbox-industry-color:hover .fbox-icon i,
  .industry-refresh.industry-health-insurance .feature-box.fbox-industry-color:hover .fbox-icon img,
  .industry-refresh.industry-public-sector .feature-box.fbox-industry-color:hover .fbox-icon i,
  .industry-refresh.industry-public-sector .feature-box.fbox-industry-color:hover .fbox-icon img
  {
  border: none;
  -webkit-box-shadow: 0px 8px 0px -1px rgba(0,0,0,0.08);
  -moz-box-shadow: 0px 8px 0px -1px rgba(0,0,0,0.08);
  box-shadow: 0px 8px 0px -1px rgba(0,0,0,0.08);
   }


  .industry-refresh.industry-dental-insurance .feature-box.fbox-industry-color:hover .fbox-icon i,
  .industry-refresh.industry-dental-insurance .feature-box.fbox-industry-color:hover .fbox-icon img {background: #EC008C !important;}
  .industry-refresh.industry-energy .feature-box.fbox-industry-color:hover .fbox-icon i,
  .industry-refresh.industry-energy .feature-box.fbox-industry-color:hover .fbox-icon img {background: #f8ca56 !important;}
    .industry-refresh.industry-communications .feature-box.fbox-industry-color:hover .fbox-icon i,
  .industry-refresh.industry-communications .feature-box.fbox-industry-color:hover .fbox-icon img {background: #F67828 !important;}
  .industry-refresh.industry-insurance .feature-box.fbox-industry-color:hover .fbox-icon i,
  .industry-refresh.industry-insurance .feature-box.fbox-industry-color:hover .fbox-icon img {background: #55943B !important;}
  .industry-refresh.industry-health-insurance .feature-box.fbox-industry-color:hover .fbox-icon i,
  .industry-refresh.industry-health-insurance .feature-box.fbox-industry-color:hover .fbox-icon img {background: #d03238 !important;}
  .industry-refresh.industry-public-sector .feature-box.fbox-industry-color:hover .fbox-icon i,
  .industry-refresh.industry-public-sector .feature-box.fbox-industry-color:hover .fbox-icon img {background: #005486 !important;}



  
  .industry-refresh.industry-dental-insurance .small-cards .description a,
  .industry-refresh.industry-dental-insurance .small-cards .description {color: #EC008C !important;}
  .industry-refresh.industry-energy .small-cards .description a,
  .industry-refresh.industry-energy .small-cards .description {color: #f8ca56 !important;}
    .industry-refresh.industry-communications .small-cards .description a,
  .industry-refresh.industry-communications .small-cards .description {color: #F67828 !important;}
  .industry-refresh.industry-insurance .small-cards .description a,
  .industry-refresh.industry-insurance .small-cards .description {color: #55943B !important;}
  .industry-refresh.industry-health-insurance .small-cards .description a,
  .industry-refresh.industry-health-insurance .small-cards .description {color: #d03238 !important;}
  .industry-refresh.industry-public-sector .small-cards .description a,
  .industry-refresh.industry-public-sector .small-cards .description {color: #005486 !important;}


  .industry-refresh.industry-dental-insurance .industry-color {background-color: #EC008C !important}
  .industry-refresh.industry-energy .industry-color {background-color: #f8ca56 !important}
  .industry-refresh.industry-communications .industry-color {background-color: #F67828 !important}
  .industry-refresh.industry-insurance .industry-color {background-color: #55943B !important;}
  .industry-refresh.industry-health-insurance .industry-color {background-color: #d03238 !important;}
  .industry-refresh.industry-public-sector .industry-color {background-color: #005486 !important;}





.industry-refresh .slider-figure img {
  max-width: 400px;
  max-height: 370px;
}

.highlight-cards-refresh .icon img {
  max-width: 150px;
}











.industry-refresh .action-footer {
  background-color: rgba(0,0,0,.05);
  padding: 30px 0 !important;
}
.industry-refresh .linkbox h3 {
  color: #444 !important;
}





.industry-refresh #page-title .description p {
  font-size: 170%;
  color: #777 !important;
  line-height: 130%;
}





.block-announcement {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,28343b+52,000000+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(40,52,59,1) 52%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(40,52,59,1) 52%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(40,52,59,1) 52%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 }
.block-announcement img {max-width: 800px;}

.block-announcement h2 p {
  color: #fff !important; 
  font-size: 200% !important;
  font-weight: 600 !important;
  margin: 0 !important;
  padding: 30px 0 0 0 !important;
}

.block-announcement h2 {font-size: 300%; margin: 20px 0 0 0;}
.block-announcement h3 {
  color: #fff !important; font-size: 180%; font-weight: 300; line-height:200%;}
.block-announcement a.button.button-black {background: rgba(0,0,0,.4)!important;}



/*Gallery Block */


.gallery-block {background: rgba(0,0,0,.05) !important;}
.gallery-block .cta {padding: 30px;}






/*Banner Block */


.industry-refresh .profile-block img {max-width: 1100px;}



.industry-refresh .profile-block .page-title-center h2 p {
  color: #fff !important; 
  font-size: 230% !important;
  font-weight: 600 !important;
  margin: 0 !important;
  padding: 30px 0 0 0 !important;
}

.industry-refresh .profile-block .page-title-center h2 {font-size: 300%; margin: 20px 0 0 0;}
.industry-refresh .profile-block .page-title-center h3 {
  color: #fff !important; font-size: 160%; font-weight: 300; line-height: 120%;}
.industry-refresh .profile-block a.button.button-black {background: rgba(0,0,0,.4)!important;}





/* Profile Highlight Block */


.industry-refresh .profile-highlight-block {background: #005486 !important;}
 
.industry-refresh .profile-highlight-block img {max-height: 150px; padding: 20px ; border: 2px solid #ffffff  ;}


.industry-refresh .profile-highlight-block p {font-size: 150%;}

.industry-refresh .profile-highlight-block .page-title-center h2 p {
  color: #fff !important; 
  font-size: 230% !important;
  font-weight: 600 !important;
  margin: 0 !important;
  padding: 30px 0 0 0 !important;
}

.industry-refresh .profile-highlight-block .page-title-center h2 {font-size: 300%; margin: 20px 0 0 0;}
.industry-refresh .profile-highlight-block .page-title-center h3 {
  color: #fff !important; font-size: 160%; font-weight: 300; line-height: 120%;}
.industry-refresh .profile-highlight-block a.button.button-black {background: rgba(0,0,0,.4)!important;}







/*Banner Block */


.industry-refresh .banner-block img {max-width: 1100px;}



.industry-refresh .banner-block .page-title-center h2 p {
  color: #fff !important; 
  font-size: 230% !important;
  font-weight: 600 !important;
  margin: 0 !important;
  padding: 30px 0 0 0 !important;
}

.industry-refresh .banner-block .page-title-center h2 {font-size: 300%; margin: 20px 0 0 0;}
.industry-refresh .banner-block .page-title-center h3 {
  color: #fff !important; font-size: 160%; font-weight: 300; line-height: 120%;}
.industry-refresh .banner-block a.button.button-black {background: rgba(0,0,0,.4)!important;}




.industry-refresh .feature-box.fbox-industry-color .fbox-icon img {
  
  padding: 14px !important;

  }

.industry-refresh .feature-box.fbox-industry-color .fbox-icon i,
.industry-refresh .feature-box.fbox-industry-color .fbox-icon img {
  color: #fff !important;


} 

.industry-refresh #slider.swiper-custom1 .slider-caption {padding-left: 30px;}

.industry-refresh #slider.swiper-custom1 .slider-caption h2 {
  font-size: 250% !important;
  text-transform: none !important;
  margin: 0 0 20px 0;
}



.industry-refresh .small-cards .image-header {
  padding: 15px;
}


.industry-refresh .small-cards a:hover .description {
  background-color: rgba(0,0,0,.05);
}
.industry-refresh .small-cards .description {
  font-weight: 500;
  font-size: 110% !important; 
}


.industry-refresh .feature-box h3 {
  text-transform: capitalize;
  color: #777 !important;
  letter-spacing: 0;
} 
.industry-refresh .feature-box.fbox-bg {
  background-color: rgba(0,0,0,.15) !important;
  border-radius: none;
}

.industry-refresh .dark .emphasis-title i {
  color: #fff;
}
.industry-refresh .emphasis-title i {
  font-size: 700%;
  color: #777; 
}
.industry-refresh .emphasis-title h2 {
  font-weight: 100;
  font-size: 270%;
  padding: 20px 10px;

}


.highlight-cards-refresh .card .description { padding: 20px 0; color: #777; font-size: 110%; line-height: 110%; }
.highlight-cards-refresh .card .subtitle { font-weight: 600; font-size: 110%; line-height: 110%; }
.highlight-cards-refresh .card .title {  }
.highlight-cards-refresh .card .title h3 {
  text-transform: uppercase;
  padding: 10px;
  line-height: 120%;
  font-weight: 400;
  margin: 0 !important;
}

#wrapper.industry-refresh.industry-dental-insurance .video-callout .desc b,
#wrapper.industry-refresh.industry-dental-insurance .video-callout .desc strong,
#wrapper.industry-refresh.industry-dental-insurance #page-title h2 b,
#wrapper.industry-refresh.industry-dental-insurance #page-title h2 p strong
{color: #EC008C !important;}
#wrapper.industry-refresh.industry-energy .video-callout .desc b,
#wrapper.industry-refresh.industry-energy .video-callout .desc strong,
#wrapper.industry-refresh.industry-energy #page-title h2 b,
#wrapper.industry-refresh.industry-energy #page-title h2 p strong
{color: #f8ca56 !important;}
#wrapper.industry-refresh.industry-communications .video-callout .desc b,
#wrapper.industry-refresh.industry-communications .video-callout .desc strong,
#wrapper.industry-refresh.industry-communications #page-title h2 b,
#wrapper.industry-refresh.industry-communications #page-title h2 p strong
{color: #F67828 !important;}
#wrapper.industry-refresh.industry-insurance .video-callout .desc b,
#wrapper.industry-refresh.industry-insurance .video-callout .desc strong,
#wrapper.industry-refresh.industry-insurance #page-title h2 b,
#wrapper.industry-refresh.industry-insurance #page-title h2 p strong
{color: #55943B !important;}
#wrapper.industry-refresh.industry-health-insurance .video-callout .desc b,
#wrapper.industry-refresh.industry-health-insurance .video-callout .desc strong,
#wrapper.industry-refresh.industry-health-insurance #page-title h2 b,
#wrapper.industry-refresh.industry-health-insurance #page-title h2 p strong
{color: #d03238 !important;}
#wrapper.industry-refresh.industry-public-sector .video-callout .desc b,
#wrapper.industry-refresh.industry-public-sector .video-callout .desc strong,
#wrapper.industry-refresh.industry-public-sector #page-title h2 b,
#wrapper.industry-refresh.industry-public-sector #page-title h2 p strong
{color: #005486 !important;}

#wrapper.industry-refresh #page-title {
  margin: 0;
  padding: 0; 
}

#wrapper.industry-refresh #page-title h2 {
  color: #777 !important;
  font-weight: 300 !important;
  font-size: 300%;
  line-height: 120%;
}

#slider.swiper-custom1 .swiper-slide.dark p a { color: #fff; border-bottom: 2px solid; opacity: .7; }
#slider.swiper-custom1 .slider-caption p {
  font-weight: 400;
  line-height: 120%;

}



.box2 {
  background: red !important;
}



.button-tight {
  padding: 14px 10px 0 10px !important;
  margin: 5px !important;
}





/* Sticky Banner
-----------------------------------------------------------------*/



.alert.banner-mini-sticky a.close i {
    font-size: 95% !important;
}
.alert.banner-mini-sticky a.close {
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 10000 !important;
  color: #fff;
  text-shadow: none;
}

.alert.banner-mini-sticky {
  padding: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  margin: 0 !important;
}


.discount-wrapper p,
.discount-wrapper p.large {
  font-size: 160%;
}
.discount-wrapper p strong,
.discount-wrapper p b,
.discount-wrapper p.large span {
  font-weight: bold;
  color: #008ab4;
  font-size: 110%;
}
.sticky-banner {
  position: fixed;
  top: 30%;
  left: 0px;
  /*width: 36px;*/
  z-index: 100;
}
 

.sticky-banner.sticky-banner-right {
  left: auto;
  right: 8px;
}

 .discount-wrapper a.button:hover {
  background: rgba(0,0,0,.05) !important;
  text-shadow: none;
  color: #00a1e0;
  border: 2px solid #00a1e0 !important;
 }  










.wrapped-in-post {
  float: right !important;
  max-width: 500px;
}

/* Click to tweet */


#clicktotweet ul li i {
  margin-top: 6px;
}

#clicktotweet ul li {
  border-bottom: 1px dotted rgba(0,0,0,.15);
  padding: 5px 0;
  font-size: 120%;
}
#clicktotweet {
  margin-left: 20px;
}

#clicktotweet h3 {
  text-transform: uppercase;
  margin: 40px 0 0 0;
  color: #008ab4;
  text-align: center;
  font-weight: 600;
  letter-spacing: -.01em;
}


/*Click to tweet in video blog posts */

.video-post-tail #clicktotweet {vid margin: 0 auto; display: block; text-align: left;}
.video-post-tail #clicktotweet ul li {/*text-align: left !important; */border-bottom: 0 !important; }



.image-block {
  display: block !important;
  min-height: 250px;
}

.bg-dark8 {
  background: #000 !important;
}
.bg-dark7 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003f68+0,011d2e+100 */
background: rgb(0,63,104) !important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,63,104,1) 0%, rgba(1,29,46,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,63,104,1) 0%,rgba(1,29,46,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,63,104,1) 0%,rgba(1,29,46,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f68', endColorstr='#011d2e',GradientType=0 ) !important; /* IE6-9 */

}



 
.portfolio-item.party-cards:hover span.info a,
 #portfolio-alt .portfolio-item.party-cards:hover span.info a {
  color: #008ab4;
}

 #portfolio-alt .portfolio-item.party-cards span.info a:hover,
.portfolio-item.party-cards span.info a:hover {
  text-decoration: underline !important;}

 #portfolio-alt .portfolio-item.party-cards span.info a, 
.portfolio-item.party-cards span.info a {
  color: rgba(255,255,255,.5); 
}
#portfolio-alt .portfolio-item.party-cards span.links, 
.portfolio-item.party-cards span.links {
  display: block;
}

 #portfolio-alt .portfolio-item.party-cards span.links a,
.portfolio-item.party-cards span.links a{
  text-decoration: underline !important;
  font-weight: 600;
}
 #portfolio-alt .portfolio-item.party-cards span.links a:hover,
.portfolio-item.party-cards span.links a:hover{
  color: #333;
}

.vblue {background: #008ab4;}
.i-vblue {color: #008ab4 !important;}

/* ----------------------------------------------------------------
  Mix Ins
-----------------------------------------------------------------*/


/* Alternate Modal */
 


 .auto-modal.modal .vertical-alignment-helper {
    display:table;
    height: 80%;
    width: 100%;
}
.auto-modal.modal .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.auto-modal.modal .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}




.auto-modal.modal .modal-body iframe,
.auto-modal.modal .modal-body{
    min-height: 660px;

    /*overflow-y: auto;*/
}
 
.modal.modal-alternate .modal-footer {
  background: rgba(0,0,0,.05);
  padding: 4px;
}


.modal.modal-alternate .modal-header i a {

    color: #fff !important;
    text-align: right !important; 
}
.modal.modal-alternate .modal-header {
    padding: 0;
  }
.modal.modal-alternate .modal-header a.close {opacity: .8;}
.modal.modal-alternate .modal-header a.close i {
  font-size: 180%;
  color: #008ab4;
  text-shadow: none;
  z-index: 10000;

}

.modal.modal-alternate a.close {opacity: .8;}
.modal.modal-alternate a.close i {
  z-index: 100000 !important; 
  margin: 20px 20px 0 0;
  font-size: 220%;
  color: #fff;
  text-shadow: none;
    margin-top: 30px !important;
    text-shadow: 0px 0px 10px rgba(0,0,0,.7);
}

.modal.modal-alternate iframe{
max-height: 100%;
background: none !important;
}




.modal.modal-alternate .modal-body .plain-body-text {padding: 0 30px 0 30px;} 
.modal.modal-alternate .modal-body .plain-body-text h2 {margin: 30px 0 0 0;}  
.modal.modal-alternate .modal-body .plain-body-text h3 {
  text-align: left;
 font-size: 170% !important;
 font-style: normal !important;
 font-weight: 500 !important;
 padding: 0 !important;
 margin: 10px 0 !important;
} 
/*.modal.modal-alternate .modal-body .plain-body-text a.button {
  display: block !important;
  margin: 20px auto !important;

}*/
 
 
.modal.modal-alternate .modal-body .profile {
  border-bottom: 1px solid rgba(0,0,0,.2);
  margin: 0 30px;
  padding: 20px 0;
}


.modal.modal-alternate .modal-body .action {padding: 20px 0 20px 0;}

.modal.modal-alternate .modal-body .profile h2 {font-size: 150%; font-weight: 600; line-height: 100%; margin: 10px 0;}
.modal.modal-alternate .modal-body .profile h3 {font-size: 120%; line-height: 100%;margin: 10px 0; font-weight: 300; color: #999;}
.modal.modal-alternate .modal-body .profile h4 {font-size: 110% !important; line-height: 100%;margin: 10px 0; font-weight: 300; color: #999;}



.modal.modal-alternate .modal-body .plain-body-text p {
  font-size: 130%;
  padding: 0;
  margin: 0;
} 

 

/* PARDOT V3 */


body.pardot-master-form form .thank-you-message p {text-align: center; }
body.pardot-master-form form .thank-you-message img {margin: 0 auto !important; text-align: center !important;}
body.pardot-master-form form .thank-you-message h3{
  text-align: center;
  text-transform: uppercase;
  color: #666;
  line-height: 115%;
  font-size: 180%;
  padding-left: 20px;
  padding-right: 20px;

}


body.pardot-master-form form img {
  display: block;
  max-width: 100%;
  height: auto !important;
}



/*

testing...

body.pardot-master-form form .form-field.required .field-label:after {
  content:"*"; 
    color: #008AB4 !important; 
    margin-left: 4px;
}
*/


 



body.pardot-master-form form .pd-checkbox label {
  font-size: 80% !important; 
  text-transform: none !important; 
  line-height: 40% !important; 
  font-weight: 200;
  color: #666;

  display: inline-block;
  padding-left: 15px;
  text-indent: -15px;
letter-spacing: 0;
}
 
body.pardot-master-form form p.fineprint {
  font-size: 80%;
  padding: 0 !important;
  margin: 0 !important;
}

body.pardot-master-form form .pd-checkbox {line-height: 90% !important; padding-left:0; text-align: left; }
/*body.pardot-master-form form .pd-checkbox span.value span { margin-top: 5px !important; }*/
/*body.pardot-master-form form .pd-checkbox .checkbox {  border: 2px solid #999;} */


body.pardot-master-form form .pd-checkbox span.value span label.inline {
    display: block !important;
    padding-left: 1.2em !important;
    text-indent: 0em !important;
    line-height: 90% !important;
    margin-top: 5px;
    margin-bottom: 0; 

}

body.pardot-master-form form .pd-checkbox span.value span input[type=checkbox] {
  width: 14px;
  height: 14px;
  float: left;
  padding: 0 !important;

  margin: 8px 5px 0 0 !important; 
  /*vertical-align: bottom;*/
  /*position: relative;*/
  /*top: -1px;*/
  /**overflow: hidden !important; */

}




body.pardot-master-form form .form-field .select {
  
  border: 1px solid rgba(0,0,0,.2);
  margin-top: 4px;
} 

body.pardot-master-form form {
  padding: 20px 0 0 0;
}
body.pardot-master-form form .before-form p img {
  margin-top: 15px;
}
body.pardot-master-form form .before-form p {
  margin: 0 !important;
  /*text-align: left !important;*/
    padding: 10px 0;
    font-size: 13px;
}

body.pardot-master-form form .social a.i-circled {
  margin: 0 2px !important;
} 
body.pardot-master-form form .social {
    display: inline-block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

body.pardot-master-form form .after-form {
  margin: 0 auto !important;
  text-align: center !important;
  padding: 0 !important;

}

body.pardot-master-form form p.submit {
  margin: 0 !important;
  padding: 0 !important;

}
body.pardot-master-form form .button-action-row {
  text-align: center !important;
  margin: 0 auto !important;
}
body.pardot-master-form form .button-action-row button.button {
  margin: 10px 0 !important;
}
body.pardot-master-form form p {
  font-size: 140%;
  padding: 0 30px 10px 30px !important; 
  text-align: justify;
  line-height: 130% !important;

}



body.pardot-master-form form h2 {
  font-size: 200%;
  font-weight: 600;
  text-transform: uppercase; 
  padding: 10px 0;
  /*border-top: 1px solid rgba(0,0,0,.1) !important;*/
  border-bottom: 1px solid rgba(0,0,0,.1) !important;
  margin: 0 30px 15px 30px;
}


body.pardot-master-form form .form-field textarea {
  padding: 5px;  
  font-size: 110%;
  width: 100%;
  margin: 2px 0;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.2) !important;
  height: 75px;
}

body.pardot-master-form form input.text {
  padding: 5px;  
  font-size: 110%;
  width: 100%;
  margin: 2px 0;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.2);
}

body.pardot-master-form form .form-field .field-label {
  display: block;
  /*text-transform: capitalize !important;*/
  text-align: left;
  font-size: 85%;
  font-weight: 600; 
  margin: 10px 0 0 0 !important;
  padding-left: 15px !important;
}

body.pardot-master-form form .form-field.error .error.no-label {
  text-align: left !important;
  color: #d03238; 
  font-weight: 600;
  padding: 2px 0 2px 0px;
  font-size: 90%;
}

/*
Orange      Comms       F67828    246,120,40,.5
Green       Insurance     55943B    119,188,131,.5
Red         Health Insurance  d03238    208,50,56,.5
Deep Blue     Public Sector   005486    0,84,134,.5
*/







/*Special Event Cards for Dreamforce */

 

.special-event-cards .portfolio-item {
  /*min-height: 350px;*/
}

.special-event-cards .corner-ribbon {
width: 0;
height: 0;
border-style: solid;
border-width: 0 30px 30px 0;
float: right;
position: absolute;
top: 0;
right: 0;
}


.special-event-cards .corner-ribbon.communications {border-color: transparent #f67728 transparent transparent;}
.special-event-cards .corner-ribbon.insurance {border-color: transparent #55943B transparent transparent;}
.special-event-cards .corner-ribbon.health-insurance {border-color: transparent #d03238 transparent transparent;}
.special-event-cards .corner-ribbon.public-sector {border-color: transparent #005486 transparent transparent;}
.special-event-cards .corner-ribbon.technology {border-color: transparent #686766 transparent transparent;}
.special-event-cards .corner-ribbon.energy {border-color: transparent #f8ca56 transparent transparent;}

.special-event-cards ul#highlight-filter li a.button.communications {color: #fff !important; background-color: #F67828 !important;}
.special-event-cards ul#highlight-filter li a.button.insurance {color: #fff !important; background-color: #55943B !important;}
.special-event-cards ul#highlight-filter li a.button.health-insurance {color: #fff !important; background-color: #d03238 !important;}
.special-event-cards ul#highlight-filter li a.button.public-sector {color: #fff !important; background-color: #005486 !important;}
.special-event-cards ul#highlight-filter li a.button.technology {color: #fff !important; background-color: #686766 !important;}
.special-event-cards ul#highlight-filter li a.button.energy {color: #fff !important; background-color: #f8ca56 !important;}

/*
.special-event-cards ul#highlight-filter li a.button {padding-right: 30px; overflow: visible !important; }
.special-event-cards ul#highlight-filter li a.button img.industry-icon {
  float: left;
  line-height: 1;
  margin-right: 8px; 
  max-height: 20px;
  max-width: 20px;
  

}*/


/*  Color theme hovers for party cards */

/*COMMUNCATIONS */
.dreamforce-highlights article.card-alternate.communications:hover .portfolio-desc .location,
.dreamforce-highlights article.card-alternate.communications:hover .portfolio-desc .location a,
.dreamforce-highlights article.card-alternate.communications:hover .portfolio-desc .sponsor a,
.dreamforce-highlights article.card-alternate.communications:hover .portfolio-desc .sponsor,
.dreamforce-highlights article.card-alternate.communications:hover a h3 { color: #fff !important;}

.dreamforce-highlights article.card-alternate.communications:hover .img-info-overlay .dark { background-color: #F67828 !important;}
.dreamforce-highlights article.card-alternate.communications .img-info-overlay .dark { background-color: rgba(0,0,0,.7) !important;}

.dreamforce-highlights article.card-alternate.communications:hover a.button {color: #F67828 !important; background-color: #fff !important;}
.dreamforce-highlights article.card-alternate.communications a.button {background-color: #F67828 !important;}

/*INSURANCE */
.dreamforce-highlights article.card-alternate.insurance:hover .portfolio-desc .location,
.dreamforce-highlights article.card-alternate.insurance:hover .portfolio-desc .location a,
.dreamforce-highlights article.card-alternate.insurance:hover .portfolio-desc .sponsor a,
.dreamforce-highlights article.card-alternate.insurance:hover .portfolio-desc .sponsor,
.dreamforce-highlights article.card-alternate.insurance:hover a h3  {color: #fff !important;}

.dreamforce-highlights article.card-alternate.insurance:hover  .img-info-overlay .dark {background-color: #55943B !important;}
.dreamforce-highlights article.card-alternate.insurance .img-info-overlay .dark {background-color: rgba(0,0,0,.7) !important;}

.dreamforce-highlights article.card-alternate.insurance:hover a.button {color: #55943B !important;background-color: #fff !important;}
.dreamforce-highlights article.card-alternate.insurance a.button {background-color: #55943B !important;}

/*HEALTH INSURANCE */
.dreamforce-highlights article.card-alternate.health-insurance:hover .portfolio-desc .location,
.dreamforce-highlights article.card-alternate.health-insurance:hover .portfolio-desc .location a,
.dreamforce-highlights article.card-alternate.health-insurance:hover .portfolio-desc .sponsor a,
.dreamforce-highlights article.card-alternate.health-insurance:hover .portfolio-desc .sponsor,
.dreamforce-highlights article.card-alternate.health-insurance:hover a h3 { color: #fff !important;}

.dreamforce-highlights article.card-alternate.health-insurance:hover  .img-info-overlay .dark {background-color: #d03238 !important;}
.dreamforce-highlights article.card-alternate.health-insurance .img-info-overlay .dark {background-color: rgba(0,0,0,.7) !important;}

.dreamforce-highlights article.card-alternate.health-insurance:hover a.button {color: #d03238 !important;background-color: #fff !important;}
.dreamforce-highlights article.card-alternate.health-insurance a.button {background-color: #d03238 !important;}


/*PUBLIC SECTOR */
.dreamforce-highlights article.card-alternate.public-sector:hover .portfolio-desc .location,
.dreamforce-highlights article.card-alternate.public-sector:hover .portfolio-desc .location a,
.dreamforce-highlights article.card-alternate.public-sector:hover .portfolio-desc .sponsor a,
.dreamforce-highlights article.card-alternate.public-sector:hover .portfolio-desc .sponsor,
.dreamforce-highlights article.card-alternate.public-sector:hover a h3 { color: #fff !important;}

.dreamforce-highlights article.card-alternate.public-sector:hover  .img-info-overlay .dark {background-color: #005486 !important;}
.dreamforce-highlights article.card-alternate.public-sector .img-info-overlay .dark {background-color:rgba(0,0,0,.7) !important;}

.dreamforce-highlights article.card-alternate.public-sector:hover a.button {color: #005486 !important;background-color: #fff !important;}
.dreamforce-highlights article.card-alternate.public-sector a.button {background-color: #005486 !important;}



/*ENERGY */
.dreamforce-highlights article.card-alternate.energy:hover .portfolio-desc .location,
.dreamforce-highlights article.card-alternate.energy:hover .portfolio-desc .location a,
.dreamforce-highlights article.card-alternate.energy:hover .portfolio-desc .sponsor a,
.dreamforce-highlights article.card-alternate.energy:hover .portfolio-desc .sponsor,
.dreamforce-highlights article.card-alternate.energy:hover a h3 { color: #fff !important;}

.dreamforce-highlights article.card-alternate.energy:hover  .img-info-overlay .dark {background-color: #f8ca56 !important;}
.dreamforce-highlights article.card-alternate.energy .img-info-overlay .dark {background-color:rgba(0,0,0,.7) !important;}

.dreamforce-highlights article.card-alternate.energy:hover a.button {color: #f8ca56 !important;background-color: #fff !important;}
.dreamforce-highlights article.card-alternate.energy a.button {background-color: #f8ca56 !important;}





/*Alternate party cards */

.dreamforce-highlights article.card-alternate:hover .portfolio-desc .sponsor a {
  font-weight: 500;
}
.dreamforce-highlights article.card-alternate:hover .portfolio-desc .sponsor a,
.dreamforce-highlights article.card-alternate:hover .portfolio-desc .location a {
  color: #fff !important;
}
 

.dreamforce-highlights article.card-alternate:hover .portfolio-desc .location,
.dreamforce-highlights article.card-alternate:hover .portfolio-desc .sponsor {
  color: #fff;
}

.dreamforce-highlights article.card-alternate:hover .portfolio-desc h3 {
  color: #fff !important;
}

.dreamforce-highlights article.card-alternate .portfolio-desc {
    background: #fff;
/*      -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;*/
}

.dreamforce-highlights article.card-alternate:hover .portfolio-desc {
  background: rgba(0,0,0,.9);
/*  -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;*/
}


article.card-alternate:hover .img-info-overlay {
  /*background-color: #008ab4;*/
}
 
.dreamforce-highlights article.card-alternate:hover a.button {
  background-color: #fff;
  color: #222 !important;
}

article.card-alternate .portfolio-desc a.button {
  color: #fff !important;
}

article.card-alternate .portfolio-desc h3 {
  font-weight: 500; 
  color: #222;
  /*padding-bottom: 6px; */
  /*margin-bottom: 6px; */
  /*border-bottom: 1px dotted rgba(255,255,255,.25);*/
}
article.card-alternate .portfolio-desc .location {
  font-size: 110%; padding: 6px 0;
  color: #222;
}

article.card-alternate .portfolio-desc .sponsor a:hover {
  text-decoration: underline !important;
}
article.card-alternate .portfolio-desc .sponsor {
  font-style: italic;
  /*font-weight: 200;*/
  color: #222;
  font-size: 85%;
  font-family: 'Prata', serif !important;
  /*text-transform: uppercase;*/
  letter-spacing: .04em;
  padding: 3px 0 0 0;
}
article.card-alternate .portfolio-desc a {color: #222 !important; text-shadow: none !important;}

article.card-alternate .date { line-height: 120%; font-size: 115%;font-weight: 600;}
article.card-alternate .time { line-height: 120%; font-size: 115%;font-weight: 600;}

article.card-alternate .portfolio-image {
/*  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;*/
}


 
.img-info-overlay .action-overlay:hover {
  background-color: #008ab4;
  color: #fff;
}

.img-info-overlay .action-overlay {
  float: right;
  max-width: 52%; 
  color: #222;
  display: block;
  font-weight: 600;
  height: 27px !important;
  line-height: 30px;
  font-size: 90%;
  letter-spacing: .03em;
  text-transform: uppercase; 
  background-color: rgba(255,255,255,.9); 
/*-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;*/
}



.img-info-overlay .date,
.img-info-overlay .time {
  padding: 8px;
  line-height: 110%;
}

.img-info-overlay .dark {
  background-color: rgba(0,0,0,.7);
}
.img-info-overlay {
  position: absolute;
  bottom: 0; 
  padding: 0;
  color: #FFF;
  /*text-shadow: 0px 1px 1px rgba(0,0,0,0.2);*/
  width: 100%;
  z-index: 5;
}



.promo .promo-image img {
  margin: 0 auto !important;
  text-align: center !important;
  padding: 20px 0;
}


.party-cards:hover span.text-label {color: rgba(0,0,0,.5);}
.party-cards:hover .links a {color: #008ab4;}

.party-cards span.text-label {
    display: inline-block;
    font-size: 90%;
    font-style: italic;
    color: rgba(255,255,255,.7);
    padding-right: 2px;
    }


.party-cards:hover .action {
  border-top: 1px dotted rgba(0,0,0,.2);
}
.party-cards .action {
  border-top: 1px dotted rgba(255,255,255,.15);
  padding: 10px 0;
}


.party-cards .links a:hover {color: #000; text-decoration: underline !important;}
.party-cards .links a {
    display: inline-block;
    padding: 0 5px 5px 0;
    font-size: 90%;
    /*font-style: italic;*/
    color: #fff;
}
   
.promo-image.box-dark {
  padding: 20px 0;
}

img.obscure {
  opacity: .2 !important;
  background-color: #222 !important;
  display: block;  
}

.box-dark .dark p {color: #fff !important;}

.box-dark img {
  padding: 0px !important;
  margin: 0 !important;
  background: none !important;
-moz-box-shadow: 1px 1px 29px #008ab4;
-webkit-box-shadow: 1px 1px 29px #008ab4;
box-shadow: 1px 1px 29px #008ab4;
border-radius: 10px;
}

.box-dark .overlay:hover {
  border-radius: 6px;
}
.box-dark .overlay {
  background: none;
  color: #fff;
  border-radius: 6px !important;
  padding: 15px;
  
}


.box-dark .overlay:hover .overlay-wrap {
  background: none;
}
.box-dark .overlay:hover .overlay-wrap i {
 
  font-size: 400% !important;
  background: #008ab4;
  width: 100px;
  height: 100px;
  padding-top: 25px;
  border-radius: 6px;

}


.box-dark .heading-block-smaller p {
  font-size: 150%;
}
.box-dark .heading-block-smaller h5 {
  color: #008ab4;
  font-size: 200%;
  text-transform: uppercase;
  margin-top: 20px !important;
}
 


.dreamforce-highlights .alert.alert-info h3 {
  margin: 5px 0 0 0;
  padding: 0;
  color: rgba(255,255,255,.3);
  text-transform: uppercase;
  text-shadow: 0 0 10px 1px rgba(0,0,0,.5);

}
.dreamforce-highlights .alert.alert-info p {
  font-size: 150%;
  padding: 20px;
  color: #f1f1f1;
}
.dreamforce-highlights .alert.alert-info {
  background: rgba(0,0,0,.3) !important;
  border: none !important;
}

.promo-style2 p {padding: 0 !important; margin: 0 !important;}
 .panel-thumbs .panel-heading span {font-weight: 300; padding: 10px;}
}

.error-box a {
  color: #d03238 !important; 
  text-decoration: underline !important;
}
.error-box .sb-msg{
  font-size: 110% !important;
}
.error-box {
  position: absolute; 
  z-index: 100000; 
  top: 10%;
  color: #d03238 !important; 
  padding: 0 60px !important;
  
}


#df-sessions .col_one_fourth:hover p a {color: #fff; border-bottom: 1px dotted;}

#df-sessions p a {color: rgba(255,255,255,.6); }
#df-sessions h3 {color: rgba(255,255,255,.6);}
#df-sessions h3 span {font-size: 140%; line-height: 120%; color:#fff;}

#alternate-portfolio span.action a.button:hover {
  color: #0099ff;
  background-color: #fff;
  text-shadow: none;
}
#alternate-portfolio span.action {
  margin-bottom: 20px;
}

#alternate-portfolio span.day-date-time {
  font-weight: 600;
  color: #fff;
}
#alternate-portfolio span.location-link a {
  color: #fff !important;
}

#alternate-portfolio span.location-link {
  padding-bottom:10px;
}

#alternate-portfolio .portfolio-desc {
  z-index: 3;
  padding: 15px 5px 10px;
  
}

#alternate-portfolio .portfolio-desc h3 {
  line-height: 105% !important;
  min-height: 40px;
}

#alternate-portfolio .portfolio-desc h3 a { color: rgba(255,255,255,.8); }

#alternate-portfolio .portfolio-desc h3 a:hover { color: #fff; }

#alternate-portfolio .portfolio-desc span {
  display: block;
  margin-top: 3px;
  color: rgba(255,255,255,.6);
}

#alternate-portfolio .portfolio-desc span a { color: #888; }

#alternate-portfolio .portfolio-desc span a:hover { color: #000; }


#alternate-portfolio.dreamforce-grid .portfolio-image img {
  border-radius: 10px !important;
}







.event-card { background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)),url(images/events/asian-art-museum.jpg); }
.event-card:hover { background: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8)),url(images/events/asian-art-museum.jpg);}

.event-card:hover h3,
.event-card:hover p,
.event-card:hover .button-light {color: #222 !important;}
.event-card:hover .button-border {border-color: #222 !important;}
.event-card p {padding: 5px 8px; font-size: 95%; letter-spacing: -.01em;}
.event-card p a {font-size: 100%; padding: 5px 10px; font-weight: 600; color: #008ab4;}
.event-card:hover p {color: #fff !important; background: rgba(0,0,0,.5); text-shadow: 0px 1px 0px rgba(0,0,0,.5);}
.event-card  .button-light:hover {background: #008ab4 !important; color: #fff !important;}
.event-card .button-off {opacity: .7; border-color: #fff !important;}  /*when its off */
.event-card p a:hover {color: #fff !important; border-bottom: 2px solid #008ab4;}







.promo.promo-dark.promo-flat p {
  color: #fff;
  font-size: 150%;
  padding-bottom: 20px;
}


.mobile-social-icons i.i-light{

  background-color: rgba(0,0,0,.1) !important;
}

.mobile-social-icons a{
  display: inline-block !important;
  float: none !important;
}



.dreamforce-grid .dreamforce-overlay h3 {
  color: #fff;
  font-size:105%;
  font-weight: 300;
}



.hover-video img {
  border: 2px solid #008ab4;
  opacity: .7;
  border-radius: 10px;
}


.hover-video a:hover img {
  border: 2px solid #fff;
  opacity: 1;
}

.video-container-tight .video-action-bar {
  padding: 20px 0 !important; }

.video-container-tight .video-action-bar .share-icon-group a {
  float: right;}




p.emphasis-p.special-2{
  
  padding: 10px 5px 8px 5px;
  background-color: rgba(255,255,255,.1);
  margin: 10px auto 10px auto;
  width: 50%;
  font-weight: 600;
  /*color: #008ab4;*/
  text-shadow: 0 1px 2px #000;
  text-transform: uppercase;
  font-size: 180%;
  letter-spacing: -.03em;
  border: 1px solid rgba(255,255,255,.3);
/*border-radius: 50px;*/
-moz-box-shadow: 1px 1px 19px #000;
-webkit-box-shadow: 1px 1px 19px #000;
box-shadow: 1px 1px 19px #000;
}







@media (max-width: 767px) {


.slider-dreamforce h2 {font-size: 150% !important; line-height: 115% !important; }
.slider-dreamforce h3 {font-size: 90% !important; }
.slider-dreamforce h4 {font-size: 90% !important; font-weight: 600;}



  .slider-dreamforce p.emphasis-p.special-2{
    font-size: 160%;
    width: 90%;
  }
  .slider-dreamforce p.tagline {font-size: 90%;}
  .slider-dreamforce p.subtitle {font-size: 150% !important; font-weight: 600; padding-top: 30px;}
  .dreamforce-highlights #highlight-filter li {
    display: block !important;
    margin: 0 0 5px 0 !important;
  }
  
  header .dreamforce-header {
    background: #000 !important;
  }

  body.pardot-master-form form h2 {
    font-size: 150%;
     line-height: 115%;
     padding: 10px 0 !important; 
    }
  body.pardot-master-form form .before-form p {
    padding: 0; 
    font-size: 90%;
  }


}










.slider-dreamforce p.emphasis-p.special {
  background: rgba(0,0,0,.4);
  border-radius: 5px;
  padding: 10px 5px;
  margin: 0 auto 20px auto;
  width: 50%;
  -moz-box-shadow: 1px 1px 19px #008ab4;
-webkit-box-shadow: 1px 1px 19px #008ab4;
box-shadow: 1px 1px 19px #008ab4;
}

.slider-dreamforce .emphasis-title {
  margin: -20px 0 0 0 !important;
}

.slider-dreamforce h1 {
  font-size: 440% !important;
  padding: 0 0 20px 0;}


 .slider-dreamforce .bg-sky-gradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#475767+1,53616e+38,787875+52,6a6e6e+58,535155+100 */
background: rgb(71,87,103); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(71,87,103,1) 1%, rgba(83,97,110,1) 38%, rgba(120,120,117,1) 52%, rgba(106,110,110,1) 58%, rgba(83,81,85,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(71,87,103,1) 1%,rgba(83,97,110,1) 38%,rgba(120,120,117,1) 52%,rgba(106,110,110,1) 58%,rgba(83,81,85,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(71,87,103,1) 1%,rgba(83,97,110,1) 38%,rgba(120,120,117,1) 52%,rgba(106,110,110,1) 58%,rgba(83,81,85,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#475767', endColorstr='#535155',GradientType=0 ); /* IE6-9 */

 }

.slider-dreamforce span.t-rotate {
  color: #fff;
}


 .slider-home .bg-sky-gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c6684+1,2a3d56+99 */
background: rgb(76,102,132); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(76,102,132,1) 1%, rgba(42,61,86,1) 99%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(76,102,132,1) 1%,rgba(42,61,86,1) 99%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(76,102,132,1) 1%,rgba(42,61,86,1) 99%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c6684', endColorstr='#2a3d56',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */

 }

.slider-home span.t-rotate {
  color: #fff;
}

.blog-home-varied .spost .entry-image,
.blog-home-varied .spost .entry-image a,
.blog-home-varied .spost .entry-image img,
.blog-home-varied .spost .entry-image i {
  width: 200px;
  height: auto;
}




/*Table in post */

.blog-post .small-thin-box {margin-top: 30px !important;} 
.blog-post .description.e-content table {
  width: 80% !important;
  margin: 0 auto;
}


.blog-post .description.e-content tr {
  border-bottom: 1px solid #eee !important;
}

.blog-post .description.e-content th,
.blog-post .description.e-content table,
.blog-post .description.e-content tr,
.blog-post .description.e-content td {
  border: none;
}

.blog-post .description.e-content tr td {
  padding: 4px;
}
.blog-post .description.e-content table tbody,
.blog-post .description.e-content table thead {
  border: 0 !important;

}

.blog-post .description.e-content table {font-size: 130%;}

.blog-post .description.e-content table th {
  border-bottom: 2px solid #008ab4; 
}


.blog-post .description.e-content table th h3 {
  color: #008ab4;
  font-weight: 700;
  margin: 0 !important;
}




/*Blog lists and image treatment */

.blog-post .description.e-content ol li {
  font-size: 150% !important;
  padding-bottom: 20px;
  line-height: 170%;
}

.blog-post .description.e-content ul li {
  /*margin-left: 30px;*/
  font-size: 110% !important;
}
.blog-post .description.e-content ol,
.blog-post .description.e-content ul {
  margin-left: 50px;
}
.blog-post .description.e-content img.right {
 float: right;
 min-width: 500px;
 padding: 10px 20px 10px 10px;
   display: block;
  max-width: 50%;
  height: auto;
}


.blog-post .description.e-content img.left {
 float: left;
 min-width: 500px;
 padding: 10px 20px 10px 10px;
  display: block;
  max-width: 50%;
  height: auto;
}


.blog-post .description.e-content img.center-half {
  display: block;
  margin: 0 auto;
  float: none;
  padding: 5px 0;
  width: 50% !important;
}


.blog-post .description.e-content img.center-full {
  display: block;
  margin: 0 auto;
  float: none;
  padding: 5px 0;
  width: 100% !important;
  height: auto !important;
}














.blog-home-varied .ipost .entry-title h3 {
  font-size: 250% !important;
  font-weight: 300;
}



.yt-bg-player{
  background: #008ab4 !important;
}

ul.iconlist.iconlist-small li {
  font-size: 95% !important;
}

h1 sup {font-size: 55%; font-weight: 500;letter-spacing: 0; padding: 0; }

.solution-box.solution-box-block .body-text ul li,
.solution-box.solution-box-block .body-text ul li ul {
  padding-bottom: 10px;
}

.solution-box.solution-box-block .body-text ul li ul li {
  font-size: 85%;
  padding-bottom: 2px;
}


.solution-box.solution-box-block .iconlist li {
  font-size: 90%;
}
.solution-box.solution-box-block .well span {
  font-size: 130%;
}
.solution-box.solution-box-block .well {
  margin-top: 40px;
  margin-bottom: 40px;
}


.solution-box.solution-box-block .overlay .overlay-wrap,
.solution-box.solution-box-block .text-overlay {
  background: none;
}




p.large {font-size: 130%;}



.section.channel-menu img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
           

.section.channel-menu .selected img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);

}

 {

}


.industry-dental-insurance .section.channel-menu .selected h5
{color: #EC008C !important;}
.industry-energy .section.channel-menu .selected h5
{color: #f8ca56 !important;}
.industry-communications .section.channel-menu .selected h5
{color: #F67828 !important;}
.industry-insurance .section.channel-menu .selected h5
{color: #55943B !important;}
.industry-health-insurance .section.channel-menu .selected h5
{color: #d03238 !important;}
.industry-public-sector .section.channel-menu .selected h5
{color: #005486 !important;}

.industry-energy .section.channel-menu .selected h5
{color: #f8ca56 !important;}

 
.industry-energy .section.channel-menu .selected svg
{ fill: #f8ca56;}
.industry-communications .section.channel-menu .selected svg
{ fill: #F67828;}
.industry-insurance .section.channel-menu .selected svg
{ fill: #55943B;}
.industry-health-insurance .section.channel-menu .selected svg
{ fill: #d03238;}
.industry-public-sector .section.channel-menu .selected svg
{ fill: #005486;} 
 
.industry-energy .section.channel-menu .selected svg
{ fill: #f8ca56;} 
 



.industry-dental-insurance .section.channel-menu .selected svg,
.industry-energy .section.channel-menu .selected svg,
.industry-communications .section.channel-menu .selected svg,
.industry-insurance .section.channel-menu .selected svg,
.industry-health-insurance .section.channel-menu .selected svg,
.industry-public-sector .section.channel-menu .selected svg,
.industry-energy .section.channel-menu .selected svg
{ opacity: 1;} 
 
 .industry-dental-insurance .section.channel-menu svg,
 .industry-energy .section.channel-menu svg,
 .industry-communications .section.channel-menu svg,
.industry-insurance .section.channel-menu svg,
.industry-health-insurance .section.channel-menu svg,
.industry-public-sector .section.channel-menu svg,
.industry-energy .section.channel-menu svg
{ opacity: .5;} 
 

/*Filter styles


.saturate {-webkit-filter: saturate(10); filter: saturate(10);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);}


*/




.alert-notifier-style1 {
  margin: 0;
  padding: 0;
}
.alert-notifier-style1 > [data-notify="icon"] {
  
}




section.variety-blocks {
  padding: 40px 0 20px 0;
}

section.variety-blocks p {font-size: 130%;}

.portfolio-item.box-style-2 .card-block.card-info {
  background: #f2f2f2;
}



.well.small-thin-box {
  background: #F9F9F9;
  padding: 0;

}

.well.small-thin-box img {
  padding: 15px 0; 

}

.well.small-thin-box p {
  font-size: 110% !important;
  line-height: 130% !important;
  color: #999;
  padding: 10px 0 0 0;
}

@font-face {
    font-family: 'icomoon';
    src:    url('/css/fonts/icomoon.eot?tei37k');
    src:    url('/css/fonts/icomoon.eot?tei37k#iefix') format('embedded-opentype'),
        url('/css/fonts/icomoon.ttf?tei37k') format('truetype'),
        url('/css/fonts/icomoon.woff?tei37k') format('woff'),
        url('/css/fonts/icomoon.svg?tei37k#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="custom-icon-"], [class*=" custom-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.custom-icon-document-file-pdf:before {
    content: "\e900";
}


.button-large .custom-icon-document-file-pdf {
  font-size: 190%; 
  line-height: 1;
  float: right; 
  padding-top: 6px !important; 
  padding-left: 5px !important; 
}

.promo.promo-full a.button {}

.testimonial.simple {background: transparent !important;}
.testimonial.simple .flex-control-nav {display: none;}

.blog-footer-action {
  text-align: center;
  display: block;
  margin: 0 auto;
}

.quote footer em {
  font-weight: 700;
  font-style: normal;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #bbb;
}

.section.highlight-section {
  background: #fff;
  padding: 40px 0 0 0 !important;
}

.section.highlight-section p {
  font-size: 120% !important;
  line-height: 150% !important;
}

.section.highlight-section h4 {
  font-size: 180%;
  font-weight: 600;
  color: #008ab4;
}

.heading-block.large {font-size: 140%;}

.panel-thumbs .panel-heading img {margin: 0 10px 0 -3px; max-width: 150px;}

.panel-thumbs .panel-body img {margin: 0 10px 10px 0; max-width: 260px;}

.panel-icons .panel-heading i {padding: 0px 10px 0 0; font-size: 120%; display: inline-block; min-width: 40px; }

.panel-icons .panel-heading a {line-height: 120%;}

span.error {color: #d03238;}




/*Accordion Panel Custom */

.accordion-panel-custom.panel-group .panel {
  border-radius: 0 !important;
}
.accordion-panel-custom .panel-heading {
  font-size: 120%;}


.accordion-panel-custom .panel-body a img:hover {opacity: 1; }

/*lcedit 2.28.18 - updated this line since opactiy did not have the semicolon after, which negated the max width line */
.accordion-panel-custom .panel-body a img {opacity: .7; max-width: 150px;}  

.accordion-panel-custom .panel-default { 
  border-left: 1px solid rgba(0,0,0,.02);
  border-right: 1px solid rgba(0,0,0,.02);
  border-top: 0;
  border-bottom: 0;
   }

.accordion-panel-custom .panel-default > .panel-heading a {
  color: #444;
  font-weight: 700;
  display: block;
}

.accordion-panel-custom .panel-default > .panel-heading + .panel-collapse .panel-body { 
  border-top: 3px solid #008ab4; }







.career-quote .testi-meta {padding-left: 20px;}
.career-quote .testi-meta span {padding: 0;}
.career-quote .testi-content {
  padding: 20px 0 20px 20px; 
  text-shadow: 0 1px 1px #fff; 
  border-left: 1px dotted #ccc;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+15,efefef+100&0.65+0,0+100 */
background: -moz-linear-gradient(left,  rgba(239,239,239,0.65) 0%, rgba(239,239,239,0.55) 15%, rgba(239,239,239,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(239,239,239,0.65) 0%,rgba(239,239,239,0.55) 15%,rgba(239,239,239,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(239,239,239,0.65) 0%,rgba(239,239,239,0.55) 15%,rgba(239,239,239,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6efefef', endColorstr='#00efefef',GradientType=1 ); /* IE6-9 */

}
.career-quote .testi-content p {font-size: 150%; line-height: 140% !important; padding: 0 0 20px 0; color: #999;}

.career-grid h2 {font-weight: 300; text-align: center; font-size: 150%; background: #bbb;}

#landing-page-boxes .portfolio-item .card h4   {
  margin: 0 !important;
  padding: 10px 0 0 0 !important;}


.promo-inner-shadow h3 {font-size: 170% !important;}
.promo-inner-shadow {
  background-color: rgba(0,0,0,.05);
}

.promo.promo-inner-shadow a.button { right: 30px; }

.promo.promo-full a.button {position: none; }




.screen-door.dark .heading-block.heading-quote h1,
.screen-door.dark .heading-block.heading-quote h2,
.screen-door.dark .heading-block.heading-quote h3,
.screen-door.dark .heading-block.heading-quote p {
  color: #fff;
  text-shadow: none;
}

.heading-block.heading-quote { margin: 0 !important; padding: 0 !important;}

.heading-block.heading-quote img {
  padding: 0 !important;
  position: relative !important; bottom: -5px !important;}

.heading-block.heading-quote i {font-size: 70% !important; opacity: .25;}
.heading-block.heading-quote h2 {text-align: left; font-size: 200% !important; padding: 20px 0 0 0 !important; }
.heading-block.heading-quote h3 {text-align: left !important; float: none; font-size: 140% !important;}
.heading-block.heading-quote h4 {text-align: left; font-size: 140% !important; font-weight: 500; }
.heading-block.heading-quote p {
  text-align: left; 
  font-size: 150% !important;
  padding-top: 30px;
  
  }


#side-panel .side-panel-wrap {background: #f1f1f1;}

.widget .nav-tree li:hover > a,
.widget .nav-tree li.current > a,
.widget .nav-tree li.active > a { border: none; background: rgba(255,255,255,.5); }
.widget .nav-tree ul ul li:hover > a,
.widget .nav-tree ul ul li.current > a,
.widget .nav-tree ul ul li.active > a {border: none; }



.omni-blocks {
  padding: 100px !important;
}




.partner-highlight {
  margin: 30px 0;
}

.multi-select-menu .form-control {margin: 8px 0 5px 0 !important;}




/*#boxes.multi-select-grid .portfolio-item img {height: 500px; width: 500px;}*/




#boxes.filter-select-grid .portfolio-item.low-profile {
  margin: 0 6px 8px 0 !important;
}

#boxes.multi-select-grid .portfolio-item {
  margin: 0 6px 8px 0 !important;
  text-align: center;
}

.multi-select-grid .info-empty {
  opacity: .5;
}

.multi-select-grid {
    min-height: 300px !important;
    margin: 0 auto;
    text-align: center;
}


.modal-close-header {
  background:transparent;
  color: #fff;
  display: block;
  position: absolute;
  right: 5px;
  top: 0;
  font-size: 250%;
  float: right;
  text-align: right;

}


.info-empty i {font-size: 600%;}



.emphasis-title.title-dreamforce p {
  font-size: 180%;
  padding-top: 20px;
}
.emphasis-title.title-dreamforce h1 {
  margin: 70px 10px 0 10px !important;
  font-size: 450% !important;
  line-height: 110% !important;
  padding: 0 !important;
}

.emphasis-title.title-home h1 {
  margin: 70px 10px 0 10px !important;
  font-size: 350% !important;
  line-height: 110% !important;
  padding: 0 !important;
}

p.emphasis-p.subtitle-home {
  font-size: 190%;
margin: 0;
padding: 0 0 20px 0;
}




.partner-highlight {
  padding: 30px 10px 0 10px;
}

.partner-highlight h4 {
  font-weight: 200 !important;
  color: rgba(255,255,255,.55) !important;
}

.partner-highlight h4 span {color: rgba(255,255,255,.75) !important;}


.home-icons .feature-box .fbox-icon,
.home-icons .feature-box .fbox-icon.industry-color {
  width: 80px !important;
  height: 80px !important;
}

.home-icons .feature-box h3 {
  font-size: 110%;
  color: #fff;
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: .03em; 
  color: #333;
}

.home-icons .feature-box {
  margin-top: 10px;

}









.multi-select-menu select{
  margin-top: 20px !important;
}



.pardot-landing-content {margin-bottom: 40px;}
.pardot-landing-content .plain-body-text div img {
  margin: 5px 0 10px 0;
}

.pardot-landing-content .plain-body-text div {
  margin: 10px auto 10px auto;
  background: #fff !important;
  border-radius: 4px;
  width: 80%;
  display: block;
  text-align: center;

}


.pardot-landing-subtitle b {
  font-weight: 600;
  color: #008ab4;
  text-shadow: 0 1px 0 #fff;
  background: rgba(0,138,180,.15);
  border-radius: 4px;
  padding: 10px 15px;
}
.pardot-landing-subtitle {
  font-size: 180%;
  color: rgba(0,0,0,.5) !important;
}
.pardot-landing-banner {
    padding: 40px 0 20px 0;
}







.form-iframe iframe {
    margin: 30px 20px;
    overflow: visible;
}



#portfolio.dreamforce-grid .portfolio-item .portfolio-image {
  border: 1px solid rgba(0,0,0,.05);
  margin: 0 auto !important;
  border-radius: 10px;
}
#portfolio.fancy-grid .portfolio-item:hover .portfolio-overlay {background-color: rgba(0,0,0,.5) !important; border-radius: 10px; border: none;}
#portfolio.fancy-grid .portfolio-item .portfolio-image:hover {border: none; }
#portfolio.fancy-grid .portfolio-item .portfolio-image {
  border: 1px solid rgba(0,0,0,.05);
  margin: 0 auto !important;
  border-radius: 10px;
}

h4.light {color: rgba(0,0,0,.2) !important; letter-spacing: .07em; font-weight: 200 !important;}

.industry-icons .feature-box .fbox-icon {margin: 0 auto !important;}
.industry-icons .container {padding: 0 100px;}  /*lcedit - pushed the icons closer together*/
.industry-icons .feature-box .fbox-icon img {width: 70px; height: 70px; margin: 0 auto !important;}
.industry-icons .feature-box h3 {padding: 0;}


.height-lock-500 {height: 500px; line-height: 500px;}
.height-lock-100 {height: 100px; line-height: 100px;}

.yt-bg-player .emphasis-title h1 {font-size: 320%; margin-top: 0 !important;}
.yt-bg-player p.emphasis-p {font-size: 160% !important; }




/* BACKGROUNDS */

.bg-dark-solid {
  color: #000 !important;
}

.gradient-vertical {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+50,f2f2f2+100 */
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(247,247,247,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 50%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 50%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */

}

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

}





.home-slider .emphasis-title h1 {
  font-size: 350% !important;
}

.home-slider .emphasis-p {font-size: 200% !important;}






.modal-xl {width: 95%;}


.member-wrapper p.small {font-size: 110%; padding: 10px 0;}
.member-wrapper p {text-align: center !important; font-size: 140%; line-height: 120% !important;}
.member-wrapper h3 {text-align: center !important;}
.member-wrapper label {padding-top: 20px; font-size: 120%;}
.member-wrapper .feature-box h3 {font-size: 200%;}
.member-wrapper i.icon-error { color: #d03238; margin: 0; padding: 0;}

.video-post-tail p {
  font-size: 130% !important;
  padding-top: 13px;
  }


#grid-boxes .heading-block {padding-right: 30px;}

#grid-boxes #boxes.portfolio-masonry .card-block a p {color: #777;}
#grid-boxes #boxes.portfolio-masonry .card-block:hover a p {color: #fff;}


.industry-slider .heading-block h5 {font-size: 180%; text-transform: uppercase;}
.industry-slider .heading-block p {
  font-size: 130%;
  width: 90%;
  margin: 0 auto 20px auto;
}


.action-footer h3 {font-size: 150%;}

.card-block.card-info .card  h3.headline-box {min-height: 100px !important;}
.card-block.card-info .card p {min-height: 150px !important;}

/*clears the small border after this section specifically */
.feature-stack .heading-block:after {
  margin-top: 0;
  border-top: 0; 
}



.career-list-box .iconlist li {padding-bottom: 15px;}
.career-list-box .iconlist i {color: #888;}
.career-list-box ul {margin-left: 40px; font-size: 140%;}
.career-list-box a {color: #999 !important; text-decoration: underline !important; }
.career-list-box a:hover {text-decoration: none !important;}
.career-list-box p {
  font-size: 150%;
  line-height: 180%;
  }
.career-list-box h3 {
  color: #777; text-shadow: 0 1px 0 #fff; 
  font-weight: 600 !important; text-transform: uppercase;
  border-bottom: 2px solid rgba(0,0,0,.07);
  margin-bottom: 15px;
  padding-bottom: 15px;
  display: block;
  font-size: 160%;
}
.career-list-box {
  line-height: 200% !important; 
  font-size: 80% !important; 
  color: #999; 
  padding: 30px 30px 10px 30px;
    background: rgba(0,0,0,.04);

}




.blog-fineprint ul {margin-left: 40px; font-size: 140%;}
.blog-fineprint a {color: #999 !important; text-decoration: underline !important; }
.blog-fineprint a:hover {text-decoration: none !important;}
.blog-fineprint p {padding: 0; }
.blog-fineprint p strong {
  color: #777; text-shadow: 0 1px 0 #fff; 
  font-weight: 600 !important; text-transform: uppercase;
  border-bottom: 2px solid rgba(0,0,0,.07);
  margin-bottom: 0;
  padding-bottom: 15px;
  display: block;
}
.blog-fineprint {
  line-height: 200% !important; 
  font-size: 80% !important; 
  color: #999; 
  padding: 30px 30px 10px 30px;
    background: rgba(0,0,0,.02) url('/images/grid.png') repeat; /* the alpha white fades the background image */

}

.blog-post .h-entry .description p img {
  width: 30% !important; 
  height: 30% !important;
}




.blog-post .description ul {margin-left: 70px; font-size: 140%;}
.blog-post .promo-special {background: none !important;}
.blog-post .promo-special button {margin-right: 36px;}


#posts.blog-grid .entry {min-height: 345px;}  
/* lcedit fix the grid issue on all posts in lists, locks up the masonry */
/*lcedit - back again in 11.12.18 and added 5px more to the height. Thanks Brian */


#posts.blog-grid .entry-title p {
  padding: 15px 0 5px 0; margin: 0 0 0 15px; color: rgba(0,0,0,.2); }
#posts.blog-grid .entry-title h2 {
  height: 110px;
  font-size: 105% !important;
  line-height: 140% !important;
  padding-top: 8px !important;
}

.label-default {background: rgba(0,0,0,.05); color: #999; font-weight: 100; padding: 5px 10px; }




/* ----------------------------------------------------------------
  benefits Boxes
-----------------------------------------------------------------*/

.benefits { position: relative; }

.benefits [class^=col-] {
  padding: 0;
  margin-top: 20px;
}


/* benefits Boxes
-----------------------------------------------------------------*/

.benefits-box {
  position: relative;
  border: 1px solid rgba(0,0,0,0.01);
  /*border-radius: 3px;*/
  text-align: center;
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  background: rgba(255,255,255,.8) url('/images/grid-light.png') repeat; /* the alpha white fades the background image */

}

.benefits-box:hover {
  box-shadow: none;

}


.benefits-box:hover .benefits-features
{
  background: rgba(0,0,0,.8) url('/images/grid-light.png') repeat;
}

.benefits-box:hover p,
.benefits-box:hover h3 {color: #fff; text-shadow: none;}

.benefits-box:hover .benefits-title {
  background: rgba(0,0,0,.8) url('/images/grid-light.png') repeat;

}

/* benefits Boxes - Title
-----------------------------------------------------------------*/

.benefits-title {
  padding: 20px 15px;
  background-color: #F9F9F9;
  /*border-radius: 3px 3px 0 0;*/
  /*text-shadow: 1px 1px 1px #FFF;*/
  /*border-bottom: 1px solid rgba(0,0,0,0.05);*/
  background: rgba(255,255,255,.9) url('/images/grid-light.png') repeat; /* the alpha white fades the background image */

}

.benefits-title h3 {
  margin: 0;
  font-size: 180%;
  line-height: 110%;
  letter-spacing: 0.02em;
  font-weight: 400;
  text-shadow: 0 1px 0px #fff;
}

.benefits-title span {
  display: block;
  color: #999;
  font-weight: 300;
  font-size: 14px;
  margin-top: 3px;
  text-transform: uppercase;
}


/* benefits Boxes - Price
-----------------------------------------------------------------*/

.benefits-price {
  position: relative;
  padding: 25px 0;
  color: #333;
  font-weight: 300;
  font-size: 64px;
  line-height: 1;
}

.benefits-price:after {
  content: '';
  position: absolute;
  width: 100px;
  /*border-top: 1px solid rgba(0,0,0,0.1);*/
  top: auto;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
}

.benefits-price span {
  display: inline-block;
  vertical-align: top;
  margin: 7px 3px 0 0;
  font-size: 28px;
  font-weight: normal;
}

.benefits-price span.price-tenure {
  vertical-align: baseline;
  font-size: 16px;
  font-weight: normal;
  color: #999;
  margin: 0 0 0 3px;
}


/* benefits Boxes - Features
-----------------------------------------------------------------*/

.benefits-features { 
  /*min-height: 275px; */  
  border-bottom: 1px solid rgba(0,0,0,0.075); }

.benefits-features p {
  text-align: left !important; 
  font-size: 120%;
  padding: 20px 30px 0px 30px;}

.benefits-features ul {
  margin: 0;
  padding: 15px 0;
  list-style: none;
}

.benefits-features li {
  padding: 6px 0;
  font-size: 14px;
}


/* benefits Boxes - Action
-----------------------------------------------------------------*/

.benefits-action { padding: 15px 30px; }


/* benefits Boxes - Standout
-----------------------------------------------------------------*/

.benefits-box.standout {
  background-color: #FFF;
  /*box-shadow: 0 0 8px rgba(0,0,0,0.1);*/
  z-index: 10;
}

.benefits-box.standout { margin: -20px -1px 0 -1px; }

.benefits-box.standout .benefits-title {
  background-color: #FFF;
  padding: 20px 0;
}

.benefits-box.standout .benefits-title h3 { /*font-size: 22px;*/ }

.benefits-box.standout .benefits-price {
  color: #1ABC9C;
  font-size: 72px;
}


/* benefits Boxes - Minimal
-----------------------------------------------------------------*/

.benefits-box.benefits-minimal .benefits-price {
  background-color: #FFF;
  border-bottom: 1px solid rgba(0,0,0,0.075);
}

.benefits-box.benefits-minimal .benefits-price:after { display: none; }


/* benefits Boxes - 5 Columns
-----------------------------------------------------------------*/

.benefits.benefits-5 .benefits-box {
  float: left;
  width: 20%;
  margin-top: 20px;
}

.benefits.benefits-5 .benefits-box.best-price { margin-top: 0; }

.benefits.benefits-5 .benefits-box:nth-child(5) { margin-left: -1px; }

.benefits.benefits-5 .benefits-title h3 { font-size: 18px; }

.benefits.benefits-5 .best-price .benefits-title h3 { font-size: 20px; }


/* benefits Boxes - Extended
-----------------------------------------------------------------*/

.benefits-box.benefits-extended {
  background-color: #FFF;
  text-align: left;
}

.benefits-box.benefits-extended .benefits-desc {
  float: left;
  width: 75%;
  padding: 25px;
}

.benefits-box.benefits-extended .benefits-title {
  background-color: transparent;
  padding-top: 0;
  text-align: left;
}

.benefits-box.benefits-extended .benefits-features { border: 0; }

.benefits-box.benefits-extended .benefits-features ul { padding: 15px 0 0 0; }

.benefits-box.benefits-extended .benefits-features li {
  padding: 6px 0;
  font-size: 15px;
  width: 50%;
  float: left;
}

.benefits-box.benefits-extended .benefits-features ul li i {
  position: relative;
  top: 1px;
  width: 16px;
  margin-right: 2px;
}

.benefits-box.benefits-extended .benefits-action-area {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  width: 25%;
  height: 100%;
  border-left: 1px solid rgba(0,0,0,0.05);
  background-color: #F9F9F9;
  padding: 30px;
  border-radius: 0 3px 3px 0;
  text-align: center;
}

.benefits-box.benefits-extended .benefits-action-area .benefits-price,
.benefits-box.benefits-extended .benefits-action-area .benefits-action { padding: 0; }

.benefits-box.benefits-extended .benefits-action-area .benefits-price { padding-bottom: 20px; }

.benefits-box.benefits-extended .benefits-action-area .benefits-price:after { display: none; }

.benefits-box.benefits-extended .benefits-action-area .benefits-price span.price-tenure {
  display: block;
  margin: 10px 0 0 0;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 14px;
}

.benefits-box.benefits-extended .benefits-meta {
  color: #999;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-bottom: 10px;
}





.plain-body-text-small h3 {font-size: 110%; font-style: italic; 
  text-align: left; color: #999; font-weight: 100; padding: 20px 0 0 0;}
.plain-body-text-small p {
  font-size: 100% !important;
  padding: 0 0 15px 0 !important;
  margin: 10px 0 0 0;
}
.plain-body-text-small ul {margin-left: 30px; font-size: 90%;}






.plain-body-text h3 {font-size: 110%; font-style: italic; 
  text-align: center; color: #999; font-weight: 100; padding: 20px 0 0 0;}
.plain-body-text p {
  font-size: 120%;
}
.plain-body-text ul {margin-left: 30px; font-size: 120%;}
.plain-body-text ul ul li {font-size: 85%; padding-bottom: 10px;}
.plain-body-text ul li {padding-bottom: 10px;}

.screen-door.dark .heading-block h1,
.screen-door.dark .heading-block h2,
.screen-door.dark .heading-block p {
  text-shadow: none !important;
}


#slider.slider-parallax .heading-block.heading-block-sm h2{
  font-size: 180% !important;
  margin: 80px 0 0 0;
  padding: 10px 0; 
  line-height: 140%;
}

#slider.slider-parallax .heading-block.heading-block-sm p 
{font-size: 90% !important;}


#slider.slider-parallax .heading-block .industry-header-description p {
  font-size: 125% !important;}

.short-card .card {
  height: 200px;
}

.mini-card h4 {
  font-size: 110%;
  padding: 20px 10px 10px 10px;
  color: #fff !important;
  line-height: 110% !important;
  text-transform: uppercase;
  margin: 0 !important;
  font-weight: 500; 
  min-height: 90px;

}
.mini-card {
  height: 150px;
  /*overflow: hidden;*/
  /*display: block;*/
  border-radius: 5px; 
}

.screen-door-dark,
.screen-door.dark {
  background-color: rgba(0,0,10,0.75) !important;
}
.screen-door.light {
  background-color: rgba(255,255,255,0.7)
}


.screen-door.light-very-high {background-color: rgba(255,255,255,0.95) !important}
.screen-door.light-high {background-color: rgba(255,255,255,0.9) !important}
    .screen-door.light-default {background-color: rgba(255,255,255,0.85) !important}
.screen-door.light-medium {background-color: rgba(255,255,255,0.7) !important}
.screen-door.light-low {background-color: rgba(255,255,255,0.55) !important}


.screen-door.dark-very-high {background-color: rgba(0,0,10,0.95) !important}
.screen-door.dark-high {background-color: rgba(0,0,10,0.9) !important}
.screen-door.dark-medium {background-color: rgba(0,0,10,0.8) !important}
.screen-door.dark-low {background-color: rgba(0,0,10,0.55) !important}




.light-very-high {background-color: rgba(255,255,255,0.95) !important}
.light-high {background-color: rgba(255,255,255,0.9) !important}
.light-default {background-color: rgba(255,255,255,0.85) !important}
.light-medium {background-color: rgba(255,255,255,0.7) !important}
.light-low {background-color: rgba(255,255,255,0.55) !important}


.dark-very-high {background-color: rgba(0,0,10,0.95) !important}
.dark-high {background-color: rgba(0,0,10,0.9) !important}
.dark-medium {background-color: rgba(0,0,10,0.8) !important}
.dark-low {background-color: rgba(0,0,10,0.55) !important}




 
.light-high.blog-light-high {background-color: rgba(255,255,255,0.8) !important; color: #fff;} 
.light-high.blog-light-medium {background-color: rgba(255,255,255,0.6) !important; color: #fff;}
.light-high.blog-light-low {background-color: rgba(255,255,255,0.4) !important; color: #fff;} 
.light-high.blog-dark-high {background-color: rgba(0,0,10,0.8) !important}
.light-high.blog-dark-medium {background-color: rgba(0,0,10,0.6) !important}
.light-high.blog-dark-low {background-color: rgba(0,0,10,0.4) !important}


.light-high.blog-light-high h1,
.light-high.blog-light-high h2,
.light-high.blog-light-high p,
.light-high.blog-light-medium h1,
.light-high.blog-light-medium h2,
.light-high.blog-light-medium p,
.light-high.blog-light-low h1,
.light-high.blog-light-low h2,
.light-high.blog-light-low p {color: #222 !important;}


.light-high.blog-dark-high h1,
.light-high.blog-dark-high h2,
.light-high.blog-dark-high p,
.light-high.blog-dark-medium h1,
.light-high.blog-dark-medium h2,
.light-high.blog-dark-medium p,
.light-high.blog-dark-low h1,
.light-high.blog-dark-low h2,
.light-high.blog-dark-low p {text-shadow: none !important; color: #fff;}







#slider.dark .heading-block h1,
#slider.dark .heading-block h2,
#slider.dark .heading-block p {text-shadow: none !important;}


h2.headline-box {font-size: 250% !important; font-weight: 600 !important;}


.pricing-extended.solution-card .pricing-title h3 .pricing-title-card
 {
  color: #777 !important;
  text-transform: none !important;
  font-size: 220% !important;
  font-weight: 300;
  }


#oc-clients-full {background: #fff;}



/*client name */
.fslider.testimonial-home .slide h2 {
    font-size: 170% !important;
    font-weight: 600 !important;
    letter-spacing: 0;
    color: rgba(0,0,0,.75) !important;
}


/*job title */
.fslider.testimonial-home .slide span {
  font-size: 120% !important;
  color: rgba(0,0,0,.45) !important;
  line-height: 110%; 
}

 /*client company */
.fslider.testimonial-home .slide h3 {
    font-size: 190% !important;
    padding: 10px 0 0 0 !important;
    margin: 0 !important;
    color: rgba(0,0,0,.2) !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}


.fslider.testimonial-home .slide p {
    font-size: 150% !important;
}
.fslider.testimonial-home img {
  border-bottom: 1px dotted #bbb;
}


.fslider.testimonial-home .name-tag { 
      display: block; 
      font-size: 95%;
      text-align: right; 
      padding: 20px 14px; 
      margin: 0;
      color: #333;
  }




/*job title */
.fslider.testimonial-subpage .slide span {
  font-size: 110% !important;
  line-height: 110%; 
  text-transform: uppercase;
  color: #888;
  font-weight: 500;
  font-style: italic;

}


/*job title */
.fslider.testimonial-subpage .slide .company {
  font-size: 120% !important; 
  line-height: 150%;  
  font-weight: 600;
  text-transform: none;
    color: #666 !important;

}

 /*client  */
.fslider.testimonial-subpage .slide h3 {
    font-size: 150% !important;
    padding: 10px 0 0 0 !important;
    margin: 0 !important;
    color: rgba(0,0,0,.5) !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}


.fslider.testimonial-subpage .slide p {
    font-size: 120% !important;
    padding: 20px 50px 0 0; 
}
.fslider.testimonial-subpage img {
  border-bottom: 1px dotted #bbb;
}


.fslider.testimonial-subpage .name-tag { 
      display: block; 
      font-size: 95%;
      text-align: right; 
      padding: 20px 14px; 
      margin: 0;
      color: rgba(0,0,0,.4);
  }

/* GRID BOXES  */

#grid-boxes .card-block .card img {
  width: 100%;   /*fit to the box dammit - keeping only width so the ratio isnt locked */
  }



#grid-boxes .card-block .card h3 {
  font-size: 270% !important;
  padding: 30px 10px 20px 10px;
  margin: 0;
}
#grid-boxes .card-block .card h3.headline-box em{ 
  font-size: 80% !important;
  padding: 20px;
  line-height: 50% !important; 
  font-style: normal; 
  font-weight: 100 !important; 
  color: #888
}
#grid-boxes .card-block .card p { 
  font-size: 110%;
  text-align: left;
  padding: 10px 30px;

}





#grid-boxes #boxes.portfolio-2 .card p { 
  font-size: 170%;
  padding: 40px;
  text-align: center;

}


#grid-boxes #boxes.portfolio-2 .card-block .card h4 {
  font-size: 140% !important;
  padding: 20px;
  text-transform: uppercase;
  margin: 0 30px 10px 30px;
  font-weight: 100;
  background: rgba(0,0,0,.5);
  color: #fff;
}

#grid-boxes #boxes.portfolio-2 .card p { 
  font-size: 170%;
  padding: 40px;
  text-align: center;

}


#grid-boxes #boxes.portfolio-2 .card-block .card h4 {
  font-size: 140% !important;
  padding: 20px;
  text-transform: uppercase;
  margin: 0 30px 10px 30px;
  font-weight: 100;
  background: rgba(0,0,0,.5);
  color: #fff;
}


#grid-boxes #boxes.portfolio-masonry .card-block .card h4 {
  font-size: 110% !important;
  padding: 15px 10px;
  text-transform: uppercase;
  margin: 10px;
  font-weight: 100;
  background: rgba(0,0,0,.5);
  color: #fff;
}


#grid-boxes.boxes-simple .portfolio-item .card-block .card h3.headline-box
{
  text-transform: uppercase;
  font-size: 150% !important;
  font-weight: 600;
}



#grid-boxes .card-block .card h3.headline-box {
  text-transform: uppercase;
  font-size: 200%;
  font-weight: 600;
  color: #666;
}







/*
#grid-boxes .card-block .card:hover h3.headline-box {
  border-top: 2px solid rgba(255,255,255,.8);

}
*/



#grid-boxes .card-block.card-info a.button-light:hover {
  background: #eee !important; text-shadow: none !important; 
}
#grid-boxes .card-block.card-info a.button-light {
  background: rgba(0,0,0,.2);}




#grid-boxes .card-block.card-info .action { 
  /*margin: 0 20px;*/
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 40px;
}


#boxes.boxes-buttons .card-block.card-info p {
  font-size: 130%;
  text-align: center;
  padding-bottom: 10px;
  min-height: 110px;  /*sets the height to be more consistent. I dont love this method */
}


#boxes.boxes-buttons .card-block.card-info .card .action {
  position: static;
}


#boxes.boxes-buttons .card-block.card-info h3.headline-box {
    min-height: 10px; /*a failsafe in case its empty*/
}



#grid-boxes .card-block.card-info h3.headline-box {
    font-size: 120% !important;
    font-weight: 200;
    color: #999;
    padding-bottom: 10px;
    min-height: 130px;  /*gives the header more even spacing with two lines, and overflows for more if needed*/
}

#grid-boxes .card-block.card-info h3.headline-box span {
    font-size: 100% !important;
    font-weight: 600 !important;
    display: block;
    padding: 10px 0; 
}


#grid-boxes .card-block.card-info {
  border-top: 3px solid #008ab4;
}

#grid-boxes .card-block.card-info p {
    padding: 0px 30px;
    line-height: 130%;
    margin: 0;
}

#grid-boxes .card-block.card-info .card {border: 0; }


#boxes.boxes-buttons .card-block .card {
  min-height: 150px !important;
}

#grid-boxes.shortcard .card-block .card {
  min-height: 350px !important;
}

#grid-boxes .card-block .card {
  background: rgba(255,255,255,.9) url('/images/grid.png') repeat !important; /* the alpha white fades the background image */
  min-height: 450px;
  border: 1px solid rgba(255,255,255,.9);  /*this cleans up the edges when the grid dots background misses a pixel*/
  }



#grid-boxes .card .iconlist ul {
  padding: 10px;
}
#grid-boxes .card .iconlist li  {
  font-size: 120%;
  line-height: 120%;
  padding-bottom: 10px;
  text-align: left;}


#grid-boxes .card .iconlist li a {color: #555 !important;}

#grid-boxes .card-block:hover .card li,
#grid-boxes .card-block:hover .card li a {color: #fff !important;}

#grid-boxes .card .iconlist li a:hover {
  text-decoration: underline !important;
  }



#grid-boxes .card-block:hover {
  box-shadow: 0 0px 20px rgba(0,0,0,.2);
}


#grid-boxes .card-block .card:hover {
  background: rgba(0,0,0,.8) url('/images/grid.png') repeat !important;
  }

#grid-boxes .card-block .card:hover a.button {background: #008ab4;}  

#grid-boxes .card-block .card:hover h3,
#grid-boxes .card-block .card:hover p 
  {color: #fff;}


#slider.industry-slider,
#slider.super-header {
  box-shadow: none !important;
}
#slider.super-header p {
  font-size: 130%;
  margin-bottom: 0;
  padding: 10px 40px;
}

#slider.super-header h5 {
  font-size: 150% !important;
  line-height: 110% !important;
  padding: 10px 0 0 30px;
  text-transform: uppercase;
  color: #666;

  }

#slider.super-header h2 {
  letter-spacing: .01em !important; 
  font-size: 450% !important; 
  padding-left: 30px;
  margin: 0;
  line-height: 100%;} 






/*lcedit */
.feature-list .feature-box.fbox-center .fbox-icon {
  width: 200px !important;
  height: 120px !important;  /*Makes this have a hard ratio*/
}



.feature-list .fbox-square {} 




.feature-box.fbox-center.fbox-square h3 {
  font-size: 120% !important; 
  font-weight: 400 !important;
}

.heading-block.smaller p {font-size: 130% !important; text-shadow: 0px 1px 0px rgba(255,255,255,.5) !important;}



.fslider.twitter-scroll.twitter-feed {background: rgba(0,0,0,.05);}
.fslider.twitter-scroll.twitter-feed i {
  /*height: 200px !important;*/
  width: 200px !important;
  font-size: 700%;
}


/*card blocks - offices */

.slide.gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

#offices .card-block .card h3.headline-box em {
  font-style: normal; font-weight: 100 !important; color: #888}

#offices .card-block .card h3.headline-box {
  text-transform: uppercase;
  font-size: 200%;
  font-weight: 600;
  color: #666;

}

#offices .card-block .card:hover h3.headline-box {
  border-top: 2px solid rgba(255,255,255,.8);

}





#offices .card-block .card {
  background: rgba(255,255,255,.9) url('/images/grid.png') repeat !important; /* the alpha white fades the background image */
  min-height: 450px;
  
  border: 1px solid rgba(255,255,255,.9);
  }



#offices .card .iconlist ul {
  padding: 10px;
}
#offices .card .iconlist li  {
  font-size: 120%;
  line-height: 120%;
  padding-bottom: 10px;
  text-align: left;}


#offices .card .iconlist li a {color: #555 !important;}

#offices .card-block:hover .card li,
#offices .card-block:hover .card li a {color: #fff !important;}

#offices .card .iconlist li a:hover {
  text-decoration: underline !important;
  }



#offices .card-block:hover {
  box-shadow: 0 0px 20px rgba(0,0,0,.2);
}


#offices .card-block .card:hover {
  background: rgba(0,0,0,.7) url('/images/grid.png') repeat !important;
  }

#offices .card-block .card:hover h3 {color: #fff;}









/* card blocks - offices wrapper */


#grid-boxes.offices-wrapper .card-block .card h3.headline-box em {
  font-style: normal; font-weight: 100 !important; color: #888}

#grid-boxes.offices-wrapper .card-block .card h3.headline-box {
  text-transform: uppercase;
  font-size: 200% !important;
  font-weight: 600;
  color: #666;

}

#grid-boxes.offices-wrapper .card-block .card:hover h3.headline-box {
  border-top: 2px solid rgba(255,255,255,.8);

}





#grid-boxes.offices-wrapper .card-block .card {
  background: rgba(255,255,255,.9) url('/images/grid.png') repeat !important; /* the alpha white fades the background image */
  min-height: 450px;
  
  border: 1px solid rgba(255,255,255,.9);
  }



#grid-boxes.offices-wrapper .card .iconlist ul {
  padding: 10px;
}
#grid-boxes.offices-wrapper .card .iconlist li  {
  font-size: 100% !important;
  line-height: 120%;
  padding-bottom: 10px;
  text-align: left;}


#grid-boxes.offices-wrapper .card .iconlist li a {color: #555 !important;}

#grid-boxes.offices-wrapper .card-block:hover .card li,
#grid-boxes.offices-wrapper .card-block:hover .card li a {color: #fff !important;}

#grid-boxes.offices-wrapper .card .iconlist li a:hover {
  text-decoration: underline !important;
  }



#grid-boxes.offices-wrapper .card-block:hover {
  /*box-shadow: 0 0px 20px rgba(0,0,0,.2);*/
}


#grid-boxes.offices-wrapper .card-block .card:hover {
  background: rgba(0,0,0,.7) url('/images/grid.png') repeat !important;
  }

#grid-boxes.offices-wrapper .card-block .card:hover h3 {color: #fff;}




















/*contact us tweaks */

.location-grid .feature-box h3 span {display: block; font-weight: 100 !important; font-size: 160%; line-height: 100%;}
.location-grid .iconlist li  {
  font-size: 120%;
  line-height: 120%;
  padding-bottom: 10px;}

.location-grid .iconlist li i,
.location-grid .iconlist li a {color: #555;}

.location-grid .iconlist li a:hover,
#map-overlay #contact-form-overlay-mini .iconlist li a:hover {
  text-decoration: underline !important;}

#map-overlay #contact-form-overlay-mini .iconlist li a {
  color: #555;
  font-size: 150%;
}

#map-overlay #contact-form-overlay-mini .iconlist li {
  line-height: 140%;
  padding: 10px !important;
  border-bottom: 1px dotted #ccc;
  text-align: center;
}

#map-overlay #contact-form-overlay-mini .iconlist li.last {
  border-bottom: none !important;
}

#map-overlay #contact-form-overlay-mini .iconlist {
  margin: 0 !important;
}



#map-overlay #contact-form-overlay-mini h3 {
  background: none !important;
  text-align: center !important;
}





/*blog post styling */
.e-content {padding: 40px 20px;}



#page-menu-wrap.page-cap .subtitle span{
  display: block;
  font-size: 120%; 
  font-weight: 100; 
  margin: -10px 0 5px 0;
  text-shadow: 0 1px 0px rgba(255,255,255,.4);

}
#page-menu-wrap.page-cap .subtitle{
  font-size: 110%;
  color: rgba(0,0,0,.3);
  line-height: 110%;
  text-shadow: 0 1px 0px rgba(255,255,255,.4);
padding: 20px 0 10px 0;

} 

/*
#page-menu-wrap.page-cap .row {
  padding: 3px 0 0 3px !important; 
}
*/

#page-menu .page-cap {
  background: rgba(250,250,250,.9);
}
#page-menu .page-cap span {
    color: #999;
    font-weight: 100;
    text-shadow: none;
    font-size: 80%;

}


.card-grid-home {
padding-top: 20px;
border-top: 1px solid rgba(0,0,0,.1); 
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+36,ffffff+62,f7f7f7+100 */
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(247,247,247,1) 0%, rgba(255,255,255,1) 36%, rgba(255,255,255,1) 62%, rgba(247,247,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(247,247,247,1)), color-stop(36%,rgba(255,255,255,1)), color-stop(62%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 62%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 62%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 62%,rgba(247,247,247,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 36%,rgba(255,255,255,1) 62%,rgba(247,247,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */

}

.blog-grid-home {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,f6f6f6+53,ffffff+100 */
background: rgb(247,247,247) !important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(53%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ) !important; /* IE6-9 */


}



#posts.grid-3 .entry:hover {
  background: #fff !important; 
  box-shadow: 0 0px 20px rgba(0,0,0,.05);
}
#posts.grid-3 .entry { 
  padding: 0 !important;
  margin-bottom: 30px !important;}
#posts.grid-3 .entry .entry-title h2 {padding: 20px 15px;}
#posts.grid-3 .entry .entry-title h2 a {
  font-size: 120%; 
  font-weight: 100;
  }
#posts.grid-3 .entry .entry-image {margin: 0 !important}

.e-content p {font-size: 160%; font-weight: 100 !important;}
article.h-entry img {padding: 40px 0 20px 20px; /*to match the padding in the text above*/ 
}


.whiteout {
background: rgba(255,255,255,.85);
}




#copyrights .team .team-desc a {margin: 0 !important; }
.heading-block-sm {
  padding: 0 !important; /*gets it lined up vertically*/
  font-size: 140% !important;
}


.post-grid.grid-2 .entry-title h2 a { 
  font-size: 150%;
  line-height: 250%;
  font-weight: 100;
 }

.post-grid.grid-2 .entry-title h2 { 
  padding: 0;
  margin: 0;

  background: rgba(0,0,0,.02) !important;
 }

.section.video-grid #posts.post-grid .entry {
  padding: 0;
}



#posts.product-grid .entry {background-color: ; padding: 0 !important; margin-bottom: 30px !important;}

#posts.product-grid .entry-image {padding: 0px !important; margin: 0 0 10px 0 !important;  }
#posts.product-grid .entry-title {padding: 0px !important; margin: 0 !important; }
#posts.product-grid .entry-content {padding: 0px !important; margin: 0 !important; }

#posts.product-grid .entry-title h2 {padding: 4px 0px !important;}
#posts.product-grid .entry-content p {padding: 5px 0 !important; margin: 0 !important;}
#posts.product-grid .entry-content a.more-link {}






.portfolio-item h2 {
  border-bottom: 1px solid rgba(0,0,0,.07);
  padding-bottom: 20px !important;
  margin: 0 20px 20px 20px;
}
.portfolio-item h2 img {
  margin: 0 auto; 
  text-align: center; 
}

.quote p {
  font-size: 130% !important;
  padding-right: 100px;
}



.feature-timeline #posts.post-timeline .entry .entry-title h2 {
  font-size: 250% !important;
  background: transparent !important;
  color: #555 !important;
}









.community-post .post-meta {text-align: right;}
.community-post .post-image {}
.community-post .post-content {}
.community-post .post-tags {}


#posts.process-library .entry-timeline i {
  font-size: 150%;
}
#posts.process-library .entry-timeline {
  font-size: 200%;
  top: 15px;  /*sets the vertical height of the marker*/
}



#posts.process-library .entry-subtitle-subwrap {
  padding: 10px 0px 10px 25px;}


#posts.process-library .entry-meta {
  
  padding: 2px 0;
  margin: 0;
}
#posts.process-library .entry-title h2 {font-size: 200% !important;}

#posts.process-library .entry-border {
  /*border-left: 1px dashed #008ab4;*/
  padding-left: 20px;
}
#posts.process-library .entry-content p {
  padding-bottom: 15px;
}

#posts.process-library .entry-subtitle:hover {background: rgba(0,138,180,.07);}


#posts.process-library .entry-subtitle {
  font-weight: 500;
  font-size: 110%;
  padding: 8px 10px;
  background: rgba(0,0,0,.02);
  margin-bottom: 0px;
}
#posts.process-library .entry-subtitle-wrap {
  padding-bottom: 25px;}

#posts.process-library .entry-date-section span {
  float: left !important;
  background: rgba(0,0,0,.05);
  font-size: 200%;
}



#posts.process-library .super-meta a,
#posts.process-library .super-meta i
 {
  font-size: 120% !important;
}







.pricing-box.pricing-extended .pricing-meta {
  margin-top: 40px;
}

.pricing-action-area h5 {font-size: 170% !important;}

.pricing-box .pricing-title h3 {
  letter-spacing: -.01em;
  min-height: 400px;
  }




.pricing-box .pricing-title h3 .pricing-title-card {
  background: rgba(255,255,255,.9);
  box-shadow: 0px 5px 10px rgba(0,0,0,.1);
  padding: 20px;
  /*font-size: 90% !important;*/
  font-weight: 300 !important;
  line-height: 110%;
  }


.pricing-box h5 {
  font-size: 120%;
    line-height: 120%;
    font-weight: 500;
  margin: 20px 0 10px 0 !important;
}
.pricing-box .pricing-title {
  font-size: 120%;
  width: 65%; /*this is the same width as the pricing-desc*/
  }

.pricing-box .pricing-title span {
  font-size: 120%; color: #555;
}







.section .heading-block h3 {line-height: 100%;}

.process-library-timeline .post-timeline .entry-title h2 {
  text-align: left !important;

  
  }



.process-library-timeline .post-timeline .entry-content {
  margin: 0 !important;
  padding: 10px 0 !important;
}


.process-library-timeline .post-timeline .entry-content p{
  font-size: 120% !important; 
  margin: 0px !important;

}

.fbox-square h3 {font-size: 140% !important; line-height: 130%;}


#copyrights .fineprint p { 
  color: rgba(255,255,255,.7);
  line-height: 130%;
  font-weight: 100 !important;
  font-size: 110%;
 }

img.logo-border-right {
  margin-top: 5px;
  padding-right: 18px;
  border-right: 1px solid rgba(255,255,255,.1);
}




/* Testimonials */

.fslider.testimonial-full {
  /*border: 0 !important;*/
  border-radius: 0 !important;
  /*background-color: yellow !important;*/
  padding: 0 !important;
  margin: 0 !important;
}
.testi-content p {
  font-size: 170%; 
  font-style: normal !important;
  letter-spacing: -.02em !important;
  width: 80%;
  margin: 0 auto;
  line-height: 120% !important;
  padding: 70px 0 0 40px;
  text-align: left;
  }





.heading-block h3 {
  text-transform: none !important;
  color: #555 !important;
  font-size: 350% !important;
  font-weight: 300 !important;
  }



.feature-section .feature-box h3 {
  font-weight: 400 !important;
 text-transform: none !important;
 letter-spacing: 0em;
 font-size: 160% !important;
 color: #555;
  }




#page-title.page-title-right { font-size: 1000% !important; }



#slider .feature-box h2 {line-height: 88% !important;}
#slider .feature-box h4 {
  line-height: 100% !important; 
  text-transform: uppercase; 
  color: #777; 
  font-weight: 600;
  padding: 10px 0 5px 0;
}
#slider .feature-box h3 {font-size: 120%; color: #fff; font-weight: 600 !important; }

#primary-menu li a {
  color: rgba(255,255,255,.8) !important;}
#primary-menu li.nohover a:hover .button {
  text-shadow: none;
  color: #fff;
}


h4.modal-title {
font-size: 250%; 
text-transform: uppercase; 
font-weight: 200; 
color: #fff;
padding-left: 25px;
 }
.modal-header {background-color: #008ab4;}
/*.modal-header i {font-size: 150% !important; padding-top: 10px;}*/
.modal-body {padding: 40px;}


.dark-ribbon {background: #008ab4; padding: 50px 0 30px 0; margin-top: -80px;}

.emphasis-title h1 {margin-top: 130px !important;}


.section h2 {
  text-transform: none !important;
  font-size: 400%;
  line-height: 150%;

}

p.light {
  color: #bbb;
  font-weight: 100;
}







 .post-timeline .entry-title h2 {font-size: 250% !important; 
  text-transform: none !important; 
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
  color: #2C2D2E !important;
  text-align: center !important;}


.post-timeline .entry-content p {font-size: 150% !important; line-height: 130% !important; font-weight: 200 !important;}
.post-timeline .panel-body {font-size: 200%; padding: 40px; 
  border-bottom: 20px solid #008ab4;
  border-top: 20px solid #008ab4;
  border-left: 1px solid #008ab4;
  border-right: 1px solid #008ab4;
}


.widget_links li a {border-left: 2px solid #008ab4; background: transparent !important;}
.widget_links a {font-size: 130% !important; color:rgba(255,255,255,.7) !important; }
.widget_links ul li:hover {background: rgba(255,255,255,.1);}
.widget_links h4 {text-transform: uppercase; letter-spacing: 1px;}


.post-grid .entry-title h2 {font-size: 140% !important; 
  font-weight: 500 !important; 
  text-transform: none;
  letter-spacing: .02em;
  line-height: 120%;
  }


#side-panel-trigger i {font-size: 200% !important;}
.nav-tree a {
  letter-spacing: .02em !important;
  font-weight: 100 !important; 
  color: #fff !important; 
}



.custom-page-video {margin: 40px 100px;} 
.video-padded {padding: 0 80px; }
.video-container-tight {padding: 0 200px; }

.page-video,
.blog-video {padding: 0 100px; }

.page-video,
.blog-video .embed-responsive {border: 2px solid rgba(0,0,0,.05);}



article .blog-video .mobile-title {
  font-size: 180%;
  line-height: 120%;
  margin: 0 0 20px 0;
  padding: 0;
}



.color-base {background: url('images/landing/clouds.jpg');}  /*footer color pivots off of this base with alpha transparency*/


.button-special { background-color: #1C1342 !important; }
.button-3d.button-special:hover,
.button-reveal.button-special:hover { background-color: #2C2D2E !important; }





/* ----------------------------------------------------------------
  Industry Color Themed
-----------------------------------------------------------------*/



/*

This add a color-matching border to the bottom of the nav, but right now its also
giving a bottom border to all the subnav ancestors menu as well.  ugly.  So its off.

.industry-communications #primary-menu > ul > li.ancestor a, 
.industry-communications #header.industry
{border-bottom: 3px solid #F67828 !important;}
.industry-insurance #primary-menu > ul > li.ancestor a,
.industry-insurance #header.industry
{border-bottom: 3px solid #55943B !important;}
.industry-health-insurance #primary-menu > ul > li.ancestor a,
.industry-health-insurance #header.industry
{border-bottom: 3px solid #d03238 !important;}
.industry-public-sector #primary-menu > ul > li.ancestor a,
.industry-public-sector #header.industry
{border-bottom: 3px solid #005486 !important;}

*/


.industry-refresh section#page-title h2 p strong,
.industry-refresh section#page-title h2 p b {color: #008ab4 !important;}

.industry-dental-insurance .iconlist-color li i
{color: #EC008C !important;}
.industry-energy .iconlist-color li i
{color: #f8ca56 !important;}
.industry-communications .iconlist-color li i
{color: #F67828 !important;}
.industry-insurance .iconlist-color li i
{color: #55943B !important;}
.industry-health-insurance .iconlist-color li i
{color: #d03238 !important;}
.industry-public-sector .iconlist-color li i
{color: #005486 !important;}
.industry-energy .iconlist-color li i
{color: #f8ca56 !important;}




.industry-dental-insurance .iconlist-color li i
{color: #EC008C !important;}
.industry-energy .iconlist-color li i
{color: #f8ca56 !important;}
.industry-communications .iconlist-color li i
{color: #F67828 !important;}
.industry-insurance .iconlist-color li i
{color: #55943B !important;}
.industry-health-insurance .iconlist-color li i
{color: #d03238 !important;}
.industry-public-sector .iconlist-color li i
{color: #005486 !important;}
.industry-energy .iconlist-color li i
{color: #f8ca56 !important;}


.industry-dental-insurance .mini-card a.button
{background-color: #EC008C !important;}
.industry-energy .mini-card a.button
{background-color: #f8ca56 !important;}
.industry-communications .mini-card a.button
{background-color: #F67828 !important;}
.industry-insurance .mini-card a.button
{background-color: #55943B !important;}
.industry-health-insurance .mini-card a.button
{background-color: #d03238 !important;}
.industry-public-sector .mini-card a.button
{background-color: #005486 !important;}




h2.headline-box.industry-dental-insurance span
{color: #EC008C !important;}
h2.headline-box.industry-energy span
{color: #f8ca56 !important;}
h2.headline-box.industry-communications span
{color: #F67828 !important;}
h2.headline-box.industry-insurance span
{color: #55943B !important;}
h2.headline-box.industry-health-insurance span
{color: #d03238 !important;}
h2.headline-box.industry-public-sector span
{color: #005486 !important;}



.industry-dental-insurance #slider.super-header h2.industry-color
{color: #EC008C !important;}
.industry-energy #slider.super-header h2.industry-color
{color: #f8ca56 !important;}
.industry-communications #slider.super-header h2.industry-color
{color: #F67828 !important;}
.industry-insurance #slider.super-header h2.industry-color
{color: #55943B !important;}
.industry-health-insurance #slider.super-header h2.industry-color
{color: #d03238 !important;}
.industry-public-sector #slider.super-header h2.industry-color
{color: #005486 !important;}




/* ============ Subheader Hover For Industries ============  */

#wrapper.industry-dental-insurance #page-menu .button-bar a.button:hover
{background: #fff !important; text-shadow: none !important; color: #EC008C !important;}
#wrapper.industry-energy #page-menu .button-bar a.button:hover
{background: #fff !important; text-shadow: none !important; color: #f8ca56 !important;}
#wrapper.industry-communications #page-menu .button-bar a.button:hover
{background: #fff !important; text-shadow: none !important; color: #F67828 !important;}
#wrapper.industry-insurance #page-menu .button-bar a.button:hover
{background: #fff !important; text-shadow: none !important; color: #55943B !important;}
#wrapper.industry-health-insurance #page-menu .button-bar a.button:hover
{background: #fff !important; text-shadow: none !important; color: #d03238 !important;}
#wrapper.industry-public-sector #page-menu .button-bar a.button:hover
{background: #fff !important; text-shadow: none !important; color: #005486 !important;}





/* ============ Special Menu Hover For Industries ============  */

#wrapper.industry-dental-insurance #primary-menu > ul > li > ul > li.current a
{background-color: #EC008C !important;}
#wrapper.industry-energy #primary-menu > ul > li > ul > li.current a
{background-color: #f8ca56 !important;}
#wrapper.industry-communications #primary-menu > ul > li > ul > li.current a
{background-color: #F67828 !important;}
#wrapper.industry-insurance #primary-menu > ul > li > ul > li.current a
{background-color: #55943B !important;}
#wrapper.industry-health-insurance #primary-menu > ul > li > ul > li.current a
{background-color: #d03238 !important;}
#wrapper.industry-public-sector #primary-menu > ul > li > ul > li.current a
{background-color: #005486 !important;}




#posts.industry-dental-insurance .entry-content a.more-link:hover
{background-color: #EC008C !important; color: #fff !important;}

#posts.industry-energy .entry-content a.more-link:hover
{background-color: #f8ca56 !important; color: #fff !important;}

#posts.industry-communications .entry-content a.more-link:hover
{background-color: #F67828 !important; color: #fff !important;}
#posts.industry-insurance .entry-content a.more-link:hover
{background-color: #55943B !important; color: #fff !important;}
#posts.industry-health-insurance .entry-content a.more-link:hover
{background-color: #d03238 !important; color: #fff !important;}
#posts.industry-public-sector .entry-content a.more-link:hover
{background-color: #005486 !important; color: #fff !important;}



#posts.industry-dental-insurance .entry-content a.more-link,
#posts.industry-dental-insurance .entry-title h2 a,
.industry-dental-insurance h3 
  {color: #EC008C !important;}


#posts.industry-energy .entry-content a.more-link,
#posts.industry-energy .entry-title h2 a,
.industry-energy h3 
  {color: #f8ca56 !important;}



#posts.industry-communications .entry-content a.more-link,
#posts.industry-communications .entry-title h2 a,
.industry-communications h3 
  {color: #F67828 !important;}

#posts.industry-insurance .entry-content a.more-link, 
#posts.industry-insurance .entry-title h2 a,
.industry-insurance h3 
  {color: #55943B !important;}

#posts.industry-health-insurance .entry-content a.more-link,
#posts.industry-health-insurance .entry-title h2 a,
.industry-health-insurance h3 
  {color: #d03238 !important;}

#posts.industry-public-sector .entry-content a.more-link,
#posts.industry-public-sector .entry-title h2 a,
.industry-public-sector h3 
  {color: #005486 !important;}



.industry-dental-insurance .pricing-box .pricing-features ul li i,
.industry-dental-insurance .pricing-box h5
 {color: #EC008C !important;}


.industry-energy .pricing-box .pricing-features ul li i,
.industry-energy .pricing-box h5
 {color: #f8ca56 !important;}

.industry-communications .pricing-box .pricing-features ul li i,
.industry-communications .pricing-box h5
 {color: #F67828 !important;}
.industry-insurance .pricing-box .pricing-features ul li i,
.industry-insurance .pricing-box h5
 {color: #55943B !important;}
.industry-health-insurance .pricing-box .pricing-features ul li i,
.industry-health-insurance .pricing-box h5
 {color: #d03238 !important;}
.industry-public-sector .pricing-box .pricing-features ul li i,
.industry-public-sector .pricing-box h5
 {color: #005486 !important;}





.industry-dental-insurance .pricing-box .pricing-title h3
 {color: #EC008C !important;
  text-transform: none !important;
  font-size: 250%;
  font-weight: 300;
  }


.industry-energy .pricing-box .pricing-title h3
 {color: #f8ca56 !important;
  text-transform: none !important;
  font-size: 250%;
  font-weight: 300;
  }


.industry-communications .pricing-box .pricing-title h3
 {color: #F67828 !important;
  text-transform: none !important;
  font-size: 250%;
  font-weight: 300;
  }
.industry-insurance .pricing-box .pricing-title h3
 {color: #55943B !important;
  text-transform: none !important;
  font-size: 250%;
  font-weight: 300;
  }
.industry-health-insurance .pricing-box .pricing-title h3
 {color: #d03238 !important;
  text-transform: none !important;
  font-size: 250%;
  font-weight: 300;
  }
.industry-public-sector .pricing-box .pricing-title h3
 {color: #005486 !important;
  text-transform: none !important;
  font-size: 250%;
  font-weight: 300;
  }



.industry-dental-insurance #slider .heading-block span
 {color: #EC008C !important;}
 .industry-energy #slider .heading-block span
 {color: #f8ca56 !important;}

.industry-communications #slider .heading-block span
 {color: #F67828 !important;}
.industry-insurance #slider .heading-block span
 {color: #55943B !important;}
.industry-health-insurance #slider .heading-block span
 {color: #d03238 !important;}
.industry-public-sector #slider .heading-block span
 {color: #005486 !important;}


.industry-communications .heading-block h1,
.industry-communications .heading-block h2
 {color: #F67828 !important;
  font-weight: 700 !important;}
.industry-insurance .heading-block h1,
.industry-insurance .heading-block h2
 {color: #55943B !important;
  font-weight: 700 !important;}
.industry-health-insurance .heading-block h1,
.industry-health-insurance .heading-block h2
 {color: #d03238 !important;
  font-weight: 700 !important;}
.industry-public-sector .heading-block h1,
.industry-public-sector .heading-block h2
 {color: #005486 !important;
  font-weight: 700 !important;}




.industry-dental-insurance .feature-box.fbox-square img
 {/*border: 2px solid #F67828 !important;*/ background: transparent;}

.industry-energy .feature-box.fbox-square img
 {/*border: 2px solid #F67828 !important;*/ background: transparent;}

.industry-communications .feature-box.fbox-square img
 {/*border: 2px solid #F67828 !important;*/ background: transparent;}
.industry-insurance .feature-box.fbox-square img
 {/*border: 2px solid #55943B !important;*/ background: transparent;}
.industry-health-insurance .feature-box.fbox-square img
 {/*border: 2px solid #d03238 !important;*/ background: transparent;}
.industry-public-sector .feature-box.fbox-square img
 {/*border: 2px solid #005486 !important;*/ background: transparent;}




.industry-dental-insurance .feature-box:hover img
 {border: 2px solid #EC008C; background: rgba(0,0,0,.05) !important;}

.industry-energy .feature-box:hover img
 {border: 2px solid #f8ca56; background: rgba(0,0,0,.05) !important;}

.industry-communications .feature-box:hover img
 {border: 2px solid #F67828; background: rgba(0,0,0,.05) !important;}
.industry-insurance .feature-box:hover img
 {border: 2px solid #55943B; background: rgba(0,0,0,.05) !important;}
.industry-health-insurance .feature-box:hover img
 {border: 2px solid #d03238; background: rgba(0,0,0,.05) !important;}
.industry-public-sector .feature-box:hover img
 {border: 2px solid #005486; background: rgba(0,0,0,.05) !important;}




.industry-dental-insurance .fbox-icon i,
.industry-dental-insurance .fbox-square h3
   {color: #EC008C !important;}
   .industry-energy .fbox-icon i,
.industry-energy .fbox-square h3
   {color: #f8ca56 !important;}

   .industry-communications .fbox-icon i,
.industry-communications .fbox-square h3
   {color: #F67828 !important;}
.industry-insurance .fbox-icon i,
.industry-insurance .fbox-square h3
  {color: #55943B !important;}
.industry-health-insurance .fbox-icon i,
.industry-health-insurance .fbox-square h3
  {color: #d03238 !important;}
.industry-public-sector .fbox-icon i,
.industry-public-sector .fbox-square h3
  {color: #005486 !important;}






.industry-dental-insurance a.button-border {
  border-color: #EC008C !important;
  color: #EC008C !important;
}

.industry-energy a.button-border {
  border-color: #f8ca56 !important;
  color: #f8ca56 !important;
}


.industry-communications a.button-border {
  border-color: #F67828 !important;
  color: #F67828 !important;
}
.industry-insurance a.button-border {
  border-color: #55943B !important;
  color: #55943B !important;
}
.industry-health-insurance a.button-border {
  border-color: #d03238 !important;
  color: #d03238 !important;
}
.industry-public-sector a.button-border {
  border-color: #005486 !important;
  color: #005486 !important;
}







.industry-dental-insurance a.button-border:hover {
  background-color: #EC008C !important;
  color: #fff !important;
}


.industry-energy a.button-border:hover {
  background-color: #f8ca56 !important;
  color: #fff !important;
}


.industry-communications a.button-border:hover {
  background-color: #F67828 !important;
  color: #fff !important;
}
.industry-insurance a.button-border:hover {
  background-color: #55943B !important;
  color: #fff !important;
}
.industry-health-insurance a.button-border:hover {
  background-color: #d03238 !important;
  color: #fff !important;
}
.industry-public-sector a.button-border:hover {
  background-color: #005486 !important;
  color: #fff !important;
}



/*Solid buttons now */





.industry-dental-insurance a.button {
  background-color: #EC008C !important;
  color: #fff !important;
  text-shadow: none !important;
}

.industry-energy a.button {
  background-color: #f8ca56 !important;
  color: #fff !important;
  text-shadow: none !important;
}


.industry-communications a.button {
  background-color: #F67828 !important;
  color: #fff !important;
  text-shadow: none !important;
}
.industry-insurance a.button {
  background-color: #55943B !important;
  color: #fff !important;
  text-shadow: none !important;
}
.industry-health-insurance a.button {
  background-color: #d03238 !important;
  color: #fff !important;
  text-shadow: none !important;
}
.industry-public-sector a.button {
  background-color: #005486 !important;
  color: #fff !important;
  text-shadow: none !important;
}




.industry-dental-insurance a.button:hover,
.industry-energy a.button:hover,
.industry-communications a.button:hover,
.industry-insurance a.button:hover,
.industry-health-insurance a.button:hover,
.industry-public-sector a.button:hover {
  background: rgba(0,0,0,.9) !important;
}



span.color1 {background-color: #d13339 !important;}
span.color2 {background-color: #005587 !important;}
span.color3 {background-color: #f5b21e !important; color: #222 !important;}
span.color4 {background-color: #68c8c7 !important; color: #222 !important;}


/* this is the color of the subnav bar*/




.industry-dental-insurance #page-menu .industry-color {background: #EC008C !important;}
.industry-energy #page-menu .industry-color {background: #f8ca56 !important;}
.industry-communications #page-menu .industry-color {background: #F67828 !important;}
.industry-insurance #page-menu .industry-color {background: #55943B !important;}
.industry-health-insurance #page-menu .industry-color {background: #d03238 !important;}
.industry-public-sector #page-menu .industry-color {background: #005486 !important;}

#page-menu ul li.current a {background: #fff !important;}

.industry-dental-insurance ul li.current a {color: #EC008C !important;}
.industry-energy ul li.current a {color: #f8ca56 !important;}
.industry-communications ul li.current a {color: #F67828 !important;}
.industry-insurance ul li.current a {color: #55943B !important;}
.industry-health-insurance ul li.current a {color: #d03238 !important;}
.industry-public-sector ul li.current a {color: #005486 !important;}







/*These style up the industry icons */


.fbox-icon.industry-dental-insurance img,
.industry-dental-insurance .feature-box.fbox-light .industry-color img,
#slider .fbox-icon.industry-dental-insurance img
 {
  background-color: rgba(255,255,255,.9) !important;
  border: 2px solid #EC008C !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }


.fbox-icon.industry-energy img,
.industry-energy .feature-box.fbox-light .industry-color img,
#slider .fbox-icon.industry-energy img
 {
  background-color: rgba(255,255,255,.9) !important;
  border: 2px solid #f8ca56 !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }


.fbox-icon.industry-communications img,
.industry-communications .feature-box.fbox-light .industry-color img,
#slider .fbox-icon.industry-communications img
 {
  background-color: rgba(255,255,255,.9) !important;
  border: 2px solid #F67828 !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }

.fbox-icon.industry-insurance img,
.industry-insurance .feature-box.fbox-light .industry-color img,
#slider .fbox-icon.industry-insurance img
 {
  background-color: rgba(255,255,255,.9) !important;
  border: 2px solid #55943B !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }

.fbox-icon.industry-health-insurance img, 
.industry-health-insurance .feature-box.fbox-light .industry-color img,
#slider .fbox-icon.industry-health-insurance img
 {
  background-color: rgba(255,255,255,.9) !important;
  border: 2px solid #d03238 !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }

.fbox-icon.industry-public-sector img,
.industry-public-sector .feature-box.fbox-light .industry-color img,
#slider .fbox-icon.industry-public-sector img
 {
  background-color: rgba(255,255,255,.9) !important;
  border: 2px solid #005486 !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }



/*Home icons v2 */


.home-icons-v2 .fbox-icon.industry-dental-insurance img,
.home-icons-v2 .industry-dental-insurance .feature-box .industry-color img,
 #slider .home-icons-v2 .fbox-icon.industry-dental-insurance img
 {
  background-color: transparent !important;
  border: 2px solid #EC008C !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }



.home-icons-v2 .fbox-icon.industry-energy img,
.home-icons-v2 .industry-energy .feature-box .industry-color img,
 #slider .home-icons-v2 .fbox-icon.industry-energy img
 {
  background-color: transparent !important;
  border: 2px solid #f8ca56 !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }


.home-icons-v2 .fbox-icon.industry-communications img,
.industry-communications .feature-box .industry-color img,
#slider .home-icons-v2 .fbox-icon.industry-communications img
 {
  background-color: transparent !important;
  border: 2px solid #F67828 !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }

.home-icons-v2 .fbox-icon.industry-insurance img,
.home-icons-v2 .industry-insurance .feature-box .industry-color img,
#slider .home-icons-v2 .fbox-icon.industry-insurance img
 {
  background-color: transparent !important;
  border: 2px solid #55943B !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }

.home-icons-v2 .fbox-icon.industry-health-insurance img, 
.home-icons-v2 .industry-health-insurance .feature-box .industry-color img,
#slider .home-icons-v2 .fbox-icon.industry-health-insurance img
 {
  background-color: transparent !important;
  border: 2px solid #d03238 !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }

.home-icons-v2 .fbox-icon.industry-public-sector img,
.home-icons-v2 .industry-public-sector .feature-box .industry-color img,
#slider .home-icons-v2 .fbox-icon.industry-public-sector img
 {
  background-color: transparent !important;
  border: 2px solid #005486 !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }




/*
.home-icons-v2 .fbox-icon.industry-energy img,
.home-icons-v2 .industry-energy .feature-box .industry-color img,*/

 #slider .home-icons-v2 .fbox-icon.industry-communications:hover img,
 #slider .home-icons-v2 .fbox-icon.industry-insurance:hover img,
 #slider .home-icons-v2 .fbox-icon.industry-health-insurance:hover img,
 #slider .home-icons-v2 .fbox-icon.industry-public-sector:hover img,
 #slider .home-icons-v2 .fbox-icon.industry-energy:hover img
 {
  box-shadow: 0px 20px 20px rgba(0,0,0,.4) !important;
  }















/*These style up the industry icons, different version now */







.industry-dental-insurance #slider.super-header .fbox.industry-color img
 {
  background-color: rgba(255,255,255,.9) !important;
  border: 2px solid #EC008C !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }


.industry-energy #slider.super-header .fbox.industry-color img
 {
  background-color: rgba(255,255,255,.9) !important;
  border: 2px solid #f8ca56 !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }



.industry-communications #slider.super-header .fbox.industry-color img
 {
  background-color: rgba(255,255,255,.9) !important;
  border: 2px solid #F67828 !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }

.fbox-icon.industry-insurance img,
.industry-insurance .feature-box.fbox-light .industry-color img,
#slider .fbox-icon.industry-insurance img
 {
  background-color: rgba(255,255,255,.9) !important;
  border: 2px solid #55943B !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }

.fbox-icon.industry-health-insurance img, 
.industry-health-insurance .feature-box.fbox-light .industry-color img,
#slider .fbox-icon.industry-health-insurance img
 {
  background-color: rgba(255,255,255,.9) !important;
  border: 2px solid #d03238 !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }

.fbox-icon.industry-public-sector img,
.industry-public-sector .feature-box.fbox-light .industry-color img,
#slider .fbox-icon.industry-public-sector img
 {
  background-color: rgba(255,255,255,.9) !important;
  border: 2px solid #005486 !important;
  /*box-shadow: 0px 4px 4px rgba(0,0,0,.4) !important;*/
  }








.feature-box .color-dental-insurance h3
 {color: #EC008C !important;}



.feature-box .color-energy h3
 {color: #f8ca56 !important;}



.feature-box .color-communications h3
 {color: #F67828 !important;}

.feature-box .color-insurance h3
 {color: #55943B !important;}

.feature-box .color-health-insurance h3
 {color: #d03238 !important;}

.feature-box .color-public-sector h3
 {color: #005486 !important;}





.linkbox-style1 { background: rgba(255,255,255,.3);}

.linkbox-style2 { background: rgba(255,255,255,.2);}

.linkbox-style3 { background: rgba(255,255,255,.1);}

.linkbox-style1:hover,
.linkbox-style2:hover,
.linkbox-style3:hover {
  background: #000
  }





/* ----------------------------------------------------------------
  Pardot specific
-----------------------------------------------------------------*/


#slider.pardot-landing-slider h1 {
    line-height: 100%
}

#slider.pardot-landing-slider p {
    font-size: 140%; 
    font-weight: 400;
    line-height: 130%;
}

.promo.promo-mini h3 {
    font-size: 250%;
    font-style: normal;
    color: #008ab4;
    font-weight: 600;
    padding: 0;
    margin: 0;
}


iframe.pardot-form-embed {
  min-height: 550px;
}

.modal-body iframe {min-height: 550px;}

.iframed-form { text-align: left; }
.iframed-form p.thank-you {padding: 30px 0; color: #008ab4; font-size: 170%;}

.iframed-form .error {
 color: #d13339; 
 font-size: 90% !important;
 text-align: left;
 padding: 0 0 0 100px;
 margin: 0;
}


.iframed-form p {padding: 0 0 5px 0 !important; margin: 0 !important;}

p.form-field {margin: 0 !important; padding: 0 !important;}

.iframed-form select, 
.iframed-form input {
  display: inline-block;
  margin: 0 0 10px 0;
  width: 70%;
  height: 35px;
  padding: 8px 14px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 2px solid #DDD;
  border-radius: 0 !important;
  -webkit-transition: border-color ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s;
  transition: border-color ease-in-out .15s;
}

.iframed-form input { height: auto; }


.iframed-form input:focus {
  border-color: #AAA;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.iframed-form input::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.iframed-form input:-ms-input-placeholder { color: #999; }
.iframed-form input::-webkit-input-placeholder { color: #999; }

.iframed-form input[disabled],
.iframed-form input[readonly],
fieldset[disabled] .iframed-form input {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}




.iframed-form .field-label {
  display: inline-block;
  width: 90px;
  line-height: 100%;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Proxima Nova', sans-serif;
  text-transform: uppercase;
  letter-spacing: -.01em;
  color: #555;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.iframed-form .field-label.label-muted {
  color: #999;
  font-weight: normal;
  margin-right: 5px;
}


.modal-body p {font-size: 150%; padding: 0 0 20px 0;}




.entry-title h2 {font-size: 14px !important; color: #008ab4}
.entry-title h3 {font-size: 22px !important; 
  font-weight: 100; line-height: 120%; padding: 10px 0 0 0; letter-spacing: -.03em;}



/* All heading and titles across all pages */

#slider .heading-block em {
  font-weight: 600; color: #008ab4; font-style: normal; background: rgba(0,0,0,.05); padding: 2px 5px;}
#slider .heading-block {
  padding-top: 70px;  /*lcedit - not sure why this padding is here.  removing it from the super-header.  Come back to this*/
   }
#slider .heading-block p {
  font-size: 200%; 
  line-height: 120%;
  letter-spacing: .03em;
  font-weight: 200;
  text-shadow: 0 1px 1px rgba(255,255,255,.8);  }


#slider.blog-header .heading-block h2 {
  font-size: 350% !important;
  line-height: 110%;
}

#slider .heading-block h1,
#slider .heading-block h2 {
  text-transform: none !important; 
  font-size: 400%;
  line-height: 100%; 
  padding: 0 0 30px 0;
  font-weight: 600 !important;
  /*letter-spacing: 0 !important; */
  text-shadow: 0 1px 1px rgba(255,255,255,.8);
  }

  /*
#slider .heading-block h1 {
  font-size: 450%; 
  font-weight: 700; 
  text-transform: none !important; line-height: 90%;
  }
*/


.industry-communications #slider .heading-block h1, 
.industry-insurance #slider .heading-block h1, 
.industry-health-insurance #slider .heading-block h1, 
.industry-public-sector #slider .heading-block h1,
.industry-communications #slider .heading-block h2, 
.industry-insurance #slider .heading-block h2, 
.industry-health-insurance #slider .heading-block h2, 
.industry-public-sector #slider .heading-block h2 {

  padding: 0 0 10px 0;

} 


.industry-communications #slider .heading-block p, 
.industry-insurance #slider .heading-block p, 
.industry-health-insurance #slider .heading-block p, 
.industry-public-sector #slider .heading-block p {

  font-size: 140% !important;

} 










.feature-box.fbox-square .fbox-icon img {
  border: none;
  color: #fff;
  border-radius: 4px;
}




.heading-block .feature-box .fbox-icon {
  width: 120px;
  height: 120px;
}

.heading-block .feature-box {
  position: relative;
  margin-top: 20px;
  padding: 0 0 0 150px;

}







.bigger {font-size: 170% !important;color: #fff !important;}
.icon-nav {padding: 50px;}
.t-rotate {}
span.light {font-weight: 100 !important; color: #fff !important;}


.slider-parallax .fbox-icon i {font-size: 240% !important;}

.slider-parallax .fbox-dark h2 {text-transform: uppercase; color: #fff !important; font-size: 140%; padding: 10px 5px;}

.slider-parallax .fbox-dark:hover h2 {background-color: #fff !important; color: #222 !important;}


.client-brand {padding: 20px;}


.copyrights .social-icon {color: #fff !important;}


.emphasis-p {
  font-size: 190%; 
  letter-spacing: .08em; 
  padding: 10px 30px 20px 30px; 
  opacity: .9; 
  line-height: 120%; 
  font-weight: 100; 
}
h5.uppercase {font-size: 130% !important; font-weight: 400 !important;}
h5.uppercase span {font-weight: 100; text-transform: none; color: #fff !important; font-size: 200%;}
h5.uppercase span em {color: #008ab4; }

.header-cta .button-border {margin: 12px 0; }

.button-border-nav { border: 2px solid #008ab4; color: #008ab4;  }
.button-3d.button-border-nav:hover,
.button-reveal.button-border-nav:hover { background-color: #008ab4 !important; }

/* ----------------------------------------------------------------
  Image Specific Boxes
-----------------------------------------------------------------*/



.block-desc {
  line-height: 1.8;
  font-size: 130% !important;}

.card a {color:#fff !important;}
.card a:hover {color: #008ab4 !important; }

.headline-box {line-height: 130%; font-size: 180%; font-weight: 100; padding: 20px 0; }




.stregis  { background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)),url(images/events/st-regis.jpg); }
.stregis:hover  { background: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8)),url(images/events/st-regis.jpg);}
.stregis:hover h3,
.stregis:hover p,
.stregis:hover .button-light {color: #222 !important;}
.stregis:hover .button-border {border-color: #222 !important;}
.stregis p {padding: 5px 8px; font-size: 95%; letter-spacing: -.01em;}
.stregis p a {font-size: 100%; padding: 5px 10px; font-weight: 600; color: #008ab4;}
.stregis:hover p {color: #fff !important; background: rgba(0,0,0,.5); text-shadow: 0px 1px 0px rgba(0,0,0,.5);}
.stregis .button-light:hover {background: #008ab4 !important; color: #fff !important;}
.stregis p a:hover {color: #fff !important; border-bottom: 2px solid #008ab4;}

.clift  { background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)),url(images/events/clift-hotel.jpg); }
.clift:hover  { background: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8)),url(images/events/clift-hotel.jpg);}
.clift:hover h3,
.clift:hover p,
.clift:hover .button-light {color: #222 !important;}
.clift:hover .button-border {border-color: #222 !important;}
.clift p {padding: 5px 8px; font-size: 95%; letter-spacing: -.01em;}
.clift p a {font-size: 100%; padding: 5px 10px; font-weight: 600; color: #008ab4;}
.clift:hover p {color: #fff !important; background: rgba(0,0,0,.5); text-shadow: 0px 1px 0px rgba(0,0,0,.5);}
.clift  .button-light:hover {background: #008ab4 !important; color: #fff !important;}
.clift p a:hover {color: #fff !important; border-bottom: 2px solid #008ab4;}

.battery  { background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)),url(images/events/the-battery.jpg); }
.battery:hover  { background: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8)),url(images/events/the-battery.jpg);}
.battery:hover h3,
.battery:hover p,
.battery:hover .button-light {color: #222 !important;}
.battery:hover .button-border {border-color: #222 !important;}
.battery p {padding: 5px 8px; font-size: 95%; letter-spacing: -.01em;}
.battery p a {font-size: 100%; padding: 5px 10px; font-weight: 600; color: #008ab4;}
.battery:hover p {color: #fff !important; background: rgba(0,0,0,.5); text-shadow: 0px 1px 0px rgba(0,0,0,.5);}
.battery  .button-light:hover {background: #008ab4 !important; color: #fff !important;}
.battery p a:hover {color: #fff !important; border-bottom: 2px solid #008ab4;}

.default  { background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)),url(images/events/default.jpg); }
.default:hover  { background: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8)),url(images/events/default.jpg);}
.default:hover h3,
.default:hover p,
.default:hover .button-light {color: #222 !important;}
.default:hover .button-border {border-color: #222 !important;}
.default p {padding: 5px 8px; font-size: 95%; letter-spacing: -.01em;}
.default p a {font-size: 100%; padding: 5px 10px; font-weight: 600; color: #008ab4;}
.default:hover p {color: #fff !important; background: rgba(0,0,0,.5); text-shadow: 0px 1px 0px rgba(0,0,0,.5);}
.default  .button-light:hover {background: #008ab4 !important; color: #fff !important;}
.default p a:hover {color: #fff !important; border-bottom: 2px solid #008ab4;}

.pier70 { background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)),url(images/events/pier-70.jpg); }
.pier70:hover { background: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8)),url(images/events/pier-70.jpg);}
.pier70:hover h3,
.pier70:hover p,
.pier70:hover .button-light {color: #222 !important;}
.pier70:hover .button-border {border-color: #222 !important;}
.pier70 p {padding: 5px 8px; font-size: 95%; letter-spacing: -.01em;}
.pier70 p a {font-size: 100%; padding: 5px 10px; font-weight: 600; color: #008ab4;}
.pier70:hover p {color: #fff !important; background: rgba(0,0,0,.5); text-shadow: 0px 1px 0px rgba(0,0,0,.5);}
.pier70  .button-light:hover {background: #008ab4 !important; color: #fff !important;}
.pier70 p a:hover {color: #fff !important; border-bottom: 2px solid #008ab4;}

.comms  { background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)),url(images/events/comms.jpg); }
.comms:hover  { background: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8)),url(images/events/comms.jpg);}
.comms:hover h3,
.comms:hover p,
.comms:hover .button-light {color: #222 !important;}
.comms:hover .button-border {border-color: #222 !important;}
.comms p {padding: 5px 8px; font-size: 95%; letter-spacing: -.01em;}
.comms p a {font-size: 100%; padding: 5px 10px; font-weight: 600; color: #008ab4;}
.comms:hover p {color: #fff !important; background: rgba(0,0,0,.5); text-shadow: 0px 1px 0px rgba(0,0,0,.5);}
.comms  .button-light:hover {background: #008ab4 !important; color: #fff !important;}
.comms .button-off {opacity: .7; border-color: #fff !important;}  /*when its off */
.comms p a:hover {color: #fff !important; border-bottom: 2px solid #008ab4;}

.cmt  { background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)),url(images/events/cmt.jpg); }
.cmt:hover  { background: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8)),url(images/events/cmt.jpg);}
.cmt:hover h3,
.cmt:hover p,
.cmt:hover .button-light {color: #222 !important;}
.cmt:hover .button-border {border-color: #222 !important;}
.cmt p {padding: 5px 8px; font-size: 95%; letter-spacing: -.01em;}
.cmt p a {font-size: 100%; padding: 5px 10px; font-weight: 600; color: #008ab4;}
.cmt:hover p {color: #fff !important; background: rgba(0,0,0,.5); text-shadow: 0px 1px 0px rgba(0,0,0,.5);}
.cmt  .button-light:hover {background: #008ab4 !important; color: #fff !important;}
.cmt .button-off {opacity: .7; border-color: #fff !important;}  /*when its off */
.cmt p a:hover {color: #fff !important; border-bottom: 2px solid #008ab4;}


.accenture  { background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)),url(images/events/accenture.jpg); }
.accenture:hover  { background: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8)),url(images/events/accenture.jpg);}
.accenture:hover h3,
.accenture:hover p,
.accenture:hover .button-light {color: #222 !important;}
.accenture:hover .button-border {border-color: #222 !important;}
.accenture p {padding: 5px 8px; font-size: 95%; letter-spacing: -.01em;}
.accenture p a {font-size: 100%; padding: 5px 10px; font-weight: 600; color: #008ab4;}
.accenture:hover p {color: #fff !important; background: rgba(0,0,0,.5); text-shadow: 0px 1px 0px rgba(0,0,0,.5);}
.accenture  .button-light:hover {background: #008ab4 !important; color: #fff !important;}
.accenture .button-off {opacity: .7; border-color: #fff !important;}  /*when its off */
.accenture p a:hover {color: #fff !important; border-bottom: 2px solid #008ab4;}

.jardin { background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)),url(images/events/jardiniere.jpg); }
.jardin:hover { background: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8)),url(images/events/jardiniere.jpg);}
.jardin:hover h3,
.jardin:hover p,
.jardin:hover .button-light {color: #222 !important;}
.jardin:hover .button-border {border-color: #222 !important;}
.jardin p {padding: 5px 8px; font-size: 95%; letter-spacing: -.01em;}
.jardin p a {font-size: 100%; padding: 5px 10px; font-weight: 600; color: #008ab4;}
.jardin:hover p {color: #fff !important; background: rgba(0,0,0,.5); text-shadow: 0px 1px 0px rgba(0,0,0,.5);}
.jardin  .button-light:hover {background: #008ab4 !important; color: #fff !important;}
.jardin .button-off {opacity: .7; border-color: #fff !important;}  /*when its off */
.jardin p a:hover {color: #fff !important; border-bottom: 2px solid #008ab4;}


.asianart { background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7)),url(images/events/asian-art-museum.jpg); }
.asianart:hover { background: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8)),url(images/events/asian-art-museum.jpg);}
.asianart:hover h3,
.asianart:hover p,
.asianart:hover .button-light {color: #222 !important;}
.asianart:hover .button-border {border-color: #222 !important;}
.asianart p {padding: 5px 8px; font-size: 95%; letter-spacing: -.01em;}
.asianart p a {font-size: 100%; padding: 5px 10px; font-weight: 600; color: #008ab4;}
.asianart:hover p {color: #fff !important; background: rgba(0,0,0,.5); text-shadow: 0px 1px 0px rgba(0,0,0,.5);}
.asianart  .button-light:hover {background: #008ab4 !important; color: #fff !important;}
.asianart .button-off {opacity: .7; border-color: #fff !important;}  /*when its off */
.asianart p a:hover {color: #fff !important; border-bottom: 2px solid #008ab4;}
















/* ----------------------------------------------------------------
  Base & Clear
-----------------------------------------------------------------*/


dl, dt, dd, ol, ul, li {
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
  display: block;
  font-size: 0px;
  height: 0px;
  line-height: 0;
  width: 100%;
  overflow:hidden;
}

::selection {
  background: #008ab4;
  color: #FFF;
  text-shadow: none;
}

::-moz-selection {
  background: #008ab4; /* Firefox */
  color: #FFF;
  text-shadow: none;
}

::-webkit-selection {
  background: #008ab4; /* Safari */
  color: #FFF;
  text-shadow: none;
}

:active,
:focus { outline: none !important; }


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


body {
  line-height: 1.5;
  color: #555;
  font-family: 'Proxima Nova', sans-serif;
}

a {
  text-decoration: none !important;
  color: #008ab4;
}

a:hover { color: #222; }

a img { border: none; }

img { max-width: 100%; }

iframe { border: none !important; }


/* ----------------------------------------------------------------
  Basic Layout Styles
-----------------------------------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6 {
  color: #444;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 30px 0;
  font-family: 'Proxima Nova', sans-serif;
}

h5,
h6 { margin-bottom: 20px; }

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h4 { font-weight: 600; }

h5,
h6 { font-weight: bold; }

h1 > span:not(.nocolor),
h2 > span:not(.nocolor),
h3 > span:not(.nocolor),
h4 > span:not(.nocolor),
h5 > span:not(.nocolor),
h6 > span:not(.nocolor) { color: #008ab4; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 30px; }

small { font-family: 'Proxima Nova', sans-serif; }



.capitalize { text-transform: capitalize; !important; }

.lowercase { text-transform: normal !important; }

.uppercase { text-transform: uppercase !important; }

.tright { text-align: right !important; }

.tleft { text-align: left !important; }

.fright { float: right !important; }

.fleft { float: left !important; }

.fnone { float: none !important; }

.ohidden {
  position: relative;
  overflow: hidden !important;
}

#wrapper {
  position: relative;
  float: none;
  width: 1220px;
  margin: 0 auto;
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.line,
.double-line {
  clear: both;
  position: relative;
  width: 100%;
  margin: 60px 0;
  border-top: 1px solid #EEE;
}

.line.line-sm { margin: 30px 0; }

span.middot {
  display: inline-block;
  margin: 0 5px;
}

.double-line { border-top: 3px double #E5E5E5; }

.emptydiv {
  display: block !important;
  position: relative !important;
}

.allmargin { margin: 50px !important; }

.leftmargin { margin-left: 50px !important; }

.rightmargin { margin-right: 50px !important; }

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

.bottommargin { margin-bottom: 50px !important; }

.clear-bottommargin { margin-bottom: -50px !important; }

.allmargin-sm { margin: 30px !important; }

.leftmargin-sm { margin-left: 30px !important; }
.leftmargin-xs { margin-left: 15px !important; }
 
.rightmargin-sm { margin-right: 30px !important; }
.rightmargin-xs { margin-right: 15px !important; }

.topmargin-sm { margin-top: 30px !important; }
.topmargin-tiny { margin-top: 10px !important; }

.bottommargin-sm { margin-bottom: 30px !important; }

.clear-bottommargin-sm { margin-bottom: -30px !important; }

.allmargin-lg { margin: 80px !important; }

.leftmargin-lg { margin-left: 80px !important; }

.rightmargin-lg { margin-right: 80px !important; }

.topmargin-lg { margin-top: 80px !important; }

.bottommargin-lg { margin-bottom: 80px !important; }

.clear-bottommargin-lg { margin-bottom: -80px !important; }

.nomargin {margin: 0 !important; }

.noleftmargin { margin-left: 0 !important; }

.norightmargin { margin-right: 0 !important; }

.notopmargin { margin-top: 0 !important; }

.nobottommargin { margin-bottom: 0 !important; }

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

.content-wrap .header-stick { margin-top: -80px !important; }

.footer-stick { margin-bottom: -50px !important; }

.content-wrap .footer-stick { margin-bottom: -80px !important; }

.noborder { border: none !important; }

.noleftborder { border-left: none !important; }

.norightborder { border-right: none !important; }

.notopborder { border-top: none !important; }

.nobottomborder { border-bottom: none !important; }

.noradius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; }

.col-padding { padding: 60px; }

.col-padding-vertical { padding: 40px 0; }

.col-padding-xs { padding: 15px !important; }
.col-padding-sm { padding: 30px ; }

.nopadding { padding: 0 !important; }

.noleftpadding { padding-left: 0 !important; }

.norightpadding { padding-right: 0 !important; }

.notoppadding { padding-top: 0 !important; }

.nobottompadding { padding-bottom: 0 !important; }

.noabsolute { position: relative !important; }

.noshadow { box-shadow: none !important; }

.hidden { display: none !important; }

.nothidden { display: block !important; }

.inline-block {
  float: none !important;
  display: inline-block !important;
}

.center { text-align: center !important; }

.divcenter {
  position: relative !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.bgcolor,
.bgcolor #header-wrap { 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008ab4+0,004672+100 */
background: rgb(0,138,180); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,138,180,1) 0%, rgba(0,70,114,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,138,180,1)), color-stop(100%,rgba(0,70,114,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,138,180,1) 0%,rgba(0,70,114,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,138,180,1) 0%,rgba(0,70,114,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,138,180,1) 0%,rgba(0,70,114,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,138,180,1) 0%,rgba(0,70,114,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ab4', endColorstr='#004672',GradientType=0 ); /* IE6-9 */


 }


.bg-dark-gradient5 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4450ba+25,033c82+100 */
background: rgb(68,80,186); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(68,80,186,1) 25%, rgba(3,60,130,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(68,80,186,1) 25%,rgba(3,60,130,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(68,80,186,1) 25%,rgba(3,60,130,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4450ba', endColorstr='#033c82',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.bg-dark-gradient4 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f0f0f+0,008ab4+100 */
background: rgb(15,15,15); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(15,15,15,1) 0%, rgba(0,138,180,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(15,15,15,1) 0%,rgba(0,138,180,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(15,15,15,1) 0%,rgba(0,138,180,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f0f', endColorstr='#008ab4',GradientType=0 ); /* IE6-9 */

}

 .bg-dark-gradient3 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008ab4+0,110247+100 */
background: rgb(0,138,180); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,138,180,1) 0%, rgba(17,2,71,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,138,180,1) 0%,rgba(17,2,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,138,180,1) 0%,rgba(17,2,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ab4', endColorstr='#110247',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 }



.bg-dark-gradient2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008ab4+0,110247+100 */
background: rgb(0,138,180); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,138,180,1) 0%, rgba(17,2,71,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,138,180,1) 0%,rgba(17,2,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(0,138,180,1) 0%,rgba(17,2,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ab4', endColorstr='#110247',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.bg-dark-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003f68+0,011d2e+100 */
background: rgb(0,63,104); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,63,104,1) 0%, rgba(1,29,46,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,63,104,1) 0%,rgba(1,29,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(0,63,104,1) 0%,rgba(1,29,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f68', endColorstr='#011d2e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.bg-dark6 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005486+0,003a5c+100 */
background: rgb(0,84,134); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,84,134,1) 0%, rgba(0,58,92,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,84,134,1) 0%,rgba(0,58,92,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,84,134,1) 0%,rgba(0,58,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005486', endColorstr='#003a5c',GradientType=0 ); /* IE6-9 */

}



.bg-white { background: #fff !important; }
.bg-white-tint {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+96,ffffff+100&1+38,0.2+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 38%, rgba(255,255,255,0.25) 96%, rgba(255,255,255,0.2) 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,rgba(255,255,255,1)), color-stop(96%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0.2))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 38%,rgba(255,255,255,0.25) 96%,rgba(255,255,255,0.2) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 38%,rgba(255,255,255,0.25) 96%,rgba(255,255,255,0.2) 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 38%,rgba(255,255,255,0.25) 96%,rgba(255,255,255,0.2) 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 38%,rgba(255,255,255,0.25) 96%,rgba(255,255,255,0.2) 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#33ffffff',GradientType=0 ) !important; /* IE6-9 */


  }


.shadow-box-white {
box-shadow: 1px 8px 23px 9px #242424 !important;
-webkit-box-shadow: 1px 8px 23px 9px #242424 !important;
-moz-box-shadow: 1px 8px 23px 9px #242424 !important;
-o-box-shadow: 1px 8px 23px 9px #242424 !important;
background: rgba(255,255,255,.5) !important; 
border-radius: 5px !important; 
}

.padded {border: 10px;}

.rounded {border: 4px;}

.color { color: #008ab4 !important; }

.border-.border-.border-.border-color { border-color: #008ab4 !important; }

.noboxshadow {box-shadow: none !important;}

.nobg { background: none !important; }

.whitebg { background: #fff !important; }

.lightbg { background: rgba(0,0,0,.03); }

.nobgcolor { background-color: transparent !important; }


.hide-page-title #page-title,
.hide-h1 h1,
.hide-h2 h2,
.hide-h3 h3 {display: none !important;}



h1.large,
h2.large,
h3.large,
h4.large {font-size: 200% !important;}

.border-left {border-left: 1px solid rgba(0,0,0,.2);}
.border-right {border-right: 1px solid rgba(0,0,0,.2);}
.border-top {border-top: 1px solid rgba(0,0,0,.2);}
.border-bottom {border-bottom: 1px solid rgba(0,0,0,.2);}





.bgicon {
  display: block;
  position: absolute;
  bottom: -60px;
  right: -50px;
  font-size: 210px;
  color: rgba(0,0,0,0.1);
}

/* MOVING BG -  TESTIMONIALS */
.bganimate {
  -webkit-animation:BgAnimated 30s infinite linear;
   -moz-animation:BgAnimated 30s infinite linear;
    -ms-animation:BgAnimated 30s infinite linear;
     -o-animation:BgAnimated 30s infinite linear;
      animation:BgAnimated 30s infinite linear;
}
 @-webkit-keyframes BgAnimated {
  from  {background-position:0 0;}
  to    {background-position:0 400px;}
  }
 @-moz-keyframes BgAnimated {
  from  {background-position:0 0;}
  to    {background-position:0 400px;}
  }
 @-ms-keyframes BgAnimated {
  from  {background-position:0 0;}
  to    {background-position:0 400px;}
  }
 @-o-keyframes BgAnimated {
  from  {background-position:0 0;}
  to    {background-position:0 400px;}
  }
 @keyframes BgAnimated {
  from  {background-position:0 0;}
  to    {background-position:0 400px;}
  }


.input-block-level {
  display: block;
  width: 100% !important;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.vertical-middle {
  height: auto !important;
  left: 0;
}


.vertical-middle-center {
  height: auto !important;
  margin: 0 auto;
  text-align: center;
}


.magnific-max-width .mfp-content { max-width: 800px; }


/* ----------------------------------------------------------------
  Sections
-----------------------------------------------------------------*/


.section {
  position: relative;
  margin: 30px 0;
  padding: 60px 0;
  background-color: #F9F9F9;
  overflow: hidden;
}



.parallax {
  background-color: transparent;
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: no-repeat;
  overflow: hidden;
}

.mobile-parallax,
.video-placeholder {
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: center center !important;
}



.section .container { z-index: 3; }  /* lcedit - changed from 2 to 3, adds another layer for overlays */

.section .container + .video-wrap { z-index: 1; }

.revealer-image {
  position: relative;
  bottom: -100px;
  transition: bottom .3s ease-in-out;
  -webkit-transition: bottom .3s ease-in-out;
  -o-transition: bottom .3s ease-in-out;
}

.section:hover .revealer-image { bottom: -50px; }


/* ----------------------------------------------------------------
  Columns & Grids
-----------------------------------------------------------------*/

.postcontent { width: 860px; }
.postcontent.bothsidebar { width: 580px; }
.sidebar { width: 240px; }
.col_full { width: 100%; }
.col_half { width: 48%; }
.col_one_third { width: 30.63%; }
.col_two_third { width: 65.33%; }
.col_one_fourth { width: 22%; }
.col_three_fourth { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 79.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }
body.stretched .container-fullwidth {
  position: relative;
  padding: 0 60px;
  width: 100%;
}

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
  display: block;
  position: relative;
  margin-right: 4%;
  margin-bottom: 50px;
  float: left;
}

.postcontent,
.sidebar { margin-right: 40px; }

.col_full {
  clear: both;
  float: none;
  margin-right: 0;
}

.postcontent.col_last,
.sidebar.col_last { float: right; }

.col_last {
  margin-right: 0 !important;
  clear: right;
}


/* ----------------------------------------------------------------
  Flex Slider
-----------------------------------------------------------------*/


.fslider .slide > img.banner {
  /*display: inline-block;*/
  width: initial;
  position: initial;
  height: 100px;
  /*float: left;*/
  margin: 0 auto;
  padding: 0 0 20px 0;
  text-align: center; 
}


.fslider .slide > img.special {
  display: inline-block;
  width: initial;
  position: initial;
  height: initial;
  float: left;
  margin: 0 20px 0 0; 
}


.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide > a,
.fslider .slide > img,
.fslider .slide > a > img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}

.fslider { min-height: 32px; }


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; border: none; }
.slider-wrap,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none; border: none;}

.flexslider {position: relative;margin: 0; padding: 0;}
.flexslider .slider-wrap > .slide {display: none; -webkit-backface-visibility: hidden;}


.flexslider .slider-wrap img {
  width: 100%; 
  display: block;
}


.flex-pauseplay span {text-transform: capitalize;}

.slider-wrap:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slider-wrap {display: block;}
* html .slider-wrap {height: 1%;}

.no-js .slider-wrap > .slide:first-child {display: block;}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.flex-control-nav {
  position: absolute;
  z-index: 10;
  text-align: center;
  top: 14px;
  right: 10px;
  margin: 0;
}

.flex-control-nav li {
  float: left;
  display: block;
  margin: 0 3px;
  width: 10px;
  height: 10px;
}

.flex-control-nav li a {
  display: block;
  cursor: pointer;
  text-indent: -9999px;
  width: 10px !important;
  height: 10px !important;
  border: 1px solid #999;
  border-radius: 50%;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active { background-color: #999; }


/* ----------------------------------------------------------------
  Swiper Slider
-----------------------------------------------------------------*/


.swiper-container {
  margin:0 auto;
  position:relative;
  overflow:hidden;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  /* Fix of Webkit flickering */
  z-index:1;
}

.swiper-wrapper {
  position:relative;
  width:100%;
  -webkit-transition-property:-webkit-transform, left, top;
  -webkit-transition-duration:0s;
  -webkit-transform:translate3d(0px,0,0);
  -webkit-transition-timing-function:ease;

  -o-transition-property:-o-transform, left, top;
  -o-transition-duration:0s;
  -o-transform:translate3d(0px,0,0);
  -o-transition-timing-function:ease;
  -o-transform:translate(0px,0px);

  transition-property:transform, left, top;
  transition-duration:0s;
  transform:translate3d(0px,0,0);
  transition-timing-function:ease;

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide { float: left; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }


/* ----------------------------------------------------------------
  Top Bar
-----------------------------------------------------------------*/


#top-bar {
  position: relative;
  border-bottom: 1px solid #EEE;
  height: 45px;
  line-height: 44px;
  font-size: 13px;
  z-index: 1;
}
 



#top-bar .col_half { width: auto; }


/* ----------------------------------------------------------------
  Top Links
-----------------------------------------------------------------*/


.top-links {
  position: relative;
  float: left;
}

.top-links ul {
  margin: 0;
  list-style: none;
}

.top-links ul li {
  float: left;
  position: relative;
  height: 44px;
  border-left: 1px solid #EEE;
}

.top-links ul li:first-child,
.top-links ul ul li { border-left: 0 !important; }

.top-links li > a {
  display: block;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  height: 44px;
  color: #666;
}

.top-links li i {
  position: relative;
  top: 1px;
}


.top-links li.top-small {margin-top: -4px !important;}
.top-links li i.icon-angle-down { margin: 0 0 0 7px !important; font-size: 130%;}

.top-links li i:first-child { margin-right: 2px; }

.top-links li.full-icon i {
  top: 2px;
  font-size: 14px;
  margin: 0;
}

.top-links li:hover { background-color: #EEE; }

.top-links ul ul,
.top-links ul div.top-link-section {
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 210;
  line-height: 1.5;
  background: #FFF;
  border: 0;
  top: 44px;
  left: 0;
  width: 140px;
  margin: 0;
  border-top: 1px solid #008ab4;
  border-bottom: 1px solid #EEE;
  box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
}

.top-links li:hover ul,
.top-links li:hover div.top-link-section { pointer-events: auto; }

.top-links ul ul li {
  float: none;
  height: 36px;
  border-top: 1px solid #F5F5F5;
  border-left: 1px solid #EEE;
}

.top-links ul ul li:hover { background-color: #F9F9F9; }

.top-links ul ul li:first-child {
  border-top: none !important;
  border-left: 1px solid #EEE;
}

.top-links ul ul a {
  height: 36px;
  line-height: 36px;
  font-size: 12px;
}

.top-links ul ul img {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.top-links ul ul.top-demo-lang img {
  top: 4px;
  width: 16px;
  height: 16px;
}

.top-links ul div.top-link-section {
  padding: 25px;
  left: 0;
  width: 280px;
}

.fright .top-links ul div.top-link-section,
.top-links.fright ul div.top-link-section {
  left: auto;
  right: 0;
}


/* ----------------------------------------------------------------
  Top Social
-----------------------------------------------------------------*/

#top-social,
#top-social ul { margin: 0; }

#top-social li,
#top-social li a,
#top-social li .ts-icon,
#top-social li .ts-text {
  display: block;
  position: relative;
  float: left;
  width: auto;
  overflow: hidden;
  height: 44px;
  line-height: 44px;
}

#top-social li { border-left: 1px solid #EEE; }

#top-social li:first-child { border-left: 0 !important; }

#top-social li a {
  float: none;
  width: 40px;
  font-weight: bold;
  color: #666;
  -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
  -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
  transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
}

#top-social li a:hover {
  color: #FFF !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#top-social li .ts-icon {
  width: 40px;
  text-align: center;
  font-size: 14px;
}


/* ----------------------------------------------------------------
  Top Login
-----------------------------------------------------------------*/

#top-login { margin-bottom: 0; }

#top-login .checkbox { margin-bottom: 10px; }

#top-login .form-control { position: relative; }

#top-login .form-control:focus { border-color: #CCC; }

#top-login .input-group#top-login-username { margin-bottom: -1px; }

#top-login #top-login-username input,
#top-login #top-login-username .input-group-addon {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

#top-login .input-group#top-login-password { margin-bottom: 10px; }

#top-login #top-login-password input,
#top-login #top-login-password .input-group-addon {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


/* ----------------------------------------------------------------
  Header
-----------------------------------------------------------------*/


#header {
  position: relative;
  background-color: #FFF;
  border-bottom: 1px solid #F5F5F5;
}

#header .container { position: relative; }

 

#header.transparent-header {
  background: transparent;
  border-bottom: none;
  z-index: 199;
}

#header.semi-transparent { background-color: rgba(255,255,255,0.8); }



/*Master Nav */

#header.nav2018.transparent-header {
  /*background-color: transparent !important;*/
  background-color: rgba(0,0,0,.7) !important;
}



#header.master-nav-home.transparent-header {
  /*background-color: transparent !important;*/
  background-color: rgba(0,0,0,.9) !important;
}
#header.master-nav #header-wrap { 
  background-color: rgba(0,0,0,.6) !important;
}





#header.transparent-header.floating-header { margin-top: 60px; }

#header.transparent-header.floating-header .container {
  width: 1220px;
  background-color: #FFF;
  padding: 0 40px;
  border-radius: 2px;
}

#header.transparent-header.floating-header.sticky-header .container {
  width: 1170px;
  padding: 0 15px;
}

#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
  top: -100px;
  margin-bottom: -100px;
}

#header.transparent-header.floating-header + #slider,
#header.transparent-header.floating-header + #google-map {
  top: -160px;
  margin-bottom: -160px;
}

#header.transparent-header + #page-title.page-title-parallax .container {
  z-index: 5;
  padding-top: 100px;
}

#header.full-header { border-bottom-color: #EEE; }

body.stretched #header.full-header .container {
  width: 100%;
  padding: 0 30px;
}

#header.transparent-header.full-header #header-wrap { border-bottom: 1px solid rgba(0,0,0,0.1); }

#slider + #header.transparent-header.full-header #header-wrap {
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom: none;
}




/* ----------------------------------------------------------------
  Logo
-----------------------------------------------------------------*/


#logo {
  position: relative;
  float: left;
  font-family: 'Proxima Nova', sans-serif;
  font-size: 36px;
  line-height: 100%;
  margin-right: 40px;
}

#header.full-header #logo {
  padding-right: 30px;
  margin-right: 30px;
  /*border-right: 1px solid #EEE;*/
}

#header.transparent-header.full-header #logo { border-right-color: rgba(0,0,0,0.1); }

#logo a {
  display: block;
  color: #000;
}

#logo img {
  display: block;
  max-width: 100%;
}

#logo a.standard-logo { display: block; }

#logo a.retina-logo { display: none; }


/* ----------------------------------------------------------------
  Header Right Area
-----------------------------------------------------------------*/


.header-extras {
  float: right;
  margin: 30px 0 0;
}

.header-extras li {
  float: left;
  margin-left: 20px;
  height: 40px;
  overflow: hidden;
  list-style: none;
}

.header-extras li i { margin-top: 3px !important; }

.header-extras li:first-child { margin-left: 0; }

.header-extras li .he-text {
  float: left;
  padding-left: 10px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.43;
}

.header-extras li .he-text span {
  display: block;
  font-weight: 400;
  color: #008ab4;
}


/* ----------------------------------------------------------------
  Primary Menu
-----------------------------------------------------------------*/


#primary-menu {
  float: right;
  height: 100px;
}

#header.full-header #primary-menu > ul {
  float: left;
  padding-right: 15px;
  margin-right: 15px;
  /*border-right: 1px solid #EEE;*/
}

#header.transparent-header.full-header #primary-menu > ul { border-right-color: rgba(0,0,0,0.1); }

#primary-menu-trigger,
#page-submenu-trigger {
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

#primary-menu ul {
  list-style: none;
  height: 100px;
  margin: 0;
}

#primary-menu > ul { float: left; }

#primary-menu ul li {
  position: relative;
  float: left;
  margin-left: 2px;
}

#primary-menu ul li.mega-menu { position: inherit; }

#primary-menu ul li:first-child { margin-left: 0; }

#primary-menu ul li a {
  display: block;
  height: 100px;
  line-height: 100px;
  padding: 0 7px !important;
  color: #444;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase;
  font-family: 'Proxima Nova', sans-serif;
  -webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
  -o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
  transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;
}

#primary-menu ul li span { display: none; }

#primary-menu ul li i {
  position: relative;
  font-size: 14px !important;
  top: 1px;
  line-height: 99px;
  width: 14px;
  text-align: center;
  margin-right: 6px;
  -webkit-transition: line-height .4s ease;
  -o-transition: line-height .4s ease;
  transition: line-height .4s ease;
}


#primary-menu > ul > li > ul > li a {
  font-size: 13px !important;
}


/* lcedit menu hover and current states */


    #primary-menu > ul > li:hover a,
    #primary-menu > ul > li.current a,
    #primary-menu > ul > li.ancestor a { 
      color: #008ab4; 
      border-bottom: 3px solid #008ab4; }

    #header.dark #primary-menu > ul > li:hover a,
    #header.dark #primary-menu > ul > li.current a,
    #header.dark #primary-menu > ul > li.ancestor a { 
      color: #fff; 
      border-bottom: 3px solid #fff; }

    #header.dark #primary-menu > ul > li.current a {color: #fff !important;}


    #header.dark #primary-menu > ul > li.current ul > li a {
      color: #777 !important;
    }
    #header.dark #primary-menu > ul > li.current ul > li a:hover {
      color: #008ab4 !important;
    }




#header.dark #primary-menu > ul > li > ul > li.ancestor ul li a:hover,
#primary-menu > ul > li > ul > li.ancestor ul li a:hover {
  background: rgba(0,0,0,.05);
  color: #008ab4 !important;
}

#primary-menu > ul > li > ul > li.ancestor ul li a {
  background-color: transparent;
  border: none !important;
  color: #777 !important;
    }






/* ============ Menu Current State - Level 2 ============  */

#primary-menu > ul > li > ul > li.current a {
  background-color: #008ab4;
  color: #fff !important;
    }

  /*  this clears the styles below the submenu*/

#header.dark #primary-menu > ul > li > ul > li.current > ul > li a,
#primary-menu > ul > li > ul > li.current > ul > li a {
  background-color: #fff !important;
  color: #777;
    }
#header.dark #primary-menu > ul > li > ul > li.current > ul > li a:hover,
#primary-menu > ul > li > ul > li.current > ul > li a:hover {
  background-color: rgba(0,0,0,.05) !important;
  color: #008ab4 !important;
    }




/* ============ Menu Current State - Level 3 ============  */

#header.dark #primary-menu > ul > li > ul > li.ancestor > ul > li.current a,
#primary-menu > ul > li > ul > li.ancestor > ul > li.current a {
  background-color: #008ab4 !important;
  color: #fff !important;
    }

#primary-menu > ul > li > ul > li.ancestor a {
  border-top: 1px solid #008ab4 !important;
  border-bottom: 1px solid #008ab4 !important;
  color: #008ab4 !important;
    }




#primary-menu > ul > li.nohover:hover a { color: #fff; border: none; }




#primary-menu ul ul,
#primary-menu ul li .mega-menu-content {
  display: none;
  position: absolute;
  
  /*width: 220px;*/
  width: 275px;

  /* lcedit - wider for longer industry names */

  background-color: #FFF;
  box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
  border: 1px solid #EEE;
  border-top: 10px solid rgba(0, 0, 0, 0.05);  /*lcedit to adjust style*/
  height: auto;
  z-index: 199;
  top: 70px;
  left: 0;
  margin: 0;
}

#primary-menu ul ul ul {
  top: -2px !important;
  left: 218px;
}

#primary-menu ul ul.menu-pos-invert,
#primary-menu ul li .mega-menu-content.menu-pos-invert {
  left: auto;
  right: 0;
}

#primary-menu ul ul ul.menu-pos-invert { right: 218px; }

#primary-menu ul ul li {
  float: none;
  margin: 0;
}

#primary-menu ul ul li:first-child { border-top: 0; }

#primary-menu ul ul a {
  font-size: 12px;
  font-weight: 600;
  height: 42px !important;
  line-height: 42px !important;
  color: #666 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  letter-spacing: 0;
  font-family: 'Proxima Nova', sans-serif;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#primary-menu ul ul li:hover > a {
  background-color: #F9F9F9;
  padding-left: 18px;
  color: #008ab4 !important;
}

#primary-menu ul ul i { line-height: inherit; }

#primary-menu ul ul > li.sub-menu > a,
#primary-menu ul ul > li.sub-menu:hover > a {
  background-image: url("images/icons/submenu.png");
  background-position: right center;
  background-repeat: no-repeat;
}


/* ----------------------------------------------------------------
  Mega Menu
-----------------------------------------------------------------*/


#primary-menu ul li .mega-menu-content,
#primary-menu ul li.mega-menu-small .mega-menu-content { width: 400px; }

#primary-menu ul li.mega-menu .mega-menu-content,
.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content {
  margin: 0 15px;
  width: 1140px;
  top: 100px;
}

.floating-header #primary-menu ul li.mega-menu .mega-menu-content {
  margin: 0;
  width: 1220px;
}

body.stretched .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content { margin: 0 60px; }

body.stretched #header.full-header #primary-menu ul li.mega-menu .mega-menu-content { margin: 0 30px; }

#primary-menu ul li.mega-menu .mega-menu-content.style-2 { padding: 0 10px; }

#primary-menu ul li .mega-menu-content ul {
  display: block;
  position: relative;
  top: 0;
  min-width: inherit;
}

#primary-menu ul li .mega-menu-content > ul { float: left; }

#primary-menu ul li .mega-menu-content ul:not(.megamenu-dropdown) {
  display: block !important;
  opacity: 1 !important;
  top: 0;
  left: 0;
}

#primary-menu ul li .mega-menu-content.col-2 > ul,
#primary-menu ul li .mega-menu-content.col-3 > ul,
#primary-menu ul li .mega-menu-content.col-4 > ul,
#primary-menu ul li .mega-menu-content.col-5 > ul {
  width: 50%;
  margin: 0;
  border-left: 1px solid #F2F2F2;
}

#primary-menu ul li .mega-menu-content.col-3 > ul { width: 33.33%; }

#primary-menu ul li .mega-menu-content.col-4 > ul { width: 25%; }

#primary-menu ul li .mega-menu-content.col-5 > ul { width: 20%; }

#primary-menu ul li .mega-menu-content > ul:first-child { border-left: 0; }

#primary-menu ul li .mega-menu-content ul a {
  height: 42px;
  line-height: 42px;
}

#primary-menu ul li .mega-menu-content ul {
  width: 100%;
  border: 0;
  box-shadow: none;
  background-color: transparent;
}

#primary-menu ul li .mega-menu-content.style-2 > ul { padding: 30px 20px; }

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title { margin-top: 20px; }

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:first-child { margin-top: 0; }

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a {
  font-size: 13px;
  font-weight: 100;
  font-family: 'Proxima Nova', sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase !important;
  margin-bottom: 15px;
  color: #444 !important;
  padding: 0;
  height: auto !important;
  line-height: 1.3 !important;
}

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a {
  background-color: transparent;
  font-weight: bold;
  padding: 0;
  color: #444 !important;
}

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #008ab4 !important; }

#primary-menu ul ul i { line-height: inherit; }

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title.sub-menu > a,
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title.sub-menu:hover > a { background: none; }

#primary-menu ul li .mega-menu-content.style-2 li { border: 0; }

#primary-menu ul li .mega-menu-content.style-2 ul a {
  padding-left: 5px;
  height: 36px !important;
  line-height: 36px !important;
}

#primary-menu ul li .mega-menu-content.style-2 ul a:hover { padding-left: 12px; }


/* Primary Menu - Style 2
-----------------------------------------------------------------*/

#primary-menu.style-2 {
  float: none;
  max-width: none;
  border-top: 1px solid #F5F5F5;
}

#primary-menu.style-2 > div > ul { float: left; }

#primary-menu.style-2,
#primary-menu.style-2 > div > ul,
#primary-menu.style-2 > div > ul > li > a { height: 60px; }

#logo + #primary-menu.style-2 {
  height: 100px;
  border-top: 0;
}

#primary-menu.style-2 > div > ul > li > a { line-height: 60px; }

#primary-menu.style-2 > div > ul > li > a i { line-height: 59px; }

#primary-menu.style-2 ul ul,
#primary-menu.style-2 ul li .mega-menu-content { top: 60px; }

#logo + #primary-menu.style-2 > ul > li > ul,
#logo + #primary-menu.style-2 ul li .mega-menu-content { top: 100px; }

#primary-menu.style-2 > div #top-demo,
#primary-menu.style-2 > div #top-search,
#primary-menu.style-2 > div #top-cart,
#primary-menu.style-2 > div #side-panel-trigger {
  margin-top: 20px;
  margin-bottom: 20px;
}

#primary-menu > div > ul > li:hover a,
#primary-menu > div > ul > li.current a { color: #008ab4; }

body:not(.device-sm):not(.device-xs):not(.device-xxs) #primary-menu.style-2.center > ul,
body:not(.device-sm):not(.device-xs):not(.device-xxs) #primary-menu.style-2.center > div {
  float: none;
  display: inline-block;
  width: auto;
  text-align: left;
}


/* Primary Menu - Style 3
-----------------------------------------------------------------*/

#primary-menu.style-3 > ul > li > a {
  height: 44px;
  line-height: 44px;
  margin: 28px 0;
  border-radius: 2px;
}

#primary-menu.style-3 > ul > li > a i { line-height: 43px; }

#primary-menu.style-3 > ul > li:hover > a {
  color: #444;
  background-color: #F5F5F5;
}

#primary-menu.style-3 > ul > li.current > a {
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  background-color: #008ab4;
}


/* Primary Menu - Style 4
-----------------------------------------------------------------*/

#primary-menu.style-4 > ul > li > a {
  height: 44px;
  line-height: 42px;
  margin: 28px 0;
  border-radius: 2px;
  border: 1px solid transparent;
}

#primary-menu.style-4 > ul > li > a i { line-height: 41px; }

#primary-menu.style-4 > ul > li:hover > a,
#primary-menu.style-4 > ul > li.current > a { border-color: #008ab4; }


/* Primary Menu - Style 5
-----------------------------------------------------------------*/

#primary-menu.style-5 > ul {
  padding-right: 10px;
  margin-right: 5px;
  border-right: 1px solid #EEE;
}

#primary-menu.style-5 > ul > li { margin-left: 15px; }

#primary-menu.style-5 > ul > li:first-child { margin-left: 0; }

#primary-menu.style-5 > ul > li > a { line-height: 1; }

#primary-menu.style-5 > ul > li > a > div {
  padding: 25px 0;
  line-height: 1;
}

#primary-menu.style-5 > ul > li > a i {
  display: block;
  width: auto;
  top: 0;
  margin: 0 0 8px;
  font-size: 28px !important;
  line-height: 1;
  text-align: center;
}


/* Primary Menu - Style 6
-----------------------------------------------------------------*/

#primary-menu.style-6 > ul > li > a { position: relative; }

#primary-menu.style-6 > ul > li > a:after,
#primary-menu.style-6 > ul > li.current > a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 0;
  border-top: 2px solid #008ab4;
  -webkit-transition: width .3s ease;
  -o-transition: width .3s ease;
  transition: width .3s ease;
}

#primary-menu.style-6 > ul > li.current > a:after,
#primary-menu.style-6 > ul > li:hover > a:after { width: 100%; }


/* Primary Menu - Sub Title
-----------------------------------------------------------------*/

#primary-menu.sub-title > ul > li,
#primary-menu.sub-title.style-2 > div > ul > li {
  background: url("images/icons/menu-divider.png") no-repeat right center;
  margin-left: 1px;
}

#primary-menu.sub-title ul li:first-child {
  padding-left: 0;
  margin-left: 0;
}

#primary-menu.sub-title ul li a {
  height: auto;
  line-height: 14px;
  padding: 27px 20px 32px;
  text-transform: uppercase;
  border-top: 5px solid transparent;
}

#primary-menu.sub-title ul li span {
  display: block;
  margin-top: 10px;
  line-height: 12px;
  font-size: 11px;
  font-weight: 400;
  color: #888;
  text-transform: capitalize;
}

#primary-menu.sub-title ul li i { line-height: 13px; }

#primary-menu.sub-title > ul > li:hover > a,
#primary-menu.sub-title > ul > li.current > a,
#primary-menu.sub-title > div > ul > li:hover > a,
#primary-menu.sub-title > div > ul > li.current > a {
  background-color: #008ab4;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  border-top-color: rgba(0,0,0,0.1);
}

#primary-menu.sub-title > ul > li:hover span,
#primary-menu.sub-title > ul > li.current span,
#primary-menu.sub-title.style-2 > div > ul > li:hover span,
#primary-menu.sub-title.style-2 > div > ul > li.current span { color: #EEE; }

#primary-menu.sub-title.style-2 ul ul span { display: none; }


/* Primary Menu - Style 2 with Sub Title
-----------------------------------------------------------------*/

#primary-menu.sub-title.style-2 > div > ul > li { background-position: left center; }

#primary-menu.sub-title.style-2,
#primary-menu.sub-title.style-2 > div > ul,
#primary-menu.sub-title.style-2 > div > ul > li > a { height: 80px; }

#primary-menu.sub-title.style-2 div ul ul,
#primary-menu.sub-title.style-2 ul li .mega-menu-content { top: 80px; }

#primary-menu.sub-title.style-2 ul li .mega-menu-content ul { top: 0; }

#primary-menu.sub-title.style-2 > div #top-demo,
#primary-menu.sub-title.style-2 > div #top-search,
#primary-menu.sub-title.style-2 > div #top-cart,
#primary-menu.sub-title.style-2 > div #side-panel-trigger {
  float: right;
  margin-top: 30px;
  margin-bottom: 30px;
}

#primary-menu.sub-title.style-2 div ul li:first-child,
#primary-menu.sub-title.style-2 > div > ul > li:hover + li,
#primary-menu.sub-title.style-2 > div > ul > li.current + li { background-image: none; }

#primary-menu.sub-title.style-2 > div > ul > li > a {
  height: auto;
  line-height: 14px;
  padding: 17px 20px 22px;
}


/* Primary Menu - Overlay Menu
-----------------------------------------------------------------*/


@media (min-width: 992px) {

.overlay-menu:not(.top-search-open) #primary-menu-trigger {
  opacity: 1;
  pointer-events: auto;
  left: auto;
  right: 75px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
}

.overlay-menu:not(.top-search-open) .full-header #primary-menu-trigger { right: 90px; }

.overlay-menu #primary-menu > #overlay-menu-close {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 25px;
  left: auto;
  right: 25px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 24px;
  text-align: center;
  color: #444;
  z-index: 300;
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -o-transform: translateY(-80px);
  transform: translateY(-80px);
  -webkit-transition: opacity .4s ease, transform .45s .15s ease;
  -o-transition: opacity .4s ease, transform .45s .15s ease;
  transition: opacity .4s ease, transform .45s .15s ease;
}

.overlay-menu #primary-menu > ul {
  opacity: 0 !important;
  pointer-events: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100% !important;
  z-index: 299;
  background: rgba(255,255,255,0.95);
  -webkit-transition: opacity .7s ease;
  -o-transition: opacity .7s ease;
  transition: opacity .7s ease;
}

.overlay-menu #primary-menu > ul.show {
  opacity: 1 !important;
  display: inherit !important;
  pointer-events: auto;
}

.overlay-menu #primary-menu > ul.show ~ #overlay-menu-close {
  opacity: 1;
  -webkit-transition: opacity .7s .4s ease, transform .45s .15s ease;
  -o-transition: opacity .7s .4s ease, transform .45s .15s ease;
  transition: opacity .7s .4s ease, transform .45s .15s ease;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  pointer-events: auto;
}

.overlay-menu #primary-menu > ul > li {
  float: none;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}

.overlay-menu #primary-menu > ul > li > a {
  height: 60px !important;
  line-height: 60px !important;
  font-size: 24px;
  letter-spacing: 2px;
  text-transform: none;
  opacity: 0;
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -o-transform: translateY(-80px);
  transform: translateY(-80px);
  -webkit-transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear;
  -o-transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear;
  transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear;
}

.overlay-menu #primary-menu > ul.show > li > a {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

}


/* ----------------------------------------------------------------
  Top Search
-----------------------------------------------------------------*/
#top-demo {
  float: right;
  margin: 10px 0 10px 15px;}
#top-demo a {

  z-index: 11; 
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

#top-search,
#top-cart,
#side-panel-trigger {
  float: right;
  margin: 40px 0 40px 15px;
}

#top-cart { position: relative; }

#top-search a,
#top-cart a,
#side-panel-trigger a {
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #333;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

#top-demo a { z-index: 11; }

#top-demo a i {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

body.top-search-open #top-search a i.icon-search3,
#top-search a i.icon-line-cross { opacity: 0; }

body.top-search-open #top-search a i.icon-line-cross {
  opacity: 1;
  z-index: 11;
  font-size: 16px;
}

#top-cart a:hover { color: #008ab4; }

#top-search form {
  opacity: 0;
  z-index: -2;
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  padding: 0 15px;
  margin: 0;
  top: 0;
  left: 0;
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

body.top-search-open #top-search form {
  opacity: 1;
  z-index: 10;
}

#top-search form input {
  box-shadow: none !important;
  pointer-events: none;
  border-radius: 0;
  border: 0;
  outline: 0 !important;
  font-size: 32px;
  padding: 10px 80px 10px 0;
  height: 100%;
  background-color: transparent;
  color: #333;
  font-weight: 700;
  margin-top: 0 !important;
  font-family: 'Proxima Nova', sans-serif;
  letter-spacing: 2px;
}

body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.full-header #top-search form input { padding-left: 40px; }

body:not(.device-sm):not(.device-xs):not(.device-xxs) .container-fullwidth #top-search form input { padding-left: 60px; }

body.top-search-open #top-search form input { pointer-events: auto; }

body:not(.device-sm):not(.device-xs):not(.device-xxs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search form input { border-bottom: 2px solid rgba(0,0,0,0.1); }

#top-search form input::-moz-placeholder {
  color: #555;
  opacity: 1;
  text-transform: uppercase;
}
#top-search form input:-ms-input-placeholder {
  color: #555;
  text-transform: uppercase;
}
#top-search form input::-webkit-input-placeholder {
  color: #555;
  text-transform: uppercase;
}

#primary-menu .container #top-search form input,
.sticky-header #top-search form input { border: none !important; }


/* ----------------------------------------------------------------
  Top Cart
-----------------------------------------------------------------*/


#top-cart { margin-right: 0; }

#top-cart > a > span {
  display: block;
  position: absolute;
  top: -7px;
  left: auto;
  right: -14px;
  font-size: 10px;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background-color: #008ab4;
  border-radius: 50%;
}

#top-cart .top-cart-content {
  opacity: 0;
  z-index: -2;
  position: absolute;
  width: 280px;
  background-color: #FFF;
  box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);
  border: 1px solid #EEE;
  border-top: 2px solid #008ab4;
  top: 60px;
  right: -15px;
  left: auto;
  margin: -10000px 0 0;
  -webkit-transition: opacity .5s ease, top .4s ease;
  -o-transition: opacity .5s ease, top .4s ease;
  transition: opacity .5s ease, top .4s ease;
}

.style-2 .container #top-cart .top-cart-content { top: 40px; }

.style-2.sub-title .container #top-cart .top-cart-content { top: 50px; }

#top-cart.top-cart-open .top-cart-content {
  opacity: 1;
  z-index: 11;
  margin-top: 0;
}

.top-cart-title {
  padding: 12px 15px;
  border-bottom: 1px solid #EEE;
}

.top-cart-title h4 {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.top-cart-items { padding: 15px; }

.top-cart-item {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #F5F5F5;
}

.top-cart-item:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}

.top-cart-item-image {
  float: left;
  margin-right: 15px;
  width: 48px !important;
  height: 48px !important;
  border: 2px solid #EEE;
  -webkit-transition: border-color .2s linear;
  -o-transition: border-color .2s linear;
  transition: border-color .2s linear;
}

.top-cart-item-image a,
.top-cart-item-image img {
  display: block;
  width: 44px !important;
  height: 44px !important;
}

.top-cart-item-image:hover { border-color: #008ab4; }

.top-cart-item-desc {
  position: relative;
  overflow: hidden;
}

.top-cart-item-desc a {
  text-align: left !important;
  font-size: 13px !important;
  width: auto !important;
  height: auto !important;
  font-weight: 600;
}

.top-cart-item-desc a:hover { color: #008ab4 !important; }

.top-cart-item-desc span.top-cart-item-price {
  display: block;
  line-height: 20px;
  font-size: 12px !important;
  color: #999;
}

.top-cart-item-desc span.top-cart-item-quantity {
  display: block;
  position: absolute;
  font-size: 12px !important;
  right: 0;
  top: 2px;
  color: #444;
}

.top-cart-action {
  padding: 15px;
  border-top: 1px solid #EEE;
}

.top-cart-action span.top-checkout-price {
  font-size: 20px;
  color: #008ab4;
}


/* ----------------------------------------------------------------
  Sticky Header
-----------------------------------------------------------------*/

#header,
#header-wrap,
#logo img,
#primary-menu:not(.style-2),
#primary-menu:not(.style-2) > ul {
  height: 100px;
  -webkit-transition: height .2s ease, opacity .3s ease;
  -o-transition: height .2s ease, opacity .3s ease;
  transition: height .2s ease, opacity .3s ease;
}

#header.sticky-style-2 { height: 161px; }

#header.sticky-style-3 { height: 181px; }

#header.sticky-style-2 #header-wrap,
#header.sticky-style-3 #header-wrap { height: 60px; }

#primary-menu > ul > li > ul,
#primary-menu > ul > li > .mega-menu-content,
#primary-menu > ul > li.mega-menu > .mega-menu-content {
  -webkit-transition: top .4s ease;
  -o-transition: top .4s ease;
  transition: top .4s ease;
}

#top-demo,
#top-search,
#top-cart {
  -webkit-transition: margin .4s ease, opacity .3s ease;
  -o-transition: margin .4s ease, opacity .3s ease;
  transition: margin .4s ease, opacity .3s ease;
}

body:not(.top-search-open) #header-wrap #logo,
body:not(.top-search-open) #primary-menu > ul,
body:not(.top-search-open) #primary-menu > .container > ul,
body:not(.top-search-open) #top-cart,
body:not(.top-search-open) #side-panel-trigger {
  opacity: 1;
  -webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
  -o-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
  transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;
}

body.top-search-open #header-wrap #logo,
body.top-search-open #primary-menu > ul,
body.top-search-open #primary-menu > .container > ul,
body.top-search-open #top-cart,
body.top-search-open #side-panel-trigger { opacity: 0; }

#header.sticky-header.semi-transparent { background-color: transparent; }

#header-wrap { position: relative; }

#header.sticky-header #header-wrap {
  z-index: 199;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  -webkit-backface-visibility: hidden;
}

#header.semi-transparent.sticky-header #header-wrap { background-color: rgba(255,255,255,0.8) }

#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2) #logo img,
#header.sticky-header:not(.static-sticky) #primary-menu,
#header.sticky-header:not(.static-sticky) #primary-menu > ul,
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a { height: 60px; }

#header.sticky-header:not(.static-sticky).sticky-style-2 { height: 161px; }

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a { line-height: 60px; }

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a i { line-height: 59px; }

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > ul,
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > .mega-menu-content,
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li.mega-menu > .mega-menu-content { top: 60px; }

#header.sticky-header:not(.static-sticky) #top-demo 
{
  margin-top: 5px !important;
  margin-bottom: 20px !important;
}

/* lcedit -  On Scroll actions. This scales the top margin down to 
accomadate for the button spacing.  Slick, I know. */



#header.sticky-header:not(.static-sticky) #top-search,
#header.sticky-header:not(.static-sticky) #top-cart,
#header.sticky-header:not(.static-sticky) #side-panel-trigger {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content { top: 40px; }

#header.sticky-header.sticky-style-2 #primary-menu { border-top: 0; }

/* Primary Menu - Style 3
-----------------------------------------------------------------*/

#header.sticky-header:not(.static-sticky) #primary-menu.style-3 > ul > li > a {
  margin: 0;
  border-radius: 0;
}

/* Primary Menu - Style 4
-----------------------------------------------------------------*/

#header.sticky-header:not(.static-sticky) #primary-menu.style-4 > ul > li > a {
  height: 36px;
  line-height: 34px;
  margin: 12px 0;
}

#header.sticky-header:not(.static-sticky) #primary-menu.style-4 > ul > li > a i { line-height: 33px; }

/* Primary Menu - Style 5
-----------------------------------------------------------------*/

#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li { margin-left: 2px; }

#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li:first-child { margin-left: 0; }

#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a { line-height: 60px; }

#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a > div {
  padding: 0;
  line-height: 60px;
}

#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a i {
  display: inline-block;
  width: 14px;
  top: 1px;
  margin: 0 5px 0 0;
  font-size: 14px !important;
  line-height: 59px;
}



/* Primary Menu - Sub Title
-----------------------------------------------------------------*/

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div > ul > li {
  background: none !important;
  margin-left: 2px;
}

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li:first-child,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div > ul > li:first-child { margin-left: 0; }

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li > a {
  height: 60px;
  line-height: 60px;
  padding: 0 15px;
  text-transform: none;
  font-size: 14px;
  border-top: 0;
}

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title ul li span { display: none; }

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li > a i { line-height: 59px; }

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > div > ul > li > ul,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > div > ul > li > .mega-menu-content,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > div > ul > li.mega-menu > .mega-menu-content { top: 58px; }




/* ----------------------------------------------------------------
  Breadcrumb Menu
-----------------------------------------------------------------*/

#page-menu .breadlinks a {
  display: inline-block;
  height: 44px;
  line-height: 44px;
  padding: 0 17px;
  color: #FFF;
  font-size: 14px;
}

#page-menu .breadlinks a:hover { 
  border-bottom: 5px solid #fff;
}










/* ----------------------------------------------------------------
  Page Menu
-----------------------------------------------------------------*/

#page-menu,
#page-menu-wrap {
  position: relative;
  height: 44px;
  line-height: 44px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

#page-menu-wrap { background-color: #008ab4; }

#page-menu.sticky-page-menu #page-menu-wrap {
  position: fixed;
  z-index: 99;
  top: 60px;
  left: 0;
  width: 100%;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  -webkit-backface-visibility: hidden;
}

#header.no-sticky ~ #page-menu.sticky-page-menu #page-menu-wrap { top: 0; }

#page-submenu-trigger {
  top: 0;
  margin-top: 0;
  left: auto;
  right: 15px;
  width: 40px;
  height: 44px;
  line-height: 44px;
}

#page-menu .menu-title {
  float: left;
  color: #FFF;
  font-size: 20px;
  font-weight: 100;
}

#page-menu .menu-title span { font-weight: 100; }

#page-menu nav {
  position: relative;
  float: right;
}

#page-menu nav ul {
  margin-bottom: 0;
  height: 44px;
}

#page-menu nav li {
  position: relative;
  float: left;
  list-style: none;
}

#page-menu nav li a {
  display: block;
  height: 44px;
  line-height: 44px;
  padding: 0 17px;
  color: #FFF;
  font-size: 14px;
}


#page-menu nav.actions li a {
  
  font-size: 20px;
}


body:not(.device-touch) #page-menu nav li a {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#page-menu nav li a:hover,
#page-menu nav li.current a { border-bottom: 3px solid #fff; }

.subcurrent a {background-color: rgba(0,0,0,.05) !important;}




/*Page Menu Subheader */

.blog-header h1 {
  font-size: 350% !important;
  font-weight: 700;
  line-height: 120%;
  padding-top: 20px !important;

}


.heavy-text li strong {
  /*font-size: 130%;*/
}
.heavy-text li {
  padding-bottom: 10px;
}

.heavy-text li li {
  padding-left: 10px;
  margin-left: 20px;
}

/*blog specific */
#page-menu.blog-subheader #page-menu-wrap {
  height: 70px;
  padding: 7px 0 0 0;

}

#page-menu.blog-subheader-large #page-menu-wrap {
  height: 90px;
  padding: 10px 0 0 0;

}






#page-menu.page-menu-subheader .button-bar {
    text-align: right;
    padding: 0 30px;
}

#page-menu.page-menu-subheader .menu-title {
  padding: 0 30px; 
}


#page-menu .button-bar a.button
{background-color: rgba(0,0,0,.2) !important;}







/* Page Menu - Dots Style
-----------------------------------------------------------------*/

#page-menu.dots-menu,
#page-menu.dots-menu #page-menu-wrap {
  position: fixed;
  z-index: 99;
  top: 50%;
  left: auto;
  right: 20px;
  width: 24px;
  height: auto;
  line-height: 1.5;
  background-color: transparent;
  text-shadow: none;
}

#page-menu.dots-menu #page-menu-wrap {
  position: relative;
  box-shadow: none;
}

#page-menu.dots-menu .menu-title { display: none; }

#page-menu.dots-menu nav {
  float: none;
  width: 24px;
}

#page-menu.dots-menu nav ul { height: auto; }

#page-menu.dots-menu nav ul li {
  float: none;
  width: 14px;
  height: 14px;
  margin: 10px 6px;
}

#page-menu.dots-menu nav li a {
  position: relative;
  width: 10px;
  height: 10px;
  line-height: 1.5;
  padding: 0;
  margin: 0 2px;
  background-color: rgba(0,0,0,0.4);
  border-radius: 50%;
  color: #777;
}

#page-menu.dots-menu nav li a:hover { background-color: rgba(0,0,0,0.7) }

#page-menu.dots-menu nav li.current a { background-color: #008ab4; }

#page-menu.dots-menu nav li .dots-menu-caption {
  position: absolute;
  width: auto;
  top: -11px;
  right: 25px;
  background-color: #008ab4;
  color: #FFF;
  padding: 5px 14px;
  white-space: nowrap;
  pointer-events: none;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
  border-radius: 2px;
  opacity: 0;
}

body:not(.device-touch) #page-menu.dots-menu nav li .dots-menu-caption {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#page-menu.dots-menu nav li .dots-menu-caption:after {
  position: absolute;
  content: '';
  top: 50%;
  margin-top: -6px;
  left: auto;
  right: -5px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 6px solid #008ab4;
}

#page-menu.dots-menu nav li a:hover + .dots-menu-caption {
  opacity: 1;
  right: 30px;
}


/* ----------------------------------------------------------------
  One Page
-----------------------------------------------------------------*/

.one-page-arrow {
  position: absolute;
  z-index: 3;
  bottom: 20px;
  left: 50%;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  font-size: 32px;
  text-align: center;
  color: #222;
}


/* ----------------------------------------------------------------
  Side Header
-----------------------------------------------------------------*/

@media (min-width: 992px) {


.side-header #header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 260px;
  height: 100%;
  background-color: #FFF;
  border: none;
  border-right: 1px solid #EEE;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.065);
}

.side-header #header-wrap {
  width: 300px;
  height: 100%;
  overflow: auto;
  padding-right: 40px;
}

.side-header #header .container {
  width: 260px !important;
  padding: 0 30px !important;
  margin: 0 !important;
}

.side-header #logo {
  float: none;
  margin: 60px 0 40px;
}

.side-header #logo img { height: auto !important; }

.side-header #logo:not(.nobottomborder):after,
.side-header #primary-menu:not(.nobottomborder):after {
  display: block;
  content: '';
  width: 20%;
  border-bottom: 1px solid #E5E5E5;
}

.side-header .center #logo:after { margin: 0 auto; }

.side-header #primary-menu { margin-bottom: 30px; }

.side-header #primary-menu:not(.nobottomborder):after { margin-top: 40px; }

.side-header #primary-menu,
.side-header #primary-menu ul {
  float: none;
  height: auto;
}

.side-header #primary-menu ul li {
  float: none;
  margin: 15px 0 0;
}

.side-header #primary-menu ul li:first-child { margin-top: 0; }

.side-header #primary-menu ul li a {
  height: 25px;
  line-height: 25px;
  padding: 0;
  text-transform: uppercase;
}

.side-header #primary-menu ul li i { line-height: 24px; }

.side-header #primary-menu ul ul {
  position: relative;
  width: 100%;
  background-color: transparent;
  box-shadow: none;
  border: none;
  height: auto;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 5px 0;
  padding-left: 12px;
}

.side-header #primary-menu ul ul ul {
  top: 0 !important;
  left: 0;
}

.side-header #primary-menu ul ul.menu-pos-invert {
  left: 0;
  right: auto;
}

.side-header #primary-menu ul ul ul.menu-pos-invert { right: auto; }

.side-header #primary-menu ul ul li {
  margin: 0;
  border: 0;
}

.side-header #primary-menu ul ul li:first-child { border-top: 0; }

.side-header #primary-menu ul ul a {
  font-size: 12px;
  height: auto !important;
  line-height: 24px !important;
  padding: 2px 0 !important;
}

.side-header #primary-menu ul ul li:hover > a {
  background-color: transparent !important;
  color: #444 !important;
}

.side-header #primary-menu ul > li.sub-menu > a,
.side-header #primary-menu ul > li.sub-menu:hover > a { background-image: none !important; }

.side-header #primary-menu ul > li.sub-menu > a:after {
  position: absolute;
  content: '\e7a5';
  top: 1px;
  right: 0;
  -webkit-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}

.side-header #primary-menu ul > li.sub-menu:hover > a:after {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.side-header:not(.open-header) #wrapper {
  margin: 0 0 0 260px !important;
  width: auto !important;
}

.side-header:not(.open-header) #wrapper .container {
  width: auto;
  margin: 0 40px;
}


/* Side Header - Push Header
-----------------------------------------------------------------*/

.side-header.open-header.push-wrapper { overflow-x: hidden; }

.side-header.open-header #header { left: -260px; }

.side-header.open-header.side-header-open #header { left: 0; }

.side-header.open-header #wrapper { left: 0; }

.side-header.open-header.push-wrapper.side-header-open #wrapper { left: 260px; }

#header-trigger { display: none; }

.side-header.open-header #header-trigger {
  display: block;
  position: fixed;
  cursor: pointer;
  top: 20px;
  left: 20px;
  z-index: 11;
  font-size: 16px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #FFF;
  text-align: center;
  border-radius: 2px;
}

.side-header.open-header.side-header-open #header-trigger { left: 280px; }

.side-header.open-header #header-trigger i:nth-child(1),
.side-header.open-header.side-header-open #header-trigger i:nth-child(2) { display: block; }

.side-header.open-header.side-header-open #header-trigger i:nth-child(1),
.side-header.open-header #header-trigger i:nth-child(2) { display: none; }


.side-header.open-header #header,
.side-header.open-header #header-trigger,
.side-header.open-header.push-wrapper #wrapper {
  -webkit-transition: left .4s ease;
  -o-transition: left .4s ease;
  transition: left .4s ease;
}


/* Side Header - Right Aligned
-----------------------------------------------------------------*/

.side-header.side-header-right #header {
  left: auto;
  right: 0;
  border: none;
  border-left: 1px solid #EEE;
}

.side-header.side-header-right:not(.open-header) #wrapper { margin: 0 260px 0 0 !important; }

.side-header.side-header-right.open-header #header {
  left: auto;
  right: -260px;
}

.side-header.side-header-right.open-header.side-header-open #header {
  left: auto;
  right: 0;
}

.side-header.side-header-right.open-header.push-wrapper.side-header-open #wrapper { left: -260px; }

.side-header.side-header-right.open-header #header-trigger {
  left: auto;
  right: 20px;
}

.side-header.side-header-right.open-header.side-header-open #header-trigger {
  left: auto;
  right: 280px;
}

.side-header.side-header-right.open-header #header,
.side-header.side-header-right.open-header #header-trigger {
  -webkit-transition: right .4s ease;
  -o-transition: right .4s ease;
  transition: right .4s ease;
}


}


/* ----------------------------------------------------------------
  Side Push Panel
-----------------------------------------------------------------*/

body.side-push-panel { overflow-x: hidden; }

#side-panel {
  position: fixed;
  top: 0;
  right: -300px;
  z-index: 399;
  width: 300px;
  height: 100%;
  background-color: #008ab4 !important;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}

body.side-panel-left #side-panel {
  left: -300px;
  right: auto;
}

body.side-push-panel.stretched #wrapper,
body.side-push-panel.stretched #header.sticky-header .container { right: 0; }

body.side-panel-left.side-push-panel.stretched #wrapper,
body.side-panel-left.side-push-panel.stretched #header.sticky-header .container {
  left: 0;
  right: auto;
}

#side-panel .side-panel-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 330px;
  height: 100%;
  overflow: auto;
  padding: 50px 70px 50px 40px;
}

body.device-touch #side-panel .side-panel-wrap { overflow-y: scroll; }

#side-panel .widget {
  margin-top: 40px;
  padding-top: 40px;
  width: 220px;
  border-top: 1px solid rgba(255,255,255,.5);
}

#side-panel .widget:first-child {
  padding-top: 0;
  border-top: 0;
  margin: 0;
}

body.side-panel-open #side-panel { right: 0; }

body.side-panel-left.side-panel-open #side-panel {
  left: 0;
  right: auto;
}

body.side-push-panel.side-panel-open.stretched #wrapper,
body.side-push-panel.side-panel-open.stretched #header.sticky-header .container { right: 300px; }

body.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper,
body.side-panel-left.side-push-panel.side-panel-open.stretched #header.sticky-header .container {
  left: 300px;
  right: auto;
}

#side-panel-trigger {
  display: block;
  cursor: pointer;
  z-index: 11;
  margin-right: 5px;
}

#side-panel-trigger-close a { display: none; }

#side-panel,
body.side-push-panel.stretched #wrapper,
body.side-push-panel.stretched #header .container {
  -webkit-transition: right .4s ease;
  -o-transition: right .4s ease;
  transition: right .4s ease;
}

body.side-panel-left #side-panel,
body.side-panel-left.side-push-panel.stretched #wrapper,
body.side-panel-left.side-push-panel.stretched #header .container {
  -webkit-transition: left .4s ease;
  -o-transition: left .4s ease;
  transition: left .4s ease;
}

.body-overlay {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(10,85,135,0.6);
  z-index: -1;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

body.side-panel-open .body-overlay {
  opacity: 1;
  z-index: 298;
  pointer-events: auto;
}

body.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover { cursor: url('images/icons/close.png') 15 15, default; }


/* ----------------------------------------------------------------
  Slider
-----------------------------------------------------------------*/





#slider {
  position: relative;
  width: 100%;
  overflow: hidden;


-webkit-box-shadow: inset 0px -10px 76px -42px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px -10px 76px -42px rgba(0,0,0,0.75);
box-shadow: inset 0px -10px 76px -42px rgba(0,0,0,0.75);*/
 

}

.slider-parallax,
.slider-parallax .swiper-container {
  visibility: visible;
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
  -webkit-backface-visibility: hidden;
}


/* Boxed Slider
-----------------------------------------------------------------*/

.boxed-slider { padding-top: 40px; } 

.boxed-slider.testimonials {
  padding-bottom: 50px !important;
}
.boxed-slider.industry-testimonial {
  padding: 0 50px !important;
}


/* Flex Slider - Thumbs
-----------------------------------------------------------------*/

.fslider[data-animation="fade"] .flexslider { height: auto !important; }

.flex-control-nav.flex-control-thumbs {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 2px -2px -2px 0;
  height: 75px;
}

.flex-control-nav.flex-control-thumbs li { margin: 0 2px 2px 0; }

.flex-control-nav.flex-control-thumbs li img {
  cursor: pointer;
  text-indent: -9999px;
  border: 0;
  border-radius: 0;
  margin: 0;
  opacity: 0.5;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.flex-control-nav.flex-control-thumbs li,
.flex-control-nav.flex-control-thumbs li img {
  display: block;
  width: 100px !important;
  height: 75px !important;
}

.flex-control-nav.flex-control-thumbs li:hover img,
.flex-control-nav.flex-control-thumbs li img.flex-active {
  border-width: 0;
  opacity: 1;
}


/* Flex Thumbs - Flexible
-----------------------------------------------------------------*/

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs {
  margin: 2px -2px -2px 0;
  height: auto;
}

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li {
  width: 25% !important;
  height: auto !important;
  margin: 0;
  padding: 0 2px 2px 0;
}

.fslider.flex-thumb-grid.grid-3 .flex-control-nav.flex-control-thumbs li { width: 33.30% !important; }
.fslider.flex-thumb-grid.grid-5 .flex-control-nav.flex-control-thumbs li { width: 20% !important; }
.fslider.flex-thumb-grid.grid-6 .flex-control-nav.flex-control-thumbs li { width: 16.66% !important; }
.fslider.flex-thumb-grid.grid-8 .flex-control-nav.flex-control-thumbs li { width: 12.5% !important; }
.fslider.flex-thumb-grid.grid-10 .flex-control-nav.flex-control-thumbs li { width: 10% !important; }
.fslider.flex-thumb-grid.grid-12 .flex-control-nav.flex-control-thumbs li { width: 8.33% !important; }

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img {
  width: 100% !important;
  height: auto !important;
}


/* Swiper Slider
-----------------------------------------------------------------*/


.swiper_wrapper {
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.full-screen .swiper_wrapper { height: auto; }

.swiper_wrapper .swiper-container {
  position: relative;
  width:100%;
  height:100%;
  margin: 0;
  background: url('images/pattern2.png') repeat;
}

.swiper_wrapper .swiper-slide {
  position: relative;
  margin: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.swiper-slide [data-caption-animate] { -webkit-backface-visibility: hidden; }

.swiper-slide .video-wrap,
.section .video-wrap,
.swiper-slide .yt-bg-player,
.section .yt-bg-player {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}

#slider .container {
  position: relative;
  height: 100%;
}

#slider.canvas-slider .swiper-slide img { width: 100%; }

#slider.canvas-slider a {
  display: block;
  height: 100%;
}


/* Revolution Slider
-----------------------------------------------------------------*/

.boxedcontainer {
  max-width: 1140px;
  margin:auto;
}

.tp-banner-container{
  width:100%;
  position:relative;
  padding:0;
}

.tp-banner{
  width:100%;
  position:relative;
}

.tp-banner-fullscreen-container {
  width:100%;
  position:relative;
  padding:0;
}

.tp-banner .button { height: auto !important; }

.tparrows.preview2:after { line-height: 1 !important; }


/* Image Overlay
-----------------------------------------------------------------*/

.image-wrap {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.image-wrap video {
  position: relative;
  z-index: 1;
  width: 100%;
}

.image-overlay,
.image-placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  background: transparent url('images/grid.png') repeat;
  -webkit-backface-visibility: hidden;
}

.image-placeholder {
  z-index: 4;
  background-repeat: no-repeat !important;
}


/* Video Overlay
-----------------------------------------------------------------*/

.video-wrap {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.video-wrap video {
  position: relative;
  z-index: 1;
  width: 100%;
}

.header-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -100;
  background: transparent url('images/grid.png') repeat;
  -webkit-backface-visibility: hidden;
}


.screen-door-off {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  background: transparent;
  -webkit-backface-visibility: hidden;
}






.screen-door,
.video-overlay,
.video-placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  background: transparent url('images/grid.png') repeat;
  -webkit-backface-visibility: hidden;
}

.video-placeholder {
  z-index: 4;
  background-repeat: no-repeat !important;
}


/* Slider Caption
-----------------------------------------------------------------*/

.slider-caption,
.nivo-caption,
.flex-caption {
  position: absolute;
  top: 0;
  left: 15px;
  z-index: 20;
  max-width: 550px;
  color: #EEE;
  font-size: 22px;
  font-weight: 300;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
  -webkit-transition: top .3s ease;
  -o-transition: top .3s ease;
  transition: top .3s ease;
}

.slider-caption:not(.dark),
.slider-caption:not(.dark) h2 {
  color: #222;
  text-shadow: none;
}

.slider-caption h2 {
  font-size: 64px;
  letter-spacing: -.02em !important;
  text-transform: uppercase !important;
  font-weight: 100;
  line-height: 1;
  margin-bottom: 30px;
}

.slider-caption p {
  margin-bottom: 10px;
  font-size: 24px;
  text-transform: none !important
}

.slider-caption.slider-caption-right {
  left: auto;
  right: 15px;
}

.slider-caption.slider-caption-center {
  position: relative;
  max-width: 800px;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.slider-caption-bg {
  padding: 5px 12px;
  border-radius: 2px;
  background-color: rgba(0,0,0,0.6);
  top: auto;
  bottom: 50px;
  left: 50px;
}

.slider-caption-bg.slider-caption-bg-light {
  background-color: rgba(255,255,255,0.8);
  color: #333;
  font-weight: 400;
  text-shadow: none;
}

.slider-caption-top-left {
  top: 50px;
  bottom: auto;
}

.slider-caption-top-right {
  top: 50px;
  bottom: auto;
  left: auto;
  right: 50px;
}

.slider-caption-bottom-right {
  left: auto;
  right: 50px;
}






/* Slider Arrows
-----------------------------------------------------------------*/

#slider .owl-theme .owl-controls { margin: 0; }

#slider-arrow-left,
#slider-arrow-right,
.camera_prev,
.camera_next,
#slider .owl-prev,
#slider .owl-next,
.flex-prev,
.flex-next,
.nivo-prevNav,
.nivo-nextNav,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
  position: absolute;
  cursor: pointer;
  z-index: 10;
  top: 50%;
  left: 0;
  margin-top: -26px;
  background-color: rgba(0,0,0,0.3);
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 0 2px 2px 0;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
  top: auto;
  bottom: 57px;
  left: auto;
  right: 20px;
  margin: 0;
  width: 32px;
  height: 32px;
  border-radius: 3px 3px 0 0;
}

.slider-arrow-bottom-sm {
  bottom: 20px;
  border-radius: 0 0 3px 3px;
}

.fslider[data-thumbs="true"] .flex-prev,
.fslider[data-thumbs="true"] .flex-next { margin-top: -64px; }

#slider .owl-prev,
#slider .owl-next {
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

#slider-arrow-right,
.camera_next,
#slider .owl-next,
.flex-next,
.nivo-nextNav {
  left: auto;
  right: 0;
  border-radius: 3px 0 0 3px;
}

#slider-arrow-left i,
#slider-arrow-right i,
.camera_prev i,
.camera_next i,
#slider .owl-prev i,
#slider .owl-next i,
.flex-prev i,
.flex-next i,
.nivo-prevNav i,
.nivo-nextNav i,
.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
  line-height: 50px;
  width: 34px;
  height: 52px;
  color: #DDD;
  color: rgba(255,255,255,0.8);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  font-size: 34px;
  text-align: center;
  margin-left: 7px;
}


.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
  width: 32px;
  height: 32px;
  margin: 0;
  line-height: 30px;
  font-size: 18px;
  color: #FFF;
  color: rgba(255,255,255,1);
}

.flex-prev i { margin-left: 9px; }

#slider .owl-prev i { margin-left: 0; }

#slider-arrow-right i,
.camera_next i,
.nivo-nextNav i { margin-left: 10px; }

.flex-next i { margin-left: 11px; }

#slider .owl-next i { margin-right: 4px; }

#slider .owl-controls .owl-nav {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#slider .owl-controls .owl-nav div,
#slider:hover .owl-controls .owl-nav { opacity: 1; }

#slider-arrow-left:hover,
#slider-arrow-right:hover,
.camera_prev:hover,
.camera_next:hover,
#slider .owl-prev:hover,
#slider .owl-next:hover,
.flex-prev:hover,
.flex-next:hover,
.nivo-prevNav:hover,
.nivo-nextNav:hover,
.slider-arrow-top-sm:hover,
.slider-arrow-bottom-sm:hover { background-color: rgba(0,0,0,0.6) !important; }


/* Slide Number
-----------------------------------------------------------------*/

#slide-number {
  position: absolute;
  opacity: 0;
  top: auto;
  right: 20px;
  bottom: 20px;
  z-index: 20;
  width: 36px;
  height: 40px;
  text-align: center;
  color: rgba(255,255,255,0.8);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
  font-size: 18px;
  font-weight: 300;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

#slider:hover #slide-number { opacity: 1; }

#slide-number-current,
#slide-number-total {
  position: absolute;
  line-height: 1;
  top: 5px;
  left: 0;
}

#slide-number-total {
  top: auto;
  bottom: 5px;
  left: auto;
  right: 0;
}

#slide-number span {
  display: block;
  font-size: 32px;
  line-height: 40px;
}


/* Pagination
-----------------------------------------------------------------*/

#slider .owl-dots {
  position: absolute;
  width: 100%;
  z-index: 20;
  margin: 0;
  top: auto;
  bottom: 15px;
}

#slider .owl-controls .owl-dots span {
  width: 10px;
  height: 10px;
  margin: 0 3px;
  opacity: 1;
  background-color: transparent;
  border: 1px solid #FFF;
}

#slider .owl-dots .owl-dot.active span,
#slider .owl-dots .owl-dot:hover span { background-color: #FFF !important; }



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


#member-title {
  position: relative;
  padding: 10px 0;
  background-color: #F5F5F5;
  border-bottom: 1px solid #EEE;
}



#member-title p { 
  text-align: left;
  font-size: 95%;
  padding:12px 0 0 0;
  margin: 0;
   }

#member-title .container { position: relative; }

#member-title a.button {
  font-size: 75%;
  border: 1px solid rgba(0,0,0,.2)!important;
  padding: 1px 10px 1px 10px;
  border-radius: 3px;
}



/* ----------------------------------------------------------------
  Page Title
-----------------------------------------------------------------*/


#page-title {
  position: relative;
  padding: 50px 0;
  background-color: #F5F5F5;
  border-bottom: 1px solid #EEE;
}

#page-title .container { position: relative; }

#page-title h1 {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 1px;
  color: #333;
  font-size: 28px;
  text-transform: uppercase;
}

#page-title span {
  display: block;
  margin-top: 10px;
  font-weight: 300;
  color: #777;
  font-size: 18px;
}

.breadcrumb {
  position: absolute !important;
  width: auto !important;
  top: 50% !important;
  left: auto !important;
  right: 15px !important;
  /*margin: -10px 0 0 0 !important;   edited by LC */  
  margin: 100px 0 0 0;
  opacity: .5;


  background-color: transparent !important;
  padding: 0 !important;
  font-size: 12px;
}

body.stretched .container-fullwidth .breadcrumb { right: 60px !important; }

#header.transparent-header + #page-title.page-title-parallax .breadcrumb { margin-top: 35px !important; }

.breadcrumb a { color: #555; }

.breadcrumb a:hover { color: #008ab4; }

.breadcrumb i { width: auto !important; }

/* Page Title - Dark
-----------------------------------------------------------------*/

#page-title.page-title-dark {
  background-color: #333;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.15) !important;
  border-bottom: none;
}

#page-title.page-title-dark h1 { color: rgba(255,255,255,0.9) !important; }

#page-title.page-title-dark span { color: rgba(255,255,255,0.7); }

#page-title.page-title-dark .breadcrumb > .active { color: rgba(255,255,255,0.6); }

#page-title.page-title-dark .breadcrumb a { color: rgba(255,255,255,0.8); }

#page-title.page-title-dark .breadcrumb a:hover { color: rgba(255,255,255,0.95); }

/* Page Title - Right Aligned
-----------------------------------------------------------------*/

#page-title.page-title-right { text-align: right; }

#page-title.page-title-right .breadcrumb {
  right: 15px !important;
  left: auto !important;
}

.breadcrumb li a {
  background: rgba(0,138,180,.95);
  padding: 5px 8px;
  color: #fff;
}

.breadcrumb li a:hover {
  background: #333;
  color: #fff;
}

p.small-list h4 {font-weight: 100 !important;}

/* Page Title - Center Aligned
-----------------------------------------------------------------*/

#page-title.page-title-center { text-align: center; }

#page-title.page-title-center span {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

#page-title.page-title-center .breadcrumb {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 20px 0 0 !important;
}

/* Page Title - Background Pattern
-----------------------------------------------------------------*/

#page-title.page-title-pattern {
  background-image: url('images/pattern.png');
  background-repeat: repeat;
  background-attachment: fixed;
}

/* Page Title - Parallax Background
-----------------------------------------------------------------*/

#page-title.page-title-parallax {
  padding: 100px 0;
  text-shadow: none;
  border-bottom: none;
}

#page-title.page-title-parallax h1 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 2px;
}

#page-title.page-title-parallax span { font-size: 22px; }

#page-title.page-title-parallax .breadcrumb { font-size: 13px; }

#page-title.page-title-parallax {
  background-color: transparent;
  background-image: url('images/parallax/parallax-bg.jpg');
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: no-repeat;
}


/* Sticky Filter
-----------------------------------------------------------------*/
 

#page-title.sticky-filter {
  font-weight: 300;
  padding: 5px 0;
  font-size: 14px;
  color: #333;
  border-bottom: none;
}
 

.banner-mini-sticky.sticky-filter {
  background: none !important;
}
.banner-mini-sticky.sticky-filter #page-menu-wrap {
  background: #fff;
  min-height: 100px;

}
 






/* Mini Banner
-----------------------------------------------------------------*/
 

#page-title.mini-banner {
  font-weight: 300;
  padding: 5px 0;
  font-size: 14px;
  color: #333;
  /*background-color: rgba(0,0,0,.2); */
  border-bottom: none;
}
 

.page-menu-subheader.mini-banner #page-menu-wrap,
.page-menu-subheader.mini-banner {
  height: 40px !important;  
}

.banner-mini-sticky {background-color: #143c57;}

.banner-mini-sticky .page-menu-subheader img {
  width: 40%;  
  margin: 20px auto 0 auto; 
  text-align: center;
}


/* INDUSTRY STICKY WRAPPER - special push down for industry pages only*/
.industry-sticky-wrapper #page-menu.sticky-page-menu #page-menu-wrap {
  top: 104px;
}










/* Page Title - Mini
-----------------------------------------------------------------*/

#page-title.page-title-mini { padding: 20px 0; }

#page-title.page-title-mini h1 {
  font-weight: 600;
  font-size: 18px;
  color: #444;
}

#page-title.page-title-mini span { display: none; }


/* Page Title - No Background
-----------------------------------------------------------------*/

#page-title.page-title-nobg {
  background: transparent !important;
  border-bottom: 1px solid #F5F5F5;
}


/* Page Title - Video
-----------------------------------------------------------------*/

#page-title.page-title-video {
  background: none;
  position: relative;
  overflow: hidden;
}

#page-title.page-title-video .container { z-index: 3; }

#page-title.page-title-video .video-wrap {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

#page-title.page-title-video .video-wrap video { width: 100%; }


/* ----------------------------------------------------------------
  Content
-----------------------------------------------------------------*/


#content {
  position: relative;
  overflow: hidden;
  background-color: #FFF;
}

#content p { line-height: 1.8; }

.content-wrap {
  position: relative;
  /*padding: 80px 0;*/
  padding: 0;
}

#content .container { position: relative; }


/* ----------------------------------------------------------------
  Portfolio
-----------------------------------------------------------------*/


/* Portfolio - Filter
-----------------------------------------------------------------*/

#portfolio-filter {
  position: relative;
  margin: 0 0 40px 0;
  list-style: none;
  border: 1px solid rgba(0,0,0,0.07);
  float: left;
  border-radius: 4px;
}

#portfolio-filter li {
  float: left;
  position: relative;
}

#portfolio-filter li a {
  display: block;
  position: relative;
  padding: 12px 18px;
  font-size: 13px;
  line-height: 15px;
  color: #666;
  border-left: 1px solid rgba(0,0,0,0.07);
}

#portfolio-filter li:first-child a {
  border-left: none;
  border-radius: 4px 0 0 4px;
}

#portfolio-filter li:last-child a { border-radius: 0 4px 4px 0; }

#portfolio-filter li a:hover { color: #008ab4; }

#portfolio-filter li.activeFilter a {
  color: #FFF !important;
  background-color: #008ab4;
  margin: -1px 0;
  padding: 13px 18px;
}

#portfolio-filter li.activeFilter a { font-weight: bold; }


.bothsidebar #portfolio-filter li a { padding: 12px 14px; }

.bothsidebar #portfolio-filter li.activeFilter a { padding: 13px 18px; }









/* Dreamforce Highlight - Filters  lcedit
-----------------------------------------------------------------*/
 

 .blur1 {
  -webkit-filter: blur(5px); /* Chrome, Safari, Opera */
    filter: blur(5px);
 }

.dreamforce-highlights .dark .line {border-top-color: rgba(255,255,255,0.2);}
.dreamforce-highlights .line {border-top-color: rgba(0,0,0,0.2);}

.dreamforce-highlights .screen {
  background: transparent url('images/grid.png') repeat;
  -webkit-backface-visibility: hidden;
}


.dreamforce-highlights .dark #highlight-filter li a {
  color: #eee;
  background-color: rgba(0,0,0,.5); 
}

.dreamforce-highlights #highlight-filter li a {
  display: inline-block;
  position: relative;
  padding: 16px 14px;
  font-size: 13px;
  line-height: 15px;
  color: #666;
  background-color: rgba(0,0,0,.2); 
}

.dreamforce-highlights #highlight-filter li a:hover { 
  color: #008ab4;
  text-shadow: none; 
  background-color: rgba(255,255,255,.9); }

.dreamforce-highlights #highlight-filter li.activeFilter a {
  color: #FFF !important;
  background-color: #008ab4;
}

.dreamforce-highlights #highlight-filter li.activeFilter a { font-weight: bold; }

.dreamforce-highlights #highlight-filter .button-border {border: 0 !important; }



.dreamforce-highlights #portfolio article,
 .dreamforce-highlights #portfolio-alt article {
  background: rgba(255,255,255,0.1);
  /*border-radius: 4px;*/
}


.dreamforce-highlights .portfolio-item .highlight-title h4{
  color: #fff;
  padding-top: 15px;
  padding-right: 18px;
  font-weight: 500;
}

.dreamforce-highlights .portfolio-item .highlight-title {
  color: #fff;
  padding-bottom: 10px;
 }

.dreamforce-highlights .portfolio-item:hover .highlight-title {color: #333;}

.dreamforce-highlights .portfolio-item:hover h4 {
  color: #008ab4 !important;
}

.dreamforce-highlights .portfolio-item .highlight.highlight-list img{
  /*padding-top: 2px;*/
}
.dreamforce-highlights #portfolio article:hover .portfolio-item,
.dreamforce-highlights #portfolio-alt article:hover .portfolio-item {
  background: #fff;
  color: #008ab4;
}

.dreamforce-highlights #portfolio article:hover .highlight-date,
.dreamforce-highlights #portfolio-alt article:hover .highlight-date {
  background: #333;
  color: #fff;
}



.dreamforce-highlights #portfolio article .highlight-date span,
.dreamforce-highlights #portfolio-alt article .highlight-date span{
  display: block;
  font-size: 115%;
  font-weight: 300;

}
.dreamforce-highlights #portfolio article .highlight-date,
.dreamforce-highlights #portfolio-alt article .highlight-date {
  background:rgba(255,255,255,.8);
  width: 20%;
  display: block;
  float: left;
  font-size: 110%;
  font-weight: 600;
  text-shadow: none;
  /*border-radius: 5px;*/
}


/* Highlight - Filter
-----------------------------------------------------------------*/

#highlight-filter {
  position: relative;
  margin: 0 0 40px 0;
  list-style: none;
  display: inline;
  /*float: left;*/
  /*border-radius: 4px;*/
}

#highlight-filter li {
  /*float: left;*/
  display: inline;
  position: relative;
}

#highlight-filter li a {
  display: inline-block;
  position: relative;
  padding: 16px 14px;
  font-size: 13px;
  line-height: 15px;
  color: #666;
}

#highlight-filter li a:hover { color: #fff; }

#highlight-filter li.activeFilter a {
  color: #FFF !important;
  background-color: #008ab4;
}

#highlight-filter li.activeFilter a { font-weight: bold; }

#highlight-filter .button-border {border: 0 !important; }





/* Highlight List
-----------------------------------------------------------------*/


#inline-list {
 width: 80%;
 }

 #inline-list p {
 display: inline;
 }
 
 #inline-list ul, #inline-list li {
 display: inline;
 margin: 0;
 padding: 0;
 }




.portfolio-item .iconlist a {color: #333;}

.portfolio-item .iconlist a:hover {color: #008ab4; text-decoration: underline;}

.portfolio-item .iconlist {
  color: #333;
  font-size: 120%;
  padding: 0 20px 10px 20px; }


.highlight h2 {
  font-size: 150%; 
  color: #008ab4; 
  padding: 20px 10px 0 10px;
  line-height: 120%;
}

.highlight:hover {background: #fff !important;}

.highlight {background: rgba(0,0,0,.03) !important}

.highlight.highlight-list .highlight-desc {
  position: relative;
  overflow: hidden;
  text-align: left;
}




/* Dreamforce Highlight List
-----------------------------------------------------------------*/

.dreamforce-highlights .highlight:hover {background: #fff !important;}

.dreamforce-highlights .highlight {
  background: rgba(0,0,0,.9) !important;
  padding: 0 !important;
}



.dreamforce-highlights .highlight-title {color: #222;}
.dreamforce-highlights .highlight-title h4 { 
  padding: 10px 0; line-height: 105%; font-size: 120%; font-weight: 100;
margin: 0;} 
 


.dreamforce-highlights .highlight.highlight-list .highlight-date {
  color: #008ab4;
  text-shadow: 0px 1px 0px rgba(255,255,255,1);
  width: 100%;
  height: 50px;
  text-align: center;
  padding-top: 7px;
  font-size: 15px;
  line-height: 1;
  margin: 10px;
  /*margin: 0px 10px 10px 0;*/
  font-weight: 600;
  display: block;
}





/* Portfolio - Shuffle Icon
-----------------------------------------------------------------*/

#portfolio-shuffle {
  float: right;
  width: 41px;
  height: 41px;
  border: 1px solid rgba(0,0,0,0.07);
  font-size: 14px;
  text-align: center;
  line-height: 41px;
  color: #333;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

#portfolio-shuffle:hover {
  background-color: #008ab4;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}





/* Portfolio - Items
-----------------------------------------------------------------*/

#portfolio-alt,
#portfolio {
  position: relative;
  margin: 0 -12px -12px 0;
}

body:not(.device-touch) #portfolio-alt,
body:not(.device-touch) #portfolio {
  -webkit-transition: height .4s linear;
  -o-transition: height .4s linear;
  transition: height .4s linear;
}



.portfolio-item {
  position: relative;
  float: left;
  width: 276px;
  margin: 0 12px 12px 0;
}

.portfolio-notitle .portfolio-item,
.portfolio-notitle .iportfolio { overflow: hidden; }

.portfolio-item .portfolio-image {
  position: relative;
  overflow: hidden;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img {
  display: block;
  width: 276px;
  height: 207px;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-image img {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}


/* Portfolio - Item Title
-----------------------------------------------------------------*/

.portfolio-desc {
  z-index: 3;
  padding: 15px 5px 10px;
}

.portfolio-desc h3 {
  margin: 0;
  padding: 0;
  font-size: 19px;
}

.portfolio-desc h3 a { color: #222; }

.portfolio-desc h3 a:hover { color: #008ab4; }

.portfolio-desc span {
  display: block;
  margin-top: 3px;
  color: #888;
}

.portfolio-desc span a { color: #888; }

.portfolio-desc span a:hover { color: #000; }

.portfolio-notitle .portfolio-desc {
  position: absolute;
  display: block !important;
  width: 100%;
  height: 78px;
  padding: 15px 5px;
  top: auto;
  bottom: -79px;
  left: 0;
  background-color: #FFF;
  border-bottom: 1px solid #EEE;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-desc {
  -webkit-transition: bottom .2s ease-in-out;
  -o-transition: bottom .2s ease-in-out;
  transition: bottom .2s ease-in-out;
}

.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-nomargin.portfolio-notitle .portfolio-desc {
  bottom: -78px;
  border-bottom: 0;
}

.portfolio-notitle .portfolio-item:hover .portfolio-desc,
.portfolio-notitle .iportfolio:hover .portfolio-desc { bottom: 0 !important; }

.bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-xs):not(.device-xxs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-notitle .iportfolio:hover .portfolio-image img {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
}

body.device-touch.device-xs .portfolio-notitle .portfolio-desc,
body.device-touch.device-xxs .portfolio-notitle .portfolio-desc { display: none !important; }


/* Portfolio - No Margin
-----------------------------------------------------------------*/

#portfolio.portfolio-nomargin,
#portfolio.portfolio-full { margin: 0 !important; }

.portfolio-nomargin .portfolio-item {
  width: 284px;
  margin: 0 !important;
}

.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-nomargin .portfolio-item .portfolio-image img {
  width: 284px;
  height: 213px;
}

.portfolio-nomargin .portfolio-desc { padding: 15px 10px 15px; }


/* Portfolio - 100% Full Width
-----------------------------------------------------------------*/

#portfolio.portfolio-full {
  margin: 0 !important;
  width: 100.4%;
}

.portfolio-full .portfolio-item {
  width: 25%;
  margin: 0 !important;
  overflow: hidden !important;
}

.portfolio-full .portfolio-item-sizer { width: 25%; }

.portfolio-full .portfolio-item .portfolio-image,
.portfolio-full .portfolio-item .portfolio-image > a,
.portfolio-full .portfolio-item .portfolio-image .slide a,
.portfolio-full .portfolio-item .portfolio-image img {
  width: 100% !important;
  height: auto !important;
}

.portfolio-full .portfolio-desc { padding: 15px; }


/* Portfolio - Sidebar
-----------------------------------------------------------------*/

.postcontent #portfolio { margin: 0 -12px -12px 0; }

.postcontent .portfolio-item {
  width: 206px;
  margin: 0 12px 12px 0;
}

.postcontent .portfolio-item .portfolio-image,
.postcontent .portfolio-item .portfolio-image a,
.postcontent .portfolio-item .portfolio-image img {
  width: 206px;
  height: 155px;
}

.postcontent .portfolio-desc h3 { font-size: 17px; }

.postcontent .portfolio-desc span { font-size: 12px; }


/* Portfolio - Sidebar - No Margin
-----------------------------------------------------------------*/

.postcontent .portfolio-nomargin .portfolio-item { width: 214px; }

.postcontent .portfolio-nomargin .portfolio-item .portfolio-image,
.postcontent .portfolio-nomargin .portfolio-item .portfolio-image a,
.postcontent .portfolio-nomargin .portfolio-item .portfolio-image img {
  width: 214px;
  height: 161px;
}


/* Portfolio - Sidebar - No Title
-----------------------------------------------------------------*/

.postcontent .portfolio-notitle .portfolio-desc {
  height: 70px;
  bottom: -71px;
}

.postcontent .portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -70px; }

.postcontent .portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; }


/* Portfolio - Both Sidebars
-----------------------------------------------------------------*/

.bothsidebar #portfolio { margin: 0; }

.bothsidebar .portfolio-item {
  width: 145px;
  margin: 0;
}

.bothsidebar .portfolio-item .portfolio-image,
.bothsidebar .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-item .portfolio-image img {
  width: 145px;
  height: 108px;
}

.bothsidebar .portfolio-desc { display: none !important; }


/* Portfolio - Masonry
-----------------------------------------------------------------*/

.portfolio-masonry .portfolio-item .portfolio-image,
.portfolio-masonry .portfolio-item .portfolio-image > a,
.portfolio-masonry .portfolio-item .portfolio-image .slide a,
.portfolio-masonry .portfolio-item .portfolio-image img { height: auto !important; }

.portfolio-masonry.mixed-masonry {  }

.portfolio-masonry.mixed-masonry .portfolio-item,
.portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image,
.portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image > a,
.portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image .slide a,
.portfolio-masonry.mixed-masonry .portfolio-item .portfolio-image img {  }


/* Portfolio - Items - 3 Columns
-----------------------------------------------------------------*/

#portfolio.portfolio-3,
#portfolio-alt.portfolio-3 { margin: 0 -15px -15px 0; }

#portfolio-alt .portfolio-3 .portfolio-item,
.portfolio-3 .portfolio-item {
  width: 370px;
  margin: 0 15px 15px 0;
}

#portfolio-alt .portfolio-3 .portfolio-item .portfolio-image,
#portfolio-alt .portfolio-3 .portfolio-item .portfolio-image a,
#portfolio-alt .portfolio-3 .portfolio-item .portfolio-image img,
.portfolio-3 .portfolio-item .portfolio-image,
.portfolio-3 .portfolio-item .portfolio-image a,
.portfolio-3 .portfolio-item .portfolio-image img {
  width: 370px;
  height: 50px;
}


/* Portfolio - Items - 3 Columns - No Margin
-----------------------------------------------------------------*/

.portfolio-3.portfolio-nomargin .portfolio-item { width: 379px; }

.portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
  width: 379px;
  height: 284px;
}


/* Portfolio - Sidebar - Items - 3 Columns
-----------------------------------------------------------------*/

.postcontent #portfolio.portfolio-3 { margin: 0 -16px -16px 0; }

.postcontent .portfolio-3 .portfolio-item {
  width: 276px;
  margin: 0 16px 16px 0;
}

.postcontent .portfolio-3 .portfolio-item .portfolio-image,
.postcontent .portfolio-3 .portfolio-item .portfolio-image a,
.postcontent .portfolio-3 .portfolio-item .portfolio-image img {
  width: 276px;
  height: 207px;
}

.postcontent .portfolio-3 .portfolio-desc h3 { font-size: 18px; }

.postcontent .portfolio-3 .portfolio-desc span { font-size: 13px; }


/* Portfolio - Sidebar - Items - 3 Columns - No Margin
-----------------------------------------------------------------*/

.postcontent .portfolio-3.portfolio-nomargin .portfolio-item { width: 285px; }

.postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
.postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
.postcontent .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
  width: 285px;
  height: 214px;
}


/* Portfolio - Sidebar - Items - 3 Columns - No Title
-----------------------------------------------------------------*/

.postcontent .portfolio-3.portfolio-notitle .portfolio-desc {
  height: 72px;
  bottom: -73px;
}

.postcontent .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -72px; }

.postcontent .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; }


/* Portfolio - Both Sidebars - Items - 3 Columns
-----------------------------------------------------------------*/

.bothsidebar #portfolio.portfolio-3 { margin: 0 -11px -11px 0; }

.bothsidebar .portfolio-3 .portfolio-item {
  width: 186px;
  margin: 0 11px 11px 0;
}

.bothsidebar .portfolio-3 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-3 .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-3 .portfolio-item .portfolio-image img {
  width: 186px;
  height: 140px;
}

.bothsidebar .portfolio-3 .portfolio-desc { display: block !important; }

.bothsidebar .portfolio-3 .portfolio-desc h3 { font-size: 15px; }

.bothsidebar .portfolio-3 .portfolio-desc span { font-size: 12px; }


/* Portfolio - Both Sidebars - Items - 3 Columns - No Margin
-----------------------------------------------------------------*/

.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item { width: 192px; }

.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image,
.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-3.portfolio-nomargin .portfolio-item .portfolio-image img {
  width: 192px;
  height: 144px;
}


/* Portfolio - Both Sidebars - Items - 3 Columns - No Title
-----------------------------------------------------------------*/

.bothsidebar .portfolio-3.portfolio-notitle .portfolio-desc {
  height: 68px;
  bottom: -69px;
}

.bothsidebar .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc,
.bothsidebar .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; }

.bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; }


/* Portfolio - Items - 2 Columns
-----------------------------------------------------------------*/

#portfolio.portfolio-2 { margin: 0 -20px -20px 0; }

.portfolio-2 .portfolio-item {
  width: 560px;
  margin: 0 20px 20px 0;
}

.portfolio-2 .portfolio-item .portfolio-image,
.portfolio-2 .portfolio-item .portfolio-image a,
.portfolio-2 .portfolio-item .portfolio-image img {
  width: 560px;
  height: 420px;
}

.portfolio-2 .portfolio-desc { padding: 20px 5px 10px; }

.portfolio-2 .portfolio-desc h3 { font-size: 21px; }

.portfolio-2 .portfolio-desc span {
  margin-top: 4px;
  font-size: 14px;
}


/* Portfolio - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

.portfolio-2.portfolio-nomargin .portfolio-item { width: 569px; }

.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
  width: 569px;
  height: 427px;
}

.portfolio-2.portfolio-nomargin .portfolio-desc { padding: 20px 15px 20px; }


/* Portfolio - Items - 2 Columns - No Title
-----------------------------------------------------------------*/

.portfolio-2.portfolio-notitle .portfolio-desc {
  height: 90px;
  bottom: -91px;
}

.portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -90px; }


/* Portfolio - Sidebar - Items - 2 Columns
-----------------------------------------------------------------*/

.postcontent #portfolio.portfolio-2 { margin: 0 -20px -20px 0; }

.postcontent .portfolio-2 .portfolio-item {
  width: 420px;
  margin: 0 20px 20px 0;
}

.postcontent .portfolio-2 .portfolio-item .portfolio-image,
.postcontent .portfolio-2 .portfolio-item .portfolio-image a,
.postcontent .portfolio-2 .portfolio-item .portfolio-image img {
  width: 420px;
  height: 315px;
}

.postcontent .portfolio-2 .portfolio-desc h3 { font-size: 21px; }

.postcontent .portfolio-2 .portfolio-desc span { font-size: 14px; }


/* Portfolio - Sidebar - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

.postcontent .portfolio-2.portfolio-nomargin .portfolio-item { width: 429px; }

.postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
.postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
.postcontent .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
  width: 429px;
  height: 322px;
}

.postcontent .portfolio-2.portfolio-nomargin .portfolio-desc { padding-bottom: 20px; }


/* Portfolio - Sidebar - Items - 2 Columns - No Title
-----------------------------------------------------------------*/

.postcontent .portfolio-2.portfolio-notitle .portfolio-desc {
  height: 90px;
  bottom: -91px;
}

.postcontent .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -90px; }

.postcontent .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; }


/* Portfolio - Both Sidebars - Items - 2 Columns
-----------------------------------------------------------------*/

.bothsidebar #portfolio.portfolio-2 { margin: 0 -20px -20px 0; }

.bothsidebar .portfolio-2 .portfolio-item {
  width: 280px;
  margin: 0 20px 20px 0;
}

.bothsidebar .portfolio-2 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-2 .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-2 .portfolio-item .portfolio-image img {
  width: 280px;
  height: 210px;
}

.bothsidebar .portfolio-2 .portfolio-desc {
  display: block !important;
  padding-top: 15px;
  padding-bottom: 0;
}

.bothsidebar .portfolio-2 .portfolio-desc h3 { font-size: 19px; }

.bothsidebar .portfolio-2 .portfolio-desc span { font-size: 13px; }


/* Portfolio - Both Sidebars - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item { width: 289px; }

.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image,
.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-item .portfolio-image img {
  width: 289px;
  height: 217px;
}

.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-desc { padding-bottom: 15px; }


/* Portfolio - Both Sidebars - Items - 2 Columns - No Title
-----------------------------------------------------------------*/

.bothsidebar .portfolio-2.portfolio-notitle .portfolio-desc {
  height: 75px;
  bottom: -76px;
}

.bothsidebar .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.bothsidebar .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -75px; }

.bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; }


/* Portfolio - Items - 5 Columns
-----------------------------------------------------------------*/

.home-icons-v2.portfolio-5 { margin: 0 -10px -10px 0; }

.home-icons-v2.portfolio-5 .portfolio-item {
  width: 230px;
  margin: 0 5px 5px 0;
}



/*Home Icon Smaller */

.home-icons-v2.home-icon-smaller .fbox-icon {
  width: 70px !important;
  height: 70px !important;
}
.home-icons-v2.home-icon-smaller .portfolio-desc h3 a  {font-size: 90%;}







#portfolio.portfolio-5 { margin: 0 -10px -10px 0; }

.portfolio-5 .portfolio-item {
  width: 220px;
  margin: 0 10px 10px 0;
}

.portfolio-5 .portfolio-item .portfolio-image,
.portfolio-5 .portfolio-item .portfolio-image a,
.portfolio-5 .portfolio-item .portfolio-image img {
  width: 220px;
  height: 165px;
}

.portfolio-5 .portfolio-desc h3 { font-size: 17px; }


/* Portfolio - Items - 5 Columns - No Margin
-----------------------------------------------------------------*/

.portfolio-5.portfolio-nomargin .portfolio-item { width: 227px; }

.portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-5.portfolio-nomargin .portfolio-item .portfolio-image img {
  width: 227px;
  height: 170px;
}


/* Portfolio - Items - 5 Columns - No Title
-----------------------------------------------------------------*/

.portfolio-5.portfolio-notitle .portfolio-desc {
  height: 71px;
  bottom: -72px;
}

.portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -71px; }

.portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -30px !important; }


/* Portfolio - Sidebar - Items - 5 Columns
-----------------------------------------------------------------*/

.postcontent #portfolio.portfolio-5 { margin: 0; }

.postcontent .portfolio-5 .portfolio-item {
  width: 172px;
  margin: 0;
}

.postcontent .portfolio-5 .portfolio-item .portfolio-image,
.postcontent .portfolio-5 .portfolio-item .portfolio-image a,
.postcontent .portfolio-5 .portfolio-item .portfolio-image img {
  width: 172px;
  height: 128px;
}

.postcontent .portfolio-5 .portfolio-desc h3 { font-size: 15px; }

.postcontent .portfolio-5 .portfolio-desc span { font-size: 12px; }

.postcontent .portfolio-5 .portfolio-desc { padding: 15px 10px; }


/* Portfolio - Sidebar - Items - 5 Columns - No Title
-----------------------------------------------------------------*/

.postcontent .portfolio-5.portfolio-notitle .portfolio-desc {
  height: 68px;
  bottom: -69px;
}

.postcontent .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; }

.postcontent .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; }


/* Portfolio - Items - 6 Columns
-----------------------------------------------------------------*/

#portfolio.portfolio-6 { margin: 0 -6px -6px 0; }

.portfolio-6 .portfolio-item {
  width: 185px;
  margin: 0 6px 6px 0;
}

.portfolio-6 .portfolio-item .portfolio-image,
.portfolio-6 .portfolio-item .portfolio-image a,
.portfolio-6 .portfolio-item .portfolio-image img {
  width: 185px;
  height: 139px;
}

.portfolio-6 .portfolio-desc h3 { font-size: 15px; }

.portfolio-6 .portfolio-desc span { font-size: 12px; }


/* Portfolio - Items - 6 Columns - No Margin
-----------------------------------------------------------------*/

.portfolio-6.portfolio-nomargin .portfolio-item { width: 189px; }

.portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image,
.portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image a,
.portfolio-6.portfolio-nomargin .portfolio-item .portfolio-image img {
  width: 189px;
  height: 142px;
}


/* Portfolio - Items - 6 Columns - No Title
-----------------------------------------------------------------*/

.portfolio-6.portfolio-notitle .portfolio-desc {
  height: 68px;
  bottom: -69px;
}

.portfolio-6.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-6.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; }

.portfolio-6.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; }


/* Portfolio - Items - 1 Column
-----------------------------------------------------------------*/

#portfolio.portfolio-1 { margin: 0 0px -40px 0; }

.portfolio-1 .portfolio-item {
  float: none;
  width: 100%;
  margin: 0 0 40px 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #EEE;
}

.portfolio-1 .portfolio-item .portfolio-image {
  float: left;
  margin-right: 40px;
}

.portfolio-1 .portfolio-item.alt .portfolio-image {
  float: right;
  margin: 0 0 0 40px;
}

.portfolio-1 .portfolio-item .portfolio-image,
.portfolio-1 .portfolio-item .portfolio-image a,
.portfolio-1 .portfolio-item .portfolio-image img {
  display: block;
  width: 720px;
  height: 400px;
}

.portfolio-1 .portfolio-desc {
  float: left;
  width: 380px;
  padding: 10px 0;
}

.portfolio-1 .alt .portfolio-desc { float: right; }

.portfolio-1 .portfolio-desc h3 { font-size: 22px; }

.portfolio-1 .portfolio-desc span {
  margin-top: 6px;
  font-size: 14px;
}

.portfolio-1 .portfolio-desc p {
  margin: 20px 0 25px;
  font-size: 14px;
}

.portfolio-1 .portfolio-desc li { margin: 3px 0; }


/* Portfolio - Items - 1 Column - Sidebar
-----------------------------------------------------------------*/

.postcontent .portfolio-1 .portfolio-item .portfolio-image,
.postcontent .portfolio-1 .portfolio-item .portfolio-image a,
.postcontent .portfolio-1 .portfolio-item .portfolio-image img {
  width: 540px;
  height: 300px;
}

.postcontent .portfolio-1 .portfolio-desc { width: 280px; }


/* Portfolio - Items - 1 Column - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar .portfolio-1 .portfolio-item .portfolio-image { margin-right: 20px; }

.bothsidebar .portfolio-1 .portfolio-item.alt .portfolio-image { margin: 0 0 0 20px; }

.bothsidebar .portfolio-1 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image img {
  width: 320px;
  height: 178px;
}

.bothsidebar .portfolio-1 .portfolio-desc {
  display: block !important;
  width: 240px;
}

.bothsidebar .portfolio-1 .portfolio-desc h3 { font-size: 19px; }

.bothsidebar .portfolio-1 .portfolio-desc span {
  margin-top: 5px;
  font-size: 13px;
}

.bothsidebar .portfolio-1 .portfolio-desc p {
  margin: 15px 0 0 0;
  font-size: 13px;
}

.bothsidebar .portfolio-1 .portfolio-desc ul,
.bothsidebar .portfolio-1 .portfolio-desc .btn { display: none; }


/* Portfolio - Items - 1 Column - Full Width
-----------------------------------------------------------------*/

#portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -60px 0; }

.portfolio-1.portfolio-fullwidth .portfolio-item {
  margin-bottom: 60px;
  padding-bottom: 0;
  border-bottom: 0;
  overflow: hidden;
}

.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {
  float: none;
  margin: 0 !important;
}

.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,
.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
  width: 1140px;
  height: 500px;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
  -webkit-transform: translateX(-60px);
  -moz-transform: translateX(-60px);
  -ms-transform: translateX(-60px);
  -o-transform: translateX(-60px);
  transform: translateX(-60px);
}

.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
  -webkit-transform: translateX(60px);
  -moz-transform: translateX(60px);
  -ms-transform: translateX(60px);
  -o-transform: translateX(60px);
  transform: translateX(60px);
}

.portfolio-1.portfolio-fullwidth .portfolio-desc {
  position: absolute;
  float: none;
  width: 380px;
  height: 100%;
  padding: 30px;
  background-color: #F9F9F9;
  top: 0;
  left: auto;
  right: -380px;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .portfolio-desc {
  -webkit-transition: right .3s ease-in-out;
  -o-transition: right .3s ease-in-out;
  transition: right .3s ease-in-out;
}

.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-desc { right: 0; }

.portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
  left: -380px;
  right: auto;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
  -webkit-transition: left .3s ease-in-out;
  -o-transition: left .3s ease-in-out;
  transition: left .3s ease-in-out;
}

.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-desc { left: 0; }

.portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 33%; }

.portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
  left: auto;
  right: 33%;
}


/* Portfolio - Items - 1 Column - Full Width - Sidebar
-----------------------------------------------------------------*/

.postcontent #portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -40px 0; }

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 40px; }

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,
.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
  width: 860px;
  height: 377px;
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
  -webkit-transform: translateX(-40px);
  -moz-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  -o-transform: translateX(-40px);
  transform: translateX(-40px);
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-desc {
  width: 320px;
  padding: 25px;
  right: -320px;
}

.postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
  left: -320px;
  right: auto;
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 32%; }

.postcontent .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
  left: auto;
  right: 32%;
}


/* Portfolio - Items - 1 Column - Full Width - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar #portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -40px 0; }

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 40px; }

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image,
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
  width: 580px;
  height: 254px;
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-desc {
  width: 240px;
  padding: 20px;
  right: -240px;
}

.bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
  left: -240px;
  right: auto;
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 29%; }

.bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
  left: auto;
  right: 29%;
}


/* Portfolio - Parallax
-----------------------------------------------------------------*/

#portfolio.portfolio-parallax { margin: 0 !important; }

#portfolio.portfolio-parallax .portfolio-item {
  float: none;
  width: 100% !important;
  height: 500px !important;
  margin: 0 !important;
}

#portfolio.portfolio-parallax .portfolio-item .portfolio-image {
  width: 100% !important;
  height: 500px !important;
  background-attachment: fixed;
}

#portfolio.portfolio-parallax .portfolio-desc {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -57px;
  width: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
  padding: 0;
  opacity: 0;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) #portfolio.portfolio-parallax .portfolio-desc {
  -webkit-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
}

#portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc { opacity: 1; }

#portfolio.portfolio-parallax .portfolio-desc h3 {
  font-size: 44px;
  font-weight: 300;
  letter-spacing: -1px;
}

#portfolio.portfolio-parallax .portfolio-desc h3 a { color: #FFF; }

#portfolio.portfolio-parallax .portfolio-desc h3 a:hover { color: #DDD; }

#portfolio.portfolio-parallax .portfolio-desc span {
  margin-top: 12px;
  font-size: 16px;
  color: #CCC;
}

#portfolio.portfolio-parallax .portfolio-desc span a { color: #DDD; }

#portfolio.portfolio-parallax .portfolio-desc span a:hover { color: #BBB; }

#portfolio.portfolio-parallax .portfolio-desc .portfolio-divider {
  width: 100%;
  text-align: center;
  margin: 15px 0 0;
}

#portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
  display: inline-block;
  width: 50px;
  height: 0;
  border-bottom: 1px solid #FFF;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) #portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
  -webkit-transition: width .5s ease-in-out;
  -o-transition: width .5s ease-in-out;
  transition: width .5s ease-in-out;
}

#portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc .portfolio-divider div { width: 120px; }

#portfolio.portfolio-parallax .portfolio-overlay { background-color: rgba(0,0,0,0.4); }




.dreamforce-overlay img {
  opacity: .7;
  border-radius: 10px;
}
.dreamforce-overlay img:hover {
  opacity: 1;
}




/* Portfolio - Overlay
-----------------------------------------------------------------*/

.portfolio-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  text-align: center;
  background-color: rgba(0,0,0,0.5);
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay {
  -webkit-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
}

.portfolio-item:hover .portfolio-overlay,
.iportfolio:hover .portfolio-overlay { opacity: 1; }

.portfolio-overlay a {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #F5F5F5;
  width: 40px !important;
  height: 40px !important;
  margin: -28px 0 0 -44px;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #444;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay a {
  -webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
  -o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
  transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
}

.portfolio-overlay a.left-icon {  }

.portfolio-overlay a.right-icon {
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: -44px;
}

.portfolio-overlay a.center-icon {
  display: block;
  margin: -20px 0 0 -20px;
  opacity: 0;
}

.portfolio-item:hover a.center-icon,
.iportfolio:hover a.center-icon { opacity: 1; }

.portfolio-overlay a:hover {
  color: #008ab4;
  background-color: #EEE;
}

.portfolio-item:hover .portfolio-overlay a.left-icon,
.portfolio-item:hover .portfolio-overlay a.right-icon,
.iportfolio:hover .portfolio-overlay a.left-icon,
.iportfolio:hover .portfolio-overlay a.right-icon { margin-top: -18px; }

.portfolio-overlay a i.icon-line-play {
  position: relative;
  left: 2px;
}


.portfolio-overlay .portfolio-desc {
  position: relative;
  padding: 0 !important;
  margin: 0;
  text-align: center;
}

.portfolio-overlay .portfolio-desc a {
  display: inline;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  font-size: inherit;
  width: auto !important;
  height: auto !important;
  line-height: 1;
  background-color: transparent !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.portfolio-overlay .portfolio-desc h3 {
  font-weight: 600;
  color: #F5F5F5 !important;
  line-height: 1;
}

.portfolio-overlay .portfolio-desc h3 a { color: #F5F5F5 !important; }

.portfolio-overlay .portfolio-desc span {
  margin-top: 7px;
  color: #DDD !important;
}

.portfolio-overlay .portfolio-desc span a {
  color: #DDD !important;
  font-size: inherit;
}

.portfolio-overlay .portfolio-desc ~ a {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  margin: 20px 0 0 !important;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay .portfolio-desc ~ a {
  -webkit-transition: color .2s linear, background-color .2s linear, opacity .2s linear;
  -o-transition: color .2s linear, background-color .2s linear, opacity .2s linear;
  transition: color .2s linear, background-color .2s linear, opacity .2s linear;
}

.portfolio-overlay .portfolio-desc ~ a.right-icon {
  left: 0;
  right: 0;
  margin-left: 5px !important;
  margin-right: 0 !important;
}

.portfolio-overlay .portfolio-desc a:hover { background: transparent; }

body.device-touch.device-xs .portfolio-notitle .portfolio-overlay,
body.device-touch.device-xxs .portfolio-notitle .portfolio-overlay { display: none !important; }


/* Portfolio Single
-----------------------------------------------------------------*/

.portfolio-single {}


/* Portfolio Single - Image
-----------------------------------------------------------------*/

.portfolio-single-image > a,
.portfolio-single-image .slide a,
.portfolio-single-image img,
.portfolio-single-image iframe,
.portfolio-single-image video {
  display: block;
  width: 100%;
}

.portfolio-single-image-full {
  position: relative;
  height: 600px;
  overflow: hidden;
  margin: -80px 0 80px !important;
}

.portfolio-single-video { height: auto !important; }


/* Portfolio Single - Gallery Thumbs
-----------------------------------------------------------------*/

.portfolio-single-image-full .swiper-container {
  width:100%;
  height:600px;
  background-color: #333;
}

.portfolio-single-image-full .swiper-nested-1,
.portfolio-single-image-full .swiper-nested-2 { width:100%; }

.portfolio-single-image-full .swiper-slide { overflow: hidden; }

.portfolio-single-image-full .swiper-slide img {
  width: 100%;
  height: auto;
}


/* Portfolio & Blog Single - Masonry
-----------------------------------------------------------------*/

.masonry-thumbs { position: relative; }

.masonry-thumbs a {
  position: relative;
  float: left;
  width: 25%;
  max-width: 100% !important;
  overflow: hidden;
}

.masonry-thumbs.col-2 a { width: 50%; }

.masonry-thumbs.col-3 a { width: 33.30%; }

.masonry-thumbs.col-4 a { width: 25%; }

.masonry-thumbs.col-5 a { width: 20%; }

.masonry-thumbs.col-6 a { width: 16.60%; }

.masonry-thumbs a,
.masonry-thumbs img {
  display: block;
  height: auto !important;
}

.masonry-thumbs img {
  width: 100%;
  border-radius: 0 !important;
  padding: 0 1px 1px 0;
}

.masonry-thumbs .overlay { padding: 0 1px 1px 0; }


/* Portfolio Single - Content
-----------------------------------------------------------------*/

.portfolio-single-content { font-size: 14px; }

.portfolio-single-content h2 {
  margin: 0 0 20px;
  padding: 0;
  font-size: 20px;
  font-weight: 600 !important;
}


.portfolio-ajax-modal { width: 1000px !important; }

.modal-padding { padding: 40px; }

.ajax-modal-title {
  background-color: #F9F9F9;
  border-bottom: 1px solid #EEE;
  padding: 25px 40px;
}

.ajax-modal-title h2 {
  font-size: 26px;
  margin-bottom: 0;
}


#portfolio-ajax-wrap {
  position: relative;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .4s ease;
  -o-transition: max-height .4s ease;
  transition: max-height .4s ease;
}

#portfolio-ajax-wrap.portfolio-ajax-opened { max-height: 1200px; }

#portfolio-ajax-container {
  display: none;
  padding-bottom: 60px;
}

#portfolio-ajax-single h2 { font-size: 26px; }


/* Portfolio Single - Meta
-----------------------------------------------------------------*/

.portfolio-meta,
.portfolio-share {
  list-style: none;
  font-size: 14px;
}

.portfolio-meta li {
  margin: 10px 0;
  color: #666;s
  font-size: 16px;
}

.portfolio-meta li:first-child { margin-top: 0; }

.portfolio-meta li span {
  display: block;
  width: 30px;
  font-weight: bold;
  color: #008ab4;
}

.portfolio-meta li span i {
  position: relative;
  top: 1px;
  width: 28px;
  text-align: center;
  margin-right: 5px;
}

.well .line {
  margin: 20px 0;
  border-color: #E5E5E5;
}


/* Portfolio Single Navigation
-----------------------------------------------------------------*/

#portfolio-navigation {
  position: absolute;
  top: 50%;
  left: auto;
  right: 10px;
  max-width: 96px;
  height: 24px;
  margin-top: -12px;
}

.page-title-right #portfolio-navigation {
  left: 10px;
  right: auto;
}

.page-title-center #portfolio-navigation {
  position: relative;
  top: 0;
  left: 0;
  margin: 20px auto 0;
}

#portfolio-navigation a {
  display: block;
  float: left;
  margin-left: 12px;
  width: 24px;
  height: 24px;
  text-align: center;
  color: #444;
  transition: color .3s linear;
  -webkit-transition: color .3s linear;
  -o-transition: color .3s linear;
}

.page-title-dark #portfolio-navigation a { color: #EEE; }

.page-title-parallax #portfolio-navigation a { color: #FFF; }

#portfolio-navigation a i {
  position: relative;
  top: -1px;
  font-size: 24px;
  line-height: 1;
}

#portfolio-navigation a i.icon-angle-left,
#portfolio-navigation a i.icon-angle-right {
  font-size: 32px;
  top: -6px;
}

#portfolio-navigation a i.icon-angle-right { left: -1px; }

#portfolio-navigation a:first-child { margin-left: 0; }

#portfolio-navigation a:hover { color: #008ab4; }

#portfolio-ajax-show #portfolio-navigation {
  top: 0;
  margin-top: 0;
}


/* Individual Portfolio Item
-----------------------------------------------------------------*/

.iportfolio {
  position: relative;
  float: none;
  width: 100%;
  margin: 0;
}

.iportfolio .portfolio-image {
  position: relative;
  overflow: hidden;
}

.iportfolio .portfolio-image,
.iportfolio .portfolio-image a,
.iportfolio .portfolio-image img {
  display: block;
  width: 100%;
  height: auto;
}


/* ----------------------------------------------------------------
  Blog
-----------------------------------------------------------------*/


#posts { position: relative; }

.entry {
  position: relative;
  margin: 0 0 50px;
  padding: 0 0 50px;
  /*border-bottom: 2px solid #F5F5F5;*/
}

.entry-image { margin-bottom: 30px; }

.entry-image,
.entry-image > a,
.entry-image .slide a,
.entry-image img {
  display: block;
  position: relative;
  width: 100%;
  /*height: auto;*/
  overflow: hidden;
}

.entry-image iframe { display: block; }

.entry-image img { border-radius: 3px; }

.entry-title h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.entry-title h2 a { color: #008ab4; }

.entry-title h2 a:hover { color: #008ab4; }

.entry-meta {
  margin: 10px -10px -15px 0;
  list-style: none;
}

.single-post .entry-meta { margin-bottom: 20px; }

.entry-meta li {
  /*float: left;*/
  display: inline-block;
  font-size: 14px !important;
  line-height: 14px;
  margin: 0 10px 15px 0;
  color: #444;
  font-family: 'Proxima Nova', sans-serif;
  font-style: italic;
}

.entry-meta li:before {
  content: '|';
  display: inline-block;
  margin-right: 10px;
  opacity: 0.5
}

.entry-meta li i {
  position: relative;
  top: 1px;
  font-size: 16px;
  margin-right: 3px;
}

.entry-meta li a { color: #999; }

.entry-meta li a:hover { color: #008ab4; }

.entry-meta li:first-child:before { display: none; }

.entry-meta li ins {
  font-weight: 600;
  text-decoration: none;
}

.entry-c {
  position: relative;
  overflow: hidden;
}

#posts .entry-content { margin-top: 30px; }

.single-post .entry-content .entry-image { max-width: 350px; }

.entry-content { position: relative; }

.entry-link {
  display: block;
  background-color: #F5F5F5;
  padding: 30px 0;
  text-align: center;
  color: #444;
  font-family: 'Proxima Nova', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 24px;
  font-weight: 700;
  border-radius: 3px;
}

body:not(.device-touch) .entry-link {
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

.entry-link:hover {
  color: #FFF;
  background-color: #008ab4;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.entry-link span {
  display: block;
  margin-top: 5px;
  font-family: 'Proxima Nova', sans-serif;
  font-style: italic;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
  font-size: 14px;
  color: #AAA;
}

.entry-link:hover span { color: #EEE; }

.entry blockquote p {
  font-weight: 400;
  font-family: 'Proxima Nova', sans-serif;
  font-style: italic;
}


/* Small Thumbs
-----------------------------------------------------------------*/


.small-thumbs.very-small .entry-image {
  width: 200px;
}

.small-thumbs .entry-image,
.ievent .entry-image {
  float: left;
  width: 300px;
  margin: 0 30px 0 0;
}

.small-thumbs .entry-image img,
.ievent .entry-image img { border-radius: 0; }

.small-thumbs .entry-c .entry-image,
.ievent .entry-c .entry-image {
  float: none;
  width: 100%;
  margin: 0 0 20px 0;
}

.small-thumbs .entry-c .entry-image img,
.ievent .entry-c .entry-image img { border-radius: 5px; }

.small-thumbs .entry-title h2,
.ievent .entry-title h2 {
  font-size: 20px;
  font-weight: 600;
}


/* Small Thumbs - Right
-----------------------------------------------------------------*/

.small-thumbs.alt .entry-image {
  float: right;
  margin: 0 0 0 30px;
}

.small-thumbs.alt .entry-c .entry-image {
  float: none;
  margin: 0 0 20px 0;
}


/* Small Thumbs - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar .small-thumbs .entry-image {
  width: 200px;
  margin: 0 25px 0 0;
}

.bothsidebar .small-thumbs.alt .entry-image { margin: 0 0 0 25px; }

.bothsidebar .small-thumbs .entry-c .entry-image {
  width: 100%;
  margin: 0 0 20px 0;
}

.bothsidebar .small-thumbs .entry-title h2 { font-size: 18px; }


/* Blog - Grid
-----------------------------------------------------------------*/

.post-grid { margin-right: -28px; }

.post-grid .entry {
  float: left;
  width: 264px;
  margin-right: 28px; 
}

.post-grid .entry-image,
.post-grid .entry-image img { height: 148px; }

.post-grid .entry-image img { border-radius: 0; }

.post-grid .entry-title h2 {
  font-size: 17px;
  font-weight: 600;
}

.post-grid .entry-link { font-size: 24px; }

.post-grid .entry-link span { font-size: 13px; }


/* Blog - Grid - 3 Columns
-----------------------------------------------------------------*/

.post-grid.grid-3 { margin-right: -30px; }

.post-grid.grid-3 .entry {
  width: 360px;
  margin-right: 30px;
}

.post-grid.grid-3 .entry-image,
.post-grid.grid-3 .entry-image img { height: 202px; }

.post-grid.grid-3 .entry-title h2 { font-size: 18px; }


/* Blog - Grid - 3 Columns - Sidebar
-----------------------------------------------------------------*/

.postcontent .post-grid.grid-3 { margin-right: -25px; }

.postcontent .post-grid.grid-3 .entry {
  width: 270px;
  margin-right: 25px;
}

.postcontent .post-grid.grid-3 .entry-image,
.postcontent .post-grid.grid-3 .entry-image img { height: 152px; }

.postcontent .post-grid.grid-3 .entry-title h2 { font-size: 16px; }


/* Blog - Grid - 2 Columns
-----------------------------------------------------------------*/

.post-grid.grid-2 { margin-right: -40px; }

.post-grid.grid-2 .entry {
  width: 550px;
  margin-right: 40px;
}

.post-grid.grid-2 .entry-image,
.post-grid.grid-2 .entry-image img { height: 309px; }

.post-grid.grid-2 .entry-title h2 { font-size: 20px; }


/* Blog - Grid - 2 Columns - Sidebar
-----------------------------------------------------------------*/

.postcontent .post-grid.grid-2 .entry { width: 410px; }

.postcontent .post-grid.grid-2 .entry-image,
.postcontent .post-grid.grid-2 .entry-image img { height: 230px; }

.postcontent .post-grid.grid-2 .entry-title h2 { font-size: 18px; }


/* Blog - Grid - 2 Columns - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar .post-grid.grid-2 .entry { width: 270px; }

.bothsidebar .post-grid.grid-2 .entry-image,
.bothsidebar .post-grid.grid-2 .entry-image img { height: 152px; }

.bothsidebar .post-grid.grid-2 .entry-title h2 { font-size: 16px; }


/* Blog - Masonry
-----------------------------------------------------------------*/

.post-masonry .entry-image,
.post-masonry .entry-image img { height: auto !important; }


/* Blog - Masonry Full
-----------------------------------------------------------------*/

.post-masonry-full { margin: -80px 0 -80px -1px !important; }

.post-masonry-full .entry {
  width: 24.9% !important;
  margin: 0 !important;
  padding: 40px 30px;
  border-bottom: 1px dashed;
  border-left: 1px dashed;
  border-color: #E5E5E5;
}

.post-masonry-full.grid-3 .entry { width: 33.30% !important; }


/* Blog - Timeline
-----------------------------------------------------------------*/

.timeline-border {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -71px;
  width: 0;
  border-left: 1px dashed #CCC;
  height: 100%;
}

.post-timeline { margin-right: -140px !important; }

.post-timeline .entry {
  width: 500px !important;
  margin-right: 140px !important;
}

.entry.entry-date-section {
  width: 100% !important;
  margin: 50px -70px 80px;
  padding: 0;
  border: 0;
  text-align: center;
}

.entry.entry-date-section span {
  display: inline-block;
  padding: 10px 15px;
  background-color: #FFF;
  border: 2px solid #EEE;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  /*text-transform: uppercase;*/
  font-family: 'Proxima Nova', sans-serif;
}

.post-timeline .entry-timeline {
  display: none;
  position: absolute;
  border: 2px solid #CCC;
  background-color: #FFF;
  padding-top: 0;
  text-indent: -9999px;
  top: 40px;
  left: auto;
  right: -76px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  font-size: 26px;
  font-weight: bold;
  color: #AAA;
  text-align: center;
  line-height: 1;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.entry.entry-date-section + .entry .entry-timeline { top: 70px; }

.post-timeline .entry-timeline div.timeline-divider {
  position: absolute;
  top: 4px;
  left: -58px;
  width: 50px;
  height: 0;
  border-top: 1px dashed #CCC;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.post-timeline .alt .entry-timeline {
  right: auto;
  left: -77px;
}

.post-timeline .alt .entry-timeline div.timeline-divider {
  left: auto;
  right: -58px;
}

.post-timeline .entry-timeline span {
  display: block;
  margin-top: 3px;
  font-size: 13px;
  font-weight: normal;
}

.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider {
  border-color: #008ab4;
  color: #008ab4;
}


/* Blog - Timeline - Sidebar
-----------------------------------------------------------------*/

.postcontent .timeline-border {
  left: 32px;
  margin-left: 0;
}

.postcontent .post-timeline {
  padding-left: 100px;
  margin-right: 0 !important;
}

.postcontent .post-timeline .entry {
  width: 100% !important;
  margin-right: 140px !important;
}

.postcontent .post-timeline .entry-timeline {
  display: block;
  border: 3px solid #CCC;
  background-color: #FFF;
  padding-top: 10px;
  text-indent: 0;
  top: 20px;
  left: -100px;
  right: auto;
  width: 64px;
  height: 64px;
  font-size: 24px;
}

.postcontent .post-timeline .entry-timeline div.timeline-divider {
  top: 29px;
  left: 64px;
  width: 32px;
}


/* Individual Post
-----------------------------------------------------------------*/

.ipost .entry-image img { border-radius: 0; }

.ipost .entry-title h3,
.ipost .entry-title h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.ipost .entry-title h4 { font-size: 15px; }

.ipost .entry-title h3 a,
.ipost .entry-title h4 a { color: #008ab4; }

.ipost .entry-title h3 a:hover,
.ipost .entry-title h4 a:hover { color: #008ab4; }

.ipost .entry-meta { margin-right: -10px; }

.ipost .entry-meta li {
  font-size: 13px;
  margin-right: 10px;
}

.ipost .entry-content { margin-top: 20px; }

.ipost .entry-content p { margin-bottom: 0; }


.more-link {
  display: inline-block;
  background: rgba(0,0,0,.05);
  padding: 5px 12px;
  font-family: 'Proxima Nova', sans-serif;
  font-style: normal !important;
}

.more-link:hover { background: #008ab4; color: #fff; }


/* Related Posts
-----------------------------------------------------------------*/

.overlay-icon {
  position: absolute;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  width: 48px;
  height: 48px;
  background-color: rgba(0,0,0,0.2);
  text-align: center;
}

.overlay-icon i {
  line-height: 48px;
  font-size: 28px;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


/* Small Post
-----------------------------------------------------------------*/

.spost,
.mpost {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed #E5E5E5;
}

.mpost {
  margin-top: 25px;
  padding-top: 25px;
}

.spost:first-child,
.mpost:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.spost .entry-image,
.mpost .entry-image {
  float: left;
  margin: 0 15px 0 0;
  text-align: center;
}

.spost .entry-image,
.spost .entry-image a,
.spost .entry-image img,
.spost .entry-image i {
  width: 48px;
  height: 48px;
}

.spost .entry-image a i,
.mpost .entry-image a i {
  font-size: 28px;
  line-height: 48px;
  color: #666;
  background-color: #EEE;
}

.spost .entry-title h4,
.mpost .entry-title h4 {
  margin: 0;
  font-size: 22px !important;
  font-weight: 300 !important;
  line-height: 120%;
}

.spost .entry-title h4 a,
.mpost .entry-title h4 a { color: #008ab4; }

.spost .entry-title h4 a:hover,
.mpost .entry-title h4 a:hover { color: #008ab4; }

.spost .entry-meta { margin: 8px -10px 0 0; }

.spost .entry-meta li,
.mpost .entry-meta li {
  font-size: 13px;
  margin: 0 10px 0 0;
}


/* Medium Post
-----------------------------------------------------------------*/

.mpost .entry-image { margin-right: 20px; }

.mpost .entry-image,
.mpost .entry-image a,
.mpost .entry-image img,
.mpost .entry-image i {
  width: 170px;
  height: 128px;
}

.mpost .entry-image a,
.mpost .entry-image img { border-radius: 2px; }

.mpost .entry-image a i {
  font-size: 42px;
  line-height: 128px;
}

.mpost .entry-title h4 {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
}

.mpost .entry-meta { margin-top: 5px; }

.mpost .entry-meta li i { margin-right: 2px; }

.mpost .entry-content { margin-top: 15px; }

.post-navigation + .line { margin: 40px 0 50px; }


/* ----------------------------------------------------------------
  Blog - Author
-----------------------------------------------------------------*/

.author-image {
  float: left;
  width: 84px;
  height: 84px;
  margin-right: 15px;
}

.author-image img {
  width: 84px;
  height: 84px;
}


/* ----------------------------------------------------------------
  Comments List
-----------------------------------------------------------------*/


#comments {
  position: relative;
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #EEE;
}

.commentlist {
  list-style: none;
  padding-bottom: 50px;
  margin: 0 0 50px;
  border-bottom: 1px solid #EEE;
}

#reviews .commentlist {
  padding-bottom: 30px;
  margin: 0 0 20px;
}

.commentlist ul { list-style: none; }

.commentlist li,
.commentlist li ul,
.commentlist li ul li { margin: 30px 0 0 0; }

.commentlist ul:first-child { margin-top: 0; }

.commentlist li {
  position: relative;
  margin: 30px 0 0 30px;
}

#reviews .commentlist li { margin-top: 20px; }

.comment-wrap {
  position: relative;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  padding: 20px 20px 20px 35px;
}

.commentlist ul .comment-wrap {
  margin-left: 25px;
  padding-left: 20px;
}

#reviews .comment-wrap {
  border: 0;
  padding: 10px 0 0 35px;
}

.commentlist > li:first-child,
#reviews .commentlist > li:first-child {
  padding-top: 0;
  margin-top: 0;
}

.commentlist li .children { margin-top: 0; }

.commentlist li li .children { margin-left: 30px; }

.commentlist li .comment-content,
.pingback {
  position: relative;
  overflow: hidden;
}

.commentlist li .comment-content p,
.pingback p { margin: 20px 0 0 0; }

.commentlist li .comment-content { padding: 0 0 0 15px; }

.commentlist li .comment-meta {
  float: left;
  margin-right: 0;
  line-height: 1;
}

.comment-avatar {
  position: absolute;
  top: 15px;
  left: -35px;
  padding: 4px;
  background: #FFF;
  border: 1px solid #E5E5E5;
  border-radius: 50%;
}

.comment-avatar img {
  display: block;
  border-radius: 50%;
}

.commentlist li .children .comment-avatar { left: -25px; }

.comment-content .comment-author {
  margin-bottom: -10px;
  font-size: 16px;
  font-weight: bold;
  color: #555;
}

.comment-content .comment-author a {
  border: none;
  color: #008ab4;
}

.comment-content .comment-author a:hover { color: #008ab4; }

.comment-content .comment-author span { display: block; }

.comment-content .comment-author span,
.comment-content .comment-author span a {
  font-size: 12px;
  font-weight: normal;
  font-family: 'Proxima Nova', sans-serif;
  font-style: italic;
  color: #AAA;
}

.comment-content .comment-author span a:hover { color: #888; }

.comment-reply-link,
.review-comment-ratings {
  display: block;
  position: absolute;
  top: 4px;
  left: auto;
  text-align: center;
  right: 0px;
  width: 14px;
  height: 14px;
  color: #CCC;
  font-size: 14px;
  line-height: 1;
}

.review-comment-ratings {
  width: auto;
  color: #008ab4;
}

.comment-reply-link:hover { color: #888; }


/* ----------------------------------------------------------------
  Comment Form
-----------------------------------------------------------------*/


#respond,
#respond form { margin-bottom: 0; }

.commentlist li #respond { margin: 30px 0 0; }

.commentlist li li #respond { margin-left: 30px; }

#respond p { margin: 10px 0 0 0; }

#respond p:first-child { margin-top: 0; }

#respond label small {
  color: #999;
  font-weight: normal;
}

#respond input[type="text"],
#respond textarea { margin-bottom: 0; }

#respond .col_one_third,
#respond .col_full { margin-bottom: 20px; }

.fb-comments,
.fb_iframe_widget,
.fb-comments > span,
.fb_iframe_widget > span,
.fb-comments > span > iframe,
.fb_iframe_widget > span > iframe {
  display: block !important;
  width: 100% !important;
  margin: 0;
}


/* Post Elements
-----------------------------------------------------------------*/

img.alignleft,
div.alignleft {
  float: left;
  margin: 5px 20px 13px 0;
  max-width: 100%;
}

div.alignleft > img,
div.alignnone > img,
div.aligncenter > img,
div.alignright > img {
  display: block;
  float: none;
}

img.alignnone,
img.aligncenter,
div.alignnone,
div.aligncenter {
  display: block;
  margin: 10px 0;
  float: none;
}

img.aligncenter,
div.aligncenter,
div.aligncenter img {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

img.alignright,
div.alignright {
  float: right;
  margin: 5px 0 13px 20px;
}

.wp-caption {
  text-align: center;
  margin: 10px 20px 13px 20px;
  font-family: 'Proxima Nova', Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

.wp-caption img,
.wp-caption img a {
  display: block;
  margin: 0;
}

p.wp-caption-text {
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 5px 10px;
  background-color: #EEE;
  border-radius: 50px;
}

.wp-smiley {
  max-height: 13px;
  margin: 0 !important;
}


/* Infinity Scroll - Message Style
-----------------------------------------------------------------*/

#infscr-loading,
#portfolio-ajax-loader {
  position: fixed;
  z-index: 20;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  background-color: rgba(0,0,0,0.7);
  border-radius: 3px;
  line-height: 48px;
  font-size: 24px;
  color: #FFF;
  text-align: center;
}

#infscr-loading img,
#portfolio-ajax-loader img {
  display: none;
  width: 24px;
  height: 24px;
  margin: 12px;
}

#portfolio-ajax-loader { display: none; }

#portfolio-ajax-loader img { display: block; }


/* ----------------------------------------------------------------
  Shop
-----------------------------------------------------------------*/


#shop {
  position: relative;
  margin: 0 -20px -20px 0;
}

.product {
  position: relative;
  float: left;
  margin: 0 20px 20px 0;
  width: 270px;
}

.product-image {
  position: relative;
  width: 100%;
  height: 360px;
  overflow: hidden;
}

.product-image > a,
.product-image .slide a,
.product-image img {
  display: block;
  width: 100%;
  height: 100%;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-image > a {
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.product-image > a:nth-of-type(2) {
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.product-image:hover > a:nth-of-type(2) {
  opacity: 1;
  z-index: 2;
}

.product-desc {
  padding: 15px 0;
  font-size: 14px;
}

.product-title { margin-bottom: 7px; }

.product-title h3 {
  margin: 0;
  font-size: 20px;
}

.product-title h3 a,
.single-product .product-title h2 a { color: #008ab4; }

.product-title h3 a:hover,
.single-product .product-title h2 a:hover { color: #008ab4; }

.product-price {
  font-size: 18px;
  font-weight: 600;
  color: #444;
  margin-bottom: 4px;
}

.product-price del {
  font-weight: 400;
  font-size: 90%;
  color: #888;
}

.product-price ins {
  text-decoration: none;
  color: #008ab4;
}

.product-overlay {
  position: absolute;
  width: 100%;
  height: 44px;
  line-height: 44px;
  top: auto;
  bottom: -44px;
  left: 0;
  z-index: 6;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-overlay {
  -webkit-transition: bottom .3s ease-in-out;
  -o-transition: bottom .3s ease-in-out;
  transition: bottom .3s ease-in-out;
}

.product:hover .product-overlay { bottom: 0; }

.product-overlay a {
  display: block;
  float: left;
  width: 50%;
  font-size: 13px;
  color: #008ab4;
  background-color: #F5F5F5;
  text-align: center;
  border-right: 1px solid rgba(0,0,0,0.1);
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .product-overlay a {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.product-overlay a.item-quick-view { border-right: 0; }

.product-overlay a i {
  position: relative;
  top: 1px;
  font-size: 14px;
  margin-right: 3px;
}

.product-overlay a:hover {
  background-color: #008ab4;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.sale-flash {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 6px 10px;
  background-color: #008ab4;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  border-radius: 2px;
  z-index: 5;
}

.sale-flash.out-of-stock { background-color: #777; }




/* Shop - 3 Columns
-----------------------------------------------------------------*/

#shop.product-3 { margin: 0 -30px -30px 0; }

.product-3 .product {
  margin: 0 30px 30px 0;
  width: 360px;
}

.product-3 .product-image { height: 480px; }


/* Shop - 3 Columns - Sidebar
-----------------------------------------------------------------*/

.postcontent #shop.product-3 { margin: 0 -25px -25px 0; }

.postcontent .product-3 .product {
  margin: 0 25px 25px 0;
  width: 270px;
}

.postcontent .product-3 .product-image { height: 360px; }


/* Shop - 2 Columns - Sidebar
-----------------------------------------------------------------*/

.postcontent #shop.product-2 { margin: 0 -40px -40px 0; }

.postcontent .product-2 .product {
  margin: 0 40px 40px 0;
  width: 410px;
}

.postcontent .product-2 .product-image { height: 547px; }


/* Shop - 2 Columns - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar #shop.product-2 { margin: 0 -40px -20px 0; }

.bothsidebar .product-2 .product {
  margin: 0 40px 20px 0;
  width: 270px;
}

.bothsidebar .product-2 .product-image { height: 360px; }


/* Shop - 1 Column
-----------------------------------------------------------------*/

#shop.product-1 { margin: 0 0 -40px 0; }

.product-1 .product {
  float: none;
  margin: 0 0 40px 0;
  width: 100%;
}

.product-1 .product-image {
  float: left;
  width: 300px;
  height: 400px;
  margin-right: 30px;
}

.product-1 .product.alt .product-image {
  float: right;
  margin: 0 0 0 30px;
}

.product-1 .product-desc {
  padding: 0;
  position: relative;
  overflow: hidden;
}

.product-1 .product-title h3 { font-size: 22px; }

.product-1 .product-desc .product-price { font-size: 20px; }

.product-1 .product-desc .product-rating { margin-bottom: 15px; }


/* Shop - 1 Column - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar .product-1 .product {
  border-top: 1px solid #F5F5F5;
  padding-top: 40px;
}

.bothsidebar .product-1 .product:first-child {
  border-top: 0;
  padding-top: 0;
}

.bothsidebar .product-1 .product-image {
  width: 240px;
  height: 320px;
}

.bothsidebar .product-1 .product-title h3 { font-size: 20px; }

.bothsidebar .product-1 .product-desc .product-price { font-size: 16px; }


/* Shop - Single
-----------------------------------------------------------------*/

.single-product .product {
  width: 100%;
  margin: 0;
}

.shop-quick-view-ajax,
.portfolio-ajax-modal {
  position: relative;
  background-color: #FFF;
  width: 800px;
  margin: 0 auto;
}

.single-product .product-image,
.single-product .product-image img { height: auto; }

.single-product .product-desc { padding: 0; }

.single-product .product-title h2 {
  font-size: 28px;
  margin-bottom: 8px;
}

.single-product .product-price {
  float: left;
  font-size: 24px;
  color: #008ab4;
  margin-bottom: 0;
}

.single-product .product-rating {
  float: right;
  position: relative;
  top: 9px;
}

.single-product .product-desc .line { margin: 20px 0; }

.quantity {
  float: left;
  margin-right: 30px;
}

.quantity .qty {
  float: left;
  width: 50px;
  height: 40px;
  line-height: 40px;
  border: 0;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  background-color: #EEE;
  text-align: center;
  margin-bottom: 0;
}

.quantity .plus,
.quantity .minus {
  display: block;
  float: left;
  cursor: pointer;
  border: 0px transparent;
  padding: 0;
  width: 36px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #EEE;
  font-size: 16px;
  font-weight: bold;
  transition: background-color .2s linear;
  -webkit-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
}

.quantity .plus:hover,
.quantity .minus:hover { background-color: #DDD; }

.quantity .qty:focus,
.quantity .plus:focus,
.quantity .minus:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

.single-product .add-to-cart.button {
  height: 40px;
  line-height: 40px;
}

.product-meta {
  font-size: 13px;
  color: #777;
}

.product-meta > .panel-body { margin-bottom: -5px; }

.product-meta > .panel-body > span {
  display: block;
  margin-bottom: 5px;
}


.single-product .feature-box.fbox-plain.fbox-small { padding-left: 26px; }

.single-product .feature-box.fbox-plain.fbox-small .fbox-icon { width: 20px; }

.single-product .feature-box.fbox-plain.fbox-small h3 {
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 7px;
}

.single-product .feature-box.fbox-plain.fbox-small p { margin-left: -26px; }

.single-product .feature-box.fbox-plain.fbox-small .fbox-icon i { font-size: 18px; }


/* Individual Product
-----------------------------------------------------------------*/

.product.iproduct {
  float: none;
  margin: 0;
  width: 100%;
}

.iproduct .product-image,
.iproduct .product-image a,
.iproduct .product-image img { height: auto; }


/* ----------------------------------------------------------------
  Cart
-----------------------------------------------------------------*/


.cart .remove {
  font-size: 14px;
  color: #FF0000;
}

.cart .remove:hover { color: #000; }

.cart th {
  padding: 12px 15px !important;
  font-size: 14px;
  color: #555;
}

.cart td {
  padding: 12px 15px !important;
  vertical-align: middle !important;
  border-color: #E5E5E5 !important;
}

.cart-product-thumbnail a {
  display: block;
  width: 68px;
}

.cart-product-thumbnail img {
  display: block;
  width: 64px;
  height: 64px;
  border: 2px solid #EEE;
}

.cart-product-thumbnail img:hover { border-color: #008ab4; }

.cart-product-name a,
.product-name a {
  font-weight: bold;
  font-size: 13px;
  color: #008ab4;
}

.cart-product-name a:hover,
.product-name a:hover { color: #666; }

.cart-product-price,
.cart-product-quantity,
.cart-product-subtotal { text-align: center !important; }

.cart-product-quantity .quantity {
  display: inline-block;
  margin: 0;
  float: none;
}

td.actions {
  padding: 20px 15px !important;
  vertical-align: top !important;
  background-color: #F5F5F5;
}


/* ----------------------------------------------------------------
  Events
-----------------------------------------------------------------*/



.date-box {

  background-color: rgba(0,0,0,0.5);
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  width: 60px;
  height: 64px;
  text-align: center;
  padding-top: 7px;
  font-size: 22px;
  line-height: 1;
}

.date-box .date span {
  display: block;
  font-size: 15px;
  margin-top: 10px;
}




.events .entry,
.ievent {
  padding: 20px;
  background-color: #F9F9F9;
  border-bottom: 3px solid #EEE;
}

.events .entry-image .entry-date,
.ievent .entry-image .entry-date {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(0,0,0,0.7);
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  width: 60px;
  height: 64px;
  text-align: center;
  padding-top: 7px;
  font-size: 26px;
  line-height: 1;
}

.events .entry-image .entry-date span,
.ievent .entry-image .entry-date span {
  display: block;
  font-size: 15px;
  margin-top: 5px;
}

.events .entry-c,
.ievent .entry-c { padding: 5px 0; }

.single-event .entry-image img { border-radius: 0; }

.single-event .events-meta { font-size: 14px; }

.single-event .events-meta .iconlist li,
.parallax .iconlist li { margin: 5px 0; }

.single-event .entry-overlay,
.parallax .entry-overlay-meta {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: rgba(0,0,0,0.85);
  text-align: center;
  line-height: 80px;
  font-size: 22px;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  z-index: 5;
}

.single-event .countdown {
  display: inline-block;
  position: relative;
  top: 7px;
}

.single-event .countdown-section {
  padding: 0 15px;
  border-left-color: rgba(255,255,255,0.3);
  color: #CCC;
}

.single-event .countdown-amount { color: #FFF; }

.parallax .entry-overlay,
.parallax .entry-overlay-meta {
  background: transparent;
  width: auto;
  text-align: right;
  bottom: 30px;
  left: auto;
  right: 30px;
}

.parallax .entry-overlay-meta {
  padding: 20px;
  font-size: 14px;
  text-align: left;
  right: 38px;
  bottom: 130px;
  width: 368px;
  height: auto;
  line-height: inherit;
  background-color: rgba(0,0,0,0.7);
  border-radius: 3px;
}

.parallax.overlay-left .entry-overlay,
.parallax.overlay-left .entry-overlay-meta {
  right: auto;
  left: 30px;
}

.parallax.overlay-left .entry-overlay-meta { left: 38px; }

.parallax.overlay-center .entry-overlay,
.parallax.overlay-center .entry-overlay-meta {
  bottom: 100px;
  right: auto;
  left: 50%;
  margin-left: -192px;
}

.parallax.overlay-center .entry-overlay-meta {
  top: 100px;
  bottom: auto;
  margin-left: -184px;
}

.parallax .entry-overlay-meta h2 {
  font-size: 20px;
  text-transform: uppercase;
  border-bottom: 1px dashed rgba(255,255,255,0.2);
  padding-bottom: 17px;
}

.parallax .entry-overlay-meta h2 a { color: #FFF; }

.parallax .entry-overlay-meta h2 a:hover { color: #DDD; }

.parallax .countdown { top: 0; }

.parallax .countdown-section {
  border-left: 0;
  width: 80px;
  height: 80px;
  margin: 0 8px;
  font-size: 13px;
  background-color: rgba(0,0,0,0.7);
  border-radius: 3px;
  padding-top: 14px;
}

.parallax .countdown-amount {
  font-size: 28px;
  margin-bottom: 6px;
}


/* Individual Events
-----------------------------------------------------------------*/

.ievent {
  position: relative;
  margin-top: 20px;
}

.ievent:first-child { margin-top: 0; }

.ievent .entry-image {
  width: 30%;
  margin-right: 20px;
}

.ievent .entry-content { margin-top: 20px; }

.ievent .entry-title h2 { font-size: 18px; }

.ievent .entry-meta { margin-right: -10px; }

.ievent .entry-meta li {
  font-size: 13px;
  margin-right: 10px;
  padding-left: 10px;
}

.ievent .entry-meta li:first-child { padding-left: 0; }


/* ----------------------------------------------------------------
  Countdown
-----------------------------------------------------------------*/

.countdown { display: block; }

.countdown-row {
  display: block;
  position: relative;
  text-align: center;
}

.countdown-section {
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  text-align: center;
  width: 25%;
  border-left: 1px dotted #BBB;
  color: #888;
  text-transform: capitalize;
}

.countdown-section:first-child { border-left: 0; }

.countdown-amount {
  display: block;
  font-size: 20px;
  color: #008ab4;
  margin-bottom: 5px;
}

.countdown-descr {
  display: block;
  width: 100%;
}


/* Countdown - Medium
-----------------------------------------------------------------*/

.countdown-medium .countdown-section { font-size: 14px; }

.countdown-medium .countdown-amount {
  font-size: 30px;
  margin-bottom: 7px;
}


/* Countdown - Large
-----------------------------------------------------------------*/

.countdown-large .countdown-section { font-size: 18px; }

.countdown-large .countdown-amount {
  font-size: 44px;
  font-weight: 600;
  margin-bottom: 8px;
}


/* Countdown - Inline
-----------------------------------------------------------------*/

.countdown.countdown-inline { display: inline-block; }

.countdown.countdown-inline .countdown-row {
  display: inline-block;
  text-align: center;
}

.countdown.countdown-inline .countdown-section {
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  width: auto;
  border: none;
  color: inherit;
  margin-left: 7px;
  text-transform: lowercase;
}

.countdown.countdown-inline .countdown-section:first-child { margin-left: 0; }

.countdown.countdown-inline .countdown-amount {
  display: inline-block;
  font-size: inherit;
  color: inherit;
  font-weight: bold;
  margin: 0 3px 0 0;
}

.countdown.countdown-inline .countdown-descr {
  display: inline-block;
  width: auto;
}


/* Countdown - Coming Soon
-----------------------------------------------------------------*/

body:not(.device-xs):not(.device-xxs) .countdown.countdown-large.coming-soon .countdown-section {
  border: none;
  padding: 15px;
}

body:not(.device-xs):not(.device-xxs) .countdown.countdown-large.coming-soon .countdown-amount {
  height: 140px;
  line-height: 140px;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.2);
  margin-bottom: 15px !important;
}


/* ----------------------------------------------------------------
  Buttons
-----------------------------------------------------------------*/


.button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  margin: 5px;
  padding: 0 22px;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  background-color: #008ab4;
  color: #FFF;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

body:not(.device-touch) .button {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.button-dark { background-color: #444; }

.button-light {
  background-color: #EEE;
  color: #008ab4;
  text-shadow: none !important;
}

.button:hover {
  background-color: #444;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-dark:hover { background-color: #008ab4; }

.button.button-mini {
  padding: 0 14px;
  font-size: 11px;
  height: 28px;
  line-height: 28px;
}

.button.button-small {
  padding: 0 17px;
  font-size: 12px;
  height: 34px;
  line-height: 34px;
}

.button.button-large {
  padding: 0 26px;
  font-size: 16px;
  height: 46px;
  line-height: 46px;
}

.button.button-xlarge {
  padding: 0 32px;
  font-size: 18px;
  letter-spacing: 2px;
  height: 52px;
  line-height: 52px;
}

.button.button-desc {
  text-align: left;
  padding: 18px 28px 18px 14px;
  font-size: 22px;
  height: auto;
  line-height: 1;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 100;

}



.button.button-desc .fancy {font-weight: 700;}
.button.button-desc .date {margin-right: 20px;font-size: 65%; font-weight: 400; letter-spacing: -.02em;}
.button.button-desc .date span {font-size: 130%; font-weight: 700; letter-spacing: 1px;}

.button.button-desc span {
  display: block;
  margin-top: 10px;
  font-size: 16px !important;
  font-weight: 300;
  /*letter-spacing: 1px;*/
  font-family: 'Proxima Nova', sans-serif;
  font-style: normal;
  text-transform: none;
}






.button i {
  position: relative;
  top: 1px;
  line-height: 1;
  margin-right: 5px;
}

.button.tright i { margin: 0 0 0 5px; }

.button-mini i { margin-right: 3px; }

.button-mini.tright i { margin: 0 0 0 3px; }

.button-small i { margin-right: 4px; }

.button-small.tright i { margin: 0 0 0 4px; }

.button-xlarge i {
  top: 2px;
  margin-right: 8px;
}

.button-xlarge.tright i { margin: 0 0 0 8px; }

.button.button-desc i {
  top: 1px;
  font-size: 48px;
  width: 48px;
  text-align: center;
  margin-right: 12px;
}

.button.button-desc.tright i { margin: 0 0 0 12px; }

.button.button-desc div { display: inline-block; }

.button.button-rounded { border-radius: 3px; }


/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-border {
  border: 2px solid #008ab4 !important;
  background-color: transparent;
  color: #008ab4;
  line-height: 36px;
  font-weight: 600;
  text-shadow: none;
}

.button.button-border.button-mini { line-height: 24px; }

.button.button-border.button-small { line-height: 30px; }

.button.button-border.button-large { line-height: 42px; }

.button.button-border.button-xlarge { line-height: 48px; }

.button.button-border.button-desc { line-height: 1; }

.button.button-border:hover {
  background-color: #008ab4;
  color: #FFF;
  border-color: transparent !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-border.button-light {
  border-color: #EEE;
  color: #EEE;
}

.button.button-border.button-light:hover {
  background-color: #EEE;
  color: #008ab4;
  text-shadow: none;
}


/* Buttons - Border
-----------------------------------------------------------------*/

.button.button-3d {
  border-radius: 3px;
  border-bottom: 3px solid rgba(0,0,0,0.15);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.button.button-3d:hover {
  background-color: #008ab4 !important;
  opacity: 0.9;
}

.button.button-3d.button-light:hover,
.button.button-reveal.button-light:hover {
  text-shadow: none;
  color: #008ab4;
}


/* Buttons - Icon Reveal
-----------------------------------------------------------------*/

.button.button-reveal {
  padding: 0 28px;
  overflow: hidden;
}

.button.button-reveal i {
  display: block;
  position: absolute;
  top: 0;
  left: -32px;
  width: 32px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  text-align: center;
  background-color: rgba(0,0,0,0.1);
}

.button.button-reveal.button-border i { top: -2px; }

.button.button-reveal.tright i {
  left: auto;
  right: -32px;
}

.button.button-reveal.button-3d i,
.button.button-reveal.button-rounded i { border-radius: 3px 0 0 3px; }

.button.button-reveal.button-3d.tright i,
.button.button-reveal.button-rounded.tright i { border-radius: 0 3px 3px 0; }

.button.button-reveal span {
  display: inline-block;
  position: relative;
  left: 0;
}

body:not(.device-touch) .button.button-reveal i,
body:not(.device-touch) .button.button-reveal span {
  -webkit-transition: left 0.3s ease, right 0.3s ease;
  -o-transition: left 0.3s ease, right 0.3s ease;
  transition: left 0.3s ease, right 0.3s ease;
}

.button.button-reveal.button-mini { padding: 0 17px; }

.button.button-reveal.button-mini i {
  left: -22px;
  width: 22px;
  height: 28px;
  line-height: 28px;
}

.button.button-reveal.button-mini.tright i {
  left: auto;
  right: -22px;
}

.button.button-reveal.button-small { padding: 0 22px; }

.button.button-reveal.button-small i {
  left: -26px;
  width: 26px;
  height: 34px;
  line-height: 34px;
}

.button.button-reveal.button-small.tright i {
  left: auto;
  right: -26px;
}

.button.button-reveal.button-large { padding: 0 32px; }

.button.button-reveal.button-large i {
  left: -38px;
  width: 38px;
  height: 46px;
  line-height: 46px;
}

.button.button-reveal.button-large.tright i {
  left: auto;
  right: -38px;
}

.button.button-reveal.button-xlarge { padding: 0 40px; }

.button.button-reveal.button-xlarge i {
  left: -44px;
  width: 44px;
  height: 52px;
  line-height: 52px;
}

.button.button-reveal.button-xlarge.tright i {
  left: auto;
  right: -44px;
}

.button.button-reveal:hover i { left: 0; }

.button.button-reveal.tright:hover i {
  left: auto;
  right: 0;
}

.button.button-reveal:hover span { left: 16px; }

.button.button-reveal.button-mini:hover span { left: 11px; }

.button.button-reveal.button-small:hover span { left: 13px; }

.button.button-reveal.button-large:hover span { left: 19px; }

.button.button-reveal.button-xlarge:hover span { left: 22px; }

.button.button-reveal.tright:hover span { left: -16px; }

.button.button-reveal.button-mini.tright:hover span { left: -11px; }

.button.button-reveal.button-small.tright:hover span { left: -13px; }

.button.button-reveal.button-large.tright:hover span { left: -19px; }

.button.button-reveal.button-xlarge.tright:hover span { left: -22px; }


/* Buttons - Promo 100% Width
-----------------------------------------------------------------*/

.button.button-full {
  display: block !important;
  white-space: normal;
  margin: 0;
  height: auto;
  line-height: 1.6;
  padding: 30px 0;
  font-size: 30px;
  font-weight: 300;
  text-transform: none;
  border-radius: 0;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.button.button-full.button-light { border-bottom: 1px solid rgba(0,0,0,0.15); }

.button.button-full strong {
  font-weight: 600;
  border-bottom: 2px solid #EEE;
}

body:not(.device-touch) .button.button-full strong {
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}

.button.button-full.button-light strong { border-bottom-color: #008ab4; }

.button.button-full.button-light:hover strong { border-bottom-color: #EEE; }


/* Buttons - Colors
-----------------------------------------------------------------*/

.button-red { background-color: #d03238; }
.button-3d.button-red:hover,
.button-reveal.button-red:hover { background-color: #d03238 !important; }

.button-teal { background-color: #53777A; }
.button-3d.button-teal:hover,
.button-reveal.button-teal:hover { background-color: #53777A !important; }

.button-yellow { background-color: #F67828; }
.button-3d.button-yellow:hover,
.button-reveal.button-yellow:hover { background-color: #F67828 !important; }

.button-green { background-color: #59BA41; }
.button-3d.button-green:hover,
.button-reveal.button-green:hover { background-color: #59BA41 !important; }

.button-brown { background-color: #774F38; }
.button-3d.button-brown:hover,
.button-reveal.button-brown:hover { background-color: #774F38 !important; }

.button-aqua { background-color: #40C0CB; }
.button-3d.button-aqua:hover,
.button-reveal.button-aqua:hover { background-color: #40C0CB !important; }

.button-lime { background-color: #AEE239; }
.button-3d.button-lime:hover,
.button-reveal.button-lime:hover { background-color: #AEE239 !important; }

.button-purple { background-color: #5D4157; }
.button-3d.button-purple:hover,
.button-reveal.button-purple:hover { background-color: #5D4157 !important; }

.button-leaf { background-color: #A8CABA; }
.button-3d.button-leaf:hover,
.button-reveal.button-leaf:hover { background-color: #A8CABA !important; }

.button-pink { background-color: #F89FA1; }
.button-3d.button-pink:hover,
.button-reveal.button-pink:hover { background-color: #F89FA1 !important; }

.button-dirtygreen { background-color: #1693A5; }
.button-3d.button-dirtygreen:hover,
.button-reveal.button-dirtygreen:hover { background-color: #1693A5 !important; }

.button-blue { background-color: #008ab4; }
.button-3d.button-blue:hover,
.button-reveal.button-blue:hover { background-color: #333 !important; }

.button-amber { background-color: #EB9C4D; }
.button-3d.button-amber:hover,
.button-reveal.button-amber:hover { background-color: #EB9C4D !important; }

.button-black { background-color: #111; }
.button-3d.button-black:hover,
.button-reveal.button-black:hover { background-color: #111 !important; }

.button-white { background-color: #F9F9F9; }
.button-3d.button-white:hover,
.button-reveal.button-white:hover { background-color: #F9F9F9 !important; }


.button-gray { background-color: #555; border-bottom: 2px solid rgba(255,255,255,.2);}
.button-3d.button-gray:hover,
.button-reveal.button-gray:hover { background-color: #555 !important; }

.button-vblue { background-color: #008ab4; border-bottom: 2px solid rgba(255,255,255,.2);}
.button-3d.button-vblue:hover,
.button-reveal.button-vblue:hover { background-color: #008ab4 !important; }


/* Buttons - No Hover
-----------------------------------------------------------------*/

.button.button-nohover:hover {
  opacity: inherit !important;
  background-color: inherit !important;
  color: inherit !important;
  border-color: inherit !important;
}




/* ----------------------------------------------------------------
  Solution Boxes Block   - lcedit - second version of boxes for custom blocks
-----------------------------------------------------------------*/

 

.solution-box.solution-box-block h3 {
  font-weight: 300;
  border-bottom: 1px solid rgba(0,0,0,.1);
  font-size: 250%;
  line-height: 120%;
  padding-bottom: 20px;
  color: rgba(0,0,0,.5);

}

 
.solution-box.solution-box-block  ul li{
  margin: 0; 
}
.solution-box.solution-box-block  ul,
 .solution-box.solution-box-block  ol {
  margin-left: 50px; 
  font-size: 120%;
  padding-top: 5px;
}   

.solution-box.solution-box-block {
  position: relative;
  padding: 30px;
  border: 1px solid rgba(0,0,0,.1) !important;
  border-radius: 5px;
  background: #fff;
}


.solution-box.solution-box-block .solution-box-cta span {display: block;
 text-align: center;
 padding: 10px 0;
 text-transform: uppercase;
 margin:0 auto;
 color: rgba(0,0,0,.5);
 }

.solution-box-cta {display: block; text-align: center; margin:0 auto; }


.solution-box.solution-box-block h4 {
  font-size: 160%;
  text-align: center;
  color: #555;
  font-weight: 600;
}

.solution-box.solution-box-block p {font-size: 120%; line-height: 120%;}


.solution-box.solution-box-block .iconlist ul {
  padding: 10px;
}
.solution-box.solution-box-block .iconlist li  {
  font-size: 115%;
  line-height: 130%;
  padding-bottom: 15px;
  text-align: left;
  color: #888;
  }

.solution-box.solution-box-block .iconlist li i {color: #008ab4;}



.solution-box.solution-box-block .overlay {
  background-color: rgba(255,255,255,0.2);
}


.solution-box.solution-box-block .overlay .overlay-wrap i {
  opacity: 0.8;
  font-size: 44px !important;
  color: #008ab4 !important;
}

.solution-box.solution-box-block .overlay:hover .overlay-wrap { 
  opacity: 1;
  background: rgba(255,255,255,.5);
 }









/* ----------------------------------------------------------------
  Solution Boxes   - lcedit - my own version of solution boxes
-----------------------------------------------------------------*/

.solution-box .card-content ul {margin-left: 20px; font-size: 120%;}  
/*fixes the bullets in the description of certain cards.  Only added card-content to careers so far */

.solution-box {
  position: relative;
  padding: 30px;
  border: 1px solid rgba(0,0,0,.1) !important;
  border-radius: 5px;
  background: #fff;
}

.solution-box h3 {
  font-weight: 300;
  border-bottom: 1px solid rgba(0,0,0,.1);
  font-size: 250%;
  line-height: 120%;
  padding-bottom: 20px;
  color: rgba(0,0,0,.5);

}

.solution-box-cta span {display: block;
 text-align: center;
 padding: 10px 0;
 text-transform: uppercase;
 margin:0 auto;
 color: rgba(0,0,0,.5);
 }

.solution-box-cta {display: block; text-align: center; margin:0 auto; }


.solution-box h4 {
  font-size: 160%;
  text-align: center;
  color: #555;
  font-weight: 600;
}


.solution-box h2 {
  font-size: 140%;
}
.solution-box h5 {
  font-size: 140%;
}

.solution-box h2,
.solution-box h5 {
  color: #555;
  font-weight: 500;
  padding: 20px 0 10px;
  margin: 0;
}

.solution-box p {font-size: 120%; line-height: 120%;}


.solution-box .iconlist ul {
  padding: 10px;
}
.solution-box .iconlist li  {
  font-size: 115%;
  line-height: 130%;
  padding-bottom: 15px;
  text-align: left;
  color: #888;
  }

.solution-box .iconlist li i {color: #008ab4;}




/* ----------------------------------------------------------------
  Promo Boxes
-----------------------------------------------------------------*/


.promo {
  position: relative;
  padding: 30px 200px 30px 0;
}

.promo h3 {
  font-weight: 300;
  margin-bottom: 0;
  font-size: 250%;
}

.promo > span,
.promo > .container > span {
  display: block;
  color: # ;
  font-weight: 300;
  font-size: 22px;
  margin-top: 6px;
}

.promo a.button {
  position: absolute;
  top: 50%;
  margin: 0;
  margin-top: -18px;
  left: auto;
  right: 0;
}

.promo.promo-clear a.button {
  position: static;
  margin: 0 auto !important;
  text-align: center;
}

.promo a.button.button-mini { margin-top: -12px; }

.promo a.button.button-small { margin-top: -15px; }

.promo a.button.button-large { margin-top: -22px; }

.promo a.button.button-xlarge { margin-top: -25px; }

.promo a.button.button-desc { margin-top: -40px; }


/* Promo Uppercase
-----------------------------------------------------------------*/

.promo-uppercase { text-transform: uppercase; }

.promo-uppercase h3 { font-size: 28px; }

.promo-uppercase > span,
.promo-uppercase > .container > span { font-size: 20px; }


/* Promo - with Border
-----------------------------------------------------------------*/

.promo.promo-border {
  border: 1px solid #008ab4 !important;
  border-radius: 3px;
  padding-left: 30px;
}

.promo.promo-border a.button { right: 30px; }




/* Promo - Alternate lcedit
-----------------------------------------------------------------*/
 
a .promo.promo-alternate h3 {
    color: #7c868d !important;
}

.promo.promo-alternate h3 { 
  color: #333 !important; 
  text-align: center;
  font-size: 140%;
  font-weight: 200 !important;
  }







/* Promo - Plain  lcedit
-----------------------------------------------------------------*/


.promo.promo-style2 p {
  font-size: 150%; 
  color: #666;
  padding: 0 80px 0 50px;
}

.promo.promo-style2 h2 { 
  font-size: 340%;
  color: rgba(0,0,0,.6);
  text-shadow: 0 1px 0 #fff;
  padding: 10px 0 30px 0;
  letter-spacing: -.01em;
  margin-right: 30px;
  font-weight: 200;
   }

   .promo.promo-style2 h3 { 
  font-size: 250%;
  color: rgba(0,0,0,.6);
  text-shadow: 0 1px 0 #fff;
  padding: 10px 0 30px 0;
  letter-spacing: -.01em;
  /*margin-right: 30px;*/
   }



.promo.promo-style2 .button {
  margin: 0 auto !important;
  float: none !important;
  text-align: center !important;
  position: relative;
}

/* Promo - Special  lcedit
-----------------------------------------------------------------*/


.promo.promo-special.promo-small p {
  font-size: 120%;
  /*line-height: 110%;*/
}

.promo.promo-special.promo-small h2 {
  font-size: 250%;
  line-height: 120%;
}
.promo.promo-special.promo-small {
  background: #fff !important;

}

.promo.promo-special {
  /*background-color: rgba(0,0,0,.03);*/
  border-radius: 3px;
  padding-left: 30px;
  border-top: 3px solid #008ab4;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+50,ffffff+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(244,244,244,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */


}

.promo.promo-special p {font-size: 140%; color: #666}

.promo.promo-special h2 { 
  font-size: 340%;
  color: rgba(0,0,0,.6);
  text-shadow: 0 1px 0 #fff;
  padding: 10px 0 10px 0;
  letter-spacing: -.01em;
  margin-right: 30px;
  font-weight: 200;
   }

   .promo.promo-special h3 { 
  font-size: 250%;
  color: rgba(0,0,0,.6);
  text-shadow: 0 1px 0 #fff;
  padding: 10px 0 30px 0;
  letter-spacing: -.01em;
  /*margin-right: 30px;*/
   }



/* Promo - Light
-----------------------------------------------------------------*/

.promo.promo-light {
  background-color: rgba(0,0,0,.1);
  border-radius: 3px;
  padding-left: 30px;
  border-top: 3px solid #008ab4;
}

.promo.promo-light a.button { right: 30px; }


/* Promo - Dark
-----------------------------------------------------------------*/

.promo.promo-dark {
  border: 0 !important;
  background-color: #008ab4;
  padding: 30px 200px 30px 30px;
   
  border-radius: 3px;
}

.promo.promo-dark h3 { color: #FFF !important; }

.promo.promo-dark > h3 span,
.promo.promo-dark > .container > h3 span {
  padding: 2px 8px;
  border-radius: 3px;
  background-color: rgba(0,0,0,0.15);
  color: #FFF;
  font-weight: 400;
}

.promo.promo-dark > span,
.promo.promo-dark > .container > span {
  color: #CCC;
  margin-top: 8px;
}

.promo.promo-dark a.button { right: 30px; }


/* Promo - Flat
-----------------------------------------------------------------*/

.promo.promo-flat { background-color: #008ab4; }

.promo.promo-flat > span,
.promo.promo-flat > .container > span { color: rgba(255,255,255,0.9); }

.promo.promo-flat a.button:not(.button-border) {
  background-color: rgba(0,0,0,0.2);
  color: #FFF;
}

.promo.promo-flat a.button:hover {
  background-color: #FFF;
  border-color: #FFF;
  color: #444;
  text-shadow: none;
}


/* Promo - 100% Full Width
-----------------------------------------------------------------*/

.promo-full {
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  padding: 40px 0 !important;
}

.promo-full a.button { right: 15px !important; }

.promo-full.promo-right a.button {
  right: auto !important;
  left: 15px !important;
}

/* Promo - Parallax
-----------------------------------------------------------------*/

.promo.parallax { padding: 80px 0 !important; }


/* Promo - Right Align
-----------------------------------------------------------------*/

.promo.promo-right {
  text-align: right;
  padding: 30px 0 30px 200px;
}

.promo.promo-right a.button {
  left: 0;
  right: auto;
}


/* Promo - with Border & Right Align
-----------------------------------------------------------------*/

.promo.promo-right.promo-border:not(.promo-mini),
.promo.promo-dark.promo-right:not(.promo-mini) { padding-right: 30px; }

.promo.promo-right.promo-border a.button,
.promo.promo-dark.promo-right a.button { left: 30px; }


/* Promo - Center Align
-----------------------------------------------------------------*/

.promo.promo-center {
  text-align: center;
  padding: 60px 20px 10px 20px;
}

.promo.promo-center a.button {
  position: relative;
  top: 0;
  margin: 20px 0 0;
  left: 0 !important;
  right: 0;
}


/* Promo - Mini
-----------------------------------------------------------------*/

.promo.promo-mini {
  text-align: left;
  padding: 20px 25px;
}

.promo.promo-mini h3 {
  font-size: 20px;
  line-height: 1.5;
}

.promo.promo-mini.promo-uppercase h3 { font-size: 18px; }

.promo.promo-mini.promo-dark h3 { line-height: 1.7; }

.promo.promo-mini a.button {
  position: relative;
  top: 0;
  margin: 20px 0 0;
  left: 0 !important;
  right: 0;
}


/* Promo - Mini - Center Align
-----------------------------------------------------------------*/

.promo.promo-mini.promo-center { text-align: center; }


/* Promo - Mini - Right Align
-----------------------------------------------------------------*/

.promo.promo-mini.promo-right { text-align: right; }


/* ----------------------------------------------------------------
  Featured Boxes
-----------------------------------------------------------------*/


/*

#slider.industry-slider .feature-box .fbox-icon {
  left: 100px;
  right: auto;
  
}
*/









.feature-box {
  position: relative;
  margin-top: 20px;
  padding: 0 0 0 0px;

}

.feature-box:first-child { margin-top: 0; }



.portfolio-item .portfolio-image-advanced {max-width: 100px;}


/*lcedit - changed the height and width */
.feature-box .fbox-icon {
  display: block;
  position: absolute;
  /*width: 64px;
  height: 64px;*/
  width: 100px;
  height: 100px;
  top: 0;
  left: 0;
}

.feature-box .fbox-icon a,
.feature-box .fbox-icon i,
.feature-box .fbox-icon img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #FFF;
}

.feature-box .fbox-icon i,
.feature-box .fbox-icon img {
  border-radius: 50%;
  background-color: #008ab4;
}

.feature-box .fbox-icon i {
  font-style: normal;
  font-size: 28px;
  text-align: center;
  line-height: 64px;
}

.feature-box h3 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0;
  color: #008ab4;
  text-shadow: 0 !important;
}

.feature-box p {
  margin: 8px 0 0 0;
  color: #999;
}

.feature-box .before-heading { font-size: 14px; }


/* Feature Box - Icon Large
-----------------------------------------------------------------*/

.feature-box.fbox-large { padding: 0 0 0 115px; }

.feature-box.fbox-large .fbox-icon {
  width: 96px;
  height: 96px;
}

.feature-box.fbox-large .fbox-icon i {
  font-size: 42px;
  line-height: 96px;
}


/* Feature Box - Icon Outline
-----------------------------------------------------------------*/

.feature-box.fbox-outline .fbox-icon {
  border: 1px solid #008ab4;
  border-radius: 50%;
  padding: 3px;
}

.feature-box.fbox-outline .fbox-icon i { line-height: 56px; }


/* Feature Box - Icon Outline Large
-----------------------------------------------------------------*/

.feature-box.fbox-outline.fbox-large .fbox-icon { padding: 4px; }

.feature-box.fbox-outline.fbox-large .fbox-icon i { line-height: 86px; }


/* Feature Box - Icon Rounded
-----------------------------------------------------------------*/

.feature-box.fbox-rounded .fbox-icon { border-radius: 3px !important; }

.feature-box.fbox-rounded .fbox-icon i,
.feature-box.fbox-rounded .fbox-icon img { border-radius: 3px !important; }


/* Feature Box - Icon Rounded & Large
-----------------------------------------------------------------*/

.feature-box.fbox-rounded.fbox-large .fbox-icon { border-radius: 4px !important; }

.feature-box.fbox-rounded.fbox-large .fbox-icon i,
.feature-box.fbox-rounded.fbox-large .fbox-icon img { border-radius: 4px !important; }




/* Feature Box - Light Background
-----------------------------------------------------------------*/

.feature-box.fbox-light.fbox-outline .fbox-icon { border-color: #E5E5E5; }

.feature-box.fbox-light .fbox-icon i,
.feature-box.fbox-light .fbox-icon img {
  border: 1px solid #E5E5E5;
  background-color: #F5F5F5;
  color: #444;
}

.feature-box.fbox-light .fbox-icon i { line-height: 62px; }

.feature-box.fbox-light.fbox-outline .fbox-icon i { line-height: 54px; }

.feature-box.fbox-light.fbox-large .fbox-icon i { line-height: 96px; }

.feature-box.fbox-light.fbox-outline.fbox-large .fbox-icon i { line-height: 84px; }


/* Feature Box - Dark Background
-----------------------------------------------------------------*/

.feature-box.fbox-dark.fbox-outline .fbox-icon { border-color: #444; }

.feature-box.fbox-dark .fbox-icon i,
.feature-box.fbox-dark .fbox-icon img { background-color: #008ab4; }


/* Feature Box - Border
-----------------------------------------------------------------*/

.feature-box.fbox-border .fbox-icon {
  border: 1px solid #008ab4;
  border-radius: 50%;
}

.feature-box.fbox-border .fbox-icon i,
.feature-box.fbox-border .fbox-icon img {
  border: none;
  background-color: transparent !important;
  color: #008ab4;
}

.feature-box.fbox-border .fbox-icon { padding: 0; }

.feature-box.fbox-border .fbox-icon i { line-height: 62px !important; }

.feature-box.fbox-border.fbox-large .fbox-icon i { line-height: 94px !important; }


/* Feature Box - Border - Light
-----------------------------------------------------------------*/

.feature-box.fbox-border.fbox-light .fbox-icon { border-color: #E5E5E5; }

.feature-box.fbox-border.fbox-light .fbox-icon i,
.feature-box.fbox-border.fbox-light .fbox-icon img { color: #888; }


/* Feature Box - Border - Dark
-----------------------------------------------------------------*/

.feature-box.fbox-border.fbox-dark .fbox-icon { border-color: #008ab4; }

.feature-box.fbox-border.fbox-dark .fbox-icon i,
.feature-box.fbox-border.fbox-dark .fbox-icon img { color: #444; }


/* Feature Box - Plain
-----------------------------------------------------------------*/

.feature-box.fbox-plain .fbox-icon {
  border: none !important;
  height: auto !important;
}

.feature-box.fbox-plain .fbox-icon i,
.feature-box.fbox-plain .fbox-icon img {
  border: none !important;
  background-color: transparent !important;
  color: #008ab4;
  border-radius: 0;
}

.feature-box.fbox-plain .fbox-icon i {
  font-size: 48px;
  line-height: 1 !important;
}

.feature-box.fbox-plain .fbox-icon img { height: 64px; }

.feature-box.fbox-plain.fbox-image .fbox-icon { width: auto; }

.feature-box.fbox-plain.fbox-image .fbox-icon img {
  width: auto;
  display: inline-block;
}

.feature-box.fbox-plain.fbox-small { padding-left: 42px; }

.feature-box.fbox-plain.fbox-small .fbox-icon { width: 28px; }

.feature-box.fbox-plain.fbox-small h3 {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 10px;
}

.feature-box.fbox-plain.fbox-small p { margin-left: -42px; }

.feature-box.fbox-plain.fbox-small .fbox-icon i { font-size: 28px; }

.feature-box.fbox-plain.fbox-small .fbox-icon img { height: 28px; }

.feature-box.fbox-plain.fbox-large .fbox-icon i { font-size: 72px; }

.feature-box.fbox-plain.fbox-large .fbox-icon img { height: 96px; }

.feature-box.fbox-plain.fbox-light .fbox-icon i,
.feature-box.fbox-plain.fbox-light .fbox-icon img { color: #888; }

.feature-box.fbox-plain.fbox-dark .fbox-icon i,
.feature-box.fbox-plain.fbox-dark .fbox-icon img { color: #444; }


/* Feature Box - Center
-----------------------------------------------------------------*/

.feature-box.fbox-center {
  padding: 0;
  text-align: center;
}

.feature-box.fbox-center.fbox-small { padding-left: 0 !important; }






.feature-box.fbox-center .fbox-icon {
  position: relative;
  margin: 0 auto 30px;
}

.feature-box.fbox-center .fbox-icon i {
  font-size: 42px;
  line-height: 96px;
}

.feature-box.fbox-center.fbox-outline .fbox-icon i { line-height: 88px; }

.feature-box.fbox-center p {
  font-size: 14px;
  margin-top: 15px;
}


/* Feature Box - Center & Large Icons
-----------------------------------------------------------------*/

.feature-box.fbox-center.fbox-large .fbox-icon {
  width: 128px;
  height: 128px;
}

.feature-box.fbox-center.fbox-large .fbox-icon i {
  font-size: 70px;
  line-height: 128px;
}

.feature-box.fbox-center.fbox-large.fbox-outline .fbox-icon i { line-height: 118px; }

.feature-box.fbox-center.fbox-light .fbox-icon i { line-height: 94px; }

.feature-box.fbox-center.fbox-light.fbox-outline .fbox-icon i { line-height: 86px; }

.feature-box.fbox-center.fbox-light.fbox-outline.fbox-large .fbox-icon i { line-height: 114px; }

.feature-box.fbox-center.fbox-border .fbox-icon i { line-height: 94px !important; }

.feature-box.fbox-center.fbox-large.fbox-border .fbox-icon i { line-height: 126px !important; }

.feature-box.fbox-center.fbox-plain .fbox-icon i { font-size: 84px; }

.feature-box.fbox-center.fbox-plain .fbox-icon img { height: 96px; }

.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon i { font-size: 112px; }

.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon img { height: 128px; }


/* Feature Box - Center & Large Icons
-----------------------------------------------------------------*/

.linkbox .fbox-icon {line-height: 70px;}



a .linkbox h3 {
  color: #fff !important;
  font-size: 130%;
}

.linkbox .fbox-icon img {width: 60px;}

.feature-box.fbox-center.fbox-small .fbox-icon {
  width: 64px;
  height: 64px;
}

.feature-box.fbox-center.fbox-small .fbox-icon i {
  font-size: 28px;
  line-height: 64px;
}

.feature-box.fbox-center.fbox-small.fbox-outline .fbox-icon i { line-height: 58px; }

.feature-box.fbox-center.fbox-light.fbox-outline.fbox-small .fbox-icon i { line-height: 54px; }

.feature-box.fbox-center.fbox-small.fbox-border .fbox-icon i { line-height: 62px !important; }

.feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon i { font-size: 56px; }

.feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon img { height: 64px; }

.feature-box.fbox-center.fbox-small p {
  font-size: 14px;
  margin-top: 10px;
}

.feature-box.fbox-center.fbox-plain.fbox-small p { margin-left: 0; }


/* Feature Box - Right
-----------------------------------------------------------------*/

.feature-box.fbox-right {
  padding: 0 80px 0 0;
  text-align: right;
}

.feature-box.fbox-right.fbox-large { padding-right: 115px; }

.feature-box.fbox-right .fbox-icon {
  left: auto;
  right: 0;
}

.feature-box.fbox-right.fbox-plain.fbox-small { padding: 0 42px 0 0; }

.feature-box.fbox-right.fbox-plain.fbox-small p { margin: 0 -42px 0 0; }


/* Feature Box - Subtitle
-----------------------------------------------------------------*/

.feature-box h3 + .fbox-icon { margin-top: 20px !important; }

.feature-box h3 span.subtitle {
  display: block;
  margin-top: 5px;
  color: #444;
  font-weight: 300;
  text-transform: none;
}


.feature-box h3 span.subtitle ul {
  list-style: none;
}

.feature-box h3 span.subtitle ul li {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
  font-size: 90%;
}

.feature-box.fbox-center:not(.fbox-bg) h3:after {
  content: '';
  display: block;
  margin: 20px auto;
  width: 30px;
  border-top: 2px solid #555;
  -webkit-transition: width .3s ease;
  -o-transition: width .3s ease;
  transition: width .3s ease;
}

.feature-box.fbox-center:not(.fbox-bg):hover h3:after { width: 50px; }

.feature-box.fbox-center.noborder:not(.fbox-bg) h3:after,
.feature-box.fbox-center.nobottomborder:not(.fbox-bg) h3:after { display: none; }

.feature-box.fbox-center.fbox-italic p {
  font-style: italic;
  font-family: 'Proxima Nova', sans-serif;
}


/* Feature Box - Background
-----------------------------------------------------------------*/

.feature-box.fbox-bg.fbox-center {
  margin-top: 68px;
  padding: 68px 30px 30px;
  background-color: #FFF;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
}

.feature-box.fbox-bg.fbox-center:first-child { margin-top: 48px; }

.feature-box.fbox-bg.fbox-center.fbox-large {
  margin-top: 84px;
  padding-top: 84px;
}

.feature-box.fbox-bg.fbox-center.fbox-large:first-child { margin-top: 64px; }

.feature-box.fbox-bg.fbox-center .fbox-icon {
  position: absolute;
  top: -48px;
  left: 50%;
  margin: 0 0 0 -48px;
}

.feature-box.fbox-bg.fbox-center.fbox-large .fbox-icon {
  top: -64px;
  left: 50%;
  margin-left: -64px;
}

.feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon,
.feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon,
.feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon { background-color: #FFF; }

/* Animated Img Hovers  
-----------------------------------------------------------------*/

.fbox-effect .fbox-icon img { z-index: 1; }

.fbox-effect .fbox-icon img:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fbox-rounded.fbox-effect .fbox-icon img:after { border-radius: 3px; }

.fbox-effect .fbox-icon img {
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.fbox-effect .fbox-icon img:after {
  top: -3px;
  left: -3px;
  padding: 3px;
  box-shadow: 0 0 0 2px #008ab4;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transform: scale(.8);
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  transition: transform 0.3s, opacity 0.3s;
  transform: scale(.8);
  opacity: 0;
}

.fbox-effect .fbox-icon img:hover,
.fbox-effect:hover .fbox-icon img {
  background-color: #777;
  color: #FFF;
}

.fbox-effect.fbox-dark .fbox-icon img:after { box-shadow: 0 0 0 2px #008ab4; }

.fbox-effect.fbox-dark .fbox-icon img:hover,
.fbox-effect.fbox-dark:hover .fbox-icon img { background-color: #008ab4; }

.fbox-effect .fbox-icon img:hover:after,
.fbox-effect:hover .fbox-icon img:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}






/* Animated Icon Hovers
-----------------------------------------------------------------*/

.fbox-effect .fbox-icon i { z-index: 1; }

.fbox-effect .fbox-icon i:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fbox-rounded.fbox-effect .fbox-icon i:after { border-radius: 3px; }

.fbox-effect .fbox-icon i {
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.fbox-effect .fbox-icon i:after {
  top: -3px;
  left: -3px;
  padding: 3px;
  box-shadow: 0 0 0 2px #008ab4;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transform: scale(.8);
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  transition: transform 0.3s, opacity 0.3s;
  transform: scale(.8);
  opacity: 0;
}

.fbox-effect .fbox-icon i:hover,
.fbox-effect:hover .fbox-icon i {
  background-color: #008ab4;
  color: #FFF;
}

.fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #008ab4; }

.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #008ab4; }

.fbox-effect .fbox-icon i:hover:after,
.fbox-effect:hover .fbox-icon i:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Icon Effects - Bordered
-----------------------------------------------------------------*/

.fbox-border.fbox-effect .fbox-icon i {
  -webkit-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
  -o-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
  transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;
}

.fbox-border.fbox-effect .fbox-icon i:after {
  top: -2px;
  left: -2px;
  padding: 2px;
  z-index: -1;
  box-shadow: none;
  background-image: url('images/icons/iconalt.svg');
  background-position: center center;
  background-size: 100% 100%;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
  -o-transition: -moz-transform 0.5s, opacity 0.5s, background-color 0.5s;
  transition: transform 0.5s, opacity 0.5s, background-color 0.5s;
}

.fbox-border.fbox-rounded.fbox-effect .fbox-icon i:after { border-radius: 3px; }

.fbox-border.fbox-effect .fbox-icon i:hover,
.fbox-border.fbox-effect:hover .fbox-icon i {
  color: #FFF;
  box-shadow: 0 0 0 1px #008ab4;
}

.fbox-border.fbox-effect .fbox-icon i:after {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0;
  background-color: #008ab4;
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #008ab4; }

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #008ab4; }

.fbox-border.fbox-effect .fbox-icon i:hover:after,
.fbox-border.fbox-effect:hover .fbox-icon i:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}


/* Media Featured Box
-----------------------------------------------------------------*/

.feature-box.media-box { padding: 0; }

.feature-box.media-box .fbox-media { margin: 0 0 25px; }

.feature-box.media-box .fbox-media,
.feature-box.media-box .fbox-media a,
.feature-box.media-box .fbox-media img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

.feature-box.media-box .fbox-media iframe { display: block; }

.feature-box.media-box p { margin-top: 17px; }

.feature-box.media-box.fbox-bg .fbox-media { margin: 0; }

.feature-box.media-box.fbox-bg .fbox-desc {
  padding: 25px;
  background-color: #FFF;
  border: 1px solid #E5E5E5;
  border-top: 0;
  border-radius: 0 0 5px 5px;
}

.feature-box.media-box.fbox-bg .fbox-media img { border-radius: 5px 5px 0 0; }


/* ----------------------------------------------------------------
  Process Steps
-----------------------------------------------------------------*/

.process-steps {
  margin: 0 0 40px;
  list-style: none;
}

.process-steps li {
  float: left;
  position: relative;
  width: 25%;
  text-align: center;
  overflow: hidden;
}

.process-steps.process-2 li { width: 50%; }
.process-steps.process-3 li { width: 33.33%; }
.process-steps.process-5 li { width: 20%; }
.process-steps.process-6 li { width: 16.64%; }
.process-steps.process-7 li { width: 14.26%; }

.process-steps li .i-circled { margin-bottom: 0 !important; }

.process-steps li .i-bordered { background-color: #FFF; }

.process-steps li h5 {
  margin: 15px 0 0 0;
  font-size: 16px;
  font-weight: 300;
}

.process-steps li.active h5,
.process-steps li.ui-tabs-active h5 {
  font-weight: 600;
  color: #008ab4;
}

.process-steps li.active a,
.process-steps li.ui-tabs-active a {
  background-color: #008ab4 !important;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  border-color: #008ab4 !important;
}

.process-steps li:before,
.process-steps li:after {
  content: '';
  position: absolute;
  top: 30px;
  left: 0;
  margin-left: -26px;
  width: 50%;
  border-top: 1px dashed #DDD;
}

.process-steps li:after {
  left: auto;
  right: 0;
  margin: 0 -26px 0 0;
}

.process-steps li:first-child:before,
.process-steps li:last-child:after { display: none; }


/* ----------------------------------------------------------------
  Alerts
-----------------------------------------------------------------*/



.style-msg,
.style-msg2 {
  display: block;
  color: #444;
  border-left: 4px solid rgba(0,0,0,0.1);
  margin-bottom: 20px;
}

.style-msg2 { border-left: 4px solid rgba(0,0,0,0.2); }

.successmsg {
  background: #C5EBD4;
  color: #184B21;
}

.errormsg {
  background: rgba(208,50,56,.1);
  color: #d03238;
}

.infomsg {
  background: #B9DFF4;
  color: #124F70;
}

.alertmsg {
  background: #FCE0B6;
  color: #975E06;
}

.style-msg .sb-msg,
.style-msg2 .msgtitle,
.style-msg2 .sb-msg {
  display: block;
  padding: 15px;
  border-left: 1px solid rgba(255,255,255,0.5);
  font-size: 13px;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
}

.style-msg2 .msgtitle {
  background: rgba(0,0,0,0.15);
  border-top: none;
  border-bottom: none;
  font-size: 14px;
  font-weight: bold;
}

.style-msg-light .sb-msg,
.style-msg-light .msgtitle {
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.style-msg2 .sb-msg { font-weight: normal; }

.style-msg2 ol,
.style-msg2 ul { margin: 0 0 0 30px; }

.style-msg2 ol { list-style-type: decimal; }

.style-msg2 ul { list-style-type: disc; }

.alert i,
.sb-msg i,
.msgtitle i {
  position: relative;
  top: 1px;
  font-size: 14px;
  width: 14px;
  text-align: center;
  margin-right: 5px;
}


/* ----------------------------------------------------------------
  Styled Icons
-----------------------------------------------------------------*/


.i-rounded,
.i-plain,
.i-circled,
.i-bordered,
.social-icon {
  display: block;
  float: left;
  margin: 4px 11px 7px 0;
  text-align: center !important;
  font-size: 28px;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  cursor: pointer;
  font-style: normal;
}

body:not(.device-touch) .i-rounded,
body:not(.device-touch) .i-plain,
body:not(.device-touch) .i-circled,
body:not(.device-touch) .i-bordered,
body:not(.device-touch) .social-icon {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.i-rounded,
.i-circled,
.i-bordered {
  width: 52px !important;
  height: 52px !important;
  line-height: 52px !important;
  background-color: #444;
  border-radius: 3px;
}

.i-bordered {
  border: 1px solid #555;
  line-height: 50px !important;
  background-color: transparent !important;
  color: #444;
  text-shadow: none;
}

.i-plain {
  width: 36px !important;
  height: 36px !important;
  font-size: 28px;
  line-height: 36px !important;
  color: #444;
  text-shadow: 1px 1px 1px #FFF;
}

.i-plain:hover { color: #777; }

.i-circled { border-radius: 50%; }

.i-light {
  background-color: #F5F5F5;
  color: #444;
  text-shadow: 1px 1px 1px #FFF;
  box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}

.i-alt {
  background-image: url('images/icons/iconalt.svg');
  background-position: center center;
  background-size: 100% 100%;
}


.i-rounded:hover,
.i-circled:hover {
  background-color: #008ab4;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.i-bordered:hover {
  background-color: #444 !important;
  color: #FFF;
  border-color: #444;
}


/* Icon Size - Small
-----------------------------------------------------------------*/

.i-small.i-rounded,
.i-small.i-plain,
.i-small.i-circled,
.i-small.i-bordered {
  margin: 4px 11px 7px 0;
  font-size: 14px;
}

.i-small.i-rounded,
.i-small.i-circled,
.i-small.i-bordered {
  width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
}

.i-small.i-bordered { line-height: 26px !important; }

.i-small.i-plain {
  width: 18px !important;
  height: 18px !important;
  font-size: 14px;
  line-height: 18px !important;
}


/* Icon Size - Small
-----------------------------------------------------------------*/

.i-medium.i-rounded,
.i-medium.i-plain,
.i-medium.i-circled,
.i-medium.i-bordered {
  margin: 6px 13px 9px 0;
  font-size: 21px;
}

.i-medium.i-rounded,
.i-medium.i-circled,
.i-medium.i-bordered {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
}

.i-medium.i-bordered { line-height: 34px !important; }

.i-medium.i-plain {
  width: 28px !important;
  height: 28px !important;
  font-size: 20px;
  line-height: 28px !important;
}


/* Icon Size - Large
-----------------------------------------------------------------*/

.i-large.i-rounded,
.i-large.i-plain,
.i-large.i-circled,
.i-large.i-bordered {
  margin: 4px 11px 7px 0;
  font-size: 42px;
}

.i-large.i-rounded,
.i-large.i-circled,
.i-large.i-bordered {
  width: 64px !important;
  height: 64px !important;
  line-height: 64px !important;
}

.i-large.i-bordered { line-height: 62px !important; }

.i-large.i-plain {
  width: 48px !important;
  height: 48px !important;
  font-size: 42px;
  line-height: 48px !important;
}


/* Icon Size - Extra Large
-----------------------------------------------------------------*/

.i-xlarge.i-rounded,
.i-xlarge.i-plain,
.i-xlarge.i-circled,
.i-xlarge.i-bordered {
  margin: 4px 11px 7px 0;
  font-size: 56px;
}

.i-xlarge.i-rounded,
.i-xlarge.i-circled,
.i-xlarge.i-bordered {
  width: 84px !important;
  height: 84px !important;
  line-height: 84px !important;
}

.i-xlarge.i-bordered { line-height: 82px !important; }

.i-xlarge.i-plain {
  width: 84px !important;
  height: 84px !important;
  font-size: 76px;
  line-height: 84px !important;
}


/* ----------------------------------------------------------------
  Icon Overlay
-----------------------------------------------------------------*/

.i-overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(0,0,0,0.2) url('images/grid.png') repeat;
}

.i-overlay img,
.i-overlay i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -24px;
  width: 48px !important;
  height: 48px !important;
  font-size: 48px;
  line-height: 1;
  color: #E5E5E5;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.i-overlay i {
  margin: -18px 0 0 -18px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 24px;
}

.on-hover.i-overlay { opacity: 0; }

body:not(.device-touch) .on-hover.i-overlay {
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.on-hover.i-overlay:hover { opacity: 1; }


/* ----------------------------------------------------------------
  Social Icons
-----------------------------------------------------------------*/

.share-post-icons.careers-social {display: inline-block; margin: 0 auto;}

.share-post-icons {margin-top: 4px;}

.mobile-social-icons .social-icon {}

.social-icon {
  display: block;
  float: left;
  margin: 4px 11px 7px 0;
  text-align: center !important;
  font-size: 28px;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  cursor: pointer;
  font-style: normal;
}
.social-icon {
  margin: 0 5px 5px 0;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 38px !important;
  color: #555;
  text-shadow: none;
  border: 1px solid #AAA;
  border-radius: 3px;
  overflow: hidden;
}


/* Social Icons - Rounded
-----------------------------------------------------------------*/

.si-rounded { border-radius: 50%; }

/* Social Icons - Borderless
-----------------------------------------------------------------*/

.si-borderless { border-color: transparent !important; }

/* Social Icons - Dark
-----------------------------------------------------------------*/

.si-dark {
  background-color: #444;
  color: #FFF !important;
  border-color: transparent;
}

/* Social Icons - Light
-----------------------------------------------------------------*/

.si-light {
  background-color: rgba(0,0,0,0.05);
  color: #666 !important;
  border-color: transparent;
}

/* Social Icons - Colored
-----------------------------------------------------------------*/

.si-colored { border-color: transparent !important; }

.si-colored i { color: #FFF; }

/* Social Icons - Large
-----------------------------------------------------------------*/

.social-icon.si-large {
  margin: 0 10px 10px 0;
  width: 56px;
  height: 56px;
  font-size: 30px;
  line-height: 54px !important;
}

/* Social Icons - Small
-----------------------------------------------------------------*/

.social-icon.si-small {
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 30px !important;
}

.social-icon i {
  display: block;
  position: relative;
}

body:not(.device-touch) .social-icon i {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.social-icon i:last-child { color: #FFF !important; }

.social-icon:hover i:first-child { margin-top: -38px; }

.social-icon.si-large:hover i:first-child { margin-top: -54px; }

.social-icon.si-small:hover i:first-child { margin-top: -30px; }

.social-icon:hover {
  color: #555;
  border-color: transparent;
}

.si-colored.social-icon { border-color: transparent; }

/* Social Icons - Sticky
-----------------------------------------------------------------*/

.si-sticky {
  position: fixed;
  top: 50%;
  left: 5px;
  width: 36px;
  z-index: 100;
}

/* Social Icons - Sticky Right
-----------------------------------------------------------------*/

.si-sticky.si-sticky-right {
  left: auto;
  right: 8px;
}

/* Social Icons - Share
-----------------------------------------------------------------*/

.si-share {
  position: relative;
  padding-left: 5px;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}

.si-share span {
  line-height: 36px;
  font-weight: bold;
  font-size: 13px;
}

.si-share div { float: right; }

.si-share .social-icon {
  margin: -1px 0;
  border-radius: 0;
  font-size: 15px;
}

.si-facebook:hover,
.si-colored.si-facebook { background-color: #3B5998 !important; }
.si-delicious:hover,
.si-colored.si-delicious { background-color: #205CC0 !important; }
.si-paypal:hover,
.si-colored.si-paypal { background-color: #00588B !important; }
.si-flattr:hover,
.si-colored.si-flattr { background-color: #F67C1A !important; }
.si-android:hover,
.si-colored.si-android { background-color: #A4C639 !important; }
.si-smashmag:hover,
.si-colored.si-smashmag { background-color: #E53B2C !important; }
.si-gplus:hover,
.si-colored.si-gplus { background-color: #DD4B39 !important; }
.si-wikipedia:hover,
.si-colored.si-wikipedia { background-color: #008ab4 !important; }
.si-stumbleupon:hover,
.si-colored.si-stumbleupon { background-color: #F74425 !important; }
.si-foursquare:hover,
.si-colored.si-foursquare { background-color: #25A0CA !important; }
.si-call:hover,
.si-colored.si-call { background-color: #444 !important; }
.si-ninetyninedesigns:hover,
.si-colored.si-ninetyninedesigns { background-color: #F26739 !important; }
.si-forrst:hover,
.si-colored.si-forrst { background-color: #5B9A68 !important; }
.si-digg:hover,
.si-colored.si-digg { background-color: #191919 !important; }
.si-spotify:hover,
.si-colored.si-spotify { background-color: #81B71A !important; }
.si-reddit:hover,
.si-colored.si-reddit { background-color: #C6C6C6 !important; }
.si-blogger:hover,
.si-colored.si-blogger { background-color: #FC4F08 !important; }
.si-cc:hover,
.si-colored.si-cc { background-color: #688527 !important; }
.si-dribbble:hover,
.si-colored.si-dribbble { background-color: #EA4C89 !important; }
.si-evernote:hover,
.si-colored.si-evernote { background-color: #5BA525 !important; }
.si-flickr:hover,
.si-colored.si-flickr { background-color: #FF0084 !important; }
.si-google:hover,
.si-colored.si-google { background-color: #DD4B39 !important; }
.si-instapaper:hover,
.si-colored.si-instapaper { background-color: #008ab4 !important; }
.si-klout:hover,
.si-colored.si-klout { background-color: #FF5F52 !important; }
.si-linkedin:hover,
.si-colored.si-linkedin { background-color: #0E76A8 !important; }
.si-vk:hover,
.si-colored.si-vk { background-color: #2B587A !important; }
.si-rss:hover,
.si-colored.si-rss { background-color: #EE802F !important; }
.si-skype:hover,
.si-colored.si-skype { background-color: #00AFF0 !important; }
.si-twitter:hover,
.si-colored.si-twitter { background-color: #00ACEE !important; }
.si-youtube:hover,
.si-colored.si-youtube { background-color: #C4302B !important; }
.si-vimeo:hover,
.si-colored.si-vimeo { background-color: #86C9EF !important; }
.si-aim:hover,
.si-colored.si-aim { background-color: #FCD20B !important; }
.si-yahoo:hover,
.si-colored.si-yahoo { background-color: #720E9E !important; }
.si-email3:hover,
.si-colored.si-email3 { background-color: #6567A5 !important; }
.si-macstore:hover,
.si-colored.si-macstore { background-color: #008ab4 !important; }
.si-myspace:hover,
.si-colored.si-myspace { background-color: #666666 !important; }
.si-podcast:hover,
.si-colored.si-podcast { background-color: #E4B21B !important; }
.si-cloudapp:hover,
.si-colored.si-cloudapp { background-color: #525557 !important; }
.si-dropbox:hover,
.si-colored.si-dropbox { background-color: #3D9AE8 !important; }
.si-ebay:hover,
.si-colored.si-ebay { background-color: #89C507 !important; }
.si-github:hover,
.si-colored.si-github { background-color: #171515 !important; }
.si-googleplay:hover,
.si-colored.si-googleplay { background-color: #DD4B39 !important; }
.si-itunes:hover,
.si-colored.si-itunes { background-color: #222 !important; }
.si-plurk:hover,
.si-colored.si-plurk { background-color: #CF5A00 !important; }
.si-pinboard:hover,
.si-colored.si-pinboard { background-color: #0000E6 !important; }
.si-soundcloud:hover,
.si-colored.si-soundcloud { background-color: #FF7700 !important; }
.si-tumblr:hover,
.si-colored.si-tumblr { background-color: #34526F !important; }
.si-wordpress:hover,
.si-colored.si-wordpress { background-color: #1E8CBE !important; }
.si-yelp:hover,
.si-colored.si-yelp { background-color: #C41200 !important; }
.si-intensedebate:hover,
.si-colored.si-intensedebate { background-color: #009EE4 !important; }
.si-eventbrite:hover,
.si-colored.si-eventbrite { background-color: #F16924 !important; }
.si-scribd:hover,
.si-colored.si-scribd { background-color: #666666 !important; }
.si-stripe:hover,
.si-colored.si-stripe { background-color: #008CDD !important; }
.si-print:hover,
.si-colored.si-print { background-color: #111 !important; }
.si-dwolla:hover,
.si-colored.si-dwolla { background-color: #FF5C03 !important; }
.si-statusnet:hover,
.si-colored.si-statusnet { background-color: #131A30 !important; }
.si-acrobat:hover,
.si-colored.si-acrobat { background-color: #D3222A !important; }
.si-drupal:hover,
.si-colored.si-drupal { background-color: #27537A !important; }
.si-buffer:hover,
.si-colored.si-buffer { background-color: #008ab4 !important; }
.si-pocket:hover,
.si-colored.si-pocket { background-color: #EE4056 !important; }
.si-bitbucket:hover,
.si-colored.si-bitbucket { background-color: #0E4984 !important; }
.si-stackoverflow:hover,
.si-colored.si-stackoverflow { background-color: #EF8236 !important; }
.si-hackernews:hover,
.si-colored.si-hackernews { background-color: #FF6600 !important; }
.si-xing:hover,
.si-colored.si-xing { background-color: #126567 !important; }
.si-instagram:hover,
.si-colored.si-instagram { background-color: #3F729B !important; }
.si-quora:hover,
.si-colored.si-quora { background-color: #A82400 !important; }
.si-openid:hover,
.si-colored.si-openid { background-color: #E16309 !important; }
.si-steam:hover,
.si-colored.si-steam { background-color: #111 !important; }
.si-amazon:hover,
.si-colored.si-amazon { background-color: #E47911 !important; }
.si-disqus:hover,
.si-colored.si-disqus { background-color: #E4E7EE !important; }
.si-plancast:hover,
.si-colored.si-plancast { background-color: #222 !important; }
.si-appstore:hover,
.si-colored.si-appstore { background-color: #000 !important; }
.si-pinterest:hover,
.si-colored.si-pinterest { background-color: #C8232C !important; }
.si-fivehundredpx:hover,
.si-colored.si-fivehundredpx { background-color: #111 !important; }


/* ----------------------------------------------------------------
  Toggle
-----------------------------------------------------------------*/


.toggle {
  display: block;
  position: relative;
  margin: 0 0 20px 0;
}

.toggle .togglet,
.toggle .toggleta {
  display: block;
  position: relative;
  line-height: 24px;
  padding: 0 0 0 24px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #444;
  cursor: pointer;
}

.toggle .togglet i {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

.toggle .toggleta { font-weight: bold; }

.toggle .togglet i.toggle-open,
.toggle .toggleta i.toggle-closed { display: none; }

.toggle .toggleta i.toggle-open { display: block; }

.toggle .togglec {
  display: block;
  position: relative;
  padding: 10px 0 0 24px;
}


/* Toggle - with Title Background
-----------------------------------------------------------------*/

.toggle.toggle-bg .togglet,
.toggle.toggle-bg .toggleta {
  background-color: #EEE;
  line-height: 44px;
  padding: 0 0 0 36px;
  border-radius: 2px;
}

.toggle.toggle-bg .togglet i {
  left: 14px;
  line-height: 44px;
}

.toggle.toggle-bg .togglec { padding: 12px 0 0 36px; }


/* Toggle - Bordered
-----------------------------------------------------------------*/

.toggle.toggle-border {
  border: 1px solid #CCC;
  border-radius: 4px;
}

.toggle.toggle-border .togglet,
.toggle.toggle-border .toggleta {
  line-height: 44px;
  padding: 0 15px 0 36px;
}

.toggle.toggle-border .togglet i {
  left: 14px;
  line-height: 44px;
}

.toggle.toggle-border .togglec { padding: 0 15px 15px 36px; }


/* Toggle - FAQs
-----------------------------------------------------------------*/

.faqs .toggle {
  border-bottom: 1px solid #EEE;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.faqs .toggle .togglet,
.faqs .toggle .toggleta { font-size: 15px; }

.faqs .toggle .togglet i {
  top: 1px;
  font-size: 14px;
}

.faqs .toggle .togglec { padding-bottom: 10px; }


/* ----------------------------------------------------------------
  Accordions
-----------------------------------------------------------------*/

.accordion { margin-bottom: 20px; }

.acctitle {
  display: block;
  position: relative;
  line-height: 24px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #444;
  cursor: pointer;
  border-top: 1px dotted #DDD;
  padding: 10px 0 10px 20px;
}

.acctitlec { cursor: auto; }

.acctitle:first-child { border-top: none; }

.acctitle i {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  text-align: center;
  font-size: 16px;
  line-height: 44px;
}

.acctitle i.acc-open,
.acctitlec i.acc-closed { display: none; }

.acctitlec i.acc-open { display: block; }

.acc_content {
  position: relative;
  padding: 0 0 15px 20px;

}


/* Accordion - with Title Background
-----------------------------------------------------------------*/


.accordion.accordion-bg .acctitlec {
  border-bottom: 3px solid #008ab4;
  color: #008ab4; 
  background: #f7f7f7 !important;
}


.accordion.accordion-bg .acctitle,
.accordion.accordion-bg .acctitlec {
  background-color: #EEE;
  line-height: 44px;
  padding: 5px 0 0 42px;
  margin-bottom: 5px;
  border-top: 0;
  font-size: 120%;
}

.accordion.accordion-bg .acctitle i {
  left: 14px;
  line-height: 54px !important; 
}

.accordion.accordion-bg .acc_content { padding: 10px 0 15px 36px; }


/* Accordion - Bordered
-----------------------------------------------------------------*/

.accordion.accordion-border {
  border: 1px solid #DDD;
  border-radius: 4px;
}

.accordion.accordion-border .acctitle,
.accordion.accordion-border .acctitlec {
  border-color: #CCC;
  line-height: 44px;
  padding: 0 15px 0 36px;
}

.accordion.accordion-border .acctitle i {
  left: 14px;
  line-height: 44px;
}

.accordion.accordion-border .acc_content { padding: 0 15px 15px 36px; }


/* Accordion - Large
-----------------------------------------------------------------*/

.accordion.accordion-lg .acctitle {
  font-size: 23px;
  line-height: 44px;
  padding-left: 30px;
  font-weight: 400;
}

.accordion.accordion-lg .acctitle i {
  width: 20px;
  font-size: 20px;
  line-height: 64px;
}

.accordion.accordion-lg .acc_content { padding: 10px 0 30px 30px; }


/* ----------------------------------------------------------------
  Tabs
-----------------------------------------------------------------*/


.tabs {
  position: relative;
  margin: 0 0 30px 0;
}

ul.tab-nav:not(.tab-nav-lg) {
  margin: 0;
  border-bottom: 1px solid #008ab4;
  list-style: none;
}

ul.tab-nav:not(.tab-nav-lg) li {
  float: left;
  border: 1px solid #008ab4;
  border-bottom: 0;
  border-left: 0;
  height: 41px;
  text-align: center;
}

ul.tab-nav:not(.tab-nav-lg) li:first-child {
  margin-left: 15px;
  border-left: 1px solid #008ab4;
}

ul.tab-nav:not(.tab-nav-lg) li a {
  display: block;
  padding: 0 15px;
  color: #444;
  height: 40px;
  line-height: 40px;
  background-color: #F2F2F2;
  font-size: 14px;
  font-weight: bold;
}

ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
  position: relative;
  top: 1px;
  background-color: #FFF;
}


/* Tabs - Alternate Nav
-----------------------------------------------------------------*/

.tabs.tabs-alt ul.tab-nav li { 
  border-color: transparent;
 }

.tabs.tabs-alt ul.tab-nav li:first-child { border-left: 0; }

.tabs.tabs-alt ul.tab-nav li a { 
  background-color: #FFF; 
  font-size: 130%; 
  font-weight: 100;
  color: #888; }

.tabs.tabs-alt ul.tab-nav li.ui-tabs-active a {
  border: 1px solid #008ab4;
  border-bottom: 0;
  background: #008ab4;
  color: #fff;
}


/* Tabs - Top Border
-----------------------------------------------------------------*/

.tabs.tabs-tb ul.tab-nav li.ui-tabs-active a {
  top: -1px;
  height: 43px;
  line-height: 38px;
  border-top: 2px solid #008ab4;
}

.tabs.tabs-alt.tabs-tb ul.tab-nav li.ui-tabs-active a { height: 42px; }


/* Tabs - Bottom Border
-----------------------------------------------------------------*/

.tabs.tabs-bb ul.tab-nav li {
  border: 0;
  margin: 0;
}

.tabs.tabs-bb ul.tab-nav li a {
  background-color: transparent;
  border-bottom: 2px solid transparent;
}

.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
  border-bottom: 2px solid #008ab4;
  top: -2px;
  height: 44px;
  line-height: 44px;
}


/* Tabs - Navigation Style 2 Centered
-----------------------------------------------------------------*/


ul.tab-nav.tab-nav2.centered {
  border-bottom: 0;
}

ul.tab-nav.tab-nav2.centered li {
  border: 0;
  margin-left: 10px;
  display: inline-block;
}

ul.tab-nav.tab-nav2.centered li:first-child {
  margin-left: 50px;
  border-left: 0;
}

ul.tab-nav.tab-nav2.centered li a {
  background-color: #F5F5F5;
  border-radius: 2px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

ul.tab-nav.tab-nav2.centered li.ui-state-active a {
  top: 0;
  background-color: #008ab4;
  color: #FFF;
}

/* Tabs - Navigation Style 2
-----------------------------------------------------------------*/


ul.tab-nav.tab-nav2 {
  border-bottom: 0;
}

ul.tab-nav.tab-nav2 li {
  border: 0;
  margin-left: 10px;
}

ul.tab-nav.tab-nav2 li:first-child {
  margin-left: 0;
  border-left: 0;
}

ul.tab-nav.tab-nav2 li a {
  background-color: #F5F5F5;
  border-radius: 2px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

ul.tab-nav.tab-nav2 li.ui-state-active a {
  top: 0;
  background-color: #008ab4;
  color: #FFF;
}


/* Tabs - Large Navigation
-----------------------------------------------------------------*/


ul.tab-nav-lg {
  margin-bottom: 20px;
  list-style: none;
}

ul.tab-nav-lg li {
  float: left;
  position: relative;
  text-align: center;
  padding: 15px;
}

ul.tab-nav-lg li a {
  display: inline-block;
  color: #444;
  font-family: 'Proxima Nova', sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
}

ul.tab-nav.tab-nav-lg li i {
  display: block;
  font-size: 28px;
  margin: 0 0 7px;
}

ul.tab-nav-lg li.ui-tabs-active a {
  color: #008ab4;
}



ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before,
ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: auto;
  bottom: -50px;
  border: solid transparent;
}

ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after {
  border-top-color: #FFF;
  border-width: 16px;
  left: 50%;
  margin-left: -16px;
}

ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before {
  border-top-color: #FFF;
  border-width: 16px;
  left: 50%;
  margin-left: -16px;
}


/* Tabs - Content Area
-----------------------------------------------------------------*/

.tab-container {
  position: relative;
  padding: 20px 0 0;
}

ul.tab-nav li a i {
  position: relative;
  top: 1px;
  font-size: 14px;
  margin-right: 3px;
}

/* Tabs - Bordered
-----------------------------------------------------------------*/

.tabs-bordered ul.tab-nav li:first-child { margin-left: 0; }

.tabs-bordered .tab-container {
  border: 1px solid #DDD;
  border-top: 0;
  padding: 20px;
}


/* Tabs - Side Tabs
-----------------------------------------------------------------*/

.side-tabs ul.tab-nav {
  float: left;
  width: 200px;
  padding: 20px 0;
  border-bottom: 0;
  border-right: 1px solid #DDD;
}

.side-tabs ul.tab-nav li {
  float: none;
  border: 1px solid #DDD;
  border-right: 0;
  border-top: 0;
  height: auto;
  text-align: left;
}

.side-tabs ul.tab-nav li:first-child {
  margin-left: 0;
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
}

.side-tabs ul.tab-nav li a {
  height: auto;
  line-height: 44px;
}

.side-tabs ul.tab-nav li.ui-tabs-active a {
  top: 0;
  right: -1px;
}

.side-tabs .tab-container {
  overflow: hidden;
  padding: 15px 0 0 20px;
}

.ui-tabs .ui-tabs-hide {
  position: absolute !important;
  left: -10000px !important;
  display:block !important;
}


/* Tabs - Side Tabs & Nav Style 2
-----------------------------------------------------------------*/

.side-tabs ul.tab-nav.tab-nav2 { border: 0; }

.side-tabs ul.tab-nav.tab-nav2 li {
  border: 0;
  margin: 6px 0 0;
}

.side-tabs ul.tab-nav.tab-nav2 li:first-child { margin-top: 0; }

.side-tabs ul.tab-nav.tab-nav2 li a { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); }

.side-tabs ul.tab-nav.tab-nav2 li.ui-state-active a { right: 0; }


/* Tabs - Side Tabs & Bordered
-----------------------------------------------------------------*/

.tabs-bordered.side-tabs ul.tab-nav {
  position: relative;
  padding: 0;
  z-index: 2;
  margin-right: -1px;
}

.tabs-bordered.side-tabs ul.tab-nav li a {
  height: auto;
  line-height: 44px;
}

.tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a {
  right: -1px;
  border-right: 1px solid #FFF;
}

.tabs-bordered.side-tabs .tab-container {
  overflow: hidden;
  padding: 20px;
  border-top: 1px solid #DDD;
}


/* ----------------------------------------------------------------
  Side Navigation
-----------------------------------------------------------------*/


.sidenav {
  width: 100%;
  padding: 0;
  background-color: #FFF;
  list-style-type: none !important;
  border-radius: 4px;
}

.sidenav > li > a {
  display: block;
  margin: 0 0 -1px;
  padding: 11px 14px;
  font-size: 14px;
  border: 1px solid #E5E5E5;
  border-right-width: 2px;
  color: #666;
}

.sidenav > li:first-child > a { border-radius: 4px 4px 0 0; }

.sidenav > li:last-child > a {
  border-radius: 0 0 4px 4px;
  border-bottom-width: 2px;
}

.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover {
  position: relative;
  z-index: 2;
  border-color: rgba(0,0,0,0.1) !important;
  color: #FFF !important;
  font-weight: 600;
  background-color: #008ab4 !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.sidenav li i {
  position: relative;
  top: 1px;
  margin-right: 6px;
  font-size: 14px;
  text-align: center;
  width: 16px;
}

/* Chevrons */
.sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .4;
  font-size: 12px !important;
}

.sidenav > li > a:hover {
  background-color: #F5F5F5;
  color: #222;
}

.sidenav a:hover .icon-chevron-right { opacity: .5; }

.sidenav .ui-tabs-active .icon-chevron-right,
.sidenav .ui-tabs-active a:hover .icon-chevron-right { opacity: 1; }


/* ----------------------------------------------------------------
  FAQ List
-----------------------------------------------------------------*/


.faqlist li {
  margin-bottom: 5px;
  font-size: 15px;
}

.faqlist li a { color: #444; }

.faqlist li a:hover { color: #008ab4 !important; }


/* ----------------------------------------------------------------
  Clients
-----------------------------------------------------------------*/


.clients-grid,
.testimonials-grid {
  list-style: none;
  overflow: hidden;
}

.clients-grid li,
.testimonials-grid li {
  float: left;
  position: relative;
  width: 20%;
  padding: 20px 0;
}

.clients-grid.grid-2 li {
  width: 50%;
  padding: 25px 0;
}

.clients-grid.grid-3 li { width: 33.33%; }

.clients-grid.grid-4 li { width: 25%; }

.clients-grid.grid-6 li { width: 16.66%; }

.clients-grid li a { opacity: 0.6; }

body:not(.device-touch) .clients-grid li a {
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.clients-grid li a:hover { opacity: 1; }

.clients-grid li a,
.clients-grid li img {
  display: block;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.clients-grid li a img { width: 100%; }

.clients-grid li:before,
.clients-grid li:after,
.testimonials-grid li:before,
.testimonials-grid li:after {
  content: '';
  position: absolute;
}

.clients-grid li:before,
.testimonials-grid li:before {
  height: 100%;
  top: 0;
  left: -1px;
  border-left: 1px dashed #DDD;
}

.clients-grid li:after,
.testimonials-grid li:after {
  width: 100%;
  height: 0;
  top: auto;
  left: 0;
  bottom: -1px;
  border-bottom: 1px dashed #DDD;
}


/* ----------------------------------------------------------------
  Testimonials
-----------------------------------------------------------------*/

/* Testimonials - Grid
-----------------------------------------------------------------*/

.testimonials-grid li {
  width: 50%;
  padding: 25px;
}

.testimonials-grid.grid-3 li { width: 33.33%; }

.testimonials-grid li .testimonial {
  padding: 0;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Testimonials - Item
-----------------------------------------------------------------*/

.testimonial {
  position: relative;
  /*padding: 20px;*/
  margin: 0;
  background-color: #FFF;
  /*border: 1px solid rgba(0,0,0,0.1);*/
  /*border-radius: 5px;*/
  /*box-shadow: 0 1px 1px rgba(0,0,0,0.1);*/
}

.testi-image {
  text-align: right;
  /*margin-right: 15px;*/
}

.testi-image,
.testi-image a,
.testi-image img,
.testi-image i {
  display: block;
  width: 500px;
  height: 250px;
  text-align: right;
}

.testi-image i {
  text-align: center;
  background-color: #EEE;
  border-radius: 50%;
  line-height: 100px;
  font-size: 28px;
  color: #888;
  text-shadow: 1px 1px 1px #FFF;
}

.testi-image img { 
  /*border-radius: 10%;*/
   }

.testi-content {
  position: relative;
  overflow: hidden;
}


/* Edited 7/20 - stripped down the testimonial look to use as a simpler logo and description box */

.testi-content p {
  margin-bottom: 0;
  /*font-family: 'Proxima Nova', sans-serif;
  font-style: italic;*/
}

/*.testi-content p:before,
.testi-content p:after { content: '"'; }*/

.testi-meta {
  margin: 10px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

/*.testi-meta:before { content: '\2013'; }*/

.testi-meta span {
  display: block;
  font-weight: normal;
  color: #999;
  font-size: 16px;
  text-transform: none;
  padding-left: 10px;
}


/* Twitter - Small Scroller
-----------------------------------------------------------------*/

.testimonial.twitter-scroll .testi-content p:before,
.testimonial.twitter-scroll .testi-content p:after,
.testimonial.twitter-scroll .testi-meta:before { content: ''; }

.testimonial.twitter-scroll .testi-meta span { padding-left: 0; }

.testimonial.twitter-scroll .testi-meta span a { color: #999; }

.testimonial.twitter-scroll .testi-meta span a:hover { color: #222; }


/* Testimonials - Full Width
-----------------------------------------------------------------*/

.testimonial.testimonial-full { padding: 30px; }

.testimonial.testimonial-full[data-animation="fade"] { padding: 30px; }

.testimonial.testimonial-full[data-animation="fade"] .flexslider { overflow: visible !important; }

.testimonial-full .testi-image {
/*
  float: none;
  margin: 0 auto 20px;*/
}

.testimonial-full .testi-image,
.testimonial-full .testi-image a,
.testimonial-full .testi-image img,
.testimonial-full .testi-image i {
  /*display: block;
  width: 72px;
  height: 72px;*/
}

.testimonial-full .testi-image i { line-height: 72px; }

.testimonial-full .testi-content {
  text-align: center;
  font-size: 16px;
}

.testimonial-full .testi-meta { 
  margin: 25px 0 0 50px;
  padding: 0 0 0 60px;}

.testimonial-full .testi-meta span { padding-left: 0px; }


/* Testimonial - Section Scroller
-----------------------------------------------------------------*/

.section > .testimonial {
  padding: 0;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  max-width: 800px;
  margin: 0 auto;
}

.section > .testimonial[data-animation="fade"] { padding: 0; }

.section > .testimonial .testi-content { font-size: 22px; }

.section > .testimonial .testi-meta,
.section > .testimonial .testi-meta span { font-size: 14px; }


/* Testimonial - Pagination
-----------------------------------------------------------------*/

.testimonial .flex-control-nav {
  top: auto;
  bottom: 6px;
  right: 0;
}

.testimonial .flex-control-nav li {
  margin: 0 2px;
  width: 6px;
  height: 6px;
}

.testimonial .flex-control-nav li a {
  width: 6px !important;
  height: 6px !important;
  border: none;
  background-color: #008ab4;
  opacity: 0.5;
}

.testimonial .flex-control-nav li:hover a { opacity: 0.75; }
.testimonial .flex-control-nav li a.flex-active { opacity: 1; }


/* Testimonial - Full Scroller
-----------------------------------------------------------------*/

/*lcedit */

.testimonial.testimonial-full .flex-control-nav {
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 0px;
  margin-top: 0px;

}

.testimonial.testimonial-full .flex-control-nav li {
  /*display: inline-block;*/
  float: none;
  display: none;
  display: block;
}



/* ----------------------------------------------------------------
  Team
-----------------------------------------------------------------*/


.team,
.team-image { position: relative; }

.team-image > a,
.team-image img {
  display: block;
  width: 100%;
  background: rgba(0,0,0,.03);
  text-align: center;
  margin: 0 auto;
  border: 1px solid rgba(0,0,0,.03);
}


.team-icon-bottom { 
  text-align: left;
  margin: 10px 0; 
  padding: 0;
}

.team-desc { text-align: center; }

.team-desc.team-desc-bg {
  background-color: #FFF;
  padding: 10px 0 30px;
}

.team .si-share {
  margin-top: 30px;
  text-align: left;
}

.team .si-share .social-icon {
  font-size: 14px;
  width: 34px;
}

.team-title {
  position: relative;
  padding-top: 20px;
}

.team-title h4 {
  display: block;
  margin-bottom: 0;
  font-size: 19px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}



/*lcedit */

/*
.team-content li:before {
  content: '\f1db';
  font-family: FontAwesome;
  margin-right: 10px;
  margin-left: -5px;
}*/




.team-content .iconlist ul {
  padding: 10px;
}
.team-content .iconlist li  {
  line-height: 115%;
  padding-bottom: 15px;
  text-align: left;
  color: #888;
  letter-spacing: .02em;
  }

.team-content .iconlist li i {color: #888;}




.team-list .team-title span {
  display: block;
  font-family: 'Proxima Nova', sans-serif;
  font-size: 14px;
  margin-top: 5px;
  letter-spacing: .03em;
  font-weight: 200;
  font-style: normal;
  color: #008ab4;
  line-height: 100%;
}





.team {padding: 10px;}
.team:hover{
  background: rgba(0,0,0,.02);
}
.team:hover .team-content li {
  color: #555;
}





.team-content {
  margin-top: 15px;
  color: #777;
}

.team-content p:last-child { margin-bottom: 0; }

.team-overlay,
.team-overlay:before {
  opacity: 0;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
}

body:not(.device-touch) .team-overlay {
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.team-overlay:before {
  content: '';
  z-index: auto;
  background-color: #FFF;
  opacity: 0.75;
}

.team-overlay .social-icon {
  float: none;
  position: relative;
  z-index: 3;
  margin: 0 3px !important;
  display: inline-block;
}

.team:hover .team-overlay { opacity: 1; }


/* Team Center
-----------------------------------------------------------------*/

.team.center .team-title:after {
  left: 50%;
  margin-left: -40px;
}





/* Team List
-----------------------------------------------------------------*/
.team.team-list .team-image {
  float: left;
  width: 250px;
  margin-right: 30px;
}

.team.team-list .team-image {
  float: left;
  width: 250px;
  margin-right: 30px;
}

.team.team-list .team-desc {
  position: relative;
  overflow: hidden;
  text-align: left;
}


   /* lcedit - gives cards more height so long content items done break the grid */
.team.team-list {
  min-height: 340px;
  border-bottom: 1px solid rgba(0,0,0,0.05); }



.team.team-list .team-title { padding-top: 0; }

.team .team-desc > .social-icon { margin-top: 0px; }

.team .team-content ~ .social-icon { margin-top: 0px; }

.team:not(.team-list) .social-icon {
  display: inline-block;
  float: none;
  margin-left: 6px;
  margin-right: 6px;
}


/* ----------------------------------------------------------------
  Pricing Boxes
-----------------------------------------------------------------*/

.pricing { position: relative; }

.pricing [class^=col-] {
  padding: 0;
  margin-top: 20px;
}


/* Pricing Boxes
-----------------------------------------------------------------*/

.pricing-box {
  position: relative;
  border: 1px solid rgba(0,0,0,0.075);
  border-radius: 3px;
  text-align: center;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  background-color: #F5F5F5;
}


/* Pricing Boxes - Title
-----------------------------------------------------------------*/

.pricing-title {
  padding: 15px 0;
  background-color: #F9F9F9;
  border-radius: 3px 3px 0 0;
  text-shadow: 1px 1px 1px #FFF;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}

.pricing-title h3 {
  margin: 0;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
  color: #555;
}

.pricing-title span {
  display: block;
  color: #999;
  font-weight: 300;
  font-size: 14px;
  margin-top: 3px;
  text-transform: uppercase;
}


/* Pricing Boxes - Price
-----------------------------------------------------------------*/

.pricing-price {
  position: relative;
  padding: 30px 0 2px 0;
  color: #333;
  font-weight: 300;
  font-size: 64px;
  line-height: 1;
  text-transform: uppercase;
}

.pricing-price:after {
  content: '';
  position: absolute;
  width: 100px;
  border-top: 1px dotted rgba(0,0,0,0.2);
  top: auto;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
}

.pricing-price span {
  display: inline-block;
  vertical-align: top;
  margin: 7px 3px 0 0;
  font-size: 28px;
  font-weight: normal;
}

.pricing-price span.price-tenure {
  vertical-align: baseline;
  font-size: 16px;
  font-weight: normal;
  color: #999;
  margin: 0 0 0 3px;
}


/* Pricing Boxes - Features
-----------------------------------------------------------------*/

.pricing-features { border-bottom: 1px solid rgba(0,0,0,0.075); }

.pricing-features ul {
  margin: 0;
  padding: 15px 0;
  list-style: none;
}

.pricing-features li {
  padding: 6px 0;
  font-size: 14px;
  text-align: left; /*lcedit*/
}


/* Pricing Boxes - Action
-----------------------------------------------------------------*/

.pricing-action { padding: 15px 30px; }


/* Pricing Boxes - Best Price
-----------------------------------------------------------------*/

.pricing-box.best-price {
  background-color: #FFF;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
  z-index: 10;
}

.pricing-box.best-price { margin: -20px -1px 0 -1px; }

.pricing-box.best-price .pricing-title {
  background-color: #FFF;
  padding: 20px 0;
}

.pricing-box.best-price .pricing-title h3 { font-size: 22px; }

.pricing-box.best-price .pricing-price {
  color: #008ab4;
  font-size: 72px;
}


/* Pricing Boxes - Minimal
-----------------------------------------------------------------*/

.pricing-box.pricing-minimal .pricing-price {
  background-color: #FFF;
  border-bottom: 1px solid rgba(0,0,0,0.075);
}

.pricing-box.pricing-minimal .pricing-price:after { display: none; }


/* Pricing Boxes - 5 Columns
-----------------------------------------------------------------*/

.pricing.pricing-5 .pricing-box {
  float: left;
  width: 20%;
  margin-top: 20px;
}

.pricing.pricing-5 .pricing-box.best-price { margin-top: 0; }

.pricing.pricing-5 .pricing-box:nth-child(5) { margin-left: -1px; }

.pricing.pricing-5 .pricing-title h3 { font-size: 18px; }

.pricing.pricing-5 .best-price .pricing-title h3 { font-size: 20px; }


/* Pricing Boxes - Extended
-----------------------------------------------------------------*/


.pricing-box.pricing-extended {
  background-color: #FFF;
  text-align: left;
}

.pricing-box.pricing-extended .pricing-header {
  text-align: center;
  width: 65%; /* percentage width for left side */
}

.pricing-box.pricing-extended .pricing-desc {
  float: left;
  width: 100%;  /* percentage width for left side */
  padding: 25px;
}


.pricing-box.pricing-extended .pricing-desc ul {padding-left: 30px;}
.pricing-box.pricing-extended .pricing-desc ul li {padding: 0 0 5px 0;}


.pricing-box.pricing-extended .pricing-title {
  background-color: transparent;
  padding-top: 0;
  text-align: left;
}

.pricing-box.pricing-extended .pricing-features { border: 0; }

.pricing-box.pricing-extended .pricing-features ul { padding: 15px 0 0 30px; }

.pricing-box.pricing-extended .pricing-features li {
  padding: 6px 0;
  font-size: 15px;
  width: 100%;
  float: left;
}

.pricing-box.pricing-extended .pricing-features ul li i {
  /*position: relative;*/
  /*top: 1px;*/
  width: 16px;
  color: #008ab4;
  padding-top: 3px;
  /*margin-right: 2px;*/
}

.pricing-box.pricing-extended .pricing-action-area {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  width: 35%; /* percentage for right side*/
  height: 100%;
  border-left: 1px solid rgba(0,0,0,0.05);
  background-color: #F9F9F9;
  padding: 30px;
  border-radius: 0 3px 3px 0;
  text-align: center;

}

.pricing-box.pricing-extended .pricing-action-area .pricing-price,
.pricing-box.pricing-extended .pricing-action-area .pricing-action { padding: 0 15px 0 0; }

.pricing-box.pricing-extended .pricing-action-area .pricing-price { padding-bottom: 20px; }

.pricing-box.pricing-extended .pricing-action-area .pricing-price:after { display: none; }

.pricing-box.pricing-extended .pricing-action-area .pricing-price span.price-tenure {
  display: block;
  margin: 10px 0 0 0;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 14px;
}

.pricing-box.pricing-extended .pricing-meta {
  color: #999;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.table-comparison,
.table-comparison th { text-align: center; }

.table-comparison th:first-child,
.table-comparison td:first-child {
  text-align: left;
  font-weight: bold;
}


/* ----------------------------------------------------------------
  Counter
-----------------------------------------------------------------*/


.counter {
  font-size: 42px;
  font-weight: 600;
  font-family: 'Proxima Nova', sans-serif;
}

.counter.counter-small { font-size: 28px; }

.counter.counter-large { font-size: 56px; }

.counter.counter-xlarge {
  font-size: 64px;
  font-weight: 400;
}

.counter.counter-inherit {
  font-size: inherit;
  font-weight: inherit;
}

.counter + h5 {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 10px;
}

.counter.counter-lined + h5:before {
  display: block;
  position: relative;
  margin: 20px auto 25px auto;
  content: '';
  width: 15%;
  border-top: 2px solid #444;
  opacity: 0.9;
}

.counter.counter-small + h5 { font-size: 13px; }

.counter.counter-large + h5,
.counter.counter-xlarge + h5 {
  font-size: 15px;
  font-weight: 300;
}

.widget .counter + h5 { opacity: 0.7; }


/* ----------------------------------------------------------------
  Animated Rounded Skills
-----------------------------------------------------------------*/


.rounded-skill {
  display: inline-block;
  margin: 0 15px 15px;
}

body:not(.device-touch) .rounded-skill {
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.rounded-skill + h5 { margin-bottom: 0; }

.easyPieChart {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #333;
}

.easyPieChart i { font-size: 42px; }

.easyPieChart canvas {
  position: absolute;
  top: 0;
  left: 0;
}


/* ----------------------------------------------------------------
  Skills Bar
-----------------------------------------------------------------*/


.skills {
  margin: 0;
  list-style: none;
  padding-top: 25px;
}

.skills li {
  position: relative;
  margin-top: 38px;
  height: 4px;
  background-color: #F5F5F5;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  border-radius: 2px;
}

.skills li:first-child { margin-top: 0; }

.skills li .progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #008ab4;
  overflow: visible !important;
  border-radius: 2px;
  -webkit-transition: width 1.2s ease-in-out;
  -o-transition: width 1.2s ease-in-out;
  transition: width 1.2s ease-in-out;
}

.skills li .progress-percent {
  position: absolute;
  top: -28px;
  right: 0;
  background-color: #333;
  color: #F9F9F9;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  height: 22px;
  line-height: 22px;
  padding: 0px 5px;
  font-size: 11px;
  border-radius: 2px;
}

.skills li .progress-percent .counter {
  font-weight: 400;
  font-family: 'Proxima Nova', sans-serif;
}

.progress-percent:after, .progress-percent:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.progress-percent:after {
  border-top-color: #333;
  border-width: 4px;
  left: 50%;
  margin-left: -4px;
}

.progress-percent:before {
  border-top-color: #333;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}

.skills li > span {
  position: absolute;
  z-index: 1;
  top: -23px;
  left: 0;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #222;
}


/* ----------------------------------------------------------------
  Owl Carousel CSS
-----------------------------------------------------------------*/

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut  {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.owl-height {
  -webkit-transition:height 500ms ease-in-out;
  -o-transition:height 500ms ease-in-out;
  transition:height 500ms ease-in-out
}

.owl-carousel {
  display:none;
  -webkit-tap-highlight-color:transparent;
  position:relative;
  z-index:1;
  -webkit-backface-visibility: hidden;
}

.owl-carousel .owl-stage {
  position:relative;
  -ms-touch-action:pan-Y
}

.owl-carousel .owl-stage:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0
}

.owl-carousel .owl-stage-outer {
  position:relative;
  overflow:hidden;
  -webkit-transform:translate3d(0px,0,0);
  cursor:move;
  cursor:-webkit-grab;
  cursor:-o-grab;
  cursor:-ms-grab;
  cursor:grab
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
  cursor:pointer;
  cursor:hand;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.owl-carousel.owl-loaded { display:block }

.owl-carousel.owl-loading {
  display:block;
  min-height: 100px;
  background: url('images/preloader.gif') no-repeat center center
}

.owl-carousel.owl-hidden { opacity:0 }

.owl-carousel .owl-refresh .owl-item { display:none }

.owl-carousel .owl-item {
  position:relative;
  min-height:1px;
  float:left;
  -webkit-backface-visibility:hidden;
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.owl-carousel .owl-item img {
  display:block;
  width:100%;
  -webkit-transform-style:preserve-3d;
}

#slider .owl-carousel .owl-item img { -webkit-backface-visibility: hidden; }

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select:auto;
  -moz-user-select:auto;
  -ms-user-select:auto;
  user-select:auto
}

.owl-carousel .owl-grab {
  cursor:move;
  cursor:-webkit-grab;
  cursor:-o-grab;
  cursor:-ms-grab;
  cursor:grab
}

.owl-carousel.owl-rtl { direction:rtl }

.owl-carousel.owl-rtl .owl-item { float:right }

.no-js .owl-carousel { display:block }

.owl-carousel .owl-item .owl-lazy {
  opacity:0;
  -webkit-transition:opacity 400ms ease;
  -o-transition:opacity 400ms ease;
  transition:opacity 400ms ease
}

.owl-carousel .owl-item img { transform-style:preserve-3d }

.owl-carousel .owl-video-wrapper {
  position:relative;
  height:100%;
  background:#111
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 64px;
  width: 64px;
  left: 50%;
  top: 50%;
  margin-left: -32px;
  margin-top: -32px;
  background: url("images/icons/play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition:scale(1.3,1.3);
  -o-transition:scale(1.3,1.3);
  transition:scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn { display:none }

.owl-carousel .owl-video-tn {
  opacity:0;
  height:100%;
  background-position:center center;
  background-repeat:no-repeat;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  -webkit-transition:opacity 400ms ease;
  -o-transition:opacity 400ms ease;
  transition:opacity 400ms ease
}

.owl-carousel .owl-video-frame {
  position:relative;
  z-index:1
}


/* Owl Carousel - Controls
-----------------------------------------------------------------*/

.owl-theme .owl-controls {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

/* Owl Carousel - Controls - Arrows
-----------------------------------------------------------------*/

.owl-theme .owl-controls .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: -36px;
  zoom: 1;
  width: 36px;
  height: 36px;
  line-height: 32px;
  border: 1px solid rgba(0,0,0,0.2);
  color: #666;
  background-color: #FFF;
  font-size: 18px;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.owl-theme .owl-controls.with-carousel-dots .owl-nav [class*=owl-] { margin-top: -39px; }

.owl-carousel-full .owl-controls .owl-nav [class*=owl-] {
  margin-top: -30px;
  left: 0 !important;
  height: 60px;
  line-height: 60px;
  border: none;
  color: #EEE;
  background-color: rgba(0,0,0,0.4);
  font-size: 28px;
  border-radius: 0 3px 3px 0;
}

.owl-carousel-full .owl-controls.with-carousel-dots .owl-nav [class*=owl-] { margin-top: -46px; }

.owl-theme .owl-controls .owl-nav .owl-next {
  left: auto;
  right: -36px;
}

.owl-carousel-full .owl-controls .owl-nav .owl-next {
  left: auto !important;
  right: 0 !important;
  border-radius: 3px 0 0 3px;
}

.owl-theme:hover .owl-controls .owl-nav [class*=owl-] {
  opacity: 1;
  left: -18px;
}

.owl-theme:hover .owl-controls .owl-nav .owl-next {
  left: auto;
  right: -18px;
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
  background-color: #008ab4 !important;
  color: #FFF !important;
  text-decoration: none;
}

.owl-theme .owl-controls .owl-nav .disabled { display: none !important; }


/* Owl Carousel - Controls - Dots
-----------------------------------------------------------------*/

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  margin-top: 30px;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  opacity: 0.5;
  border-radius: 50%;
  background-color: #008ab4;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { opacity: 1; }


/* ----------------------------------------------------------------
  Overlays
-----------------------------------------------------------------*/


.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}


.overlay.light .text-overlay-title h3 {
  font-size: 200%;
  font-weight: 300;

}
.overlay.light {
  position: relative;
  bottom: 0;
  left: 0;
  height: 50%;
  background-color: rgba(0,0,0,0.2);
}

.overlay .overlay-wrap,
.text-overlay {
  opacity: 0;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}

body:not(.device-touch) .overlay .overlay-wrap,
body:not(.device-touch) .text-overlay {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.overlay .overlay-wrap i {
  position: absolute;
  opacity: 0.8;
  font-size: 24px;
  line-height: 1;
  width: 24px;
  height: 24px;
  text-align: center;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
  color: #FFF;
}

.overlay:hover .overlay-wrap,
.overlay:hover .text-overlay { opacity: 1; }


.text-overlay.black-translucent {
  background-color: rgba(0,0,0,.4);
}


.text-overlay.alternate-fade {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+44,000000+45&0+29,0.65+55 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 29%, rgba(0,0,0,0.38) 44%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.65) 55%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 29%,rgba(0,0,0,0.38) 44%,rgba(0,0,0,0.4) 45%,rgba(0,0,0,0.65) 55%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 29%,rgba(0,0,0,0.38) 44%,rgba(0,0,0,0.4) 45%,rgba(0,0,0,0.65) 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}


.text-overlay {
  position: absolute;
  opacity: 1;
  top: auto;
  bottom: 0;
  height: auto;
  padding: 80px 15px 15px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.text-overlay-title h2,
.text-overlay-title h3,
.text-overlay-title h4 {
  margin: 0;
  color: #F5F5F5;
}

.text-overlay-title h2 { font-size: 28px; }

.text-overlay-title h3 {
  font-size: 17px;
  font-weight: 600;
}

.text-overlay-title h2,
.text-overlay-title h3,
.text-overlay-title h4,
.text-overlay-meta {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.text-overlay-meta {
  color: #CCC;
  font-size: 13px;
}

.text-overlay-meta span i {
  position: relative;
  top: 1px;
  font-size: 14px;
}


/* News Carousel Overlays
-----------------------------------------------------------------*/

.news-carousel .text-overlay { padding: 40px 30px 25px; }

.news-carousel .text-overlay-title { margin: 15px 0 10px; }

.news-carousel .text-overlay-title h2,
.news-carousel .text-overlay-title h3,
.news-carousel .text-overlay-title h4 {
  line-height: 1.2;
  text-overflow: none;
  white-space: normal;
}

.news-carousel .text-overlay-meta { font-size: 14px; }

.news-carousel .rounded-skill {
  position: absolute;
  margin: 0 !important;
  top: 30px;
  right: 30px;
  color: #FFF;
  font-weight: 600;
}






/* ----------------------------------------------------------------
  Forms
-----------------------------------------------------------------*/


.pardot-iframe-form-body {padding: 10px !important;}

p.pardot-form-control .text {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 14px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 2px solid #DDD;
  border-radius: 0 !important;
  -webkit-transition: border-color ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s;
  transition: border-color ease-in-out .15s;
}

p.pardot-form-control .text:focus {
  border-color: #AAA;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

p.pardot-form-control .text::-moz-placeholder {
  color: #999;
  opacity: 1;
}

p.pardot-form-control .text:-ms-input-placeholder { color: #999; }
p.pardot-form-control .text::-webkit-input-placeholder { color: #999; }

p.pardot-form-control .text[disabled],
p.pardot-form-control .text[readonly],
fieldset[disabled] p.pardot-form-control .text {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}

p.pardot-form-control .text { height: auto; }

p.pardot-form-control .text { border-radius: 3px; }

p.pardot-form-control .text:active,
p.pardot-form-control .text:focus {
  border-color: #999;
  box-shadow: none;
}

p.pardot-form-control label {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  font-family: 'Proxima Nova', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #555;
  margin-bottom: 10px;
  cursor: pointer;
}

p.pardot-form-control label.label-muted {
  color: #999;
  font-weight: normal;
  margin-right: 5px;
}

p.pardot-form-control .col_full,
p.pardot-form-control .col_half,
p.pardot-form-control .col_one_third,
p.pardot-form-control .col_two_third,
p.pardot-form-control .col_three_fourth,
p.pardot-form-control .col_one_fourth,
p.pardot-form-control .col_one_fifth,
p.pardot-form-control .col_two_fifth,
p.pardot-form-control .col_three_fifth,
p.pardot-form-control .col_four_fifth,
p.pardot-form-control .col_one_sixth,
p.pardot-form-control .col_five_sixth { margin-bottom: 25px; }








/* ----------------------------------------------------------------
  Forms
-----------------------------------------------------------------*/


.form-field .select,
.sm-form-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 14px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 2px solid #DDD;
  border-radius: 0 !important;
  -webkit-transition: border-color ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s;
  transition: border-color ease-in-out .15s;
}

.sm-form-control:focus {
  border-color: #AAA;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sm-form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.sm-form-control:-ms-input-placeholder { color: #999; }
.sm-form-control::-webkit-input-placeholder { color: #999; }

.sm-form-control[disabled],
.sm-form-control[readonly],
fieldset[disabled] .sm-form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}

.sm-form-control { height: auto; }

.form-control { border-radius: 3px; }

.form-control:active,
.form-control:focus {
  border-color: #999;
  box-shadow: none;
}

label {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  font-family: 'Proxima Nova', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #555;
  margin-bottom: 10px;
  cursor: pointer;
}

label.label-muted {
  color: #999;
  font-weight: normal;
  margin-right: 5px;
}

form .col_full,
form .col_half,
form .col_one_third,
form .col_two_third,
form .col_three_fourth,
form .col_one_fourth,
form .col_one_fifth,
form .col_two_fifth,
form .col_three_fifth,
form .col_four_fifth,
form .col_one_sixth,
form .col_five_sixth { margin-bottom: 25px; }


/* ----------------------------------------------------------------
  Contact Form
-----------------------------------------------------------------*/


#contact-form-overlay,
#contact-form-overlay-mini {
  position: relative;
  max-width: 800px;
  background-color: #FFF;
  padding: 40px;
  margin: 0 auto;
  z-index: 10;
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(0,0,0,0.15);
}

#contact-form-overlay-mini {
  float: right;
  width: 380px;
  margin: 0;
}

label.error {
  margin-top: 5px;
  color: #E42C3E;
  font-weight: 400;
}

label.error { display: none !important; }

.form-control.error,
.sm-form-control.error { border-color: #E42C3E; }


/* ----------------------------------------------------------------
  Google Maps
-----------------------------------------------------------------*/


#google-map {
  position: relative;
  width: 100%;
  height: 450px;
}

.gmap img { max-width: none !important; }

.gm-style .gm-style-iw h3 span {
  font-size: inherit;
  font-family: inherit;
}

#map-overlay {
  position: relative;
  padding: 100px 0;
}

#map-overlay #google-map {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}


/* ----------------------------------------------------------------
  Google Custom Search
-----------------------------------------------------------------*/


#content .cse .gsc-control-cse,
#content .gsc-control-cse,
#content .gsc-above-wrapper-area,
#content .gsc-adBlock,
#content .gsc-thumbnail-inside,
#content .gsc-url-top,
#content .gsc-table-result,
#content .gsc-webResult,
#content .gsc-result { padding: 0 !important; }

#content .gsc-selected-option-container { width: auto !important; }

#content .gsc-result-info { padding-left: 0 !important; }

#content .gsc-above-wrapper-area-container,
#content .gsc-table-result { margin-bottom: 10px; }

#content .gcsc-branding { display: none; }

#content .gsc-results,
#content .gsc-webResult { width: 100% !important; }

#content .gs-no-results-result .gs-snippet,
#content .gs-error-result .gs-snippet { margin: 0 !important; }


/* ----------------------------------------------------------------
  Heading Styles
-----------------------------------------------------------------*/


/* Block Titles
-----------------------------------------------------------------*/

.title-block {
  padding: 2px 0 3px 20px;
  border-left: 7px solid #008ab4;
  margin-bottom: 30px;
}

.title-block-right {
  padding: 2px 20px 3px 0;
  border-left: 0;
  border-right: 7px solid #008ab4;
  text-align: right;
}

.title-block h1,
.title-block h2,
.title-block h3,
.title-block h4 { margin-bottom: 0; }

.title-block > span {
  display: block;
  margin-top: 4px;
  color: #555;
  font-weight: 300;
}

.title-block h1 + span { font-size: 22px; }

.title-block h2 + span { font-size: 19px; }

.title-block h3 + span { font-size: 17px; }

.title-block h4 + span {
  font-size: 15px;
  margin-top: 3px;
}


/* Heading Block - with Subtitle
-----------------------------------------------------------------*/

.heading-block { margin-bottom: 50px; }

.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {
  margin-bottom: 0;
  font-weight: 500;
  /*text-transform: uppercase; lcedit */
  color: #333;
}

.emphasis-title h1,
.emphasis-title h2 {
  font-weight: 500;
  letter-spacing: .01em !important;
  text-transform: none;
  line-height: 100%;
}

.heading-block h1 { font-size: 32px; }

.heading-block h2 { font-size: 40px; font-weight: 100 !important;}

.heading-block h3 { font-size: 26px; }

.heading-block h4 {
  font-size: 20px;
  font-weight: 700;
}

.heading-block > span:not(.before-heading) {
  display: block;
  margin-top: 10px;
  font-weight: 300;
  color: #777;
}

.heading-block .before-heading { margin-bottom: 7px; }

.heading-block.center > span,
.heading-block.title-center > span,
.center .heading-block > span {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.heading-block h1 + span { font-size: 24px; }

.heading-block h2 + span { font-size: 22px; }

.heading-block h3 + span,
.heading-block h4 + span { font-size: 25px; }

.heading-block ~ p:not(.lead) { font-size: 15px; }

.heading-block:after {
  content: '';
  display: block;
  margin-top: 30px;
  width: 40px;
  border-top: 2px solid #444; 
}

.center .heading-block:after,
.heading-block.center:after,
.heading-block.title-center:after { margin: 30px auto 0; }

.tright .heading-block,
.heading-block.tright,
.heading-block.title-right { direction: rtl; }

.heading-block.noborder:after,
.heading-block.nobottomborder:after { display: none; }

.heading-block.border-color:after { border-color: #008ab4; }




/* Emphasis Title
-----------------------------------------------------------------*/

.emphasis-title { margin: 0 0 50px; }

.emphasis-title h1,
.emphasis-title h2 {
  font-size: 64px;
  letter-spacing: -2px;
}

.emphasis-title h1 strong,
.emphasis-title h2 strong { font-weight: 700; }


/* Justify Border Title
-----------------------------------------------------------------*/

.fancy-title {
  position: relative;
  margin-bottom: 30px;
}

.fancy-title h1,
.fancy-title h2,
.fancy-title h3,
.fancy-title h4,
.fancy-title h5,
.fancy-title h6 {
  position: relative;
  display: inline-block;
  background-color: #FFF;
  padding-right: 15px;
  margin-bottom: 0;
}

.fancy-title h4,
.fancy-title h5,
.fancy-title h6 { padding-right: 10px; }

.fancy-title.title-double-border:before,
.fancy-title.title-border:before,
.fancy-title.title-border-color:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  border-top: 3px double #E5E5E5;
  left: auto;
  top: 46%;
  right: 0;
}

.fancy-title.title-border:before {
  top: 49%;
  border-top: 1px solid #EEE;
}

.fancy-title.title-border-color:before {
  top: 49%;
  border-top: 1px solid #008ab4;
  opacity: 0.6;
}


/* Fancy Title - Center Align
-----------------------------------------------------------------*/

.title-center { text-align: center; }

.title-center h1,
.title-center h2,
.title-center h3 { padding: 0 15px; }

.title-center h4,
.title-center h5,
.title-center h6 { padding: 0 10px; }


/* Fancy Title - Right Align
-----------------------------------------------------------------*/

.title-right { text-align: right; }

.title-right h1,
.title-right h2,
.title-right h3 { padding: 0 0 0 15px; }

.title-right h4,
.title-right h5,
.title-right h6 { padding: 0 0 0 10px; }


/* Fancy Title - Bottom Short Border
-----------------------------------------------------------------*/

.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6 {
  display: block;
  background: transparent;
  padding: 0 0 10px;
  border-bottom: 2px solid #008ab4;
}


/* Fancy Title - Bottom Short Border
-----------------------------------------------------------------*/

.fancy-title.title-dotted-border { background: url('images/icons/dotted.png') repeat-x center; }


/* Sub Heading
-----------------------------------------------------------------*/

.before-heading {
  display: block;
  margin: 0 0 5px;
  font-size: 16px;
  font-family: 'Proxima Nova', sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #999;
}


/* ----------------------------------------------------------------
  Divider
-----------------------------------------------------------------*/


.divider {
  position: relative;
  overflow: hidden;
  margin: 35px 0;
  color: #E5E5E5;
  width: 100%;
}

.divider.divider-margin { margin: 70px 0; }

.divider:after,
.divider.divider-center:before,
.divider.divider-center.divider-short:before {
  content: '';
  position: absolute;
  width: 100%;
  top: 8px;
  left: 30px;
  height: 0;
  border-top: 1px solid #EEE;
}

.divider.divider-thick:after,
.divider.divider-center.divider-thick:before,
.divider.divider-center.divider-short.divider-thick:before { border-top-width: 3px; }

.divider.divider-short:after { width: 30%; }

.divider.divider-vshort:after { width: 12%; }

.divider i {
  position: relative;
  width: 18px;
  height: 18px;
  line-height: 1;
  font-size: 18px !important;
  text-align: center;
}

.divider a {
  position: relative;
  display: inline-block;
  color: inherit;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.divider a:hover { color: #888; }


/* Divider - Icon Align Right
-----------------------------------------------------------------*/

.divider.divider-right { text-align: right; }

.divider.divider-right:after {
  left: auto;
  right: 30px;
}


/* Divider - Icon Align Center
-----------------------------------------------------------------*/

.divider.divider-center,
.divider.divider-center.divider-short { text-align: center; }

.divider.divider-center:before {
  left: -50% !important;
  right: 0;
  margin-left: -20px;
}

.divider.divider-center:after {
  left: 50% !important;
  right: 0;
  margin-left: 20px;
}


/* Short Divider - Icon Align Center
-----------------------------------------------------------------*/

.divider.divider-center.divider-short:before {
  left: auto !important;
  right: 50%;
  margin-right: 20px;
  width: 15%;
}

.divider.divider-center.divider-short:after {
  left: 50% !important;
  right: auto !important;
  margin-left: 20px;
  width: 15%;
}

.divider.divider-center.divider-vshort:before,
.divider.divider-center.divider-vshort:after { width: 6%; }


/* Divider - Rounded Icon
-----------------------------------------------------------------*/

.divider.divider-rounded { color: #BBB; }

.divider.divider-rounded:after,
.divider.divider-rounded.divider-center:before,
.divider.divider-rounded.divider-short:before,
.divider.divider-border:after,
.divider.divider-border.divider-center:before,
.divider.divider-border.divider-short:before {
  top: 19px;
  left: 40px;
}

.divider.divider-rounded i,
.divider.divider-border i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #F5F5F5;
  border-radius: 50%;
}

.divider.divider-rounded.divider-right:after,
.divider.divider-border.divider-right:after {
  left: auto;
  right: 40px;
}


/* Divider - Rounded & Border
-----------------------------------------------------------------*/

.divider.divider-border { color: #E5E5E5; }

.divider.divider-border i {
  line-height: 38px;
  background-color: transparent;
  border: 1px solid #EEE;
}


/* Divider - Line Only
-----------------------------------------------------------------*/

.divider.divider-line:before,
.divider.divider-line:after {
  margin-left: 0 !important;
  margin-right: 0 !important;
}





/* ----------------------------------------------------------------
  Quotes & Blockquotes
-----------------------------------------------------------------*/


blockquote p { margin-bottom: 15px; }

blockquote.pull-left {
  max-width: 300px;
  margin: 5px 20px 10px 0;
  padding-right: 0;
}

blockquote.pull-right {
  max-width: 300px;
  margin: 5px 0 10px 20px;
  padding-left: 0;
}

.quote {
  border: none !important;
  position: relative;
}

.quote p { 
  position: relative;
  padding-left: 20px !important; }

.quote:before {
  font-family: 'font-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  content: "\e7ad";
  position: absolute;
  width: 68px;
  height: 68px;
  line-height: 68px;
  font-size: 62px;
  top: 0;
  left: 10px;
  opacity: .06;
}

.quote.blockquote-reverse:before {
  content: "\e7ae";
  left: auto;
  right: 0;
}




/* ----------------------------------------------------------------
  Dropcaps & Highlights
-----------------------------------------------------------------*/


.dropcap {
  float: left;
  font-size: 42px;
  line-height: 1;
  margin: 0 5px 0 0;
  text-transform: uppercase;
}

.highlight {
  padding: 2px 5px;
  background-color: #444;
  color: #FFF;
  border-radius: 2px;
}


/* ----------------------------------------------------------------
  Magazine Specific Classes
-----------------------------------------------------------------*/

.top-advert {
  float: right;
  padding: 5px;
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE;
}

.top-advert a,
.top-advert img { display: block; }

.bnews-title {
  display: block;
  float: left;
  margin-top: 2px;
  padding-top: .3em;
  text-transform: uppercase;
}

.bnews-slider {
  float: left;
  width: 970px;
  margin-left: 20px;
  min-height: 0;
}


/* ----------------------------------------------------------------
  Text Rotater
-----------------------------------------------------------------*/

.text-rotater {}

.text-rotater > .t-rotate > .animated { display: inline-block; }





/* ----------------------------------------------------------------
  Go To Top
-----------------------------------------------------------------*/


#gotoTop {
  display: none;
  z-index: 299;
  position: fixed;
  width: 40px;
  height: 40px;
  background-color: #008ab4;
  background-color: rgba(0,0,0,0.3);
  font-size: 25px;
  line-height: 36px;
  text-align: center;
  color: #FFF;
  top: auto;
  left: auto;
  right: 30px;
  bottom: 50px;
  cursor: pointer;
  border-radius: 2px;
}

body:not(.device-touch) #gotoTop {
  transition: background-color .2s linear;
  -webkit-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
}

.stretched #gotoTop { bottom: 30px; }

#gotoTop:hover { background-color: #008ab4; }


/* ----------------------------------------------------------------
  Error 404
-----------------------------------------------------------------*/


.error404 {
  display: block;
  font-size: 216px;
  font-weight: 600;
  color: #DDD;
  line-height: 1.35;
  letter-spacing: 4px;
}

.error404-wrap .container { z-index: 7; }

.error404-wrap .error404 {
  line-height: 0.9;
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 244px;
  color: #FFF !important;
  opacity: 0.2;
  text-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}

.error404-wrap .heading-block h4 {
  font-weight: 300;
  margin-bottom: 8px;
}

.error404-wrap .heading-block span { font-size: 17px; }

.error404-wrap form { max-width: 500px; }

.error404-wrap .heading-block p {margin: 0 auto; text-align: center; width: 70%;}
.error404-wrap {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+42,ffffff+100 */
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 42%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 42%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 42%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 42%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 42%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}



/* ----------------------------------------------------------------
  Landing Pages
-----------------------------------------------------------------*/


.landing-header span {
  font-size: 120%; 
  font-weight: 200;
line-height: 250%;}

.landing-header h1 {
  line-height: 90%;
  font-size: 350%;
}


.landing-title {
  /*position: absolute;*/
  /*background: yellow;*/
  z-index: 9;
  top: 100px;
  right: auto;
  left: 0;
  /*bottom: -220px;*/
  /*background-color: rgba(255,255,255,0.9);*/
  /*border-radius: 3px 3px 0 0;*/
}





.landing-wide-form iframe {
  border-top: 20px solid #fff !important;
  border-left: 10px solid #fff !important;
}

.landing-wide-form { 
  padding: 20px;
  min-width: 500px;
}

.landing-form-overlay {
  position: absolute;
  z-index: 10;
  top: auto;
  left: auto;
  right: 0;
  bottom: -220px;
  background: #fff;
  /*background-color: rgba(255,255,255,0.9);*/
  /*border-radius: 3px 3px 0 0;*/
}

.landing-video {
  z-index: 1;
  width: 560px;
  height: 315px;
  margin: 22px 0 0 95px;
  overflow: hidden;
}

.landing-promo h3 { font-size: 20px; }

.landing-promo > .container > span { font-size: 17px; }


/* ----------------------------------------------------------------
  Preloaders
-----------------------------------------------------------------*/


.preloader,
.preloader2,
.form-process {
  display: block;
  width: 100%;
  height: 100%;
  background: url("images/preloader.gif") center center no-repeat #FFF;
}

.preloader2 { background-color: transparent; }

.form-process {
  display: none;
  position: absolute;
  z-index: 3;
  background-color: rgba(255,255,255,0.7);
}


/* ----------------------------------------------------------------
  Toastr Notifications
-----------------------------------------------------------------*/


.toast-title { font-weight: bold; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label { color: #ffffff; }

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: absolute;
  right: 5px;
  top: 3px;
  font-size: 14px;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
}


button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-full-width {
  top: 10px;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 10px;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 1999;
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container > div {
  margin: 0 0 6px;
  padding: 15px;
  width: 300px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > div i {
  position: relative;
  top: 1px;
  width: 16px;
  text-align: center;
  margin-right: 3px;
}

#toast-container > :hover {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}

.toast { background-color: #030303; }

.toast-success { background-color: #51a351; }

.toast-error { background-color: #bd362f; }

.toast-info { background-color: #2f96b4; }

.toast-warning { background-color: #f89406; }


@media all and (min-width: 240px) and (max-width: 479px) {
  #toast-container > div {
    padding: 8px;
    width: 18em;
  }
}

@media all and (min-width: 480px) and (max-width: 767px) {
  #toast-container > div {
    padding: 15px;
    width: 25em;
  }
}


/* ----------------------------------------------------------------
  Footer
-----------------------------------------------------------------*/


#footer {
  position: relative;
  background-color: rgba(0,0,0,0.5) !important;
  /*border-top: 5px solid rgba(0,0,0,0.2);*/
}

#footer .footer-widgets-wrap {
  position: relative;
  padding: 20px 0;
}

.footer-widgets-wrap .col_full,
.footer-widgets-wrap .col_half,
.footer-widgets-wrap .col_one_third,
.footer-widgets-wrap .col_two_third,
.footer-widgets-wrap .col_three_fourth,
.footer-widgets-wrap .col_one_fourth,
.footer-widgets-wrap .col_one_fifth,
.footer-widgets-wrap .col_two_fifth,
.footer-widgets-wrap .col_three_fifth,
.footer-widgets-wrap .col_four_fifth,
.footer-widgets-wrap .col_one_sixth,
.footer-widgets-wrap .col_five_sixth { margin-bottom: 0; }

#copyrights span {padding: 0;}
#copyrights {
  padding: 40px 0;
  background-color: rgba(0,0,0,.5) !important;
  color: rgba(255,255,255,.7) !important;
  font-size: 14px;
  line-height: 1.8;
}

#copyrights i.footer-icon {
  position: relative;
  top: 1px;
  font-size: 14px;
  width: 14px;
  text-align: center;
  margin-right: 3px;
}

.copyright-links a {
  display: inline-block;
  color: rgba(255,255,255,.9) !important;
}

.copyright-links a:hover {
  text-decoration: underline !important;
}

.copyrights-menu { margin: 10px 0; opacity: .7 }

.copyrights-menu a {
  font-size: 14px;
  margin: 0 7px;
}

#copyrights .col_half { margin-bottom: 0 !important; }

#copyrights a:first-child { margin-left: 0; }

#copyrights .tright a:last-child { margin-right: 0; }

.footer-logo {
  display: block;
  margin-bottom: 30px;
}


/* ----------------------------------------------------------------
  Widgets
-----------------------------------------------------------------*/


.widget {
  position: relative;
  margin-top: 50px;
}

.sidebar-widgets-wrap .widget {
  padding-top: 50px;
  border-top: 1px solid #EEE;
}

.widget:first-child { margin-top: 0; }

.sidebar-widgets-wrap .widget:first-child {
  padding-top: 0;
  border-top: 0;
}

.widget > h4 {
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.sidebar-widgets-wrap .widget > h4 { letter-spacing: 1px; }

.widget p:not(.lead) { font-size: 14px; }


/* Tag Cloud
-----------------------------------------------------------------*/


.tagcloud { margin-bottom: -2px; }

.tagcloud a {
  display: block;
  float: left;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 3px 6px;
  border: 1px solid #E5E5E5;
  font-size: 13px !important;
  color: #666;
  border-radius: 2px;
}

body:not(.device-touch) .tagcloud a {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.tagcloud a:hover {
  border-color: #008ab4 !important;
  color: #008ab4 !important;
}


/* Widget - Links
-----------------------------------------------------------------*/

.widget_nav_menu ul,
.widget_nav_menu li,
.widget_links ul,
.widget_links li,
.widget_meta ul,
.widget_meta li,
.widget_archive ul,
.widget_archive li,
.widget_recent_comments ul,
.widget_recent_comments li,
.widget_recent_entries ul,
.widget_recent_entries li,
.widget_categories ul,
.widget_categories li,
.widget_pages ul,
.widget_pages li,
.widget_rss ul,
.widget_rss li {
  list-style: none;
  margin: 0;
}

.widget_nav_menu li,
.widget_links li,
.widget_meta li,
.widget_archive li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_categories li,
.widget_pages li,
.widget_rss li { padding: 4px; }

.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_recent_comments li {
  display: inline-block;
  padding: 0 3px 0 12px;
}

.widget_recent_comments li {
  display: block;
  background: url("images/icons/widget-comment.png") left top no-repeat;
  padding: 4px 0 4px 20px;
}




.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_recent_comments li a {
  background: url("images/icons/widget-links.png") left top no-repeat;
  color: #fff;
  font-size: 14px;
}

.widget_nav_menu li a:hover,
.widget_links li a:hover,
.widget_meta li a:hover,
.widget_archive li a:hover,
.widget_recent_entries li a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_rss li a:hover,
.widget_recent_comments li a:hover { color: #000; }

.widget_recent_comments li a {
  display: inline;
  padding: 0;
  background: none !important;
}

.widget_nav_menu > ul > li:first-child,
.widget_links > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_archive > ul > li:first-child,
.widget_recent_comments > ul > li:first-child,
.widget_recent_entries > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_pages > ul > li:first-child,
.widget_rss > ul > li:first-child { border-top: 0 !important; }

.widget_nav_menu > ul,
.widget_links > ul,
.widget_meta > ul,
.widget_archive > ul,
.widget_recent_comments > ul,
.widget_recent_entries > ul,
.widget_categories > ul,
.widget_pages > ul,
.widget_rss > ul { margin-top: -4px !important; }

.widget_nav_menu ul ul,
.widget_links ul ul,
.widget_meta ul ul,
.widget_archive ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul,
.widget_pages ul ul,
.widget_rss ul ul { margin-left: 15px; }


/* Widget - Testimonial & Twitter
-----------------------------------------------------------------*/

.widget .testimonial.no-image .testi-image { display: none; }

.widget .testimonial.twitter-scroll .testi-image { margin-right: 10px; }

.widget .testimonial:not(.twitter-scroll) .testi-image,
.widget .testimonial:not(.twitter-scroll) .testi-image a,
.widget .testimonial:not(.twitter-scroll) .testi-image img {
  width: 42px;
  height: 42px;
}

.widget .testimonial.twitter-scroll .testi-image,
.widget .testimonial.twitter-scroll .testi-image a,
.widget .testimonial.twitter-scroll .testi-image img,
.widget .testimonial.twitter-scroll .testi-image i {
  width: 28px;
  height: 28px;
}

.widget .testimonial.twitter-scroll .testi-image i {
  background-color: #EEE;
  line-height: 28px;
  font-size: 14px;
  color: #888;
}

.widget .testimonial p { font-size: 14px; }


/* Widget - Quick Contact Form
-----------------------------------------------------------------*/

.quick-contact-widget .form-control,
.quick-contact-widget .input-group,
.quick-contact-widget .sm-form-control { margin-bottom: 10px; }

.quick-contact-widget .input-group .form-control { margin-bottom: 0; }

.quick-contact-widget form,
#template-contactform { position: relative; }


/* Newsletter Widget
-----------------------------------------------------------------*/

.subscribe-widget h5 {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
}


/* Twitter Feed Widget
-----------------------------------------------------------------*/

.widget-twitter-feed li { margin: 15px 0 0 0; }

.widget-twitter-feed li:first-child { margin-top: 0; }

.widget-twitter-feed small {
  display: block;
  margin-top: 3px;
}

.widget-twitter-feed small a { color: #999; }


/* Small Post
-----------------------------------------------------------------*/

.widget-twitter-feed li { margin: 15px 0 0 0; }

.widget-twitter-feed li:first-child { margin-top: 0; }

.widget-twitter-feed small {
  display: block;
  margin-top: 3px;
}

.widget-twitter-feed small a { color: #999; }


/* Navigation Tree
-----------------------------------------------------------------*/


.nav-tree {
  position: relative;
  margin-bottom: 40px;
}

.nav-tree ul {
  margin-bottom: 0;
  list-style: none;
}

.nav-tree > ul { margin: -8px 0; }

.nav-tree li { position: relative; }

.nav-tree li a {
  display: block;
  padding: 8px 0 8px 5px;
  color: #333;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: 'Proxima Nova', sans-serif;
  border: 1px solid transparent; /* fills in the space to avoid hover jump */
}

.nav-tree li i {
  font-size: 14px;
  width: 16px;
  text-align: center;
}

.nav-tree li i:not(.icon-angle-down) {
  margin-right: 8px;
  position: relative;
  top: 1px;
}

.nav-tree li a i.icon-angle-down {
  width: auto;
  font-size: 12px;
  margin-left: 2px;
}

.nav-tree li:hover > a,
.nav-tree li.current > a,
.nav-tree li.active > a { border: 1px solid rgba(255,255,255,.6); background: rgba(255,255,255,.05); }

.nav-tree ul ul { display: none; }

.nav-tree ul ul a {
  font-size: 12px;
  padding: 6px 0;
  letter-spacing: .02em;
  font-family: 'Proxima Nova', sans-serif;
  text-transform: none !important;
}


.nav-tree ul ul li:hover > a,
.nav-tree ul ul li.current > a,
.nav-tree ul ul li.active > a {border: 1px solid transparent !important; background: #fff; color: #008ab4 !important; }



.nav-tree ul ul a i.icon-angle-down { font-size: 12px; }

.nav-tree ul ul a { padding-left: 20px; }
.nav-tree ul ul ul a { padding-left: 40px; }
.nav-tree ul ul ul ul a { padding-left: 60px; }
.nav-tree ul ul ul ul ul a { padding-left: 80px; }


/* ----------------------------------------------------------------
  Wedding
-----------------------------------------------------------------*/


.wedding-head {
  position: relative;
  line-height: 1;
  font-size: 80px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.wedding-head .first-name,
.wedding-head .last-name,
.wedding-head .and {
  display: inline-block;
  margin-right: 15px;
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
  font-family: 'Proxima Nova', sans-serif;
  letter-spacing: 2px;
}

.wedding-head .last-name {
  margin: 0 0 0 15px;
  text-align: left;
}

.wedding-head .first-name span,
.wedding-head .last-name span {
  display: block;
  margin-top: 10px;
  font-size: 56px;
  font-weight: 400;
  font-style: italic;
  font-family: 'Proxima Nova', sans-serif;
  text-transform: none;
}

.wedding-head .and {
  margin: 0;
  font-size: 200px;
  font-family: 'Proxima Nova', sans-serif;
}


/* ----------------------------------------------------------------
  Bootstrap Specific
-----------------------------------------------------------------*/

.table .success { color: #005587; }

.table .info { color: #008ab4; }

.table .warning { color: #f5b21e; }

.table .danger { color: #d13339; }

.btn-link { color: #008ab4; }

.btn-link:hover,
.btn-link:focus { color: #222; }

.boot-tabs { margin-bottom: 20px !important; }

.carousel-control .icon-chevron-left,
.carousel-control .icon-chevron-right {
  position: absolute;
  top: 47.5%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-chevron-left { left: 50%; }

.carousel-control .icon-chevron-right { right: 50%; }

.responsive-utilities th small {
  display: block;
  font-weight: 400;
  color: #999;
}

.show-grid [class^=col-] {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #EEE;
  border: 1px solid #DDD;
}

.img-circle { border-radius: 50% !important; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #FFF !important;
  background-color: #008ab4 !important;
  border-color: #008ab4 !important;
}

label.radio,
label.checkbox { padding-left: 20px; }

.input-group-lg > .input-group-addon { line-height: 1; }


/* ----------------------------------------------------------------
  Stretched Layout
-----------------------------------------------------------------*/


.stretched #wrapper {
  width: 100%;
  margin: 0;
  box-shadow: none;
}


/* ----------------------------------------------------------------
  Page Transitions
-----------------------------------------------------------------*/

body:not(.no-transition) #wrapper,
.animation-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.css3-spinner {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  text-align: center;
  background-color: #FFF;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.css3-spinner > div {
  /*position: absolute;
  top: 50%;
  left: 50%;
  margin:0;*/
  width: 50px;
  height: 50px;
  /*background-color: #DDD;*/
  border-radius: none;
  display: inline-block;
  background: url('/images/vlocity-loader.gif') top center no-repeat;
}
/*
.css3-spinner .css3-spinner-bounce1 {
  margin-left: -31px;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.css3-spinner .css3-spinner-bounce2 {
  margin-left: -9px;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
  transform: scale(0.0);
  -webkit-transform: scale(0.0);
  } 40% {
  transform: scale(1.0);
  -webkit-transform: scale(1.0);
  }
}*/


.css3-spinner > .css3-spinner-flipper {
  width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 0;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/*
.css3-spinner > .css3-spinner-double-bounce1,
.css3-spinner > .css3-spinner-double-bounce2 {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 50%;
  opacity: 0.6;
  -webkit-animation: cssspinnerbounce 2.0s infinite ease-in-out;
  animation: cssspinnerbounce 2.0s infinite ease-in-out;
}

.css3-spinner > .css3-spinner-double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes cssspinnerbounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes cssspinnerbounce {
  0%, 100% {
  transform: scale(0.0);
  -webkit-transform: scale(0.0);
  } 50% {
  transform: scale(1.0);
  -webkit-transform: scale(1.0);
  }
}*/

.css3-spinner > .css3-spinner-rect1,
.css3-spinner > .css3-spinner-rect2,
.css3-spinner > .css3-spinner-rect3,
.css3-spinner > .css3-spinner-rect4,
.css3-spinner > .css3-spinner-rect5 {
  height: 30px;
  width: 6px;
  margin-top: -15px;
  margin-left: -21px;
  border-radius: 0;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.css3-spinner > .css3-spinner-rect2 {
  margin-left: -12px;
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.css3-spinner > .css3-spinner-rect3 {
  margin-left: -3px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.css3-spinner > .css3-spinner-rect4 {
  margin-left: 6px;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.css3-spinner > .css3-spinner-rect5 {
  margin-left: 15px;
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
  transform: scaleY(0.4);
  -webkit-transform: scaleY(0.4);
  }  20% {
  transform: scaleY(1.0);
  -webkit-transform: scaleY(1.0);
  }
}


.css3-spinner > .css3-spinner-cube1,
.css3-spinner > .css3-spinner-cube2 {
  width: 16px;
  height: 16px;
  border-radius: 0;
  margin-top: -20px;
  margin-left: -20px;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
  animation: cubemove 1.8s infinite ease-in-out;
}

.css3-spinner > .css3-spinner-cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
  25% {
  transform: translateX(42px) rotate(-90deg) scale(0.5);
  -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% {
  transform: translateX(42px) translateY(42px) rotate(-179deg);
  -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% {
  transform: translateX(42px) translateY(42px) rotate(-180deg);
  -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% {
  transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% {
  transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg);
  }
}


.css3-spinner > .css3-spinner-scaler {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes scaleout {
  0% {
  transform: scale(0.0);
  -webkit-transform: scale(0.0);
  } 100% {
  transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}


.css3-spinner > .css3-spinner-grid-pulse {
  width: 48px;
  height: 48px;
  margin-top: -24px;
  margin-left: -24px;
  background-color: transparent !important;
  -webkit-animation: none;
  animation: none;
}

.css3-spinner-grid-pulse > div {
  background-color: #DDD;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  float: left;
  -webkit-animation-name: ball-grid-pulse;
  animation-name: ball-grid-pulse;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}

.css3-spinner-grid-pulse > div:nth-child(1) {
  -webkit-animation-delay: 0.73s;
  animation-delay: 0.73s;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
}

.css3-spinner-grid-pulse > div:nth-child(2) {
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
}

.css3-spinner-grid-pulse > div:nth-child(3) {
  -webkit-animation-delay: 0.71s;
  animation-delay: 0.71s;
  -webkit-animation-duration: 0.88s;
  animation-duration: 0.88s;
}

.css3-spinner-grid-pulse > div:nth-child(4) {
  -webkit-animation-delay: 0.62s;
  animation-delay: 0.62s;
  -webkit-animation-duration: 1.06s;
  animation-duration: 1.06s;
}

.css3-spinner-grid-pulse > div:nth-child(5) {
  -webkit-animation-delay: 0.31s;
  animation-delay: 0.31s;
  -webkit-animation-duration: 0.62s;
  animation-duration: 0.62s;
}

.css3-spinner-grid-pulse > div:nth-child(6) {
  -webkit-animation-delay: -0.14s;
  animation-delay: -0.14s;
  -webkit-animation-duration: 1.48s;
  animation-duration: 1.48s;
}

.css3-spinner-grid-pulse > div:nth-child(7) {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
  -webkit-animation-duration: 1.47s;
  animation-duration: 1.47s;
}

.css3-spinner-grid-pulse > div:nth-child(8) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-duration: 1.49s;
  animation-duration: 1.49s;
}

.css3-spinner-grid-pulse > div:nth-child(9) {
  -webkit-animation-delay: 0.73s;
  animation-delay: 0.73s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

@-webkit-keyframes ball-grid-pulse {
  0% {
  -webkit-transform: scale(1);
  transform: scale(1); }

  50% {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0.7; }

  100% {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1; }
}

@keyframes ball-grid-pulse {
  0% {
  -webkit-transform: scale(1);
  transform: scale(1); }

  50% {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0.7; }

  100% {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1; }
}


.css3-spinner > .css3-spinner-clip-rotate {
  width: 33px;
  height: 33px;
  margin-top: -17px;
  margin-left: -17px;
  background-color: transparent !important;
  -webkit-animation: none;
  animation: none;
}

.css3-spinner-clip-rotate > div {
  border-radius: 100%;
  border: 2px solid #DDD;
  border-bottom-color: transparent !important;
  height: 33px;
  width: 33px;
  background: transparent !important;
  -webkit-animation: rotate 1s 0s linear infinite;
  animation: rotate 1s 0s linear infinite;
}

@keyframes rotate {
  0% {
  -webkit-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1); }

  50% {
  -webkit-transform: rotate(180deg) scale(0.6);
  transform: rotate(180deg) scale(0.6); }

  100% {
  -webkit-transform: rotate(360deg) scale(1);
  transform: rotate(360deg) scale(1); }
}


.css3-spinner > .css3-spinner-ball-rotate {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  background-color: transparent !important;
  -webkit-animation: ballrotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
  animation: ballrotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
}

.css3-spinner-ball-rotate > div {
  background-color: #DDD;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  position: relative;
}

.css3-spinner-ball-rotate > div:nth-child(1), .css3-spinner-ball-rotate > div:nth-child(3) {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  content: "";
  position: absolute;
  opacity: 0.7;
}

.css3-spinner-ball-rotate > div:nth-child(1) {
  top: 0px;
  left: -22px;
}

.css3-spinner-ball-rotate > div:nth-child(3) {
  top: 0px;
  left: 22px;
}


@-webkit-keyframes ballrotate {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

  50% {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

  100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg); }
}

@keyframes ballrotate {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

  50% {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

  100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg); }
}


.css3-spinner > .css3-spinner-zig-zag {
  background-color: transparent !important;
  -webkit-transform: translate(-15px, -15px);
  -ms-transform: translate(-15px, -15px);
  transform: translate(-15px, -15px);
  -webkit-animation: none;
  animation: none;
}

.css3-spinner-zig-zag > div {
  background-color: #DDD;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  position: absolute;
  margin-left: 15px;
  top: 4px;
  left: -7px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.css3-spinner-zig-zag > div:first-child {
  -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
  animation: ball-zig-deflect 1.5s 0s infinite linear;
}

.css3-spinner-zig-zag > div:last-child {
  -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
  animation: ball-zag-deflect 1.5s 0s infinite linear;
}


@-webkit-keyframes ball-zig-deflect {
  17% {
  -webkit-transform: translate(-15px, -30px);
  transform: translate(-15px, -30px); }

  34% {
  -webkit-transform: translate(15px, -30px);
  transform: translate(15px, -30px); }

  50% {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

  67% {
  -webkit-transform: translate(15px, -30px);
  transform: translate(15px, -30px); }

  84% {
  -webkit-transform: translate(-15px, -30px);
  transform: translate(-15px, -30px); }

  100% {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }
}

@keyframes ball-zig-deflect {
  17% {
  -webkit-transform: translate(-15px, -30px);
  transform: translate(-15px, -30px); }

  34% {
  -webkit-transform: translate(15px, -30px);
  transform: translate(15px, -30px); }

  50% {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

  67% {
  -webkit-transform: translate(15px, -30px);
  transform: translate(15px, -30px); }

  84% {
  -webkit-transform: translate(-15px, -30px);
  transform: translate(-15px, -30px); }

  100% {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }
}

@-webkit-keyframes ball-zag-deflect {
  17% {
  -webkit-transform: translate(15px, 30px);
  transform: translate(15px, 30px); }

  34% {
  -webkit-transform: translate(-15px, 30px);
  transform: translate(-15px, 30px); }

  50% {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

  67% {
  -webkit-transform: translate(-15px, 30px);
  transform: translate(-15px, 30px); }

  84% {
  -webkit-transform: translate(15px, 30px);
  transform: translate(15px, 30px); }

  100% {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }
}

@keyframes ball-zag-deflect {
  17% {
  -webkit-transform: translate(15px, 30px);
  transform: translate(15px, 30px); }

  34% {
  -webkit-transform: translate(-15px, 30px);
  transform: translate(-15px, 30px); }

  50% {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

  67% {
  -webkit-transform: translate(-15px, 30px);
  transform: translate(-15px, 30px); }

  84% {
  -webkit-transform: translate(15px, 30px);
  transform: translate(15px, 30px); }

  100% {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }
}


.css3-spinner > .css3-spinner-ball-scale-multiple {
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  background-color: transparent !important;
  -webkit-animation: none;
  animation: none;
}

.css3-spinner-ball-scale-multiple > div {
  background-color: #DDD;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 60px;
  height: 60px;
  -webkit-animation: ball-scale-multiple 1.25s 0s linear infinite;
  animation: ball-scale-multiple 1.25s 0s linear infinite;
}

.css3-spinner-ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.css3-spinner-ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

@-webkit-keyframes ball-scale-multiple {
  0% {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0; }

  5% { opacity: 1; }

  100% {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0; }
}

@keyframes ball-scale-multiple {
  0% {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0; }

  5% { opacity: 1; }

  100% {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0; }
}


.css3-spinner > .css3-spinner-triangle-path {
  background-color: transparent !important;
  -webkit-transform: translate(-29.994px, -37.50938px);
  -ms-transform: translate(-29.994px, -37.50938px);
  transform: translate(-29.994px, -37.50938px);
  -webkit-animation: none;
  animation: none;
}

.css3-spinner-triangle-path > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #DDD;
}

.css3-spinner-triangle-path > div:nth-child(1) {
  -webkit-animation: ball-triangle-path-1 2s 0s ease-in-out infinite;
  animation: ball-triangle-path-1 2s 0s ease-in-out infinite;
}

.css3-spinner-triangle-path > div:nth-child(2) {
  -webkit-animation: ball-triangle-path-2 2s 0s ease-in-out infinite;
  animation: ball-triangle-path-2 2s 0s ease-in-out infinite;
}

.css3-spinner-triangle-path > div:nth-child(3) {
  -webkit-animation: ball-triangle-path-3 2s 0s ease-in-out infinite;
  animation: ball-triangle-path-3 2s 0s ease-in-out infinite;
}

.css3-spinner-triangle-path > div:nth-of-type(1) { top: 50px; }

.css3-spinner-triangle-path > div:nth-of-type(2) { left: 25px; }

.css3-spinner-triangle-path > div:nth-of-type(3) {
  top: 50px;
  left: 50px;
}

@-webkit-keyframes ball-triangle-path-1 {
  33% {
  -webkit-transform: translate(25px, -50px);
  transform: translate(25px, -50px); }

  66% {
  -webkit-transform: translate(50px, 0px);
  transform: translate(50px, 0px); }

  100% {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px); }
}

@keyframes ball-triangle-path-1 {
  33% {
  -webkit-transform: translate(25px, -50px);
  transform: translate(25px, -50px); }

  66% {
  -webkit-transform: translate(50px, 0px);
  transform: translate(50px, 0px); }

  100% {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px); }
}

@-webkit-keyframes ball-triangle-path-2 {
  33% {
  -webkit-transform: translate(25px, 50px);
  transform: translate(25px, 50px); }

  66% {
  -webkit-transform: translate(-25px, 50px);
  transform: translate(-25px, 50px); }

  100% {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px); }
}

@keyframes ball-triangle-path-2 {
  33% {
  -webkit-transform: translate(25px, 50px);
  transform: translate(25px, 50px); }

  66% {
  -webkit-transform: translate(-25px, 50px);
  transform: translate(-25px, 50px); }

  100% {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px); }
}

@-webkit-keyframes ball-triangle-path-3 {
  33% {
  -webkit-transform: translate(-50px, 0px);
  transform: translate(-50px, 0px); }

  66% {
  -webkit-transform: translate(-25px, -50px);
  transform: translate(-25px, -50px); }

  100% {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px); }
}

@keyframes ball-triangle-path-3 {
  33% {
  -webkit-transform: translate(-50px, 0px);
  transform: translate(-50px, 0px); }

  66% {
  -webkit-transform: translate(-25px, -50px);
  transform: translate(-25px, -50px); }

  100% {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px); }
}


.css3-spinner > .css3-spinner-ball-pulse-sync {
  width: 60px;
  height: 34px;
  margin-left: -30px;
  margin-top: -17px;
  background-color: transparent !important;
  -webkit-animation: none;
  animation: none;
}

.css3-spinner-ball-pulse-sync > div {
  display: inline-block;
  background-color: #DDD;
  width: 14px;
  height: 14px;
  margin: 10px 3px 0;
  border-radius: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.css3-spinner-ball-pulse-sync > div:nth-child(0) {
  -webkit-animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out;
  animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out;
}

.css3-spinner-ball-pulse-sync > div:nth-child(1) {
  -webkit-animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out;
  animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out;
}

.css3-spinner-ball-pulse-sync > div:nth-child(2) {
  -webkit-animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out;
  animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out;
}

.css3-spinner-ball-pulse-sync > div:nth-child(3) {
  -webkit-animation: ball-pulse-sync 0.7s 0s infinite ease-in-out;
  animation: ball-pulse-sync 0.7s 0s infinite ease-in-out;
}


@-webkit-keyframes ball-pulse-sync {
  33% {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0.85;
  }

  66% {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  opacity: 0.7;
  }

  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  }
}

@keyframes ball-pulse-sync {
  33% {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0.85;
  }

  66% {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  opacity: 0.7;
  }

  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  }
}


.css3-spinner > .css3-spinner-scale-ripple {
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  background-color: transparent !important;
  -webkit-animation: none;
  animation: none;
}

.css3-spinner-scale-ripple > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  top: 0;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #DDD;
  -webkit-animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .56, .8);
  animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .56, .8);
}

.css3-spinner-scale-ripple > div:nth-child(0) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.css3-spinner-scale-ripple > div:nth-child(1) {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.css3-spinner-scale-ripple > div:nth-child(2) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.css3-spinner-scale-ripple > div:nth-child(3) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}


@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
  -webkit-transform: scale(0.1);
      transform: scale(0.1);
  opacity: 1; }

  70% {
  -webkit-transform: scale(1);
      transform: scale(1);
  opacity: 0.7; }

  100% {
  opacity: 0.0; }
}

@keyframes ball-scale-ripple-multiple {
  0% {
  -webkit-transform: scale(0.1);
      transform: scale(0.1);
  opacity: 1; }

  70% {
  -webkit-transform: scale(1);
      transform: scale(1);
  opacity: 0.7; }

  100% {
  opacity: 0.0; }
}



/* ----------------------------------------------------------------
  HTML5 Youtube Video Backgrounds
-----------------------------------------------------------------*/


.mb_YTVPlayer :focus { outline: 0; }

.mb_YTVPlayer {
  display:block;
  transform:translateZ(0);
  transform-style: preserve-3d;
  perspective: 1000;
  backface-visibility: hidden;
  transform:translate3d(0,0,0);
  animation-timing-function: linear;
}

.mb_YTVPlayer.fullscreen {
  display:block!important;
  position: fixed!important;
  width: 100%!important;
  height: 100%!important;
  top: 0!important;
  left: 0!important;
  margin: 0!important;
  border: none !important;
}

.mb_YTVPlayer.fullscreen .mbYTP_wrapper { opacity:1 !important; }


.mbYTP_wrapper iframe { max-width: 4000px !important; }

.inline_YTPlayer {
  margin-bottom: 20px;
  vertical-align:top;
  position:relative;
  left:0;
  overflow: hidden;
  border-radius: 4px;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
  box-shadow: 0 0 5px rgba(0,0,0,.7);
  background: rgba(0,0,0,.5);
}

.inline_YTPlayer img {
  border: none!important;
  -moz-transform: none!important;
  -webkit-transform: none!important;
  -o-transform: none!important;
  transform: none!important;
  margin:0!important;
  padding:0!important
}







/*Header Update 2018 */

#top-bar.master-top-bar {
  z-index: 200 !important;
  background: rgba(0,0,0,.1);
  font-size: 90%;
  height: ;
}


/* ----------------------------------------------------------------------------
  Header
---------------------------------------------------------------------------- */

#header { border-bottom: 0; }

#header #header-wrap {
  z-index: 199;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #FFF;
  -webkit-transition: height .4s ease, background-color .4s ease, opacity .3s ease;
  -o-transition: height .4s ease, background-color .4s ease, opacity .3s ease;
  transition: height .4s ease, background-color .4s ease, opacity .3s ease;
}

#header.full-header:not(.border-full-header):not(.sticky-header) #header-wrap { border-bottom: 0; }

#header.full-header.border-full-header #header-wrap { border-bottom-color: rgba(255,255,255,0.15) !important; }

#header.transparent-header:not(.sticky-header) #header-wrap { background-color: transparent; }

#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
  top: -70px;
  margin-bottom: -70px;
}

#header.full-header #logo { border-right: 0; }

#header.full-header #primary-menu > ul {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}


#header.show-on-sticky #header-wrap {
  opacity: 0;
  pointer-events: none;
}

#header.show-on-sticky.sticky-header #header-wrap {
  opacity: 1;
  pointer-events: auto;
}


#header,
#header-wrap,
#logo,
#logo img,
#primary-menu:not(.style-2),
#primary-menu:not(.style-2) > ul {
  height: 70px;
  -webkit-transition: height .4s ease, opacity .3s ease;
  -o-transition: height .4s ease, opacity .3s ease;
  transition: height .4s ease, opacity .3s ease;
}


/* Sticky Header Alternate Dark - lcedit
---------------------------------------------------------------------------- */


#header.sticky-header #header-wrap.alt-dark #primary-menu li a {
  color: #008ab4 !important;
  text-shadow: none !important;
}

#header.sticky-header #header-wrap.alt-dark {
  background: rgba(255,255,255,1) !important;
}


    #header-wrap.alt-dark #primary-menu > ul > li:hover a,
    #header-wrap.alt-dark #primary-menu > ul > li.current a,
    #header-wrap.alt-dark #primary-menu > ul > li.ancestor a { 
      color: #008ab4; 
      border-bottom: 3px solid #008ab4; }







/* Sticky Header
---------------------------------------------------------------------------- */

#header.sticky-header #header-wrap,
#header.full-header.border-full-header.sticky-header #header-wrap {
  box-shadow: none;
  border-bottom: 1px solid #F5F5F5 !important;
  -webkit-backface-visibility: hidden;
}


/* Side Header
---------------------------------------------------------------------------- */

@media (min-width: 992px) {

.side-header #header #header-wrap { position: relative; }

.side-header #header,
.side-header #header-wrap { height: 100%; }

.side-header #header-wrap { width: 300px !important; }

.side-header #logo,
.side-header #logo img,
.side-header #primary-menu:not(.style-2),
.side-header #primary-menu:not(.style-2) > ul { height: auto; }

}


/* Primary Menu
---------------------------------------------------------------------------- */

#primary-menu ul li a {
  height: 70px;
  line-height: 70px;
  padding: 0 22px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 3px;
}


/* Side Panel
---------------------------------------------------------------------------- */

body.side-push-panel.stretched #header .container { right: 0; }

body.side-push-panel.side-panel-open.stretched #header .container { right: 300px; }

#side-panel-trigger {
  margin-top: 25px;
  margin-bottom: 25px;
}


/* ----------------------------------------------------------------------------
  Page Section
---------------------------------------------------------------------------- */

.page-section { padding: 0px 0; }


/* ----------------------------------------------------------------------------
  Heading Block
---------------------------------------------------------------------------- */

.heading-block h1,
.heading-block h2 {
  font-weight: 700;
  letter-spacing: .05em;
  font-family: 'Proxima Nova', sans-serif;
}


/* ----------------------------------------------------------------------------
  Portfolio Overlay
---------------------------------------------------------------------------- */

.portfolio-overlay { background-color: rgba(255,255,255,0.9); }

.portfolio-overlay .portfolio-desc h3 {
  font-size: 22px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.portfolio-overlay .portfolio-desc h3 a {
  color: #333 !important;
  text-shadow: none;
}

.portfolio-overlay .portfolio-desc span {
  margin-top: 12px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 300;
}

.portfolio-overlay .portfolio-desc span a {
  color: #999 !important;
  text-shadow: none;
}


/* ----------------------------------------------------------------------------
  Buttons
---------------------------------------------------------------------------- */

.button.button-border {
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 13px;
}

.button.button-border.button-large {
  font-size: 15px;
}

.button.button-border.button-light {
  border-color: #F9F9F9;
  color: #F9F9F9;
}

.button.button-border.button-light:hover {
  background-color: #F9F9F9;
  color: #333;
  text-shadow: none;
}

.button.button-border.button-circle { border-radius: 20px; }

.button.button-border.button-large.button-circle { border-radius: 23px; }


/* More Link
---------------------------------------------------------------------------- */

.more-link {
  font-weight: 400;
  border-bottom-width: 1px;
  font-style: normal;
}

.more-link i.icon-angle-right {
  position: relative;
  top: 2px;
  margin-left: 3px;
}


.link-border {
  font-weight: 600;
  border-bottom: 3px solid #1ABC9C;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.link-border:hover { border-color: #FFF; }


/* ----------------------------------------------------------------------------
  Team & Testimonials
---------------------------------------------------------------------------- */

.team-title h4 {
  font-weight: 600;
  font-size: 17px;
  letter-spacing: 2px;
}

.team-title span {
  font-style: normal;
  color: #999;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  margin-top: 2px;
}






.team-social-icons {
  position: absolute;
  width: 100%;
  bottom: 20px;
}

.dark .team-overlay:before { background-color: rgba(0,0,0,0.9); }

.parallax .fslider * { -webkit-backface-visibility: hidden !important; }

.parallax .fslider .flex-control-paging * { -webkit-backface-visibility: visible !important; }

.parallax .testimonial .testi-content p {
  line-height: 1.6 !important;
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: 300;
  font-family: 'Proxima Nova', sans-serif;
  font-style: normal;
}

.parallax .testimonial .testi-meta {
  margin-top: 20px;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: 500;
}

.parallax .testimonial .testi-meta span {
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;
}


/* Page Menu - Dots Style
-----------------------------------------------------------------*/

#page-menu.dots-menu nav ul li { margin: 15px 6px; }

#page-menu.dots-menu nav li a { background-color: rgba(0,0,0,0.3); }

#page-menu.dots-menu nav li a:hover,
#page-menu.dots-menu nav li.current a { background-color: rgba(0,0,0,0.65) !important; }

#page-menu.dots-menu nav li .dots-menu-caption {
  background-color: #EEE !important;
  color: #333;
  text-shadow: none;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 400;
}

#page-menu.dots-menu nav li .dots-menu-caption:after { border-left: 6px solid #EEE !important; }


/* Border Form Design
---------------------------------------------------------------------------- */

.border-form-control {
  height: 48px;
  padding: 8px 4px;
  font-size: 21px;
  letter-spacing: 1px;
  background-color: transparent !important;
  border-top: transparent;
  border-right: transparent;
  border-left: transparent;
  border-bottom-width: 1px;
  font-family: 'Proxima Nova', sans-serif;
}

.border-form-control::-moz-placeholder { font-weight: 300; }
.border-form-control:-ms-input-placeholder { font-weight: 300; }
.border-form-control::-webkit-input-placeholder { font-weight: 300; }

textarea.border-form-control {
  resize: none;
  overflow: hidden;
  word-wrap: break-word;
}


/* ----------------------------------------------------------------------------
  Helper CSS Styles
---------------------------------------------------------------------------- */

.font-body { font-family: 'Proxima Nova', sans-serif !important; }

.font-primary { font-family: 'Proxima Nova', sans-serif !important; }

.t300 { font-weight: 300 !important; }

.t400 { font-weight: 400 !important; }

.t500 { font-weight: 500 !important; }

.t600 { font-weight: 600 !important; }

.t700 { font-weight: 700 !important; }

.ls1 { letter-spacing: 1px !important; }

.ls2 { letter-spacing: 2px !important; }

.ls3 { letter-spacing: 3px !important; }

.ls4 { letter-spacing: 4px !important; }

.ls5 { letter-spacing: 5px !important; }

.noheight { height: 0 !important; }

.nolineheight { line-height: 0 !important; }



/* ----------------------------------------------------------------------------
  Footer Widgets
---------------------------------------------------------------------------- */

#footer .widget { padding: 30px 0; }

#footer .widget > h4 {
  margin-bottom: 50px;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
}



#footer .widget ul.footer-site-links li {
  margin: 5px 0;
  font-size: 17px;
  letter-spacing: 1px;
  font-weight: 300;
}


#footer .widget .form-control { text-align: center; }

.widget p.lead {
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 1.6;
}


/* ----------------------------------------------------------------------------
  Services Grid
---------------------------------------------------------------------------- */

.grid-border { overflow: hidden; }

.grid-border [class^=col-]:before,
.grid-border [class^=col-]:after {
  content: '';
  position: absolute;
}

.grid-border [class^=col-]:before {
  height: 100%;
  top: 0;
  left: -1px;
  border-left: 1px solid rgba(0,0,0,0.05);
}

.grid-border [class^=col-]:after {
  width: 100%;
  height: 0;
  top: auto;
  left: 0;
  bottom: -1px;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}


.dark .grid-border [class^=col-]:before,
.dark .grid-border [class^=col-]:after { border-color: rgba(255,255,255,0.05); }


/* ----------------------------------------------------------------------------
  One Page Module: Slider Specifics
---------------------------------------------------------------------------- */

.one-page-arrow i {
  -webkit-animation-duration: 1.5s !important;
  animation-duration: 1.5s !important;
}


/* Large One Word in Slider
---------------------------------------------------------------------------- */

.opm-large-word { font-size: 116px; }

.device-sm .opm-large-word { font-size: 96px; }

.device-xs .opm-large-word { font-size: 72px; }

.device-xxs .opm-large-word { font-size: 54px; }


/* Medium One Word in Slider
---------------------------------------------------------------------------- */

.opm-medium-word { font-size: 96px; }

.device-sm .opm-medium-word { font-size: 80px; }

.device-xs .opm-medium-word { font-size: 60px; }

.device-xxs .opm-medium-word { font-size: 48px; }


/* Medium Before Heading
---------------------------------------------------------------------------- */

.before-heading.opm-medium {
  font-size: 30px;
  font-style: normal;
  margin: 0 0 0 5px;
  line-height: 1;
  letter-spacing: 12px;
}

.device-sm .before-heading.opm-medium { font-size: 22px; }

.device-xs .before-heading.opm-medium { font-size: 18px; }

.device-xxs .before-heading.opm-medium { font-size: 14px; }


/* Large Counter in Slider
---------------------------------------------------------------------------- */

.opm-large-counter {
  font-size: 480px;
  color: #F2F2F2;
  line-height: 1;
}

.device-sm .opm-large-counter { font-size: 360px; }

.device-xs .opm-large-counter { font-size: 220px; }

.device-xxs .opm-large-counter { font-size: 150px; }


/* Slider Grid Blocks
---------------------------------------------------------------------------- */

.half-screen {
  position: relative;
  height: 50%;
}

.videoplay-on-hover .vertical-middle { z-index: 2; }

.videoplay-on-hover .video-wrap { z-index: 1; }

.videoplay-on-hover .vertical-middle h2 {
  font-size: 40px;
  font-weight: bold;
}

.device-xs .videoplay-on-hover .vertical-middle h2 { font-size: 32px; }

.device-xxs .videoplay-on-hover .vertical-middle h2 { font-size: 26px; }


/* Hero Video Play Event
---------------------------------------------------------------------------- */

.big-video-button {
  display: inline-block;
  width: 64px;
  height: 64px;
  line-height: 64px;
  border-radius: 50%;
  background-color: #333;
  color: #F5F5F5 !important;
  font-size: 24px;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.big-video-button:hover { opacity: 0.9; }

.dark .big-video-button,
.big-video-button.dark {
  background-color: #F5F5F5;
  color: #333 !important;
  text-shadow: none;
}

.big-video-button i:nth-of-type(1) {
  position: relative;
  left: 3px;
}

.big-video-button i:nth-of-type(2),
.big-video-button.video-played i:nth-of-type(1) { display: none; }

.big-video-button.video-played i:nth-of-type(2) { display: block; }

.big-video-button.video-played { opacity: 0.1; }

#slider:hover .big-video-button.video-played { opacity: 1; }



.slider-caption h2 {
  font-size: 78px;
  letter-spacing: 3px;
  text-transform: lowercase;
  margin-bottom: 50px;
}

.slider-caption p {
  font-weight: 300;
  text-transform: lowercase;
  font-size: 26px;
  line-height: 1.8;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.slider-figure {
  float: right;
  margin-top: 100px;
}



/* ----------------------------------------------------------------------------
  Dark
---------------------------------------------------------------------------- */


.dark #header.sticky-header #header-wrap,
#header.sticky-header.dark #header-wrap { 
  border-bottom-color: rgba(255,255,255,0.1) !important;
  background: #000; 
}


/* ----------------------------------------------------------------------------
  Responsive
---------------------------------------------------------------------------- */


@media (max-width: 991px) {

  #logo { height: 70px !important; }

  #header { min-height: 70px; }

  #header.transparent-header:not(.sticky-header) #header-wrap {
    background-color: #FFF;
    border-bottom: 1px solid #EEE;
  }

  #header.transparent-header.dark:not(.sticky-header) #header-wrap {
    background-color: #008ab4;
    border-bottom-color: rgba(255,255,255,0.9) !important;
  }

  #header.transparent-header:not(.hidden) + #slider,
  #header.transparent-header:not(.hidden) + #page-title.page-title-parallax,
  #header.transparent-header:not(.hidden) + #google-map,
  #slider + #header.transparent-header:not(.hidden) {
    top: 0;
    margin-bottom: 0;
  }

  #primary-menu-trigger { top: 10px !important; }

  #side-panel-trigger {
    margin: 25px 0 !important;
    right: 15px !important;
  }

  .dark #header.transparent-header #header-wrap,
  .dark #header.semi-transparent #header-wrap,
  #header.dark.transparent-header #header-wrap,
  #header.dark.semi-transparent #header-wrap {
    background-color: #333;
    border-bottom-color: rgba(255,255,255,0.1);
  }



  .dark.overlay-menu #primary-menu:not(.not-dark) ul,
  .overlay-menu #primary-menu.dark ul { background-color: transparent; }

}
/* ----------------------------------------------------------------
  Dark Scheme
-----------------------------------------------------------------*/


.dark,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 { color: #EEE; }

.dark a:hover { color: #EEE; }

body.dark,
.dark #wrapper,
.dark #content,
.dark .shop-quick-view-ajax,
.dark .portfolio-ajax-modal,
.dark .modal-content,
.dark .css3-spinner,
body.dark #side-panel,
body #side-panel.dark { background-color: #383838; }
body #side-panel.not-dark { background-color: #fff; }

.dark .css3-spinner > div,
.dark .css3-spinner-grid-pulse > div,
.dark .css3-spinner-ball-rotate > div,
.dark .css3-spinner-zig-zag > div,
.dark .css3-spinner-ball-scale-multiple > div,
.dark .css3-spinner-triangle-path > div,
.dark .css3-spinner-ball-pulse-sync > div { background-color: rgba(255,255,255,0.35); }


.dark .css3-spinner-clip-rotate > div,
.dark .css3-spinner-scale-ripple > div { border-color: rgba(255,255,255,0.35); }

.dark .line,
.dark .double-line { border-top-color: rgba(255,255,255,0.1); }

.dark .section,
.section.dark {
  background-color: #008ab4;
  border-color: rgba(255,255,255,0.1);
}

.dark #top-bar,
#top-bar.dark {
  border-bottom-color: rgba(255,255,255,0.1);
  background-color: #008ab4;
}

.dark .top-links ul li { border-left-color: rgba(255,255,255,0.1); }

.dark .top-links li > a { color: #AAA; }

.dark .top-links li:hover {
  background-color: #008ab4;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.dark .top-links ul ul,
.dark .top-links ul div.top-link-section {
  background: #008ab4;
  border-bottom: none;
}

.dark .top-links ul ul li {
  border-top: 1px solid #444;
  border-left: 1px solid #444;
}

.dark .top-links ul ul li:hover { background-color: #383838; }

.dark .top-links ul ul li:first-child { border-left: 1px solid #444; }

.dark #top-social li { border-left: 1px solid rgba(255,255,255,0.1); }

.dark #top-social li a { color: #BBB; }

.dark #header:not(.transparent-header),
#header.dark:not(.transparent-header) {
  background-color: #008ab4; 
  border-bottom: 1px solid rgba(255,255,255,0.05);
}




/* this adds the header without scroll too */
/*lcedit - changes the scroll down dark version of nav bg*/
/*3.13.17 - this could be causing the nav isssue, forcing the bgcolor instead of having the data- do it*/

.dark #header.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),
.dark #header.sticky-header.transparent-header #header-wrap:not(.not-dark),
.dark #header.transparent-header.floating-header .container,
.dark #header.transparent-header.floating-header.sticky-header .container,
#header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark),
#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark),
#header.dark.transparent-header.floating-header .container,
#header.dark.transparent-header.floating-header.sticky-header .container,
.dark .responsive-sticky-header #header-wrap,
.responsive-sticky-header.dark #header-wrap,
#header.dark.transparent-header  
{ 
  background-color: rgba(0,0,0,.7);  
}  

/*lcedit - fixes the refresh background color issue */
#header.master-nav.dark { 
  background: rgba(0,0,0,.6) !important;  
}  


  

.dark #header.full-header #header-wrap:not(.not-dark),
#header.full-header.dark #header-wrap:not(.not-dark) { 
  border-bottom-color: rgba(255,255,255,0.15); 
}

.dark #slider + #header.full-header #header-wrap:not(.not-dark),
#slider + #header.full-header.dark #header-wrap:not(.not-dark) { border-top-color: rgba(255,255,255,0.15); }

.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark),
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) { border-bottom-color: rgba(255,255,255,0.2); }

.dark #slider + #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark),
#slider + #header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) { border-top-color: rgba(255,255,255,0.2); }

.dark #header.semi-transparent,
.dark #header.semi-transparent.floating-header .container,
#header.dark.semi-transparent,
#header.dark.semi-transparent.floating-header .container { background-color: rgba(0,0,0,0.6); }

.dark #header.sticky-header.semi-transparent,
.dark #header.semi-transparent.floating-header,
.dark #header.semi-transparent.floating-header.sticky-header .container,
#header.dark.sticky-header.semi-transparent,
#header.dark.semi-transparent.floating-header,
#header.dark.semi-transparent.floating-header.sticky-header .container { background-color: transparent; }

.dark #header.semi-transparent.sticky-header #header-wrap,
#header.dark.semi-transparent.sticky-header #header-wrap { background-color: rgba(0,0,0,0.6); }

.dark #logo a { color: #CCC; }

.dark #header.full-header #header-wrap:not(.not-dark) #logo,
#header.full-header.dark #header-wrap:not(.not-dark) #logo { border-right-color: rgba(255,255,255,0.15); }

.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #logo,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #logo { border-right-color: rgba(255,255,255,0.2); }


.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li > a,
.overlay-menu #primary-menu.dark > ul > li > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > #overlay-menu-close,
.overlay-menu #primary-menu.dark > #overlay-menu-close,
.dark #header-wrap:not(.not-dark) #top-search a,
.dark #header-wrap:not(.not-dark) #top-cart a,
.dark #header-wrap:not(.not-dark) #side-panel-trigger a,
.dark #top-cart .top-cart-item-desc a,
body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
.dark #header-wrap:not(.not-dark) #top-search a:hover,
.dark #header-wrap:not(.not-dark) #top-cart a:hover,
.dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover,
.dark #header-wrap:not(.not-dark) #top-search form input {
  color: #EEE;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.dark #header.full-header #header-wrap:not(.not-dark) #primary-menu > ul,
#header.full-header.dark #header-wrap:not(.not-dark) #primary-menu > ul { border-right-color: rgba(255,255,255,0.15); }

.dark #header.transparent-header.full-header:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul,
#header.transparent-header.full-header.dark:not(.sticky-header) #header-wrap:not(.not-dark) #primary-menu > ul { border-right-color: rgba(255,255,255,0.2); }

.dark #header.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input,
#header.dark.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input { border-bottom-color: rgba(255,255,255,0.15) !important; }

.dark #header-wrap:not(.not-dark) #top-search form input::-moz-placeholder { color: rgba(255,255,255,0.6); }
.dark #header-wrap:not(.not-dark) #top-search form input:-ms-input-placeholder { color: rgba(255,255,255,0.6); }
.dark #header-wrap:not(.not-dark) #top-search form input::-webkit-input-placeholder { color: rgba(255,255,255,0.6); }

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li:hover a,
.dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li:hover a,
.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li.current a { color: #fff; }

.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
.overlay-menu #primary-menu.dark > ul > li:hover > a,
.overlay-menu #primary-menu.dark > ul > li.current > a { color: #008ab4 !important; }

.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
#primary-menu.dark ul ul,
#primary-menu.dark ul li .mega-menu-content {
  background-color: #008ab4;
  border-color: #666;
  border-top-color: #008ab4;
}

.dark.overlay-menu #primary-menu:not(.not-dark) ul,
.dark.overlay-menu #primary-menu:not(.not-dark) ul,
.overlay-menu #primary-menu.dark ul,
.overlay-menu #primary-menu.dark ul { background-color: rgba(0,0,0,0.9); }

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2,
#primary-menu.dark ul li .mega-menu-content.style-2 {
  border-color: transparent;
  border-top-color: #008ab4;
}

.dark #primary-menu:not(.not-dark) ul ul li,
#primary-menu.dark ul ul li { border-top-color: #3F3F3F; }

.dark #primary-menu:not(.not-dark) ul ul li:first-child,
#primary-menu.dark ul ul li:first-child { border-top: 0; }

.dark #primary-menu:not(.not-dark) ul ul a,
#primary-menu.dark ul ul a { color: #999 !important; }

.dark #primary-menu:not(.not-dark) ul ul li:hover > a,
#primary-menu.dark ul ul li:hover > a {
  background-color: rgba(0,0,0,0.1);
  color: #CCC !important;
}

.dark #primary-menu:not(.not-dark) ul ul > li.sub-menu > a,
.dark #primary-menu:not(.not-dark) ul ul > li.sub-menu:hover > a,
#primary-menu.dark ul ul > li.sub-menu > a,
#primary-menu.dark ul ul > li.sub-menu:hover > a { 
  background-image: url("../images/icons/submenu-dark.png"); }

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-2 > ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-3 > ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-4 > ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-5 > ul,
#primary-menu.dark ul li .mega-menu-content.col-2 > ul,
#primary-menu.dark ul li .mega-menu-content.col-3 > ul,
#primary-menu.dark ul li .mega-menu-content.col-4 > ul,
#primary-menu.dark ul li .mega-menu-content.col-5 > ul { border-left-color: #3F3F3F; }

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a,
#primary-menu.dark ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a,
#primary-menu.dark ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a {
  color: #BBB !important;
  background: transparent;
}

.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover,
#primary-menu.dark ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #DDD !important; }


.dark #primary-menu.style-2:not(.not-dark) { border-top-color: rgba(255,255,255,0.1); }

.dark #primary-menu.style-3:not(.not-dark) > ul > li:hover > a,
#primary-menu.dark.style-3 > ul > li:hover > a {
  color: #EEE;
  background-color: rgba(255,255,255,0.05);
}

.dark #primary-menu.style-3:not(.not-dark) > ul > li.current > a,
#primary-menu.dark.style-3 > ul > li.current > a { color: #EEE; }

.dark #primary-menu.style-5:not(.not-dark) > ul,
#primary-menu.dark.style-5 > ul { border-right-color: rgba(255,255,255,0.1); }

.dark #primary-menu.sub-title:not(.not-dark) ul li span,
#primary-menu.dark.sub-title ul li span { color: #999; }

.dark #primary-menu.sub-title:not(.not-dark) > ul > li:hover span,
.dark #primary-menu.sub-title:not(.not-dark) > ul > li.current span,
.dark #primary-menu.sub-title.style-2:not(.not-dark) > div > ul > li:hover span,
.dark #primary-menu.sub-title.style-2:not(.not-dark) > div > ul > li.current span,
#primary-menu.dark.sub-title > ul > li:hover span,
#primary-menu.dark.sub-title > ul > li.current span,
#primary-menu.dark.sub-title.style-2 > div > ul > li:hover span,
#primary-menu.dark.sub-title.style-2 > div > ul > li.current span { color: #EEE; }


.dark #top-cart .top-cart-content {
  background-color: #008ab4;
  border-color: #3F3F3F;
  border-top-color: #008ab4;
}

.dark .top-cart-title { border-bottom-color: #3F3F3F; }

.dark .top-cart-item { border-top-color: #3F3F3F; }

.dark .top-cart-item-image { border-color: #444; }

.dark .top-cart-item-image:hover { border-color: #008ab4; }

.dark .top-cart-item-desc a:hover { color: #008ab4 !important; }

.dark .top-cart-item-desc span.top-cart-item-price { color: #AAA; }

.dark .top-cart-item-desc span.top-cart-item-quantity { color: #888; }

.dark .top-cart-action { border-top-color: #3F3F3F; }

.dark .one-page-arrow,
.one-page-arrow.dark { color: #FFF; }


.dark.side-header #header {
  background-color: #008ab4;
  border-right-color: #3F3F3F;
}

.dark.side-header #logo:not(.nobottomborder):after,
.dark.side-header #primary-menu:not(.nobottomborder):after { border-bottom-color: #3F3F3F; }

.dark.side-header #primary-menu:not(.not-dark) > ul > li > a,
.dark.side-header #primary-menu ul ul li:hover > a { color: #DDD !important; }

.dark.side-header.open-header #header-trigger {
  background-color: rgba(0,0,0,0.3);
  color: #EEE;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.dark.side-header.side-header-right #header { border-left-color: #3F3F3F; }

.dark.side-header #primary-menu ul ul a { color: #AAA !important; }

.dark .slider-caption,
.dark .slider-caption h2 {
  color: #EEE;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.not-dark .slider-caption,
.not-dark .slider-caption h2 {
  color: #222;
  text-shadow: none;
}

.dark .ei-title h2,
.dark .ei-title h3,
.dark .ei-title h2 span,
.dark .ei-title h3 span {
  color: #EEE !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.not-dark .ei-title h2,
.not-dark .ei-title h3,
.not-dark .ei-title h2 span,
.not-dark .ei-title h3 span {
  color: #222 !important;
  text-shadow: none;
}

.dark #page-title {
  background-color: #008ab4;
  border-bottom-color: #3F3F3F;
}

.dark #page-title h1 { color: rgba(255,255,255,0.9) !important; }

.dark #page-title span { color: rgba(255,255,255,0.7); }

.dark .breadcrumb a { color: #BBB; }

.dark .breadcrumb a:hover { color: #EEE; }

.dark #page-title.page-title-pattern { background-image: url('../images/pattern2.png'); }


.dark #portfolio-filter { border-color: rgba(255,255,255,0.08); }

.dark #portfolio-filter li a {
  color: #999;
  border-left-color: rgba(255,255,255,0.08);
}

.dark #portfolio-filter li a:hover { color: #EEE; }

.dark #portfolio-shuffle {
  color: #999;
  border-color: rgba(255,255,255,0.08);
}

.dark #portfolio-filter li.activeFilter a,
.dark #portfolio-shuffle:hover { color: #FFF; }

.dark .portfolio-desc h3 a { color: #EEE; }

.dark .portfolio-desc h3 a:hover { color: #BBB; }

.dark .portfolio-desc span { color: #888; }

.dark .portfolio-desc span a { color: #888; }

.dark .portfolio-desc span a:hover { color: #CCC; }

.dark .portfolio-notitle .portfolio-desc {
  background-color: #008ab4;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.dark .portfolio-1 .portfolio-item { border-bottom-color: rgba(255,255,255,0.08); }

.dark .portfolio-1.portfolio-fullwidth .portfolio-desc { background-color: #008ab4; }

.dark .portfolio-overlay a {
  background-color: rgba(0,0,0,0.5);
  color: #FFF;
}

.dark .portfolio-overlay a:hover { background-color: rgba(0,0,0,0.7); }

.dark .ajax-modal-title {
  background-color: #008ab4;
  border-bottom-color: rgba(255,255,255,0.08);
}

.dark .portfolio-meta li { color: #999; }

.dark .portfolio-meta li span { color: #BBB; }

.dark .well .line { border-color: rgba(255,255,255,0.08); }

.dark #portfolio-navigation a { color: #BBB; }

.dark #portfolio-navigation a:hover { color: #EEE; }

.dark .entry { border-bottom-color: rgba(255,255,255,0.08); }

.dark .entry-title h2 a,
.dark .ipost .entry-title h3 a,
.dark .ipost .entry-title h4 a { color: #EEE; }

.dark .entry-title h2 a:hover,
.dark .ipost .entry-title h3 a:hover,
.dark .ipost .entry-title h4 a:hover { color: #BBB; }

.dark .entry-meta li {
  border-left-color: rgba(255,255,255,0.08);
  color: #888;
}

.dark .entry-meta li a { color: #888; }

.dark .entry-meta li a:hover { color: #CCC; }

.dark .entry-link { background-color: rgba(0,0,0,0.2); }

.dark .post-masonry-full .entry { border-color: rgba(255,255,255,0.08); }

.dark .timeline-border { border-left-color: rgba(255,255,255,0.1); }

.dark .post-timeline .entry-timeline {
  border-color: rgba(255,255,255,0.1);
  background-color: rgba(255,255,255,0.08);
  color: #AAA;
}

.dark .post-timeline .entry.entry-date-section span {
  border-color: rgba(255,255,255,0.1);
  background-color: #008ab4;
}

.dark .post-timeline .entry-timeline div.timeline-divider { border-top-color: rgba(255,255,255,0.1); }

.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider {
  border-color: #008ab4;
  color: #008ab4;
}

.dark .spost,
.dark .mpost { border-top-color: rgba(255,255,255,0.1); }

.dark .spost .entry-image a i,
.dark .mpost .entry-image a i {
  color: #CCC;
  background-color: rgba(0,0,0,0.2);
}

.dark .spost .entry-title h4 a,
.dark .mpost .entry-title h4 a { color: #BBB; }

.dark .spost .entry-title h4 a:hover,
.dark .mpost .entry-title h4 a:hover { color: #999; }

.dark .spost .entry-meta li,
.dark .mpost .entry-meta li { border-left-color: #666; }

.dark .spost .entry-meta li a,
.dark .mpost .entry-meta li a,
.dark .testimonial.twitter-scroll .testi-meta span a { color: #AAA; }

.dark .spost .entry-meta li a:hover,
.dark .mpost .entry-meta li a:hover,
.dark .testimonial.twitter-scroll .testi-meta span a:hover { color: #888; }

.dark #comments { border-top-color: rgba(255,255,255,0.08); }

.dark .commentlist { border-bottom-color: rgba(255,255,255,0.08); }

.dark .comment-wrap { border-color: rgba(255,255,255,0.08); }

.dark .comment-avatar {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.1);
}

.dark .comment-content .comment-author { color: #CCC; }

.dark .comment-content .comment-author a { color: #BBB; }

.dark .comment-content .comment-author a:hover { color: #EEE; }

.dark .review-comment-ratings { color: #CCC; }

.dark .comment-reply-link:hover { color: #888; }

.dark p.wp-caption-text { background-color: rgba(0,0,0,0.2); }


.dark .product-title h3 a,
.dark .single-product .product-title h2 a { color: #EEE; }

.dark .product-title h3 a:hover,
.dark .single-product .product-title h2 a:hover { color: #BBB; }

.dark .product-price { color: #BBB; }

.dark .product-overlay a {
  color: #EEE;
  background-color: rgba(0,0,0,0.8);
  border-right-color: rgba(255,255,255,0.15);
}

.dark .product-overlay a:last-child { border-right: 0; }

.dark .product-overlay a:hover { background-color: rgba(0,0,0,0.9); }

.dark .bothsidebar .product-1 .product { border-top-color: rgba(255,255,255,0.08); }


.dark .quantity .qty {
  border-left-color: rgba(255,255,255,0.08);
  border-right-color: rgba(255,255,255,0.08);
  background-color: rgba(0,0,0,0.2);
}

.dark .quantity .plus,
.dark .quantity .minus { background-color: rgba(0,0,0,0.2); }

.dark .quantity .plus:hover,
.dark .quantity .minus:hover { background-color: rgba(0,0,0,0.4); }

.dark .product-meta { color: #888; }

.dark .cart .remove { color: #BBB; }

.dark .cart .remove:hover { color: #EEE; }

.dark .cart th { color: #DDD; }

.dark .cart td { border-color: rgba(255,255,255,0.08) !important; }

.dark .cart-product-thumbnail img { border-color: rgba(0,0,0,0.2); }

.dark .cart-product-thumbnail img:hover { border-color: #008ab4; }

.dark .cart-product-name a,
.dark .product-name a { color: #EEE; }

.dark .cart-product-name a:hover,
.dark .product-name a:hover { color: #BBB; }

.dark td.actions { background-color: rgba(0,0,0,0.2); }

.dark .events .entry,
.dark .ievent {
  background-color: rgba(0,0,0,0.2);
  border-bottom-color: rgba(0,0,0,0.1);
}

.dark .countdown-section {
  color: #DDD;
  border-left-color: rgba(255,255,255,0.2);
}

.dark .countdown-amount,
.dark .rounded-skill { color: #EEE; }

.dark .button-dark:not(.button-border),
.dark .button:hover { background-color: rgba(0,0,0,0.3); }

.dark .button-dark:hover { background-color: #008ab4; }

.dark .button-light:not(.button-border):hover { background-color: #008ab4; }

.dark .button.button-border:not(.button-light) {
  border-color: rgba(255,255,255,0.4);
  color: rgba(255,255,255,0.5);
}

.dark .button.button-border:not(.button-light):hover { color: #EEE; }

.not-dark .button.button-border:not(.button-light) {
  border-color: #444;
  color: #008ab4;
}

.not-dark .button.button-border:not(.button-light):hover {
  background-color: #444;
  color: #FFF;
}

.dark .promo > span,
.dark .promo > .container > span { color: rgba(255,255,255,0.8); }

.dark .promo.promo-border { border-color: rgba(255,255,255,0.08); }

.dark .promo.promo-light { background-color: rgba(255,255,255,0.1); }

.dark .promo.promo-dark:not(.promo-flat) { background-color: rgba(0,0,0,0.3); }

.dark .feature-box h3 { color: #CCC; }

.dark .feature-box p { color: #888; }

.dark .feature-box.fbox-light.fbox-outline .fbox-icon { border-color: rgba(255,255,255,0.15); }

.dark .feature-box.fbox-light .fbox-icon i,
.dark .feature-box.fbox-light .fbox-icon img {
  border-color: rgba(255,255,255,0.1);
  background-color: rgba(255,255,255,0.1);
  color: #FFF;
}

.dark .feature-box.fbox-dark.fbox-outline .fbox-icon { border-color: rgba(255,255,255,0.15); }

.dark .feature-box.fbox-dark .fbox-icon i,
.dark .feature-box.fbox-dark .fbox-icon img { background-color: rgba(255,255,255,0.1); }

.dark .feature-box.fbox-border.fbox-light .fbox-icon,
.dark .feature-box.fbox-border.fbox-dark .fbox-icon { border-color: rgba(255,255,255,0.15); }

.dark .feature-box.fbox-border.fbox-light .fbox-icon i,
.dark .feature-box.fbox-border.fbox-light .fbox-icon img,
.dark .feature-box.fbox-border.fbox-dark .fbox-icon i,
.dark .feature-box.fbox-border.fbox-dark .fbox-icon img,
.dark .feature-box.fbox-plain.fbox-light .fbox-icon i,
.dark .feature-box.fbox-plain.fbox-light .fbox-icon img,
.dark .feature-box.fbox-plain.fbox-dark .fbox-icon i,
.dark .feature-box.fbox-plain.fbox-dark .fbox-icon img { color: #FFF; }

.dark .feature-box h3 span.subtitle { color: #AAA; }

.dark .feature-box.fbox-bg.fbox-center,
.dark .feature-box.media-box.fbox-bg .fbox-desc {
  background-color: #383838;
  border-color: rgba(255,255,255,0.1);
}

.dark .feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon,
.dark .feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon,
.dark .feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon { background-color: #383838 !important; }

.dark .feature-box.fbox-bg.fbox-center.fbox-light .fbox-icon i { background-color: #444 !important; }

.dark .fbox-effect .fbox-icon i:after { box-shadow: 0 0 0 2px #494949; }

.dark .fbox-effect .fbox-icon i:hover,
.dark .fbox-effect:hover .fbox-icon i { background-color: #494949; }

.dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #008ab4; }

.dark .fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #008ab4; }

.dark .fbox-border.fbox-effect .fbox-icon i:hover,
.dark .fbox-border.fbox-effect:hover .fbox-icon i { box-shadow: 0 0 0 1px #494949; }

.dark .fbox-border.fbox-effect .fbox-icon i:after { background-color: #494949; }

.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #008ab4; }

.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #008ab4; }

.dark .process-steps li .i-bordered { background-color: #494949; }

.dark .process-steps li:before,
.dark .process-steps li:after,
.dark .feature-box.fbox-center:not(.fbox-bg) h3:after { border-top-color: rgba(255,255,255,0.15); }

.dark .heading-block:not(.not-dark):after { border-top-color: rgba(255,255,255,0.4); }

.dark .style-msg2 { border-left: 4px solid rgba(0,0,0,0.3); }

.dark .style-msg .sb-msg,
.dark .style-msg2 .msgtitle,
.dark .style-msg2 .sb-msg { border-left-color: rgba(255,255,255,0.1); }


.dark .i-rounded,
.dark .i-circled,
.dark .i-bordered { background-color: #008ab4; }

.dark .i-bordered {
  border-color: #DDD;
  color: #DDD;
}

.dark .i-light {
  background-color: #F5F5F5;
  color: #444;
  text-shadow: none;
}

.dark .i-rounded:hover,
.dark .i-circled:hover {
  background-color: #008ab4;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.dark .i-bordered:hover {
  background-color: #444;
  color: #FFF;
  border-color: #444;
}

.dark .i-plain {
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.dark .i-plain:hover { color: #DDD; }

.dark .social-icon {
  color: #DDD !important;
  border-color: #DDD;
}

.dark #footer .social-icon.si-borderless,
#footer.dark .social-icon.si-borderless { color: #555 !important; }

.dark .si-dark {
  background-color: rgba(0,0,0,0.2);
  color: #DDD !important;
  border-color: transparent;
}

.dark .si-light {
  background-color: rgba(255,255,255,0.1);
  color: #EEE !important;
  border-color: transparent;
}

.dark .social-icon i:last-child { color: #FFF !important; }

.dark .social-icon:hover {
  color: #FFF !important;
  border-color: transparent;
}

.dark .si-share {
  border-top-color: rgba(255,255,255,0.1);
  border-bottom-color: rgba(255,255,255,0.1);
}


.dark .toggle .togglet,
.dark .toggle .toggleta { color: #CCC; }

.dark .toggle.toggle-bg .togglet,
.dark .toggle.toggle-bg .toggleta { background-color: rgba(0,0,0,0.2); }

.dark .toggle.toggle-border { border-color: rgba(255,255,255,0.15); }

.dark .faqs .toggle { border-bottom-color: rgba(255,255,255,0.1); }

.dark .acctitle,
.dark .acctitlec {
  color: #CCC;
  border-top-color: rgba(255,255,255,0.15);
}

.dark .accordion.accordion-bg .acctitle,
.dark .accordion.accordion-bg .acctitlec { background-color: rgba(0,0,0,0.2); }

.dark .accordion.accordion-border { border-color: rgba(255,255,255,0.1); }

.dark .accordion.accordion-border .acctitle,
.dark .accordion.accordion-border .acctitlec { border-color: rgba(255,255,255,0.15); }

.dark ul.tab-nav { border-bottom-color: #494949; }

.dark ul.tab-nav li,
.dark .tabs.tabs-alt ul.tab-nav li.ui-tabs-active a { border-color: #494949; }

.dark ul.tab-nav li:first-child { border-left-color: #494949; }

.dark ul.tab-nav li a {
  color: #DDD;
  background-color: rgba(0,0,0,0.15);
}

.dark .tabs.tabs-alt ul.tab-nav li a,
.dark ul.tab-nav li.ui-tabs-active a { background-color: #383838; }

.dark ul.tab-nav.tab-nav2 li a { background-color: rgba(0,0,0,0.2); }

.dark ul.tab-nav.tab-nav2 li.ui-state-active a { background-color: #008ab4; }

.dark .tabs-bordered .tab-container { border-color: #494949; }

.dark .side-tabs ul.tab-nav { border-right-color: #494949; }

.dark .side-tabs ul.tab-nav li { border-color: #494949; }

.dark .side-tabs ul.tab-nav li:first-child {
  border-top-color: #494949;
  border-left-color: #494949;
}

.dark .tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a { border-right-color: #383838; }

.dark .tabs-bordered.side-tabs .tab-container { border-top-color: #494949; }

.dark .sidenav { background-color: rgba(0,0,0,0.2); }

.dark .sidenav > li > a {
  border-color: #494949;
  color: #BBB;
}

.dark .sidenav > li > a:hover { background-color: rgba(0,0,0,0.3); }

.dark .faqlist li a { color: #CCC; }

.dark .clients-grid li:before,
.dark .testimonials-grid li:before { border-left-color: rgba(255,255,255,0.15); }

.dark .clients-grid li:after,
.dark .testimonials-grid li:after { border-bottom-color: rgba(255,255,255,0.15); }

.dark .testimonial {
  background-color: rgba(0,0,0,0.2);
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.dark .testimonial.twitter-scroll .testi-content p a { border-bottom: 1px dotted #AAA; }

.dark .testimonial.twitter-scroll .testi-content p a:hover { border-bottom: 1px solid #888; }

.dark .testimonial.twitter-scroll .testi-image i {
  background-color: rgba(0,0,0,0.2);
  color: #EEE;
  text-shadow: none;
}

.parallax.dark .testimonial .flex-control-nav {
  height: 8px;
  margin-top: 30px;
}

.parallax.dark .testimonial .flex-control-nav li {
  width: 8px;
  height: 8px;
  margin: 0 3px;
}

.parallax.dark .testimonial .flex-control-nav li a {
  width: 8px !important;
  height: 8px !important;
  border: 1px solid #FFF;
  background-color: transparent;
}

.parallax.dark .testimonial .flex-control-nav li:hover a,
.parallax.dark .testimonial .flex-control-nav li a.flex-active { background-color: #FFF; }

.dark .team-desc.team-desc-bg { background-color: rgba(255,255,255,0.05); }

.dark .team-content { color: #999; }

.dark .pricing-box {
  border-color: rgba(255,255,255,0.1);
  background-color: rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.dark .pricing-title {
  background-color: rgba(255,255,255,0.03);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
  border-bottom-color: rgba(255,255,255,0.1);
}

.dark .pricing-title h3 { color: #DDD; }

.dark .pricing-price { color: #EEE; }

.dark .pricing-price:after { border-top-color: rgba(255,255,255,0.1); }

.dark .pricing-features { border-bottom-color: rgba(255,255,255,0.1); }

.dark .pricing-box.best-price {
  background-color: transparent;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

.dark .pricing-box.best-price .pricing-title { background-color: transparent; }

.dark .pricing-box.pricing-minimal .pricing-price {
  background-color: transparent;
  border-bottom-color: rgba(255,255,255,0.1);
}

.dark .pricing-box.pricing-extended { background-color: transparent; }

.dark .pricing-box.pricing-extended .pricing-action-area {
  border-left-color: rgba(255,255,255,0.15);
  background-color: rgba(0,0,0,0.2);
}

.dark .pricing-box.pricing-extended .pricing-meta { color: #999; }

.dark .counter.counter-lined + h5:before { border-color: #EEE; }

.dark .easyPieChart { color: #EEE; }

.dark .skills li { background-color: rgba(255,255,255,0.15); }

.dark .skills li .progress-percent { background-color: #4E4E4E; }

.dark .progress-percent:after,
.dark .progress-percent:before { border-top-color: #4E4E4E; }

.dark .skills li > span {
  font-weight: 600;
  color: #CCC;
}

.dark .owl-carousel.owl-loading { background-image: url('../images/preloader-dark.gif'); }

.dark .owl-theme .owl-controls .owl-nav [class*=owl-] {
  border-color: transparent;
  color: #EEE;
  background-color: rgba(0,0,0,0.5);
}

.dark label { color: #BBB; }

.dark label.label-muted { color: #777; }

.dark #contact-form-overlay,
.dark #contact-form-overlay-mini { background-color: #383838; }

.dark .title-block > span { color: #999; }

.dark .heading-block:not(.not-dark),
.dark .counter { text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }

.dark .heading-block:not(.not-dark) h1,
.dark .heading-block:not(.not-dark) h2,
.dark .heading-block:not(.not-dark) h3,
.dark .heading-block:not(.not-dark) h4,
.dark .emphasis-title:not(.not-dark) h1,
.dark .emphasis-title:not(.not-dark) h2 { color: #FFF; }

.dark .heading-block.not-dark h1,
.dark .heading-block.not-dark h2,
.dark .heading-block.not-dark h3,
.dark .heading-block.not-dark h4,
.dark .emphasis-title.not-dark h1,
.dark .emphasis-title.not-dark h2 { color: #008ab4; }

.dark .heading-block:not(.not-dark) > span { color: #EEE; }

.dark .emphasis-title.not-dark { color: #444; }

.dark .fancy-title h1,
.dark .fancy-title h2,
.dark .fancy-title h3,
.dark .fancy-title h4,
.dark .fancy-title h5,
.dark .fancy-title h6 { background-color: #383838; }

.dark .fancy-title.title-double-border:before,
.dark .fancy-title.title-border:before,
.dark .fancy-title.title-border-color:before,
.dark .fancy-title.title-border:before { border-top-color: rgba(255,255,255,0.15); }

.dark .divider { color: rgba(255,255,255,0.15); }

.dark .divider:after,
.dark .divider.divider-center:before,
.dark .divider.divider-center.divider-short:before { border-top-color: rgba(255,255,255,0.1); }

.dark .divider.divider-rounded,
.dark .divider.divider-border { color: #999; }

.dark .divider.divider-rounded i,
.dark .divider.divider-border i { background-color: rgba(255,255,255,0.1); }

.dark .divider.divider-border i {
  background-color: transparent;
  border-color: rgba(255,255,255,0.15);
}

.dark .quote:before { color: rgba(255,255,255,0.1); }

.dark .highlight { background-color: rgba(0,0,0,0.2); }

.dark .top-advert {
  border-left-color: rgba(255,255,255,0.1);
  border-right-color: rgba(255,255,255,0.1);
}

.dark .error404 { color: rgba(255,255,255,0.15); }

.dark.error404-wrap .form-control::-webkit-input-placeholder { color: #888; }
.dark.error404-wrap .form-control::-moz-placeholder { color: #888; }
.dark.error404-wrap .form-control:-ms-input-placeholder { color: #888; }

.dark .preloader { background-color: rgba(0,0,0,0.2); }

.dark .preloader,
.dark .preloader2,
.dark .form-process { background-image: url('../images/preloader-dark.gif'); }

.dark .form-process { background-color: transparent; }

.dark .ribbon {
  background-color: #008ab4;}


#footer.dark,
.dark #footer {
  background-color: #2C2D2E;
  /*background-color: #005587;*/
  color: #CCC;
  border-top-color: rgba(0,0,0,0.2);
}

.dark #copyrights {
  background-color: rgba(0,0,0,0.2);
  color: rgba(255,255,255,0.25);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.dark #copyrights i.footer-icon { color: rgba(255,255,255,0.3); }

.dark .copyright-links a {
  color: rgba(255,255,255,0.25);
  border-bottom-color: rgba(255,255,255,0.25);
}

.dark .copyright-links a:hover {
  color: rgba(255,255,255,0.35);
  border-bottom-color: rgba(255,255,255,0.35);
}


.dark .footer-widgets-wrap a { color: #CCC; }

.dark .footer-widgets-wrap a:hover { color: #999; }

.dark .sidebar-widgets-wrap .widget,
body.dark #side-panel .widget,
body #side-panel.dark .widget { border-top-color: rgba(255,255,255,0.1); }

body #side-panel.not-dark .widget { border-top-color: rgba(0,0,0,0.1); }

body.dark #side-panel #side-panel-trigger-close a,
body #side-panel.dark #side-panel-trigger-close a {
  background-color: rgba(0,0,0,0.2);
  color: #FFF;
}
body #side-panel.not-dark #side-panel-trigger-close a {
  background-color: rgba(0,0,0,0.2);
  color: #008ab4;
}

.dark .widget h4 { color: #DDD; }

.dark .widget p { opacity: 0.8; }

.dark .tagcloud a {
  color: #999;
  border-color: transparent;
  background-color: rgba(0,0,0,0.2);
}

.dark .tagcloud a:hover {
  border-color: transparent !important;
  background-color: #008ab4;
  color: #FFF !important;
}

.dark .widget_recent_comments li { background-image: url("../images/icons/widget-comment-dark.png"); }

.dark .widget_nav_menu li a,
.dark .widget_links li a,
.dark .widget_meta li a,
.dark .widget_archive li a,
.dark .widget_recent_comments li a,
.dark .widget_recent_entries li a,
.dark .widget_categories li a,
.dark .widget_pages li a,
.dark .widget_rss li a {
  color: #CCC;
  background-image: url("../images/icons/widget-link-dark.png");
}

.dark .widget_nav_menu li a:hover,
.dark .widget_links li a:hover,
.dark .widget_meta li a:hover,
.dark .widget_archive li a:hover,
.dark .widget_recent_comments li a:hover,
.dark .widget_recent_entries li a:hover,
.dark .widget_categories li a:hover,
.dark .widget_pages li a:hover,
.dark .widget_rss li a:hover { color: #AAA; }


.dark .nav-tree li a { color: #BBB; }





























/* Dark Scheme - Bootstrap
-----------------------------------------------------------------*/

.dark .show-grid [class^=col-] {
  background-color: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.1);
}

.dark mark {
  background: rgba(0,0,0,0.5);
  color: #FFF;
}

.dark fieldset { border-color: rgba(255,255,255,0.1); }

.dark .img-thumbnail {
  background-color: rgba(0,0,0,0.2);
  border-color: rgba(255,255,255,0.1);
}

.dark hr { border-top-color: rgba(255,255,255,0.1); }

.dark .page-header { border-bottom-color: rgba(255,255,255,0.1); }

.dark blockquote { border-left-color: rgba(255,255,255,0.2); }

.dark .blockquote-reverse,
.dark blockquote.pull-right { border-right-color: rgba(255,255,255,0.2); }

.dark code {
  color: #DF6F72;
  background-color: rgba(0,0,0,0.3);
}

.dark kbd { background-color: rgba(255,255,255,0.1); }

.dark pre {
  color: #FFF;
  background-color: rgba(0,0,0,0.3);
  border-color: rgba(255,255,255,0.15);
}

.dark .table > thead > tr > th,
.dark .table > tbody > tr > th,
.dark .table > tfoot > tr > th,
.dark .table > thead > tr > td,
.dark .table > tbody > tr > td,
.dark .table > tfoot > tr > td { border-top-color: rgba(255,255,255,0.1); }

.dark .table > thead > tr > th { border-bottom-color: rgba(255,255,255,0.1); }

.dark .table > tbody + tbody { border-top-color: rgba(255,255,255,0.1); }

.dark .table .table { background-color: rgba(0,0,0,0.2); }

.dark .table-bordered { border-color: rgba(255,255,255,0.1); }

.dark .table-bordered > thead > tr > th,
.dark .table-bordered > tbody > tr > th,
.dark .table-bordered > tfoot > tr > th,
.dark .table-bordered > thead > tr > td,
.dark .table-bordered > tbody > tr > td,
.dark .table-bordered > tfoot > tr > td { border-color: rgba(255,255,255,0.1); }

.dark .table-striped > tbody > tr:nth-child(odd) > td,
.dark .table-striped > tbody > tr:nth-child(odd) > th,
.table-striped > tbody > tr:nth-child(odd) { background-color: rgba(0,0,0,0.05); }

.dark .table-hover > tbody > tr:hover > td,
.dark .table-hover > tbody > tr:hover > th { background-color: rgba(0,0,0,0.1); }

.dark .table > thead > tr > td.active,
.dark .table > tbody > tr > td.active,
.dark .table > tfoot > tr > td.active,
.dark .table > thead > tr > th.active,
.dark .table > tbody > tr > th.active,
.dark .table > tfoot > tr > th.active,
.dark .table > thead > tr.active > td,
.dark .table > tbody > tr.active > td,
.dark .table > tfoot > tr.active > td,
.dark .table > thead > tr.active > th,
.dark .table > tbody > tr.active > th,
.dark .table > tfoot > tr.active > th { background-color: rgba(0,0,0,0.1); }

.dark .table-hover > tbody > tr > td.active:hover,
.dark .table-hover > tbody > tr > th.active:hover,
.dark .table-hover > tbody > tr.active:hover > td,
.dark .table-hover > tbody > tr.active:hover > th { background-color: rgba(255,255,255,0.1); }

@media (max-width: 767px) {
  .table-responsive { border-color: rgba(255,255,255,0.1); }

  .page-menu-subheader.mini-banner #page-menu-wrap,
  .page-menu-subheader.mini-banner {
    height: 40px !important;
    
  }


  .img-info-overlay {
     
    bottom: 10px;
    right: 10px;
    max-width: 50%;
    border-radius: 5px; 
    padding: 10px; 
  }




}





.dark legend {
  color: #DDD;
  border-bottom-color: rgba(255,255,255,0.1);
}
.dark output { color: #999; }

.dark .form-control:not(.not-dark),
.dark .sm-form-control:not(.not-dark) {
  color: #008ab4;
  background-color: rgba(0,0,0,0.2);
  border-color: rgba(0,0,0,0.25);
}

.dark .form-control:not(.not-dark) option,
.dark .sm-form-control:not(.not-dark) option { background-color: #008ab4; }

.dark .form-control:not(.not-dark):active,
.dark .form-control:not(.not-dark):focus,
.dark .sm-form-control:not(.not-dark):active,
.dark .sm-form-control:not(.not-dark):focus {
  background-color: rgba(255,255,255,0.9);
  border-color: rgba(255,255,255,0.25) !important;
}

.dark .form-control:not(.not-dark)::-moz-placeholder { color: #111; }
.dark .form-control:not(.not-dark):-ms-input-placeholder { color: #111; }
.dark .form-control:not(.not-dark)::-webkit-input-placeholder { color: #111; }
.dark .sm-form-control:not(.not-dark)::-moz-placeholder { color: #111; }
.dark .sm-form-control:not(.not-dark):-ms-input-placeholder { color: #111; }
.dark .sm-form-control:not(.not-dark)::-webkit-input-placeholder { color: #111; }

.dark .form-control:not(.not-dark)[disabled],
.dark .form-control:not(.not-dark)[readonly],
.dark fieldset[disabled] .form-control:not(.not-dark),
.dark .sm-form-control:not(.not-dark)[disabled],
.dark .sm-form-control:not(.not-dark)[readonly],
.dark fieldset[disabled] .sm-form-control:not(.not-dark) { background-color: rgba(255,255,255,0.1); }

.dark .input-group .form-control.error:not(.not-dark) { color: #E42C3E; }

.dark .sm-form-control.error:not(.not-dark) { border-color: #E42C3E !important; }

.dark .form-control.error:not(.not-dark)::-moz-placeholder { color: rgba(228,44,62,0.6); }
.dark .form-control.error:not(.not-dark):-ms-input-placeholder { color: rgba(228,44,62,0.6); }
.dark .form-control.error:not(.not-dark)::-webkit-input-placeholder { color: rgba(228,44,62,0.6); }

.dark .btn:hover,
.dark .btn:focus { color: #FFF; }

.dark .btn-default {
  color: #FFF;
  background-color: rgba(0,0,0,0.2);
  border-color: rgba(255,255,255,0.15);
}

.dark .btn-default:hover,
.dark .btn-default:focus,
.dark .btn-default:active,
.dark .btn-default.active,
.dark .open .dropdown-toggle.btn-default {
  color: #FFF;
  background-color: rgba(0,0,0,0.3);
  border-color: rgba(255,255,255,0.2);
}

.dark .btn-default.disabled,
.dark .btn-default[disabled],
.dark fieldset[disabled] .btn-default,
.dark .btn-default.disabled:hover,
.dark .btn-default[disabled]:hover,
.dark fieldset[disabled] .btn-default:hover,
.dark .btn-default.disabled:focus,
.dark .btn-default[disabled]:focus,
.dark fieldset[disabled] .btn-default:focus,
.dark .btn-default.disabled:active,
.dark .btn-default[disabled]:active,
.dark fieldset[disabled] .btn-default:active,
.dark .btn-default.disabled.active,
.dark .btn-default[disabled].active,
.dark fieldset[disabled] .btn-default.active {
  color: #BBB;
  background-color: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.1);
}

.dark .btn-default .badge { background-color: rgba(255,255,255,0.1); }

.dark .btn-link:hover,
.dark .btn-link:focus { color: #EEE; }

.dark .dropdown-menu {
  background-color: #008ab4;
  border-color: #3F3F3F;
}

.dark .dropdown-menu .divider { background-color: rgba(255,255,255,0.1); }

.dark .dropdown-menu > li > a { color: #DDD; }

.dark .dropdown-menu > li > a:hover,
.dark .dropdown-menu > li > a:focus {
  color: #EEE;
  background-color: rgba(255,255,255,0.1);
}

.dark .input-group-addon,
.dark .input-group-btn .btn-default {
  color: #999;
  background-color: rgba(0,0,0,0.35);
  border-color: rgba(0,0,0,0.25);
}

.dark .input-group-btn .btn-default { color: #FFF; }

.dark .input-group-btn .btn-default:hover { background-color: rgba(0,0,0,0.30); }

.dark .nav > li > a:hover,
.dark .nav > li > a:focus,
.dark .nav .open > a,
.dark .nav .open > a:hover,
.dark .nav .open > a:focus { background-color: rgba(0,0,0,0.2); }

.dark .nav .nav-divider { background-color: rgba(255,255,255,0.1); }

.dark .nav-tabs { border-bottom-color: rgba(255,255,255,0.15); }

.dark .nav-tabs > li > a:hover {
  border-color: rgba(255,255,255,0.2);
  border-bottom: none;
}

.dark .nav-tabs.nav-justified > li > a:hover,
.dark .nav-tabs-justified > li > a:hover { border-bottom: 1px solid rgba(255,255,255,0.2); }

.dark .nav-tabs > li.active > a,
.dark .nav-tabs > li.active > a:hover,
.dark .nav-tabs > li.active > a:focus {
  color: #DDD;
  background-color: #383838;
  border: 1px solid rgba(255,255,255,0.2);
  border-bottom-color: #383838;
}

.dark .nav-tabs.nav-justified > .active > a,
.dark .nav-tabs.nav-justified > .active > a:hover,
.dark .nav-tabs.nav-justified > .active > a:focus { border-color: rgba(255,255,255,0.15); }

@media (min-width: 768px) {
  .dark .nav-tabs.nav-justified > li > a { border-bottom-color: rgba(255,255,255,0.15); }

  .dark .nav-tabs.nav-justified > .active > a,
  .dark .nav-tabs.nav-justified > .active > a:hover,
  .dark .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #383838; }
}

.dark .nav-tabs-justified > .active > a,
.dark .nav-tabs-justified > .active > a:hover,
.dark .nav-tabs-justified > .active > a:focus { border-color: rgba(255,255,255,0.15); }

@media (min-width: 768px) {
  .dark .nav-tabs-justified > li > a { border-bottom-color: rgba(255,255,255,0.15); }

  .dark .nav-tabs-justified > .active > a,
  .dark .nav-tabs-justified > .active > a:hover,
  .dark .nav-tabs-justified > .active > a:focus { border-bottom-color: #383838; }
}

.dark .navbar-default {
  background-color: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.1);
}

.dark .navbar-default .navbar-brand { color: #EEE; }

.dark .navbar-default .navbar-brand:hover,
.dark .navbar-default .navbar-brand:focus { color: #BBB; }

.dark .navbar-default .navbar-text { color: #999; }

.dark .navbar-default .navbar-nav > li > a { color: #BBB; }

.dark .navbar-default .navbar-nav > li > a:hover,
.dark .navbar-default .navbar-nav > li > a:focus {
  color: #EEE;
  background-color: transparent;
}

.dark .navbar-default .navbar-nav > .active > a,
.dark .navbar-default .navbar-nav > .active > a:hover,
.dark .navbar-default .navbar-nav > .active > a:focus {
  color: #EEE;
  background-color: rgba(0,0,0,0.25);
}

.dark .navbar-default .navbar-nav > .disabled > a,
.dark .navbar-default .navbar-nav > .disabled > a:hover,
.dark .navbar-default .navbar-nav > .disabled > a:focus { color: #999; }

.dark .navbar-default .navbar-toggle { border-color: rgba(255,255,255,0.15); }

.dark .navbar-default .navbar-toggle:hover,
.dark .navbar-default .navbar-toggle:focus { background-color: rgba(255,255,255,0.15); }

.dark .navbar-default .navbar-toggle .icon-bar { background-color: #BBB; }

.dark .navbar-default .navbar-collapse,
.dark .navbar-default .navbar-form { border-color: rgba(255,255,255,0.15); }

.dark .navbar-default .navbar-nav > .open > a,
.dark .navbar-default .navbar-nav > .open > a:hover,
.dark .navbar-default .navbar-nav > .open > a:focus {
  background-color: rgba(0,0,0,0.25);
  color: #EEE;
}

@media (max-width: 767px) {

  .page-cap .subtitle span{
    font-size: 200% !important;
  line-height: 120%;
  padding: 0 10px 10px 10px;}

  .hover-video img {
    margin: 0 0 20px 0;
  }

  .blog-grid-home .spost {
    margin:20px 10px;
  }


  .emphasis-title.title-home h1 {
    margin: 30px 10px 0 10px !important;
    font-size: 500% !important;
    line-height: 110% !important;
    font-weight: 300 !important;
  }
   
  .home-icons {
    margin: 0 0 0 -30px !important;
    padding: 0 !important;
  }

  .home-icons .feature-box.fbox-light h3 {
    font-size: 110% !important;
    line-height: 120% !important; 
  }

  .home-icons .feature-box {
    margin: 10px 0 !important;

  }





  .video-container-tight {padding: 20px;  }
  
  .video-container-tight a {
      text-align: center;
      margin: 0 auto;
  }
  .video-container-tight .share-icon-group a.fright   {
    float: none !important;
    display: inline-block;
    text-align: center !important;
    margin: 30px auto;
    font-size: 200%;
    border: none;
  }



.video-container-tight .video-action-bar a.button {
  float: none;
  text-align: center;
  margin: 0 auto; 
  display: block;   
  }


.video-container-tight .video-action-bar .share-icon-group a {
  float: none;  

}
.video-container-tight .video-action-bar .share-icon-group {
  padding: 10px 20px;
}




  .dark .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #BBB; }

  .dark .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .dark .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #EEE; }

  .dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .dark .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: rgba(0,0,0,0.25);
    color: #EEE;
  }

  .dark .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .dark .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .dark .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #999; }
}

.dark .navbar-default .navbar-link { color: #BBB; }

.dark .navbar-default .navbar-link:hover { color: #EEE; }

.dark .pagination > li > a,
.dark .pagination > li > span,
.dark .pager li > a,
.dark .pager li > span {
  color: #BBB;
  background-color: rgba(255,255,255,0.1);
  border-color: #666;
}

.dark .pagination > li > a:hover,
.dark .pagination > li > span:hover,
.dark .pagination > li > a:focus,
.dark .pagination > li > span:focus,
.dark .pager li > a:hover,
.dark .pager li > a:focus {
  color: #EEE;
  background-color: rgba(0,0,0,0.1);
}

.dark .pagination > .disabled > span,
.dark .pagination > .disabled > span:hover,
.dark .pagination > .disabled > span:focus,
.dark .pagination > .disabled > a,
.dark .pagination > .disabled > a:hover,
.dark .pagination > .disabled > a:focus,
.dark .pager .disabled > a,
.dark .pager .disabled > a:hover,
.dark .pager .disabled > a:focus,
.dark .pager .disabled > span {
  color: #999;
  background-color: rgba(255,255,255,0.2);
  border-color: #777;
}

.dark .label-default { background-color: rgba(255,255,255,0.2); }

.dark .label-default[href]:hover,
.dark .label-default[href]:focus { background-color: rgba(0,0,0,0.2); }

.dark .badge { background-color: rgba(255,255,255,0.2); }

.btn .badge { background-color: #FFF; }

.dark .jumbotron { background-color: rgba(255,255,255,0.15); }

.dark .thumbnail {
  background-color: rgba(255,255,255,0.15);
  border-color: rgba(255,255,255,0.1);
}

.dark .thumbnail .caption { color: #EEE; }

.dark .progress { background-color: rgba(255,255,255,0.15); }

.dark .list-group-item {
  background-color: rgba(0,0,0,0.2);
  border-color: #444;
}

.dark a.list-group-item { color: #BBB; }

.dark a.list-group-item .list-group-item-heading { color: #DDD; }

.dark a.list-group-item:hover,
.dark a.list-group-item:focus { background-color: rgba(255,255,255,0.05); }

.dark a.list-group-item.active,
.dark a.list-group-item.active:hover,
.dark a.list-group-item.active:focus {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.dark .list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

.dark a.list-group-item-success { color: #3c763d; }

.dark a.list-group-item-success:hover,
.dark a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

.dark a.list-group-item-success.active,
.dark a.list-group-item-success.active:hover,
.dark a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.dark .list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

.dark a.list-group-item-info { color: #31708f; }

.dark a.list-group-item-info:hover,
.dark a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

.dark a.list-group-item-info.active,
.dark a.list-group-item-info.active:hover,
.dark a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.dark .list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

.dark a.list-group-item-warning { color: #8a6d3b; }

.dark a.list-group-item-warning:hover,
.dark a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

.dark a.list-group-item-warning.active,
.dark a.list-group-item-warning.active:hover,
.dark a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.dark .list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

.dark a.list-group-item-danger { color: #a94442; }

.dark a.list-group-item-danger:hover,
.dark a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

.dark a.list-group-item-danger.active,
.dark a.list-group-item-danger.active:hover,
.dark a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.dark .panel { background-color: rgba(0,0,0,0.2); }

.dark .panel-footer {
  background-color: rgba(255,255,255,0.1);
  border-top-color: rgba(255,255,255,0.1);
}

.dark .panel > .panel-body + .table,
.dark .panel > .panel-body + .table-responsive { border-top-color: rgba(255,255,255,0.1); }

.dark .panel-group .panel-heading + .panel-collapse .panel-body { border-top-color: rgba(255,255,255,0.1); }

.dark .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgba(255,255,255,0.1); }

.dark .panel-default { border-color: rgba(255,255,255,0.15); }

.dark .panel-default > .panel-heading {
  color: #DDD;
  background-color: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.1);
}

.dark .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: rgba(255,255,255,0.15); }

.dark .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: rgba(255,255,255,0.15); }

.dark .well {
  background-color: rgba(0,0,0,0.2);
  border-color: rgba(255,255,255,0.15);
}

.dark .well blockquote { border-color: rgba(255,255,255,0.15); }

.dark .close {
  opacity: 1;
  color: rgba(0,0,0,0.15);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.dark .close:hover,
.dark .close:focus {
  color: rgba(0,0,0,0.4);
}

.dark .modal-content { border-color: #555; }

.dark .modal-header { border-bottom-color: rgba(255,255,255,0.15); }

.dark .modal-footer { border-top-color: rgba(255,255,255,0.15); }

.dark .popover {
  background-color: #008ab4;
  border-color: #494949;
}
.dark .popover-title {
  background-color: rgba(255,255,255,0.1);
  border-bottom-color: rgba(255,255,255,0.075);
}
.dark .popover.top > .arrow { border-top-color: #494949; }

.dark .popover.top > .arrow:after { border-top-color: #008ab4; }

.dark .popover.right > .arrow { border-right-color: #494949; }

.dark .popover.right > .arrow:after { border-right-color: #008ab4; }

.dark .popover.bottom > .arrow { border-bottom-color: #494949; }

.dark .popover.bottom > .arrow:after { border-bottom-color: #008ab4; }

.dark .popover.left > .arrow { border-left-color: #494949; }

.dark .popover.left > .arrow:after { border-left-color: #008ab4; }


@media (max-width: 991px) {


img.footer-logo { width: 50%; }


  .video-container-tight {padding: 20px;  }


  .dark .postcontent,
  .dark .postcontent.bothsidebar,
  .dark .sidebar { border-bottom-color: rgba(255,255,255,0.1); }

  .dark #header.transparent-header,
  .dark #header.semi-transparent,
  #header.dark.transparent-header,
  #header.dark.semi-transparent {
    background-color: #008ab4;
    border-bottom-color: rgba(255,255,255,0.1);
  }

  .dark #primary-menu:not(.not-dark) ul li,
  .dark #primary-menu:not(.not-dark) ul ul,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
  .dark #primary-menu:not(.not-dark) ul ul li,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content ul ul,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-2 > ul,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-3 > ul,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-4 > ul,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.col-5 > ul,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2 li { border-top-color: rgba(255,255,255,0.1) !important; }

  .dark #primary-menu:not(.not-dark) > ul > li.sub-menu > a,
  .dark #primary-menu:not(.not-dark) > .container > ul > li.sub-menu > a { 
    background-image: url("../images/icons/submenu-dark.png"); }

  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul li,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content ul ul,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-2 > ul,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-3 > ul,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-4 > ul,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.col-5 > ul,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul li .mega-menu-content.style-2 li { border-top-color: #EEE !important; }

  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { color: #008ab4 !important; }

  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current ul a,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a,
  body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a  { color: #444 !important; }

  .dark .pricing-box.pricing-extended .pricing-action-area { border-top-color: rgba(255,255,255,0.15); }

}













/* ----------------------------------------------------------------
    Our Font
-----------------------------------------------------------------*/





@font-face {
    font-family: 'Proxima Nova';
    src: url('https://vlocity.com/css/fonts/proximanova-regular-webfont.eot');
    src: local('?'), url('https://vlocity.com/css/fonts/proximanova-regular-webfont.woff') format('woff'), url('https://vlocity.com/css/fonts/proximanova-regular-webfont.ttf') format('truetype'), url('https://vlocity.com/css/fonts/proximanova-regular-webfont#ProximaNovaBlRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Proxima Nova';
    src: url('https://vlocity.com/css/fonts/proximanova-black-webfont.eot');
    src: local('?'), url('https://vlocity.com/css/fonts/proximanova-black-webfont.woff') format('woff'), url('https://vlocity.com/css/fonts/proximanova-black-webfont.ttf') format('truetype'), url('https://vlocity.com/css/fonts/proximanova-black-webfont#ProximaNovaBlRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('https://vlocity.com/css/fonts/proximanova-semibold-webfont.eot');
    src: local('?'), url('https://vlocity.com/css/fonts/proximanova-semibold-webfont.woff') format('woff'), url('https://vlocity.com/css/fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('https://vlocity.com/css/fonts/proximanova-semibold-webfont#proxima_nova_ltbold') format('svg');
    /*font-weight: bold;*/
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('https://vlocity.com/css/fonts/proximanova-extrabold-webfont.eot');
    src: local('?'), url('https://vlocity.com/css/fonts/proximanova-extrabold-webfont.woff') format('woff'), url('https://vlocity.com/css/fonts/proximanova-extrabold-webfont.ttf') format('truetype'), url('https://vlocity.com/css/fonts/proximanova-extrabold-webfontt#proxima_nova_thbold') format('svg');
    font-style: normal;
}

@font-face {
     font-family: 'Proxima Nova';
     src: url('https://vlocity.com/css/fonts/proximanova-light-webfont.eot');
     src: url('https://vlocity.com/css/fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('https://vlocity.com/css/fonts/proximanova-light-webfont.woff') format('woff'),
     url('https://vlocity.com/css/fonts/proximanova-light-webfont.ttf') format('truetype'),
     url('https://vlocity.com/css/fonts/proximanova-light-webfont.svg#proxima_nova_ltregular') format('svg');
     font-weight: normal;
     font-style: normal;
}












body,
small,
#primary-menu ul ul a,
.wp-caption,
.feature-box.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.nav-tree ul ul a { font-family: 'Proxima Nova', sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6,
#logo,
#primary-menu ul li a,
#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a,
#top-search form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.counter,
label,
.nav-tree li a{ font-family: 'Proxima Nova', sans-serif; }

.entry-meta li,
.entry-link span,
.entry blockquote p,
.more-link,
.comment-content .comment-author span,
.button.button-desc span,
.testi-content p,
.team-title span,
.before-heading { font-family: 'Proxima Nova', serif; }


/* ----------------------------------------------------------------
    Font Specific Settings here
-----------------------------------------------------------------*/


body { line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    line-height: 1.5;
}

#logo {
    font-size: 36px;
    line-height: 100%;
}

#primary-menu ul li a {
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#primary-menu ul ul a {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
}

#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
}

#top-search form input {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
}

.entry-meta li {
    font-size: 13px;
    line-height: 14px;
    font-style: italic;
}

.entry-link {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 24px;
    font-weight: 700;
}

.entry-link span {
    font-style: italic;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
}

.entry blockquote p {
    font-weight: 400;
    font-style: italic;
}

.entry.entry-date-section span {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.more-link { font-style: italic; }

.comment-content .comment-author span {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

.wp-caption { font-style: italic; }

.button.button-desc {
    font-size: 22px;
    line-height: 1;
}

.feature-box.fbox-center.fbox-italic p { font-style: italic; }

.testi-content p { font-style: italic; }

.team-title span {
    font-weight: 400;
    font-style: italic;
    font-size: 15px;
}

.counter {
    font-size: 42px;
    font-weight: 600;
}

.skills li .progress-percent .counter { font-weight: 400; }

label {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.before-heading {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}





/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background: url('../images/preloader-dark.gif') center center no-repeat;
  text-align: center;
  margin-top: -12px;
  margin-left: -12px;
  z-index: 1044;
  text-indent: -9999px;
}
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }



/*lcedit - hiding the close icon  */

.mfp-close {
  display: none !important;   /*hiding the icon */
  width: 64px;
  height: 64px;
  line-height: 64px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 90px;
  font-family: 'Proxima Nova', Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);*/
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);*/
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }



/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}