@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
/* Chrome/Opera/Safari */
::-webkit-input-placeholder { color: #666;}
::-webkit-selection{background:#d0ad70;color:#000;text-shadow:0 0 transparent}
 /* Firefox 19+ */
::-moz-placeholder { color: #666;}
::-moz-selection{background:#d0ad70;color:#000;text-shadow:0 0 transparent}
 /* IE 10+ */
:-ms-input-placeholder {color: #666;}
::-ms-selection{background:#d0ad70;color:#000;text-shadow:0 0 transparent}
/* Firefox 18- */
:-moz-placeholder {  color: #666; }
::selection{background:#d0ad70;color:#000;text-shadow:0 0 transparent}
img {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none; max-width:100%;transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
a {transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
a:hover {text-decoration:none; }
a[data-toggle="modal"]:focus {box-shadow: none; outline: none;}

body {font-family: 'Open Sans', sans-serif; color: #222222}

.navbar-brand {padding:0;}

.navbar-toggler:not(:disabled):not(.disabled) {border-radius: 0;}
.navbar-toggler:not(:disabled):not(.disabled):focus { outline: none; }
.navbar {padding: .25rem 1rem;}

.carousel-indicators li {background-color:#d0ad70;}

.pageHeader { background: #000 url(../images/banner.jpg) no-repeat center/cover; background-attachment: fixed; color: #fff; position: relative; padding-top: 80px; padding-bottom: 80px; }
.pageHeader:before {background: rgba(0,0,0,.7); content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1}
.pageHeader .container {z-index: 2; position: relative;}
.pageHeader .container h3 {font-size:60px;  font-weight:800; margin: 0 0 30px; padding: 0; text-transform: uppercase;}
.mouseIcon {position: absolute; width:30px; height: 31px; left: 50%; z-index: 3; margin-left: -15px; bottom:30px; background: url(../images/Mouse.png) no-repeat center; font-size: 0; cursor: pointer; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: home-arrow-down; animation-name: home-arrow-down; animation-duration: 2s; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;}


.ChangeSection {background:#2d2d2d ; color: #fff}
.ChangeSection h3 {font-size:60px;  font-weight:800; margin: 0; padding: 0; text-transform: uppercase;}
.ChangeSection p {font-size:20px;}

.ExpertiseSection {background: #f1f1f1;}
.ExpertiseSection h3 {font-size:60px;  font-weight:800; margin: 0; padding: 0; text-transform: uppercase;}
.ExpertiseSection h4 {font-size:50px;  font-weight:300; margin: 0; padding: 0; text-transform: uppercase;}
.ExpertiseSection .insideDiv  {background: #2d2d2d; color: #fff; text-align: center; padding:20px 15px}
.ExpertiseSection .insideDiv h5 {font-size:26px;  font-weight:700;  margin: 0 0 25px; padding: 0; text-transform: uppercase;}
.ExpertiseSection .insideDiv figcaption {margin: 0; padding: 15px 0 0 0; font-weight: 400}
.ExpertiseSection .insideDiv figcaption ul li {margin: 0; padding:5px 0 0 0; font-size: 18px}
.ExpertiseSection .insideDiv figure {margin: 0; padding: 0;}

.clientsSection {background: #2d2d2d; color: #fff}
.clientsSection h3 {font-size:60px;  font-weight:800; margin: 0; padding: 0; text-transform: uppercase;}
.clientsSection ul {/*opacity: .45*/}
.clientsSection ul li.list-inline-item {margin-top: .5rem; vertical-align: middle; font-size: 0;}
.clientsSection ul li.list-inline-item img { opacity: .45}
.clientsSection ul li.list-inline-item:hover img {opacity: .9}
.clientsSection ul li.list-inline-item img {width: 90%}

.ideaSection {background: #f1f1f1}
.ideaSection h3 {font-size:60px;  font-weight:800; margin: 0; padding: 0; text-transform: uppercase;}
.ideaSection p {font-size:50px;  font-weight:300; margin: 0; padding: 0;}

.Pagefooter {background: #2d2d2d; color: #fff}
.Pagefooter a {color: #fff}
.Pagefooter a:hover {color: #d0ad70}
.Pagefooter .container .fs-24 {line-height: 1}
.Pagefooter .container h3 {margin: 0; padding:15px 0px; font-size:60px; font-weight:800; text-transform: uppercase;}
.Pagefooter .container h4 {margin: 0 0 15px; padding:0; font-size:30px; font-weight:600;}
.Pagefooter .container p {font-size:20px; line-height: 1.6;font-weight: 500}
.Pagefooter .container p span {text-transform: uppercase; font-weight: 600}
.Pagefooter .container .fab {font-size: 18px;}
.copySection {background: #333; font-size: 12px}

a#backToTop { text-align: center; background:#000 url(../images/up.svg) no-repeat center / 20px auto; color: #fff; width: 40px; height: 40px; line-height: 40px; font-size: 100%; position: fixed; right: 20px; bottom: 20px; opacity: 0.7;  filter: alpha(opacity=70);  z-index: 999;  display: none;}
a#backToTop:hover { opacity:1}
.animatedParent { overflow: hidden;}
.btn {border-radius: 0}
.carousel-caption h5 {font-size:60px;font-weight:800; margin: 0 0 10px; padding: 0; text-transform: uppercase;}
.carousel-caption {bottom: 35%;}
.btn-outline-light:hover {color: #333 !important}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: rgb(204, 172, 120);}
@media (min-width:768px) {
.ExpertiseSection .insideDiv {  min-height: 100%;}
}
@media (min-width:992px) {
.fixed-top {background: transparent !important;}
.topHeaderFix.fixed-top {background:  rgba(255, 255, 255, .95) !important; animation: smoothScroll 1s forwards; }
.topHeaderFix.fixed-top  .navbar-brand img { max-height: 50px;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: rgb(204, 172, 120) !important;}
.navbar-light .navbar-nav .nav-link {color: rgb(255, 255, 255); text-transform: uppercase;}
.topHeaderFix.navbar-light .navbar-nav .nav-link {color: rgb(0, 0, 0);}
}
@media (max-width:991px) {
.ExpertiseSection h4 {font-size:40px;  }
.navbar-brand img { max-height: 50px;}
.fixed-top { background: rgba(255, 255, 255, .95) !important; }
}
@media (max-width:767px) {
.Pagefooter .container h3 {font-size:40px;}
.Pagefooter .container h4 {font-size:20px; margin-top: 20px}
.Pagefooter .container p {font-size: 16px}
.clientsSection ul li.list-inline-item { font-size: 0; max-width: 30%; margin-right: 1% !important}
.ideaSection h3 {font-size:40px; }
.ideaSection p  {font-size:30px; font-weight: 400 }
.clientsSection h3 {font-size:40px; text-align: center;}
.Rocket {max-width: 250px;}
.carousel-caption h5 {font-size:40px;}
.ChangeSection h3 {font-size:40px;}
.ChangeSection p {font-size:20px;}
.ExpertiseSection h3 {text-align: center;}
.ExpertiseSection h4 {text-align: center;}

.ExpertiseSection h3 {font-size:40px}
.ExpertiseSection h4 {font-size:30px;  }
.carousel-indicators {margin-bottom: 0;}
.pageHeader .container h3 {font-size:40px; }
}

@media (max-width:575px) {
.Pagefooter .container p br { display: none; }
.ideaSection h3 {padding:0 10% }
.carousel-caption { bottom: 30%; left: 0; right: 0; }
}

@keyframes smoothScroll { 0% { transform: translateY(-50px); } 100% { transform: translateY(0px); } }
@keyframes home-arrow-down {
    from {
        -webkit-transform: translate3d( 0, 0px, 0);
        transform: translate3d( 0, 0px, 0);
        filter: alpha(opacity=0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    10% {
        -webkit-transform: translate3d( 0, 5px, 0);
        transform: translate3d( 0, 5px, 0);
        filter: alpha(opacity=100);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    to {
        -webkit-transform: translate3d( 0, 30px, 0);
        transform: translate3d( 0, 30px, 0);
        filter: alpha(opacity=0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}