/* Minification failed. Returning unminified contents.
(91,1): run-time error CSS1019: Unexpected token, found '@import'
(91,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Cairo:400,600,700')'
(1465,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1466,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2140,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2141,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(2145,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(3062,1): run-time error CSS1019: Unexpected token, found '@import'
(3062,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Cairo:400,600,700')'
(4064,1): run-time error CSS1019: Unexpected token, found '}'
(4540,28): run-time error CSS1035: Expected colon, found '{'
(11514,18): run-time error CSS1035: Expected colon, found '{'
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 7, 2018 */

@font-face {
    font-family: 'work_sans';
    src: url('fonts/worksans-regular-webfont.eot');
    src: url('fonts/worksans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/worksans-regular-webfont.woff2') format('woff2'),
         url('fonts/worksans-regular-webfont.woff') format('woff'),
         url('fonts/worksans-regular-webfont.svg#work_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;

}




@font-face {
    font-family: 'work_sans';
    src: url('fonts/worksans-light-webfont.eot');
    src: url('fonts/worksans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/worksans-light-webfont.woff2') format('woff2'),
         url('fonts/worksans-light-webfont.woff') format('woff'),
         url('fonts/worksans-light-webfont.svg#work_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: 'work_sans';
    src: url('fonts/worksans-bold-webfont.eot');
    src: url('fonts/worksans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/worksans-bold-webfont.woff2') format('woff2'),
         url('fonts/worksans-bold-webfont.woff') format('woff'),
         url('fonts/worksans-bold-webfont.svg#work_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;

}



/*CAIRO*/

@font-face {
    font-family: 'cairo';
    src: url('fonts/cairo-bold-webfont.eot');
    src: url('fonts/cairo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cairo-bold-webfont.woff2') format('woff2'),
         url('fonts/cairo-bold-webfont.woff') format('woff'),
         url('fonts/cairo-bold-webfont.svg#cairobold') format('svg');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'cairo';
    src: url('fonts/cairo-light-webfont.eot');
    src: url('fonts/cairo-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cairo-light-webfont.woff2') format('woff2'),
         url('fonts/cairo-light-webfont.woff') format('woff'),
         url('fonts/cairo-light-webfont.svg#cairo_lightregular') format('svg');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: 'cairo';
    src: url('fonts/cairo-regular-webfont.eot');
    src: url('fonts/cairo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cairo-regular-webfont.woff2') format('woff2'),
         url('fonts/cairo-regular-webfont.woff') format('woff'),
         url('fonts/cairo-regular-webfont.svg#cairoregular') format('svg');
    font-weight: 400;
    font-style: normal;

}
@import url('https://fonts.googleapis.com/css?family=Cairo:400,600,700');
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (<none>)
 * Config saved to config.json and <none>
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'work_sans';
  font-size: 14px;
  /*line-height: 1.42857143;*/
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	font-family: 'work_sans'!important;
	line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
/*a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}*/
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.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-left: 15px;
  padding-right: 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: auto;
}
.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: auto;
}
.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: auto;
  }
  .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: auto;
  }
  .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%;
  }
}
@media (min-width: 992px) {
  .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: auto;
  }
  .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: auto;
  }
  .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: auto;
  }
  .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: auto;
  }
  .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%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}

/*!
 * fullPage 3.0.3
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.fp-right {
    right: 17px;
}
#fp-nav.fp-left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
    bottom: 17px;
}
.fp-slidesNav.fp-top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}



/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - 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;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .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-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .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%; }
  .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;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .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 {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    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 Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
            This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
            calculation of the height of the owl-item that breaks page layouts
         */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }



  /*SLICK*/

  /* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slide,
.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  /*-webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;*/
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

body.compensate-for-scrollbar {
  overflow: hidden; }

.fancybox-active {
  height: auto; }

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden; }

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992; }

.fancybox-container * {
  box-sizing: border-box; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible; }

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-toolbar {
  right: 0;
  top: 0; }

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 99994; }

.fancybox-is-open .fancybox-stage {
  overflow: hidden; }

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--html {
  padding: 6px; }

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle; }

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-container [data-selectable='true'] {
  cursor: text; }

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%; }

.fancybox-slide--video .fancybox-content {
  background: #000; }

.fancybox-slide--map .fancybox-content {
  background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content {
  background: #fff; }

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%; }

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0; }

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%; }

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0; }

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px; }

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc; }

.fancybox-button:hover {
  color: #fff; }

.fancybox-button:focus {
  outline: none; }

.fancybox-button.fancybox-focus {
  outline: 1px dotted; }

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none; }

/* Fix IE11 */
.fancybox-button div {
  height: 100%; }

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%; }

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0; }

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none; }

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none; }

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: linear;
  z-index: 99998; }

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401; }

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1; }

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px; }

.fancybox-navigation .fancybox-button div {
  padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0; }

/* Caption */
.fancybox-caption {
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 25px 44px 25px 44px;
  right: 0;
  text-align: center;
  z-index: 99996; }

.fancybox-caption::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
  background-repeat: repeat-x;
  background-size: contain;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -44px;
  z-index: -1; }

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none; }

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline; }

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-caption {
    padding: 12px; }
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px; }
  .fancybox-slide--image {
    padding: 6px 0; }
  .fancybox-close-small {
    right: -6px; }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px; } }

/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center; }

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0; }

.fancybox-share p {
  margin: 0;
  padding: 0; }

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff; }

.fancybox-share__button:hover {
  text-decoration: none; }

.fancybox-share__button--fb {
  background: #3b5998; }

.fancybox-share__button--fb:hover {
  background: #344e86; }

.fancybox-share__button--pt {
  background: #bd081d; }

.fancybox-share__button--pt:hover {
  background: #aa0719; }

.fancybox-share__button--tw {
  background: #1da1f2; }

.fancybox-share__button--tw:hover {
  background: #0d95e8; }

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px; }

.fancybox-share__button svg path {
  fill: #fff; }

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%; }

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995; }

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }

.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px; }

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px; }

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991; }

.fancybox-thumbs__list a:focus::before {
  opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px); } }



/*DROPDOWN*/
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    /*line-height: 1.4;*/
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}
*:focus{
    outline: 0;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
html, button, input, textarea,
.pure-g [class *= "pure-u"] {
    /* Set your content font stack here: */
    font-family: 'open_sansregular', Times, "Times New Roman", serif;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
a{
    color: inherit;
    text-decoration: none;
    -webkit-transition: color 350ms ease-in-out;
    -o-transition: color 350ms ease-in-out;
    transition: color 350ms ease-in-out;
}
a:hover, a:active, a:focus {
   outline: 0;
}
p{
    margin: 0;
    /*font-size: 1em;
    line-height: 1.2;
    padding-bottom: 1.2em;*/
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#dummy{
    background: #efefef;
}













/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}
@media only screen and (max-width: 64em){
    /* Menu activator */
    .menu-activator{
        position: absolute;
        top: 18px;
        right: 20px;
        z-index: 999;
    }
    .lines-button {
        display: block;
        width: 30px;
        height: 30px;
        -webkit-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
        cursor: pointer;
        user-select: none;
        border-radius: 0.57143rem;
    }
    .lines-button:hover {
        opacity: 1;
    }
    .lines-button:active {
        transition: 0;
    }

    .lines {
        display: inline-block;
        width: 30px;
        height: 4px;
        background: red;
        border-radius: 0.28571rem;
        transition: 0.3s;
        position: relative;
    }
    .lines:before, .lines:after {
        display: inline-block;
        width: 30px;
        height: 4px;
        background: red;
        border-radius: 0.28571rem;
        transition: 0.3s;
        position: absolute;
        left: 0;
        content: '';
        -webkit-transform-origin: 0.28571rem center;
        transform-origin: 0.28571rem center;
    }
    .lines:before {
        top: 8px;
    }
    .lines:after {
        top: -8px;
    }

    .lines-button.close {
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8);
    }

    .lines-button.x2 .lines {
        transition: background 0.3s 0.5s ease;
    }
    .lines-button.x2 .lines:before, 
    .lines-button.x2 .lines:after {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease;
        transition: top 0.3s 0.6s ease, transform 0.3s ease;
    }

    .lines-button.x2.close .lines {
        transition: background 0.3s 0s ease;
        background: transparent;
    }
    .lines-button.x2.close .lines:before, 
    .lines-button.x2.close .lines:after {
        transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease;
        transition: top 0.3s ease, transform 0.3s 0.5s ease;
        top: 0;
        width: 30px;
    }
    .lines-button.x2.close .lines:before {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }
    .lines-button.x2.close .lines:after {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

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

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

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

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.socicon {
    font-family: 'socicon' !important;
}

.socicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'socicon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.socicon:empty{
    width: 1em;
}
.caps{
    text-transform: uppercase;
}
.text input[type="file"]{
    background: url(../Images/ico-arrow-up.png) no-repeat right 20px center;
    background-size: 15px auto;
    width: 100%;
    border: 1px solid #bfbfbf;
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    text-indent: -150px;
    display: block;
    height: 62px;
}
.text label,
.select label{
    display: block;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
:not(#foo) .custom-box input[type='radio'], 
:not(#foo) .custom-box input[type='checkbox'] {
    opacity: 0;
    float: left;
    width: 18px;
}


:not(#foo) .custom-box input[type='radio'] + label,
:not(#foo) .custom-box input[type='checkbox'] + label {
    margin: 0;
    clear: none;
    padding: 5px 0 4px 34px;
    cursor: pointer;
    background: url(../Images/checkbox.png) left center no-repeat; 
}
:not(#foo) .custom-box input[type='radio']:checked + label,
:not(#foo) .custom-box input[type='checkbox']:checked + label {
    background-image: url(../Images/checkbox-checked.png);
}

/* Popup */
.popup{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.35);
    z-index: 99;
    visibility: hidden;
    opacity: 0;

    -webkit-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}
.inpopup .popup{
    visibility: visible;
    opacity: 1;
}
.popup .popup-inner{
    max-width: 600px;
    margin: 130px auto 0;
    background: #fff;
    padding: 70px 100px 50px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.inpopup .popup-inner{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

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

    a[href^="#"]:after,
    a[href^="javascript:"]: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;
    }

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

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

/*HEADER*/

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

@import url('https://fonts.googleapis.com/css?family=Cairo:400,600,700');

body {
    font-size: 20px;
    font-weight: 300;
}

.sectionHeader {
    display: flex;
    align-items: center;
    z-index: 10;
    background: #fff;
    width: 100%;
    padding: 10px 0;
}

.sectionHeader--not-fixed {
    position: unset;
}

.sectionHeader .iconHolder {
    margin: 0;
}

.sectionHeader .logoHolder {
    margin: 0 0 0px;
}

.sectionHeader .iconHolder {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .sectionHeader .iconHolder:hover {
        opacity: 0.7;
    }


.navigation {
    padding: 10px 30px 24px;
    flex: 1;
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.mainMenu {
    display: flex;
    justify-content: space-between;
}

    .mainMenu ul li {
        color: #000;
        font-size: 14px;
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
        padding: 0 10px;
    }

        .mainMenu ul li:after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 3px;
            width: 2px;
            height: 2px;
            background: #000;
        }

    .mainMenu ul {
        margin: 0
    }

        .mainMenu ul li:last-child {
            padding-right: 0;
        }

            .mainMenu ul li:last-child:after {
                display: none;
            }

            .mainMenu ul li:last-child .ddSecondLevel {
                left: auto;
                right: 0
            }

.subMenu {
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

    .subMenu ul {
        margin: 0
    }

        .subMenu ul li {
            font-size: 14px;
            color: #000;
            display: inline-block;
            position: relative;
            padding: 0 5px;
        }

            .subMenu ul li:after {
                content: '';
                position: absolute;
                right: -3px;
                bottom: 4px;
                width: 1px;
                height: 1px;
                background: #000;
            }

            .subMenu ul li:last-child {
                padding-right: 0;
            }

                .subMenu ul li:last-child:after {
                    display: none;
                }

.searchForm {
    display: none;
    height: 100%;
    width: 100%;
    opacity: 0.95;
}

.fancybox-bg {
    background: transparent;
}

.searchForm form {
    width: 80%;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.searchForm .form-group {
    text-align: center;
}

.searchForm input {
    width: 100%;
    margin: 0 auto;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    top: 30%;
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.searchForm .searchResults p {
    font-size: 19px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 35px 0 0;
    color: #fff;
}

.searchForm .searchIcon {
    position: absolute;
    right: 0;
    top: -15px;
}

.searchForm .fancybox-button {
    color: #fff;
    padding: 0px;
    right: 30px;
    top: 30px;
}

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

/*BODY*/

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

/*GENERAL*/

html {
    /*scroll-behavior: smooth;*/
}

a {
    cursor: pointer;
}

    a:hover {
        text-decoration: none;
    }

ul {
    list-style-type: none;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

p {
    padding: 0;
}

.wrapper {
    max-width: 1130px;
    margin: 0 auto;
}

.center {
    text-align: center;
}

.middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.right {
    text-align: right;
}

.section {
    border-right: 25px solid #fff;
    border-left: 25px solid #fff;
}

.sectionBanner {
    position: relative;
}

    .sectionBanner:before {
        height: 100%;
        width: 100%;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.2)
    }

.bannerMenu {
    display: flex;
    justify-content: space-between;
    padding: 20px 0 0;
}

    .bannerMenu ul {
        position: relative;
    }

        .bannerMenu ul:after {
            display: table;
            clear: both;
            content: ''
        }

    .bannerMenu li {
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        text-transform: uppercase;
        float: left;
        line-height: 6px;
    }

    .bannerMenu .pageListItem,
    .bannerMenu .actionListItem {
        padding: 0 0 0 15px;
    }

    .bannerMenu li a.active {
        font-weight: 700;
    }

    .bannerMenu li {
        position: relative;
        padding: 0 7px;
    }

        .bannerMenu li:after {
            position: absolute;
            content: '';
            bottom: 0;
            right: 0;
            width: 1px;
            height: 1px;
            background: #fff;
        }

        .bannerMenu li:last-child:after {
            display: none;
        }

    .bannerMenu .pageList,
    .bannerMenu .actionList {
        display: flex;
    }

.sectionTitle {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    position: relative;
    margin: 0 0 20px;
}

    .sectionTitle:after {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 60px;
        height: 1px;
        background: #f2f2f2;
    }

.sectionTitle--no-after:after {
    display: none;
}

.sectionTitle--black {
    color: #2a2a2a;
}

    .sectionTitle--black:after {
        background: #2a2a2a;
    }

.sectionSubtitle {
    font-size: 23px;
    font-weight: 300;
    color: #1c1c1c;
    position: relative;
    padding: 0 0 25px 0;
}

    .sectionSubtitle:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 1px;
        background: #4a4a4a;
    }

.sectionDesc {
    color: #fff;
    font-size: 21px;
    line-height: 32px;
}

.sectionDesc--small {
    font-size: 18px;
    line-height: 26px;
}

.sectionDesc--black {
    color: #303030;
}

.itemTitle {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    margin: 15px 0 0 0;
    text-transform: uppercase;
}

.sectionRoadToSust .itemTitle {
    padding: 0 20px 0 0;
}

.itemTitle--26 {
    font-size: 26px;
}

.itemTitle--black {
    color: #000;
}

.itemDesc {
    font-size: 15px;
    color: #fff;
}

.button {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid #fff;
    margin: 0 10px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    letter-spacing: 2px;
}

    .button:hover {
        background-color: #fff;
        color: #000
    }

.button--black {
    color: #000;
    border: 1px solid #000;
    margin: 0;
}

.button--no-m {
    margin: 0;
}

.link {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.2em;
}

    .link:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #fff;
        opacity: 0.5;
    }

.flex--end {
    display: flex;
    justify-content: flex-end;
}

.noLineHeight {
    line-height: 1;
}

.slick-dots {
    display: flex;
    justify-content: center;
}

    .slick-dots button {
        background: unset;
        border: 1px solid #242424;
        border-radius: 50%;
        width: 14px;
        height: 14px;
        color: transparent;
        margin: 0 5px;
        padding: 0;
    }

    .slick-dots .slick-active button {
        background: #242424;
    }

.slick-slide {
    margin: 0 90px;
}

.flex--spaceAr {
    display: flex;
    justify-content: space-around;
}

.bold {
    font-weight: 700;
}

/*HOME*/

/*Banner*/

.sectionBanner .slickItem {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bannerTitle {
    color: #fff;
    text-transform: uppercase;
    font-size: 44px;
    font-weight: 700;
    letter-spacing: 0.2em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%
}

.sectionBanner .slickItemDreams {
    background: url("../Images/bg-home-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
}

.sectionBanner .slickItemOther {
    background: url("../Images/bg-home-get-in-touch.jpg");
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 100vh;
}

/*RoadToSust*/

.sectionRoadToSust {
    background: url("../Images/bg-pattern-blue.jpg");
}

    .sectionRoadToSust .sectionDesc {
        padding: 10px 0 30px 0;
    }

/*CN at a glance*/

.sectionGlance {
    background: url('../Images/bg-home-glance.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

    .sectionGlance .sectionDesc {
        margin: 0 0 40px;
    }

.numberWithBorder {
    border-bottom: 8px solid #fff;
    border-top: 8px solid #fff;
    padding: 30px 0;
}

.sectionGlance .iconHolder img {
    width: 72px;
    height: 72px;
}

.iconNumItem {
    margin: 0 0 40px;
}

.iconHolder {
    margin: 0 25px 0 0;
}

.iconWithNumHolder {
    display: flex;
    align-items: center;
}

.textWithNumHolder {
    position: relative;
}

.numberHolder {
    font-size: 60px;
    line-height: 55px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
}

.iconWithNumHolder .numberHolder {
    line-height: 50px;
    margin-right: 15px;
}

    .iconWithNumHolder .numberHolder .number {
        margin-right: -10px;
    }

.numberHolder--big {
    font-size: 130px;
    width: 100%;
}

.textAboveNum,
.textAfterNum,
.textBesideNum {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.textAboveNum {
    display: block;
    padding-bottom: 5px;
}

.textBesideNum {
    display: inline-block;
}

.textAfterNum {
    display: block;
}

.sectionGlance .buttonHolder {
    margin: 40px 0 0;
}

/*Community relations*/

.sectionComRel {
    background: url('../Images/bg-pattern-light-blue.jpg');
    position: relative;
}

.sectionTitle.left:after {
    left: 0;
    transform: none;
    bottom: -15px
}

.sectionComRel .textCont {
    height: 100%;
    display: flex;
    align-items: center;
}

.sectionComRel .sectionDesc {
    margin: 20px 0 30px 0;
}

.sectionComRel .linkHolder {
    margin: 20px 0;
}

    .sectionComRel .linkHolder:first-child {
        margin: 30px 0 20px;
    }

.imageBricksCont {
    position: absolute;
    right: 0;
    left: 50%;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding: 120px 0 65px 0;
    top: 0;
}

.imageCont {
    overflow: hidden;
    position: relative;
    display: inline-block;
    flex: 50%;
    position: relative;
    transition: all .2s ease-in-out;
}

.imageHolder {
    height: 100%;
    width: 100%;
    transition: all .5s;
}

.imageBricksCont .iconHolder {
    width: 100%;
    margin: 0;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
}

    .imageBricksCont .iconHolder img {
        display: block;
        margin: auto;
    }


.imageCont:hover .imageHolder,
.imageCont:focus .imageHolder {
    transform: scale(1.2);
}

    .imageCont:hover .imageHolder:before,
    .imageCont:focus .imageHolder:before {
        display: block;
    }

.imageHolder--com {
    background: url("../Images/img-home-5.jpg");
}

.imageHolder--heritage {
    background: url("../Images/img-home-6.jpg");
}

.imageHolder--env {
    background: url("../Images/img-home-7.jpg");
}

.imageHolder--mind {
    background: url("../Images/img-home-8.jpg");
}

.imageHolder--body {
    background: url("../Images/img-home-9.jpg");
}

.imageBricksCont .imageHolder .iconHolder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.imageBricksCont .itemTitle {
    margin: 0;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding-right: 0
}

/*Myth vs reality*/

.sectionMythVsRe .sectionTitle {
    padding: 45px 0 0;
}

.sectionMythVsRe .sectionTwoCol {
    display: flex;
    min-height: 65vh;
    height: 100%;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.sectionMythVsRe .sectionCol {
    flex: 50%;
    position: relative;
}

.sectionMythVsRe .sectionLeft {
    background: url("../Images/img-home-10.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.sectionMythVsRe .sectionRight {
    background: url("../Images/img-home-11.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.sectionMythVsRe .sectionCol .textHolder {
    padding: 8px 15px;
    color: #fff;
    font-size: 20px;
    display: inline-block;
}

.sectionMythVsRe .sectionLeft .textHolder {
    background: #1c4051;
}

.sectionMythVsRe .sectionRight .textHolder {
    background: #bbd69f;
}

.sectionMythVsRe .VSCont {
    background: #137c50;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .sectionMythVsRe .VSCont span {
        font-size: 32px;
        font-weight: 300;
        color: #fff;
    }

.sectionMythVsRe .itemTitle {
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translate(-50%, 0);
}

.sectionMythVsRe .greenLayer {
    background: url('../Images/bg-pattern-green.jpg');
    background-repeat: repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    z-index: 10;
}

    .sectionMythVsRe .greenLayer:hover {
        opacity: 0.8;
    }

/*Products*/

.sectionProducts {
    background: url('../Images/bg-home-products.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

    .sectionProducts .sectionTitle {
        margin-bottom: 40px;
    }

    .sectionProducts .sectionDesc--small {
        margin: 25px 0 45px;
    }

    .sectionProducts .flex--spaceAr {
        margin-top: 40px;
    }

        .sectionProducts .flex--spaceAr .col-md-3 {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

    .sectionProducts .iconHolder {
        margin: 0;
    }

        .sectionProducts .iconHolder:before {
            content: '';
            position: absolute;
            top: 25px;
            left: 15px;
            background: #fff;
            width: 30%;
            height: 4px;
        }

        .sectionProducts .iconHolder:after {
            content: '';
            position: absolute;
            top: 25px;
            right: 15px;
            background: #fff;
            width: 30%;
            height: 4px;
        }

    .sectionProducts h4 {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        padding: 10px 0 20px;
        text-align: center;
    }

/*Manufacturing facilities*/

.sectionManuf {
    background: url('../Images/bg-home-manu.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

    .sectionManuf .sectionTitle {
        margin-bottom: 30px;
    }

.facilitiesListing {
    margin: 50px 0 80px;
}

    .facilitiesListing .listingHolder,
    .facilitiesListing .listingItemLI {
        display: flex;
    }

    .facilitiesListing .itemHolder {
        border: 7px solid #fff;
        border-left: none !important;
        border-right: none !important;
        display: flex;
        padding: 20px 0 30px;
        align-items: flex-start;
    }

    .facilitiesListing .numberHolder {
        margin: 0 10px 0;
    }

    .facilitiesListing .itemDesc {
        margin-top: 10px;
    }

/*Media center*/

.sectionMedia {
    background: url('../Images/bg-pattern-light.jpg');
    background-repeat: repeat;
}

.imageListing .listingHolder {
    margin-top: 0;
    margin-bottom: 0;
}

.imageListing .listingItemLI {
    margin: 15px 0;
    height: 200px;
}

.imageListing .itemHolder {
    position: relative;
}

.imageListing .itemDate {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.imageListing .itemText {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

}

/*Half image half text*/

.sectionHalfImgHalfText .imageCont {
    position: absolute;
    top: 0;
    height: 100%;
}

.sectionHalfImgHalfText .imageCont--left {
    right: 50%;
    left: 0;
    margin: 0 15px 0 0;
}

.sectionHalfImgHalfText .imageCont--right {
    left: calc(50% - 16px);
    right: 0;
}

.sectionWorkAtCN .imageCont--left {
    background: url('../Images/bg-home-2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.sectionWorkAtCN .imageCont--right {
    background: url('../Images/bg-home-3.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.sectionHalfImgHalfText.sectionWorkAtCN .sectionTitle {
    margin: 0;
}

.sectionHalfImgHalfText .sectionDesc {
    padding: 30px 0 60px;
}

.sectionHalfImgHalfText .button {
    margin-right: 10px;
}

.sectionWorkAtCN .textCont {
    z-index: 5;
}

.sectionWorkAtCN .imageCont--right:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
    opacity: 0.8;
}

/*Get in touch*/

.sectionGetInTouch {
    background: url('../Images/bg-home-get-in-touch.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

    .sectionGetInTouch .sectionDesc {
        padding: 60px 0 80px;
    }

    .sectionGetInTouch .iconText {
        color: #fff;
        text-transform: uppercase;
        padding: 15px 0 120px;
    }

        .sectionGetInTouch .iconText h4 {
            font-size: 15px;
            line-height: 20px;
        }

        .sectionGetInTouch .iconText span {
            font-size: 20px;
            font-weight: 700;
            line-height: 26px;
        }

/*CN AT A GLANCE*/

.sectionBanner--glance {
    background: url("../Images/bg-glance.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 465px;
}

    .sectionBanner--glance .bannerTitle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.stickyMenuHolder {
    min-height: 150px;
}

.stickyMenu {
    padding: 30px 0;
    background: #fff;
}

.stickyMenu--stick {
    top: 80px;
    z-index: 10;
    position: fixed;
    width: 100%;
    padding: 10px;
}

.stickyMenuList {
    display: block;
    text-align: center;
}

.stickyMenuItem {
    display: inline-block;
    margin-right: 17px;
}

    .stickyMenuItem a {
        font-size: 14px;
        font-weight: 300;
        display: inline-block;
        border: 1px solid #000;
        padding: 13px 9px;
        text-align: center;
        text-transform: uppercase;
        color: #000;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .stickyMenuItem a:hover,
        .button--black:hover {
            background-color: #00734b;
            color: #FFF;
            border: #00734b solid 1px;
        }

.downloadButton:hover {
    background-color: #00734b;
    color: #FFF;
    border: #00734b solid 2px;
}

.sectionOverview {
    padding: 0 0 70px;
}

    .sectionOverview .numberWithBorder {
        padding: 15px 0;
        border-bottom: 8px solid #00734b;
        border-top: 8px solid #00734b;
    }

        .sectionOverview .numberWithBorder:first-child {
            border-bottom: 0;
        }

    .sectionOverview .numberHolder,
    .sectionOverview .textAboveNum,
    .sectionOverview .textAfterNum {
        color: #00734b;
        line-height: 1;
    }

    .sectionOverview .numberHolder {
        font-size: 80px;
        font-weight: 700;
    }

    .sectionOverview .textAboveNum,
    .sectionOverview .textAfterNum {
        font-size: 21px;
    }

    .sectionOverview .sectionTitle {
        margin: 0 0 60px;
    }

    .sectionOverview .blockBody {
        padding: 0 50px 0 0;
    }

    .sectionOverview .sectionSubtitle {
        font-size: 26px;
        padding: 0 0 20px 0;
        font-weight: 500
    }

        .sectionOverview .sectionSubtitle:after {
            display: none;
        }

.sectionMission {
    background: url('../Images/bg-mission.jpg');
    padding: 60px 0 100px;
    background-size: cover;
}

    .sectionMission .twoColListing p strong {
        line-height: 28px;
        font-size: 28px;
        margin-bottom: 15px;
        display: block;
    }

    .sectionMission .twoColListing ul {
        margin: 0;
    }

    .sectionMission ul li {
        padding-left: 17px;
        position: relative
    }

        .sectionMission ul li:before {
            content: '';
            height: 9px;
            width: 9px;
            background-color: #fff;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 10px;
        }

.parTitle {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    padding: 30px 0 15px;
}

.parTitle--letter-sp {
    letter-spacing: 0.2em;
}

.par,
.sectionMission .twoColListing .listingItemLI {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
}

.sectionMission .twoColListing .listingItemLI {
    position: relative;
    padding: 0 0 0 20px;
}

    .sectionMission .twoColListing .listingItemLI:before {
        position: absolute;
        content: '';
        left: 0;
        width: 10px;
        height: 10px;
        background: #fff;
        border-radius: 50%;
        top: 6px;
    }

.sectionChairman {
    padding: 85px 0 130px;
}

    .sectionChairman .imageTitle {
        font-size: 20px;
        font-weight: 300;
        padding: 10px 0 25px;
    }

.quote {
    font-size: 22px;
    font-weight: 700;
    color: #00734b;
}

    .quote img,
    .quote p {
        display: inline;
    }

.sectionChairman .par {
    font-size: 20px;
    font-weight: 300;
    color: #6b6b6b;
    padding: 35px 0 0;
}

.sectionHistory .parTitle,
.sectionLogoTab .parTitle {
    padding: 10px 0 35px;
    letter-spacing: 0.2em;
}

.parTitle--black {
    color: #000;
}

.par--black {
    color: #6b6b6b;
}

.sectionHistory .fullBg {
    margin: 90px 0 40px;
}

    .sectionHistory .fullBg .parTitle {
        padding: 50px 0 40px;
    }

    .sectionHistory .fullBg .par {
        padding: 0 0 80px 0;
    }

.sectionHistory .numberWithBorder {
    border-top: 8px solid #147c51;
    border-bottom: 8px solid #147c51;
    max-width: 350px;
    margin: 0 auto;
    padding: 20px 0;
}

p {
    font-size: 20px;
    line-height: 25px;
}

.sectionHistory .numberWithBorder .numberHolder {
    font-size: 80px;
    line-height: 1;
    margin: 0;
}

.sectionHistory .numberWithBorder .textAboveNum,
.sectionHistory .numberWithBorder .textAfterNum,
.sectionHistory .numberWithBorder .numberHolder {
    color: #323232;
}

.sectionHistory--recently .imageHolder {
    position: absolute;
    right: 50%;
    left: 25px;
    display: inline-block;
    width: calc(50% - 25px);
    max-height: 355px;
    overflow: hidden;
}

    .sectionHistory--recently .imageHolder img {
        width: 100%;
    }

.sectionHistory--recently .textCont {
    right: 0;
    left: 50%;
    display: inline-block;
}

.sectionHistory--recently .parTitle {
    padding: 0 0 35px;
}

.sectionHistory--recently .par:last-child {
    padding: 35px 0 0 0;
}

.sectionHistory--1953 {
    padding: 50px 0 0;
}

    .sectionHistory--1953 .par {
        position: relative;
    }

        .sectionHistory--1953 .par:before {
            content: '';
            position: absolute;
            top: 50%;
            left: -85px;
            width: 65px;
            height: 1px;
            background: #b2b2b2;
        }

        .sectionHistory--1953 .par:after {
            content: '';
            position: absolute;
            top: 50%;
            left: -85px;
            width: 1px;
            height: 188px;
            background: #b2b2b2;
            z-index: -1;
        }

.sectionHistory--1998 {
    position: relative;
}

    .sectionHistory--1998:after {
        content: '';
        position: absolute;
        left: 50%;
        height: 90px;
        width: 1px;
        background: #b2b2b2;
    }

.sectionHistory--2007 {
    padding: 120px 0 40px;
    position: relative;
}

    .sectionHistory--2007:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -110px;
        width: 1px;
        height: 110px;
        background: #b2b2b2;
    }

.sectionHistory--recently {
    padding: 190px 0 65px;
}

.sectionCertifications {
    background: url('../Images/bg-pattern-light.jpg');
    background-repeat: repeat;
}

    .sectionCertifications .sectionTitle {
        padding: 60px 0 0;
    }

    .sectionCertifications .blockBody {
        max-width: 800px;
        margin: 0 auto;
    }

    .sectionCertifications .par {
        padding: 0 40px;
    }

    .sectionCertifications .imageHolder img {
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    }

.certificates {
    display: flex;
    padding: 30px 0 90px;
}
.certificates {
 
            .listingItemLI {
              &:nth-child(1),
              &:nth-child(2) {
                margin-bottom: 15px;
              }
            }
          }
   
  
.sectionLogoTab .parTitle {
    padding: 80px 0 50px;
}

.logoTabList {
    display: flex;
    justify-content: space-between;
}

    .logoTabList .logoHolder {
        border: 1px solid #d4d4d4;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        margin: 0 20px 0 0;
        cursor: pointer;
    }

        .logoTabList .logoHolder:last-child {
            margin: 0;
        }

        .logoTabList .logoHolder img {
            margin: 15px 0;
        }

.logoTabContent .logoDesc {
    /*display: none;*/
    background: url('../Images/bg-pattern-green.jpg');
    background-repeat: repeat;
    margin: 40px 0;
    padding: 60px 0;
    position: relative;
}

.logoTabContent .logoColTitle {
    font-size: 26px;
    line-height: 42px;
    font-weight: 700;
    color: #fff;
}

.logoTabContent .logoColDesc {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
}

    .logoTabContent .logoColDesc span {
        font-weight: 700;
    }

.logoTabContent .logoColText {
    position: relative;
}

.tab-pane {
    display: none;
}

    .tab-pane.active {
        display: block;
    }

.logoTabs {
    position: relative;
}

.triangle {
    position: absolute;
    content: '';
    bottom: -52.5px;
    width: 25px;
    height: 25px;
    background: url('../Images/bg-pattern-green.jpg');
    transform: translate(95px, 0) rotate(-45deg);
    transition: transform 450ms cubic-bezier(.14, .82, 0, 1.01);
}

.sectionAwards {
    padding: 0 0 75px;
}

.sectionTestim {
    background: url('../Images/bg-pattern-light.jpg');
    padding: 0 0 70px 0;
}

.sectionAwards {
    padding: 0 0 70px 0;
}

    .sectionAwards .parTitle,
    .sectionTestim .parTitle {
        padding: 60px 0 40px;
    }

    .sectionAwards .imageContainer,
    .sectionTestim .imageContainer {
        max-width: 875px;
        margin: 0 auto;
    }

    .sectionAwards .imageHolder,
    .sectionTestim .imageHolder {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-right: 35px;
    }

    .sectionAwards .imageHolder,
    .sectionTestim .imageHolder {
        border: 1px solid #d4d4d4;
        padding: 15px;
        height: 380px;
    }

    .sectionAwards .imageDesc,
    .sectionTestim .imageDesc {
        font-size: 22px;
        line-height: 28px;
        font-weight: 700;
        width: 100%;
        align-self: flex-start;
    }

.sectionHealth {
    background: url('../Images/bg-pattern-light-blue.jpg');
    background-repeat: repeat;
}

    .sectionHealth .sectionTitle {
        margin: 0;
        padding: 70px 0 40px;
    }

.healthTabList {
    padding-bottom: 40px;
}

    .healthTabList li {
        text-transform: uppercase
    }




.healthTabItem {
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    display: inline-block;
    margin: 0 40px 0 0;
    letter-spacing: 0.2em;
    cursor: pointer;
    transition: all .2s ease-in-out;
    opacity: 0.4;
}

    .healthTabItem.active {
        position: relative;
        opacity: 1;
    }

        .healthTabItem.active:before {
            content: '';
            position: absolute;
            top: -20px;
            left: 0;
            width: 100%;
            height: 5px;
            background: #fff;
        }

.sectionHealth .par {
    font-size: 20px;
}

.imageHolder--right {
    position: static;
    right: 25px;
    left: calc(50% + 15px);
    overflow: hidden;
    max-height: 320px;
    /*background: url('../Images/img-glance-1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	height: calc(50% - 50px);*/
}

    .imageHolder--right img,
    .imageHolder--left img {
        width: 100%;
    }

.imageHolder--left {
    position: absolute;
    left: 25px;
    right: calc(50% + 15px);
    overflow: hidden;
    max-height: 320px;
    /*background: url('../Images/img-glance-2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	height: calc(50% - 50px);*/
}

.par--margin {
    margin: 40px 0 140px;
}

.par--margin-bot {
    margin-bottom: 70px;
}

.twoColListing {
    display: flex;
    padding: 30px 0 35px;
}

.listingWithTick {
    list-style: none;
    flex: 50%;
    list-style-position: inside;
    margin: 0;
}

    .listingWithTick li {
        position: relative;
        text-indent: 30px;
    }

        .listingWithTick li:before {
            position: absolute;
            content: '';
            left: 0;
            top: 0;
            background-image: url('../Images/icon-tick.png');
            background-size: 100%;
            width: 27px;
            height: 24px;
            background-repeat: no-repeat;
        }

        .listingWithTick li::first-line {
            padding: 20px;
        }



    .listingWithTick:first-child {
        margin: 0 30px 0 0;
    }

    .listingWithTick .listingItem {
        padding: 0 0 30px 0;
    }

/*ROAD TO SUST*/

.sectionBanner--road-to-sust {
    background: url("../Images/bg-road-to-sust-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 460px;
    background-position: center center;
}

.bannerTitle--with-after {
    padding-bottom: 20px;
}

    .bannerTitle--with-after:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 50%;
        height: 1px;
        transform: translate(-50%, 0);
        background: rgba(255,255,255,0.7);
        width: 225px;
        max-width: 100%;
    }

.childLinkMenu {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 10;
}

.childLinkList {
    display: flex;
    justify-content: center;
    margin: 0;
}

    .childLinkList li a {
        color: #fff;
        text-transform: uppercase;
        border: 1px solid #fff;
        padding: 13px 20px 10px;
        margin: 0 10px 0 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .childLinkList li a:hover {
            background-color: #fff;
            color: #000;
        }

    .childLinkList li {
        display: inline-block
    }

        .childLinkList li a.active:hover {
            background-color: transparent;
            color: #fff;
            cursor: default;
        }

        .childLinkList li a.active {
            font-weight: 700;
            border: 2px solid #fff;
        }

.par--pad-bot {
    padding: 0 0 30px;
}

.sectionOverview--road-to-sust {
    position: relative;
}

.downloadButton {
    color: #282828;
    background: #FFF;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid #242424;
    padding: 15px 10px;
    display: inline-block;
    text-align: center;
    position: fixed;
    right: 25px;
    top: 477px;
    z-index: 100;
}

.sectionOverview--road-to-sust .sectionTitle {
    margin: 70px 0 40px;
}

.sectionOverview--road-to-sust .sectionSubtitle {
    padding: 0 0 70px 0;
}

.sectionOverview--road-to-sust .imageHolder--right {
    max-height: 340px;
    right: 0;
    position: absolute
}

.sectionIconography {
    background: url('../Images/bg-pattern-dark.jpg');
    background-repeat: repeat;
    padding: 60px 0 80px;
}

    .sectionIconography .itemHolder {
        text-align: center;
    }

        .sectionIconography .itemHolder .iconHolder {
            display: inline-block;
            border: 2px solid #fff;
            border-radius: 50%;
            height: 130px;
            width: 130px;
            padding: 30px 0;
        }

    .sectionIconography .iconTitle {
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
        padding: 20px 0;
        padding-bottom: 10px;
    }

    .sectionIconography .iconDesc {
        font-size: 16px;
        line-height: 23px;
        font-weight: 300;
        color: #fff;
        padding: 0 5px;
        opacity: 0.8;
    }

/*SOCIO ECO SUST*/

.sectionSocioEco {
    position: relative;
}

    .sectionSocioEco .sectionTitle {
        margin: 70px 0 90px;
    }

    .sectionSocioEco .row--people {
        margin-bottom: 150px;
    }

    .sectionSocioEco .row--clients {
        margin-bottom: 280px;
    }

    .sectionSocioEco .row--supp {
        margin-bottom: 220px;
    }

    .sectionSocioEco .parTitle {
        padding: 0 0 30px;
        letter-spacing: 0.2em;
    }

.tableSuppliers {
    display: flex;
}

.titleTableSuppliers {
    flex: 58%;
}

.contentTableSuppliers {
    flex: 42%;
}

.tableSuppliers .titleHolder {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background: url('../Images/bg-pattern-green.jpg');
    background-repeat: repeat;
    padding: 15px 25px;
}

    .tableSuppliers .titleHolder:nth-child(odd) {
        background: url('../Images/bg-pattern-dark-green.jpg');
    }

.tableSuppliers .contentHolder {
    color: #5a5a5a;
    font-size: 15px;
    font-weight: 700;
    padding: 14.4px 25px;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

    .tableSuppliers .contentHolder:last-child {
        border-bottom: 1px solid #e0e0e0;
    }

/*ENVIRONMENTAL SUST*/

.sectionBanner--env-sust {
    background: url("../Images/bg-env-sust-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 465px;
}

.sectionEnvSust {
    position: relative;
}

    .sectionEnvSust .sectionTitle {
        margin: 70px 0 90px;
    }

    .sectionEnvSust .quote {
        padding: 50px 80px 0 0;
    }

        .sectionEnvSust .quote .quoteBy {
            font-size: 20px;
            font-weight: 300;
            color: #6b6b6b;
            padding: 30px 0;
        }

    .sectionEnvSust .par {
        margin: 0 0 200px 0;
    }

    .sectionEnvSust .row:first-child {
        margin: 0 0 70px 0;
    }

    .sectionEnvSust .imageHolder--left {
        left: 0;
    }

.sectionCollapse .toggleItem {
    padding: 20px 0;
    border-bottom: 1px solid #d6d6d6;
}

.sectionCollapse .parTitle {
    padding-top: 0;
}

.sectionCollapse .toggleContent {
    display: none;
    background: url('../Images/bg-pattern-gray.jpg');
    background-repeat: repeat;
    padding: 0 40px;
    margin: 0 -40px;
}

.toggleContent img {
    max-width: 100%
}

.toggleContent .col-xs-12 img {
    margin-bottom: 30px;
}

.sectionCollapse .toggleTitle {
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: #222222;
    text-transform: uppercase;
    position: relative;
}

.toggleTitle.active {
    background: url('../Images/bg-pattern-gray.jpg');
    background-repeat: repeat;
    padding: 20px 40px;
    margin: 0 -40px;
}

.sectionCollapse .textListing {
    margin: 0;
}

    .sectionCollapse .textListing .listingItem {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        color: #393939;
        position: relative;
        padding: 0 0 20px 15px;
        margin: 20px 0 0;
    }

        .sectionCollapse .textListing .listingItem:before {
            position: absolute;
            content: '';
            left: 0;
            width: 8px;
            height: 8px;
            background: #393939;
            border-radius: 50%;
            top: 10px;
        }

.sectionCollapse .textListing--beside {
    display: flex;
}

    .sectionCollapse .textListing--beside .listingItem {
        flex: 33.33%;
        margin: 0 30px 0 0;
    }

.sectionCollapse .textSublisting {
    margin: 0 0 0 15px;
    padding: 10px 0 0;
}

    .sectionCollapse .textSublisting .sublistingItem {
        position: relative;
        font-size: 17px;
        font-weight: 300;
        padding: 0 0 0 15px;
        color: #6b6b6b;
    }

        .sectionCollapse .textSublisting .sublistingItem:before {
            position: absolute;
            content: '';
            left: 0;
            width: 8px;
            height: 8px;
            border: 1px solid #6b6b6b;
            border-radius: 50%;
            top: 10px;
        }

.sectionCollapse .sublistingItem--no-before {
    padding: 0;
}

    .sectionCollapse .sublistingItem--no-before:before {
        display: none;
    }

.sectionCollapse .tableCont {
    display: flex;
    padding: 0 0 50px;
}

.sectionCollapse .tableCont--pad {
    padding: 50px 0 110px;
}

.sectionCollapse .tableCol {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.sectionCollapse .tableCell {
    padding: 20px 0;
    color: #5a5a5a;
    font-size: 15px;
    width: 100%;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
}

.sectionCollapse .tableCell--head {
    color: #fff;
    font-weight: 700;
    background: url('../Images/bg-pattern-dark-green.jpg');
    background-repeat: repeat;
    border-bottom: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
}

    .sectionCollapse .tableCell--head span {
        font-size: 22px;
        padding: 0 0 10px;
    }

.sectionCollapse .textSublisting--no-mar-l {
    margin: 0 0 0 -15px;
}

.sectionCollapse .tableCol--wider {
    flex: 1.6;
}

.sectionCollapse .tableCol--widest {
    flex: 2;
}

.tableCont--large .tableCell {
    flex: 1;
    text-align: left;
    padding-left: 30px;
    color: #5a5a5a;
}

.tableCont--large .tableCell--head {
    display: block;
    flex: unset;
    color: #fff;
}

.tableCont .bold {
    color: #202020;
}



.collapsePlusIcon {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
}

    .collapsePlusIcon:after,
    .collapsePlusIcon:before {
        content: '';
        width: 100%;
        height: 2px;
        background-color: #000;
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
        border-radius: 4px;
        transition: transform 400ms ease;
    }

.toggleTitle.active .collapsePlusIcon:after {
    transform: translate(-50%, -50%) rotate(180deg);
}

.collapsePlusIcon:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

/*COMMUNITY RELATIONS*/

.sectionBanner--com-rel {
    background: url("../Images/bg-com-rel-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 465px;
}

.sectionOverview--com-rel {
    position: relative;
    padding: 0 0 120px;
}

    .sectionOverview--com-rel .sectionSubtitle {
        padding: 0 0 80px;
    }

    .sectionOverview--com-rel .sectionTitle {
        margin: 70px 0 50px;
    }

    .sectionOverview--com-rel .imageHolder--right {
        max-height: 700px;
    }

.sectionText--with-bg {
    background: url('../Images/bg-com-rel-2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 0 60px;
}

.sectionText--com-rel .textCont {
    max-width: 880px;
    margin: 0 auto;
    padding: 150px 0;
}

.sectionText--com-rel .par {
    color: #fff;
    font-size: 20px;
    line-height: 29px;
    font-weight: 300;
}

.sectionText--com-rel .par--main {
    color: #fff;
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
    padding: 0 0 30px;
}

.sectionComRel--img-left {
    margin: 0 0 140px;
}

    .sectionComRel--img-left .imageHolder--left {
        max-height: 350px;
    }

.sectionDiagrams .diagTitle {
    color: #000;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 30px;
    text-align: center;
}

.sectionText--com-rel .par--black {
    color: #000;
}

.sectionText--com-rel .textCont--smaller-p {
    padding: 90px 0 65px;
}

.sectionText--com-rel .par--black:last-child {
    color: #6b6b6b;
}

.programListing {
    padding: 60px 0;
    /*border-top: 6px solid #137c50;*/
}

.sectionProgram {
    position: relative;
}

    .sectionProgram:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 6px;
        background-color: #137c50;
        top: 0;
    }

    .sectionProgram .sectionTitle {
        margin: 0 0 40px;
    }

    .sectionProgram .listingTitle {
        font-size: 20px;
        line-height: 22px;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
        padding: 20px 0 10px;
    }

    .sectionProgram .listingDesc {
        font-size: 16px;
        line-height: 21px;
        font-weight: 300;
        color: #6b6b6b;
    }

    .sectionProgram .viewAllBottom {
        margin: 30px 0 0;
    }

/*PROGRAMS*/

.sectionCollapse--programs .toggleContent {
    padding-bottom: 40px;
    margin-bottom: 60px;
}

.sectionCollapse--programs .sectionTitle {
    margin: 50px 0;
}

.sectionCollapse--programs .toggleContent .row {
    margin-bottom: 40px;
}

    .sectionCollapse--programs .toggleContent .row:last-of-type {
        margin-bottom: 0;
    }

.sectionCollapse--programs .par {
    font-size: 20px;
    line-height: 30px;
}

.sectionCollapse--programs .par--pad-bot {
    padding: 0 0 25px;
}

.sectionCollapse--programs .parTitle {
    padding: 0 0 20px;
    letter-spacing: 0.2em;
}

.sectionCollapse--programs .textHolder {
    min-height: 430px;
}

/*TESTIMONIALS*/

.sectionTestimonials .sectionTitle {
    margin: 50px 0;
}

.sectionTestimonials .quote {
    padding: 50px 100px 0;
    font-size: 24px;
    line-height: 42px;
    font-weight: 700;
    color: #000;
}

.sectionTestimonials .quote--cairo {
    font-size: 22px;
    line-height: 37px;
}

.sectionTestimonials .quoteBy {
    font-size: 18px;
    line-height: 32px;
    font-weight: 300;
    color: #000;
    padding: 30px 0 50px;
}

.quoteBy--cairo {
    font-size: 18px;
    line-height: 37px;
}

.quote--cairo,
.quoteBy--cairo {
    font-family: 'cairo';
}

.sectionTestimonials .itemHolder {
    border: 4px solid #147d51;
    margin: 0 50px 50px;
    position: relative;
    padding: 50px 90px;
}

    .sectionTestimonials .itemHolder:before {
        content: '';
        position: absolute;
        top: -20px;
        left: 7px;
        width: 30px;
        height: 20px;
        border: 10px solid #fff;
        box-sizing: content-box;
        background: url('../Images/icon-quotation-mark.svg');
        background-repeat: no-repeat;
        background-color: #fff;
    }

    .sectionTestimonials .itemHolder:after {
        content: '';
        position: absolute;
        bottom: -20px;
        right: 7px;
        width: 30px;
        height: 20px;
        border: 10px solid #fff;
        box-sizing: content-box;
        background: url('../Images/icon-quotation-mark.svg');
        background-repeat: no-repeat;
        background-color: #fff;
        transform: rotate(180deg);
    }

/*MANUFACTURING FACILITIES*/

.sectionBanner--manuf {
    background: url("../Images/bg-manuf-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 465px;
}

/*QUARRY*/

.sectionQuarry {
    position: relative;
}

    .sectionQuarry .sectionTitle {
        margin-top: 60px;
    }

    .sectionQuarry .sectionSubtitle {
        font-size: 24px;
        line-height: 42px;
        font-weight: 700;
        color: #000;
        max-width: 870px;
        margin: 0 auto;
        padding: 30px 0 70px;
    }

        .sectionQuarry .sectionSubtitle:after {
            display: none;
        }

    .sectionQuarry .par {
        padding: 0 0 35px;
    }

    .sectionQuarry .imageHolder--right,
    .sectionQuarry .imageHolder--left {
        max-height: 350px;
        margin: 0 0 70px;
    }

    .sectionQuarry .row {
        padding-bottom: 60px;
    }

.sectionCrossLinking {
    padding: 70px 0 20px;
    border-top: 7px solid #137c50;
}

.crossLinkTitle {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: #000;
    padding: 30px 0 0;
}

.crossLinkDesc {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    color: #6b6b6b;
    padding: 25px;
}

.link--black {
    color: #000;
    text-decoration: underline;
}

/*dropdown*/

.childLink.dropdown.open {
    background: #00734b;
    border: none;
    position: relative;
}

    .childLink.dropdown.open:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 100%;
        height: 10px;
        background: #00734b;
    }

.dropdown-menu {
    background: #00734b;
    border: none;
    margin: 0;
    border-radius: unset;
    box-shadow: unset;
    border: 1px solid #00734b;
    left: unset;
    right: 0;
    top: 50px;
    width: 400px;
    z-index: 10;
    padding: 15px 0;
}

    .dropdown-menu > li > a {
        color: #fff;
        font-size: 14px;
        font-weight: 300;
        text-transform: uppercase;
        padding: 10px 0;
    }

        .dropdown-menu > li > a:hover {
            background: unset;
            color: #75c0a6;
        }

    .dropdown-menu > li {
        border-bottom: 1px solid #248764;
        margin: 0 20px;
    }

        .dropdown-menu > li:last-child {
            border-bottom: none;
        }

/*PRODUCTS*/

.sectionBanner--products {
    background: url("../Images/bg-products-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 465px;
}

.stickyMenuHolder--products .stickyMenuList {
    display: block;
    text-align: center;
}

.stickyMenuHolder--products .stickyMenuItem {
    margin: 0 10px;
}

.sectionOurProducts .listingHolder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sectionOurProducts .listingItemLI {
    padding-bottom: 45px;
}

    .sectionOurProducts .listingItemLI .crossLinkDesc {
        min-height: 90px;
        padding: 10px 0;
    }

.sectionOurProducts .imageHolder {
    height: unset;
}

.sectionQuaCont {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 140px;
    margin-bottom: 70px;
}

    .sectionQuaCont .sectionTitle {
        margin: 0;
        margin-bottom: 40px
    }

    .sectionQuaCont:before {
        content: '';
        height: 100%;
        width: 100%;
        background-color: rgba(28, 64, 81, 0.6);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .sectionQuaCont .blockBody {
        max-width: 940px;
        margin: 0 auto;
        position: relative;
    }

    .sectionQuaCont .par {
        font-size: 20px;
        line-height: 30px;
        padding: 40px 0 160px;
    }

    .sectionQuaCont .par--main,
    .sectionCustServ .par--main {
        line-height: 34px;
        color: #fff;
        font-size: 26px;
        font-weight: 500;
    }

.sectionLabor .parTitle {
    padding: 0 0 20px;
    color: #303030;
    letter-spacing: 0.2em;
    line-height: 32px;
}

.sectionLabor .wrapper {
    max-width: 100%
}

.sectionLabor li:nth-child(odd) {
    float: left
}

.sectionLabor li:nth-child(even) {
    float: right
}



.sectionLabor p {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
}

.sectionLabor li:nth-child(odd) .imageHolder {
    float: left;
    margin-right: 25px;
}

.sectionLabor li {
    max-width: 1310px;
    padding: 0;
    margin-bottom: 50px
}

    .sectionLabor li:nth-child(even) .imageHolder {
        float: right;
        margin-left: 25px;
    }

.sectionLabor .row--chemical {
    margin: 75px 0 80px;
}

.sectionLabor ul {
    margin: 0;
}

.sectionLabor .contentBody {
    width: 550px;
    max-width: 100%;
    float: left;
}

.sectionLabor .imageHolder img {
    max-width: 100%;
}

.sectionLabor .imageHolder {
    width: 725px;
    max-width: 100%;
}

.sectionLabor .row--physical {
    margin: 0 0 200px;
}

.sectionLabor .row--concrete {
    margin: 0 0 280px;
}

.sectionCustServ .par--main {
    color: #000;
    padding: 0 0 80px;
}

.sectionCustServ .textCont {
    position: relative;
}

    .sectionCustServ .textCont .imageHolder {
        position: absolute;
        height: 100%;
    }

        .sectionCustServ .textCont .imageHolder img {
            height: 100%;
        }

.sectionCustServ .textHolder {
    padding: 60px 80px;
    background: url('../Images/bg-pattern-light-blue.jpg');
    background-repeat: repeat;
    opacity: 0.9;
}

.sectionCustServ .par--black:last-child {
    max-width: 870px;
    margin: 0 auto;
    padding: 80px 0 50px;
}

.greenBg {
    background: url('../Images/bg-pattern-green.jpg');
    background-repeat: repeat;
}

.sectionFillSurvey .sectionSubtitle {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.2em;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 50px 0 20px;
}

.sectionFillSurvey .buttonHolder {
    padding: 0 0 50px;
}

.sectionFillSurvey .sectionSubtitle:after {
    display: none;
}

/*CN IN THE NEWS*/

.sectionBanner--news {
    background: url("../Images/bg-news-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 465px;
}

/*.sectionNews .slickItem .imageHolder {
	width: 100%;
}*/

.sectionNews .slickItem {
    width: 1130px;
    margin: 0;
}

    .sectionNews .slickItem .itemText {
        position: absolute;
        bottom: 30px;
        left: 30px;
    }

    .sectionNews .slickItem .itemDate {
        font-size: 12px;
        font-weight: 700;
        color: #fff;
    }

    .sectionNews .slickItem .itemDesc {
        font-size: 24px;
        font-weight: 700;
        line-height: 25px;
        color: #fff;
        padding: 6px 0 0;
    }

.sectionNews .slick-dots {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

    .sectionNews .slick-dots button {
        border: 1px solid #fff;
    }

.sectionNews .imageListing {
    margin: 15px 0 0;
}

.sectionNews .sectionTitle {
    margin: 60px 0;
}

.itemHolder--no-img {
    border: 1px solid #000;
    background: #fff;
    min-height: 206px;
}

    .itemHolder--no-img .itemDate,
    .itemHolder--no-img .itemDesc {
        color: #000;
    }

.sectionNews .loadmore {
    margin: 90px 0 0;
}

/*NEWS DETAIL*/

.sectionNewsDetail .wrapper {
    max-width: 940px;
}

.sectionNewsDetail .blockHead {
    position: relative;
}

.sectionNewsDetail .linkHolder {
    position: absolute;
    right: 0;
    bottom: 50px;
}

.sectionNewsDetail .slickItem {
    width: 1130px;
    margin: 0;
}

.sectionNewsDetail .par {
    font-size: 18px;
    line-height: 26px;
    color: #707070;
    font-weight: 300;
    padding: 0 0 25px;
}

.sectionNewsDetail .par--main {
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    color: #343434;
    padding-top: 25px;
}

.sectionNewsDetail .itemDate {
    font-size: 12px;
    font-weight: 700;
    color: #373737;
    padding: 40px 0 0;
}

.sectionNewsDetail .itemTitle,
.sectionRelated .itemTitle {
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    color: #000;
    padding: 15px 0 30px;
    margin: 0;
    max-width: 100%;
    text-align: left
}

.shareHolder {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 75px 0 60px;
}

    .shareHolder .span {
        padding: 10px 0;
    }

    .shareHolder img {
        margin: 0 0 0 15px;
    }

.sectionNewsDetail .slick-prev {
    position: absolute;
    top: 250px;
    left: -100px;
    color: transparent;
    width: 30px;
    height: 30px;
    padding: 0;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    transform: rotate(45deg);
}

.sectionNewsDetail .slick-next {
    position: absolute;
    top: 250px;
    right: -100px;
    color: transparent;
    width: 30px;
    height: 30px;
    padding: 0;
    background: #fff;
    border: 0;
    border-top: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
    transform: rotate(45deg);
}

.relatedNewsListing {
    border-top: 6px solid #137c50;
    padding: 25px 0 0;
}

.sectionRelated .itemTitle {
    padding: 15px 0 0;
}

/*BROCHURES*/

.sectionTitle {
    margin: 50px 0 40px;
    line-height: 40px;
}

.sectionBrochures .itemHolder {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 3px solid #147d51;
    border-top: 0
}

    .sectionBrochures .itemHolder .brochureTitle {
        text-transform: uppercase;
        font-size: 18px;
        line-height: 32px;
        font-weight: 700;
        color: #000;
        padding: 35px 0 30px;
    }

.downloadHolder span {
    font-size: 18px;
    font-weight: 400;
    padding: 0 0 0 7px;
}

.downloadHolder {
    padding: 0 0 50px;
}

.sectionBrochures .imageHolderNone {
    display: none;
}

.sectionBrochures .imageHolder {
    min-height: 210px;
    background: #3eae80;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #147d51;
    border-bottom: none;
}

    .sectionBrochures .imageHolder h3 {
        color: #fff;
        font-size: 18px;
        line-height: 32px;
        font-weight: 700;
    }

.sectionBrochures .imageHolder--blue {
    background: #0062a6;
}

.sectionBrochures .listingHolder {
    /*column-count: 3;
    column-gap: 0;*/
}

.sectionBrochures .listingItemLI {
    /*width: 100%;*/
    /*-webkit-column-break-inside: avoid;*/
    margin: 0 0 30px;
    width: 33.3333%;
}
    .sectionBrochures .listingItemLI:nth-child(3n+1){
        clear:both;
    }

    /*PHOTOS AND VIDEOS*/
    .sectionPhotos .sectionSubtitle,
    .sectionVideos .sectionSubtitle,
    .photoGallery .galleryTitle {
        font-size: 28px;
        line-height: 32px;
        color: #000;
        letter-spacing: 0.2em;
        font-weight: 700;
        text-transform: uppercase;
    }

    .sectionPhotos .sectionSubtitle:after,
    .sectionVideos .sectionSubtitle:after {
        display: none;
    }

.sectionPhotos .imageHolder {
    overflow: hidden;
}

.sectionPhotos .textCont {
    background: url('../Images/bg-pattern-gray.jpg');
    background-repeat: repeat;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.sectionPhotos .photoTitle,
.sectionVideos .videoTitle {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    padding: 30px 0;
}

.sectionPhotos .photoNumber span,
.sectionVideos .videoDuration span,
.photoGallery .photoNumber span {
    font-size: 18px;
}

.photoGallery .photoNumber {
    display: none
}

.photoGallery .slick-slide {
     margin: 0 90px; 
}
.sectionPhotos .photoNumber,
.sectionVideos .videoDuration {
    padding: 0 0 30px;
}

.sectionPhotos .listingItemLI,
.sectionVideos .listingItemLI {
    margin: 0 0 30px;
}

.sectionVideos .videoListing {
    border-top: 6px solid #137c50;
    padding: 50px 0 0;
    margin: 70px 0 0;
}

.sectionVideos .textCont {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.sectionVideos .imageHolder {
    position: relative;
}

.sectionVideos .videoIcon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*PHOTO ALBUM DETAILS*/

#photoGallery {
    width: 100%;
}

.galleryHeader .photoNumber {
    padding: 15px 0 20px;
}

.photoGallery.fancybox-content {
    padding: 25px 0 15px;
}

/* Media gallery photo slider */

.media-gellery__header {
    padding: 1em 0 0;
    position: relative;
}

.media-gellery--multimedia .media-gellery__header {
    padding: 40px 0 0;
    margin: 20px 0 0;
}

.media-gellery--multimedia .media-gallery__title {
    margin: 0;
    font-size: 2em;
    letter-spacing: 0.01em;
    text-transform: none;
}

.media-gellery--multimedia .main__atf-meta {
    justify-content: initial;
}

.media-gellery--multimedia .main__atf-multimedia {
    margin: 0 10px;
}

.media-gallery__title {
    font-size: 1.75em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin: 0 0 1em;
}

.media-gallery__nr-photos {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: 1.125em;
    padding: 0 0 0 50px;
    margin: 0 0 2em;
}

    .media-gallery__nr-photos:before {
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        background: url('../Images/ico-photo.svg') no-repeat center center;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
    }

.media-gallery__slider {
    overflow: hidden;
    max-height: 75vh;
}

    .media-gallery__slider .slick-slide,
    .media-gallery__thumb-slider .slick-slide {
        margin: 0;
    }

    .media-gallery__slider div {
        max-height: 100%;
        height: 100%;
    }

.media-gallery__slider-item {
    position: relative;
}

    .media-gallery__slider-item .text-container {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        background: rgba(0, 0, 0, 0.7);
        padding: 20px;
    }

.media-gallery__caption {
    font-size: 0.9375em;
    line-height: 1.0666;
    color: #fff;
    margin: 0;
    font-weight: 400;
}

.media-gallery__thumb-slider {
    padding: 0 90px;
    margin: 10px 0;
}

    .media-gallery__thumb-slider .slick-track {
        max-height: 85px;
        overflow: hidden;
    }

    .media-gallery__thumb-slider .slick-prev {
        background: url(../Images/ico-arrow-left-black.svg) no-repeat center center;
        left: 0;
    }

    .media-gallery__thumb-slider .slick-next {
        background: url(../Images/ico-arrow-right-black.svg) no-repeat center center;
        right: 0;
    }

.media-gallery__thumb-slider-item {
    padding: 0 5px;
}

.slick-slide img {
    max-width: 100%;
}

.media-gallery__thumb-slider-item img {
    max-width: 100%;
}

.media-gallery__thumb-slider .slick-arrow {
    display: block;
    border: none;
    margin: 0;
    /* text-decoration: none; */
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: -9999px;
    width: 38px;
    height: 34px;
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translate(0, -50%);
}

.photoGallery {
    position: relative;
    padding: 20px;
    text-align: center;
}

.section__title--with-close .close,
.close-button {
    height: 50px;
    width: 50px;
    position: absolute;
    box-sizing: border-box;
    line-height: 50px;
    display: inline-block;
    top: 20px;
    right: -40px;
    cursor: pointer;
}

    .section__title--with-close .close:before,
    .section__title--with-close .close:after,
    .close-button:before,
    .close-button:after {
        width: 50px;
        height: 1px;
        transform: rotate(-45deg);
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 0px;
        margin-left: -25px;
        display: block;
        background-color: #000;
        transition: all 0.25s ease-out;
    }

    .section__title--with-close .close:after,
    .close-button:after {
        transform: rotate(-135deg);
    }

    .close-button:hover:before {
        transform: rotate(45deg);
    }

    .close-button:hover:after {
        transform: rotate(135deg);
    }

.section__title--with-close .close {
    top: 18px;
    right: 0;
    width: 20px;
    height: 20px;
    z-index: 3;
    background: #fff;
    box-sizing: content-box;
    padding: 0 0 0 20px;
}

    .section__title--with-close .close:before,
    .section__title--with-close .close:after {
        width: 20px;
        height: 2px;
        margin-left: 0;
    }

.photoGallery button svg {
    display: none;
}

.photoGallery button {
    background: url('../Images/icon-close.png');
    margin: 40px;
}

.photoGallery .slick-slide img {
    margin: 0 auto;
}

.photoGallery .slick-dots button {
    background: none;
    margin: 20px 5px;
}
.photoGallery .slick-dots .slick-active button {
    background: #242424;
}
/* Popup */

.popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 99;
    /*visibility: hidden;*/
    visibility: visible;
    opacity: 1;
    transition: opacity 300ms ease;
}

    .popup .popup-inner {
        max-width: 100%;
        margin: 0 auto;
        background: #fff;
        padding: 0;
        box-sizing: border-box;
        transform: translateY(0);
        opacity: 1;
        transition: all 0.3s;
    }

.inpopup .popup {
    visibility: visible;
    opacity: 1;
}

.inpopup .popup-inner {
    transform: translateY(0);
    opacity: 1;
}

/*MANUFACTURING*/

.sectionManufacturing {
    position: relative;
}

    .sectionManufacturing .sectionTitle {
        margin-top: 60px;
    }

    .sectionManufacturing .imageHolder--right,
    .sectionManufacturing .imageHolder--left {
        max-height: 350px;
        margin: 0 0 70px;
    }

    .sectionManufacturing .parTitle {
        line-height: 32px;
        letter-spacing: 0.2em;
        padding: 0 0 15px;
        max-width: 350px;
    }

    .sectionManufacturing .parTitle--green {
        color: #147d51;
        padding: 25px 0 0;
    }

.par--narrower {
    margin: 0 50px 0 0;
}

.sectionPhaseTwo {
    background: url('../Images/img-manufacturing-2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 1310px;
    max-width: 100%;
    background-position: center center;
}

    .sectionPhaseTwo .textCont {
        padding: 150px 0 150px 90px;
        background: url('../Images/bg-pattern-green.jpg');
        background-repeat: repeat;
        opacity: 0.9;
    }

.sectionPhaseThree {
    background: url('../Images/img-manufacturing-3.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin: 60px 0;
}

    .sectionPhaseThree.sectionManufacturing .parTitle {
        max-width: 610px;
        margin: 0 auto;
    }

    .sectionPhaseThree .par {
        font-size: 20px;
    }

    .sectionPhaseThree .textCont {
        max-width: 880px;
        margin: 0 auto;
        padding: 110px 0 130px;
    }

    .sectionPhaseThree .buttonHolder {
        margin: 50px 0 0;
    }

.sectionPhaseFour .imageHolder--left {
    left: 0;
}

.sectionPhaseFive .textHolder {
    padding: 110px 70px 110px 90px;
    background: url(../Images/bg-pattern-light-blue.jpg);
    background-repeat: repeat;
    opacity: 0.9;
}

.sectionPhaseFive .blockBody {
    width: 1310px;
    float: right;
    max-width: 100%;
}

.sectionPhaseFive .textCont .imageHolder {
    position: absolute;
    height: 100%;
}

    .sectionPhaseFive .textCont .imageHolder img {
        height: 100%;
    }

.sectionPhaseSix {
    margin: 60px;
}

.sectionPhaseSeven {
    background: url('../Images/img-manufacturing-7.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

    .sectionPhaseSeven .par {
        max-width: 750px;
        margin: 0 auto;
    }

    .sectionPhaseSeven .par--main {
        font-weight: 700;
        padding: 0 40px 20px 0;
    }

.sectionPhaseEight .textHolder {
    padding: 110px 40px 110px 90px;
    background: url(../Images/bg-pattern-green.jpg);
    background-repeat: repeat;
}

.sectionPhaseEight ul {
    list-style-type: disc;
    list-style-position: outside;
}


.sectionManufacturing .blockBody {
    position: relative;
}

.sectionPhaseOne .blockBody:before,
.sectionPhaseFive .blockBody:before,
.sectionPhaseSix .blockBody:before,
.sectionPhaseEight .blockBody:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -85px;
    width: 0px;
    height: 1px;
    background: #b2b2b2;
    transition: width 400ms ease 2s;
}

.sectionPhaseOne.in-view .blockBody:before,
.sectionPhaseFive.in-view .blockBody:before,
.sectionPhaseSix.in-view .blockBody:before,
.sectionPhaseEight.in-view .blockBody:before {
    width: 65px;
}

.sectionPhaseOne .blockBody:after,
.sectionPhaseFive .blockBody:after,
.sectionPhaseSix .blockBody:after,
.sectionPhaseEight .blockBody:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -85px;
    width: 1px;
    height: 0px;
    background: #b2b2b2;
    z-index: -1;
    transition: 2s;
    transform-origin: bottom;
}

.sectionPhaseOne.sectionPhaseSix.in-view .blockBody:after {
    content: none;
}

.sectionManufacturing.sectionPhaseSix .imageHolder--right,
.sectionManufacturing .imageHolder--left {
    margin-bottom: 0;
}

.sectionPhaseOne.in-view .blockBody:after {
    height: 333px;
}

.sectionPhaseFive.in-view .blockBody:after {
    height: 515px;
}

.sectionPhaseSix .blockBody:after {
    top: -50%;
}

.sectionPhaseEight .blockBody:after {
    top: -12%;
    height: 0px;
}

.sectionPhaseEight.in-view .blockBody:after {
    height: 445px;
}

.sectionPhaseTwo {
    border-right: none;
}

    .sectionPhaseTwo .blockBody:before,
    .sectionPhaseFour .blockBody:before {
        content: '';
        position: absolute;
        top: 50%;
        right: -90px;
        width: 90px;
        height: 1px;
        background: #b2b2b2;
        z-index: -1;
    }

.sectionPhaseFour .blockBody:before {
    right: -70px;
}

.sectionPhaseTwo .blockBody:after,
.sectionPhaseFour .blockBody:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -90px;
    width: 1px;
    height: 0px;
    background: #b2b2b2;
    z-index: -1;
    transition: 2s;
}

.sectionPhaseTwo.in-view .blockBody:after {
    height: 400px;
}

.sectionPhaseFour.in-view .blockBody:after {
    height: 250px;
}

.sectionPhaseFour .blockBody:after {
    right: -70px;
}

.sectionPhaseOne .blockBody:before,
.sectionPhaseTwo .blockBody:before,
.sectionPhaseFour .blockBody:before,
.sectionPhaseFive .blockBody:before:not(.sectionPhaseEight) {
    opacity: 0;
    transition: opacity 400ms ease;
}

.sectionPhaseOne.in-view .blockBody:before,
.sectionPhaseTwo.in-view .blockBody:before,
.sectionPhaseFour.in-view .blockBody:before,
.sectionPhaseFive.in-view .blockBody:before:not(.sectionPhaseEight) {
    opacity: 1;
}

/*IN VIEW - Fade in*/

.animate {
    transform: translateY(20px) scale(0.95);
    opacity: 0;
    transition: transform 1050ms cubic-bezier(.14, .82, 0, 1.01), opacity 700ms ease;
    will-change: transform, opacity;
}

    .animate.in-view {
        visibility: visible;
        -webkit-transform: translateY(0) scale(1);
        opacity: 1;
    }

/*BLOG*/

.sectionBanner--blog {
    background: url("../Images/bg-blog-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 465px;
}

/*WORKING AT CN*/

.sectionBanner--work {
    background: url("../Images/bg-work-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 465px;
}

.sectionWork {
    padding: 80px 0 70px;
}

    .sectionWork .par--main,
    .sectionVac .par--main {
        font-weight: 700;
        color: #000;
        font-size: 28px;
        line-height: 42px;
    }

    .sectionWork .blockBody {
        max-width: 750px;
        margin: 0 auto;
    }

    .sectionWork .par:last-child {
        padding: 0 70px;
    }

.sectionBuildCareer .sectionTitle {
    margin: 0;
    padding: 60px 0 40px;
}

.sectionBuildCareer p {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    text-align: center;
}

.sectionBuildCareer .par--main {
    font-weight: 700;
    font-size: 22px;
}

.sectionBuildCareer .par--pad-bot {
    padding: 0 0 25px;
}

.sectionBuildCareer .par:not(.par--main) {
    margin: 0 auto;
}

.sectionIconography--work {
    padding: 25px 0 55px;
}

    .sectionIconography--work img {
        width: 65px;
        height: auto;
    }

.sectionTraining .textHolder {
    padding: 24px;
    margin: 175px 0 160px;
    background: url(../Images/bg-pattern-light-blue.jpg);
    background-repeat: repeat;
    opacity: 0.9;
}

.sectionTraining .textCont {
    position: relative;
}

    .sectionTraining .textCont .imageHolder {
        position: absolute;
        height: 100%;
    }

        .sectionTraining .textCont .imageHolder img {
            height: 100%;
            width: 100%;
        }

.sectionCheckVacancies {
    margin: 40px 0;
}

    .sectionCheckVacancies .linkHolder {
        padding: 0 0 50px;
    }

    .sectionCheckVacancies .sectionSubtitle {
        font-size: 28px;
        line-height: 32px;
        letter-spacing: 0.2em;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        padding: 50px 0 20px;
    }

        .sectionCheckVacancies .sectionSubtitle:after {
            display: none;
        }

.sectionVac .link {
    color: #3c3c3c;
    font-weight: 700;
    text-decoration: underline;
}

.sectionVac .blockBody {
    max-width: 940px;
    margin: 0 auto;
}

.sectionVac .par:not(.par--main) {
    padding: 0 100px 30px;
}

/*VACANCIES FORM*/

.sectionVacForm .blockHead {
    position: relative;
}

.sectionVacForm .linkHolder {
    position: absolute;
    top: 15px;
    z-index: 5;
}

.sectionVacForm .sectionSubtitle,
.careerForm .form-intro {
    font-size: 28px;
    font-weight: 700;
    padding: 30px 0 20px;
}

.sectionVacForm .sectionSubtitle {
    padding: 0 0 50px;
}

    .sectionVacForm .sectionSubtitle:after {
        display: none;
    }

.careerForm .form-intro {
    text-transform: uppercase;
}

.careerForm .form-control,
.careerForm select {
    width: 100%;
    background: #f2f2f2;
    border: none;
    border-radius: 0;
    margin: 0 0 20px;
    height: 45px;
    padding: 0 20px;
    font-size: 18px;
    font-family: 'work_sans';
}

.careerForm option {
    font-weight: 300;
    font-size: 16px;
}

.careerForm select {
    background: url('../Images/icon-arrow-down.png') no-repeat right #f2f2f2;
    -webkit-appearance: none;
    background-position: 97%;
}

.careerForm .col-md-4 select {
    background-position: 90%;
}

.careerForm textarea.form-control {
    height: 120px;
}

.inputEntity label {
    font-size: 18px;
    font-weight: 300;
    color: #2c2c2c;
    line-height: 35px;
}

.careerForm .reset {
    border: none;
}

.careerForm .formActions {
    text-align: right;
    padding: 20px 0;
    border-top: 1px solid #eaeaea;
}

.careerForm .fileUpload {
    position: relative;
    margin: 0 0 25px;
}

.careerForm .uploadFile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .careerForm .uploadFile + label {
        font-size: 16px;
        font-weight: 300;
        color: #797979;
        background-color: #f2f2f2;
        display: inline-block;
        width: 100%;
        height: 45px;
        line-height: 45px;
        padding: 0 15px;
    }

    .careerForm .uploadFile + label {
        cursor: pointer;
    }

.careerForm .paperClip {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
}

/*VACANCIES*/

.sectionVacancies .blockHead {
    position: relative;
}

    .sectionVacancies .blockHead .linkHolder {
        position: absolute;
        top: 15px;
        z-index: 5;
    }

.sectionVacancies .sectionSubtitle {
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
    max-width: 940px;
    margin: 0 auto;
    padding: 0 0 50px;
}

    .sectionVacancies .sectionSubtitle:after {
        display: none;
    }

.vacancieCollapse {
    display: flex;
    flex-wrap: wrap;
}

.sectionVacancies .toggleItem {
    flex: calc(50% - 30px);
    margin: 0 0 30px;
    position: relative;
}

    .sectionVacancies .toggleItem:nth-child(even) {
        margin-left: 30px;
    }

.sectionVacancies .toggleTitle {
    border: 3px solid #147d51;
}

    .sectionVacancies .toggleTitle h4 {
        font-size: 18px;
        line-height: 32px;
        letter-spacing: 0.2em;
        color: #000;
        font-weight: 700;
        text-transform: uppercase;
        padding: 25px 0 0;
    }

    .sectionVacancies .toggleTitle.active h4,
    .sectionVacancies .toggleTitle.active .link {
        color: #fff;
    }

    .sectionVacancies .toggleTitle.active {
        background: #147d51;
        padding: unset;
        margin: unset;
    }

    .sectionVacancies .toggleTitle .link {
        color: #147d51;
        text-decoration: underline;
        margin: 0 20px;
    }

    .sectionVacancies .toggleTitle .linkHolder {
        padding: 30px 0;
    }

.sectionVacancies .toggleContent {
    display: none;
}

.sectionVacancies .toggleContent {
    background: #147d51;
    padding: 75px 90px 60px 40px;
    width: calc(200% + 30px);
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}

    .sectionVacancies .toggleContent p {
        margin-bottom: 30px;
    }

    .sectionVacancies .toggleContent:before {
        content: '';
        background: #fff;
        position: absolute;
        right: 0;
        top: 0px;
        width: calc(50% + 15px);
        height: 30px;
    }

.sectionVacancies .toggleItem:nth-child(even) .toggleContent {
    left: calc(-100% - 30px);
}

    .sectionVacancies .toggleItem:nth-child(even) .toggleContent:before {
        left: 0;
    }

/*CONTACT US*/

.sectionBanner--contact {
    background: url("../Images/bg-contact-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 465px;
}

.sectionContactInfo .itemHolder {
    margin: 0 0 50px;
}

    .sectionContactInfo .itemHolder .itemTitle {
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        color: #222222;
        margin: 0;
        padding: 0 0 10px 0;
    }

    .sectionContactInfo .itemHolder .infoCont {
        padding: 0 80px 0 0;
    }

        .sectionContactInfo .itemHolder .infoCont span {
            font-size: 15px;
            font-weight: 700;
            color: #202020;
        }

        .sectionContactInfo .itemHolder .infoCont p {
            font-size: 15px;
            font-weight: 400;
            color: #666666;
            padding: 0 0 15px 0;
        }

.sectionContactInfo .mapCont {
    background: url('../Images/img-contact-1.jpg');
    height: 520px;
    background-size: cover;
    background-repeat: no-repeat;
}

.sectionMessage .form-intro {
    letter-spacing: 0.2em;
    margin: 100px 0 0;
}

.sectionMessage .row {
    flex: 50%;
}

    .sectionMessage .row:first-child {
        padding: 0 30px 0 0;
    }

.sectionMessage .formCont {
    display: flex;
}

.sectionMessage .row:last-child * {
    height: 100%;
}

.sectionMessage .careerForm .inputEntity textarea {
    height: calc(100% - 20px);
    padding: 15px 20px;
}

.sectionMessage .careerForm input::placeholder {
    font-size: 18px;
    font-weight: 300;
    color: #6b6b6b;
    font-family: 'work_sans';
}

.sectionMessage .careerForm .inputEntity textarea::placeholder {
    font-size: 18px;
    font-weight: 300;
    color: #6b6b6b;
    font-family: 'work_sans';
}

.sectionMessage .careerForm input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: 'work_sans';
}

.sectionMessage .careerForm input::-moz-placeholder {
    /* Firefox 19+ */
    font-family: 'work_sans';
}

.sectionMessage .careerForm input:-ms-input-placeholder {
    /* IE 10+ */
    font-family: 'work_sans';
}

.sectionMessage .careerForm input:-moz-placeholder {
    /* Firefox 18- */
    font-family: 'work_sans';
}

.sectionMessage .formActions {
    border-top: 0;
    padding: 0;
}

.sectionMessage .messageCont {
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 25px;
}

.successMessage {
    color: #087440;
    padding: 0 0 0 15px;
}

.erroMessage {
    color: #db0000;
    padding: 0 0 0 12px;
}

/*SEARCH*/

.sectionBanner--search {
    background: url("../Images/bg-search-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 465px;
}

.searchResultListing .itemHolder {
    border-top: 1px solid #e4e4e4;
}

.searchResultListing .listingItemLI:first-child .itemHolder {
    border-top: 2px solid #08794d;
}

.searchResultListing .itemTitle {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000;
    padding: 40px 0 25px;
}

.searchResultListing .itemDesc {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: #6b6b6b;
    max-width: 720px;
    margin: 0 auto;
}

.searchResultListing .link-green {
    color: #08794d;
    text-transform: unset;
    font-size: 14px;
    text-decoration: underline;
}

.searchResultListing .linkHolder {
    padding: 20px 0 40px;
}

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

/*FOOTER*/

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

footer {
    background: #fff;
    z-index: 10;
    bottom: 0;
    width: 100%;
}

.footer--not-fixed {
    position: unset;
}

.footerMenu--border-top {
    border-top: 1px solid #e9e9e9;
    /*max-width: 1130px;
	margin: 0 auto;*/
    margin-top: 60px;
}

.footerMenu {
    display: flex;
    justify-content: space-between;
    padding: 25px 0;
}

.rightsAndTerms,
.designedBy {
    font-size: 14px;
    line-height: 15px;
    color: #757575;
}

    .rightsAndTerms a {
        position: relative;
        display: inline-block;
        padding: 0 10px;
    }

        .rightsAndTerms a:hover {
            text-decoration: underline;
        }

    .rightsAndTerms li {
        display: inline-block
    }

        .rightsAndTerms li:first-child a:after {
            content: '.';
            background: none;
            right: -3px;
            color: #757575;
        }

        .rightsAndTerms li:first-child a {
            padding: 0;
        }

    .rightsAndTerms ul a:before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background: #757575;
    }

    .rightsAndTerms ul {
        margin: 0;
    }

    .rightsAndTerms div,
    .rightsAndTerms ul {
        display: inline-block;
    }

    .designedBy a {
        color: #008cb4;
        position: relative;
    }

        .designedBy a:hover:after {
            display: none
        }

        .designedBy a:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #a3cadb;
        }

.map-container {
    height: 520px;
}

    .map-container .blockBody {
        display: none;
    }

.contactForm textarea {
    height: 265px !important;
}

.contactForm .row {
    position: relative;
}

.careerForm .contactForm .form-control,
.careerForm .contactForm select {
    margin-bottom: 10px;
}

.contactForm .col-md-12.formButtonsParent {
    width: 100%;
}

    .contactForm .col-md-12.formButtonsParent input {
        background-color: transparent;
        width: 105px;
        border: none;
        padding: 13px 13px 11px 13px;
        text-transform: uppercase;
        font-family: 'work_sans';
        color: #000000;
        font-weight: 700;
        border: 1px solid #000;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .contactForm .col-md-12.formButtonsParent input:hover {
            background-color: #000;
            color: #fff;
        }

.resetHolder {
    display: none;
}

.requiredStar {
    display: block;
    margin-bottom: 10px;
}

.errorMessage {
    position: absolute;
    color: red;
    font-size: 12px;
    right: 0;
    top: 14px;
}

.inputEntity {
    position: relative;
}

.imageBlueTextBlock {
    width: 1310px;
    clear: both;
    background-size: cover;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.sectionCustServ .par--black {
    clear: both;
}

.imageBlueTextBlock p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 25px;
}

    .imageBlueTextBlock p:last-child {
        margin-bottom: 0;
    }

.imageBlueTextBlock .par--pad-bot {
    display: none;
}

.sectionPhaseOne .blockBody {
    width: 1310px;
    float: right;
    max-width: 100%;
}

.clearBoth {
    clear: both;
}

.sectionPhaseOne .imageHolder--right {
    position: static;
}

.sectionPhaseFour .blockBody {
    float: left;
    width: 1310px;
    max-width: 100%;
}

.sectionPhaseFour .imageHolder--left {
    position: static;
}

.sectionPhaseFour .parTitle--green {
    padding-top: 0;
}

@media screen and (max-width: 760px) {
    .imageListing .listingItemLI {
        margin: 0
    }

    .flex--end {
        display: block;
    }
}

.programListing .blockTitle {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    position: relative;
    margin: 0 0 30px;
    text-align: center;
}

.programListing .viewAllBottom {
    text-align: center;
    padding: 20px 0;
}

    .programListing .viewAllBottom .viewAll {
        color: #000;
        border: 1px solid #000;
        margin: 0;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 10px 20px;
        margin: 0 10px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .programListing .viewAllBottom .viewAll:hover {
            background-color: #00734b;
            color: #FFF;
            border: #00734b solid 1px;
        }

.sectionQuarry .listingItemLI:nth-child(even) .imageHolder--right {
    position: absolute;
    left: 0px;
    overflow: hidden;
    max-height: 320px;
    right: calc(50% + 15px);
}

.sectionQuarry .listingItemLI:nth-child(even) .col-md-6 {
    float: right;
}

.sectionNews .slick-slide img {
    width: 100% !important;
}

.imageListing .imageHolder img {
    max-width: 100%;
    height: 200px;
    object-fit: cover
}

.section.sectionNewsDetail .slick-slide img {
    width: 100%
}

.shareHolder img {
    width: auto !important;
}

.sectionPhotos .blockTitle,
.videoListing .blockTitle {
    font-size: 28px;
    line-height: 32px;
    color: #000;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 0 0 25px 0
}

.fancybox-slide {
    padding: 6px;
}

.fancybox-slider,
.fancybox-slider-wrap {
    height: 100%;
}

.fancybox-controls {
    display: none
}

.fancybox-slide::before {
    height: 0;
}

.fancybox-slide searchForm {
    padding: 44px;
}

.innerSearch {
    width: 80%;
    margin: 16% auto;
}

.innerSearch {
    color: #FFF;
    text-align: left;
    padding: 10px 0;
}

.searchForm .headerSearch {
    position: relative
}

.searchForm .headefrSearch:before {
    content: '';
    background-image: url(/Images/icon-search.svg);
    width: 35px;
    height: 35px;
    background-size: cover;
    top: -2px;
    position: absolute;
    right: 0;
}

.videoListing li .imageHolder img {
    width: 100%
}

.sectionManufacturing .button {
    margin: 0;
}

.searchForm.greenBg .undefined {
    font-size: 19px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 35px 0 0;
    color: #fff;
}

.bannerMenu li.actionListItem:after {
    content: none
}

.imageBricksCont .imageHolder.imageHolder--com {
    background-size: cover !important;
}

.fromtheblogListing .imageHolder {
    display: block;
    float: left;
    width: 48%;
    margin-right: 2%;
}

.fromtheblogListing .itemDesc {
    color: #6b6b6b;
}

.fromtheblogListing .itemDate {
    color: #161616;
    font-weight: bold;
}

.fromtheblogListing ul {
    margin-bottom: 0;
}

.fromtheblogListing .listingItemLI {
    margin-bottom: 24px;
}

    .fromtheblogListing .listingItemLI:last-child {
        margin-bottom: 14px
    }

.sectionTestimonials .itemHolder p {
    text-align: center;
    padding-bottom: 10px;
    font-size: 22px;
    line-height: 37px;
    font-weight: 700;
    color: #000;
}

.sectionTestimonials .arabicLang1 p,
.sectionTestimonials .arabicLang p {
    font-size: 22px;
    line-height: 37px;
}

.sectionTestimonials h4 {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #000;
    text-align: center;
}

.sectionTestimonials .arabicLang1 p,
.sectionTestimonials .arabicLang1 h4,
.sectionTestimonials .arabicLang p,
.sectionTestimonials .arabicLang h4 {
    font-family: 'work_sans', 'cairo';
}

.imageHolder img {
    width: 100%;
    height: 100%;
}

.sectionNewsDetail .slickprev {
    display: block;
    position: absolute;
    left: 20%;
    top: 100%;
    color: transparent;
    width: 30px;
    height: 30px;
    padding: 0;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    transform: rotate(45deg);
}

.sectionNewsDetail .slicknext {
    display: block;
    position: absolute;
    right: 20%;
    top: 100%;
    color: transparent;
    width: 30px;
    height: 30px;
    padding: 0;
    background: #fff;
    border: 0;
    border-top: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
    transform: rotate(45deg);
}

.sectionRoadToSust .imageListing .imageHolder img {
    height: auto;
}

.sectionRoadToSust .imageListing .listingItemLI {
    height: auto;
}

.sectionOverview .listingItemLI:last-child .numberWithBorder {
    border-bottom: 8px solid #00734b;
}

.sectionHealth .textHolder {
    min-height: 400px;
}

.fromtheblogListing .imageHolder img {
    height: 90px;
}

.sectionNews .listingHolder {
    margin: 0;
    padding: 0
}

.sectionNews .imageListing .container {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0;
    padding-right: 10px;
}

.sectionNews .slickSlider .listingItemLI.slick-slide {
    width: 1130px !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 685px;
}

    .sectionNews .slickSlider .listingItemLI.slick-slide .imageHolder img {
        height: 100%;
    }

.sectionNews .slickSlider {
    height: 685px;
}

.sectionBanner--home:before {
    display: none;
}

.fancybox-slide {
    overflow: hidden;
}



.searchFancyParent .fancybox-close-small {
    right: 26px;
    top: 15px;
    z-index: 0;
    height: 77px;
    width: 52px;
    font-size: 65px;
    color: #fff;
    opacity: 1;
    font-weight: 100;
}

#txtAdvancedSearch::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff
}

#txtAdvancedSearch::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff
}

#txtAdvancedSearch:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff
}

#txtAdvancedSearch:-moz-placeholder {
    /* Firefox 18- */
    color: #fff
}

.sectionHeader a:hover,
.sectionHeader a.active {
    color: #137c50
}

.mainMenu a,
.smallTop a {
    position: relative;
}

.mainMenu a {
    padding: 0 0 20px;
}

/*
    .mainMenu a:after,
    .smallTop a:after {
        content: '';
        height: 4px;
        left: 0;
        top: -10px;
        background-color: #137c50;
        width: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        bottom: -5px;
    }

    .mainMenu a:hover:after,
    .smallTop a:hover:after {
        width: 100%;
    }
    */
.sectionRoadToSust .itemHolder img,
.sectionCrossLinking img,
.programListing .imageHolder img,
.sectionOurProducts .imageHolder img,
.sectionNews .listingItemLI a img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sectionRoadToSust .itemHolder:hover img,
.sectionCrossLinking .crossLink:hover img,
.programListing .itemHolder:hover img,
.sectionOurProducts .imageHolder:hover img,
.sectionNews .listingItemLI a:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sectionOurProducts .imageHolder,
.sectionNews .listingItemLI a {
    display: block
}

.sectionRoadToSust .imageHolder,
.sectionCrossLinking .imageHolder,
.programListing .imageHolder,
.sectionOurProducts .imageHolder,
.sectionNews .listingItemLI .imageHolder {
    overflow: hidden;
}

.link:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.link:hover:after {
    opacity: 0;
}

.sectionWorkAtCN .imageCont {
    opacity: 1 !important
}

.sectionMission p strong {
    text-transform: uppercase
}

.quote img:first-of-type {
    margin-right: 10px;
    margin-top: -25px;
    display: inline-block
}

footer .inlinedList li:first-child a:before {
    display: none;
}

footer .inlinedList li:last-child a:before {
    display: none;
}

.rightsAndTerms a:hover {
    text-decoration: none;
}

.subPagesHeader {
    position: static
}

.sectionPhaseThree:after {
    content: '';
    height: 60px;
    width: 1px;
    background-color: #b2b2b2;
    position: absolute;
    bottom: -60px;
    left: 80px;
}

.sectionPhaseSeven:after {
    display: none;
}

.footer--not-fixed {
    clear: both
}

.sectionHistory--recently .parTitle {
    padding-bottom: 0;
}

.sectionTestim .imageHolder {
    border: none;
    padding: 0;
    height: auto;
}

    .sectionTestim .imageHolder img {
        margin-bottom: 25px;
    }

.programsAndInit .sectionOverview,
.testimonialsMain .sectionOverview {
    padding-bottom: 0;
}

.sectionNews .imageListing .row {
    margin: 0 -15px;
}

.sectionNews .slickSlider {
    height: auto;
}

.sectionNews .slick-active button {
    background-color: #fff;
}

.sectionNews .slickItem .itemDate {
    text-transform: uppercase
}

.videoListing .imageHolder {
    height: 170px;
    overflow: hidden;
}

.sectionNews .slick-slide {
    margin: 0;
}

.sectionNewsDetail p {
    color: #000;
}

.sectionPhaseSix.in-view .blockBody:before {
    display: none !important;
}

.childLinkList .hiddenMenusParent {
    display: none;
    position: absolute;
    background-color: #00734b;
    right: 0;
    top: calc(100% + 10px);
}

    .childLinkList .hiddenMenusParent li {
        display: block
    }

.hidenSubMenusToggle {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    padding: 13px 20px 10px;
    margin: 0 10px 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-right: 0;
    width: 100px;
}

    .hidenSubMenusToggle:hover {
        background-color: #00734b;
        border-color: #00734b;
    }

    .hidenSubMenusToggle .lessText {
        display: none;
    }

    .hidenSubMenusToggle.active .moreText {
        display: none;
    }

    .hidenSubMenusToggle.active .lessText {
        display: block;
    }

    .hidenSubMenusToggle.active {
        background-color: #00734b;
        border-color: #00734b;
        position: relative;
    }

        .hidenSubMenusToggle.active:before {
            content: '';
            height: 10px;
            width: calc(100% + 2px);
            background-color: #00734b;
            position: absolute;
            bottom: -11px;
            right: -1px;
        }

.childLinkList .hiddenMenusParent li a {
    display: block;
    border: none;
    margin-right: 0;
}

.childLinkList .leftNav {
    display: inline-block
}

.childLinkList .blockBody {
    position: relative;
}

.childLinkMenu {
    opacity: 0;
}

    .childLinkMenu.visible {
        opacity: 1;
    }

.nextPrevBlog {
    position: absolute;
    width: 100%;
    height: 42px;
    top: calc(50% - 21px);
}

.sectionNewsDetail .nextPrevBlog .slick-next,
.sectionNewsDetail .nextPrevBlog .slick-prev {
    top: 0;
    border-top: 1px solid #575757;
    border-right: 1px solid #575757;
}

.sectionNewsDetail .nextPrevBlog .slick-prev {
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #575757;
    border-left: 1px solid #575757;
}

.sectionNewsDetail .imageHolder {
    position: relative;
}

.sectionHealth {
    color: #fff;
    font-size: 20px;
}

    .sectionHealth .listingWithTick li {
        padding: 0 0 30px 0;
        line-height: 28px;
        font-weight: 300;
    }

.galleryFancyParent {
    background-color: rgba(0, 0, 0, 0.9)
}

.videosFancyMain .fancybox-content {
    position: absolute;
    max-width: 80% !important;
    max-height: 80% !important;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.sectionNews .slickSlider .listingItemLI.slick-slide {
    height: auto;
}

.videosFancyMain {
    background: rgba(0, 0, 0, 0.9)
}

    .videosFancyMain .fancybox-controls {
        display: block;
    }

.fancybox-infobar {
    display: none;
}

.fancybox-button--close {
    height: 50px;
    width: 50px;
    /*background: url(../images/white-close-icon.png);*/
    background: transparent;
    right: 50px;
    top: 30px;
    position: fixed;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 3;
}

@media (max-width: 1500px) {

    .mainMenu a,
    .smallTop a {
        position: relative;
        font-size: 13px;
    }

    .sectionBanner--road-to-sust {
        height: 330px;
    }
}


.fancybox-slide--image {
    background: rgba(0, 0, 0, 0.8);
}

.fancybox-placeholder {
    height: 100% !important;
    transform: none !important;
}

.fancybox-image {
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    max-width: 85%;
 max-height: 95%;
}

.slickSlider--news {
    padding-top: 80px;
}

.sectionBrochures .itemHolder {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .sectionBrochures .itemHolder:hover {
        background: #147d51;
    }

        .sectionBrochures .itemHolder:hover a h3 {
            color: #FFF
        }

.firstBlock .itemText .itemDate {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.firstBlock .itemText {
    position: absolute;
    bottom: 10px;
    width: 70%;
    padding: 0 0 0 15px;
}

.sectionMedia .listingItemLI .imageHolder {
    overflow: hidden;
    position: relative;
}

    .sectionMedia .listingItemLI .imageHolder img {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        transform: scale(1);
    }


.sectionMedia .listingItemLI:hover .imageHolder img {
    transform: scale(1.1);
}

.vacancieCollapse .link:after {
    content: none;
}

.sectionCrossLinking h3 {
    text-transform: uppercase;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.linkBackHolder {
    position: absolute;
    top: 66px;
    right: 0;
}

.linkBackHolder-news {
    position: absolute;
    top: 20px;
    right: 0;
}

.sectionWorkAtCN .imageCont {
    position: absolute;
    top: 0;
    height: 100%;
}


.ddSecondLevel {
    color: #FFF;
    top: 35px;
    height: auto;
    width: 300px;
    position: absolute;
    left: 0;
    background-color: #137c50;
    z-index: 30;
    padding: 15px;
    display: none
}

    .ddSecondLevel a {
        padding-bottom: 0
    }

    .ddSecondLevel ul li:after {
        content: none;
    }


    .ddSecondLevel ul li {
        color: #FFF !important;
        font-size: 14px;
        font-weight: 400;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        padding: 0 0px 10px 10px;
        border-bottom: solid 1px rgba(255, 255, 255, 0.09);
        width: 100%;
        margin-bottom: 10px;
    }

        .ddSecondLevel ul li:last-child {
            margin-bottom: 0;
        }

.mainMenu .hasSubmenu:hover .ddSecondLevel {
    display: block;
}

.ddSecondLevel ul li a:hover {
    color: #FFF;
}

.ddSecondLevel ul li a:after {
    content: none
}

.ddSecondLevel ul li:hover {
    border-bottom: solid 1px rgba(255, 255, 255, 0.8);
}

.sectionAwards .imageHolder,
.sectionTestim .imageHolder {
    height: 530px;
}

.SUSTAINABILITY-Content table {
    border: 1px solid #a0a0a0;
    width: 100%;
}

    .SUSTAINABILITY-Content table tbody tr td {
        padding: 8px;
        border-bottom: 1px solid #a0a0a0;
        text-align: center;
        border-right: 1px solid #a0a0a0;
    }


    .SUSTAINABILITY-Content table tbody tr:first-child {
        font-weight: bold;
    }

ul.enviromantalContentList li {
    list-style: disc;
    margin: 0 30px;
}

.fontSize18 {
    font-size: 18px;
    font-weight: 300
}

.whiteTextFont {
    color: white
}

.sectionHeader .ddSecondLevel a:hover,
.sectionHeader .ddSecondLevel a.active {
    COLOR: WHITE;
}



.section.sectionManufacturing .parTitle {
    font-size: 28px;
}

ul.cementMillsList {
    font-size: 16px;
    color: #6b6b6b;
    font-weight: 300;
}

    ul.cementMillsList li {
        list-style: inside;
    }

p.cementMillspar {
    font-size: 16px;
    color: #6b6b6b;
    margin-top: 18px;
    margin-bottom: 4px;
    font-weight: 300;
}

.maintanenceSeparator {
    height: 110px;
}

.section.sectionNews .slickItem:hover img {
    transform: scale(1.1);
    transition: 0.4s
}

.section.sectionNews .slickItem img {
    transition: 0.4s;
}

.section.sectionPhotos {
}

    .section.sectionPhotos li.listingItemLI:hover img {
        transform: scale(1.1);
        transition: 0.4s;
    }

    .section.sectionPhotos li.listingItemLI:hover .textCont h3 {
        color: #02754b !important;
        transition: 0.4s;
    }

    .section.sectionPhotos li.listingItemLI img,
    .section.sectionPhotos li.listingItemLI .textCont h3 {
        transition: 0.4s;
    }

.alignTextCenter {
    text-align: center
}

.contactForm span.requiredStar {
    position: absolute;
    left: 15px;
}

.siteMapPage h5.simpleListTitle {
    font-weight: bold;
    font-size: 20px;
    color: #02754b;
    margin-top: 24px
}

.siteMapPage ul.simpleList li {
    list-style: inside;
    font-size: 15px;
    color: #6b6b6b;
}

    .siteMapPage ul.simpleList li:hover {
        text-decoration: underline;
    }

.siteMapPage h5.simpleListTitle:hover {
    text-decoration: underline;
}

.wrapper.siteMapPage {
    padding-top: 20px;
}

a.closeTabContent {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 20px;
    font-size: 30px;
    color: white;
    transform: rotate(45deg);
}

.logoTabContent.tab-content {
    position: relative;
}

span.triangle.hideTriangle {
    display: none;
}

span.triangle {
    display: block;
}

.section.sectionComRel.fp-section .fp-tableCell,
.section.sectionHalfImgHalfText.sectionWorkAtCN.fp-section .fp-tableCell {
    position: relative;
}

div#testim .imageHolder img {
    height: auto;
}

div#certif .imageHolder img {
    height: auto;
}

.section.sectionAwards .imageHolder img {
    height: auto;
}

div#health {
    margin-top: 110px;
}

.SUSTAINABILITY-Content table {
    background: white;
}

    .SUSTAINABILITY-Content table tbody tr td {
        text-align: left;
    }

    .SUSTAINABILITY-Content table tbody tr:first-child {
        background: #038a60;
        color: white;
    }

.toggleItem:last-child .toggleContent {
    margin-bottom: 0;
}

.sectionBrochures .itemHolder:hover span.brochureSize {
    color: white;
}

.careerForm .contactForm textarea.form-control {
    padding: 14px 24px;
}

#job-success-msg {
    font-size: 40px;
    text-align: center;
    padding: 77px 0;
    line-height: 60px;
    color: #008a60;
}

#msg344 {
    font-size: 16px;
    text-align: center;
    padding: 77px 0;
    line-height: 40px;
    color: #008a60;
}

.contactForm .errorMessage {
    right: 16px;
}

div#overView .fontSize18 {
    margin-top: 24px;
}

.sectionText--com-rel .textCont {
    font-weight: 300;
    line-height: 28px;
}

.sectionCollapse--programs .parTitle {
    font-size: 20px;
}

.sectionCollapse.sectionCollapse--programs .toggleContent strong {
    font-size: 20px;
    color: black
}

.itemHolder.arabicLang0 p,
.itemHolder.arabicLang0 h4 {
    font-family: 'work_sans', 'cairo';
}

div#products .crossLinkTitle {
    font-size: 26px;
    text-transform: uppercase
}

.sectionVac .par--main {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 24px;
}

.section.sectionManufacturing .parTitle:first-child {
    font-size: 24px;
}

.section.sectionQuarry .imageHolder--right {
    position: absolute;
}

.section.sectionQuarry li.listingItemLI {
    min-height: 300px;
}

.section.sectionSocioEco .imageHolder--right {
    position: absolute;
}

.healthTabContent.tab-content .imageHolder--right {
    position: absolute;
}

.section.sectionSearch.searchListing {
    padding: 20px 0;
}

    .section.sectionSearch.searchListing .listingItemLI {
        margin-bottom: 24px;
    }

        .section.sectionSearch.searchListing .listingItemLI h3 {
            margin-bottom: 4px;
        }

        .section.sectionSearch.searchListing .listingItemLI .linkHolder a {
            color: #02754b;
        }

            .section.sectionSearch.searchListing .listingItemLI .linkHolder a:hover {
                text-decoration: underline;
            }

div#searchForm ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    display: block !important;
    padding-top: 20px;
}

    div#searchForm ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li a:hover {
        text-decoration: underline;
    }

    div#searchForm ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li.ui-menu-item.ui-search-hover {
        font-weight: bold;
    }

.section.sectionSearch.searchListing .listingItemLI {
    border-bottom: 1px solid #cecece;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 0;
    margin-left: 16px;
}

/*.logoDesc.logoColItem1.active:after {
    content: 'x';
    position: absolute;
    top: 8px;
    right: 15px;
    color: white;
    font-size: 27px;
    cursor: pointer;
    padding: 8px;
}*/
.sectionTitle {
    margin-top: 0;
    padding-top: 50px;
}

.section.sectionGlance,
.section.sectionGetInTouch,
.section.sectionHalfImgHalfText.sectionWorkAtCN,
.section.sectionMedia,
.section.sectionManuf,
.section.sectionRoadToSust,
.section.sectionComRel,
.section.sectionProducts {
    padding-bottom: 50px;
}

.section.sectionComRel {
    height: 100vh;
}

.section.sectionHalfImgHalfText.sectionWorkAtCN {
    height: 70vh;
}

.sectionRoadToSust .imageListing .listingItemLI {
    float: none;
    display: inline-block;
}

.sectionRoadToSust ul.listingHolder {
    text-align: center;
}

div#health .healthTabList li {
    width: 30%;
}

.sectionPhaseEight .buttonHolder {
    display: none;
}

.downloadButton {
    display: none;
}

.section.sectionQuarry + .section.sectionCrossLinking {
    display: none;
}

.section.sectionWork.buildingACareerTop {
    padding: 15px 15px;
}

.section.sectionManuf .facilitiesListing li.listingItemLI,
.section.sectionManuf .facilitiesListing .listingHolder {
    display: block;
}

    .section.sectionManuf .facilitiesListing li.listingItemLI:nth-child(4n+1) {
        clear: both;
    }

    .section.sectionManuf .facilitiesListing li.listingItemLI div.itemHolder {
        min-height: 50px;
        padding: 20px 0 10px;
        margin-bottom: 50px;
    }

a.button.button--black.BuildingCareerHomeLink {
    margin-bottom: 16px;
}

table.CNHomeTableHealth {
    width: 100%;
}

    table.CNHomeTableHealth th {
        background: #0c6b4b;
        text-align: left;
        padding: 4px 12px;
    }

    table.CNHomeTableHealth td {
        padding: 4px 12px;
        color: black;
        border-left: 1px solid black;
    }

    table.CNHomeTableHealth tr {
        background: white;
        border-bottom: 1px solid black;
    }

.CNHealth li {
    font-size: 19px;
}

.tableSuppliers li.titleHolder.emptyFirstRow {
    height: 49px;
    background: transparent !important;
    border-right: 1px solid #e0e0e0;
}

ul.greenBeltListing li {
    list-style: outside;
    margin-bottom: 18px;
}

.section.sectionRoadToSust .listingHolder ul li:nth-child(3) {
    display: none;
}

.section.sectionCheckVacancies.animate.in-view.float h3 {
    padding-top: 12px;
}

.section.sectionCheckVacancies.animate.in-view.float a {
    BORDER: 1PX SOLID white;
    color: WHITE;
    font-weight: bold;
    padding: 12px 30px;
    display: inline-block;
    margin-top: 12px;
    transition: 0s !important;
}

    .section.sectionCheckVacancies.animate.in-view.float a:hover {
        color: #0e825b;
        BACKGROUND: WHITE;
        transition: 0s !important;
    }

.section.sectionCheckVacancies.animate.in-view.float {
    text-align: center;
}

.section.sectionCheckVacancies.greenBg.float {
    PADDING: 30PX;
}

.section.sectionFillSurvey.float .greenBg > a {
    text-align: center;
    color: white;
    display: block;
    margin: 0 18px 18px;
    font-size: 24px;
}

.comparativeTable.section th {
    background: #038a60;
    color: white;
    padding: 24px;
}

.comparativeTable.section tr td {
    border-left: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    padding: 13px;
}

.comparativeTable.section {
    margin-bottom: 60px;
    margin-top: 60px;
}

    .comparativeTable.section table {
        border: 1px solid #b7b7b7;
    }

.homePageMainSection .section.sectionBanner.sectionBanner--home,
.homePageMainSection .section.sectionGlance,
.homePageMainSection .section.sectionRoadToSust,
.homePageMainSection .section.sectionProducts,
.homePageMainSection .section.sectionHalfImgHalfText.sectionWorkAtCN {
    margin-bottom: 50px
}

.section.sectionManuf .itemTitle {
    margin: 0;
    font-size: 16px
}

.section.sectionManufacturing.sectionPhaseThree.parallaxEffect.parallax-window:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10;
}

.section.sectionManufacturing.sectionPhaseThree.parallaxEffect.parallax-window .textCont {
    z-index: 11;
    position: relative;
}

.section.sectionNewsDetail.newsDetails .itemText {
    text-align: left;
}

.section.sectionBanner.sectionBanner--home .slickItemOther {
    height: 75vh !important;
}

.section.sectionRoadToSust .linkHolder {
    display: none;
}

.fancybox-button--close:after {
    content: "+";
    width: 50px;
    height: 50px;
    position: absolute;
    transform: rotate(45deg);
    color: white;
    right: 0;
    font-size: 60px;
    top: 0;
}

.fancybox-button--close:after {
    content: "+";
    width: 50px;
    height: 50px;
    position: absolute;
    transform: rotate(45deg);
    color: white;
    right: 0;
    font-size: 60px;
    top: 0;
}


.fancybox-image {
    height: 90%;
    margin-top: 50px;
}

.fancybox-container .fancybox-controls {
    display: block;
    position: absolute;
}

.fancybox-container {
    background: rgba(0, 0, 0, 0.9);
}

.section.sectionHeader {
    position: fixed;
    top: 0;
    z-index: 9999;
}

    .section.sectionHeader.subPagesHeader .logoHolder a.logoLink img {
        width: 145px;
        height: auto;
    }

.fancybox-image {
    width: auto;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.searchFancyParent .fancybox-close-small {
    display: none;
}

.row.resizeMinHeight {
}

    .row.resizeMinHeight .textHolder {
        min-height: 200px !important;
    }

.par.par--margin {
}

.row.resizeMinHeight .par.par--margin {
    margin-bottom: 0;
}

.section.sectionMythVsRe .slickItem:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    z-index: 1;
}


.section.sectionMythVsRe .slickItem h3.itemTitle {
    z-index: 9
}

.section.sectionMythVsRe .slickItem .textHolder,
.slickItem .textHolder span {
    z-index: 99;
}

.sectionCertifications .certificates ul {
    display: block !important;
    text-align: center !important;
}

    .sectionCertifications .certificates ul li {
        margin: 0 auto;
    }

/*menu on scroll*/
.section.sectionHeader.smallheaderActive .logoHolder {
    transform: scale(0.7);
    height: auto;
    position: absolute;
    left: 0
}

.section.sectionHeader.smallheaderActive,
.section.sectionHeader,
.section.sectionHeader.smallheaderActive .logoHolder,
.section.sectionHeader .logoHolder img,
.section.sectionHeader.smallheaderActive *,
.section.sectionHeader * {
    transition: 0.5s !important
}

    .section.sectionHeader.smallheaderActive .navigation {
        padding: 0px 30px 10px;
    }

    .section.sectionHeader.smallheaderActive {
        padding: 4px 0px;
    }

        .section.sectionHeader.smallheaderActive .navigation .subMenu ul li a {
            font-size: 13px !important;
        }



        .section.sectionHeader.smallheaderActive .navigation .subMenu {
            padding-bottom: 4px !important;
        }

        .section.sectionHeader.smallheaderActive .mainMenu a {
            font-size: 13px;
        }

.section.sectionHeader {
    /* border-bottom: 1px solid #02754b; */
    min-height: 80px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}

.healthTabContent.tab-content .twoColListing {
    padding-bottom: 0;
}

div#products.sectionOurProducts li.listingItemLI.col-md-3.col-sm-6.col-xs-12:nth-child(1) h3.crossLinkTitle.center {
    color: #5d7a7c;
}

div#products.sectionOurProducts li.listingItemLI.col-md-3.col-sm-6.col-xs-12:nth-child(2) h3.crossLinkTitle.center {
    color: #cf8055;
}

div#products.sectionOurProducts li.listingItemLI.col-md-3.col-sm-6.col-xs-12:nth-child(3) h3.crossLinkTitle.center {
    color: #54555f;
}

div#products.sectionOurProducts li.listingItemLI.col-md-3.col-sm-6.col-xs-12:nth-child(4) h3.crossLinkTitle.center {
    color: #af464a;
}

.sectionManufacturing .button {
    display: none
}

ul.butteledList li {
    list-style: outside;
    margin-bottom: 6px;
    margin-left: 30px;
}

@media screen and (min-width:991px) {
    .sectionOverview--road-to-sust .imageHolder--right img {
        max-width: 65%
    }
}

.cssParallax {
    background-attachment: fixed;
    position: relative;
}

.sectionPhaseFour {
    margin-bottom: 40px;
}

.cssParallax:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10;
}

.cssParallax .wrapper {
    position: relative;
    z-index: 11
}

.page {
    padding-top: 116px;
}

.newsDetails .owl-dots span {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #137c50;
    background: white;
}

.newsDetails .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 2px;
}

.newsDetails .owl-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

    .newsDetails .owl-dots .owl-dot.active span {
        background: #137c50;
    }

.visitedTagLabel {
    color: white;
    top: 10px;
    left: 0;
    background: #00774c;
    position: absolute;
    padding: 5px;
    display: none;
    z-index: 9;
    font-size: 14px;
}

.showVisitedTag .visitedTagLabel {
    display: inline-block !important;
}

.slickItem.showVisitedTag .visitedTagLabel {
    font-size: 16px;
    padding: 5px 10px;
}

#divLastVisitedPage {
    width: auto;
    height: auto;
    color: black;
    position: fixed;
    right: 0;
    z-index: 222;
    padding: 20px;
    left: auto;
    display: none;
    bottom: 20px;
    background: white;
    -webkit-box-shadow: -1px 1px 10px 0px rgba(0,0,0,0.2);
    box-shadow: -1px 1px 10px 0px rgba(0,0,0,0.2);
}

    #divLastVisitedPage .newNotificationContent a {
        display: inline-block;
        border: 1px solid #018a60;
        max-width: 100%;
        line-height: 12px;
        text-align: center;
        color: #018a60;
        float: none;
        margin-top: 10px;
        margin-left: 0px;
        vertical-align: top;
        cursor: pointer;
        padding: 10px 20px;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 2px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        #divLastVisitedPage .newNotificationContent a:hover {
            color: white;
            background-color: #018a60;
        }

    #divLastVisitedPage .closeNewNotification:after {
        content: '';
        position: absolute;
        top: 10px;
        right: 12px;
        background: url(/Images/cross-out.png) no-repeat;
        width: 12px;
        height: 16px;
        background-size: contain;
    }

#lastVisitedPageTitle {
    cursor: pointer;
}

.newNotificationTitle {
    font-weight: 300;
    font-size: 18px;
}

    .newNotificationTitle span {
        font-weight: 500;
        font-size: 23px;
    }

#popupContainer .fancybox-close-small {
    display: none;
}

#popupContainer {
    position: absolute;
    top: 50%;
    background: white;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    text-align: left;
}

.popuptitle {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}

.popupimage {
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

#popupContainer .read-more {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.2em;
}

    #popupContainer .read-more:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #000;
        opacity: 0.5;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #popupContainer .read-more:hover:after {
        opacity: 0;
    }

#popupContainer .popupdescription {
    margin-bottom: 15px;
}

@media (min-width: 769px) {

	.menu-activator {
		display: none;
	}

	.sectionWorkAtCN {
		position: relative;
	}
}

@media (max-width: 1366px) {

	.section.sectionComRel .imageBricksCont .itemTitle {
		top: 75%;
	}

	.section.sectionComRel .imageBricksCont .iconHolder {
		top: 35%;
	}

	.iconWithNumHolder .numberHolder {
		font-size: 45px;
	}

	.textAboveNum,
	.textAfterNum,
	.textBesideNum {
		font-size: 13px;
	}

	.sectionGlance .iconHolder img {
		width: 60px;
		height: 60px;
	}

	.section.sectionComRel .imageBricksCont {
		padding: 0;
	}

	.sectionGlance .buttonHolder {
		margin: 0;
	}

	.numberHolder {
		font-size: 55px;
		line-height: 1;
	}

	.numberHolder--big {
		font-size: 90px;
		line-height: 1;
	}

	.iconNumItem {
		margin: 0 0 20px;
	}

	.sectionTitle {
		margin-bottom: 30px;
	}

	.sectionMythVsRe .sectionTwoCol {
		min-height: 60vh;
	}

	/*PRODUCTS*/

	.sectionLabor .imageHolder {
		width: 47%;
	}

	.sectionLabor .contentBody {
		width: 50%;
	}

	.imageBlueTextBlock {
		width: unset;
	}

	/*MANUF*/

	.sectionPhaseOne .blockBody:before,
	.sectionPhaseOne .blockBody:after,
	.sectionPhaseTwo .blockBody:before,
	.sectionPhaseTwo .blockBody:after,
	.sectionPhaseThree:after,
	.sectionPhaseFour .blockBody:before,
	.sectionPhaseFour .blockBody:after,
	.sectionPhaseFive .blockBody:before,
	.sectionPhaseFive .blockBody:after,
	.sectionPhaseSix .blockBody:before,
	.sectionPhaseSix .blockBody:after,
	.sectionPhaseEight .blockBody:before,
	.sectionPhaseEight .blockBody:after {
		display: none;
	}

	.sectionPhaseFour .par--pad-bot {
		padding-bottom: 50px;
	}

	.sectionPhaseSix .blockBody {
		position: relative;
	}

		.sectionPhaseSix .blockBody:after {
			content: '' !important;
			position: absolute;
			bottom: -60px;
			left: 50%;
			width: 1px;
			height: 60px;
			background: #b2b2b2;
			transition: 2s;
			transform-origin: bottom;
		}

	.sectionManufacturing .imageHolder--right,
	.sectionManufacturing .imageHolder--left {
		margin: 0 0 60px;
	}

	.sectionManufacturing.sectionPhaseSix .parTitle--green {
		padding-top: 70px;
	}

	.sectionPhaseFour .blockBody {
		padding-bottom: 20px;
	}
}

@media (max-width: 1200px) {

	.mainMenu {
		/*max-width: 91%;*/
		margin: 0 auto;
		text-align: center;
	}

	.sectionGlance,
	.sectionRoadToSust,
	.sectionComRel,
	.sectionProducts,
	.sectionManuf,
	.sectionMedia,
	.sectionWorkAtCN,
	.sectionGetInTouch {
		padding: 0 20px;
	}

		.sectionRoadToSust .linkHolder {
			text-align: right;
		}

	.sectionMythVsRe .itemTitle {
		width: 80%;
		text-align: center;
	}

	.sectionMythVsRe .slick-slide {
		margin: 0 30px;
	}

	.sectionMythVsRe .sectionRight {
		background-position: right center;
	}

	.sectionWorkAtCN .imageCont--left {
		background-position: center center;
	}

	/*CN AT A GLANCE*/

	.stickyMenu {
		padding: 20px 0;
	}

	.stickyMenuList {
		justify-content: center;
		flex-wrap: wrap;
	}

	.stickyMenuItem {
		margin: 5px;
	}

	.bannerMenu {
		padding: 20px 20px 0;
	}

	.sectionMission,
	.sectionHealth {
		padding-left: 30px;
		padding-right: 30px;
	}

	.logoTabContent .logoDesc {
		padding-left: 20px;
		padding-right: 20px;
	}

	.sectionOverview .blockBody {
		padding: 0 15px;
	}

	.sectionHistory--1998 .fullBg {
		background-repeat: no-repeat !important;
		background-size: cover !important;
		padding: 0 20px;
	}

	/*ROAD TO SUST*/

	.sectionBanner--road-to-sust {
		height: unset;
		background-position: top center;
		background-size: 100% 330px;
		min-height: 330px;
		background-color: #fff;
	}

	.sectionBanner:before {
		height: 330px;
	}


	.sectionQuaCont .blockBody {
		padding: 0 20px;
	}

	/*WORK AT CN*/

	.sectionBuildCareer,
	.sectionIconography--work {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*SOCIO ECO*/

	.sectionSocioEco .sectionTitle {
		margin-left: 150px;
		margin-right: 150px;
	}

	.sectionSocioEco .row--people {
		margin-bottom: 80px;
	}

	.sectionSocioEco .row--clients {
		margin-bottom: 140px;
	}

	.sectionSocioEco .row--supp {
		margin-bottom: 60px;
	}

	.titleTableSuppliers {
		flex: 90%;
	}

	.childLinkList .leftNav {
		display: inline-block;/*
		flex-wrap: wrap;
		justify-content: center;*/
	}

	.sectionSocioEco .row--people {
		margin-bottom: 50px;
	}

	.sectionSocioEco .row--clients {
		margin-bottom: 80px;
	}

	.sectionSocioEco .sectionTitle {
		margin-bottom: 60px;
	}

	.hidenSubMenusToggle {
		display: inline-block;
	}

	/*PROGRAMS*/

	.sectionCollapse {
		padding-left: 20px;
		padding-right: 20px;
	}

		.sectionCollapse .toggleTitle,
		.sectionCollapse .toggleContent {
			margin-left: 0;
			margin-right: 0;
		}
}

@media (max-width:1100px){
	.childLinkList li a{
		font-size:14px;
	}
	.hidenSubMenusToggle {
		padding:8px 20px 8px;
	}
	.hidenSubMenusToggle .moreText, .hidenSubMenusToggle .lessText {
		font-size:14px;
	}
}

@media (max-width: 991px) {

	.subMenu {
		padding-bottom: 10px;
	}

	.mainMenu {
		max-width: unset;
	}

		.mainMenu ul li {
			padding: 0 10px 0 5px;
		}

	.sectionGlance {
		padding: 0 40px;
	}

		.sectionGlance .numberWithBorder {
			padding: 20px 0;
			margin: 25px;
		}

	.sectionManuf .facilitiesListing .listingHolder {
		flex-wrap: wrap;
		justify-content: center;
	}

	.facilitiesListing .listingItemLI:last-child .itemHolder {
		border-top: none;
	}

	.sectionWorkAtCN .buttonHolder {
		text-align: center;
	}

		.sectionWorkAtCN .buttonHolder a {
			margin-bottom: 10px;
		}

	.sectionWorkAtCN .wrapper {
		padding: 0 20px;
	}

	.sectionTitle {
		padding: 25px 0 0;
		margin: 0 0 25px;
	}

	.sectionMedia .row {
		display: flex;
		flex-wrap: wrap;
	}

	.imageBricksCont {
		padding: 0;
	}

	.sectionGlance {
		padding-bottom: 35px;
	}

	.sectionProducts {
		padding-top: 25px;
		padding-bottom: 45px;
	}

	.sectionManuf {
		padding-top: 15px;
		padding-bottom: 25px;
	}

	.sectionGetInTouch {
		padding-top: 10px;
		padding-bottom: 35px;
	}

	.sectionMedia {
		padding-top: 25px;
		padding-bottom: 10px;
	}

	.sectionGetInTouch .iconHolder {
		margin: 0;
	}

	.sectionRoadToSust {
		padding-bottom: 35px;
	}

	/*CN AT A GLANCE*/

	.logoTabList {
		overflow: auto;
	}

	.stickyMenu {
		margin-bottom: 30px;
	}

	.sectionChairman {
		padding: 50px 0 80px;
	}

	.sectionHistory--1953 {
		padding: 30px 0 0;
	}

	.sectionHistory--recently {
		padding-top: 160px;
	}

		.sectionHistory--recently .imageHolder {
			max-height: unset;
			width: 100%;
			position: relative;
			right: unset;
			left: unset;
		}

	.healthTabContent .imageHolder--right,
	.healthTabContent .imageHolder--left {
		position: relative;
		right: unset;
		left: unset;
		width: 100%;
	}

	.healthTabContent .par--margin-bot {
		margin-bottom: 30px;
		margin-top: 20px;
	}

	.sectionHealth .textHolder {
		min-height: unset;
	}

	.healthTabContent .par--margin {
		margin: 20px 0 30px;
	}

	.sectionOverview {
		padding-bottom: 50px;
	}

		.sectionOverview .sectionTitle {
			margin: 0 0 45px;
		}

	.sectionMission {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.sectionChairman {
		padding: 50px 0;
	}

	.sectionHistory--1953 {
		padding: 0;
	}

	.sectionHistory .fullBg {
		margin: 60px 0 30px;
	}

	.sectionHistory--recently {
		padding-top: 140px;
	}

		.sectionHistory--recently .parTitle {
			padding-top: 20px;
		}

	.sectionAwards .parTitle,
	.sectionTestim .parTitle {
		padding: 40px 0 30px;
	}

	.sectionAwards {
		padding: 0 0 50px;
	}

	.sectionHealth .sectionTitle {
		padding: 50px 0 30px;
	}

	.logoTabList .logoHolder {
		width: 20%;
		height: 150px;
	}

		.logoTabList .logoHolder img {
			max-width: 120px;
		}

	.triangle {
		transform: translate(50px, 0) rotate(-45deg);
	}

	.sectionOverview,
	.sectionChairman,
	.sectionHistory,
	.sectionLogoTab,
	.sectionCertifications,
	.sectionAwards,
	.sectionTestim {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*Community rel*/

	.sectionOverview--com-rel .imageHolder--right,
	.sectionComRel--img-left .imageHolder--left {
		position: unset;
		padding-bottom: 20px;
	}

	.sectionOverview--com-rel .sectionSubtitle {
		padding: 0 0 50px;
	}

		.sectionOverview--com-rel .sectionSubtitle br {
			display: none;
		}

	/*PRODUCTS*/

	.sectionLabor .imageHolder {
		width: unset;
		text-align: center;
		float: unset;
		margin: 0 0 20px;
	}

		.sectionLabor .imageHolder img {
			width: unset;
		}

	.sectionLabor .contentBody {
		width: 100%;
	}

	.sectionLabor li:nth-child(odd) .imageHolder,
	.sectionLabor li:nth-child(even) .imageHolder {
		float: unset;
	}

	.sectionOverview--road-to-sust .imageHolder--right {
		position: unset;
		padding-bottom: 20px;
	}

	/*MANUF*/

	.downloadButton {
		right: unset;
		left: 50%;
		transform: translate(-50%, 0);
		border: none;
		text-decoration: underline;
	}

		.downloadButton br {
			display: none;
		}

	/*WORK AT CN*/

	.bannerTitle {
		width: 100%;
	}

	.sectionWork {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.sectionTraining .textHolder {
		padding: 40px;
	}

	.childLinkList li a {
		display: block;
		margin-top: 5px;
		padding-top: 10px;
	}

	.childLinkMenu {
		bottom: 20px;
	}

	.bannerTitle {
		top: 43%;
	}

	/*SOCIO ECO*/

	.sectionSocioEco .imageHolder--left,
	.sectionSocioEco .imageHolder--right {
		position: unset;
		margin-bottom: 20px;
	}

	.tableSuppliers .contentHolder {
		padding: 18.2px 25px;
	}

	.sectionSocioEco .sectionTitle {
		margin-right: unset;
		margin-left: unset;
	}

	/*PROGRAMS*/

	.sectionCollapse--programs .toggleItem:first-child .imageHolder {
		text-align: center;
	}

		.sectionCollapse--programs .toggleItem:first-child .imageHolder img {
			max-height: 500px;
			width: auto;
		}

	.sectionCollapse--programs .toggleContent .row {
		margin-bottom: 20px;
	}

	.sectionCollapse--programs .toggleContent {
		padding-bottom: 60px;
		margin-bottom: 40px;
	}

	/*TESTIMONIALS*/
	.sectionTestimonials .arabicLang1 p,
	.sectionTestimonials .arabicLang p {
		font-size: 20px;
		line-height: 28px;
	}

	.sectionTestimonials h4 {
		line-height: 24px;
	}

	/*QUARRY*/

	.sectionQuarry .imageHolder--right {
		position: unset;
		margin-bottom: 30px;
	}

	.sectionQuarry .listingItemLI:nth-child(even) .imageHolder--right {
		position: unset;
		margin-bottom: 30px;
	}

	.sectionQuarry .row {
		margin-bottom: 20px;
	}

	.sectionBrochures .listingItemLI {
		margin: 0 0 30px;
		width:50%;
	}

		.sectionBrochures .listingItemLI:nth-child(3n+1) {
			clear: none;
		}
		.sectionBrochures .listingItemLI:nth-child(2n+1) {
			clear: both;
		}
}

@media (max-width: 768px) {
	.sectionBanner .slickItemOther {
		height: 400px;
	}

	.imageCont {
		height: 155px;
	}

	.imageBricksCont .itemTitle {
		top: 100px;
		transform: translate(-50%, 0%);
	}

	.imageBricksCont .iconHolder {
		top: 15px;
		transform: none;
		top: 35%
	}

	#fullpage {
		padding-bottom: 95px;
	}

	.bannerTitle {
		top: 50%;
	}

	.sectionComRel .col-sm-6 {
		width: 100%;
	}

	.sectionWorkAtCN {
		position: relative;
		padding: 0 0 25px;
		background: #f5f5f5;
	}

	.section {
		padding-top: 20px;
		padding-bottom: 20px;
		border-left: none;
		border-right: none;
	}


	.footerMenu {
		flex-direction: column;
		align-items: center;
	}

	.rightsAndTerms {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

		.rightsAndTerms a:first-child:before {
			display: none;
		}

		.rightsAndTerms .nav a:before {
			display: block;
		}

		.rightsAndTerms .nav li:first-child {
			display: none;
		}

		.rightsAndTerms ul {
			padding: 5px 0 15px;
		}

	/*.sectionTitle {
		padding: 25px 0 0;
		margin: 0 0 25px;
	}*/

	.sectionDesc {
		font-size: 20px;
		line-height: 25px;
	}


	.sectionGlance .sectionDesc {
		margin: 0 0 20px;
	}

	.sectionGlance .numberWithBorder {
		margin: 0 0 30px;
		padding: 15px 0;
	}

	.textAboveNum,
	.textAfterNum,
	.textBesideNum {
		line-height: 20px;
	}

	.numberWithBorder,
	.facilitiesListing .itemHolder {
		border-bottom: 4px solid #fff;
		border-top: 4px solid #fff;
	}

	.iconWithNumHolder {
		flex-direction: column;
		align-items: flex-start;
	}

	.sectionGlance .row .iconNumListing {
		display: flex;
		flex-wrap: wrap;
	}

	.iconNumItem {
		margin: 0 0 25px;
	}

	.sectionGlance .buttonHolder .button {
		min-width: 340px;
		margin-bottom: 15px;
	}

	.textAfterNum {
		display: inline;
	}

		.textAfterNum.center {
			display: block;
		}

	.bannerTitle {
		font-size: 40px;
		line-height: 45px;
	}

	.sectionGlance .iconHolder img {
		margin-bottom: 5px;
	}

	footer {
		position: relative;
	}

	.sectionComRel {
		min-height: 1100px;
	}

	.imageBricksCont {
		padding: 0;
		left: 0;
		bottom: 0;
		height: 75%;
	}

		.imageBricksCont .imageCont {
			flex: 100%;
		}

	.sectionComRel .textCont {
		align-items: flex-start;
	}

		.sectionComRel .textCont .blockBody {
			text-align: center;
		}

	.sectionComRel .sectionTitle {
		text-align: center;
		padding-top: 35px;
	}

		.sectionComRel .sectionTitle:after {
			left: 50%;
			transform: translate(-50%, 0);
		}

	.sectionTitle {
		font-size: 28px;
		line-height: 32px;
	}

		.sectionTitle.left:after {
			bottom: -10px;
		}

	.sectionComRel .sectionDesc {
		margin-bottom: 20px;
	}

	.imageBricksCont .imageHolder.imageHolder--com {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.imageBricksCont .imageHolder .iconHolder,
	.imageBricksCont .imageHolder--com .itemTitle {
		position: relative;
		top: unset;
		left: unset;
		transform: none;
	}

	.sectionMythVsRe .sectionTwoCol {
		flex-direction: column;
	}

	.sectionMythVsRe .sectionCol .textHolder {
		margin-top: 20px;
	}

	.sectionProducts .sectionDesc--small {
		font-size: 16px;
		line-height: 22px;
		margin: 20px 0 15px;
	}

	.sectionProducts .flex--spaceAr {
		display: block;
		margin-top: 20px;
	}

		.sectionProducts .flex--spaceAr .linkHolder {
			margin-bottom: 10px
		}

	.sectionProducts .iconHolder:before {
		left: 12%;
	}

	.sectionProducts .iconHolder:after {
		right: 13%;
	}

	.sectionProducts h4 {
		line-height: 20px;
	}

	.sectionMythVsRe .slick-slide {
		margin: 0;
	}

	.sectionManuf .sectionTitle {
		margin-bottom: 20px;
	}

	.facilitiesListing {
		margin: 20px 0;
	}

		.facilitiesListing .itemHolder {
			width: 100%;
			padding: 15px 0;
		}

	.itemTitle {
		font-size: 18px;
		line-height: 20px;
	}

	.facilitiesListing .itemDesc {
		margin-top: 0;
	}

	.facilitiesListing .itemTitle {
		margin: 0;
	}

	.fromtheblogListing .imageHolder img {
		height: auto;
	}

	.fromtheblogListing .imageHolder {
		width: 50%;
		margin-right: 10px;
	}

	.fromtheblogListing .itemDate {
		font-size: 18px;
	}

	.fromtheblogListing .itemDesc {
		font-size: 18px;
		line-height: 20px;
	}


	.sectionSubtitle {
		font-size: 18px;
		padding: 0 0 15px;
	}

	.sectionHalfImgHalfText .sectionDesc {
		padding: 25px 0 30px;
	}

	.sectionGetInTouch .iconText {
		padding: 15px 0 60px;
	}

		.sectionGetInTouch .iconText span {
			font-size: 18px;
		}

	.sectionGetInTouch .sectionDesc {
		padding: 30px 0 50px;
	}

	.sectionHeader .logoHolder {
		flex: 5;
		margin: 10px 0;
	}

		.sectionHeader .logoHolder img {
			max-width: 120px;
			height: auto;
		}

	.iconHolder.searchMainParent {
		flex: 1;
	}

		.iconHolder.searchMainParent img {
			max-width: 42px;
			height: auto;
		}

	.sectionHeader {
		justify-content: space-between;
		padding: 0 20px;
	}

	/*MENU*/

	.lines-button {
		width: 21px;
	}

		.lines-button .lines {
			height: 2px;
			width: 20px;
			background: #000;
			border-radius: 0;
		}

		.lines-button.x2 .lines:before,
		.lines-button.x2 .lines:after {
			height: 2px;
			width: 20px;
			background: #000;
			border-radius: 0;
		}

	.subMenu {
		display: none;
	}

	.menu-activator {
		position: relative;
		top: unset;
		right: unset;
		z-index: 5;
	}

	html {
		overflow-x: hidden;
	}

	body {
		position: relative;
		overflow-x: hidden;
		transition: left 400ms ease;
		left: 0;
	}

		body.menu-open {
			overflow: hidden;
			left: -90%;
		}

	.subMenu + .menusMain {
		position: absolute;
		top: 0;
		width: 90%;
		right: -90%;
		height: 100vh;
		background: #f5f5f5;
		padding: 10px 20px;
	}

	.mainMenu {
		text-align: left;
	}

		.mainMenu ul li {
			font-size: 18px;
			width: 100%;
			padding: 20px 0 15px;
			border-bottom: 1px solid #cdcdcd;
		}

			.mainMenu ul li:last-child {
				border-bottom: none;
			}

			.mainMenu ul li:after {
				display: none;
			}

	.sectionRoadToSust {
		padding: 10px 0 35px;
	}

		.sectionRoadToSust .listingHolder.row,
		.sectionMedia .imageListing .listingHolder.row {
			margin: 0;
		}


		.sectionRoadToSust .linkHolder {
			display: none;
		}

	.sectionMedia .imageListing {
		margin: 0 -20px;
	}


	.sectionMedia .buttonHolder {
		padding: 20px 0;
	}

	/*CN AT A GLANCE*/

	.healthTabItem {
		margin: 0 10px 0 0;
	}

	.twoColListing {
		flex-wrap: wrap;
	}

		.twoColListing .listingWithTick {
			flex: 100%;
		}

	.sectionMission .twoColListing p strong {
		margin-top: 10px;
	}

	.sectionMission .twoColListing {
		padding: 0 0 20px;
	}

	.sectionOverview .sectionTitle {
		margin: 0 0 30px;
	}

	.sectionChairman {
		padding-top: 30px;
		padding-bottom: 40px;
	}

		.sectionChairman .imageHolder {
			margin: 0 auto;
			width: 70%;
		}

	.triangle {
		display: none;
	}

	.logoTabList .logoHolder {
		width: unset;
		height: 120px;
	}

		.logoTabList .logoHolder img {
			max-width: 90px;
			margin: 15px 10px;
		}

	.sectionOverview .textAfterNum {
		display: block;
	}

	.footerMenu--border-top {
		margin-top: 0;
	}

	.sectionAwards .imageHolder,
	.sectionTestim .imageHolder {
		height: unset;
		min-height: 200px;
	}

	.sectionCertifications .par {
		padding-left: 0;
		padding-right: 0;
	}

	.logoTabContent .logoColTitle {
		font-size: 24px;
		line-height: 28px;
		padding-bottom: 15px;
	}

	.logoTabContent .logoColDesc {
		line-height: 25px;
	}

	.sectionTestim {
		padding-bottom: 30px;
	}

	.sectionHistory .fullBg .parTitle {
		padding: 40px 0 30px;
	}


	/*ROAD TO SUST*/

	.stickyMenu,
	.childLinkMenu {
		margin-bottom: 20px;
	}

	.sectionOverview .sectionSubtitle {
		font-size: 22px;
		line-height: 26px;
		padding-bottom: 40px;
	}

		.sectionOverview .sectionSubtitle br {
			display: none;
		}

	.sectionText--com-rel,
	.sectionComRel--img-left,
	.sectionProgram,
	.sectionDiagrams,
	.sectionIconography {
		padding-left: 20px;
		padding-right: 20px;
	}

	.sectionComRel--img-left {
		margin: 0 0 70px;
	}

	.sectionText--com-rel .textCont {
		padding: 80px 0;
	}

	.sectionText--com-rel .par--main {
		font-size: 26px;
		line-height: 30px;
	}

	.sectionText--com-rel .textCont--smaller-p {
		padding: 40px 0 60px;
	}

	.sectionIconography .itemHolder {
		margin: 0 0 20px;
	}

	.sectionIconography {
		padding-top: 30px;
		padding-bottom: 30px;
	}

		.sectionIconography .itemHolder .iconHolder {
			margin: 0;
		}



	/*COMMUNITY REL*/

	.sectionDiagrams .listingItemLI .imageHolder {
		width: 50%;
		margin: 0 auto;
	}

	.programListing .listingItemLI .imageHolder {
		width: 70%;
		margin: 0 auto;
		padding-top: 20px;
	}

	.sectionDiagrams .diagTitle {
		padding: 30px 0;
	}

	.sectionComRel--img-left {
		margin-bottom: 30px;
	}

	.programListing .blockTitle {
		font-size: 30px;
		line-height: 30px;
	}

	/*PRODUCTS*/

	.sectionOurProducts .listingItemLI a {
		width: 60%;
		margin: 0 auto;
	}

	.sectionOurProducts .listingItemLI .crossLinkDesc {
		min-height: unset;
	}

	.sectionQuaCont .par--main,
	.sectionCustServ .par--main {
		font-size: 24px;
		line-height: 28px;
	}

	.sectionQuaCont {
		padding-top: 40px;
		margin-bottom: 50px;
	}

		.sectionQuaCont .par {
			font-size: 18px;
			line-height: 22px;
			padding: 20px 0 60px;
		}

	.sectionLabor,
	.sectionCustServ,
	.sectionOurProducts {
		padding-left: 20px;
		padding-right: 20px;
	}

		.sectionLabor li:nth-child(odd) .imageHolder {
			margin-right: 0;
		}

		.sectionLabor li:nth-child(even) .imageHolder {
			margin-left: 0;
		}

		.sectionLabor p {
			font-size: 18px;
			line-height: 22px;
			padding-bottom: 15px;
		}

		.sectionLabor br {
			display: none;
		}

		.sectionLabor li {
			margin-bottom: 10px;
		}

		.sectionCustServ .par--black:last-child {
			padding-top: 50px;
		}

		.sectionCustServ .textHolder {
			padding: 40px 30px;
		}

		.sectionCustServ .par--main {
			padding-bottom: 30px;
		}

	.childLinkList {
		display: none;
		margin-top: 20px;
	}


	.childLinkMenu {
		position: relative;
		width: 100%;
		margin: 30px auto 50px;
		border: 1px solid #000;
		padding: 30px 0 0;
		min-height: 60px;
	}


		.childLinkMenu:after {
			content: attr(data-content);
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			min-height: 40px;
			font-size: 20px;
			font-weight: 700;
			line-height: 20px;
			padding: 20px;
		}

		.childLinkMenu:before {
			content: '';
			position: absolute;
			top: 20px;
			right: 20px;
			width: 15px;
			height: 15px;
			border-right: 2px solid #000;
			border-bottom: 2px solid #000;
			transform: rotate(45deg);
			transition: transform 300ms ease;
		}

		.childLinkMenu.open:before {
			transform: rotate(225deg);
		}

	.childLinkList li {
		display: block;
		width: 100%;
	}

		.childLinkList li a {
			display: block;
			border: none;
			text-align: left;
			padding: 15px 20px;
			font-size: 16px;
		}

	.childLinkMenu {
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 10px;
		width: unset;
	}

	.childLinkMenu {
		margin-top: 260px;
	}

	.childLinkMenu {
		top: unset;
		bottom: unset;
		left: unset;
		transform: none;
		transform: none;
		margin-top: 300px;
	}

	.sectionBanner--road-to-sust .bannerTitle {
		top: 110px;
		transform: translate(-50%, 0);
	}

	.childLinkList li a {
		color: #000;
	}

	/*MANUF*/

	.sectionManufacturing {
		padding-left: 20px;
		padding-right: 20px;
	}

		.sectionManufacturing.sectionPhaseFive .blockBody.textCont,
		.sectionManufacturing.sectionPhaseEight .blockBody.textCont {
			display: flex;
			flex-direction: column-reverse;
		}

	.sectionPhaseFive .textCont .imageHolder,
	.sectionPhaseEight .textCont .imageHolder {
		position: unset;
	}

	.sectionPhaseEight .textHolder,
	.sectionPhaseFive .textHolder {
		padding: 50px 30px;
	}

	.sectionPhaseSix {
		margin: 0;
	}

	.sectionPhaseThree .textCont {
		padding: 50px 0;
	}

	.sectionManufacturing .parTitle {
		font-size: 26px;
		line-height: 28px;
		letter-spacing: 0.1em;
		max-width: unset;
	}

	/*MEDIA ROOM*/

	.sectionNews {
		padding-left: 20px;
		padding-right: 20px;
	}

		.sectionNews .owl-carousel .owl-stage-outer,
		.sectionRelated .owl-carousel .owl-stage-outer {
			margin-left: -20px;
			overflow-x: visible;
		}

		.sectionNews .sectionTitle {
			margin: 40px 0;
		}

		.sectionNews .slickSlider {
			margin-bottom: 30px;
		}

		.sectionNews .imageListing .itemHolder .imageHolder img,
		.sectionRelated .imageListing .itemHolder .imageHolder img {
			height: auto;
			min-height: 150px;
		}

	/*WORK AT CN*/

	.sectionWork .par--main,
	.sectionVac .par--main {
		font-size: 26px;
		line-height: 32px;
	}

	.sectionWork .par--pad-bot {
		padding-bottom: 20px;
	}

	.sectionWork {
		padding: 40px 20px;
	}

	.sectionBuildCareer .sectionTitle {
		padding-top: 40px;
	}

	.sectionBuildCareer .par--main {
		font-size: 26px;
	}

	.sectionIconography .iconDesc {
		padding-bottom: 15px;
	}

	.sectionCheckVacancies .sectionSubtitle {
		font-size: 26px;
		line-height: 30px;
		padding-top: 40px;
	}

	.sectionTraining .textCont .imageHolder {
		position: unset;
	}

	.sectionTraining .textHolder {
		margin: 0;
	}

	.sectionVac {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*SOCIO ECO*/

	.sectionSocioEco,
	.sectionTableSuppliers {
		padding-left: 20px;
		padding-right: 20px;
	}

		.sectionSocioEco .sectionTitle {
			margin-bottom: 40px;
		}

		.sectionSocioEco .parTitle {
			padding-bottom: 20px;
		}

		.sectionSocioEco .row--supp {
			margin-bottom: 40px;
		}

		.sectionSocioEco .row--clients {
			margin-bottom: 50px;
		}

	.breadCrumbInsideCont li {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.bannerMenu li:after {
		bottom: 5px;
	}

	/*PROGRAMS*/

	.sectionCollapse--programs .toggleItem .imageHolder {
		overflow: hidden;
	}

	.sectionCollapse .toggleTitle {
		padding-right: 50px;
	}

	/*TESTIMONIALS*/
	.sectionTestimonials .itemHolder {
		padding: 50px 40px;
	}

	.sectionTestimonials .arabicLang1 p,
	.sectionTestimonials .arabicLang p {
		font-size: 18px;
		line-height: 24px;
	}

	/*BROCHURES*/

	.sectionBrochures {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*PRESS REL*/

	.sectionNewsDetail,
	.sectionRelated {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*QUARRY*/

	.sectionQuarry,
	.sectionCrossLinking {
		padding-left: 20px;
		padding-right: 20px;
	}

		.sectionCrossLinking .imageHolder {
			width: 80%;
			margin: 0 auto;
		}

		.sectionCrossLinking .linkHolder {
			margin-bottom: 40px;
		}

		.sectionQuarry .row {
			padding-bottom: 20px;
			margin-bottom: 10px;
		}

		.sectionQuarry .par {
			padding-bottom: 15px;
		}

		.sectionQuarry .sectionSubtitle {
			font-size: 24px;
			line-height: 30px;
			padding: 10px 0 30px;
		}

	/*PHOTOS*/

	.sectionPhotos,
	.sectionVideos {
		padding-left: 20px;
		padding-right: 20px;
	}

	.videoListing .imageHolder {
		height: unset;
	}

	.sectionPhotos .blockTitle,
	.videoListing .blockTitle {
		font-size: 24px;
		line-height: 26px;
	}

	.sectionPhotos .photoTitle,
	.sectionVideos .videoTitle {
		line-height: 22px;
		padding: 20px 5px;
	}

	/*JOB APPLICATION*/

	.sectionVacForm {
		padding-left: 20px;
		padding-right: 20px;
	}

	/*VACANCIES*/

	.sectionVacancies {
		padding-left: 20px;
		padding-right: 20px;
	}

		.sectionVacancies .sectionSubtitle {
			font-size: 22px;
			line-height: 26px;
			padding-bottom: 40px;
		}

		.sectionVacancies .toggleItem {
			flex: 100%;
		}

			.sectionVacancies .toggleItem:nth-child(even) {
				margin-left: 0;
			}

		.sectionVacancies .toggleContent {
			width: 100%;
			padding: 35px 40px;
		}

			.sectionVacancies .toggleContent:before {
				display: none;
			}

		.sectionVacancies .toggleItem:nth-child(even) .toggleContent {
			left: unset;
		}

	.sectionManufacturing.sectionPhaseTwo {
		background-size: 100% auto;
		padding-top: 43%;
		background-size: 100% auto !important;
		background-repeat: no-repeat !important;
		border-left: 20px solid #fff;
		border-right: 20px solid #fff;
		padding-left: 0;
		padding-right: 0;
	}

	.sectionPhaseTwo .textCont {
		padding: 40px 20px;
		background: url(../Images/bg-pattern-green.jpg);
		background-repeat: repeat;
		opacity: 1;
	}

	/*CONTACT US*/

	.sectionContactInfo,
	.sectionMessage {
		padding-left: 20px;
		padding-right: 20px;
	}

	.sectionMessage {
		padding-bottom: 30px;
	}

		.sectionMessage .form-intro {
			margin-top: 50px;
		}

	.sectionOverview.sectionOverview--road-to-sust .blockBody,
	.sectionOverview.sectionOverview--com-rel .blockBody {
		padding-left: 0;
		padding-right: 0;
	}

	.searchFancyParent .fancybox-close-small {
		font-size: 50px;
		right: 25px;
		top: 20px;
	}

	.sectionNews .imageListing {
		margin-right: -40px;
	}
	#popupContainer{
		width:80%;
	}
	.childLinkList .leftNav{
		display:block;
		width:100%;
	}
	.hidenSubMenusToggle {
		color: black;
		display: none;
		width:100%;
	}
		.hidenSubMenusToggle.active{
			background-color:transparent!important;
			border:none!important;
		}
		.hidenSubMenusToggle.active::before{
			display:none;
		}

	.hiddenMenusParent{
		background-color:transparent!important;
		position:relative!important;
		display:block!important;
	}

	.childLinkMenu.visible.open{
		background-color:white;
	}
}

@media (max-width: 767px) {

	.facilitiesListing .listingItemLI:first-child .itemHolder {
		border-bottom: none;
	}

	.sectionWorkAtCN .imageCont--right {
		display: none;
	}

	.sectionHalfImgHalfText .imageCont--left {
		margin: 0;
		right: 0;
	}

	.sectionHalfImgHalfText .imageCont {
		position: relative;
		width: 100%;
		min-height: 220px;
		background-position: center 20%;
	}

	/*CN AT A GLANCE*/

	.stickyMenuHolder {
		display: none;
	}

	.section.sectionComRel {
		height: auto
	}

	.imageBricksCont {
		position: static;
	}

	.section.sectionComRel .imageBricksCont .iconHolder {
		top: 35px;
	}

	.section.sectionComRel .imageBricksCont .itemTitle {
		top: 120px;
	}

	.imageCont {
		height: 180px;
	}

	.section.sectionManuf .facilitiesListing li.listingItemLI div.itemHolder {
		padding: 15px 0;
	}

	.facilitiesListing .listingItemLI:first-child .itemHolder {
		border-bottom: 2px solid #fff
	}

	.facilitiesListing .listingItemLI:last-child .itemHolder {
		border-top: 2px solid #fff
	}

	.section.sectionManuf .facilitiesListing li.listingItemLI div.itemHolder {
		min-height: 0;
		height: auto;
	}

	.section.sectionManuf .facilitiesListing li.listingItemLI div.itemHolder {
		margin-bottom: 30px;
	}

	.sectionManuf .button {
		margin: 0;
	}

	.section.sectionHalfImgHalfText.sectionWorkAtCN {
		height: auto;
	}

	#fullpage {
		padding-bottom: 5px;
	}

	.sectionGlance {
		padding: 0 20px;
	}

		.sectionGlance .iconNumItem {
			width: 100%;
		}

		.sectionGlance .iconWithNumHolder {
			display: block;
		}

		.sectionGlance .iconHolder {
			margin: 0 15px 0 0;
			display: inline-block;
			vertical-align: middle
		}

		.sectionGlance .textWithNumHolder {
			width: calc(100% - 70px);
			display: inline-block;
			vertical-align: middle
		}

		.sectionGlance br {
			display: none
		}

		.sectionGlance .iconHolder img {
			width: 40px;
			height: 40px;
		}

	.iconWithNumHolder .numberHolder {
		font-size: 26px !important;
		line-height: 8px !important;
		padding-top: 6px;
	}

	.sectionGlance .iconNumItem {
		margin: 0 0 25px
	}

	.facilitiesListing .itemHolder {
		align-items: center;
	}

	.facilitiesListing .listingItemLI .itemHolder {
		border-top: none !important;
		margin-bottom: 0 !important;
	}

	.button {
		margin: 0;
	}

	.bannerMenu {
		display: none;
	}

	.sectionBanner--road-to-sust .bannerTitle {
		top: 60px;
	}

	.childLinkMenu {
		margin-top: 215px;
	}

	.noMobileSubs .bannerCont {
		display: none
	}

	.noMobileSubs.sectionBanner {
		min-height: 200px;
	}

	.sectionBanner--road-to-sust.noMobileSubs .bannerTitle {
		top: 80px;
	}

	.menusMain .ddSecondLevel {
		display: none !important;
	}

	.healthTabContent.tab-content .imageHolder--right {
		position: static;
	}

	.sectionMission ul li:before {
		top: 4px;
	}

	.sectionSocioEco .sectionTitle {
		margin: 0;
	}

	.sectionSocioEco {
		padding-top: 0;
	}

	.section.sectionSocioEco .imageHolder--right {
		position: static;
	}

	.row--clients .col-md-6 {
		padding-top: 0 !important
	}

	p {
		font-size: 16px;
		line-height: 21px;
	}

	.childLinkMenu {
		margin-left: 0;
		margin-right: 0;
	}

	.sectionSocioEco .row--supp {
		margin-bottom: 0 !important
	}

	.titleTableSuppliers {
		flex: 0;
	}

	.sectionOverview .sectionTitle {
		margin: 0 0 15px;
	}

	body {
		font-size: 16px;
	}

	.sectionDiagrams .diagTitle {
		padding: 30px 0 10px;
	}

	div#products .crossLinkTitle {
		font-size: 20px;
		text-transform: uppercase;
		line-height: 23px;
	}

	.comparativeTable.section {
		overflow: auto;
	}

	.sectionLabor .imageHolder img {
		height: auto;
	}

	.comparativeTable.section th {
		min-width: 250px;
	}

	.childLinkMenu:after {
		padding: 20px 35px 20px 10px !important
	}

	.sectionManufacturing .sectionTitle {
		margin-top: 0;
	}

	.sectionPhaseFour {
		margin-bottom: 0
	}

		.sectionPhaseFour .par--pad-bot {
			padding-bottom: 0;
		}

	.sectionQuarry .sectionTitle {
		margin-top: 0;
	}

	.section.sectionQuarry .imageHolder--right {
		position: static;
	}

	.sectionNews .imageListing {
		margin-right: 0;
	}

	.sectionNews .sectionTitle {
		margin: 0
	}

	.sectionBrochures .listingItemLI {
		margin: 0 0 30px;
		width: 100%;
		float:none;
		display:block;
	}

		.sectionBrochures .listingItemLI:nth-child(3n+1) {
			clear: none;
		}

		.sectionBrochures .listingItemLI:nth-child(2n+1) {
			clear: none;
		}
}

@media (max-width: 576px) {

	body.menu-open {
		left: -84%;
	}

	.subMenu + .menusMain {
		width: 85%;
		right: -85%;
	}

	.sectionRoadToSust .owl-carousel .owl-stage-outer {
		margin-left: -20px;
	}

	.sectionComRel {
		min-height: 1210px;
	}


	.numberHolder {
		font-size: 50px;
		display: block;
	}

	.numberHolder--big {
		font-size: 90px;
		line-height: 1;
	}

	.mainMenu ul li {
		font-size: 16px;
	}

	/*CN AT A GLANCE*/

	.bannerTitle {
		font-size: 30px;
		line-height: 35px;
	}

	.bannerTitle--with-after {
		padding-bottom: 10px;
	}

	.sectionOverview .sectionSubtitle {
		font-size: 20px;
	}

	.sectionOverview .numberHolder {
		font-size: 60px;
	}

	.sectionOverview .textAboveNum,
	.sectionOverview .textAfterNum {
		font-size: 18px;
	}

	.sectionOverview .numberWithBorder {
		border-top: 4px solid #00734b;
	}

	.sectionOverview .listingItemLI:last-child .numberWithBorder {
		border-bottom: 4px solid #00734b;
	}

	.sectionMission .twoColListing p strong {
		font-size: 24px;
		line-height: 1;
		margin-top: 15px;
		margin-bottom: 10px;
	}

	.quote {
		font-size: 20px;
	}

	.sectionChairman .par {
		font-size: 18px;
	}

	.sectionHistory--2007 {
		padding: 60px 0 20px;
	}

		.sectionHistory--2007:after {
			height: 70px;
			bottom: -70px;
		}

	.sectionHistory--recently {
		padding-top: 90px;
		padding-bottom: 35px;
	}

	.sectionHistory .parTitle,
	.sectionLogoTab .parTitle {
		padding: 10px 0;
	}

	.sectionHistory--1998:after {
		height: 70px;
	}

	.sectionHistory .fullBg {
		margin-bottom: 20px;
	}

	.sectionHistory--recently .par:last-child {
		padding: 15px 0 0;
	}

	.sectionCertifications .sectionTitle {
		padding: 40px 0 0;
	}

	.certificates {
		padding: 20px 0 40px;
	}
	.certificates {
 
		.listingItemLI {
		  &:nth-child(1),
		  &:nth-child(2) {
			margin-bottom: 0px;
		  }
		}
	  }
	.sectionLogoTab .parTitle,
	.logoTabContent .logoDesc {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.sectionAwards .parTitle,
	.sectionTestim .parTitle {
		padding: 20px 0;
	}

	.parTitle {
		padding: 10px 0;
	}

	.sectionHealth .listingWithTick li {
		padding: 0 0 20px;
	}

	.healthTabItem {
		letter-spacing: unset;
		font-size: 18px;
	}

	.sectionTitle {
		font-size: 26px;
		line-height: 28px;
		letter-spacing: 0.1em;
	}

	.sectionOverview .sectionSubtitle,
	.par--pad-bot {
		padding-bottom: 20px;
	}

	.sectionText--com-rel .par--main {
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 20px;
	}

	.sectionText--com-rel .par {
		font-size: 18px;
		line-height: 22px;
	}

	.sectionText--com-rel .textCont {
		padding: 40px 0;
	}

	.sectionText--with-bg {
		margin-bottom: 40px;
	}

	.par,
	.sectionMission .twoColListing .listingItemLI {
		line-height: 22px;
	}

	.sectionDiagrams .diagTitle {
		font-size: 22px;
		line-height: 24px;
	}

	/*.sectionOverview .blockBody {
		padding: 0;
	}*/

	/*COMMUNITY REL*/

	.programListing .listingItemLI .imageHolder {
		width: 100%;
	}

	.sectionDiagrams .listingItemLI .imageHolder {
		width: 80%;
	}

	.sectionComRel--img-left {
		margin-bottom: 10px;
	}

	/*PRODUCTS*/

	.crossLinkTitle {
		font-size: 20px;
	}

	.crossLinkDesc {
		line-height: 22px;
	}

	.sectionQuaCont .par--main,
	.sectionCustServ .par--main {
		font-size: 20px;
		line-height: 24px;
	}

	.sectionQuaCont .par {
		line-height: 20px;
		padding-bottom: 40px;
	}

	.sectionQuaCont {
		padding-top: 20px;
		margin-bottom: 30px;
	}

	.sectionLabor .parTitle {
		letter-spacing: 0.1em;
	}

	.parTitle {
		font-size: 24px;
		line-height: 26px;
		padding-bottom: 10px;
	}

	.sectionLabor li {
		margin-bottom: 0;
	}

	.sectionQuaCont .par--main,
	.sectionCustServ .par--main {
		font-size: 18px;
		line-height: 22px;
	}

	.imageBlueTextBlock p {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.sectionCustServ .par--black:last-child {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.sectionFillSurvey .sectionSubtitle {
		font-size: 24px;
		line-height: 28px;
	}

	.childLinkMenu:after {
		font-size: 16px;
		line-height: 16px;
	}

	.sectionBanner--road-to-sust {
		padding-left: 20px;
		padding-right: 20px;
	}

	.sectionBanner {
		min-height: 290px;
	}

	/*WOKR AT CN*/

	.sectionWork .par:last-child {
		padding: 0;
	}

	.sectionWork .par--main,
	.sectionVac .par--main {
		font-size: 20px;
		line-height: 24px;
	}

	.sectionBuildCareer .par--main {
		font-size: 22px;
	}

	.sectionBuildCareer .par--pad-bot {
		padding-bottom: 15px;
	}

	.sectionBuildCareer p {
		font-size: 18px;
		line-height: 21px;
	}

	.sectionIconography .itemHolder {
		margin: 0 0 10px;
	}

	.sectionVac .par:not(.par--main) {
		padding: 0 10px 30px;
	}

	.sectionCheckVacancies {
		margin: 20px 0 0;
	}

		.sectionCheckVacancies .greenBg {
			padding: 0 20px;
		}

		.sectionCheckVacancies .sectionSubtitle {
			font-size: 22px;
			line-height: 24px;
		}

	.sectionBuildCareer .sectionTitle {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	/*SOCIO ECO*/

	.titleTableSuppliers {
		flex: 0;
	}

	.contentTableSuppliers {
		flex: 20%;
	}

	.tableSuppliers .contentHolder {
		min-height: 90px;
		display: flex;
		align-items: center;
	}

	.tableSuppliers .titleHolder {
		min-height: 90px;
	}

	/*PROGRAMS*/

	.sectionCollapse .toggleContent {
		padding-left: 20px;
		padding-right: 20px;
	}

	.sectionCollapse--programs .parTitle {
		letter-spacing: 0.1em;
	}

	/*TESTIMONIALS*/
	.sectionTestimonials .itemHolder {
		padding: 30px 25px;
		margin: 0 30px 50px;
	}

	.sectionTestimonials .arabicLang1 p,
	.sectionTestimonials .arabicLang p,
	.sectionTestimonials h4 {
		font-size: 16px;
		line-height: 22px;
	}

	/*BROCHURES*/

	.sectionBrochures .listingHolder {
		column-count: 1;
	}

	/*QUARRY*/

	.sectionQuarry .sectionSubtitle {
		font-size: 22px;
		line-height: 26px;
		padding: 10px 0 30px;
	}

	.crossLinkDesc {
		padding: 20px;
	}

	.sectionVacForm .sectionSubtitle,
	.careerForm .form-intro {
		font-size: 24px;
		padding-top: 15px;
		padding-bottom: 10px;
	}

	.sectionVacForm .sectionTitle {
		padding-top: 50px;
		margin-bottom: 15px;
	}

	/*PHOTOS*/

	/*.sectionPhotos .photoTitle,
	.sectionVideos .videoTitle {
		font-size: 14px;
		line-height: 16px;
	}*/

	/*SEARCH*/

	.searchFancyParent .fancybox-close-small {
		font-size: 50px;
		right: 15px;
		top: 10px;
	}
	.fancybox-button--close {
		right: 10px;
	}

	#popupContainer {
		width: 90%;
	}
}

@media (max-width: 420px) {

	.rightsAndTerms,
	.designedBy {
		font-size: 12px;
		line-height: 14px;
	}

	.sectionDesc {
		font-size: 16px;
		line-height: 20px;
	}

	.sectionTitle {
		padding: 15px 0 0;
	}

	.numberHolder--big {
		font-size: 40px;
	}

	.sectionGlance .numberWithBorder {
		padding: 10px 0;
	}

	.numberWithBorder,
	.facilitiesListing .itemHolder {
		border-bottom: 2px solid #fff;
		border-top: 2px solid #fff;
	}

	.iconWithNumHolder .numberHolder {
		font-size: 40px;
		line-height: 40px;
	}

	.iconNumItem {
		margin: 0 0 15px;
	}

	.sectionGlance .buttonHolder .button,
	.sectionProducts .buttonHolder .button,
	.sectionManuf .buttonHolder .button,
	.sectionMedia .buttonHolder .button,
	.sectionGetInTouch .buttonHolder .button {
		width: 100%;
	}

	.sectionTitle {
		font-size: 23px;
		line-height: 28px;
	}

	.sectionComRel {
		min-height: 1015px;
	}

	.imageBricksCont {
		padding: 0;
		left: 0;
		bottom: 0;
	}

	.sectionComRel .linkHolder:first-child {
		margin: 20px 0 15px;
	}

	.sectionComRel .linkHolder {
		margin: 15px 0;
	}

	.imageBricksCont .imageHolder--com .itemTitle {
		font-size: 14px;
		line-height: 17px;
	}

	.sectionProducts .sectionDesc--small {
		font-size: 14px;
		line-height: 20px;
	}

	.itemTitle {
		font-size: 15px;
		line-height: 16px;
		padding-bottom: 5px;
	}

	.facilitiesListing .itemDesc {
		font-size: 14px;
		line-height: 16px;
	}

	.facilitiesListing .itemHolder {
		padding: 10px 0;
	}

	.fromtheblogListing .itemDate {
		font-size: 14px;
	}

	.fromtheblogListing .itemDesc {
		font-size: 14px;
		line-height: 18px;
	}

	.sectionHalfImgHalfText .imageCont {
		min-height: 170px;
	}

	.sectionSubtitle {
		font-size: 14px;
		padding: 0 0 10px;
	}

	.sectionHalfImgHalfText .sectionDesc {
		padding: 15px 0 20px;
	}

	.sectionWorkAtCN .button {
		display: block;
	}

	.sectionGetInTouch .iconText span {
		font-size: 16px;
	}

	.sectionGetInTouch .sectionDesc {
		padding: 20px 0;
	}

	.sectionGetInTouch .buttonHolder .button {
		margin-bottom: 10px;
	}

	.sectionGetInTouch .flex--spaceAr {
		display: block;
	}

	.sectionGetInTouch .iconHolder {
		margin: 0;
	}

	.sectionGetInTouch .iconText {
		padding: 10px 0 20px;
	}

	.sectionGlance .buttonHolder .button {
		min-width: unset;
	}

	.sectionHeader .logoHolder {
		flex: 4;
	}

	.iconNumItem .textAboveNum,
	.iconNumItem .textAfterNum,
	.iconNumItem .textBesideNum {
		font-size: 12px;
		line-height: 14px;
	}

	.sectionMythVsRe .sectionTitle {
		padding: 35px 0 0;
	}

	.sectionMedia .itemTitle {
		font-size: 18px;
		padding-bottom: 15px;
	}

	.sectionRoadToSust {
		padding-left: 0;
		padding-right: 0;
	}

		.sectionRoadToSust .sectionDesc {
			padding-left: 20px;
			padding-right: 20px;
		}

		.sectionRoadToSust .owl-carousel .owl-stage-outer {
			margin-left: -50px;
		}

	.sectionMedia .owl-carousel .owl-stage-outer {
		margin-left: -20px;
	}

	.sectionMedia .imageListing .listingItemLI {
		padding-right: 0;
	}

	.mainMenu ul li {
		font-size: 14px;
	}

	.iconHolder.searchMainParent {
		flex: 1.5;
	}

	/*CN AT A GLANCE*/

	/*.stickyMenu:before {
		width: 12px;
		height: 12px;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	}*/

	.sectionOverview .sectionSubtitle {
		font-size: 18px;
		padding: 0 0 15px;
	}

	.par,
	.sectionMission .twoColListing .listingItemLI {
		font-size: 16px;
		line-height: 20px;
	}

	.sectionOverview .numberHolder {
		font-size: 40px;
	}

	.sectionOverview .textAboveNum,
	.sectionOverview .textAfterNum {
		font-size: 16px;
	}

	.sectionOverview .numberWithBorder {
		font-size: 10px;
	}

	.sectionOverview .numberWithBorder {
		border-top: 2px solid #00734b;
	}

	.sectionOverview .listingItemLI:last-child .numberWithBorder {
		border-bottom: 2px solid #00734b;
	}

	.sectionOverview {
		padding-bottom: 25px;
	}

	.sectionTitle {
		letter-spacing: 0.1em;
	}

	.sectionMission .twoColListing p strong,
	.quote {
		font-size: 18px;
	}

	.sectionChairman .par {
		padding-top: 25px;
		font-size: 16px;
	}

	.sectionChairman {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.sectionHistory .fullBg {
		margin-top: 20px;
	}

		.sectionHistory .fullBg .parTitle {
			padding: 30px 0 20px;
		}

		.sectionHistory .fullBg .par {
			padding-bottom: 40px;
		}

	.sectionHistory--2007 {
		padding: 40px 0 0;
	}

	.sectionHistory .numberWithBorder .numberHolder {
		font-size: 50px;
	}

	.sectionHistory .numberWithBorder {
		border-top: 2px solid #147c51;
		border-bottom: 2px solid #147c51;
		padding: 10px 0;
	}

	.sectionHistory--recently {
		padding-top: 80px;
	}

	.sectionHistory--1998:after {
		height: 50px;
	}

	.sectionHistory--2007:after {
		height: 50px;
	}

	.logoTabContent .logoColTitle {
		font-size: 18px;
		line-height: 24px;
	}

	.logoTabContent .logoColDesc {
		font-size: 16px;
		line-height: 20px;
	}

	.parTitle--letter-sp,
	.healthTabItem {
		letter-spacing: 0.1em;
	}

	.sectionLogoTab .parTitle,
	.logoTabContent .logoDesc {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.healthTabItem {
		font-size: 18px;
	}

		.healthTabItem.active:before {
			height: 4px;
			top: -15px;
		}

	.sectionHealth .sectionTitle {
		padding: 30px 0 10px;
	}

	.sectionHealth .par {
		font-size: 16px;
	}

	.healthTabContent .par--margin-bot {
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.twoColListing {
		padding: 10px 0 20px;
	}

	.sectionHealth .listingWithTick li {
		line-height: 20px;
		padding: 0 0 10px;
	}

	.listingWithTick:first-child {
		margin: 0;
	}

	.parTitle {
		font-size: 20px;
		line-height: 24px;
	}

	.sectionAwards .imageDesc,
	.sectionTestim .imageDesc {
		font-size: 18px;
		line-height: 20px;
	}

	.sectionTestim .imageHolder img {
		margin-bottom: 15px;
	}

	.sectionTestim {
		padding-bottom: 20px;
	}

		.sectionAwards .imageHolder,
		.sectionTestim .imageHolder {
			min-height: 130px;
		}

	.breadCrumbInsideCont li {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.sectionText--com-rel .par {
		font-size: 16px;
		line-height: 18px;
	}

	.sectionOverview .sectionSubtitle,
	.par--pad-bot {
		padding-bottom: 10px;
	}

	.sectionComRel--img-left {
		margin-bottom: 40px;
	}

	.programListing .blockTitle {
		font-size: 28px;
		line-height: 28px;
	}

	.bannerMenu li:after {
		display: none;
	}

	.sectionDiagrams .listingItemLI:first-child .diagTitle {
		padding-top: 0;
	}

	.sectionHistory--1998:after {
		bottom: -60px;
	}

	.healthTabItem:first-child {
		margin-bottom: 20px;
	}

	/*PRODUCTS*/

	.sectionOurProducts .listingItemLI a {
		width: 80%;
	}

	.crossLinkDesc {
		font-size: 16px;
	}

	.crossLinkTitle {
		letter-spacing: 0.1em;
		padding-top: 20px;
	}

	.sectionOurProducts .listingItemLI {
		padding-bottom: 30px;
	}

	.sectionQuaCont .sectionTitle {
		margin-bottom: 20px;
	}

	.sectionQuaCont .par {
		font-size: 16px;
		line-height: 18px;
	}

	.imageBlueTextBlock p {
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 15px;
	}

	.sectionFillSurvey .sectionSubtitle {
		letter-spacing: 0.1em;
		font-size: 20px;
		line-height: 24px;
	}

	.bannerTitle {
		letter-spacing: 0.1em;
	}

	.bannerMenu li {
		line-height: 14px;
	}

	.bannerMenu .actionList {
		display: none;
	}



	.childLinkMenu:after {
		padding: 20px 35px 20px 20px;
	}

	.downloadButton {
		font-size: 12px;
	}

	.sectionManufacturing .parTitle--green {
		padding-top: 10px;
	}

	.sectionManufacturing .parTitle {
		font-size: 20px;
		line-height: 22px;
	}

	.sectionManufacturing .button {
		width: 100%;
	}

	/*.sectionManufacturing .imageHolder--right,
	.sectionManufacturing .imageHolder--left {
		margin-bottom: 40px;
	}
*/
	.sectionPhaseThree {
		margin: 40px 0;
	}

		.sectionPhaseThree .par {
			font-size: 16px;
		}

		.sectionPhaseThree .buttonHolder {
			margin: 30px 0 0;
		}

		.sectionPhaseThree .textCont {
			padding: 20px 0;
		}

	.par--narrower {
		margin-right: 0;
	}

	.sectionPhaseSeven .par--main {
		padding: 0;
	}

	.sectionPhaseEight .textHolder,
	.sectionPhaseFive .textHolder {
		padding: 20px;
	}

	/*	.sectionManufacturing.sectionPhaseFive .blockBody.textCont {
		margin: 40px 0;
	}*/

	.sectionManufacturing.sectionPhaseSix .imageHolder--right {
		padding-top: 20px;
	}

	.sectionManufacturing.sectionPhaseEight .blockBody.textCont {
		margin: 0;
	}

	.sectionPhaseFour .imageHolder--left {
		margin-bottom: 25px;
	}

	.sectionPhaseOne .imageHolder--right {
		margin-bottom: 40px;
	}

	.sectionNews .owl-carousel .owl-stage-outer,
	.sectionRelated .owl-carousel .owl-stage-outer {
		margin-left: -50px;
	}

	.sectionNews .imageListing .itemHolder .imageHolder img,
	.sectionRelated .owl-carousel .owl-stage-outer {
		min-height: 140px;
	}

	.sectionBanner {
		background-size: 100% 200px;
	}

		.sectionBanner:before {
			height: 200px;
		}



	/*WORK AT CN*/

	.sectionBuildCareer .sectionTitle {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.sectionBuildCareer .par--main {
		font-size: 20px;
	}

	.sectionBuildCareer .par--pad-bot {
		padding-bottom: 10px;
	}

	.sectionIconography {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.sectionCheckVacancies .sectionSubtitle {
		font-size: 20px;
		letter-spacing: 0.1em;
	}

	.sectionWork .par--main,
	.sectionVac .par--main {
		font-size: 18px;
		line-height: 22px;
	}

	.sectionIconography--work img {
		width: 55px;
	}

	.sectionIconography .itemHolder .iconHolder {
		height: 100px;
		width: 100px;
		padding: 20px 0;
	}

	.sectionIconography .iconTitle {
		font-size: 20px;
	}

	.sectionSocioEco .downloadButton {
		top: -60px;
		width: 70%;
	}

	.tableSuppliers .titleHolder {
		font-size: 12px;
		min-height: 75px;
		padding: 15px;
	}

	.tableSuppliers .contentHolder {
		min-height: 75px;
		font-size: 14px;
	}

	.sectionTableSuppliers {
		margin-bottom: 20px;
	}

	.sectionSocioEco .row--supp,
	.sectionSocioEco .sectionTitle {
		margin-bottom: 30px;
	}

	.sectionSocioEco .row--clients,
	.sectionSocioEco .row--people {
		margin-bottom: 40px;
	}

	/*PROGRAMS*/

	.sectionCollapse .toggleTitle {
		font-size: 14px;
	}

	.toggleTitle.active {
		padding: 30px 40px;
	}

	.sectionCollapse--programs .parTitle br {
		display: none;
	}

	.sectionCollapse--programs .par {
		font-size: 16px;
		line-height: 20px;
	}

	.sectionCollapse--programs .parTitle {
		padding-bottom: 15px;
	}

	.sectionCollapse--programs .toggleItem:first-child .imageHolder img {
		max-height: 250px;
		width: auto;
		height: auto;
	}

	.sectionCollapse .imageHolder {
		padding: 20px 0;
	}


	/*TESTIMONIALS*/
	.sectionTestimonials .itemHolder {
		padding: 30px 20px;
		margin: 0 20px 50px;
	}

	.sectionTestimonials .arabicLang1 p,
	.sectionTestimonials .arabicLang p,
	.sectionTestimonials h4 {
		font-size: 14px;
		line-height: 20px;
	}

	.sectionQuarry .sectionSubtitle {
		font-size: 18px;
		line-height: 22px;
		padding: 0 0 15px;
	}

	.sectionQuarry .row {
		padding-bottom: 10px;
	}

	.sectionCrossLinking {
		padding-top: 30px;
		padding-bottom: 0;
	}

	.sectionPhotos .blockTitle,
	.videoListing .blockTitle {
		font-size: 18px;
		line-height: 20px;
	}

	.sectionPhotos .photoTitle,
	.sectionVideos .videoTitle {
		font-size: 14px;
		line-height: 16px;
	}

	/*JOB APP*/

	.sectionVacForm .sectionSubtitle,
	.careerForm .form-intro {
		font-size: 20px;
	}

	.inputEntity label {
		font-size: 16px;
	}

	.careerForm .form-control,
	.careerForm select {
		height: 35px;
		font-size: 16px;
		padding: 0 10px;
	}

	.contactForm textarea {
		height: 200px !important;
	}

	/*VACANCIES*/

	.sectionVacancies .toggleTitle h4 {
		font-size: 16px;
		line-height: 20px;
	}

	.sectionVacancies .sectionSubtitle {
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 30px;
	}

	.sectionVacancies .toggleContent p {
		margin-bottom: 20px;
	}

	.sectionVacancies .toggleContent {
		font-size: 16px;
		line-height: 18px;
		padding: 25px;
	}


	.sectionMessage .form-intro {
		margin-top: 30px;
	}

	.sectionMessage .careerForm .inputEntity textarea {
		padding: 10px;
	}

	.searchFancyParent .fancybox-close-small {
		font-size: 40px;
		right: 10px;
		top: 0px;
	}

	.searchForm input {
		font-size: 18px;
		line-height: 20px;
	}

	.breadCrumbInsideCont li {
		padding-top: 3px;
		padding-bottom: 3px;
	}

	
}