@charset "UTF-8";
@font-face {
    font-family: 'GothamExtra';
    src: url('../fonts/Gotham-ExtraLightItalic.eot');
    src: url('../fonts/Gotham-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-ExtraLightItalic.woff2') format('woff2'), url('../fonts/Gotham-ExtraLightItalic.woff') format('woff'), url('../fonts/Gotham-ExtraLightItalic.ttf') format('truetype'), url('../fonts/Gotham-ExtraLightItalic.svg#Gotham-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'ProximaNovaLt';
    src: url('../fonts/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Semibold.woff2') format('woff2'), url('../fonts/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Black.eot');
    src: url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Black.woff2') format('woff2'), url('../fonts/Gotham-Black.woff') format('woff'), url('../fonts/Gotham-Black.ttf') format('truetype'), url('../fonts/Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Bold.woff2') format('woff2'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaLt';
    src: url('../fonts/ProximaNova-LightIt.eot');
    src: url('../fonts/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-LightIt.woff2') format('woff2'), url('../fonts/ProximaNova-LightIt.woff') format('woff'), url('../fonts/ProximaNova-LightIt.ttf') format('truetype'), url('../fonts/ProximaNova-LightIt.svg#ProximaNova-LightIt') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'GothamUltra';
    src: url('../fonts/Gotham-UltraItalic.eot');
    src: url('../fonts/Gotham-UltraItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-UltraItalic.woff2') format('woff2'), url('../fonts/Gotham-UltraItalic.woff') format('woff'), url('../fonts/Gotham-UltraItalic.ttf') format('truetype'), url('../fonts/Gotham-UltraItalic.svg#Gotham-UltraItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'GothamUltra';
    src: url('../fonts/Gotham-Ultra.eot');
    src: url('../fonts/Gotham-Ultra.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Ultra.woff2') format('woff2'), url('../fonts/Gotham-Ultra.woff') format('woff'), url('../fonts/Gotham-Ultra.ttf') format('truetype'), url('../fonts/Gotham-Ultra.svg#Gotham-Ultra') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaTh';
    src: url('../fonts/ProximaNova-Extrabld.eot');
    src: url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'), url('../fonts/ProximaNova-Extrabld.woff') format('woff'), url('../fonts/ProximaNova-Extrabld.ttf') format('truetype'), url('../fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaRg';
    src: url('../fonts/ProximaNova-BoldIt.eot');
    src: url('../fonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-BoldIt.woff2') format('woff2'), url('../fonts/ProximaNova-BoldIt.woff') format('woff'), url('../fonts/ProximaNova-BoldIt.ttf') format('truetype'), url('../fonts/ProximaNova-BoldIt.svg#ProximaNova-BoldIt') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'ProximaNovaCnLt';
    src: url('../fonts/ProximaNovaCond-LightIt.eot');
    src: url('../fonts/ProximaNovaCond-LightIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNovaCond-LightIt.woff2') format('woff2'), url('../fonts/ProximaNovaCond-LightIt.woff') format('woff'), url('../fonts/ProximaNovaCond-LightIt.ttf') format('truetype'), url('../fonts/ProximaNovaCond-LightIt.svg#ProximaNovaCond-LightIt') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-BoldItalic.eot');
    src: url('../fonts/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-BoldItalic.woff2') format('woff2'), url('../fonts/Gotham-BoldItalic.woff') format('woff'), url('../fonts/Gotham-BoldItalic.ttf') format('truetype'), url('../fonts/Gotham-BoldItalic.svg#Gotham-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'ProximaNovaCnLt';
    src: url('../fonts/ProximaNovaCond-Light.eot');
    src: url('../fonts/ProximaNovaCond-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNovaCond-Light.woff2') format('woff2'), url('../fonts/ProximaNovaCond-Light.woff') format('woff'), url('../fonts/ProximaNovaCond-Light.ttf') format('truetype'), url('../fonts/ProximaNovaCond-Light.svg#ProximaNovaCond-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaCnRg';
    src: url('../fonts/ProximaNovaCond-Regular.eot');
    src: url('../fonts/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNovaCond-Regular.woff2') format('woff2'), url('../fonts/ProximaNovaCond-Regular.woff') format('woff'), url('../fonts/ProximaNovaCond-Regular.ttf') format('truetype'), url('../fonts/ProximaNovaCond-Regular.svg#ProximaNovaCond-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamExtra';
    src: url('../fonts/Gotham-ExtraLight.eot');
    src: url('../fonts/Gotham-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-ExtraLight.woff2') format('woff2'), url('../fonts/Gotham-ExtraLight.woff') format('woff'), url('../fonts/Gotham-ExtraLight.ttf') format('truetype'), url('../fonts/Gotham-ExtraLight.svg#Gotham-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Thin.eot');
    src: url('../fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Thin.woff2') format('woff2'), url('../fonts/Gotham-Thin.woff') format('woff'), url('../fonts/Gotham-Thin.ttf') format('truetype'), url('../fonts/Gotham-Thin.svg#Gotham-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Light.woff2') format('woff2'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaRg';
    src: url('../fonts/ProximaNova-RegularIt.eot');
    src: url('../fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-RegularIt.woff2') format('woff2'), url('../fonts/ProximaNova-RegularIt.woff') format('woff'), url('../fonts/ProximaNova-RegularIt.ttf') format('truetype'), url('../fonts/ProximaNova-RegularIt.svg#ProximaNova-RegularIt') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ProximaNovaRg';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Bold.woff2') format('woff2'), url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf') format('truetype'), url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaCnLt';
    src: url('../fonts/ProximaNovaCond-SemiboldIt.eot');
    src: url('../fonts/ProximaNovaCond-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNovaCond-SemiboldIt.woff2') format('woff2'), url('../fonts/ProximaNovaCond-SemiboldIt.woff') format('woff'), url('../fonts/ProximaNovaCond-SemiboldIt.ttf') format('truetype'), url('../fonts/ProximaNovaCond-SemiboldIt.svg#ProximaNovaCond-SemiboldIt') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'ProximaNovaCnRg';
    src: url('../fonts/ProximaNovaCond-RegularIt.eot');
    src: url('../fonts/ProximaNovaCond-RegularIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNovaCond-RegularIt.woff2') format('woff2'), url('../fonts/ProximaNovaCond-RegularIt.woff') format('woff'), url('../fonts/ProximaNovaCond-RegularIt.ttf') format('truetype'), url('../fonts/ProximaNovaCond-RegularIt.svg#ProximaNovaCond-RegularIt') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-ThinItalic.eot');
    src: url('../fonts/Gotham-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-ThinItalic.woff2') format('woff2'), url('../fonts/Gotham-ThinItalic.woff') format('woff'), url('../fonts/Gotham-ThinItalic.ttf') format('truetype'), url('../fonts/Gotham-ThinItalic.svg#Gotham-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Medium.woff2') format('woff2'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaCnLt';
    src: url('../fonts/ProximaNovaCond-Semibold.eot');
    src: url('../fonts/ProximaNovaCond-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNovaCond-Semibold.woff2') format('woff2'), url('../fonts/ProximaNovaCond-Semibold.woff') format('woff'), url('../fonts/ProximaNovaCond-Semibold.ttf') format('truetype'), url('../fonts/ProximaNovaCond-Semibold.svg#ProximaNovaCond-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/Gotham-BookItalic.eot');
    src: url('../fonts/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-BookItalic.woff2') format('woff2'), url('../fonts/Gotham-BookItalic.woff') format('woff'), url('../fonts/Gotham-BookItalic.ttf') format('truetype'), url('../fonts/Gotham-BookItalic.svg#Gotham-BookItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'ProximaNovaLt';
    src: url('../fonts/ProximaNova-Light.eot');
    src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Light.woff2') format('woff2'), url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf') format('truetype'), url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Book.woff2') format('woff2'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-LightItalic.eot');
    src: url('../fonts/Gotham-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-LightItalic.woff2') format('woff2'), url('../fonts/Gotham-LightItalic.woff') format('woff'), url('../fonts/Gotham-LightItalic.ttf') format('truetype'), url('../fonts/Gotham-LightItalic.svg#Gotham-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'ProximaNovaBl';
    src: url('../fonts/ProximaNova-Black.eot');
    src: url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Black.woff2') format('woff2'), url('../fonts/ProximaNova-Black.woff') format('woff'), url('../fonts/ProximaNova-Black.ttf') format('truetype'), url('../fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-BlackItalic.eot');
    src: url('../fonts/Gotham-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-BlackItalic.woff2') format('woff2'), url('../fonts/Gotham-BlackItalic.woff') format('woff'), url('../fonts/Gotham-BlackItalic.ttf') format('truetype'), url('../fonts/Gotham-BlackItalic.svg#Gotham-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-MediumItalic.eot');
    src: url('../fonts/Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-MediumItalic.woff2') format('woff2'), url('../fonts/Gotham-MediumItalic.woff') format('woff'), url('../fonts/Gotham-MediumItalic.ttf') format('truetype'), url('../fonts/Gotham-MediumItalic.svg#Gotham-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "amagine";
    src: url("../fonts/amagine.eot");
    src: url("../fonts/amagine.eot?#iefix") format("embedded-opentype"), url("../fonts/amagine.woff") format("woff"), url("../fonts/amagine.ttf") format("truetype"), url("../fonts/amagine.svg#amagine") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "amagine" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "amagine" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-hide:before {
    content: "\61";
}

.icon-left:before {
    content: "\62";
}

.icon-photo:before {
    content: "\63";
}

.icon-right:before {
    content: "\64";
}

.icon-share:before {
    content: "\65";
}

.icon-show:before {
    content: "\66";
}

.icon-sound:before {
    content: "\67";
}

.icon-tell-me:before {
    content: "\68";
}

.icon-facebook:before {
    content: "\69";
}

.icon-twitter:before {
    content: "\6a";
}

.icon-youtube:before {
    content: "\6b";
}

.icon-instagram:before {
    content: "\6c";
}

.icon-google-plus:before {
    content: "\6d";
}

.icon-i-man:before {
  content: "\6e";
}

.icon-industry:before {
  content: "\6f";
}

.icon-brain:before {
  content: "\70";
}
.icon-double-left:before {
  content: "\71";
}
.icon-double-right:before {
  content: "\72";
}
.icon-info:before {
  content: "\73";
}
.icon-news:before {
  content: "\74";
}
.icon-sitemap:before {
  content: "\75";
}


* { padding: 0; margin:0;  }
p,h1,h2,h3,h4,h5,h6,ul{ padding: 0; margin: 0; }
html,
body {
    height: 100%;
    color : #fff;
    font-size: 16px;
}
body{ overflow: hidden; }

a:hover, a:focus { text-decoration: none; cursor: pointer; outline: none; }
ul li { list-style: none; }

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.logo {
    position: absolute;
    top: 0;
    left: 0;
}
.stars {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    width: 72px;
    height: 72px;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.slider-nav {position: absolute; bottom: 250px; right: 30px; z-index: 1;}
.slider-nav li { display: inline-block; width: 38px; height: 38px;  text-align: center; background-color: rgba(0,0,0,.8); display: inline-block; border-radius: 50%; }
.slider-nav li a {font-size: 20px; line-height: 40px; color: #fff;  }
.slider-nav li a i.icon-facebook { color: #3b5999; }
.slider-nav li a i.icon-google-plus { color: #dd4b39; }
.slider-nav li a i.icon-twitter { color: #55acee; }
.slider-nav li.social{width: auto; background-color: transparent;  }
.slider-nav li.social > a{  width: 38px; height: 38px;     background-color: rgba(0,0,0,.8); display: inline-block; border-radius: 100%; z-index: 1; position: relative; }
.slider-nav li .inner-social.clicked { float: left; width: auto; position: relative; right: -15px; padding-right: 15px; z-index: 0; overflow: hidden; background-color: #0c0a07; border-top-left-radius: 19px; border-bottom-left-radius: 19px; transition: .5s; }
.slider-nav li .inner-social{width: 0; overflow: hidden; padding: 0; margin: 0; }
.slider-nav li .inner-social li{ display: inline-block; width: 38px; height: 38px;  text-align: center; display: inline-block; border-radius: 50%; background-color: transparent; line-height: 38px;}


.slider-info {    max-width: 350px; position: absolute; bottom: 50px; right: 0; height:0; opacity: 0; overflow: hidden; z-index: 0;padding: 35px; background-color: rgba(0,0,0,.5); transition: .5s; }
.slider-info .close {     position: absolute; right: 0; top: 0; }
.slider-info .close span{  font-size: 30px; color: #ffffff}
.slider-info h2 { font-family: 'ProximaNovaRg'; font-size: 20px; position: relative; z-index: 1; margin-bottom: 10px; }
.slider-info h2:before { position: absolute; width: 44px; height: 36px; background-color: red; content: '';    border-radius: 50%;
    z-index: -1;     top: -10px;
    left: -18px;}
.slider-info p { font-family: 'ProximaNovaLt'; font-size: 16px;  }
.slider-info span { font-family: 'ProximaNovaTh'; font-size: 16px; color: #ff1b1b;  }


.carousel-titles { width: 100%;}
.carousel-titles ul{ width: 100%;  display: table; padding-bottom: 5px; display: none;}
.carousel-titles li{ display: table-cell; text-align: center; text-transform: uppercase;}
.carousel-titles li a{ color: #ffffff;}
.carousel-titles li a:hover{ color: #ff1b1b;}

.bottom-slider{width: 100%; position: absolute; bottom: 0; background-color: rgba(0,0,0,.7); padding: 10px 0 0 0; }
.bottom-slider .hide-slider{ position: absolute; width: 100px; background-color: rgba(0,0,0,.8); height: 50px; top: -50px; text-align: center; line-height: 50px; text-transform: uppercase; cursor: pointer; transition: .2s;}
.bottom-slider .show-slider{ position: absolute; width: 100px; background-color: rgba(0,0,0,.8); height: 50px; top: -50px; text-align: center; line-height: 50px; text-transform: uppercase; cursor: pointer; display: none;transition: .2s;}
.bottom-slider .hide-slider i{ font-size: 12px;}
.bottom-slider .show-slider i{ font-size: 12px;}
.bottom-slider .bounded-tell-me { width: 230px;    margin: 0 0 0 30px; }
.bottom-slider .bounded-tell-me i{ font-size: 50px; line-height: 1;}
.bottom-slider .bounded-tell-me p{ font-size: 22px; font-family: 'Gotham'; text-transform: uppercase; font-weight: 500; }
.bottom-slider .bounded-tell-me span{ font-size: 36px; font-family: 'Gotham'; text-transform: uppercase; font-weight: 900; display: block; }
.bottom-slider .bounded-tell-me a{     float: left; font-family: 'ProximaNovaLt'; font-weight: 300; color: rgba(255,255,255,.6); font-size: 14px; padding: 3px 10px; border: 1px solid rgba(255,255,255,.6); margin-right: 7px; }
.bottom-slider .bounded-tell-me a:hover{ border:1px solid rgba(255,255,255,1); color: rgba(255,255,255,1);}
.bottom-slider .owl-carousel .item { height: 172px;  }


.bounded-photos { position: relative; }


.bounded-photos:before, .bounded-photos:after {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  content: "";
}
.bounded-photos:before {
  border-top: solid 10px rgba(0,0,0,.5);
  border-left: solid 10px rgba(0,0,0,.5);
  border-right: solid 10px transparent;
  border-bottom: solid 10px transparent;
}
.bounded-photos:after {
  border-bottom: solid 10px #ffc017;
  border-right: solid 10px #ffc017;
  border-left: solid 10px transparent;
  border-top: solid 10px transparent;
}

.bounded-photos img { max-width: 270px; opacity: .5 !important; }
.bounded-photos .bounded-description { position: absolute; bottom: 0;text-transform: uppercase; line-height: 1; padding: 15px;}
.bounded-photos .bounded-description i { font-size: 35px; padding-bottom: 10px; line-height: 1.3; }
.bounded-photos .bounded-description p { font-family: 'Gotham'; font-weight: 500; font-size: 13px; }
.bounded-photos .bounded-description span { font-family: 'Gotham'; font-weight: 900; font-size: 21px; }
/*.bounded-photos */.photos-link { position: absolute; right: 0; bottom:0; width: 30px; height: 30px; text-align: center; line-height: 35px; background-color: #f11111; color: #fff; font-size: 12px; }
/*.bounded-photos */.photos-link:hover, .bounded-photos .photos-link:focus  { background-color: #ff2c2c; text-decoration: none;}
.bounded-what { background-color: #000; text-align: center; text-transform: uppercase; width: 205px; height: 100%; position: relative;}
.bounded-what:before { content: ''; width: 30px; height: 30px; position: absolute; background-color: transparent; border: 5px solid #ffc017; top: 10px; left: 10px; border-right-width: 0px; border-bottom-width: 0px; border-radius: 2px; border-top-left-radius: 0;opacity: 0; }
.bounded-what:after { content: ''; width: 30px; height: 30px; position: absolute; background-color: transparent; border: 5px solid #ffc017; bottom: 10px; right: 10px; border-left-width: 0px; border-top-width: 0px; border-radius: 2px; border-top-left-radius: 0; opacity: 0;}
.bounded-what:hover:after, .bounded-what:hover:before { opacity: 1; transition: .2s; }
.bounded-what .inner-what { display: inline-block; margin-right: 30px; margin-top: 10px;}
.bounded-what i{ font-size: 80px; vertical-align: middle; letter-spacing: -35px; color: #ffc017; }
.bounded-what p{ font-size: 24px; font-family: 'Gotham'; font-weight: 900; color: #ffc017; display: inline-block; top: 45px; right: -15px; position: relative; }
.bounded-what span{ font-size: 40px; font-family: 'Gotham'; font-weight: 900; color: #ffc017;}
 .bounded-amagine { max-width: 300px; padding: 10px; background: #000; height: 100%; }
.bounded-amagine p { font-size: 31px; text-transform: uppercase;  font-family: 'ProximaNovaTh'; font-weight: 800; line-height: 1.1; margin-bottom: 10px;}
.bounded-amagine p span { font-size: 27px; text-transform: uppercase; display: block; font-family: 'ProximaNovaRg';  }
.bounded-amagine > span {     font-family: 'ProximaNovaLt'; font-size: 12px; font-weight: normal; display: block; line-height: 1.1;margin-bottom: 10px; }
.bounded-amagine a { font-family: 'ProximaNovaTh'; text-transform: uppercase; font-size: 13px; color: #fff;}
.bounded-amagine a > i {  font-size: 10px; color: #fff;  }
.bounded-amagine a:hover , .bounded-amagine a:hover > i { color: #f11111; }

.bounded-latest-project { width: auto; height: 172px;}
.bounded-latest-project img{ width: auto !important; max-height: 172px;}
.bounded-latest-project .project-name { position: absolute; top: 0; left: 0; width:80%;     background-color: rgba(0,0,0,.5); padding: 5px 10px; margin: 10px 0;}
.bounded-latest-project .project-name p { font-size: 16px; font-family: 'Gotham'; font-weight: 500; }
.bounded-latest-project .project-logo { position: absolute; bottom: 0; left: 0; padding: 10px;}
.customPrevBtn{position: absolute; left: 0; display: block; top: 0; width: 30px; height: 182px; padding: 90px 0 0 0; text-align: center; background-color: rgba(0,0,0,.2); z-index: 1;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.customNextBtn{ position: absolute; right: 0; display: block; top: 0; width: 30px; height: 182px; padding: 90px 0 0 0; text-align: center; background-color: rgba(0,0,0,.2); z-index: 1;
background: rgba(0,0,0,0);
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.customPrevBtn i ,.customNextBtn i { font-size: 20px; color: #fff; z-index: 1; }
.bounded-industry { width: auto; height: 172px; background-color: rgba(36,39,45,.5); padding: 15px;}

.bounded-industry:before, .bounded-industry:after {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: 0;
  content: "";
}
.bounded-industry:before {
  border-top: solid 10px rgba(0,0,0,.5);
  border-right: solid 10px rgba(0,0,0,.5);
  border-left: solid 10px transparent;
  border-bottom: solid 10px transparent;
}
.bounded-industry:after {
  border-bottom: solid 10px #fff;
  border-left: solid 10px #fff;
  border-right: solid 10px transparent;
  border-top: solid 10px transparent;
}

.bounded-industry .upper-industry { display: block; }
.bounded-industry .upper-industry i { font-size: 50px; display: inline-block; margin-right: 15px;}
.bounded-industry .upper-industry p { font-family: 'ProximaNovaLt'; text-transform: uppercase; font-size: 20px;  display: inline-block; line-height: 1.1;}
.bounded-industry .upper-industry p span { display: block; font-family: 'ProximaNovaTh'; font-size: 30px;}
.bounded-industry .industries { float: left; }
.bounded-industry .industries li { margin-right: 10px; list-style: none; }
.bounded-industry .industries li a { color: #fff; font-size: 14px; position: relative; padding: 0 0 0 25px; }
.bounded-industry .industries li a:before { position: absolute; content: ''; top:3px; left:0;width: 10px; height: 10px; background-color: #ff2c2c; }

.bounded-brainers { width: 317px; height: 172px; background-color: #ff2c2c; padding: 15px;}
.bounded-brainers .upper-brainers { display: block; }
.bounded-brainers .upper-brainers i { font-size: 50px; display: inline-block; margin-right: 5px; line-height: 1.1}
.bounded-brainers .upper-brainers p { font-family: 'ProximaNovaLt'; text-transform: uppercase; font-size: 20px;  display: inline-block; line-height: 1.1;}
.bounded-brainers .upper-brainers p span { display: block; font-family: 'ProximaNovaTh'; font-size: 30px;}
.bounded-brainers .brainers li a { display: block; font-family: 'ProximaNovaLt'; font-size: 16px; color: #fff;} 

footer { padding: 5px; background-color: rgba(0,0,0,.9); }
footer p{ font-size: 12px; color: #cbcbcb;line-height: 35px; }
footer ul li{ display: inline-block; transition: .5s; }
footer ul li .text-us{ background-image: url('../images/bubble.png'); width: 88px; height: 35px; text-transform: uppercase; text-align: center; color: #000; font-size: 15px; font-family: 'ProximaNovaTh'; background-repeat: no-repeat;  margin-right: 10px;}
footer ul li .contact-us{ line-height: 1.1; text-transform: uppercase; text-align: center; color: rgba(255,255,255,.5); font-size: 15px; font-family: 'ProximaNovaTh';  border-right: 2px solid rgba(255,255,255,.5); padding-right: 20px;}
footer ul li:hover .contact-us{ color: #fff;}
footer ul li a i{     width: 32px; height: 32px; display: inline-block; text-align: center; line-height: 32px; font-size: 20px; vertical-align: middle; color: rgba(255,255,255,.5);}
footer ul li:hover a .icon-facebook{ color: #3b5999;}
footer ul li:hover a .icon-twitter{ color: #55acee;}
footer ul li:hover a .icon-youtube{ color: #cd201f;}
footer ul li:hover a .icon-instagram{ color: #e4405f;}

.modal-fullscreen {background: rgba(0,0,0,.85); }
.modal-fullscreen .modal-body{height: 100%; min-height: 100vh}
.modal-fullscreen .modal-body .close{    color: #fff; font-size: 50px; opacity: 1; }
.modal-fullscreen .modal-content {background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
.modal-backdrop.modal-backdrop-fullscreen {background: #ffffff; }
.modal-backdrop.modal-backdrop-fullscreen.in {opacity: .97; filter: alpha(opacity=97); }
.modal-fullscreen .modal-dialog {margin: 0; margin-right: auto; margin-left: auto; width: 100%; }
.modal-body .bounded-popup { position: absolute; width: 100%; top:50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
.modal-body .bounded-inner-box {    position: relative; width: 100%; padding-top: 100%; background-color: rgba(0,0,0,.7);  cursor: url(../images/cursor.png), auto; margin-bottom: 30px;}
.modal-body .bounded-inner-box:hover .inner-box-content h2:before { background-color: #ff1b1b; }
.modal-body .bounded-inner-box .inner-box-content  {position: absolute; top: 50%; left: 50%; text-align: center; font-size: 20px; color: white; z-index: 0; width: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
.modal-body .bounded-inner-box .inner-box-content h2 { text-transform: uppercase; font-family: 'ProximaNovaLt'; font-size: 30px; display: inline-block; position: relative;}
.modal-body .bounded-inner-box .inner-box-content h2:before { position: absolute; width: 59px; height: 47px; background-color: #781216; content: ''; border-radius: 50%; z-index: -1; top: -10px; left: -25px; }
.modal-body .bounded-inner-box .inner-box-content h2 span{ font-family: 'ProximaNovaTh';  }
.modal-body .bounded-inner-box .inner-box-content > span{ font-size: 150px; display: block; }

.error-page { width: 100%; min-height: 100vh; height: 100%; background-image: url('../images/error-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; position: relative;}
.error-page .inner-error-page { position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
.error-page .error-img{ display: inline-block; position: relative;}
.error-page .bounded-error-text{ width: 100%;}
.error-page .bounded-error-text .error-text-1{ width: 200px; margin: 0 auto 20px; background-color: rgba(0,0,0,.7);  padding: 5px 0; }
.error-page .error-img:before{     position: absolute; content: '4'; font-size: 240px; left: -129px; top: -1px; font-family: 'ProximaNovaTh'; }
.error-page .error-img:after{     position: absolute; content: '4'; font-size: 240px; right: -129px; top: -1px; font-family: 'ProximaNovaTh'; }
.error-page .error-text-1 p { text-transform: uppercase; font-family: 'ProximaNovaTh'; font-size: 50px; color: #ff3636; line-height: 1; }
.error-page .error-text-1 span { text-transform: uppercase; font-family: 'ProximaNovaTh'; font-size: 20px; color: #fff; }
.error-page .error-text-2 p { font-family: 'ProximaNovaLt'; font-weight: 600; font-size: 30px; color: #fff; line-height: 1; background-color: rgba(0,0,0,.7); padding: 10px; }
.error-page .error-text-2 span { text-transform: uppercase; font-family: 'ProximaNovaTh'; font-size: 40px; color: #fff; padding: 0 10px 10px;background-color: rgba(0,0,0,.7); line-height: 1; }

.close{ color: #fff; font-size: 30px; opacity: 1; padding: 10px; }
.close:hover{ color: #ccc; }
.inner-footer {     padding: 5px; background-color: rgba(0,0,0,.9); position: absolute; width: 100%; bottom: 0; }

.formula-page { width: 100%; height: 100%; min-height: 100vh; background-image: url('../images/formula-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;}
.formula-page h2 { font-size: 50px; text-transform: uppercase; font-family: 'ProximaNovaLt'; position: relative; z-index: 1}
.formula-page .inner-formula-page {  padding-left: 80px; padding-top: 60px; }
.formula-page h2:before { position: absolute; width: 71px; height: 57px; background-color: #ff1b1b; content: ''; border-radius: 50%; z-index: -1; top: -10px; left: -25px;  }
.formula-page span { font-size: 50px; text-transform: uppercase; font-family: 'ProximaNovaTh'; margin-right: 15px;}
.formula-page .bounded-formula-text { position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); text-align: center; width: 100%;}
.formula-page .bounded-formula-text .formula-text{ display: inline-block;}
.formula-page .bounded-formula-text h3 { font-family: 'Gotham'; font-weight: bold; font-size: 59px; text-transform: uppercase; background-color: rgba(0,0,0,.4);    display: inline-block;    line-height: 1; padding:0 10px; }
.formula-page .bounded-formula-text p { font-family: 'Gotham'; font-weight: 300; font-size: 59px; text-transform: uppercase; background-color: rgba(0,0,0,.4);     display: inline-block;    line-height: 1;    padding: 0 10px;}
.formula-page .bounded-formula-text span { font-family: 'GothamUltra'; font-size: 76px; text-transform: uppercase; background-color: rgba(0,0,0,.4); color: #fd4545; display: inline-block;    line-height: 1;    padding: 0 10px;}
.formula-page .bounded-formula-text a { display: inline-block; font-size: 28px; font-family:'ProximaNovaBl'; color: #fd4545; background-color: #fff; padding: 5px 30px; margin-top: 40px;  transition: .5s;}
.formula-page .bounded-formula-text a:hover { color: #fff; background-color: #fd4545; }
#modal-fullscreen{z-index: 99999;}
#myDiv-fluidwidth{display: none;}
.modal-open #myDiv-fluidwidth{display: block; z-index: 9999 !important; background-color: transparent !important; top: 50px !important;}
#myDiv1-fluidwidth{display: block; background-color: transparent !important;}
.modal-open #myDiv1-fluidwidth{display: block; z-index: 9999 !important; background-color: transparent !important; top: 50px !important;}
#modal-fullscreen1{overflow-y: hidden; background-image: url("../images/bg-slider.png"); background-size: cover; background-repeat: no-repeat;}
#modal-fullscreen1 .inner-box-content h2:before { position: absolute; width: 66px; height: 60px; background-color: #ff1b1b; content: ''; border-radius: 50%; z-index: -1; top: 78px;
left: 48px;}
#modal-fullscreen1 .inner-box-content h2 span {font-family: 'ProximaNovaTh';}
#modal-fullscreen1 .inner-box-content h2{font-size: 50px; margin-left: 50px;}
#playList1 ul ul{position: relative;}
.slider-content{position: fixed; top: 0px;}
#myDiv-fluidwidth canvas{overflow: visible;}
.slider-content > img {margin-left: 20px; margin-top: -22px;}
.slider-content > h2 {display: inline-block; font-family: "ProximaNovaTh"; font-size: 21px; margin-left: 25px; margin-top: 40px;}
.slider-content > h2 span{font-family: "ProximaNovaTh"; font-size: 35px; font-weight: bold;}
.slider-content ul{margin-left: 75px; margin-top: 55px;}
.slider-content ul li{margin-bottom: 15px; line-height: 20px;}
.slider-content .btn{margin-left: 36px; border-radius: 0;
    background-color: #f93334;
    color: #fff;
    width: 115px;
    height: 40px;
    margin-top: 18px;
}

.content > img {
    margin: 10px auto 10px;
    text-align: center;
    display: block;
}

.step-content{
    background-image: url("../images/bg-iframe.jpg");
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
}

.step-content .slider-content ul::before {
    border-left: 1px solid #ccc;
    content: "";
    height: 282px;
    left: 45px;
    position: absolute;
}

.step-content .slider-content ul {
     margin-left: 45px;
    margin-top: 35px;
    padding-left: 35px;
}

.slider-content ul li {
    line-height: 20px;
    margin-bottom: 15px;
    position: relative;
}

.step-content .slider-content ul li::before {
    background-color: #fff;
    border-radius: 100px;
    content: "";
    font-size: 100px;
    height: 10px;
    left: -40px;
    position: absolute;
    top: 7px;
    width: 10px;
}

.step-content .slider-content{
    width: 100%;
}

.formula-content{
   background-image: url("../images/iframe4.jpg");
    background-size: 100% 100%;
    height: 100%;
}


.formula-content .slider-content{
    text-align: center;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

#modal-fullscreen2{
    overflow-y: hidden;
    background-image: url(../images/bg-past-future.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.past-present-content ul{
    display: block;
    text-align: center;
    margin-top: 50px;
    width: 100%;
}

.past-present-content ul li{
    list-style: none;
    display: inline-block;
    margin-right: 25px;
    width: 170px;
    border-bottom: 3px solid #818181;
}

.past-present-content ul li:hover{
    border-bottom: 3px solid #d5011f;

}

.past-present-content ul li:hover a{
    color: #fff;
}

.past-present-content ul li a{
font-family: 'Gotham';
font-size: 26px;
color: #818181;
font-weight: bold;
}

.past-present-content a.close{
    font-size: 50px;
}

.past-present-content{
    overflow-y: hidden;
    background-image: url(../images/bg-past-future.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.main-banner-caption-inner{
    width: 100%;
}

.left-content{
    float: left;
    width: 50%;
    padding-top: 50px;
}

.right-content{
        float: left;
    width: 50%;
}

#main-banner{
    width: 100%;
    margin-top: 35px;
}

.left-content p{
    font-family: "ProximaNovaRg";
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
}

.left-content p::before{
content:"";
position: absolute;
width: 5px;
height: 5px;
}

.left-content .heading{
    font-family: "ProximaNovaRg";
    font-size: 37px;
}

.left-content .heading{
    font-family: "ProximaNovaRg";
    font-size: 37px;
}

.left-content .heading::before {
    border-top: 3px solid #ff0000;
    content: "";
    font-size: 59px;
    height: 30px;   
    position: absolute;
    top: -9px;
    width: 30px;
}

.left-content .large{
    font-size: 81px;
    font-family: "ProximaNovaRg";
}


.left-content .x-small{
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
}

.left-content span{
    font-size: 44.31px;
}

#main-banner {
    margin: 0 auto;
    width: 1185px;
}
.news-page {
  background-image: url("../images/br-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
  min-height: 100vh;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
	position: absolute;
	top: 10px;
	height: 30px;
	margin: auto !important;
}

.owl-carousel .owl-prev {
	left: 0px;
}

.owl-carousel .owl-next {
	right: 0px;
	    background-color: #ff0000;
    border: 1px solid #ff0000;
    color: #ff0000;
    overflow: hidden;
    text-indent: 10px;
    top: 131px;
     height: 55px;
    width: 50px;
}

.owl-carousel .owl-next::before {
    color: #ffffff;
    content: ">";
    font-size: 25px;
    font-weight: bold;
    left: 5px;
    position: absolute;
    top: 10px;
    height: 35px;
}
.owl-nav.disabled{
display: block !important;
}


.owl-carousel .owl-prev::before {
    color: #ffffff;
    content: "<";
    font-size: 25px;
    font-weight: bold;
    left: 5px;
    position: absolute;
    top: 10px;
}

.owl-carousel .owl-prev {
    background-color: #000;
    border: 1px solid #000;
    color: #000;
    left: -125px;
    overflow: hidden;
    text-indent: 10px;
    top: 131px;
    height: 55px;
    width: 50px;
}

.br-content{
    position: relative;
}

.need-page {
    background-image: url("../images/bg-need.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 100vh;
    position: relative;
    width: 100%;
}
.need-page h2:before { background-color: #ff1b1b;
    border-radius: 50%;
    content: "";
    height: 50px;
    left: -10px;
    position: absolute;
    top: 0;
    width: 57px;
    z-index: -1;}
.need-page span { font-size: 50px; text-transform: uppercase; font-family: 'ProximaNovaTh'; margin-right: 15px;}
.need-page .inner-formula-page{padding-left: 0;}
.need-page .inner-formula-page p{font-family: "ProximaNovaLt"; margin-top: 35px; font-size: 18px; margin-bottom: 35px;}
.main-banner-wrap{margin-top: 50px;}
#services .item{position: relative;}
.overlay-content{position: absolute; top:0; padding: 25px 20px;}
.overlay-content img{width:10px; height: 320px;}
.overlay-content h4{font-size: 24px; font-family: 'ProximaNovaRg'; margin-bottom: 20px; margin-top: 10px; text-transform: uppercase; color: #c1c1c1;}
.overlay-content p{font-size: 18px; font-family: 'ProximaNovaCnRg'; color: #c1c1c1;}
.overlay-content a{background-color: #transparent; color: #c1c1c1; font-size: 16px; border: 1px solid #c1c1c1; padding: 5px; display: inline-block; margin-top: 20px;}
.need-page .owl-next{right: -60px;}
.need-page .owl-prev{left: -60px;}
.overlay-content:hover h4{color: #ffffff;}
.overlay-content:hover p{color: #ffffff;}
.overlay-content:hover a{background-color: #f93334; color: #fff; border: 1px solid #f93334;}




.overlay-content1{position: absolute; top:0; padding: 25px 20px;}
.overlay-content1 img{width: auto !important; min-height: 10px; margin: 0 auto;}
.overlay-content1 h4{font-size: 24px; font-family: 'ProximaNovaRg'; margin-bottom: 20px; margin-top: 10px; text-transform: uppercase; color: #c1c1c1;}
.overlay-content1 p{font-size: 18px; font-family: 'ProximaNovaCnRg'; color: #c1c1c1;}
.overlay-content1 a{background-color: #transparent; color: #c1c1c1; font-size: 16px; border: 1px solid #c1c1c1; padding: 5px; display: inline-block; margin-top: 20px;}
.need-page .owl-next{right: -60px;}
.need-page .owl-prev{left: -60px;}
.overlay-content1:hover h4{color: #ffffff;}
.overlay-content1:hover p{color: #ffffff;}
.overlay-content1:hover a{background-color: #f93334; color: #fff; border: 1px solid #f93334;}

.industry-page {
    background-image: url("../images/bg-need.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 100vh;
    position: relative;
    width: 100%;
}
.industry-page h2:before { background-color: #ff1b1b;
    border-radius: 50%;
    content: "";
    height: 50px;
    left: -10px;
    position: absolute;
    top: 0;
    width: 57px;
    z-index: -1;}
.industry-page span { font-size: 50px; text-transform: uppercase; font-family: 'ProximaNovaTh'; margin-right: 15px;}
.industry-page .inner-formula-page{padding-left: 0;}
.industry-page .inner-formula-page p{font-family: "ProximaNovaLt"; margin-top: 35px; font-size: 18px; margin-bottom: 35px;}
.industry-page .owl-next{right: -60px;}
.industry-page .owl-prev{left: -60px;}
.sub-heading{margin-top: 60px; margin-bottom: 45px;}
.sub-heading span:first-child{font-size: 28px; font-family: 'ProximaNovaTh'; position: relative;}
.sub-heading span:last-child{font-size: 20px; font-family: 'ProximaNovaTh'; color: #ff1b1b; background-color: #000000; padding: 10px 20px;}
.img-content{min-height: 200px; margin-bottom: 45px;}
.img-content img{margin: 0 auto;}
.sub-heading span:first-child::before{ border-bottom: 3px solid; color: #ff0000; content: ""; height: 35px; position: absolute; top: 0;
    width: 25px;}
.img-content + h4{ margin-bottom: 10px;}
.brainer-page{
    background-image: url("../images/bg-brainer.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 100vh;
    position: relative;
    width: 100%;
}

.brainer-details{
    left: 3%;
    top: 20%;
    position: absolute;
    transform: translate(0%, 3%);
}

.brainer-details ul li{
    margin-bottom: 25px;
    /*padding: 20px 15px;*/
    background-color: rgba(20,23,27,0.5);
    width: 855px;
}

.brainer-left{
width: 45%;
display: inline-block;
float: left;
padding: 20px 15px;
}

.brainer-right{
  width: 50%;
  display: inline-block;
  position: relative;
  padding: 20px 15px;
}

.brainer-right::before {
    border-left: 2px solid #3e3f43;
    content: "";
    height: 100%;
    left: -30px;
    position: absolute;
    top: 0px;
}

.brainer-right p{
    font-size: 16px;
    font-family: "ProximaNovaLt";
    line-height: 18px;
}

.brainer-left img{
    float: left;
    margin-right: 25px;
}

.brainer-left span{
        font-size: 24px;
        display: inline-block;
        font-family: "ProximaNovaRg";
        }
#choose-amagine{margin-top: 105px;}
#choose-amagine .item{height: 298px;}
.choose-overlay.odd{position: absolute; top:0; padding: 20px 10px; background-color: #ffffff; height: 298px;}
.choose-overlay img{width: auto !important; float: left; margin-right: 15px;}
.choose-overlay.even{position: absolute; top:0; padding: 20px 10px; background-color: #3e3e3e; height: 298px;}
.choose-overlay.odd h4{color: #000000; font-family: "ProximaNovaTh"; margin-bottom: 20px;}
.choose-overlay.odd p{color: #000000; font-family: "ProximaNovaLt"; line-height: 20px;}
.choose-overlay.even p{color: #ffffff; font-family: "ProximaNovaLt"; line-height: 20px;}
.choose-overlay.even h4{color: #ffffff; font-family: "ProximaNovaTh"; margin-bottom: 20px;}
.amagine-details{left: 4%; top: 28%; position: absolute; transform: translate(0%, 5%);}
.amagine-details .container{width: 100%;}
.why-amagine{background-image: url("../images/bg-w-amagine.png"); background-position: center center; background-repeat: no-repeat;
background-size: cover; height: 100%; min-height: 100vh; position: relative; width: 100%;}
.amagine-details h3{font-family: "ProximaNovaTh"; display: inline-block;}
.amagine-details-success img{ float: left; margin-right: 25px;}
.amagine-details-formula img{ float: left; margin-right: 25px;}
.amagine-details li.odd{    width: 96px;
    height: 96px;
    background-color: #fff;
    display: inline-block;
    float: left;
    margin-right: 4px;
    margin-bottom: 5px;
    text-align: center;}
.amagine-details li.even{    width: 96px;
    height: 96px;
    background-color: #3e3e3e;
    display: inline-block;
    float: left;
    margin-right: 4px;
    margin-bottom: 5px;
    text-align: center;}
.amagine-details h3{
    margin-bottom: 25px;
}
.amagine-details li a{display: block; padding: 15px;}
.amagine-details-success ul::before {
    border-left: 1px solid #ccc;
    content: "";
    height: 288px;
    left: 38px;
    position: absolute;
}

.amagine-details-success li{
    position: relative;
    margin-left: 45px;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
    vertical-align: top;
}

.amagine-details-success ul li::before {
     background-color: #fff;
    border-radius: 100px;
    content: "";
    font-size: 100px;
    height: 8px;
    left: -26px;
    position: absolute;
    top: 0px;
    width: 8px;
}

.amagine-details-success .btn {
    margin-left: 10px;
    border-radius: 0;
    background-color: #f93334;
    color: #fff;
    width: 115px;
    height: 40px;
    margin-top: 7px;
}

.amagine-details-success{
    background-image: url("../images/bg-amagine.png");
    background-size: auto 100%;
    border-right: 2px dashed #3e3e3e;
    background-repeat: no-repeat;
    background-position: right center;
}

.amagine-details-choose-us .know-more{
    border: 1px solid #c1c1c1;
    color: #c1c1c1;
    display: inline-block;
    font-size: 16px;
    margin-top: 90px;
    padding: 5px;
}

.inner-formula-page > p{
    margin-top: 10px;
}

.amagine-details-choose-us{
    border-right: 2px dashed #3e3e3e;
}

.img-book{
    margin-top: -10px;
}

.amagine-details-formula .know-more{
    border: 1px solid #c1c1c1;
    color: #c1c1c1;
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    margin-top: 10px;
    float: left;
    clear: both;
}

#steps{
    margin-top: 80px;
}

.step-page{
background-image: url("../images/bg-success.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
min-height: 100vh;
position: relative;
width: 100%;
}

.steps-content{
    background-image: url(../images/steps.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 400px;
    margin: 0 auto;
    display: block;
    width: 830px;
}
.steps-content img {
    float: left;
    width: auto !important;
    margin-left: 100px;
}

.step-slide-content span{
     display: block;
    float: left;
    width: 100%;
    font-family: 'ProximaNovaRg';
    font-size: 93.7px;
}

.step-slide-content{
    float: left;
    margin-left: 30px;
    margin-top: -20px;
}

.step-slide-content h4{
   font-size: 40px;
   font-family: 'ProximaNovaLt';
   position: relative;
   margin-left: 25px;
   font-weight: 200;
   word-wrap: break-word;
   word-break: break-all;
}
.step-slide-content h4 span{
   font-size: 40px;
   font-family: 'ProximaNovaRg';
    word-wrap: break-word;
   word-break: break-all;
}

.step-slide-content h4::before{
  background-color: #ff1b1b;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: -23px;
    position: absolute;
    top: 134px;
    width: 50px;
    z-index: -1;
}

#steps .owl-prev{
    color: #000;
    left: 0;
    overflow: hidden;
    text-indent: -30px;
    top: 131px;
    height: 55px;
    width: 50px;
    background-image: url(../images/arrow-left.png);
    background-repeat: no-repeat;
    border: 0 none;
    background-color: transparent;
}

#steps .owl-next{
    color: #000;
    right: 0;
    overflow: hidden;
    text-indent: -30px;
    top: 131px;
    height: 55px;
    width: 50px;
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    border: 0 none;
    background-color: transparent;
}