@charset "UTF-8";

/*
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(http://fonts.googleapis.com/css?family=Raleway:100,300,800);
*/
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);


/*FROM #ed1936 to #E65F56*/

#ctf .ctf-tweet-content, #ctf .ctf-tweet-actions, #ctf .ctf-author-box, #ctf .ctf-context {
    margin-left: 0;
}
#ctf{
    background-color: #FFF;
}
#ctf #ctf-more {
    background-color: #E65F56;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    width: 40px;
    margin: 0 auto;
}

#ctf .ctf-item {
    padding: 15px;
    padding-left: 62px;
}
.temoignages-slider .vc_images_carousel {
    height: 630px;
    text-align: center;
}
.temoignages-slider .vc_images_carousel .vc_item{
    align-items: center;
    display: flex;
    justify-content: center;
}

.temoignages-slider .vc_images_carousel .vc_item img{
    width: 100%;
    max-width: 520px;
}
.temoignages-slider .vc_images_carousel .vc_carousel-control .icon-next, .temoignages-slider .vc_images_carousel .vc_carousel-control .icon-prev {
    width: 30px;
    height: 30px;
  
}
.temoignages-slider .vc_images_carousel .vc_carousel-control .icon-next::before, .temoignages-slider .vc_images_carousel .vc_carousel-control .icon-prev::before {
    top: -12px;
}
.temoignages-slider .vc_images_carousel .vc_carousel-control.vc_left {
    left: -55px;
}
.temoignages-slider .vc_images_carousel .vc_carousel-control.vc_right {
    right: -45px;
}

/******************************************************************

Site Name: Nexus HTML Template
Author: http://edmundreed.co.uk

One Nexus Framework by Edmund Reed 
http://onenexusproject.com

******************************************************************/

/******************************************************************
Skeleton
******************************************************************/

/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */

.activehide{opacity:0;} 
 
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */

[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */



/*
 * Addresses margins handled incorrectly in IE6/7.
 */

body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
  outline: none;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */

body h1 {
  font-size: 38px;
  line-height: 42px;
  font-weight: normal;
  margin: 15px 0;
}

body h2 {
    margin: 0.83em 0;
    font-size: 32px;
    line-height: 35px;
    font-weight: normal;
}

body h3, body h4 {
  
    font-weight: normal;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome.
 */

dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE6/7.
 */

p,
pre {
  margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */



/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE6/7.
 */

q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in S4.
 */

q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7.
 */

dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7.
 */

menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9.
 */

svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */

figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7.
 */

form {
  margin: 0;
}


.clear{
    clear: both;
}
/*
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */

button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******************************************************************
CUSTOMIZED RESET VALUES
******************************************************************/

b,
strong,
.strong {
  font-weight: bold;
}

dfn,
em,
.em {
  font-style: italic;
}

small,
.small {
  font-size: 75%;
}

dd {
  margin: 0;
}

/* Variables
================================================================ */

/******************************************************************
Skeleton
******************************************************************/

/******************************************************************
Breakpoints
******************************************************************/

/******************************************************************
Typography
******************************************************************/

/* Fonts */

/* Font Sizes */

/******************************************************************
Color Palette
******************************************************************/

/******************************************************************
Theming
******************************************************************/

/* Base
================================================================ */

html,
body {
  padding: 0;
  margin: 0;
}

html {
  overflow-x: hidden;
        max-width: 100%;

}

body {
  line-height: 1.4;
  color: #111111;
  background-color: #fff;
  font-size: 15px;
    overflow-x: hidden;
    max-width: 100%;
}

.container {
  width: 1200px;
  max-width: 90%;
  margin: 0 auto;
}

#s-welcome .container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

#s-welcome .nav-carousel .nav-prev{
	left: 0rem;
}

#s-welcome .nav-carousel .nav-next{
	right: 0rem;
}

#s-welcome .nav-carousel .nav-next:hover i,
#s-welcome .nav-carousel .nav-next i:hover,
#s-welcome .nav-carousel .nav-prev:hover i,
#s-welcome .nav-carousel .nav-prev i:hover{
	background: transparent;
}


.small-container {
  width: 960px;
}

.row {
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
  text-rendering: optimizespeed;
}

.opera-only :-o-prefocus,
.row {
  word-spacing: -0.43em;
}

* {
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
p,
ul,
ol,
dd,
figure,
pre,
table,
fieldset,
legend,
hr {
  margin: 1.5rem 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
hgroup:first-child,
p:first-child,
ul:first-child,
ol:first-child,
dd:first-child,
figure:first-child,
pre:first-child,
table:first-child,
fieldset:first-child,
legend:first-child,
hr:first-child {
  margin-top: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
hgroup:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dd:last-child,
figure:last-child,
pre:last-child,
table:last-child,
fieldset:last-child,
legend:last-child,
hr:last-child {
  margin-bottom: 0;
}

p,
ul,
ol {
  font-weight: 300;
}

.site-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 10;
}

::selection {
  color: #fff;
  text-shadow: none;
    background-color: #E65F56;
}

::-moz-selection {
  color: #fff;
  text-shadow: none;
    background-color: #E65F56;
}

/* Grid System
================================================================ */

/******************************************************************
Individual Column
******************************************************************/

[class*="span"] {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /* IE < 8: fake inline-block */
  vertical-align: top;
  margin-left: 4%;
}

[class*="span"]:first-child {
  margin-left: 0;
}

/******************************************************************
Custom Column Grid
******************************************************************/

.span-1 {
  width: 4.66667%;
}

.span-2 {
  width: 13.33333%;
}

.span-3 {
  width: 22%;
}

.span-4 {
  width: 30.66667%;
}

.span-5 {
  width: 39.33333%;
}

.span-6 {
  width: 48%;
}

.span-7 {
  width: 56.66667%;
}

.span-8 {
  width: 65.33333%;
}

.span-9 {
  width: 74%;
}

.span-10 {
  width: 82.66667%;
}

.span-11 {
  width: 91.33333%;
}

.span-12 {
  width: 100%;
}

.row {
  /******************************************************************
  Default Column Stacking
  ******************************************************************/
  /******************************************************************
  Custom Column Stacking
  ******************************************************************/
  /******************************************************************
  Block Columns
  ******************************************************************/
}

.pad-top-bot {
    padding: 40px 0;
}
@media all and (max-width: 600px){
	#s-welcome .welcome-titles,
	.welcome-titles {
	  padding-bottom: 200px !important;
	}
    .temoignages-slider{
        margin: 0 -30px;
    }
    
    
    .temoignages-slider .vc_images_carousel {
        height: 450px;
    }
}


@media (max-width: 500px) {
	#s-welcome .welcome-titles,
	.welcome-titles {
	  padding-bottom: 200px !important;
	}
    .temoignages-slider .vc_images_carousel {
        height: 400px;
    }
}

@media (max-width: 850px) {
	.widget.service{margin-bottom:60px !important;}
	.price-chart-container{margin-bottom:100px !important;}
}

@media (max-width: 940px) {
  .row:not([class*="bp"]) > [class*="span"] {
    margin-left: 0;
    width: 100%;
  }

  .row:not([class*="bp"]).block-columns > [class*="span"] {
    display: inline-block;
  }
  
	.nav-trigger.flyout-trigger {
	  top: 3em !important;
	}

	
}

@media (max-width: 700px) {
	.welcome-titles {
	  padding-bottom: 100px !important;
	  display:inline-block;
	}
	
	.clients-slider a img, .section.clients .client-logos a img {
	  top: 0 !important;	  
	}
		
	.price-chart-container{margin-bottom:100px !important;}
	
}

@media (max-width: 800px) {	
	.row.block-columns{width:100% !important;}
	.nexus-internal .header-wrapper{border:none !important;}
}

@media (max-width: 460px) {

	.clients-slider a img, .section.clients .client-logos a img {
		transform: translateY(0px) !important;
		max-width:100%;
		height:auto;
	}
	
	.clients-slider a, .section.clients .client-logos a {
	  max-width: 100%;
	}	
	
}

@media (max-width: 1100px) {
	.wcu-content .wcu-features.nexus-wcu-features {
	  position: relative !important;
	}
	
	.why-choose-us .wcu-feature {
	  float: none !important;
	  width: 100% !important;
	}
	
	.why-choose-us .wcu-feature.wcu-right,
	.why-choose-us .wcu-feature.wcu-left{
		padding-right:0 !important;
		padding-left:0 !important;
		display:inline-block;
	}
	
	.wcu-feature .widget-content{width:100% !important;}	
	.why-choose-us .wcu-feature::after{border-bottom:none !important;}

	.nexus-testimonials-slider.nav-carousel [class*="nav-"] {
	  top: 15% !important;
	}	
	
}

@media (max-width: 0px) {
  .row.bp0 [class*="span"] {
    margin-left: 0;
    width: 100%;
  }

  .row.bp0.block-columns > [class*="span"] {
    display: inline-block;
  }
}

@media (max-width: 460px) {
  .row.bp1 [class*="span"] {
    margin-left: 0;
    width: 100%;
  }

  .row.bp1.block-columns > [class*="span"] {
    display: inline-block;
  }
}

@media (max-width: 720px) {
  .row.bp2 [class*="span"] {
    margin-left: 0;
    width: 100%;
  }

  .row.bp2.block-columns > [class*="span"] {
    display: inline-block;
  }
}

@media (max-width: 940px) {
  .row.bp3 [class*="span"] {
    margin-left: 0;
    width: 100%;
  }

  .row.bp3.block-columns > [class*="span"] {
    display: inline-block;
  }
}

@media (max-width: 1200px) {
  .row.bp4 [class*="span"] {
    margin-left: 0;
    width: 100%;
  }

  .row.bp4.block-columns > [class*="span"] {
    display: inline-block;
  }
}

@media (max-width: 1400px) {
  .row.bp5 [class*="span"] {
    margin-left: 0;
    width: 100%;
  }

  .row.bp5.block-columns > [class*="span"] {
    display: inline-block;
  }
}

.row.block-columns {
  display: inline-block;
  width: 25%;
  margin-bottom:-5px !important;
}

.wpb_tour_next_prev_nav {display: none;}
.vc_toggle_title > h4 {
  font-size: 16px;
  font-weight: 300;
}
.vc_toggle_title {
  border: 1px solid #ddd;
  padding: 9px 25px !important;
}
.vc_toggle {
  margin-bottom: 6px !important;
}
.vc_toggle_content {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #999;
  font-family: inherit;
  margin: -1px 0 0;
  padding: 20px !important;
}
.row.block-columns > [class*="span"] {display: table-cell;}

/* Helper Classes
================================================================ */

/******************************************************************
Visibility
******************************************************************/

.hidden {
  display: none !important;
  visibility: hidden;
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible,
body .cp-nav-container .logo,
body .cp-nav-container > ul,
body .cp-nav-container > ul > li > ul,
body .cp-nav-container .main-search,
body .cp-nav-container .copyright {
  opacity: 0 !important;
  visibility: hidden !important;
}

.visible,
body .cp-nav-container > ul li:hover > ul,
body.cp-active .cp-nav-container .logo,
body.cp-active .cp-nav-container > ul,
body.cp-active .cp-nav-container .main-search,
body.cp-active .cp-nav-container .copyright,
body.cp-active .cp-trigger {
  opacity: 1 !important;
  visibility: visible !important;
}

/******************************************************************
Element Seperators
******************************************************************/

/******************************************************************
Clearfix
******************************************************************/

.clearfix,
.cf,
form fieldset,
.block-list,
.metro-blocks,
.post-author,
.comments .comment,
.portfolio-items,
.section.banner .container {
  zoom: 1;
}

.clearfix:before,
.clearfix:after,
.cf:before,
form fieldset:before,
.block-list:before,
.post-author:before,
.comments .comment:before,
.portfolio-items:before,
.section.banner .container:before,
.cf:after,
form fieldset:after,
.block-list:after,
.post-author:after,
.comments .comment:after,
.portfolio-items:after,
.section.banner .container:after {
  content: "";
  display: table;
}

.clearfix:after,
.cf:after,
form fieldset:after,
.block-list:after,
.metro-blocks:after,
.post-author:after,
.comments .comment:after,
.portfolio-items:after,
.section.banner .container:after {
  clear: both;
}

/******************************************************************
Column Vertical Align
******************************************************************/

.va-top {
  vertical-align: top !important;
}

.va-middle {
  vertical-align: middle !important;
}

.va-bottom {
  vertical-align: bottom !important;
}

/******************************************************************
Margin/Padding
******************************************************************/

.no-m {
  margin: 0 !important;
}

.no-mt {
  margin-top: 0 !important;
}

.no-mb {
  margin-bottom: 0 !important;
}

/******************************************************************
Vertically Align Anything
******************************************************************/

.clients-slider a img,
.section.clients .client-logos a img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/******************************************************************
Horizontal Rules
******************************************************************/

hr.line {
  color: rgba(0, 0, 0, 0.2);
  margin: 1.5rem 0;
}

hr.dotted {
  color: rgba(0, 0, 0, 0.2);
  border-top: 1px dotted;
  margin: 4rem 0;
}

hr.stripes {
  width: 100%;
  height: 10px;
  background-image: url(../../images/stripe-overlay.png);
  background-repeat: repeat;
  opacity: 0.3;
  border: none;
  margin: 1rem 0;
}

hr.large {
  margin: 6rem 0;
}

/******************************************************************
Horizontal Aligning
******************************************************************/

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
    float: none !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

/******************************************************************
Responsive Visibility
******************************************************************/

/* Show only when resolution is at most X
================================================================ */

@media (min-width: 0px) {
  .max-bp0 {
    display: none !important;
  }
}

@media (min-width: 460px) {
  .max-bp1 {
    display: none !important;
  }
}

@media (min-width: 720px) {
  .max-bp2 {
    display: none !important;
  }
}

@media (min-width: 940px) {
  .max-bp3 {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .max-bp4 {
    display: none !important;
  }
}

@media (min-width: 1400px) {
  .max-bp5 {
    display: none !important;
  }
}

/* Show only when resolution is at least X
================================================================ */

@media (max-width: 0px) {
  .min-bp0 {
    display: none !important;
  }
}

@media (max-width: 460px) {
  .min-bp1 {
    display: none !important;
  }
}

@media (max-width: 720px) {
  .min-bp2 {
    display: none !important;
  }
}

@media (max-width: 940px) {
  .min-bp3 {
    display: none !important;
  }
}

@media (max-width: 1200px) {
  .min-bp4 {
    display: none !important;
  }
}

@media (max-width: 1400px) {
  .min-bp5 {
    display: none !important;
  }
}

/* Print Styles
================================================================ */

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }

  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }

  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

@page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}

/******************************************************************
Elements
******************************************************************/

/* Accordions
================================================================ */

.accordion {
  margin-bottom: 1.5rem;
}

.accordion > * {
  margin: 0;
  background: transparent;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.accordion > * > *:first-child {
  padding: 1.5rem 1.5rem 1rem;
  margin: 0;
  cursor: pointer;
  font-weight: 400;
  line-height: 1;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: block;
}

.accordion > * > *:first-child:before {
  content: "\f138";
  font-family: FontAwesome;
  opacity: 0.4;
  color: #707070;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-right: 0.5rem;
}

.accordion > * > *:first-child ~ * {
  display: none;
  padding: 0 1.5rem 1.5rem;
  margin: 0;
}

.accordion > * > *:first-child ~ * *:last-child {
  margin-bottom: 0;
}

.accordion > *:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.accordion > *:hover,
.accordion > *.active {
  background: rgba(255, 255, 255, 0.65);
}

.accordion > *:hover > *:first-child:before,
.accordion > *.active > *:first-child:before {
  opacity: 1;
}


.accordion > *.active > *:first-child:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* Alert Bars
================================================================ */

.alert-help,
.alert-info,
.alert-danger,
.alert-success {
  padding: 0.85em;
  border: 1px solid;
  font-size: 0.9rem;
  border-radius: 0.25em;
  font-weight: lighter;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.alt.alert-help,
.alt.alert-info,
.alt.alert-danger,
.alt.alert-success {
  border-left: 6px solid;
  border-radius: 0;
  position: relative;
}

.alt.alert-help *,
.alt.alert-info *,
.alt.alert-danger *,
.alt.alert-success * {
  position: relative;
  z-index: 1;
}

.alt.alert-help *:first-child:not(:last-child),
.alt.alert-info *:first-child:not(:last-child),
.alt.alert-danger *:first-child:not(:last-child),
.alt.alert-success *:first-child:not(:last-child) {
  margin-bottom: 0.5rem;
}

.alt.alert-help p,
.alt.alert-info p,
.alt.alert-danger p,
.alt.alert-success p {
  margin: 0;
}

.alt.alert-help:before,
.alt.alert-info:before,
.alt.alert-danger:before,
.alt.alert-success:before,
.alt.alert-help:after,
.alt.alert-info:after,
.alt.alert-danger:after,
.alt.alert-success:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}

.alt.alert-help:before,
.alt.alert-info:before,
.alt.alert-danger:before,
.alt.alert-success:before {
  background: rgba(0, 0, 0, 0.1);
}

.alt.alert-help:after,
.alt.alert-info:after,
.alt.alert-danger:after,
.alt.alert-success:after {
  background: rgba(255, 255, 255, 0.6);
}

.alert-help a,
.alert-info a,
.alert-danger a,
.alert-success a {
  color: inherit;
  border-bottom: 1px dotted;
}

.alert-help a:hover,
.alert-info a:hover,
.alert-danger a:hover,
.alert-success a:hover {
  text-decoration: none;
}

.alert-help .fa,
.alert-info .fa,
.alert-danger .fa,
.alert-success .fa {
  position: absolute;
  color: inherit;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.alert-help {
  background: #eee8cb !important;
  color: #9b8a38;
}

.alert-info {
  background: #bed6e1 !important;
  color: #5d7f8f;
}

.alert-danger {
  background: #e3d6d6 !important;
  color: #b07070;
}

.alert-success {
  background: #cfe1be !important;
  color: #768f5d;
}

/* Buttons
================================================================ */

.button {
  /******************************************************************
  Basic Structure
  ******************************************************************/
  background: #707070;
  display: inline-block;
  padding: 0 1.25em;
  color: white;
  cursor: pointer;
  text-decoration: none;
  line-height: 2.4;
  border: 2px solid transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  /******************************************************************
  Size Variants
  ******************************************************************/
  /******************************************************************
  Style Variants
  ******************************************************************/
  /******************************************************************
  Color Variants
  ******************************************************************/
  /* Brand Colors */
}

.button:hover {
  background: #575757;
  border-color: transparent;
}

.button .fa {
  margin-right: 0.2em;
}

.button.small {
  font-size: 0.8em;
}

.button.large {
  font-size: 1.2rem;
}

.button.border {
  background: none;
  border: 2px solid;
  color: #111111;
}

.button.disabled {
  opacity: 0.6;
  cursor: default;
  -webkit-transition-delay: 999s;
  transition-delay: 999s;
}

.button.full-width {
  width: 100%;
  text-align: center;
  padding: 0.4em;
}

.button.round {
  border-radius: 1.5em;
  margin-right:0.5em;
  margin-bottom:10px;
}


.button.brand-2 {
  background: #3d5c6d;
}

.button.brand-2:hover {
  background: #2b404c;
}

.button-set .button {
  margin-left: 0.5em;
}

.button-set .button:first-child {
  margin-left: 0;
}

.button-set .text-div {
  margin: 0 0.5rem;
}

.button-set a:not([class*="button"]) {
  border-bottom: 1px dotted;
  color: #111111;
}


button,
button .fa {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* Makes input, button and .button elements equal height in Firefox */

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: 1px;
  margin-bottom: 1px;
}

/* Blockquotes
================================================================ */

blockquote {
  margin: 0;
  border: 0;
  position: relative;
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

blockquote p,
blockquote h4 {
  margin: 0;
  padding: 15px 48px 30px;
  font-weight: inherit;
    color: #fff;
}

blockquote p:before,
blockquote p:after,
blockquote h4:before,
blockquote h4:after {
  position: absolute;
  font-family: FontAwesome;
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.5);
}

blockquote p:before,
blockquote h4:before {
  content: "";
  top: 8px;
  left: 8px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAeCAYAAABJ/8wUAAAA80lEQVRYhe2RMQ4BURRFPxKJSFQaNDagnUqh0FuAxA5YgETyS1uwAq3GAvRKC9BJJDqFiOBKjEzGnzfvva/zi1Oem5Ncc2pERkgfTBQeuSeVxuAG7I8iPntcoQwW4PHGN+RrjyPVwSYh+YY49/KkDtinJJ+QzD1KGoCzQ9KGkHsuoQCm4J4hSUNYe2mpApaEEDNjRrD3klILbBnSClQZEU3JXixF4MCQ5qDIiBDvvaQhuOQIVzBi3qHaM4zqI+gyI9R7eeIOtAUR6j1KXIOaMEK9R4klRYR6j/OpC6u8JnMvhISQEBJCQkgI+asQq6BHhKj2noVXNaPL7qk8AAAAAElFTkSuQmCC);
width: 34px;
height: 30px;
}

blockquote p:after,
blockquote h4:after {
  content: "";
  right: 8px;
  bottom: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAeCAYAAABJ/8wUAAAA6ElEQVRYhe2UrQoCQRRGF0SDwaJFsBntYhSjxSfwBXwA84LNJzAafQG7wWrdajRpEIPBv2/CwrI4M3c+p3nDmfYdDlyY5NzupwRDkFigfGb4JkgdIZRPQzREQzREQzTkr0JcLIgQyucaTcAtYojTZxvNwYs8DeUrD2pgLbmpMEDsK45aYC8Y7UBTEBHky0c9cBSMVqAqiAj2mdEYXD2DB5gJz0H5zPP0jC5gJIygfb4PKAPdgAja5xpuQSMwgvbZhktQISJoX3l4B1My4FuI2FccnsDgxwjalw8PoBMhgvaZZwPqkSJo3wcm8jWkPDf4uAAAAABJRU5ErkJggg==);
width: 34px;
height: 30px;
}

blockquote h4 {
  line-height: 1;
}
blockquote p{
    font-size: 14px;
}
blockquote cite {
  font-weight: bold;
  font-style: normal;
}

@media (max-width: 940px) {
  blockquote p:before,
  blockquote p:after {
    display: none;
  }
}

/* Carousels
================================================================ */

/******************************************************************
Mixins
******************************************************************/

/******************************************************************
Owl Core
******************************************************************/

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.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;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item > img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  display: none;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */

.no-js .owl-carousel {
  display: block;
}

/******************************************************************
Owl Theme
******************************************************************/

.owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: rgba(0, 0, 0, 0.75);
  display: block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-backface-visibility: visible;
  border-radius: 50%;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
  background: rgba(255, 255, 255, 0.4);
}

/* Feature Blocks
================================================================ */



.feature-block {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: none;
  text-align: center;
  padding: 2.5em 1em;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}



.feature-block:hover h4,
.feature-block:hover h5,
.feature-block:hover p {
  color: white !important;
}

.feature-block:hover path {
  fill: white;
}

.feature-block .fa {
  height: 3em;
  width: 3em;
  font-size: 1.8rem;
  line-height: 3.075;
  text-align: center;
  border-radius: 50%;
  color: white;
}



.feature-block h4,
.feature-block h5,
.feature-block p,
.feature-block path {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.feature-block h4 {
  font-weight: 600;
  font-size: 1.4rem;
  margin: 1em 0 0.25em;
}

.feature-block h5 {
  font-size: 1.2rem;
  font-weight: 300;
  margin: 0.25em auto 1rem;
}

.feature-block p {
  font-weight: 300;
  margin: 0;
}

@media (min-width: 940px) {
  .feature-block:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

/******************************************************************
Start building for smaller resolutions
******************************************************************/

@media (max-width: 940px) {
  .feature-block-wrapper:not(:last-child) {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  }
}

/* Fonts
================================================================ */


/* Forms
================================================================ */

form {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  font-size: 1.2rem;
  font-weight: 100;
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

form .form-element {
  position: relative;
}

form .form-element input:focus,
form .form-element textarea:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

form .form-element input:focus ~ label,
form .form-element textarea:focus ~ label {
  color: white;
  display: inline;
  left: auto;
  padding: 0 0.2em;
  right: -0.025em;
  top: 0;
  z-index: 2;
  margin-right: 0;
  margin-left: 2em;
  display: block !important;
}

form .form-element input:focus:invalid ~ label,
form .form-element textarea:focus:invalid ~ label {
  background: #C23A2C;
}

form .form-element input:focus:valid ~ label,
form .form-element textarea:focus:valid ~ label {
  background: #2DCC70;
}

form .box {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding: 0.75em;
  background: rgba(0, 0, 0, 0.075);
}



form .box:focus {
  background: white;
}

form fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

form fieldset .form-element {
  margin-bottom: 1em;
}

/* form label {
  display: inline-block;
  position: absolute;
  left: 1em;
  top: 50%;
  font-size: 0.9rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-right: 2em;
  margin-left: 0;
} */

form input:focus:invalid,
form textarea:focus:invalid {
  border-color: #C23A2C;
}


form input {
  display: block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

form input[type="checkbox"],
form input[type="radio"] {
  display: inline;
}

form input[type="submit"],
form input button {
  border: none;
  color: white;
  padding: 0.5em 1em;
  display: inline-block;
  width: 100%;
}

form input:required {
  -webkit-box-shadow: none;
  box-shadow: none;
}

form textarea {
  height: 200px;
  margin-bottom: 1em;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.5);
}

form select {
  color: #111111;
}

form select.box {
  padding: 0.44em;
}

@media (min-width: 460px) {
  form fieldset .form-element {
    float: left;
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }

  form fieldset .form-element:nth-child(odd) {
    margin-left: 0;
  }

  form textarea {
    margin-bottom: 2%;
  }
}

@media (min-width: 940px) {
  form label,
  form textarea {
    font-size: 1rem;
  }

  form input[type="submit"],
  form input button {
    width: auto;
  }
}

/* iOS6 toggle switch */

.input-toggle {
  position: relative;
}

.input-toggle input {
  position: absolute;
  opacity: 0;
}

.input-toggle input + label {
  display: block;
  position: relative;
  -webkit-box-shadow: inset 0 0 0px 1px #d5d5d5;
  box-shadow: inset 0 0 0px 1px #d5d5d5;
  text-indent: -5000px;
  height: 30px;
  width: 50px;
  border-radius: 15px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.05);
}

.input-toggle input + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.input-toggle input + label:after {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0px;
  border-radius: 15px;
  background: white;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.input-toggle input:checked + label:before {
  width: 50px;
}

.input-toggle input:checked + label:after {
  left: 20px;
}


::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  font-weight: lighter;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  font-weight: lighter;
  transition: 0.4s;
}

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  font-weight: lighter;
  transition: 0.4s;
}

::placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  font-weight: lighter;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* Headings
================================================================ */



h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b {
  font-weight: bolder;
}

h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i {
  font-style: normal;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  text-transform: uppercase;
  font-weight: lighter;
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  font-weight: lighter;
  font-weight: 100;
  font-style: normal;
}

h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p {
  font-weight: normal;
}

h1.highlight,
h2.highlight,
h3.highlight,
h4.highlight,
h5.highlight,
h6.highlight {
  margin-left: 0.25em;
  margin-right: 0.25em;
  line-height: 1.45;
}

h1.highlight > b,
h2.highlight > b,
h3.highlight > b,
h4.highlight > b,
h5.highlight > b,
h6.highlight > b {
  color: white;
  font-weight: lighter;
  padding-bottom: 3px;
  text-shadow: none;
}

@-moz-document url-prefix()  {
  h1.highlight,
  h2.highlight,
  h3.highlight,
  h4.highlight,
  h5.highlight,
  h6.highlight {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0 0.3em;
  }

  h1.highlight > b,
  h2.highlight > b,
  h3.highlight > b,
  h4.highlight > b,
  h5.highlight > b,
  h6.highlight > b {
    box-decoration-break: clone;
  }
}

h1.dotted,
h2.dotted,
h3.dotted,
h4.dotted,
h5.dotted,
h6.dotted {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  padding-bottom: 0.75rem;
}

h1.dotted a,
h2.dotted a,
h3.dotted a,
h4.dotted a,
h5.dotted a,
h6.dotted a {
  color: inherit;
}

/* Icons
================================================================ */

/******************************************************************
LivIcons
******************************************************************/

.livicon {
  font-style: normal;
}

.livicon path {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/******************************************************************
Font Awesome
******************************************************************/

/* CDN version */

/* Self hosted version */

.fa {
  cursor: default;
}

a.fa,
a .fa {
  cursor: pointer;
}

/******************************************************************
Icon Shapes
******************************************************************/

[class^="icon"] {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 2em;
  width: 2em;
  border: 0.125em solid;
  border-color: transparent;
  color: white;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

[class^="icon"] .fa {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  font-size: 0.9em;
}

[class^="icon"][class*="-lrg"] {
  font-size: 1.2rem;
}

[class^="icon"][class*="-xlrg"] {
  font-size: 1.4rem;
}

[class^="icon"][class*="-border"],
[class^="icon"][class*="-plain"] {
  background: none;
}

[class^="icon"][class*="-border"] {
  border-color: white;
}

[class^="icon"][class*="-round"] {
  border-radius: 50%;
}

/* Images
================================================================ */

/******************************************************************
Responsive Images
******************************************************************/

img {
  max-width: 100%;
  height: auto;
}

/******************************************************************
Style Variants
******************************************************************/

.thumbnail {
  border: 5px solid white;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
}

.profile {
  overflow: hidden;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  margin: 0 auto 1em;
}

.profile img {
  max-width: none;
  width: auto !important;
  height: 101%;
}

.profile.profile-alt {
  border: 4px solid white;
  -webkit-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.2);
}

.profile.profile-border {
  border: 4px solid white;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

noindex:-o-prefocus,
.profile {
  border-radius: 0;
}

.testimonial p{
	font-size: 1.4rem;
	font-weight: 100;
	text-align: center;
}

/******************************************************************
Shape Variants
******************************************************************/

.responsive-square,
.responsive-circle {
  position: relative;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}

.responsive-square img,
.responsive-circle img {
  position: absolute;
  top: 0;
  display: block;
  max-width: none;
  height: 100%;
}

.responsive-circle {
  border-radius: 50%;
}

/* Links
================================================================ */

a {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
  border-bottom: 1px dotted transparent;
}

a:hover {
  text-decoration: none;
}

/* Lists
================================================================ */

ul.reset,
[class*="bullet-list"],
.metro-blocks ul,
.price-chart ul,
.bottom-bar .footer-nav ul,
.breadcrumb ul,
.app-footer .footer-content ul,
.main-nav > ul,
.main-nav > ul > li ul,
.main-nav ul,
.main-nav ul li ul,
.pagination ul,
.section header ul,
ol.reset {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.clear,
ol.clear {
  padding-left: 1em;
}

.block-list {
  padding: 0;
  list-style: none;
}

.block-list li {
  background: rgba(0, 0, 0, 0.05);
  padding: 0.75em 1em;
  margin-bottom: 0.5em;
}

.block-list .fa {
  opacity: 0.75;
  margin-right: 0.25em;
}

@media (min-width: 940px) {
  .block-list li {
    width: 48.75%;
    float: left;
  }

  .block-list li:nth-child(even) {
    margin-left: 2.5%;
  }
}

[class*="bullet-list"] {
  margin-bottom: 1.75rem;
}

[class*="bullet-list"] li {
  line-height: 1.6;
  position: relative;
  padding-left: 1.5em;
}

[class*="bullet-list"] li:before,
[class*="bullet-list"] li:after {
  font-family: FontAwesome;
  position: absolute;
}

[class*="bullet-list"] li:before {
  content: "\f138";
  left: 0;
}

[class*="bullet-list"] li:after {
  display: none;
  content: "\f137";
  right: 0;
}

[class*="bullet-list"][class*="-right"] li {
  padding-left: 0;
  padding-right: 1.5em;
}

[class*="bullet-list"][class*="-right"] li:before {
  display: none;
}

[class*="bullet-list"][class*="-right"] li:after {
  display: inline-block;
}

/* Metro Blocks
================================================================ */

.metro-block {
  float: left;
  background: rgba(0, 0, 0, 0.75);
  position: relative;
  height: 0;
  width: 33.3333334%;
  width: -webkit-calc(100 / 3);
  width: calc(100 / 3);
  padding-top: 26%;
  text-align: center;
  color: white;
  /******************************************************************
  Style Variants
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.metro-block a {
  display: block;
  color: white;
  position: absolute;
  width: 100%;
  height: 101%;
  top: 0;
}

.metro-block .social-share-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
}

.metro-block .social-share-overlay .fa {
  position: relative;
  top: 50%;
  font-size: 2em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.metro-block .share-amount {
  position: absolute;
  top: 63%;
  -webkit-transform: translateY(-2.75em) scale(0);
  -ms-transform: translateY(-2.75em) scale(0);
  transform: translateY(-2.75em) scale(0);
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.metro-block .share-amount div {
  text-transform: uppercase;
}

.metro-block .share-amount div:first-child {
  font-size: 1.8rem;
  font-weight: 600;
}

.metro-block .share-amount div:last-child {
  font-size: 0.9rem;
}

.metro-block span {
  display: none;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.4em;
  background: rgba(0, 0, 0, 0.4);
  font-weight: 600;
  font-size: 0.9rem;
}

.metro-block.facebook .social-share-overlay {
  background: #507cbd;
}

.metro-block.twitter .social-share-overlay {
  background: #63cef2;
}

.metro-block.google-plus .social-share-overlay {
  background: #dd4b39;
}

.metro-block.rss .social-share-overlay {
  background: #fba933;
}

.metro-block.reddit .social-share-overlay {
  background: #0d7ccd;
}

.metro-block.email .social-share-overlay {
  background: #6cb42c;
}

.metro-block:hover .social-share-overlay {
  top: -100%;
}

.metro-block:hover .share-amount {
  -webkit-transform: translateY(-55%) scale(1);
  -ms-transform: translateY(-55%) scale(1);
  transform: translateY(-55%) scale(1);
}

@media (min-width: 460px) {
  .metro-block span {
    display: block;
  }

  .metro-block .social-share-overlay .fa {
    -webkit-transform: translateY(-0.85em);
    -ms-transform: translateY(-0.85em);
    transform: translateY(-0.85em);
  }

  .metro-block:hover .share-amount {
    -webkit-transform: translateY(-2.75em) scale(1);
    -ms-transform: translateY(-2.75em) scale(1);
    transform: translateY(-2.75em) scale(1);
  }
}

@media (min-width: 720px) {
  .metro-block {
    width: 16.6666667%;
    width: -webkit-calc(100 / 6);
    width: calc(100 / 6);
    padding-top: 13%;
  }
    
    
}

/* Modal Windows
================================================================ */

.modal-content {
  position: relative;
  width: 650px;
  max-width: 90%;
  background: #f7f7f7;
  border-radius: 0.75rem;
  padding: 1.5rem;
  margin: auto;
  display: none !important;
}

.mfp-content .modal-content {
  display: block !important;
}

/* 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;
  left: -0.5rem;
  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;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #cccccc;
}

.mfp-preloader a:hover {
  color: white;
}

.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;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  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: white;
  font-style: normal;
  font-size: 28px;
  font-family: 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: #333333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.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: transparent;
}

.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 white;
  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 white;
  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%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}

/* 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;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* 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;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}

.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);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-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;
}

/* Animations */

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.mfp-open .mfp-figure {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Price Charts
================================================================ */

.price-chart {
  position: relative;
  padding: 0.5em;
  color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-align: center;
}

.price-chart h4 {
  margin-top: 0.5em;
  margin-bottom: 0.25em;
  font-size: 1.8rem;
  color:#fff;
}

.price-chart h4 .fa {
  color: white;
}

.price-chart h5 {
  margin-top: 0;
  margin-bottom: 1.25em;
  font-weight: 100;
  font-size: 1.2rem;
  color:#fff;
}

.price-chart .price {
  padding: 0.1em;
  background: rgba(0, 0, 0, 0.6);
  height: 2.75em;
  font-size: 1.8rem;
}

.price-chart .price span {
  font-size: 2.85rem;
}

.price-chart ul {
  background: #f7f7f7;
  color: #4a4a4a;
  text-align: left;
}

.price-chart ul li {
  padding: 0 1.25em;
  line-height: 3;
  display: table;
  width: 100%;
}

.price-chart ul li:nth-child(even) {
  background: rgba(0, 0, 0, 0.1);
}

.price-chart ul li .fa {
  width: 1.5em;
}

.price-chart ul li strong,
.price-chart ul li span {
  display: table-cell;
}

.price-chart ul li strong {
  text-align: right;
}

.price-chart .buy-now {
  background: rgba(255, 255, 255, 0.5);
  padding: 0.75em;
  font-size: 1.2rem;
}

.price-chart.free,
.price-chart.free .button {
  background: rgba(0, 0, 0, 0.4);
}

.price-chart.free .button:hover {
  background: rgba(0, 0, 0, 0.5);
}

/* Progress Bars
================================================================ */

.progress-bar {
  background: white !important;
  border-radius: 0.25em;
  height: 28px;
  overflow: hidden;
  margin-bottom:25px;
}

.progress-bar .progress {
  height: 100%;
  font-size: 0.9rem;
  line-height: 1.85;
  text-align: center;
  padding: 0 1em;
  color:#fff;
}

/* RIBBON BANNERS */

.ribbon {
  position: absolute;
  top: 0;
  right: 0;
}

.ribbon .text,
.ribbon .banner {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.ribbon a {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #fff;
  text-decoration: none;
}

.ribbon .banner {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #fff;
  display: block;
  float: right;
  position: relative;
  right: -14px;
  top: 22px;
  width: 100px;
}

.ribbon-large .banner {
  right: -20px;
  top: 32px;
  width: 150px;
}

.ribbon .banner::after,
.ribbon .banner::before {
  content: '';
  display: block;
  height: 12px;
  position: absolute;
  width: 30px;
}

.ribbon-large .banner::after,
.ribbon-large .banner::before {
  height: 18px;
  width: 45px;
}

.ribbon .banner::before {
  -webkit-transform: skewY(-45deg) translate(50%, 15px);
  -ms-transform: skewY(-45deg) translate(50%, 15px);
  transform: skewY(-45deg) translate(50%, 15px);
  -webkit-transform-origin: 100% center;
  -ms-transform-origin: 100% center;
  transform-origin: 100% center;
  left: -45px;
}

.ribbon-large .banner::before {
  top: 10px;
  left: -68px;
}

.ribbon .banner::after {
  -webkit-transform: translate(100%, -100%) skewY(45deg) translateX(-58%);
  -ms-transform: translate(100%, -100%) skewY(45deg) translateX(-58%);
  transform: translate(100%, -100%) skewY(45deg) translateX(-58%);
  -webkit-transform-origin: 0 center;
  -ms-transform-origin: 0 center;
  transform-origin: 0 center;
  right: -17px;
}

.ribbon-large .banner::after {
  top: 45px;
  right: -25px;
}

.ribbon .text {
  position: relative;
  z-index: 2;
  padding: 6px 0;
  font-size: 12px;
  font-weight: bold;
  min-height: 18px;
  line-height: 18px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* large text */

.ribbon-large .text {
  padding: 9px 0;
  font-size: 18px;
  min-height: 28px;
  line-height: 28px;
}

.ribbon .text::before,
.ribbon .text::after {
  content: '';
  display: block;
  height: 30px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.ribbon.ribbon-large .text::before,
.ribbon.ribbon-large .text::after {
  height: 46px;
}

.ribbon .text::before {
  -webkit-transform: translateX(-15%) skewX(-45deg);
  -ms-transform: translateX(-15%) skewX(-45deg);
  transform: translateX(-15%) skewX(-45deg);
}

.ribbon .text::after {
  -webkit-transform: translateX(15%) skewX(45deg);
  -ms-transform: translateX(15%) skewX(45deg);
  transform: translateX(15%) skewX(45deg);
}

/*--- RIBBON COLORS ---*/

/* default */

.ribbon .banner::after,
.ribbon .banner::before {
  background-color: #51a351;
}

.ribbon .text::before,
.ribbon .text::after {
  background-color: #62c462;
}

/* Tables
================================================================ */

table {
  width: 100%;
}

table thead,
table tfoot {
  color: white;
}

table thead td,
table tfoot td {
  padding: 0 0.75rem;
  line-height: 2.4;
}



table tfoot {
  background: #1e1e1e;
}

table tbody td {
  line-height: 2;
  padding-left: 0.75rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

table tbody td:first-child {
  border-left: none;
  padding-left: 0;
}

table tbody tr:last-child td {
  border-bottom: none;
}

table.table-fixed {
  table-layout: fixed;
}

/* Tabs
================================================================ */

.tabs {
  /* Full width tab buttons */
}

.tabs .nav {
  display: block;
  font-size: 0;
  margin: 0;
  padding: 0;
}

.tabs .nav li {
  padding: 0.6em 1em;
  cursor: pointer;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 0;
  border-right: none;
  font-size: 1rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.tabs .nav li.active {
  background: white;
  border-bottom: 1px solid white;
}

.tabs .nav li:hover {
  text-decoration: underline;
}

.tabs .nav li:last-of-type {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.tabs section {
  background: white;
  margin-top: -1px;
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 1.5em;
  font-weight: lighter;
}

.tabs section.active {
  display: block;
}

.tabs.full .nav {
  display: table;
  width: 100%;
  position: relative;
}

.tabs.full .nav li {
  display: table-cell;
}

/* Tooltips
================================================================ */

/*
Tipr 1.0.1
Copyright (c) 2013 Tipue
Tipr is released under the MIT License
http://www.tipue.com/tipr
Converted to SCSS for One Nexus by Edmund Reed
*/

.tipr_content {
  padding: 0.35rem 1rem 0.4rem;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 0.4rem;
  color: #ffffff;
  font-size: 1rem;
}

.tipr_container_bottom,
.tipr_container_top {
  display: none;
  position: absolute;
  max-width: 300px;
  z-index: 1000;
}

.tipr_container_bottom {
  margin-top: 13px;
}

.tipr_container_top {
  margin-top: -50px;
}

.tipr_point_top,
.tipr_point_bottom {
  position: relative;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 0.4rem;
  width: auto;
}

.tipr_point_top:after,
.tipr_point_top:before,
.tipr_point_bottom:after,
.tipr_point_bottom:before {
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
}

.tipr_point_top:after,
.tipr_point_bottom:after {
  left: 50%;
  border-width: 8px;
  margin-left: -8px;
}

.tipr_point_top:before,
.tipr_point_bottom:before {
  left: 50%;
  border-width: 9px;
  margin-left: -9px;
}

.tipr_point_top:after,
.tipr_point_top:before {
  top: 99%;
}

.tipr_point_top:after {
  border-top-color: rgba(0, 0, 0, 0.65);
}

.tipr_point_top:before {
  border-top-color: rgba(0, 0, 0, 0.65);
}

.tipr_point_bottom:after,
.tipr_point_bottom:before {
  bottom: 99%;
}

.tipr_point_bottom:after {
  border-bottom-color: rgba(0, 0, 0, 0.65);
}

.tipr_point_bottom:before {
  border-bottom-color: rgba(0, 0, 0, 0.65);
}

/* Widgets
================================================================ */

.widget {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  color: #111111;
  border-bottom: none;
  text-align: center;
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}



.widget .title {
  margin-bottom: 0.75em;
}

.widget .title > * {
  margin: 0.25em 0;
}

.widget .title > *:first-child {
  margin-top: 0;
}

.widget .title > *:last-child {
  margin-bottom: 0;
}

.widget .title:not(:first-child) {
  margin-top: 0.75em;
}

.widget h4 {
  font-size: 1.4rem;
  font-weight: 700;
    letter-spacing: -0.5px;
}

.widget p,
.widget ul {
  margin-top: 0.25em;
}

.widget ul {
  list-style: none;
  padding-left: 0;
}

.widget ul li {
  position: relative;
}

.widget ul li:before {
  font-family: FontAwesome;
  content: "\f105";
  margin-right: 0.5rem;
  color: #C1C1C1;
}

.widget ul.nexus-contact-widget li:before{
  font-family: inherit;
  content: none;
  color:inherit;
}

@media (min-width: 940px) {
  .widget {
    padding: 0;
    text-align: left;
  }

  .widget > .fa,
  .widget > .fa + .widget-content,
  .widget > .livicon,
  .widget > .livicon + .widget-content {
    display: table-cell;
    vertical-align: middle;
  }

  .widget > .fa + .widget-content,
  .widget > .livicon + .widget-content {
    padding-left: 1em;
  }

  .widget .widget-content div,  
  .widget .widget-content header {
    width: 100%;
    display: table;
    text-align: left;
  }

  .widget .widget-content div .fa,
  .widget .widget-content div .livicon,
  .widget .widget-content div .title ,
  .widget .widget-content header .fa,
  .widget .widget-content header .livicon,
  .widget .widget-content header .title {
    display: table-cell;
    vertical-align: middle;
  }

  .widget .widget-content div .title,
  .widget .widget-content header .title {
    padding-left: 0.5em;
  }
}

/******************************************************************
Modules
******************************************************************/

/* Author
================================================================ */

.post-author {
  margin-top: 4rem;
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.post-author header {
  width: 100% !important;
  margin-bottom: 4rem;
}

.post-author h4,
.post-author h5 {
  margin: 0.25em 0;
}

.post-author h4:first-child,
.post-author h5:first-child {
  margin-top: 0;
}

.post-author h4:last-child,
.post-author h5:last-child {
  margin-bottom: 0;
}

.post-author h4 {
  font-size: 1.4rem;
}

.post-author h4 a {
	color: inherit;
	text-transform: capitalize;
}

.post-author h4 a:hover {
  border-bottom: none;
}

.post-author h5 {
  font-size: 1.2rem;
  font-weight: 300;
}

.post-author p {
	font-family: inherit;
	font-size: 1rem;
	margin: 0.5em 0;
}

.post-author .profile {
  display: block;
  margin: auto;
  margin-bottom: 1.5rem;
}

.post-author .author-content {
  text-align: center;
}

@media (min-width: 720px) {
  .post-author .profile,
  .post-author .author-content {
    display: inline-block;
    vertical-align: middle;
  }

  .post-author .profile {
    margin-bottom: 0;
  }

  .post-author .author-content {
    width: 85%;
    width: -webkit-calc(100% - 132px);
    width: calc(100% - 132px);
    margin-left: 26px;
    text-align: left;
  }
    
    .home-section-1 .vc_col-sm-8, .home-section-2 .vc_col-sm-8{
        padding-left: 4%;
    }
    .home-section-1 .vc_col-sm-8::before {
        left: 17px !important;
    }
    .home-section-3 .clients-slider{
        margin-left: 35px;
        margin-right: 35px;
    }
}

/* Blog Items
================================================================ */

.blog-items {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.blog-items .blog-item {
	margin-bottom: 50px;
	position: relative;
}


.blog-items .blog-item:nth-child(3n - 2) {
	margin-left:0;
}

.blog-items .blog-item h4,
.blog-items .blog-item h5 {
  margin: 0;
}

.blog-items .blog-item h4 {
  font-size: 1.4rem;
  font-weight: 900;
  margin-bottom: 0.25em;
}

.blog-items .blog-item h4 a {
  color: #111111;
  border: none;
}

.blog-items .blog-item h5 {
  font-size: 1.2rem;
  font-weight: 300;
}

.blog-items .blog-item p {
	font-weight: 300;
	margin: 1.5rem 0;
}

.blog-items .blog-item small {
  position: absolute;
  right: 0;
  bottom: 1.1em;
}

.blog-items .thumb {
  height: 150px;
  overflow: hidden;
  margin-bottom: 1.5em;
  display: block;
  border: none;
}

.blog-items .thumb img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  min-width: 100%;
  position: relative;
  -webkit-transform: scale(1) translateY(-25%);
  -ms-transform: scale(1) translateY(-25%);
  transform: scale(1) translateY(-25%);
}

.blog-items .thumb:hover img {
  -webkit-transform: scale(1.25) translateY(-20%);
  -ms-transform: scale(1.25) translateY(-20%);
  transform: scale(1.25) translateY(-20%);
}

.blog-items .profile {
  height: 50px;
  width: 50px;
  position: absolute;
  top: 6%;
  left: -0.5em;
}

.blog-items .date {
  float: right;
  width: 45px;
}

.blog-items .date span {
  display: block;
  text-align: center;
}

.blog-items .date span:first-child {
  color: white;
  font-size: 0.9rem;
}

.blog-items .date span:last-child {
  line-height: 1.8;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none;
  font-weight: 400;
}

.nexus-header-title .section-title h2 i:not(.fa),
.nexus-header-title p i {
  font-style: normal;
}


@media (max-width: 940px) {
  .blog-items .blog-item small {
    bottom: 4em;
  }
}

/* Bottom Bar
================================================================ */

/******************************************************************
Start building the basic layout
******************************************************************/

.bottom-bar {
  padding: 1.5em 0;
  font-size: 0.9rem;
  position: relative;
  z-index: 2;
  text-align: center;
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.bottom-bar .footer-nav {
  margin-top: 1.5em;
}

.bottom-bar .footer-nav li {
  display: inline-block;
}

.bottom-bar .footer-nav li:not(:last-child) {
  margin-right: 1em;
}

.bottom-bar .footer-nav a {
  color: rgba(255, 255, 255, 0.75);
  font-weight: lighter;
}

.bottom-bar .footer-nav a:hover {
  border-color: inherit;
  color: white;
}

@media (min-width: 720px) {
  .bottom-bar {
    text-align: left;
  }

  .bottom-bar .copyright,
  .bottom-bar .footer-nav {
    display: table-cell;
    vertical-align: middle;
  }

  .bottom-bar .footer-nav {
    text-align: right;
    margin-top: 0;
  }
}

/* Breadcrumb
================================================================ */

.breadcrumb{
    background-color: #f6f6f6;
    border-top: 1px #a4a4a4 solid;
    border-bottom: 1px #a4a4a4 solid;
    -moz-box-shadow:    inset  0  3px 3px -3px #a4a4a4, 
                        inset  0 -3px 3px -3px #a4a4a4;
    -webkit-box-shadow: inset  0  3px 3px -3px #a4a4a4, 
                        inset  0 -3px 3px -3px #a4a4a4;
     box-shadow:        inset  0  3px 3px -3px #a4a4a4, 
                        inset  0 -3px 3px -3px #a4a4a4;
}
.breadcrumb .container{
    border-bottom: none;
    padding: 7px 0;
}
.breadcrumb .container a{
    color: #a8a8a8;
}
.breadcrumb .container{color: #a8a8a8;}
.breadcrumb .container .breadcrumb_last{
    color: #E65F56;
}


.menu-item-description {
	display: block;
	font-size: 9px;
	margin-top: -8px;
	text-align: center;
}

.archive .blog-items .thumb {
  height: 300px;
}

.index .blog-items .thumb {
  height: 250px;
}

.archive .section.primary.blog-posts {
  padding-top: 0;
}

.blog-item.sticky {
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  border: 1px solid #000;
  padding: 20px;
}

.post-1011.blog-item .thumb,
.post-1016.blog-item .thumb {
  height: auto;
}
.post-1011.blog-item .thumb img,
.post-1016.blog-item .thumb img {
  min-width: auto;
  -webkit-transform: scale(1) translateY(0%);
  -ms-transform: scale(1) translateY(0%);
  transform: scale(1) translateY(0%);
}

/* Comments
================================================================ */

.comments {
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.comment {
  margin-top: 2em;
  position: relative;
}

.comments .comment {
  margin-top: 2em;
  position: relative;
}

.comment .comment:first-child,
.comments .comment:first-child {
  margin-top: 0;
}

.comment .comment-quote,
.comments .comment-quote {
  color: white;
  padding: 1rem;
  border-radius: 0.5em;
  position: relative;
}
.comment .comment-quote p,
.comments .comment-quote p {
  padding-left: 2.25rem;
  margin-top: 0;
}

.comment .comment-quote p:before ,
.comments .comment-quote p:before {
  position: absolute;
  top: 0.75rem;
  left: 0.5rem;
  content: "\f10d";
  font-family: FontAwesome;
  font-size: 2em;
  color: rgba(0, 0, 0, 0.25);
}

.comment-content,
.comment .profile,
.comment .comment-content ,
.comments .profile,
.comments .comment-content {
  display: inline-block;
  vertical-align: middle;
}

.comments .profile {
  margin-bottom: 0;
}

.comment-content ,
.comment .comment-content,
.comments .comment-content {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 0.6em;
  padding: 1.5em;
  position: relative;
  width: 100%;
}

.comment-content:before,
.comment .comment-content:before,
.comments .comment-content:before {
  content: "";
  height: 20px;
  width: 20px;
  background: #FBFBFB;
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  z-index: 0;
}

.comment-content h4,
.comment .comment-content h4,
.comments .comment-content h4 {
  margin-bottom: 0.75em;
}

.comment-content .post-date,
.comment .comment-content .post-date,
.comments .comment-content .post-date {
  position: absolute;
  font-size: 0.9rem;
  right: 1.9em;
  top: 1.75em;
  font-weight: 600;
}
.comment-content > p,
.comment .comment-content > p ,
.comments .comment-content > p {
  font-weight: 300;
  margin-top: 0.75em;
}
.comment .reply,
.comment .report ,
.comments .reply,
.comments .report {
  float: right;
  margin-top: 1em;
  margin-left: 1em;
  font-size: 0.9rem;
  line-height: 2.2;
  padding: 0 1em;
}


.comment .report,
.comments .report {
  background: #a63131;
}

.comments .report:hover {
  background: #8a2929;
}
.comment .load-more-wrapper ,
.comments .load-more-wrapper {
  text-align: center;
  margin-top: 2em;
}
.comment .new-comment,
.comments .new-comment {
  margin-top: 4rem;
  position: relative;
  z-index: 1;
}
.comment .new-comment header,
.comments .new-comment header {
  width: 100% !important;
  margin-bottom: 4rem;
}

@media (max-width: 720px) {
	.comment .profile,
  .comments .profile {
    position: absolute;
    z-index: 2;
    right: 1em;
    top: 1em;
    height: 35px;
    width: 35px;
    border: 1px solid white;
  }
  
	.comment .comment-content .post-date,
  .comments .comment-content .post-date {
    position: static;
  }

  .comment .comment-reply,
  .comments .comment-reply {
    margin-left: 5%;
  }

  .comment .comment-reply .comment-content:before,
  .comments .comment-reply .comment-content:before {
    left: auto;
    top: -4px;
  }
}

@media (min-width: 720px) {

.comment .comment-content,
  .comments .comment-content {
    width: 85%;
    width: -webkit-calc(100% - 137px);
    width: calc(100% - 137px);
    margin-left: 2.3rem;
  }

  .comment .comment-reply ,
  .comments .comment-reply {
    padding-left: 9em;
  }

  .comment [type="submit"],
  .comments [type="submit"] {
    font-size: 1.2rem;
  }
}

/* OControl Panel Nav
================================================================ */

body {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  position: relative;
  /******************************************************************
  CP nav is active
  ******************************************************************/
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

body:before,
body:after {
  content: "";
  height: 15%;
  position: fixed;
  background: #111111;
  width: 100%;
  z-index: 1;
  -webkit-transition: 0s;
  transition: 0s;
}

body:before {
  top: -20%;
}

body:after {
  bottom: -20%;
}

body .cp-nav-container {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-top: 1.25em;
  font-size: 1.2rem;
  -webkit-transition: 0s;
  transition: 0s;
  visibility: hidden;
}

body .cp-nav-container .logo {
  padding: 1.5rem 0 1em 4rem;
  font-size: 2em;
  line-height: 1.2;
}

body .cp-nav-container .logo a {
  border: none;
  background: none;
  color: white;
  display: inline-block;
}

body .cp-nav-container .logo .fa:before {
  top: 53%;
}

body .cp-nav-container > ul {
  -webkit-transition: 0s;
  transition: 0s;
  margin-top: 0;
  padding-left: 6rem;
  width: 10%;
  min-width: 250px;
  position: relative;
}

body .cp-nav-container > ul li {
  padding: 1em 0;
}

body .cp-nav-container > ul li:hover a:not(:only-child):after {
  opacity: 1;
}

body .cp-nav-container > ul li a:after {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  content: "";
  height: 20px;
  width: 20px;
  background: #1C1C1C;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 1rem;
  opacity: 0;
}

body .cp-nav-container > ul > li > ul {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: absolute;
  top: 0;
  left: 14rem;
  background: #1C1C1C;
  border-radius: 0.4rem;
  font-size: 0.9em;
  width: 88%;
  height: 100%;
  padding: 0.5rem 2rem;
  margin: 0;
  overflow: auto;
}

body .cp-nav-container > ul > li > ul li a {
  color: white;
}

body .cp-nav-container > ul > li > ul li a:before,
body .cp-nav-container > ul > li > ul li a:after {
  display: none;
}

body .cp-nav-container > ul > li > ul ul {
  display: none;
}

body .cp-nav-container > ul a {
  color: white;
  display: block;
  border-bottom: none;
}

body .cp-nav-container > ul a:not(:only-child):before {
  content: "\f105";
  font-family: FontAwesome;
  float: right;
  margin-top: 0.025rem;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

body .cp-nav-container .main-search {
  position: absolute;
  top: 0;
  left: 0;
  right: -16%;
  width: 65%;
  margin: auto;
}

body .cp-nav-container .main-search .search-close {
  display: none;
}

body .cp-nav-container .main-search .button {
  font-size: 1.5em;
}

body .cp-nav-container .main-search input {
  width: 100%;
  background: none;
  color: white;
  height: 3em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 0.5em 1em 0.5em 0;
  -webkit-transition: 0s;
  transition: 0s;
  font-size: 1.25em !important;
}

body .cp-nav-container .main-search [type="submit"] {
  color: rgba(255, 255, 255, 0.5);
  right: 0 !important;
}


body .cp-nav-container .main-search ::-webkit-input-placeholder {
  opacity: 0.3;
  color: white;
}

body .cp-nav-container .main-search ::-moz-placeholder {
  opacity: 0.3;
  color: white;
}

body .cp-nav-container .main-search :-ms-input-placeholder {
  opacity: 0.3;
  color: white;
}

body .cp-nav-container .main-search ::placeholder {
  opacity: 0.3;
  color: white;
}

body .cp-nav-container .copyright {
  color: white;
  position: absolute;
  padding-left: 4rem;
  bottom: 15%;
  font-weight: 300;
}

body.cp-active:before,
body.cp-active:after {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

body.cp-active:before {
  top: 0;
}

body.cp-active:after {
  bottom: 0;
}

body.cp-active #site-content {
  -webkit-transform: scale(0.65);
  -ms-transform: scale(0.65);
  transform: scale(0.65);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 100%;
  width: 100%;
  position: absolute;
  right: -8%;
}

body.cp-active .cp-nav-container {
  visibility: visible;
}

body.cp-active .cp-nav-container .logo,
body.cp-active .cp-nav-container > ul,
body.cp-active .cp-nav-container .main-search,
body.cp-active .cp-nav-container .copyright {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

body.cp-active .cp-nav-container > ul {
  padding-left: 4rem;
}

body.cp-active .cp-nav-container > ul a:not(:only-child):before {
  opacity: 0.5;
}

body.cp-active .cp-nav-container .main-search {
  top: 3.6%;
}

@media (max-height: 800px) {
  body:before,
  body:after {
    height: 21%;
  }

  body:before {
    top: -21%;
  }

  body:after {
    bottom: -21%;
  }

  body .cp-nav-container .logo {
    font-size: 1.5em;
  }

  body .cp-nav-container ul li {
    padding: 0.65em 0em;
  }

  body .cp-nav-container .copyright {
    font-size: 1.2rem;
    bottom: 21%;
  }
}

/* Desktop Carousel
================================================================ */

.project-carousel {
  position: relative;
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.project-carousel .nav-carousel [class*="nav-"] {
  top: 36% !important;
}

@media (max-width: 940px) {
  .project-carousel .nav-carousel .nav-prev {
    left: 0 !important;
  }

  .project-carousel .nav-carousel .nav-next {
    right: 0 !important;
  }
}

.project-preview {
  width: 65%;
  margin: auto;
  position: relative;
}

.project-preview .previews {
  position: absolute;
  top: 4%;
  left: 0;
  right: 0;
  margin: auto;
  width: 92.5%;
  height: 55.7%;
  overflow: hidden;
}


/* Earth
================================================================ */
.earth {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  padding-top: 7em;
  height: 200px;
  width: 70%;
  overflow: hidden;
  margin: auto;
  position: relative
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}
.earth img {
  position: absolute;
  left: 0;
  top: 35%;
  -webkit-animation-name: spin;
          animation-name: spin;
  -webkit-animation-duration: 35s;
          animation-duration: 35s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.earth .pin {
  width: 55px;
  height: 55px;
  border-radius: 50% 50% 50% 0;
  cursor: pointer;
  transition: 0.4s;
  position: relative;
}
.earth .active .pin {
  border: 2px solid rgba(0, 0, 0, 0.5);
}
.earth .pin:after {
  content: '';
  width: 50%;
  height: 50%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
}

@media (max-width: 940px) {
  .earth .pins {
    text-align: center;
    margin-top: -4rem;
  }
  .earth .pin-wrapper {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    display: inline-block;
    margin-left: 1rem;
  }
  .earth .pin-wrapper:first-child {
    margin-left: 0;
  }
  .earth .pin {
    -webkit-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}
@media (min-width: 940px) {
  .earth {
    height: 0;
    padding-top: 25%;
  }
  .earth .pin-wrapper {
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    position: absolute;
    width: 100%;
  }
  .earth .pins {
    margin-top: 19%;
  }
  .earth .pin {
    -webkit-transform: translateX(-30%) rotate(-135deg);
        -ms-transform: translateX(-30%) rotate(-135deg);
            transform: translateX(-30%) rotate(-135deg);
  }
}

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

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

/* Mobile Nav
================================================================ */

.flyout-nav-container {
  position: fixed;
  width: 250px;
  left: -250px;
  height: 100%;
  top: 0;
  z-index: 9999;
  font-size: 0.9rem;
  font-weight: bold;
  overflow: auto;
  background: #111111;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
  box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.flyout-nav-container ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.flyout-nav-container ul a {
  display: block;
  padding: 1em 1.6em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-left: 5px solid rgba(0, 0, 0, 0.3);
  text-decoration: none;
  color: #b1b1b1;
}

.flyout-nav-container ul a:hover {
  color: white;
}

.flyout-nav-container ul ul ul {
  padding-left: 1.5em;
  font-weight: lighter;
}

.flyout-nav-container ul ul ul li:hover > a {
  background: rgba(0, 0, 0, 0.2);
  color: white;
}

.flyout-nav-container ul ul li:hover > a {
  color: white;
}

.flyout-nav-container > ul > li > a {
  color: white;
  background: rgba(0, 0, 0, 0.15);
}

.flyout-nav-container .logo {
  padding: 1em 0.5em;
}

.flyout-active .flyout-nav-container {
  left: 0;
}

@media (max-width: 940px) {
  .flyout-nav-container .logo {
    display: none;
  }
}

/* Footer
================================================================ */

.app-footer {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  color: white;
  position: relative;
 
    background-color:#f1f1f1 !important; /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}


.map-canvas{width: 100%; height:375px;}

.app-footer .footer-content span.footer-sub-heading {
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 0 !important;
  width: 100%;
}

.app-footer .footer-content {
  padding: 40px 0;
  color: #b1b1b1;
}
.bottom-bar a{
    color: #fff !important;
}
.app-footer .socials-right{
    float: right;
    text-align: right;
}

.app-footer .socials-right i, .app-footer .socials-right svg{
    font-size: 25px;
    margin-left: 5px;
}
.app-footer .socials-right a:hover{
    color: #999;
}

.app-footer .socials-right a svg{
  fill: #E65F56;
  width: 22px;
  transform: translateY(4px);
}
.app-footer .socials-right a:hover svg{
  fill: #999;
}



.app-footer .socials-right .follow-us{
    font-size: 16px;
    color: #E65F56;
    display: block;
    font-family: 'Figtree';
    margin-bottom: 5px;
}

.app-footer .footer-content h3 {
  font-size: 1.4rem;
  margin: 0;
}


body .app-footer .socials-right .vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern:hover {
  background-color: #000 !important;
  color: #FFF !important;
}


.app-footer .footer-content span.footer-sub-heading ,
.app-footer .footer-content h4.footer-sub-heading ,
.app-footer .footer-content h4 {
  font-size: 1.2rem !important;
  margin-top: 0.25rem !important;
  font-weight: 300 !important;
}

.footer-title {
  font-size: 1.4rem;
}

.footer-title > div {
  font-size: 0.9rem;
}

.app-footer .footer-content p,
.app-footer .footer-content ul {
  font-size: 0.9rem;
}

.app-footer .footer-content ul b {
  color: white;
}

.app-footer .footer-content ul i {
  width: 1em;
  text-align: center;
  margin-right: 0.25rem;
}

.app-footer .container {
  position: relative;
  z-index: 2;
}

.app-footer .logo {
  padding: 0;
}

@media (max-width: 940px) {
  .app-footer .footer-col:not(:last-child) {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.75);
  }
}

@media (min-width: 720px) {
  .app-footer .footer-wrapper {
    display: table;
    width: 100%;
  }
  .app-footer .footer-wrapper > div{
    display: table-cell;
      width: 33%;
  }
    
}

@media (min-width: 940px) and (max-width: 1200px) {
  .app-footer .footer-col {
    width: 47.75%;
    margin-left: 4%;
  }

  .app-footer .footer-col:nth-child(odd) {
    margin-left: 0;
  }

  .app-footer .footer-col:nth-last-child(-n+2) {
    padding-top: 3em;
  }
}

/* Footer Testimonials
================================================================ */

.footer-testimonials .owl-nav {
  position: absolute;
  top: -4rem;
  right: 0;
  font-size: 1rem;
}

.footer-testimonials .owl-nav div {
  display: inline-block;
  color: #707070;
  cursor: pointer;
  height: 1em;
  width: 1em;
  outline: 0;
}

.footer-testimonials .owl-nav div:after {
  font-family: FontAwesome;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.footer-testimonials .owl-nav div.owl-prev {
  margin-right: 0.3em;
}

.footer-testimonials .owl-nav div.owl-prev:after {
  content: "\f137";
}

.footer-testimonials .owl-nav div.owl-next:after {
  content: "\f138";
}

.footer-testimonials .owl-nav div:hover {
  color: white;
  text-decoration: none;
}

.footer-testimonials blockquote {
  margin: 0;
  margin-bottom: 1.3em;
  border-radius: 10px;
  border: 0;
  color: white;
  padding: 12px 42px;
  position: relative;
}

.footer-testimonials blockquote p {
  margin: 0;
  padding: 0;
  font-weight: 300 !important;
  font-size: 0.75rem;
}

.footer-testimonials blockquote p:before,
.footer-testimonials blockquote p:after {
  position: absolute;
  font-family: FontAwesome;
  font-size: 1.75rem;
}

.footer-testimonials blockquote p:before {
  content: "\f10d";
  top: 0.25em;
  left: 0.3em;
}

.footer-testimonials blockquote p:after {
  content: "\f10e";
  right: 0.3em;
  bottom: 0.1em;
}

.footer-testimonials blockquote:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  left: 3em;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-width: 12px;
  margin-left: -12px;
}

.footer-testimonials div {
  color: white;
  font-style: normal;
  display: block;
}

.footer-testimonials div .profile,
.footer-testimonials div cite {
  float: left;
}

.footer-testimonials div .profile {
  width: 44px;
  margin-bottom: 0;
}

.footer-testimonials div cite {
  width: -webkit-calc(100% - 52px);
  width: calc(100% - 52px);
  padding-left: 0.75em;
}

.footer-testimonials div cite strong {
  display: block;
  font-style: normal;
}

.footer-testimonials div i {
  color: #707070;
  font-style: normal;
}

.footer-testimonials .profile {
  height: 44px;
  width: 44px;
}

.footer-testimonials .profile img {
  /*width: 60px !important;*/
}

.footer-testimonials .bx-wrapper {
  position: relative;
}

/* Map
================================================================ */

#map {
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 375px;
  display: block;
}

/* Header
================================================================ */

.top-bar{
    background-color: #999999;
    height: 36px;
    line-height: 36px;
    
}


.top-bar .socials-right{
    float: right;
    text-align: right;
}

.top-bar .socials-right i, .top-bar .socials-right svg{
    font-size: 22px;
    margin-left: 5px;
    
}



.top-bar .socials-right a svg{
  fill: #fff;
  width: 20px;
  transform: translateY(4px);
}
.top-bar .socials-right a:hover svg{
  fill: #E65F56;
}



.top-bar .socials-right a{
    color: #fff;
}
.top-bar .socials-right a:hover, .top-bar .lang-chooser ul li a:hover{
    color:#E65F56 !important;
}


.top-bar .lang-chooser{
     display: block;
    float: right;
    margin: 0;
    width: 80px;
    position: relative;
    height: 36px;
    margin-left: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAQAAAD8mq+EAAAAv0lEQVQ4y+3PIU4DURAG4FEgt5ILIJDcgdRguUIlEr+mjgM0VVSwTQVJRS+A6QFWIUlNk5oSREUX8mHIZkUDeU/v/Gpm8iUzobDQSKvGQhEqVMqkPKMKR3ORnLljoMygJT3taU9z6TiDjglbtSIRFmrbMELj42RWBh1Qt/MGoxCGJp5O5AVvLlv6bvO7mRiKvw+7c7B309Jld/vfV9c2vtzn0HBhjamzdBrOzfBql05DePBNHg23PnNpuPLY7X8A1wnfmw0pAOUAAAAASUVORK5CYII=) center center no-repeat;

    
}

.top-bar .lang-chooser ul{
   list-style: outside none none;
    text-align: center;
    position: absolute;
    height: 36px;
    z-index: 9;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
}
.top-bar .lang-chooser::before{
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    bottom: 3px;
    width: 1px;
    background-color: #fff;
    
}
.top-bar .lang-chooser::after{
    position: absolute;
    top: 16px;
right: 5px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 5px 4px 0 4px;
border-color: #ffffff transparent transparent transparent;
}
.top-bar .lang-chooser:hover {
    background-color: #fff;
}
.top-bar .lang-chooser:hover::after{
    border-color: #cacaca transparent transparent transparent;
}
.top-bar .lang-chooser:hover ul{
    height: auto;
}

.top-bar .lang-chooser ul li.active a{
    color: #fff;
    margin-top: -4px;
    font-size: 13px;
    position: absolute;
    top: 0;
    width: 100%;
    display: block;
}
.top-bar .lang-chooser ul li a{
    display: none;
}

.top-bar .lang-chooser:hover ul li.active a{
    position: relative;
}
.top-bar .socials-right .lang-chooser:hover ul a{
    color: #cacaca;
    text-transform: uppercase;
    display: block;
}

.top-bar .lang-chooser ul a{
    display: block;
}

.top-bar .lang-chooser ul a span{
    display: none;
}
.top-bar .lang-chooser .lang-fr a::after{
    content: 'FR';
}
.top-bar .lang-chooser .lang-en a::after{
    content: 'EN';
}


.app-header-sticky .app-header-s-container{
    height: 140px;
    
}
.app-header {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 4;
  width: 100%;
  top: 0;
    padding: 15px 0;
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}
.logged-in .app-header-sticky.app-header {
  top: 32px;
}

.app-header.app-header-sticky{
    position: fixed;
	background: rgba(0, 0, 0, 0.8);
	z-index: 13;
	
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.app-header-sticky.app-header .header-wrapper{
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;	
}



@media (min-width: 940px) {
  .app-header .header-wrapper {
    display: table;
    width: 100%;
	
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;	
  }

  .app-header .logo,
  .app-header .main-nav {
    display: table-cell;
    vertical-align: middle;
  }
}

@media (min-width: 940px) {
  .cp-trigger {
    display: block;
  }

  .opera-trigger {
    display: block !important;
  }
}

/* Fixed Header
******************************************************************/

.fixed-header-container {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  display: none;
}

.fixed-header-container .header-wrapper {
  border-bottom: none !important;
}

.fixed-header-container .app-header {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  background-image: url("../../images/stock5.jpg");
  -webkit-background-size: cover;
  background-size: cover;
  z-index: 9;
}

.fixed-header-container .app-header:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.fixed-header-container .app-header .container {
  position: relative;
  z-index: 1;
}

.fixed-header-container .app-header .header-wrapper {
  padding-top: 0;
}

.fixed-header-container .logo {
  padding: 0.625em 0;
}

.fixed-header-container .main-nav ul li a {
  font-size: 0.9rem;
}

body.fixed-header .fixed-header-container {
  display: block;
}

body.fixed-header .cp-trigger,
body.fixed-header .opera-trigger {
  display: none;
}

body.fh-visible .fixed-header-container .app-header {
  opacity: 1;
  visibility: visible;
}

body.fh-visible.fixed-header #flyout-trigger.opera-trigger {
  display: none !important;
}

body.fh-visible .main-search input,
body.fh-visible .main-search .button {
  font-size: 1.25em;
}

body.fh-visible .main-search [type="submit"] {
  right: 3.5em;
}

/* Loading Spinner
================================================================ */

.loading-wrapper {
    display: none;
  position: fixed;
  z-index: 99;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #f7f7f7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.loading-wrapper.active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

@media (max-width: 940px) {
  .loading-wrapper {
    display: none !important;
  }
}

.spinner {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  height: 30px;
  width: 30px;
  -webkit-animation: rotation .7s infinite linear;
  animation: rotation .7s infinite linear;
  border-left: 8px solid rgba(0, 0, 0, 0.2);
  border-right: 8px solid rgba(0, 0, 0, 0.2);
  border-bottom: 8px solid rgba(0, 0, 0, 0.2);
  border-radius: 100%;
}

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

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* Logo
================================================================ */

.logo {
  font-size: 1.65rem;
  /*padding: 1.2em 0;*/
  font-weight: 400;
}

.logo a {
  display: inline-block;
  vertical-align: top;
  color: white;
  border-bottom: 0;
  white-space: nowrap;
  line-height: 1.3;
}

.logo a:hover .fa {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.logo a:hover .fa:before {
  content: "\f015";
}

.logo .fa {
  position: relative;
  height: 1.6em;
  width: 1.6em;
  border-radius: 0.25em;
  font-size: 0.8em;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  vertical-align: top;
  text-align: center;
  border: 2px solid transparent;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.logo .fa:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}

.logo img {
  display: block;
  padding-bottom: 1px;
}

@media (min-width: 720px) {
  .logo {
    padding: 0;
  }
}

/* Main Navigation
================================================================ */

.main-nav {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.main-nav ul,
.main-nav > ul {
  display: none;
  vertical-align: middle;
}

.main-nav ul li ,
.main-nav > ul > li {
  /* Dropdown Navigation
     Used in: "modules/_main-nav.scss"
  ================================================================ */
  margin-left: 0.25rem;
}

.main-nav ul li ul ,
.main-nav > ul > li ul {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: absolute;
  z-index: 98;
  min-width: 185px;
  margin-top: 2.6em;
  text-align: left;
  left: 0;
  font-weight: 400;
    box-shadow: 0 0 3px #666;
}

.main-nav ul li ul li,
.main-nav > ul > li ul li {
  display: block;
  position: relative;
  margin-left: 0;
}

.main-nav ul li ul li a,
.main-nav > ul > li ul li a {
  font-size: 0.9rem;
  color: #333 !important;
  background: #fff;
  line-height: 2.6;
  -webkit-box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05);
  box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-backface-visibility: hidden;
}

.main-nav ul li ul li a:before,
.main-nav ul li ul li a:after,
.main-nav > ul > li ul li a:before,
.main-nav > ul > li ul li a:after {
  font-family: FontAwesome;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/*
.main-nav ul li ul li a:before,
.main-nav > ul > li ul li a:before {
  content: "\f138";
  margin-right: 0.75em;
  display: inline-block;
}
*/

.main-nav ul li ul li a:after,
.main-nav > ul > li ul li a:after {
  content: "\f105";
  display: none;
  position: absolute;
  top: 0;
  right: 1em;
  color: rgba(255, 255, 255, 0.3);
}

.main-nav ul i ul li a:not(:only-child),
.main-nav > ul > li ul li a:not(:only-child) {
  padding-right: 2.75em !important;
}

.main-nav ul li ul li a:not(:only-child):after,
.main-nav > ul > li ul li a:not(:only-child):after {
  display: inline;
}

.main-nav ul li ul li:hover a,
.main-nav > ul > li ul li:hover a {
  color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-color: transparent;
}

.main-nav ul li ul li:hover a:before,
.main-nav ul li ul li:hover a:after,
.main-nav > ul > li ul li:hover a:before,
.main-nav > ul > li ul li:hover a:after {
  color: white;
}

.main-nav ul li ul li:hover ul ,
.main-nav > ul > li ul li:hover > ul {
  opacity: 1;
  visibility: visible;
}

.main-nav ul li ul li:hover ul a,
.main-nav > ul > li ul li:hover > ul a {
  border-bottom: 1px solid #1484ae;
}

.main-nav ul li ul li:last-child a,
.main-nav > ul > li ul li:last-child a {
  border-bottom: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.main-nav ul li ul ul ,
.main-nav > ul > li ul ul {
  top: 0;
  left: calc(100% + 11px);
  margin-left: -0.55em;
  margin-top: 0;
  border-radius: 0;
  z-index: -1;
}


.main-nav > ul > li ul ul:before,
.main-nav > ul > li ul ul:after {
  display: none;
}

.main-nav ul li ul ul li:hover a ,
.main-nav > ul > li ul ul li:hover a {
  background: #0f6180;
  border-bottom-color: transparent;
}

.main-nav ul li ul ul li:first-child a ,
.main-nav > ul > li ul ul li:first-child a {
  border-top: none;
}

.main-nav ul li ul ul ul,
.main-nav > ul > li ul ul ul {
  left: 149.5%;
  left: -webkit-calc(150% - 1px);
  left: calc(150% - 1px);
}

.main-nav ul li ul ul ul li:hover a,
.main-nav > ul > li ul ul ul li:hover a {
  background: #0a3f53;
}

.main-nav ul li ul:before,
.main-nav ul li ul:after,
.main-nav > ul > li ul:before,
.main-nav > ul > li ul:after {
  content: "";
  position: absolute;
}

.main-nav ul li ul:before ,
.main-nav > ul > li ul:before {
  height: 20px;
  top: -20px;
  width: 100%;
}

.main-nav ul li ul:after,
.main-nav > ul > li ul:after {
  height: 10px;
  width: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -5px;
  left: 0;
  right: 0;
  margin: auto;
}


.main-nav > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}

.main-nav ul li ul li:not(:first-child) ul li:first-child a,
.main-nav > ul > li > ul > li:not(:first-child) ul li:first-child > a {
  border-top: none !important;
}

.main-nav ul li:hover a,
.main-nav ul li.active a,
.main-nav > ul > li:hover > a,
.main-nav > ul > li.active > a {
  color: white;
  border: 2px solid;
}

.main-nav ul li a ,
.main-nav > ul > li > a {
  color: white;
  font-weight: bold;
  border-radius: 1.5em;
  border: 2px solid transparent;
}

.main-nav ul li a:not(:only-child):after ,
.main-nav > ul > li > a:not(:only-child):after {
  content: "\f107";
  font-family: FontAwesome;
  margin: 0.025em 0 0 0.4em;
  opacity: 0.5;
}

.main-nav ul li a,
.main-nav ul li a {
  display: block;
  line-height: 2.4;
  position: relative;
  padding: 0 1em;
    z-index: 99;
}

@media (min-width: 940px) {
  .main-nav {
    text-align: right;
  }

  .main-nav ul ,
  .main-nav > ul {
    display: inline-block;
    white-space: nowrap;
  }

  .main-nav ul li ,
  .main-nav > ul > li {
    display: inline-block;
    position: relative;
  }
}

.main-nav ul li{
    transition: all 0.5s ease;
}  
.main-nav ul li.current_page_item, .main-nav ul li.current_page_ancestor, .main-nav ul li:hover{
    background-color: #E65F56;
}
.main-nav ul li.current_page_item > a{
    color: #FFF  !important;
}
.main-nav ul li.current_page_ancestor > a, .main-nav ul li:hover > a{
    color: #FFF  !important;
}


/* Navigation Trigger
================================================================ */

.nav-trigger {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  display: block;
  position: fixed;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for Larger resolutions
  ******************************************************************/
}

.nav-trigger:hover {
  text-decoration: none;
}

.nav-trigger .fa {
  cursor: pointer;
}

.nav-trigger.nav-trigger-animate {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  outline: 0;
  z-index: 10000;
}

.nav-trigger.nav-trigger-animate .fa:before {
  content: "\f00d";
}

.nav-trigger.flyout-trigger {
  top: 1.5em;
  right: 1.5em;
  z-index: 999;
}

.nav-trigger.cp-trigger {
  z-index: 9;
  top: 3rem;
  right: 3rem;
  opacity: 0;
  visibility: hidden;
}

.flyout-active .nav-trigger,
.cp-active .nav-trigger {
  z-index: 10000;
}

@media (max-width: 940px) {
  .nav-trigger.cp-trigger {
    display: none;
  }
}

@media (min-width: 940px) {
  .nav-trigger.flyout-trigger {
    display: none;
  }
}

@media (max-width: 940px) {
  .icon-round-lrg-plain.search-toggle {
    display: none;
  }
  .logged-in #flyout-trigger {top:5em !important;}
}

@media (max-width: 770px) {
	.welcome-feature {padding-bottom: 50px;}
}


@media (max-width: 720px) {
	.menu-footer-menu-container ul.menu, .menu-footer-menu-container {padding-top: 10px !important; text-align: center !important;}
}



@media (min-width: 940px) {
  #flyout-trigger.opera-trigger {
    top: 3rem !important;
    right: 3rem;
    display: block;
    opacity: 0;
    visibility: hidden;
  }
}

/* Newsletter
================================================================ */
#mce-success-response{
    display: block;
    overflow: hidden;
    position: relative;
    width: 25px;
    height: 25px;
    margin: 10px auto 0;
}
#mce-success-response::after{
    content: "Merci";
    display: inline-block;
   
}

#mce-success-response::before{
    content: "\f00c";
    display: inline-block;
    margin-right: 7px;
    font: normal normal normal 25px/1 FontAwesome;
  
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.newsletter {
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}

.newsletter .form-element {
  position: relative;
}

.newsletter .form-element input:focus ~ label {
  top: -0.6em;
}

.newsletter .form-element input:focus:invalid ~ [type="submit"]:hover {
  background: #C23A2C;
}

.newsletter .form-element input:focus:valid ~ [type="submit"]:hover {
  background: #2DCC70;
}

.newsletter .box {
  background: #f7f7f7;
  padding: 0.5em;
  padding-right: 2em;
}

.newsletter label {
  color: #111111;
}

.newsletter [type="submit"] {
  /*position: absolute;*/
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  right: 0;
  top: 0;
  border: none;
  padding: 0 0.75em;
}

.newsletter [type="submit"] .fa {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
}


.newsletter [type="submit"]:hover .fa {
  color: white;
}

/* Pagination
================================================================ */

.pagination {
  text-align: right;
}

.pagination ul {
  font-size: 0;
}

.pagination li {
  display: inline-block;
  font-size: 1rem;
}
.pagination .pages a.page-numbers {
    color: #fff;
}
.pagination span ,
.pagination a ,
.pagination li a {
  display: inline-block;
  padding: 0.75em 1em;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  margin-right:-3px;
}

.pagination a:hover ,
.pagination li a:hover {
  color: white !important;
}

.pagination span.current,
.pagination li.active a {
  color: white;
}

.pagination span:first-child,
.pagination a:first-child,
.pagination li:first-child a {
  border-radius: 0.4em 0 0 0.4em;
}

.pagination span:last-child,
.pagination a:last-child,
.pagination li:last-child a {
  border-right: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 0 0.4em 0.4em 0;
}


/* Scroll Down Mouse
================================================================ */

.mouse {
  margin: auto;
  display: inline-block;
  position: relative;
  font-size: 0.9rem;
  width: 3.5em;
  height: 5.5em;
  border-radius: 6em;
  border: 2px solid white;
}

.mouse:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 20%;
  height: 0;
  width: 18%;
  padding-top: 18%;
  background-color: white;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mouse:hover {
  background-color: white;
  border-color: white;
}

.mouse:hover:before {
  background-color: #071216;
}

.mouse:hover [class*="mouse-scroll"] {
  border-top-color: #071216;
}

.mouse-animations {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 22.5%;
}

[class*="mouse-scroll"] {
  opacity: 0;
  margin: auto;
  width: 0px;
  height: 0px;
  border-left: 0.35em solid transparent;
  border-right: 0.35em solid transparent;
  border-top: 0.4em solid white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mouse-scroll-l {
  -webkit-animation: down3 1s infinite;
  animation: down3 1s infinite;
}

.mouse-scroll-2 {
  -webkit-animation: down2 1s infinite;
  animation: down2 1s infinite;
}

.mouse-scroll-3 {
  -webkit-animation: down 1s infinite;
  animation: down 1s infinite;
}

@-webkit-keyframes down {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(2em);
    transform: translateY(2em);
  }
}

@keyframes down {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(2em);
    -ms-transform: translateY(2em);
    transform: translateY(2em);
  }
}

@-webkit-keyframes down2 {
  40% {
    opacity: 0;
  }

  100% {
    opacity: 0.5;
    -webkit-transform: translateY(2em);
    transform: translateY(2em);
  }
}

@keyframes down2 {
  40% {
    opacity: 0;
  }

  100% {
    opacity: 0.5;
    -webkit-transform: translateY(2em);
    -ms-transform: translateY(2em);
    transform: translateY(2em);
  }
}

@-webkit-keyframes down3 {
  60% {
    opacity: 0;
  }

  100% {
    opacity: 0.2;
    -webkit-transform: translateY(2em);
    transform: translateY(2em);
  }
}

@keyframes down3 {
  60% {
    opacity: 0;
  }

  100% {
    opacity: 0.2;
    -webkit-transform: translateY(2em);
    -ms-transform: translateY(2em);
    transform: translateY(2em);
  }
}

/* Scroll to Top
================================================================ */

.scroll-top {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  color: rgba(0, 0, 0, 0.6);
  border-color: rgba(0, 0, 0, 0.6) !important;
  z-index: 9;
}

.scroll-top.visible,
body .cp-nav-container > ul li:hover > ul.scroll-top,
body.cp-active .cp-nav-container .scroll-top.logo,
body.cp-active .cp-nav-container > ul.scroll-top,
body.cp-active .cp-nav-container .scroll-top.main-search,
body.cp-active .cp-nav-container .scroll-top.copyright,
body.cp-active .scroll-top.cp-trigger {
  opacity: 0.5 !important;
}

.scroll-top:hover {
  opacity: 1 !important;
  color: white;
}

@media (min-width: 1500px) {
  .scroll-top {
    display: block;
  }
}

/* Search
================================================================ */

body.search-active.logged-in .main-search {
  top: 32px;
  opacity: 1;
  visibility: visible;
}

body.search-active .main-search {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.main-search {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: -2em;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 9;
  width: 100%;
}

.main-search input,
.main-search .button {
  line-height: 1.8;
  height: 3.5em;
  padding: 0.75em;
  font-size: 1.4rem;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  outline: none;
}

.main-search input {
	background:#fff;
	width: 96%;
	width: -webkit-calc(100% - 3.5em);
	width: calc(100% - 3.5em);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.main-search .fa {
  cursor: pointer;
}

.main-search .button {
  width: 4%;
  width: -webkit-calc(3.5em - 0.0000001em);
  width: calc(3.5em - 0.0000001em);
  text-align: center;
}

.main-search .button .fa {
  margin: 0;
  font-size: 1.25em;
  cursor: pointer;
  margin-top: 0.25em;
  margin-right: -0.15em;
}

.main-search .button.close {
  background: #bb1c1c;
}

.main-search .button.close:hover {
  background: #8f1515;
}

.main-search [type="submit"] {
  position: absolute;
  background: none;
  border: none;
  font-size: 1.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 4.5em;
  color: rgba(0, 0, 0, 0.35);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}



.main-search ::-webkit-input-placeholder {
  opacity: 0.6;
  -webkit-transition: 0s;
  transition: 0s;
}

.main-search ::-moz-placeholder {
  opacity: 0.6;
  transition: 0s;
}

.main-search :-ms-input-placeholder {
  opacity: 0.6;
  transition: 0s;
}

.main-search ::placeholder {
  opacity: 0.6;
  -webkit-transition: 0s;
  transition: 0s;
}

.search-toggle {
  display: none;
  vertical-align: middle;
  margin-left: 0.25em;
  cursor: pointer;
}

.search-toggle .fa {
  cursor: pointer;
}

@media (min-width: 940px) {
  .search-toggle {
    display: inline-block;
  }
}

/* Sub Header
================================================================ */

.hero.sub-header {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  height: 25em;
  min-height: 25em;
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.hero.sub-header .container {
  top: 57%;
}

.hero.sub-header .container h1 {
  font-size: 1.8rem;
}

.hero.sub-header .sh-title-wrapper {
  position: relative;
}

.hero.sub-header .cta {
  font-size: 1rem;
}

@media (max-width: 940px) {
  .hero.sub-header {
    text-align: center;
  }
}

@media (min-width: 720px) {
  .hero.sub-header .container h1 {
    font-size: 3.5rem;
  }

  .hero.sub-header .cta {
    font-size: 1.2rem;
  }
}

@media (min-width: 940px) {
  .hero.sub-header .container {
    top: -webkit-calc(50% + 2rem);
    top: calc(50% + 2rem);
  }

  .hero.sub-header .container h1,
  .hero.sub-header .container p {
    margin: 0;
    width: 85%;
    width: -webkit-calc(100% - 16rem);
    width: calc(100% - 16rem);
  }

  .hero.sub-header .container h1 {
    margin-bottom: 0.2em;
  }

  .hero.sub-header .container h1,
  .hero.sub-header .container p {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    position: relative;
  }

  .hero.sub-header .container.inactive h1,
  .hero.sub-header .container.inactive p {
    opacity: 1;
  }

  .hero.sub-header .container.inactive h1 {
    top: 0;
  }

  .hero.sub-header .container.inactive p {
    top: 0;
  }

  .hero.sub-header .container.active h1,
  .hero.sub-header .container.active p {
    opacity: 1;
    top: 0;
  }

  .hero.sub-header .cta {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
  }
}

/* Twitter Feed
================================================================ */

#twitter-feed {
  margin: auto;
}

#twitter-feed a:hover {
  text-decoration: none;
}

#twitter-feed .twitter-article {
  margin-top: 1rem;
}

#twitter-feed .twitter-article:first-of-type {
  margin-top: 0;
}

#twitter-feed .twitter-pic,
#twitter-feed .twitter-text {
  display: table-cell;
  vertical-align: top;
}

#twitter-feed .twitter-pic {
  width: 16%;
  width: -webkit-calc(42px - 0.0000001em);
  width: calc(42px - 0.0000001em);
}

#twitter-feed .twitter-pic a,
#twitter-feed .twitter-pic img {
  display: block;
}

#twitter-feed .twitter-pic img {
  margin-top: 2px;
  border: none;
}

#twitter-feed .twitter-text {
  width: 70%;
  width: -webkit-calc(100% - 46px);
  width: calc(100% - 46px);
  padding-left: 0.75rem;
}

#twitter-feed .twitter-text p {
  margin: 0px;
}

#twitter-feed .tweetprofilelink strong a {
  color: white;
}

#twitter-feed .tweetprofilelink strong a:hover {
  border-color: inherit;
}

#twitter-feed .tweetprofilelink > a {
  font-size: 0.95em;
}

#twitter-feed .tweet-time {
  position: relative;
  top: -1px;
  text-align: center;
}

#twitter-feed .tweet-time a {
  padding: 0 1px;
  font-size: 0.75rem;
  color: white;
  text-shadow: none;
}

/******************************************************************
Sections
******************************************************************/

/* Banner Section
================================================================ */

.section.banner {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  position: relative;
  padding: 5rem 0;
  text-align: center;
  background-color: #f7f7f7;
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.banner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url("../../images/section-bg-1.jpg");
  opacity: 0.15;
}

.section.banner .container {
  position: relative;
  z-index: 2;
}

.section.banner h4 {
  font-weight: 100;
  font-size: 1.8rem;
  margin: 0;
}

.section.banner h4 b {
  font-weight: 900;
}

.section.banner p a:not(.button),
.section.banner .meta a:not(.button) {
  border-bottom: 1px dotted;
}

.section.banner p a:not(.button):hover,
.section.banner .meta a:not(.button):hover {
  color: #127297;
}

.section.banner p {
  font-size: 1.2rem;
  font-weight: lighter;
}

.section.banner .meta {
  margin-top: 2em;
}

.section.banner .meta .button {
  margin-right: 0.25em;
}

.section.banner.alt,
.section.banner.alt a,
.section.banner.alt h4 i {
  color: white;
}

.section.banner.alt i {
  font-weight: 300;
}

.section.banner.alt .button {
  background: none;
  border: 2px solid white;
  color: white;
}

.section.banner.alt .button:hover {
  background: white;
  border-color: white;
}

.section.banner.alt a:not(.button):hover {
  color: white;
}

@media (min-width: 940px) {
  .section.banner {
    text-align: left;
  }

  .section.banner .content,
  .section.banner .meta {
    float: left;
  }

  .section.banner .content {
    width: 65%;
    width: -webkit-calc(100% - 310px);
    width: calc(100% - 310px);
  }

  .section.banner .meta {
    margin-top: 0.4em;
    padding-left: 20px;
  }

  .section.banner p {
    margin-top: 0;
  }
}

/* Clients
================================================================ */

.section.clients {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  background-image: url("../../images/polygon-bg-grey.jpg") !important;
  padding: 5rem 0;
  text-align: center;
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.clients:after {
  background: rgba(0, 0, 0, 0.5) !important;
}

.section.clients h5 {
  margin-top: 0.25em;
  font-size: 1.8rem;
  font-weight: 100;
}

.section.clients .client-logos {
  margin-top: 3rem;
  position: relative;
}

.clients-slider a,
.section.clients .client-logos a {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  display: inline-block;
  padding: 1em;
}


.section.clients .clients-slider {
  position: relative;
  top: -0.75rem;
}
.clients-slider .owl-item img,
.section.clients .owl-item img {
  width: auto;
  margin: auto;
}

.clients-slider .owl-dots,
.section.clients .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -2.5rem;
}

.section-title h3.nexus-normal-header-heading{
	font-size: 2rem !important;
	font-weight: 800;
	line-height: 0.9;
	margin-bottom: 25px !important;
	text-transform: uppercase;
}

@media (max-width: 460px) {
  .section.clients .client-logos a img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: auto;
    max-width: 160px;
  }
}

@media (min-width: 460px) {
	.clients-slider a, .section.clients .client-logos a {
    height: 150px;
    padding: 2em 1.5em;
    display: block;
  }
}

@media (min-width: 940px) {
  .section.clients {
    text-align: left;
  }

  .section.clients .title {
    border-right: 1px solid rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.075);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.075);
    padding-right: 1em;
  }

  .section.clients .client-logos {
    margin-top: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

/* Contact Section
================================================================ */

.section.contact {
  /* Animations */
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.contact .container {
  position: relative;
  z-index: 2;
}

.section.contact .contact-widgets {
  margin-bottom: 4rem;
}

.section.contact .send-message {
  margin-bottom: 4rem;
}

.section.contact .form-element {
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
}

.section.contact .form-element:nth-child(1),
.section.contact .form-element:nth-child(2) {
  bottom: 0;
}

.section.contact .form-element:nth-child(3),
.section.contact .form-element:nth-child(4) {
  top: 0;
}

.section.contact [type="submit"] {
  opacity: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.section.contact.inactive .form-element {
  opacity: 0;
}

.section.contact.inactive .form-element:nth-child(1),
.section.contact.inactive .form-element:nth-child(2) {
  bottom: -2em;
}

.section.contact.inactive .form-element:nth-child(3),
.section.contact.inactive .form-element:nth-child(4) {
  top: -2em;
}

.section.contact.inactive [type="submit"] {
  opacity: 0;
}

@media (max-width: 940px) {
  .section.contact .widget:not(:last-child) {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  }
}

@media (min-width: 720px) {
  .section.contact [type="submit"] {
    font-size: 1.2rem;
  }
}

/* Hero
================================================================ */

.hero {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  position: relative;
  
  -webkit-background-size: cover;
  background-size: cover;
  color: white;
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

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


    z-index: 2;
    width: 100%;
    height: 25px;
}

.hero:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.hero.hero-slider:after {
  height: auto;
}

.hero-title h2 {
  color: #fff;
}

.hero .title-container .container {
  position: absolute;
z-index: 1;
left: 0;
right: 0;
margin: auto;
top: 0;
    
}

.hero .hero-title {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

.hero .hero-title h2,
.hero .hero-title h3 {
  margin: 0.25em 0;
}

.hero .hero-title h2:first-child,
.hero .hero-title h3:first-child {
  margin-top: 0;
}

.hero .hero-title h2:last-child,
.hero .hero-title h3:last-child {
  margin-bottom: 0;
}

.hero .hero-title h2 {
  font-size: 1.2em !important;
  font-weight: 600 !important;
}

.hero .hero-title h3 {
  font-size: 0.85em !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
}

.hero .blurb {
  font-weight: 100;
}

.hero .blurb a {
  color: white;
  border-bottom: 1px dotted;
}

.hero .button {
    margin-top: 0.75em;
float: right;
font-weight: 400;
font-size: 14px;
padding: 0px 12px;
background-color: #E65F56;
}


.hero .button.border {
  border: 2px solid white !important;
  color: white;
}

.hero .button.border:hover {
  background: white;
  color: #071216;
}

.hero .hero-down {
  display: none;
  position: absolute;
  text-align: center;
  z-index: 2;
  bottom: 1rem;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.hero .hero-down:hover {
  border-bottom: none;
}


.swiper-container {
    overflow:visible; 
    height: 100%;
    background-color: #fff;
}
.swiper-slide {
    
    font-size: 17px;
    font-weight: 300;
    background-position: center center;
    background-size: cover;
}

.swiper-slide .container{
    height: 100%;

}
.swiper-slide .container > div{
    height: 100%;
    position: relative;
}
.swiper-slide .container .caption{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    
}
.hero .swiper-wrapper{
    height: 600px;
    
}


.swiper-slide .text-wrapper{
    float: left;
   /* background-color: rgba(5,90,126,0.66);*/
   background-color: rgba(230, 95, 86,0.66);
    
}

.swiper-slide .container .title{
   font-size: 34px;
    color: #E65F56;
    padding: 10px 20px;
    background-color: #fff;
    float: left;
    font-family: Figtree;
}
.swiper-slide .container .text{
    padding: 20px 0px 20px 40px;
    color: #fff;
    clear: both;
    text-align: justify;
}
.hero .swiper-side{
 
    background-color: #E65F56;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    height: 600px;
    color:#fff;
    text-align: center;
    padding: 0px;
}
.hero .swiper-side-inner{

    padding: 20px;
}

.hero .swiper-side h2, .hero .swiper-side h3, .hero .swiper-side h4{
    color: #fff;
}

.hero .swiper-side h2{
    font-size: 35px;
    font-weight: 500;
    line-height: 29px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.hero .swiper-side h2 span{
    font-size: 19px;
    display: block;
}
.hero .swiper-side h3{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 5px 0 15px;
}
.hero .swiper-side input[type=email]{
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    border: medium none;
    padding: 11px 12px 10px;
    float: left;
    width: 80%;
}

.hero .swiper-side input[type=submit]{
    font-weight: 600;
    float: left;
    width: 20%;
text-align: center;
padding: 10px;
background-color: #000;
}


.hero .swiper-side .icon1{
    background: url(../../images/icon1.png) center center no-repeat;
    width: 64px;
    height: 67px;
    background-size: 95%;
}
.hero .swiper-side .icon2{
    background: url(../../images/icon2.png) center center no-repeat;
    width: 74px;
    height: 95px;
    background-size: 95%;
}
.hero .swiper-side .icon3{
    background: url(../../images/icon3.png) center center no-repeat;
    width: 100px;
    height: 82px;
    background-size: 95%;
}
.hero .swiper-side .bottom{
/*    background-color: #fb6464;*/
    background-color: #b28f8e;
    padding: 15px 34px 20px;
    position: absolute;
    top: 100%;
    width: 100%;
}
.hero .swiper-side .bottom h4{
    margin-bottom: 10px;
font-weight: 500;
margin-left: -10px;
text-align: left;
font-size: 16px;
}
.hero .swiper-container-horizontal > .swiper-pagination-bullets, .hero .swiper-pagination-custom, .hero .swiper-pagination-fraction {
    bottom: 30px;
    left: 50%;
    width: 182px;
}

.hero .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #fff;
    opacity: 1;
    border: 3px solid #fff;
}
.hero .swiper-pagination-white .swiper-pagination-bullet-active {
    background: transparent;
}

@media (min-width: 720px) {
  .hero .hero-title > span {
    display: table-cell;
    vertical-align: middle;
  }
}




@media (max-width: 1020px) {


 
    .hero .title-container .container, .hero .swiper-side .bottom {
        position: relative;
    }
    .hero .swiper-side .bottom {
        display: flex;
        margin: 0 auto;
        padding: 20px;
    }
   
    .hero .swiper-side {
       position: relative;
       height: auto;
       width: 100%;
        margin-bottom: 50px;
   }
   
   .hero .swiper-side .bottom h4 {
       margin-right: 40px;
       margin-top: 10px;
   }
   
   .hero .swiper-side .bottom form {}
   
   .hero .swiper-side input[type="email"] {
       width: 80%;
   }
    .hero .swiper-side form input[type="submit"] {
        width: 20%;
    }
   
   .hero .swiper-side .pilier {
       width: 33%;
       display: inline-block;
    }
    .swiper-slide .container .text {
        padding: 20px;
    }
    .hero .swiper-container-horizontal > .swiper-pagination-bullets{
        display: none;
    }
    
}



@media (max-width: 600px) {
    
    .hero .swiper-side .bottom {
        display: block;
    }
}


@media (min-width: 940px) {
  .hero {
    
    /* Animations */
  }
    
    

  .hero.hero-slider {
    height: auto;
    height: auto;
	min-height: auto;
  }  
  
  .hero .hero-title {
    font-size: 2.85rem;
  }
   
   
   .hero .title-wrapper {
       width: 80%;
   }
   
   .hero .blurb {
    font-size: 1.4rem;
  }


  .hero .hero-down {
    display: inline-block;
  }

  .hero .title-wrapper {
    position: relative;
  }

  .hero.inactive .hero-title {
    top: 6rem;
  }

  .hero.inactive .blurb {
    top: -1rem;
  }

  .hero.inactive .hero-down {
    bottom: 2em;
    opacity: 0;
  }
    
    
}

@media (min-width: 1200px) {
  .hero .hero-title {
    font-size: 2.85rem;
  }
}

.hero-fixed .hero {
  position: fixed;
  top: 0;
  width: 100%;
}

.hero-fixed.cp-active {
  padding-top: 0 !important;
}

.video-bg .hero {
  background: none;
}

.hero-vid {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background: url("../../images/stock5.jpg") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  display: none;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: -1;
}

/* Blog Posts Section
================================================================ */

.section.latest-posts {
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.section.latest-posts.inactive .blog-item {
  top: 3rem;
  opacity: 0;
}

.section.latest-posts .blog-item {
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  top: 0;
  opacity: 1;
}

.section.latest-posts .blog-item:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.section.latest-posts .blog-item:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

@media (max-width: 940px) {
  .section.latest-posts .blog-item:not(:last-child) {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  }
}

/* Latest Works
================================================================ */

.section.latest-works {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.latest-works .portfolio-items {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.section.latest-works .nav-carousel {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.section.latest-works.inactive .portfolio-items {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.section.latest-works.inactive .nav-carousel {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 1400px) {
  .section.latest-works > .container {
    position: relative;
  }

  .section.latest-works .nav-carousel [class*="nav-"] {
    top: auto;
    bottom: -0.25rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .section.latest-works .nav-carousel .nav-prev {
    left: 0;
  }

  .section.latest-works .nav-carousel .nav-next {
    right: 0;
  }
}

/* More About Us
================================================================ */

.section.more-info {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  background: #f7f7f7 !important;
  color: #111111 !important;
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.section.more-info:after {
  background-image: url("../../images/section-bg-1.jpg") !important;
  -webkit-background-size: 120% 220% !important;
  background-size: 120% 220% !important;
  background-position: 25% -37% !important;
  opacity: 0.1;
}

.section.more-info .container {
  position: relative;
  z-index: 2;
}

.section.more-info .auto-resizable-iframe {
  max-width: 720px;
  margin: 0px auto;
}

.section.more-info .auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 55%;
  height: 0px;
}

.section.more-info .auto-resizable-iframe iframe {
  position: absolute;
  border: 0px;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

@media (max-width: 940px) {
  .section.more-info .info-video {
    margin-bottom: 2rem;
  }
}

/* Pricing Section
================================================================ */

.section.pricing {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  overflow: hidden;
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.pricing.inactive .price-chart-container {
  top: 3rem;
  opacity: 0;
}

.section.pricing .price-chart-container {
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  top: 0;
  opacity: 1;
}

.section.pricing .price-chart-container:not(:last-child) {
  margin-bottom: 4em;
}

.section.pricing .price-chart-container:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.section.pricing .price-chart-container:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

@media (min-width: 940px) {
  .section.pricing .price-chart-container {
    margin-bottom: 0 !important;
  }

  .price-chart:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

/* Primary Quote
================================================================ */

.section.quote {
  padding: 6rem 0;
  overflow: hidden;
}

blockquote {
  width: 90%;
  margin:0 auto;
  background-color: rgba(180,180,180,0.7);
    border-radius: 15px;
    
}
blockquote::after {
    content: '';
    position: absolute;
    left: 20px;
    bottom: -16px;
    
    width: 0;
height: 0;
border-style: solid;
border-width: 16px 11px 0 11px;
border-color: rgba(180,180,180,0.7) transparent transparent transparent;
    
}
blockquote h4{
	color: inherit;
	font-family: inherit !important;
	font-size: 2.2rem !important;
	font-weight: 100;
}

blockquote h4 b {
  font-weight: 800;
}

.section.quote blockquote {
  margin: auto;
  color: white;
  font-weight: lighter;
  line-height: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}

ul.nexus-contact-widget , ul.nexus-contact-widget li{list-style:none;}

.section.quote blockquote h4 {
  font-size: 1.8rem;
}

.section.quote blockquote b {
  font-weight: 900;
}

.section.quote blockquote.inactive {
  -webkit-transform: scale(0) rotate(-540deg);
  -ms-transform: scale(0) rotate(-540deg);
  transform: scale(0) rotate(-540deg);
}

@media (min-width: 940px) {
  .section.quote blockquote {
    width: 80%;
  }

  .section.quote blockquote h4 {
    font-size: 2.2rem;
  }
}

/* Section
================================================================ */

.section {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  
  /*padding: 6rem 0;*/
  
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section .section {
  padding: 0;
}

div.sep.nexus-header-title,
header.sep.nexus-header-title,
.section header {
  text-align: center;
}

div.sep.nexus-header-title,
header.sep.nexus-header-title,
.section header.sep {
  position: relative;
  margin-bottom: 5.25em !important;
}
div.sep.nexus-header-title::after,
header.sep.nexus-header-title::after,
.section header.sep:after {
	bottom: -3.25rem;
	color: rgba(0, 0, 0, 0.2);
	content: "• • •";
	font-size: 24px;
	font-weight: 600;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
}

.section header ul {
  font-size: 1rem;
}

.section header ul li {
  display: inline-block;
}

.section header ul li:after {
  content: "•";
  margin: 0 0.5em;
  color: rgba(0, 0, 0, 0.25);
}

.section header ul li:last-child:after {
  display: none;
}



.section header ul li .fa-calendar {
  font-size: 0.9rem;
}

.section-title h2,
.section-title h3 {
  margin: 0.25em 0;
}

.section .section-title h2:first-child,
.section .section-title h3:first-child {
  margin-top: 0;
}

.section .section-title h2:last-child,
.section .section-title h3:last-child {
  margin-bottom: 0;
}

.section-title h2 {
  font-size: 2.85rem;
}

.section-title h3 {
  font-size: 2rem;
  line-height: 1.2;
  font-weight:100;
}

.section-title p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.8rem;
  line-height: 1;
}

.section.section-map {
  position: relative;
}

.section.section-map:after {
  display: none;
  content: "";
  background-image: url("../../images/dot-map.png");
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  width: 60%;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0.05;
  height: 20%;
  position: absolute;
  bottom: 0;
}

.section .lead {
  font-size: 1.4rem;
}
.nav-carousel.nexus-services-slider,
.section .nav-carousel {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.nav-carousel.nexus-services-slider [class*="nav-"] {
  border-color: #c1c1c1;
  color: #c1c1c1;
}

.project-carousel .nav-carousel [class*="nav-"],
.nexus-testimonials-slider.nav-carousel [class*="nav-"],
.nav-carousel.nexus-services-slider [class*="nav-"] ,
.section .nav-carousel [class*="nav-"] {
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.nav-carousel.nexus-services-slider [class*="nav-"] .fa,
.section .nav-carousel [class*="nav-"] .fa {
  cursor: pointer;
}

.nav-carousel.nexus-services-slider  .nav-prev{
  left: -3rem;
}
.nav-carousel.nexus-services-slider  .nav-next {
  right: -3rem;
}

.project-carousel .nav-carousel .nav-prev,
.nexus-testimonials-slider.nav-carousel .nav-prev,
.section .nav-carousel .nav-prev {
  left: 3rem;
}

.project-carousel .nav-carousel .nav-next,
.nexus-testimonials-slider.nav-carousel .nav-next,
.section .nav-carousel .nav-next {
  right: 3rem;
}

.nexus-testimonials-slider.nav-carousel .icon-round-border-lrg:hover i,
.nexus-testimonials-slider.nav-carousel .icon-round-border-lrg i:hover{
	background:transparent !important;
	color:#111111;
}

.section-title h2 span{
	font-weight: 300 !important;
	line-height: 1.1;
	padding: 0 0.125em;
}

.nexus-half select {
  background: rgba(0, 0, 0, 0.075) none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.075);
  color: #b3b3b3;
  font-size: 15px;
  padding: 1.5em;
  width: 100%;
}

body .wpcf7-form .wpcf7-submit {
    color: #f7f7f7;
    border-color: #ff4b3c;
    font-size: 14px;
    padding: 14px 20px;
    font-family: Figtree;
    border-radius: none !important;
}

body .wpcf7-form .wpcf7-submit:hover {
    border: none;
    background-color: #b1182d !important;
}
.wpcf7-checkbox span.wpcf7-list-item {
  display: block;
  margin-bottom: 10px;
}

form.wpcf7-form input[type="checkbox"]{

    display: inline;
    width: auto;
    margin-right: 10px;
    
}
.nexus-full input[type="checkbox"] {
  display: inline-block;
  width: auto;
}


@media (min-width: 720px) {
  .section header {
    margin-left: auto;
    margin-right: auto;
  }
  
 .section header.welcome-content,
  .section .welcome-content header {
    width: 100%;
  }  
  
  .section header ul {
    font-size: 1.4rem;
  }

  .section .section-title h2 {
    font-size: 2.2rem;
  }

  .section .section-title h3 {
    font-size: 1.8rem;
    line-height: 0.9;
  }
}

@media (min-width: 940px) {
  .section header p {
    font-size: 1.4rem;
  }

  .section.section-map {
    padding-bottom: 11em !important;
  }

  .section.section-map:after {
    display: block;
  }

  .section .section-title h2 {
    font-size: 2.85rem;
  }

  .section .section-title h3 {
    font-size: 2rem;
  }
}

/* Primary Section
================================================================ */

.section.primary {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  background: #f7f7f7;
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

div.sep.nexus-header-title,
header.sep.nexus-header-title,
.section.primary:not(.welcome) header {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.section.primary:not(.welcome) header.inactive {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.section.primary + .primary {
  padding-top: 0;
}

.section.primary .section-title h2 {
  font-weight: 100;
  display:inline-block;
}

.section.primary .section-title h2 b {
  display: inline-block;
  line-height: 1.1;
  color: white;
  padding: 0 0.125em;
}

.section.primary .section-title h2 span {
  font-weight: 900;
}

.section.primary .section-title h2 strong {
  text-transform: none;
  font-weight: 900;
}

.section.primary .section-title h3 {
  font-weight: 800;
}

.section.primary .section-title h4 {
  position: relative;
  font-weight: 100;
  font-size: 1.8rem;
}

.section.primary .section-title h4:before {
  content: "";
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0.3em;
  z-index: 0;
}

.section.primary .section-title h4 span {
  background: #f7f7f7;
  padding: 0 0.5em;
  position: relative;
}

.project-carousel .nav-carousel [class*="nav-"],
.nav-carousel.nexus-services-slider .nav-carousel [class*="nav-"],
.section.primary .nav-carousel [class*="nav-"] {
  border-color: #c1c1c1;
  color: #c1c1c1;
}


.nav-carousel.nexus-services-slider [class*="nav-"]:hover ,
.section.primary .nav-carousel [class*="nav-"]:hover {
  color: white;
}

.project-carousel .nav-carousel [class*="nav-"]:hover i,
.nav-carousel.nexus-services-slider [class*="nav-"]:hover i,
.nav-carousel.nexus-services-slider [class*="nav-"] i:hover{
	background:transparent !important;
}

@media (min-width: 940px) {
  .section.primary .section-title h4 {
    font-size: 2.2rem;
  }
}

/* Secondary Section
================================================================ */

.section.secondary {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  position: relative;
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url("../../images/polygon-bg-blue.png");
  color: white;
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.secondary:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.35);
}

.section.secondary .container {
  position: relative;
  z-index: 1;
}

.section.secondary .section-title h2 {
  font-weight: 900;
}

.section.secondary .section-title h3 {
  font-weight: 100;
}

.button.nexus-white-button{
  color: #fff;
  background: transparent;
  border:2px solid #fff;
}

a.button.round.nexus-white-button:hover{
  color: #111111 !important;
  background: #fff;
  opacity:1;
}

.section.secondary .button.border {
  color: white;
}

.section.secondary .button.border:hover {
  background: white;
  border-color: white;
  color: #071216;
}

.nexus-testimonials-slider.nav-carousel .fa,
.nexus-testimonials-slider.nav-carousel [class*="nav-"]{
  cursor:pointer;
}

.section.secondary .nav-carousel [class*="nav-"] {
  border-color: white ;
  color: white;
}

.nexus-testimonials-slider.nav-carousel [class*="nav-"]:hover{
	border-color: white ;
	background: white;
	color: #071216;	
}
.section.secondary .nav-carousel [class*="nav-"]:hover {
  background: white;
  color: #071216;
}

/* Services Section
================================================================ */

.section.services {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.section.services .row {
  margin-top: 4rem;
}

.section.services .row:first-child {
  margin-top: 0;
}

.section.services .services-slider {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  top: 0;
}
.nav-carousel.nexus-services-slider,
.section.services .nav-carousel {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.section.services.inactive .services-slider {
  top: 3rem;
  opacity: 0;
}

.section.services.inactive .nav-carousel {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 940px) {
  .section.services > .container {
    position: relative;
  }
 .nav-carousel.nexus-services-slider .nav-prev,
  .section.services .nav-carousel .nav-prev {
    left: 0;
  }
 .nav-carousel.nexus-services-slider .nav-next,
  .section.services .nav-carousel .nav-next {
    right: 0;
  }
}

/* Skills
================================================================ */

.section.skills {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.skills h5 {
  font-size: 1rem;
  margin-bottom: 0.5em;
  top: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  opacity: 1;
  transition: 0.4s;
}

.section.skills .progress-bars {
  -webkit-transition: 1s;
  transition: 1s;
}

.section.skills .progress {
  -webkit-transition: 1s;
  transition: 1s;
}

.section.skills .progress-bar {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.section.skills.inactive h5 {
  opacity: 0;
}

.section.skills.inactive .progress-bar {
  background: transparent;
  color: transparent;
}

.section.skills.inactive .progress {
  width: 0 !important;
  padding: 0;
}

@media (max-width: 940px) {
  .section.skills .progress-bars {
    margin-top: 3em;
  }
}

@media (min-width: 940px) {
  .section.skills .progress-bars {
    padding-left: 3.5%;
    vertical-align: middle;
  }
}

/* Stats Section
================================================================ */

.stats {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
}

.stats .stat {
  padding: 3rem;
  text-align: center;
  color: white;
}

.stats .stat h4 {
  font-size: 2.2rem;
  margin-top: 1rem;
  margin-bottom: 0.25rem;
}

.stats .stat p {
  margin: 0;
  font-size: 1.4rem;
}

.stats .stat:nth-child(1) {
  background: #1480aa;
}

.stats .stat:nth-child(2) {
  background: #168ebc;
}

.stats .stat:nth-child(3) {
  background: #189cce;
}

.stats .stat:nth-child(4) {
  background: #1aaae0;
}

/* Team Section
================================================================ */

.team {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

.team.inactive .team-member {
  top: 5em;
  opacity: 0;
}

.team .team-member {
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  top: 0;
  opacity: 1;
}

.team .team-member:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.team .team-member:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.team h4 {
  font-size: 1.4rem;
  font-weight: 900;
  margin-bottom: 0.25em;
}

.team h5 {
  font-size: 1.2rem;
  margin-top: 0;
  font-weight: 300;
}

.team p {
  font-weight: 300;
}

.team .mask {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.team .mask:before {
  content: "";
  bottom: 1.25rem;
  left: 1.25rem;
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  z-index: 4;
  opacity: 0;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.team .mask [class^="icon-"] {
  position: absolute;
  top: 42.5%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 6;
}

.team .team-pic {
  position: relative;
  overflow: hidden;
}

.team .team-pic img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  min-width: 100%;
  display: block;
}

.team .team-pic:hover .mask {
  opacity: 1;
}

.team .team-pic:hover .mask:before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.team .team-pic:hover [class^="icon-"] {
  top: 50%;
}

.team .team-pic:hover img {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}

@media (max-width: 720px) {
  .team .team-member:not(:last-child) {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  }
}

/* Testimonials
================================================================ */

.section.testimonials {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.testimonials .container {
  position: static;
}

.testimonials-slider .testimonial blockquote cite {
  line-height: 1.6;
  margin-top: 1em;
  display: inline-block;
  padding: 0 0.35em;
  font-weight: 300;
  color:#fff;
}

.testimonials-slider .testimonial blockquote h5 {
  font-weight: inherit;
  font-size: inherit;
  display: inline;
  margin: 0;
}

.testimonials-slider .testimonial p {
  padding: 0;
}

.testimonials-slider .testimonial p:after {
  /*bottom: auto;*/
}

.testimonials-slider .testimonials-slider {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  bottom: 0;
  position: relative;
  text-align: center;
}

.testimonials-slider.nav-carousel {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.inactive .testimonials-slider {
  bottom: -2em;
  opacity: 0;
}

.inactive .nav-carousel {
  opacity: 0;
  visibility: hidden;
}

.testimonial > blockquote {
	text-align: center;
	width: 100%;
}

@media (max-width: 940px) {
  .section.testimonials > .container {
    position: relative;
  }

  .testimonials-slider.nav-carousel [class*="nav-"] {
    top: 2.5em;
  }

  .testimonials-slider.nav-carousel .nav-prev {
    left: 0;
  }

  .testimonials-slider.nav-carousel .nav-next {
    right: 0;
  }
}

@media (min-width: 720px) {
  .testimonials-slider .testimonial p {
    font-size: 1.4rem;
  }
}

@media (min-width: 720px) and (max-width: 940px) {
  .testimonials-slider .testimonial blockquote {
    padding: 0 3em;
  }
}

@media (min-width: 940px) {
  .testimonials-slider .testimonial {
    width: 80%;
    margin: auto;
  }

 .testimonials-slider .testimonial p {
    padding: 0 2em;
  }
}

/* Welcome Section
================================================================ */

.section.welcome {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  padding-bottom: 0 !important;
  position: relative;
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.section.welcome .container {
  position: relative;
}

.section.welcome header {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  background: #f7f7f7;
}

.section.welcome header:not(:first-of-type) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.section.welcome header.active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.section.welcome .earth {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  bottom: 0;
}

.section.welcome .earth img {
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.section.welcome .welcome-browsers {
  margin-left: -0.31em;
}

.section.welcome .welcome-browsers .livicon {
  margin-left: 0.5rem;
  cursor: help;
  display: inline-block;
}

.section.welcome .welcome-features {
  width: 100%;
  text-align: left;
}

.section.welcome .welcome-features .section-title {
  margin-bottom: 2.4rem;
  text-align: center;
}

.section.welcome .welcome-features p {
  font-size: 1rem;
}

.section.welcome .tipr_container_top {
  margin-top: -116px;
}

.section.welcome .pins {
  opacity: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.section.welcome .nav-carousel {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.section.welcome.inactive .earth {
  bottom: -15em;
}

.section.welcome.inactive .earth img {
  -webkit-animation-name: none;
  animation-name: none;
}

.section.welcome.inactive .pins {
  opacity: 0;
}

.section.welcome.inactive .nav-carousel {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 460px) {
  .section.welcome .earth .pin {
    -webkit-transform: scale(0.75) rotate(-45deg);
    -ms-transform: scale(0.75) rotate(-45deg);
    transform: scale(0.75) rotate(-45deg);
  }

  .section.welcome .title span {
    display: none;
  }
    .hero .swiper-side .pilier {
        width: 100%;
    }
}

@media (max-width: 720px) {
  .section.welcome .welcome-features h4 {
    font-size: 1rem;
  }
}

@media (max-width: 940px) {
  .section.welcome .welcome-features .title {
    margin-top: 0.75em;
  }

  .section.welcome .welcome-features p {
    display: none;
  }
}

@media (max-width: 1200px) {
  .section.welcome .nav-carousel {
    display: none;
  }
  
  .middle-container{width:95%;}
}

/* What We Offer Section
================================================================ */

.section.what-we-offer {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
}

.section.what-we-offer.inactive .feature-block-wrapper {
  top: 3rem;
  opacity: 0;
}

.section.what-we-offer .feature-block-wrapper {
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  top: 0;
  opacity: 1;
}

.section.what-we-offer .feature-block-wrapper:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.section.what-we-offer .feature-block-wrapper:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.section.what-we-offer .feature-block-wrapper:nth-child(4) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

/* Why Choose Us Section
================================================================ */

.why-choose-us {
  /******************************************************************
  Start building the basic layout
  ******************************************************************/
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

.why-choose-us .wcu-content {
  position: relative;
  min-height: 450px;
}

.why-choose-us .wcu-graphic {
  width: 60%;
  margin: auto;
}

.why-choose-us .wcu-feature {
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
}
/*
.why-choose-us .wcu-feature:nth-child(1) {
  top: 0;
  left: 0;
}

.why-choose-us .wcu-feature:nth-child(2) {
  left: 0;
  bottom: 0;
}

.why-choose-us .wcu-feature:nth-child(3) {
  top: 0;
  right: 0;
}

.why-choose-us .wcu-feature:nth-child(4) {
  bottom: 0;
  right: 0;
}*/


.why-choose-us.inactive .wcu-feature {
  opacity: 0;
}

.why-choose-us.inactive .wcu-left {
  left: -3rem !important;
}

.why-choose-us.inactive .wcu-right {
  right: -3rem !important;
}

.why-choose-us.section-map:after {
  bottom: -5rem;
}

@media (max-width: 940px) {
  .why-choose-us .wcu-graphic {
    margin-bottom: 4rem;
  }

  .why-choose-us .wcu-feature:not(:last-child) {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 940px) {
  .why-choose-us .wcu-feature {
	float: left;
	margin-bottom: 80px;
	position: relative;
	width: 50%;
	min-height:185px;
  }

  .why-choose-us .wcu-feature:after {
    content: "";
    position: absolute;
    top: 1.75rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 130px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }

  .why-choose-us .wcu-feature.wcu-left {
    padding-right: 2rem;
  }

  .why-choose-us .wcu-feature.wcu-left:after {
    -webkit-transform: translateX(-35%);
    -ms-transform: translateX(-35%);
    transform: translateX(-35%);
  }

  .why-choose-us .wcu-feature.wcu-right {
    padding-left: 2rem;
  }

  .why-choose-us .wcu-feature.wcu-right:after {
    -webkit-transform: translateX(35%);
    -ms-transform: translateX(35%);
    transform: translateX(35%);
  }

  .why-choose-us .wcu-graphic {
    width: 40%;
  }
}

/******************************************************************
Pages
******************************************************************/

/* About Page
================================================================ */

body.about .section.welcome .pin {
  opacity: 1;
}

/* Blog Pages
================================================================ */

body.blog-index .blog-items .thumb {
  height: 200px;
}

.post-meta {
  position: relative;
  margin-bottom: 4em;
}

.post-meta .thumb {
  display: block;
  height: 200px;
  overflow: hidden;
}

.post-meta .thumb img {
  width: 100%;
}

.post-meta .profile {
  position: absolute;
  bottom: -35px;
  left: 3.5%;
  height: 75px;
  width: 75px;
  display: inline-block;
}

a:focus{outline:none;}

/* Further Pages
================================================================ */

body.further {
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

body.further .app-header .header-wrapper {
  padding: 0;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.25);
}

@media (min-width: 720px) {
  body.further .lede {
    font-size: 1.4rem;
    font-weight: 300;
  }
}

/* Services Page
================================================================ */

body.services {
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
}

body.services .section.services .service {
  display: inline-block;
}

body.services .section.services:after {
  background-position: 0em 4em;
}

body.services .section.services .row {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
}

body.services .section.services .row.inactive {
  opacity: 0;
  top: 3em;
}

body.services .section.services .row.active {
  opacity: 1;
  top: 0;
}

@media (max-width: 940px) {
  body.services .section.services .row {
    margin-top: 4rem;
  }

  body.services .section.services .row:first-child {
    margin-top: 0;
  }

  body.services .section.services .service:not(:last-child) {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  }

  body.services .section.services:after {
    width: 66%;
    height: 10%;
    bottom: 1px;
  }
}

@media (max-width: 1200px) {
  body.services .section.services .service .title {
    display: block;
  }

  body.services .section.services .service .fa {
    height: 65px;
  }
}

/* Single Post
================================================================ */

body.single-post {
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

body.single-post .sub-header {
  /*-webkit-background-size: cover;
  background-size: cover;
  background-image: url("../../images/stock5.jpg");*/
}

body.single-post .hidden-comment {
  display: none;
}

body.single-post .metro-blocks {
  margin: 4rem 0 0;
}

@media (max-width: 940px) {
  body.single-post .blog-item:not(:last-child) {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  }
}

@media (min-width: 720px) {
  body.single-post .post-content {
    font-size: 1.4rem;
    text-align: justify;
  }
}

/* Single Project
================================================================ */

body.single-project {
  /******************************************************************
  Start building for smaller resolutions
  ******************************************************************/
  /******************************************************************
  Start building for larger resolutions
  ******************************************************************/
}

body.single-project .sub-header {
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url("../../images/stock5.jpg");
}

body.single-project .lede {
  margin: auto;
  margin-bottom: 4rem;
  text-align: center;
}

header.what-we-did {
  margin-bottom: 4rem !important;
  width: 100% !important;
}

body.single-project .feature-block-wrapper {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
}

body.single-project .feature-block-wrapper:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

body.single-project .feature-block-wrapper:nth-child(3) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

body.single-project .feature-block-wrapper:nth-child(4) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

body.single-project .info-graphic header {
  text-align: left;
  width: 100%;
}

body.single-project .info-graphic h4,
body.single-project .info-graphic h5 {
  margin: 0.25em 0;
}

body.single-project .info-graphic h4:first-child,
body.single-project .info-graphic h5:first-child {
  margin-top: 0;
}

body.single-project .info-graphic h4:last-child,
body.single-project .info-graphic h5:last-child {
  margin-bottom: 0;
}

body.single-project .info-graphic h4 {
  font-size: 1.8rem;
}

body.single-project .info-graphic h5 {
  font-size: 1.4rem;
  font-weight: lighter;
}

body.single-project .feature-blocks.inactive .feature-block-wrapper {
  bottom: -3em;
  opacity: 0;
}

body.single-project .feature-blocks.active .feature-block-wrapper {
  bottom: 0;
  opacity: 1;
}

body.single-project .section.testimonials .nav-carousel {
  display: none;
}

@media (max-width: 720px) {
  body.single-project .info-graphic [class*="span"] {
    margin-top: 4em;
    text-align: left !important;
    vertical-align: middle;
  }

  body.single-project .info-graphic [class*="span"]:first-child {
    margin-top: 0;
  }

  body.single-project .info-graphic .lead {
    font-size: 1rem;
  }

  body.single-project .info-graphic .text-right {
    text-align: left !important;
  }
}

@media (max-width: 1200px) {
  body.single-project .info-graphic [class*="span"] {
    vertical-align: middle;
  }
}

@media (min-width: 720px) {
  body.single-project .lede {
    width: 80%;
  }
}

@media (min-width: 940px) {
  body.single-project .section.single-project header ul {
    font-size: 1.4rem;
  }
}





/* Added By ProfTeam
================================================================ */
ul.bullet-list.min-bp2 ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

a.button.round:hover {
  color: #fff !important;
}

.button:hover{opacity:0.8;}

.nexus-header-title h2{font-weight:100;}
.nexus-header-title h2 strong{font-weight:900; text-transform:capitalize;}

.nexus-header-title .sub-text.sub-text-center{
	margin: 0 auto;
	width: 78%;
}

.nexus-header-title .sub-text {
  font-size: 20px;
}

.nexus-single-livicon{
	display:inline-block;
	cursor:help;
	margin-right:0.5rem;
}

.welcome-feature .livicon{
  display: table-cell;
  vertical-align: middle;
}


.welcome-feature .widget-content {
	padding-left: 1em;
	display: table-cell;
	vertical-align: middle; 
	text-align:left;
}

.welcome-feature .title {
  margin-bottom: 0.75em;
}

.welcome-feature .title h4 {
  font-size: 1.4rem;
  font-weight: 700;
}

.welcome-feature p {
  font-size: 1rem !important;
  margin-top: 0.25em;
}

.footer-testimonials .testimonial blockquote p{
	text-align:left;
}

input.newsletter-email {
	background: none repeat scroll 0 0 #f7f7f7;
	padding: 0.5em 2em 0.5em 0.5em;
	border: 1px solid rgba(255, 255, 255, 0);
	width: 100%;  
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}

.newsletter.newsletter-widget form input.newsletter-submit{
	background:rgba(0, 0, 0, 0.2);
	color:rgba(0, 0, 0, 0.5);
	border: medium none;
	height: 100%;
	padding: 0 0.75em;
	position: absolute;
	right: 0;
	top: 0;	
}

.newsletter.newsletter-widget form{
	position:relative;
	margin-top:30px;
}

.twitter-pic img {
  max-height: 50px;
  max-width: 50px;
}

.footer-wrapper ul.menu{
	list-style: outside none none;
	margin: 0;
	padding: 0;
    text-align: center;
	
}
.footer-wrapper .copyright-right{
    text-align:right;
}
.footer-wrapper ul.menu li:not(:last-child){
	margin-right: 1em;
}

.footer-wrapper ul.menu li{
	display: inline-block;
}

.sh-title-wrapper h1 {
  font-weight: 800;
}

.sh-title-wrapper{
	font-size:1rem;
}

.nexus-internal .header-wrapper {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.25);
}

.wcu-content .wcu-features.nexus-wcu-features{
	position: absolute;
	top: 0;
	width: 100%;
}
.wcu-feature .widget-content {
  width: 50%;
}

.wcu-feature.wcu-right .widget-content {
  float: right;
}

.team .social-icons a {
  margin-right: 3px;
}

#portfolio {
  padding-bottom: 92px;
  padding-top: 95px;
  background:#f7f7f7;
}

.section.primary.blog-posts {
  padding: 40px 0;
}

.page-template-blog .blog-items .thumb{height:350px;}

.widget.service p:empty {
  display: none;
}

.nexus-half {
  float: left;
  margin-bottom: 2%;
  width: 49%;
  display:inline-block;
}

.nexus-full {
  width: 100%;
  display:inline-block;  
}

.nexus-full.nexus-full-subject{
  margin-bottom:2%; 
}

.nexus-half.nexus-half-right {
  margin-left: 1%;
}

.nexus-half.nexus-half-left {
  margin-right: 1%;
}

.nexus-half input, .nexus-full input,
.nexus-half textarea, .nexus-full textarea{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);
	border: 1px solid rgba(0, 0, 0, 0.075);
	border-radius: 0;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	padding: 1.5em;
	width: 100%;
	
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;	
}


.nexus-full .wpcf7-form-control.wpcf7-submit{
	border: 2px solid transparent;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 19px !important;
	font-weight: 500;
	line-height: 2.4;
	padding: 0.4em 1.25em;
	text-decoration: none;
	width: 100%;

	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;	
}

.main-nav > div {
  display: inline-block;
}

.blog-posts hr.stripes,
.search-posts hr.stripes {
  margin-bottom: 65px;
}

.page-left-sidebar .middle-container ,
.page-right-sidebar .middle-container {
  padding: 0;
}

.page-left-sidebar .container ,
.page-right-sidebar .container{
	max-width: 100%;
	width: 100%;
	padding:65px 0;
}

.page-right-sidebar .row {
  margin: 0 -15px;
}

.nexus-full-comment input{
	border: 2px solid transparent;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 19px !important;
	font-weight: 500;
	line-height: 2.4;
	padding: 0.4em 1.25em;
	text-decoration: none;
	width: 100% !important;
	
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;	
}

.comments-area {
  padding-top: 15px;
  padding-top: 50px;
}

.comments-area h4.page-header {
  font-size: 23px;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.aside-wrap input {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);
	border: 1px solid rgba(0, 0, 0, 0.075);
	border-radius: 0;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	padding: 1em 1.5em;
	width: 100%;
}

.input-group-btn button {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  height: 35px;
  width: 35px;
}

.search-form-sidebar .input-group-btn {
  position: absolute;
  right: 20px;
  top: 7px;
}

.aside-wrap .widget {
  margin-bottom: 60px;
}

.aside-wrap h4{
	font-family: inherit;
	font-size: 1.2rem;
	font-weight: 300;
	margin-top: 0.25rem;
	color:#606060;
}

.aside-wrap h3 {
  margin-bottom: 0;
}

.aside-wrap #twitter-feed .tweetprofilelink strong a {
  color: #000;
}

.main-nav ul li ul li ul li ul li ul li a,
.main-nav ul li ul li ul li ul li a,
.main-nav ul li ul li ul li a,
.main-nav ul li ul li a{
	border-radius:0;
	border: none !important;
}

.button.round.border:hover{
	color:#071216 !important;
}

.buy-now a.button:hover, .buy-now a:hover i,
.social-icons .icon-lrg.tooltip:hover i,
.icon-lrg-border-round:hover i,
.icon-round-border:hover i{color:#fff !important;}

.main-nav ul li ul li a:hover ,
.main-nav ul li ul li:hover > a,
.main-nav ul li ul li ul a:hover, .main-nav ul li ul li.current-menu-item a {
  color:#E65F56 !important;
}

.main-nav ul li ul li ul a{
	border:none;
}

.section.primary.nexus-blog-post {
  padding-top: 95px;
}

.nexus-capital{text-transform:capitalize;}

.metro-block.linkedin .social-share-overlay{background:#4875B4;}
.metro-block.dribbble .social-share-overlay{background:#ea4c89;}
.metro-block.pinterest .social-share-overlay{background:#cc2127;}
.metro-block.github .social-share-overlay{background:#4183c4;}
.metro-block.behance .social-share-overlay{background:#1769ff;}
.metro-block.deviantart .social-share-overlay{background:#181a1b;}
.metro-block.flickr .social-share-overlay{background:#FE0883;}
.metro-block.instagram .social-share-overlay{background:#4E433c;}
.metro-block.tumblr .social-share-overlay{background:#2B4964;}
.metro-block.vimeo .social-share-overlay{background:#86B32D;}
.metro-block.youtube .social-share-overlay{background:#FF3333;}

a.comment-reply-link:hover{color: #ffffff !important;}
a.comment-reply-link{
	float: right;
	font-size: 0.9rem;
	line-height: 2.2;
	margin-left: 1em;
	margin-top: 1em;
	padding: 0 1em;
	font-family:inherit;
	border-radius:1.5em;
	border: 2px solid transparent;	
	color: #ffffff !important;
	cursor: pointer;
	display: inline-block;
	padding: 0 1.25em;
	text-decoration: none;
	
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;	
}


.comment-area .page-header{display:none;}
#respond {padding-top: 40px;}
.comment-form header {padding-bottom: 65px; width:100%;}
.section.primary.comments{padding-top:97px;}
.comment-area ul.children {
  padding-left: 9em;
}

.logged-in .flyout-nav-container {
  top: 32px;
}


.nexus-internal-related-posts{
	padding-bottom: 46px !important;
	padding-top: 96px !important;
}

aside .footer-sub-heading {
  color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}

.hero.hero-slider {
  z-index: 1;
}

.col-md-9 .section.primary.blog-posts {
  padding: 0 0 100px;
}

.col-md-9 .container.small-container.blog-items {
  padding: 0;
}

.col-md-9 .blog-items .thumb {
  height: 275px;
}

.navbar-nav > li.current_page_item > a:hover,
.navbar-nav > li.current-menu-item > a:hover{
	color:#ffffff !important;
}

.homepage-container-design .project-carousel .nav-carousel {
  opacity: 1;
  visibility: visible;
}

#back-top {
  bottom: 15px;
  height: 35px;
  position: fixed;
  right: 15px;
  text-align: center;
  width: 35px;
  z-index: 10;
}

#back-top i {
  font-size: 25px;
  line-height: 1.2;
  color: #fff;
}

#back-top:hover i {
  color: #fff;
}

.team .team-member {margin-bottom: 50px;}
.team [class*="span"]:nth-child(3n-2) {margin-left: 0;}


.section header .widget-content p {font-size: 15px;}
.welcome-content .nav-carousel {display: none;}
.hero-slider.hero{background:none; min-height:inherit;}

.nexus-full input[type="checkbox"]{-webkit-appearance:checkbox !important;}
input[type="checkbox"]{-webkit-appearance:checkbox !important;}
input[type="radio"]{-webkit-appearance:radio !important;}

.nexus-wcu-features .widget .title {
  text-align: center;
}

.home-section-1{
    background: url(../../images/Polygone-1.png) #ffffff left center no-repeat;
    
}

.home-section-1 .vc_col-sm-8::before{
    content: '';
    position: absolute;
    top:0;
    left: -17px;
    width: 17px;
    height: 80px;
    background: #E65F56;
}
.home-section-1 .vc_col-sm-8 p{
    font-size: 17px;
}
.home-temoins{
    margin-top: 100px;
}
.home-temoins blockquote{
    float: right;
    text-align: justify;
    margin-bottom: 10px;
}
.home-temoin{
    width: 88.5%;
    float: right;
    margin: 5px 0 15px;
}

.home-temoin h4{
    font-weight: bold;
    font-size: 16px;
    color:#b60711;
    margin: 0;
    
}

.home-temoin img{
    margin: 5px 10px 20px 0 !important;
    float: left;
}
.home-temoin p{
    color: #999696;
    font-size: 12px;
    
}

.home-section-2{
    background: #e9e9e9;
    
}
.home-section-2 .vc_col-sm-4 h2{
    margin-bottom: 0;
    
}

.home-section-2 .vc-gitem-zone-height-mode-auto::before {
    padding-top: 60%;
}
.side-events{
    background: #fff;
}


.side-events ul.articles-listing{
  background: #fff;
}
ul.articles-listing{
 display: flex;
 gap: 30px;
 padding: 0;
 margin-bottom: 40px;
}


@media (max-width: 768px) {
  ul.articles-listing{
    flex-direction: column;
   }
   
}




ul.articles-listing .photo{
    float: left;
    position: relative;
    margin: 0 10px 10px 0;
    min-width: 70px;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
}


ul.articles-listing .photo::after{
  content: "";
  padding-bottom: 60%;
  display: block;
}
ul.articles-listing .photo img{
  position: absolute;
  /* top:0; */
  left: 0;
  width: 100%;
  /* transform: translateY(-50%); */
}
ul.articles-listing .photo span{
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #17afc5;
    display: block;
    padding: 4px;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
}

ul.articles-listing li{
  list-style: none;
  flex: 1;
}
ul.articles-listing li a{
    color: #111111;
    display: block;
    
    clear: both;
}
ul.articles-listing li a:hover h5{
    color: #ff4b3c;
}
ul.articles-listing li h5{
    color: #E65F56;
    font-size: 16px;
    font-family: 'Figtree';
    margin: 0 0 5px 0;
}
ul.articles-listing li p{
    font-size: 14px;
}
.home-section-2 .wpb_wrapper > p{
    margin: 0;
}
.home-section-2 .wpb_wrapper > h2{
    margin: 10px 0 0 0;
}


.home-section-2 .vc_col-sm-4 .wpb_wrapper > p{
    font-size: 18px;
}
.home-section-2 .vc_col-sm-4 ul {
    padding: 0;
}
.home-section-2 .vc_col-sm-4 ul li{
    list-style: none;
    margin-bottom: 15px;
}

.home-section-2 .owl-stage .vc_gitem-zone-a, .grid-item .item-thumb{
    border-radius: 10px;
    margin: 5px;
    box-shadow: inset 0 0 30px 0px rgba(120,120,120,0.6);
    background-size:100% !important;
}



.home-section-2 .owl-stage .vc_gitem-zone {
    background-color: #fff !important;
}
.home-section-2 .owl-stage .vc_gitem-post-data p{
    margin-bottom: 0px;
}

.home-section-2 .owl-stage .vc_grid-item-mini {
    background-color: #fff;
}
.home-section-3 .owl-nav{
    width: 100%;
}
.home-section-3 .owl-nav .owl-next{
    right: -35px;
}
.home-section-3 .owl-nav .owl-prev{
    left: -35px;
}


.home-section-2 .owl-nav{
    width: 100%;
}
.home-section-2 .owl-nav .owl-next{
    right: -30px;
}
.home-section-2 .owl-nav .owl-prev{
    left: -30px;
}



.home-section-3{
    position: relative;
 }
/*.home-section-3::before{
    position: absolute;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.08) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.08) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.08) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f000000', endColorstr='#00ffffff',GradientType=0 );
    z-index: 2;
    width: 100%;
    height: 22px;
} */



.home-section-3 .owl-nav .owl-next, .home-section-3 .owl-nav .owl-prev, .home-section-2 .owl-nav .owl-next, .home-section-2 .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -17.5px;
    font-size: 15px;
    line-height: 35px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-family: vc_grid_v1;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    width: 35px;
    height: 35px;
    z-index: 9;
    color: #cacaca;
    border-radius: 50%;
    background: #f7f7f7;
    border: 1px solid #cacaca;
}
.home-section-2 .owl-nav .owl-next, .home-section-2 .owl-nav .owl-prev {
    width: 25px;
    height: 25px;
    top: 100%;
    margin-top: -25px;
    border:none;
    background-color: #E65F56;
}

.home-section-3 .owl-nav .owl-prev::before, .home-section-3 .owl-nav .owl-next::before, .home-section-2 .owl-nav .owl-prev::before, .home-section-2 .owl-nav .owl-next::before  {
    width: 33px;
    height: 35px;
    left: 0;
    top: 0;
    color: #cacaca;
    z-index: 999;
    display: block;
    text-align: center;
    line-height: 33px;
}
.home-section-2 .owl-nav .owl-prev::before, .home-section-2 .owl-nav .owl-next::before  {
    width: 24px;
    height: 25px;
    color: #FFF;
    line-height: 25px;
    font-size: 12px;
}
.home-section-2 .owl-nav .owl-next::before  {
    width: 27px;
}
.home-section-2 .owl-nav .owl-prev::before, .home-section-3 .owl-nav .owl-prev::before {
    content: "\e600";
}

.home-section-2 .owl-nav .owl-next::before, .home-section-3 .owl-nav .owl-next::before {
    content: "\e601";
}
body .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next, body .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev {
    top: auto;
    bottom: 25px;
}
.vc_btn3{
    font-family: Figtree;
}
.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern {
    color: #b60711 !important;
}
.app-footer .vc_btn3-container {
    display: block;
    margin-bottom: 21.74px;
    max-width: 100%;
}
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern{
    color: #FFF;
border-color: #FF675B;
    font-size: 14px;
padding: 14px 20px;
    background-color: #E65F56 !important;
    background-image: none;
    display: inline-block;
}
.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern:hover{
    border-color: #b1182d !important;
    background-color: #b1182d !important;
    background-image: none;
}
.home-section-2 .vc_col-sm-8 h4{
    color: #E65F56;
}

.home-section-2 .vc_col-sm-8 .vc_grid-item .vc_btn3{
    display: none;
}

.home-section-2 .vc_col-sm-8 .vc_grid-item .vc_gitem-zone-mini{
    padding: 0 15px;
}

.home-section-3 .owl-carousel .owl-item img {
    width: auto;
}
.home-section-3 .clients-slider a, .home-section-3 .section.clients .client-logos a {
    background: none;
    text-align: center;
}
.home-section-3 .clients-slider a:hover{
    background: none !important;
}
.home-section-3 .clients-slider a:hover img{
    filter: gray; /* For IE6-9 */
filter: grayscale(1); /* For Microsoft Edge and Firefox 35+ */
-webkit-filter: grayscale(1); /* For Google Chrome, Safari 6+ & Opera 15+ */
}
.home .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav {
    opacity: 1;
}
.home .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next, .home .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev{
   opacity: 0.8; 
}

/*ATEP CAROUSEL*/
.atep_carousel{
    margin-bottom:30px;
}
.atep_carousel .owl-item{
     background-color: #fff;
}
.atep_carousel li{
    list-style: none;
}
.atep_carousel li > a{
    display: block;
    color: #111111;
}
.atep_carousel li  > a:hover .photo{
    transform: scale(1.05);
}
.atep_carousel li .photo{
    border-radius: 10px;
    margin: 5px;
    box-shadow: inset 0 0 30px 0px rgba(120,120,120,0.6);
    background-size: 100% !important;
    background-repeat: no-repeat;
background-position: 50% 50%;
    -webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s ease-in-out;
-moz-transition: -moz-transform .3s ease-in-out;
-o-transition: -o-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
    
}
.atep_carousel li .photo::before {
    content: "";
    display: block;
    padding-top: 60%;
}

.atep_carousel .owl-content{
   padding: 10px 30px 20px;
}

.atep_carousel .atep-tax{
    display: block;
    position: absolute;
    bottom: 0px;
    padding: 5px 15px;
    color: rgb(255, 255, 255);
}
/*PROJETS*/


.content iframe{
    max-width: 100%;
}


.grid-item{
    margin-bottom: 30px;
         
}

.grid-item .item-thumb{
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;

}
.grid-item .grid-item-inner:hover{
    -webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.grid-item .grid-item-inner{
    background-color: #fff;
    float: left;
    width: 100%;
    box-shadow: 0 0 5px #ccc;
    -webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s ease-in-out;
-moz-transition: -moz-transform .3s ease-in-out;
-o-transition: -o-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
}
.grid-item a{
    color: #515151;
}

.grid-item .item-thumb::before {
    content: "";
    display: block;
    padding-top: 60%;
}

.grid-item .item-thumb.no-image{
    box-shadow:none;
}

.grid-item .item-thumb.no-image::before {
    padding-top: 8.5%;
}
.grid-item .item-thumb .categorie {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #9717c5;
    display: block;
    padding: 4px;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
}

.grid-item .item-thumb .avenir {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #9717c5;
    display: block;
    padding: 4px;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
}


.grid-item .bottom{
    padding: 5px 15px 15px;
}

.grid-item .vc_btn3 {
    padding: 8px 15px !important;
}

body .vc_btn3.vc_btn3-color-white.vc_btn3-style-modern:hover {
    color: #FFF !important;
    border-color: #E65F56;
    background-color: #E65F56;
}
body .vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern:hover {
    color: #E65F56 !important;
    border-color: #FFF !important;
    background-color: #FFF !important;
}

/*CODE COULEUR*/


.atep-tax, .cat-logement, .cat-plenieres{
    background-color:#9717c6 !important;
}

.cat-sante, .cat-colloques, .cat-pauvrete{
    background-color:#3c9fb2 !important;
}

.cat-alimentation, .cat-rapports-dactivite{
    background-color:#db8556 !important;
}
.cat-assurance, .cat-economie{
    background-color:#d5b733 !important;
}
.cat-construction{
    background-color:#e74919 !important;
}
.cat-mobilite{
    background-color:#2693d8 !important;
}
.cat-services-bancaires{
    background-color:#25595b !important;
}

.cat-plenieres-annuelles{
    background-color:#d03e17 !important;
}
.cat-colloques-thematiques{
    background-color:#e2105a !important;
}
.cat-conferences-de-partenaires{
    background-color:#7e574d !important;
}
/*SINGLE PROJET*/

.vc_images_carousel {
    position: relative;
    width: 100% !important;
    height: 200px;
}


.event-date {
    margin: 0px;
    color: rgb(237, 25, 54);
    padding-left: 30px;
}

/*PUBLICATION*/


.bloc .bloc-title {
    background: #dc322f;
    border-bottom: 2px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #fff !important;
    margin-bottom: 0;
    padding: 12px 20px;
}
.post{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed;
}
.post:last-child{
    border-bottom: none;
}
.post .post-title{
    position: relative;
    margin-top: 0;
    font-size: 24px;
    padding-left: 30px;
    line-height: normal;
}

.post .ialu{
    float: left;
    margin: 0px 15px 10px 0;
}


.post .post-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 14px;
    height: 100%;
    background: #E65F56;
}

.post-year {
    float: right;
    font-size: 11px;
    margin-left: 4px;
}
.post-year a {
    background: #999;
    border-radius: 2px;
    color: #fff !important;
    padding: 2px 6px;
    text-decoration: none;
}


.files {
    background: #eee;
    border-radius: 4px;
    font-size: 11px;
    line-height: 16px;
    padding: 6px 0 6px 8px;
    margin: 6px 0;
}

.fichiers a.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern{
    border-radius: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAQAAADcrC56AAABXklEQVQoFQXBPUiUARgA4OfO96T7tJPqoh+RoLAfDZoadakhokFtsKvAKaGWGrSbKgistaVuKFoOkoL2InCIaC8iiIhADLKOkMDLu/vuvp4nMmbNWwdAZsBec74AgcOWPQEAu6yqO+cXBDpSAEDPhpNqKtoEyAMAQhEzHrluMwAAQMtnw1Lnvfc0sKUJAPhrUshcMELYZ9x+DZkeAj09qZycUSOGQ92kTbOGbNOxpakkkUq1dRUdDBPemZcoemjVVXukrrjhtsdKTlkKLb81fHDTgil5y1YsOKZhXM2gZqCAuk/OCgOOGPPMK9t9dM2USsjktbx1UdUDeX3++OGANWWnHdUNBU05LwyhY82S1xKXLBpTxc+w4YSqQXDGd9/MmLPDtDZohcvumHBXhn6j6Kn5J8FLO90PK45b9xwAAEw75E0gUQAAAPRLCISy3foAAHSVBYGvbqnIAABQco//oZNmlTLVR6kAAAAASUVORK5CYII=) 8px center no-repeat ;
    font-size: 13px;
    padding: 12px 15px 12px 34px;
    margin: 0 15px 15px 0;
}
 .fichiers a.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern:hover{
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAABrElEQVQ4EZXBPUgUYAAA0Of5KXma0nVRKhIU9qNBUzXpUkNEg9pgVuCUUEsNllMFgbW2lEPRcpAUtBeBQ0TgWEQQEYGYZJlI4OWd510Hn3BL2fVe+NF6WNkgRjDvz0poxA4M44N1qblpQbQHk3jg77ZiBhmcxDfrgmgVBRsrYgmHMIEh5JUFFQkbC2gQDeAeLmE5qF4O79GOAk7hNR4G0QqyNvYTvQgo4TQ6lAW0ohttWEAJRVEQFVFEATWoQSc6FtuOtAdk0ItlDKIFm7CKFWTRjCQKKCCPNTRgV0APXmEESTTgLmZwAdtRwHlcxnXcRzOOYjwgh+9YwBtcxSj6kMAkpjCK/VhANybQhGwQ1YkyeIcTCGjEXnThEZ5hM97iIvowFFBCAjm8xBmM4Q4SqMUivmAnZpHGMezDWkAdsqjBE7SIVjGLcTxHEmdxBV0YE30NWMJBjKFJxXF8xicMYBhb0I+8ilzAOdxAD26iJKpHp6iICfxCUvQUKdwOmMIBzOOx6vVjd2pu+kUQJVHn/9QjqSyIAtLYhlr/toY0grIg+ohrGEJJdZpxS9lvRWNrk9U791oAAAAASUVORK5CYII=) !important;

}

.files a{ background:url(../../images/files.png) no-repeat 0 0; display:inline-block; height:16px; margin-right:8px; padding-left:20px;}
.files a:first-of-type{ margin-left:8px;}
.files a:hover{ color:#333;}
.single .files{ float: right; margin:0 0 20px 20px; padding:16px 12px 12px; width:240px;}
.single .files p{ margin-bottom:4px; padding:0 4px;}
.single .files strong{ color:#666; font-size:16px;}
.single .files a{ border:4px solid transparent; border-radius:4px; display:block; height:auto; margin:0;}
.single .files a:hover{ background-color:#fff; border-color:#fff;}
.files .doc{ background-position:0 -40px;}
.files .xls{ background-position:0 -80px;}
.files .img{ background-position:0 -120px;}
.files .txt{ background-position:0 -160px;}







/*Bootstrap*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: 0;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: 0;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}


@media (min-width: 768px) {
    
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}


.grey-flex{
    background-color: #e5e5e5;
}
.grey-flex aside{
    position: relative;
}

.grey-flex ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.grey-flex ul li{
    margin: 5px 0px;
}

.grey-flex ul li a{
    color: #575757;
}

.grey-flex ul li a:hover{
    color: #E65F56;
}

#filters h3{
    font-size: 18px;
    margin-top: 20px;
}
#filters a.is-checked, .grey-flex ul .current_page_item a{
    color: #E65F56;
    
}
 .grey-flex::before{
     content: '';
    background-color: #e5e5e5;
     position: absolute;
     top:0;
     bottom: 0;
     left: -500%;
     width: 2000%;
}
    

@media (min-width: 992px) {
    
    .md-flex{
        display: flex;
        
    }
     .grey-flex::before{
         display: none;
    } 
    
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}