@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&display=swap');

/*
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
*/


button::-moz-focus-inner {  border: 0;}
a:focus {     outline: none; }
button:focus {     outline: none; }
::-moz-focus-inner {border:0;}
:focus, :active {    outline: 0;    border: 0;}



select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url(../images/small-down-arrow.png);
   background-repeat: no-repeat;
   background-position: 85% center;
}


@font-face {
font-family: 'PilatWide-Book';
font-style: normal;
font-weight: normal;
src: local('PilatWide-Book'), url('PilatWide-Book.woff') format('woff');
}



@font-face {
font-family: 'PilatWide-Light';
font-style: normal;
font-weight: normal;
src: local('PilatWide-Light'), url('PilatWide-Light.woff') format('woff');
}



@font-face {
font-family: 'PilatWide-Regular';
font-style: normal;
font-weight: normal;
src: local('PilatWide-Regular'), url('PilatWide-Regular.woff') format('woff');
}



@font-face {
font-family: 'PilatWide-Bold';
font-style: normal;
font-weight: normal;
src: local('PilatWide-Bold'), url('PilatWide-Bold.woff') format('woff');
}




@font-face {
font-family: 'PilatWide-DemiBold';
font-style: normal;
font-weight: normal;
src: local('PilatWide-DemiBold'), url('PilatWide-DemiBold.woff') format('woff');
}


@font-face {
font-family: 'PilatWide-Heavy';
font-style: normal;
font-weight: normal;
src: local('PilatWide-Heavy'), url('PilatWide-Heavy.woff') format('woff');
}



body {color: #999; margin: 0px; font-family: poppins; font-size: 15px; font-weight: 300; line-height: 26px; margin: 0px 0px 0px 0px; background-color:#000; overflow-x:hidden;  }

html {  scroll-behavior: smooth;}




a{transition: all 0.5s ease-in 0s; text-decoration:none!important; outline:none; color: #000;}

a:focus, a:active,  a, focus, select {border:0px; outline:none;}

.clear{clear:both;}

p{margin-top:0px; text-align: left;}

img {border:0px;}

form{margin:0px;}

input {outline:none;}

* {box-sizing:border-box; }

figure {padding:0px; margin:0px;}

#mobile-video {display:none;}


.fullsize-video-holder { height: 100%; min-height:890px; overflow:hidden; display:block; background-color:#000; }

.fullsize-video-holder div {width:100%;  display:block;   }

video {  width: 100%;  height: auto; margin-top:-120px; opacity:0.4; display:block;}


h2 {text-align:center; font-size:60px; font-family: 'PilatWide-Heavy'; line-height:80%; font-weight:normal; text-align:center; text-transform:uppercase; color:#fff; margin:30px 0px;}



header {position:fixed; left:0px; top:0px; z-index:10; width:100%; transition: all 0.5s ease-in 0s;}

.logo {float:left; margin:20px; display:inline-block; width:270px; transition: all 0.5s ease-in 0s;}

.logo img {display:block; width:100%; transition: all 0.5s ease-in 0s;}

.lets-talk {float:right; margin:25px 20px; font-family: 'PilatWide-DemiBold'; transition: all 0.5s ease-in 0s;  display:inline-block; background-color: #813ffd; background-image:url(../images/button-bg.png); background-position:left top;  padding:10px; width:200px; text-align:center; color:#fff; text-transform:uppercase; letter-spacing:1px; transition: all 0.5s ease-in 0s;}

.lets-talk:hover {background-position:right top;}

.top-navigation {width:752px; margin:auto; margin-top:35px; transition: all 0.5s ease-in 0s;}

.top-navigation a {color:#fff; font-family: 'PilatWide-DemiBold'; text-transform:uppercase; letter-spacing:1px; font-size:14px; line-height:25px; margin-right:30px; transition: all 0.5s ease-in 0s; display:inline-block;}

.top-navigation .current-page {border-bottom:1px solid #fff; }

header.darker {background-color:#000;}

header.darker .logo { margin:10px 10px;}

header.darker .lets-talk { margin:10px 10px;}

header.darker .top-navigation {margin-top:20px;}




.banner-text {position:absolute; left:0px; top:0px; width:100%; height:100%; text-align:center; color:#fff; z-index:1; padding-top:15%;  }

.small-heading {font-size:16px; text-transform:uppercase; letter-spacing:4px; font-family: 'PilatWide-DemiBold';}

.banner-text h1 {font-size:60px; line-height:120%; text-transform:uppercase; letter-spacing:30px;  font-family: 'PilatWide-Bold'; line-height:100%; font-weight:normal;  margin:auto;  }

.banner-text h1 span {display:block; padding-left:12px;}

.banner-text h1 strong {font-size:150px; display:block;  letter-spacing:0px; font-family: 'PilatWide-Heavy'; line-height:80%; font-weight:normal; text-align:center;}

.banner-text h1 em {font-size:36px; display:block; font-style:normal; letter-spacing:5.5px; font-family: 'PilatWide-Regular'; line-height:80%; margin-top:20px; font-weight:normal; text-align:center;}

.banner-buttons {border-top:1px solid #fff; width:810px; margin:20px auto; padding:20px 0px;}

.banner-buttons a {display:inline-block; float:left; color:#fff; padding:15px 0px; width:50%; font-family: 'PilatWide-DemiBold'; text-transform:uppercase; letter-spacing:2px; font-size:16px;}

.banner-button1 { border-right:1px solid #fff; padding-right:40px!important; background-image:url(../images/button-bg2.png); background-size:0% 60px; background-repeat:no-repeat; background-position:right center;}

.banner-button2 {  padding-left:40px!important; background-image:url(../images/button-bg3.png); background-size:0% 60px; background-repeat:no-repeat; background-position:left center;}

.banner-button1 img {float:left; margin-top:5px; margin-left:15px;}

.banner-button2 img {float:right; margin-top:5px; margin-right:15px; }

.banner-button1:hover { background-size:100% 60px;}

.banner-button2:hover { background-size:100% 60px;}







.intro {background-color:#222; padding:60px 0px;}

.intro h2 {color:#fff; font-size:48px; line-height:100%; font-family: 'PilatWide-Heavy'; font-weight:normal; text-transform:uppercase; margin:0px; text-align:left;}

.intro h2 strong {display:block; font-size:180px; line-height:100%; margin-bottom:30px;  background: linear-gradient(to right, #813ffd, #0ccfe8); color: transparent; background-clip: text;}

.intro .quote {float:right;}

.intro span{color:#fff; font-size:20px; padding-right:100px; font-weight:500;}

.intro h3 {color:#fff; font-size:20px; padding-right:100px; font-weight:500; text-transform:uppercase; font-family: 'PilatWide-Heavy'; font-weight:normal; letter-spacing:12px; margin-top:130px;}

.intro h3 strong {display:block; background: linear-gradient(to right, #813ffd, #0ccfe8); color: transparent; background-clip: text; font-size:100px; line-height:100%; letter-spacing:0px;}

.intro h3 em {display:block;  line-height:100%; letter-spacing:0px; font-style:normal; font-family: 'PilatWide-Book'; font-weight:normal; letter-spacing:5px; margin-top:10px;}

.intro-text { display:block; padding:0px; color:#fff; font-size:23px; line-height:200%;}

.intro-text p {text-align:left;}

.pipe1 {float:left; margin-right:50px; }

.pipe2 {float:right; margin-left:50px; margin-right:30px;}







.services  {display:table; width:100%; padding:60px 0px 90px 0px; background-color:#111; overflow-x:hidden; display:block;}

.services h2 {margin-bottom:60px; line-height:100%;}

.gallery-wrap {  display: flex;  flex-direction: row;  width: 100%;  height: 70vh;}

.item {  flex: 1; height: 100%;  background-position: center;  background-size: cover;  background-repeat: none; transition: flex 0.8s ease; position:relative;}

.item:hover {  flex: 7;}

.item:hover .service-content { opacity:1.0;}

.item-1 {  background-image: url("../images/service-1.jpg"); border-right:20px solid #111; background-position:left top; background-size:cover; }

.item-2 {  background-image: url("../images/service-2.jpg"); border-right:20px solid #111; background-position:left top; background-size:cover;}

.item-3 {  background-image: url("../images/service-3.jpg"); border-right:20px solid #111; background-position:left top; background-size:cover;}

.item-4 {  background-image: url("../images/service-4.jpg"); border-right:20px solid #111; background-position:left top; background-size:cover;}

.item-5 {  background-image: url("../images/service-5.jpg"); border-right:0px solid #111; background-position:left top; background-size:cover;}


.service-content {position:absolute; z-index:1; padding:0px 40px; margin-left:60px; padding-top:270px; color:#fff; background-position:bottom center; background-image:url(../images/overlay.png); height:625px; width:calc(100% - 60px); opacity:0.0; transition: all 0.5s ease-in 0s;}

.item-1, .item-2, .item-3, .item-4, .item-5 {height:625px;}

.service-content h3 {font-size:30px; font-family: 'PilatWide-Bold'; text-transform:uppercase; line-height:120%; margin-bottom:20px; font-weight:normal; width:400px;}

.service-content p {width:450px; height:140px;}

.service-content a {display:block; width:200px; height:50px; background-image:url(../images/button-bg.png); background-position:left center;  padding:10px; color:#fff; font-size:16px; text-transform:uppercase; letter-spacing:4px; font-family: 'PilatWide-DemiBold'; text-align:center;}

.service-content a:hover {background-position:right center;}


.industries {display:table; width:100%; padding:60px 0px 80px 0px; background-color:#0f0f0f;}

.industry-box { position:relative; width:100%; display:table; margin-top:30px;}

.industry-content {position:absolute; padding:30px; padding-top:75%; color:#fff;}

.industry-content h3 {font-size:30px; font-family: 'PilatWide-Bold'; text-transform:uppercase; line-height:120%; margin-bottom:20px; font-weight:normal;}

.industry-box figure { width:100%; height:600px; display:block; overflow:hidden;  transition: all 0.5s ease-in 0s;}

.industry-box figure img {width:100%; display:block; transition: all 0.5s ease-in 0s;}

.industry-box:hover figure img  { width:120%; margin:-10%; transition: all 0.5s ease-in 0s;}





.facts  {display:table; width:100%; padding:60px 0px 60px 0px; background-color:#222; }

.fact-box h3 {color:#fff; font-size:24px; font-family: 'PilatWide-Light'; margin-bottom:10px; font-weight:normal;  }

.fact-box p {color:#999; width:300px; font-size:18px;}

.fact-box strong {  display: block;  background: linear-gradient(to right, #813ffd, #0ccfe8);    background-clip: border-box;  color: transparent;  background-clip: text;  font-size: 100px;  line-height: 100%;  letter-spacing: 0px; text-transform: uppercase;
  font-family: 'PilatWide-Heavy';   font-weight: normal; font-size:100px;}

.fact-box.last strong { display:inline-block; width:auto; float:left; margin-right:30px;  padding-left:60px; margin-top:20px;}

.fact-box.last h3 { display:inline-block; width:auto; margin-bottom:10px; }

.fact-box.last p { display:inline-block; width:400px;}






.clients  {display:table; width:100%; padding:60px 0px 100px 0px; background-color:#fff; background-image:url(../images/client-bg.png); overflow:hidden; }

.clients h2 {color:#000; margin-bottom:60px;}









.call-to-action {display:table; width:100%; background-image: linear-gradient(to right, #813ffd , #1dbbeb); padding:100px 0px; text-align:center; color:#fff;}

.call-to-action h2 {font-size:100px; font-family: 'PilatWide-Heavy'; font-weight:normal; line-height:100%; text-transform:uppercase; margin:60px 0px; }

.call-to-action a {display:block; border:2px solid #fff; padding:15px 20px; width:300px; margin:auto; color:#fff; font-family: 'PilatWide-DemiBold'; font-weight:normal; letter-spacing:2px; text-transform:uppercase;}

.call-to-action a:hover {background-color:#fff; color:#305ec2;}











footer {background-color:#1d1d1d; padding:60px 0px 30px 0px; width:100%; color:#9b9b9b;}

footer p {width:250px; color:#9b9b9b;}

footer a {color:#9b9b9b;}

.footer-logo {margin-bottom:20px;}

#footer-navigation a {display:block; margin-bottom:10px;}

footer h5 {text-transform:uppercase; letter-spacing:2px; color:#fff; font-family: 'PilatWide-Regular'; font-weight:normal; font-size:16px; margin-top:0px;  }

footer h5:after {content:''; display:block; width:40px;  height:2px; background-image:url(../images/favicon.png); background-size:100% auto; margin-top:20px;}

.hline {border-bottom:1px solid #666;}

.copyright {display:inline-block; float:left; margin-top:30px; font-size:12px; text-transform:uppercase; letter-spacing:2px;}

.socialmedia {display:inline-block; float:right; margin-top:30px; font-size:12px; text-transform:uppercase; letter-spacing:2px;}

.socialmedia a {display:inline-block; opacity:0.5; margin:0px 2px;}

.socialmedia a img {display:block;}

.socialmedia a:hover {opacity:1.0;}















.inside-banner {width:100%; background-position:center center; height:700px; padding:0px; background-size:cover;}

.inside-banner h1 {text-align:center; color:#fff; text-transform: uppercase; line-height:120%;  font-family: 'PilatWide-Heavy';  font-weight: normal; font-size:700%; padding-top:14%; margin:0px;}



.overlay {width:100%; height:700px; display:block; background-color:rgb(0,0,0,0.5); }

.inside-content-area  {display:table; width:100%; padding:60px 0px 60px 0px; background-color:#111; }

.inside-content-area h2 {margin-bottom:60px; line-height:100%; line-height:120%;}



.ind-box { position:relative; width:100%; display:table; margin-bottom:10px; }

.ind-box span { display:block; color:#fff; font-size:30px; font-family: 'PilatWide-Bold'; text-transform:uppercase; line-height:120%; margin-bottom:20px; font-weight:normal; margin-top:-150px; padding:40px;}

.ind-box figure { width:100%; height:720px; display:block; overflow:hidden;  transition: all 0.5s ease-in 0s;}

.ind-box figure img {width:100%; display:block; transition: all 0.5s ease-in 0s;}

.ind-box:hover figure img  { width:120%; margin:-10%; transition: all 0.5s ease-in 0s;}

.fullsize-image {display:block; width:100%;}

.service-big-content {background-color:#000; padding:10%; height:592px;}

.service-big-content h3 {font-size:48px; font-family: 'PilatWide-DemiBold'; line-height:120%; font-weight:normal; text-align:left; color:#fff; margin:0px 0px 20px 0px; }

.service-big-content h3:after {content:''; display:block; width:60px; height:3px; background-image:url(../images/button-bg3.png); background-size:100% 100%; margin:30px 0px;}
 
.service-big-content p {font-size:18px; color:#fff; line-height:180%; }

.service-big-content p strong {font-weight:600;}

.service-small-content {background-color:#222; padding:40px; margin-top:30px; margin-bottom:30px;}

.service-small-content h4 {font-size:16px; font-family: 'PilatWide-DemiBold'; line-height:80%; font-weight:normal; text-align:left; text-transform:uppercase; color:#fff; margin:0px; letter-spacing:1px; line-height:140%;}

.service-small-content  ul {margin:20px 0px 20px 20px; padding:0px;}

.service-small-content  li {margin:0px; padding-left:10px; list-style:disc;}

.service-small-content  p {margin:0px;}

.industries-banner {background-image:url(../images/inside-banner-industries.jpg); }

.services-banner {background-image:url(../images/inside-banner-services.jpg); }

.casestudies-banner {background-image:url(../images/inside-banner-casestudies.jpg); }

.contact-banner {background-image:url(../images/inside-banner-contact.jpg); }

.about-banner {background-image:url(../images/inside-banner-about.jpg); }

.ourwork-banner {background-image:url(../images/inside-banner-ourwork.jpg); }


.contact-box-1, .contact-box-2, .contact-box-3 { background-color:#222; display:table; width:100%; padding:40px; height:360px;}

.contact-box-1 img, .contact-box-2 img, .contact-box-3 img {display:block; width:100px; margin:30px auto;}

.contact-box-1 p, .contact-box-2 p, .contact-box-3 p {text-align:center; color:#fff;}

.contact-box-2 p {font-size:18px;}

.contact-box-3 p {font-size:24px;}


.italic {font-style:italic; color:#fff;}

.textbox-1 {width:33.33%; border:2px solid #666; background-color:transparent; padding:20px; font-family:poppins; font-size:15px; float:left; color:#fff; border-right:0px;} 

.textbox-1.last {border-right:2px solid #666;}

.textbox-2  {width:100%; border:2px solid #666; background-color:transparent; padding:20px; font-family:poppins; font-size:15px; float:left; color:#fff; border-top:0px; height:200px;} 

.submit-button {width:100%; border:2px solid #666; background-color:transparent; background-image:url(../images/button-arrow2.png); background-position:99% center; background-repeat:no-repeat;  padding:20px; font-family:poppins; font-size:15px; float:left; color:#fff; border-top:0px; text-align:left; font-family: 'PilatWide-DemiBold';  font-weight: normal;  letter-spacing: 2px;  text-transform: uppercase; transition: all 0.5s ease-in 0s;}

.submit-button-holder {width:100%; display:table; transition: all 0.5s ease-in 0s;}

.submit-button-holder:hover {background-image:url(../images/button-bg3.png); background-size:100% 100%; transition: all 0.5s ease-in 0s;}

.map {width:100%; height:600px; display:block; border:0px;}

.heading {font-family: 'PilatWide-DemiBold'; font-size:36px; color:#fff; text-transform:uppercase; margin-top:0px; line-height:120%; margin-bottom:20px;}

.hline {width:100%; border-bottom:1px solid #666; margin-top:40px; margin-bottom:20px;}

.float-right {float:right!important;}

.listing {margin:0px 0px 0px 20px; padding:0px;}

.listing li { padding-left:10px;}

.mission-and-vision {float:left; width:200px; margin-right:30px;}

.about-pic {display:block; width:90%;}

.content-left {padding:100px;}

.content-right {padding:100px;}
















/* Grid */


.grid-1280 {display:table; width:1800px; margin:auto;  }

.row {width: 100%; display: table; }

.col-1-of-12 {width: 8.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-11 {width: 9.09%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-10 {width: 10%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-9 {width: 11.11%; float: left; padding-left: 15px; padding-right: 15px; }

.col-8-of-9 {width: 88.89%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-9 {width: 77.78%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-9 {width: 66.67%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-9 {width: 55.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-9 {width: 44.45%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-9 {width: 33.34%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-9 {width: 22.23%; float: left; padding-left: 15px; padding-right: 15px; }


.col-1-of-8 {width: 12.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-8 {width: 87.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-8 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-8 {width: 62.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-8 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-8 {width: 37.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-8 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-7 {width: 14.28%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-7 {width: 85.68%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-7 {width: 71.4%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-7 {width: 57.12%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-7 {width: 42.84%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-7 {width: 28.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-6 {width: 16.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-6 {width: 83.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-6 {width: 66.64%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-6 {width: 49.98%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-6 {width: 33.32%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-5 {width: 20%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-5 {width: 80%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-5 {width: 60%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-5 {width: 40%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-4 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-4 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-3 {width: 33.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-3 {width: 66.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-2 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-1 {width: 100%;  padding-left: 15px; padding-right: 15px; }


.content {display: block; padding: 10px 0px; background-color: #eee; text-align: center; font-size: 10px; color: #000; border: 1px solid #ccc;}


/* Grid */




















/* Scroll Top */

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0px;
	right:0px;	
	z-index:99;
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	padding:0;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 
	background-image:url(../images/button-bg.png);
	background-size:132px auto;

}

.scroll:hover { background-position:right top;}

.scroll a {padding:25px 0px 0px 0px; display:block; color:#fff; height:50px; width:50px;}

.scroll a span {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  display: block;
  margin:auto;
  animation: buttonarrow 0.6s infinite alternate ease-in-out;
}


@keyframes buttonarrow {
	0% {
		transform: translateY(0);
		opacity: 1.0
	}
	100% {
		transform: translateY(-0.5em);
		opacity: 1.0
	}
}

/* Scroll Top */









/* responsive menu */

.responsive-menu-icon { display:none;}


.responsive-menu-icon {
    display: block;
    cursor: pointer;
    background-color:#000;
    width: 66px;
    height: 66px;
    position: fixed;
    right: 0;
    top: 0px;
    padding: 22px;
    box-sizing: border-box;
    z-index: 10000;
    display: none;
    z-index: 1000;
	background-image:url(../images/button-bg3.png);
	background-size:100% 100%;
}

.bar1, .bar2, .bar3 {
    width: 23px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -5px);
}


/* responsive menu */








/* Marquee */

.marquee {
	margin: 0;
	width:1920px;
	overflow: hidden;
}

.marquee ul.flex {
	display: flex;
	align-items: center;
	margin:0px;
	padding:0px;
}

.marquee ul.flex li {
	flex-shrink: 0;
	width: 300px;
	list-style: none;
}

.marquee ul.flex li img {display:block; width:100%; border:1px solid #ccc; border-right:0px;}

.marquee-wrapper {
	width: 100%;
	overflow: hidden;
}

.marquee-h {
	
	overflow: hidden;
}

.marquee-h .marquee-wrapper {
	height: 300px;
	overflow: hidden;
}

.marquee-h ul li {
	padding: 20px 0;
	text-align: center;
	color: #fff;
	font-size: 38px;
	background-image:linear-gradient(#1e3c72 ,#2a5298 100%)
}

#marqueeRight img {border-top:0px;}

/* Marquee */










/* Accordion */


.accordion-container .accordion-title {
  position: relative;
  margin: 0;
  padding:0;
  background-color: #333;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
  margin-top:10px;
  font-family: 'PilatWide-DemiBold';
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:14px;
}

.accordion-container .accordion-title strong {display:inline-block; font-weight:500;  width:50px; height:50px; line-height:50px; text-align:center; background-image:url(../images/button-bg3.png); background-size:100% 100%; margin-right:15px;}

.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
  background-color: #222;
}

.accordion-container .accordion-title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  transform: rotate(90deg);
  background: #fff;
  transition: all .3s ease-in-out;
}

.accordion-container .accordion-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  background: #fff;
  transition: all .2s ease-in-out;
}

.accordion-container .accordion-title.open::before {
  transform: rotate(180deg);
}

.accordion-container .accordion-title.open::after {
  opacity: 0;
}

.accordion-content {
  border: 0px solid #0079c1;
}

.accordion-content img {
	display:block; 
	width:100%;
}

.accordion-content div {
	display:block; 
	width:100%;
	background-color:#222;
	padding:20px;
}

.accordion-content div a {display:block; width:160px; height:40px; font-size:12px; line-height:19px; background-image:url(../images/button-bg.png); background-position:left center;  padding:10px; color:#fff; text-transform:uppercase; letter-spacing:4px; font-family: 'PilatWide-DemiBold'; text-align:center;}

.accordion-content div a:hover {background-position:right center;}

 
/* CSS for Demo */
.accordion-container {
  max-width: 100%;
  margin: 0 auto;
}

.accordion-container {display:none;}

/* Accordion */