@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800,600&display=swap');











/* HP SLIDESHOW */
.hp-slideshow-container { position: relative; display: block; width: 100%; z-index: 1; }
.hp-slideshow { display: block; width: 100%; }
.hp-slideshow .item { position: relative; width: 100%; height: 650px; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }



.hp-slideshow .item > span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-color: rgba(255,255,255,.5); z-index: 5; }




.hp-slideshow .item .caption { position: absolute; left: 0; top: 50%; width: 100%; padding: 0 130px; box-sizing: border-box; text-align: center; -webkit-transform: translate(0,-70%); -moz-transform: translate(0,-70%); transform: translate(0,-70%); z-index: 10; }
.hp-slideshow .item .caption h4 { display: block; margin: 0; padding: 0 0 10px 0; font-size: 50px; font-weight: 900; line-height: 55px; text-transform: uppercase; text-shadow: 0 2px 3px rgba(0,0,0,.3); color: #333; }

.hp-slideshow .item .caption p { display: block; font-size: 22px; font-weight: 300; line-height: 28px; color: #000; }
.hp-slideshow .item .caption a.btn-caption:link, .hp-slideshow .item .caption a.btn-caption:visited { display: inline-block; height: 40px; margin-top: 20px; padding: 0 30px; box-sizing: border-box; font-size: 12px; font-weight: 700; line-height: 40px; text-transform: uppercase; white-space: nowrap; color: #fff !important; background-color: purple; border-radius: 3px; }
.hp-slideshow .item .caption a.btn-caption:hover { color: purple !important; background-color: #fff; }








.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 65%;
}


.white-bg {display: block; width: 100%; padding: 60px 0 0 0; background-color: white;}
.grey-bg { display: block; width: 100%; padding: 60px 0 0 0; background-color: #f4f4f4; }
.content { position: relative; width: 100%; background-color: #fff; /*border-top: #009fd6 4px solid;*/ z-index: 10; }

a:hover {color: mediumpurple!important; text-decoration: none;}
a strong:hover {color: mediumpurple!important; text-decoration: none;}
/* custom map */
.custom-map { width: 100%; height: 400px; border: 0; border-top: #bcbcbc 1px solid; }

/*superwebappx*/
.superwebappx {
    width: 25%;
    
}

/* RESET */
* { margin: 0; padding: 0; }

html { overflow-x: hidden !important; }
body { height: 100%; /*height: auto;*/ font-family: 'Montserrat', sans-serif; font-weight: 400; color: #000; background-color: #fff; }
ul, ol { /*list-style: none;*/ margin: 0; padding: 0; }
input, textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }
a:active, a:focus, input:focus, textarea:focus, :focus { outline: none !important; }
::-webkit-input-placeholder { font-style: italic; text-transform: uppercase; color: #a3a3a3; }
::-moz-placeholder { font-style: italic; text-transform: uppercase; color: #a3a3a3; }
:-moz-placeholder { font-style: italic; text-transform: uppercase; color: #a3a3a3; }
:-ms-input-placeholder { font-style: italic; text-transform: uppercase; color: #a3a3a3; }
.float-right { float: right; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.clear { clear: both; }

.container { padding-bottom: 50px; }

.scroll-on { padding-top: 60px !important; }

.desk { display: inline-block; }
.mob { display: none; }
@media (max-width: 992px) {
	.desk { display: none !important; }
	.mob { display: inline-block !important; }
}












/* MENU DESKTOP */
.menu-container .container { padding-bottom: 0 !important; background-color: #330f53;}
.menu-container { position: relative; width: 100%; min-height: 60px; background-color: #330f53; z-index: 99; color: black;}

.menu > li { position: relative; display: inline-block; }

.menu a { display: inline-block; margin: 10px 0; padding: 0 15px; font-size: 13px; font-weight: 700; line-height: 40px; text-transform: uppercase; color: black; } /* link */

.menu ul { position: absolute; left: 0; top: 50px; width: 230px; padding: 5px; background-color: #5b3e75; opacity: 0; visibility: hidden; z-index: 1; }
.menu ul li { display: block; }
.menu ul a { display: block; width: 100%; margin: 0; padding: 12px 10px; box-sizing: border-box; font-size: 13px; font-weight: 200; line-height: 16px !important; text-transform: none; color: #000; border-bottom: #f4f4f4 1px solid; }

.menu li:hover > ul { margin-top: 0; opacity: 1; visibility: visible; }
.menu li:hover > a { color: #08c; background-color: #5b3e75; } /* rollover */


.menu ul a:hover { background-color: #5b3e75; }
.menu ul li:last-child a { border-bottom: 0; }




.menu li a {
  text-decoration: none;
  font-weight: bold;
  
  text-align: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #9370db, #9370db 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: -100%;
  transition: all 0.3s ease-in-out;
}

.menu li a:before {
  display: block;
  content: "";
  width: 0;
  height: 3px;
  bottom: 5px;
  left: 0;
  bottom: -3px;
  z-index: 0;
  position: absolute;
  background: #9370db;
  transition: all 0.3s ease-in-out;
}
.menu li a:hover {
  background-position: 0%;
}
.menu li a:hover:before {
  width: 100%;
}



















/* MENU MOBILE */
.menu-trigger { display: none; }
@media screen and (max-width: 992px) {
	
	/* menu container */
	.menu-container { float: none; position: relative; width: 100%; height: 0; padding-right: 30px; box-sizing: border-box; }
	.menu-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	
	/* menu bar - hamburger icon */
	.menu-trigger-container { position: absolute; right: 0; top: 8px; display: block; width: 35px; height: 44px; }
	#menu-trigger { position: relative; display: block; width: 35px; height: 44px; padding-top: 20px; box-sizing: border-box; text-align: center; font-weight: 700; line-height: 44px; color: white; cursor: pointer; }
	#menu-trigger span, #menu-trigger span:before, #menu-trigger span:after { display: block; content: ''; position: absolute; height: 5px; width: 35px; background: white; border-radius: 1px; cursor: pointer; }
	#menu-trigger span:before { top: -10px; }
	#menu-trigger span:after { bottom: -10px; }
	#menu-trigger:hover span, #menu-trigger:hover span:before, #menu-trigger:hover span:after { background-color: white; }
	#menu-trigger span, #menu-trigger span:before, #menu-trigger span:after { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
	#menu-trigger.active span { background-color: transparent; }
	#menu-trigger.active span:before, #menu-trigger.active span:after { background-color: white; }
	#menu-trigger.active span:before { top: 0; }
	#menu-trigger.active span:after { bottom: 0; }
	#menu-trigger.active span:before { transform: rotate(45deg); }
	#menu-trigger.active span:after { transform: rotate(-45deg); }

    
    
    
	/* main nav */
	.menu { position: absolute; top: 60px; width: 100%; padding: 10px; box-sizing: border-box; background-color: #330f53; display: none; }
	.menu li { float: none; position: static; display: block; margin: 0; border: 0; }
	.menu a { display: block; float: none; min-height: 30px; padding: 0 10px; margin: 0; box-sizing: border-box; font-size: 13px; font-weight: 700; line-height: 30px; border-bottom: rgba(255,255,255,.2) 1px solid; color: #fff !important; }
    .menu li:last-child { margin-bottom: 10px; }
	.menu li:last-child a { border-bottom: 0; }
	.menu li:hover > a { color: #A5682A !important; } /* main rollover */
    .menu ul { position: static; display: block; width: 100%; margin: 0; padding: 10px 0; background-color: transparent; visibility: visible; opacity: 1; }
	.menu ul a { padding: 5px 10px 5px 10px !important; margin: 0; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #fff; border-bottom: none; }
	
    .menu ul li a {font-size: 15px; font-weight:  600;}

    
	/* mobile scroll active */
	.scrollon .menu a { line-height: 38px !important; }
	.scrollon .menu ul a { line-height: 18px !important; }
	.scrollon .menu ul { background-color: transparent !important; }
}

@media screen and (min-width: 1101px) {
	.menu { display: block !important; }
}




/* HP INTRO PROFILE */
.hp-profile { display: block; width: 100%; padding: 0px 0 0 0; }
.hp-profile .container { padding-bottom: 0 !important; }


.sharp-profile { position: relative; margin: 0; padding: 0; background-color: #009fd6; }
.sharp-profile, .profile-img, .profile-txt { min-height: 480px; }

.profile-img { margin: 0; padding: 0; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; }
.profile-txt { margin: 0; padding: 0; padding: 60px 60px 0 60px; box-sizing: border-box; color: #fff !important; }
.profile-txt .blk-txt { margin-bottom: 0; }
.profile-txt .blk-txt h3 { font-weight: 900; color: #fff; }
.profile-txt .blk-txt p { margin: 0; padding: 0; color: #fff; }






/* TYPOGRAPHY - BLK'S */
.blk-txt { margin-bottom: 30px; }
.spacer { display: block; width: 100%; height: 50px; }
.blk-txt h1 { position: relative; margin: 0 0 20px 0; font-size: 32px; font-weight: 900; line-height: 36px; color: #000; }
h1 {font-weight: 600;}
h2 {font-weight: 400 !important; }


.col-md-6 .blk-txt h2 {font-weight: 600 !important;}


.blk-txt h2 strong { font-weight: 400 !important;}
.hp-profile .blk-txt h2  { position: relative; margin: 0 0 20px 0; font-size: 32px;  line-height: 36px; color: #000; }

.blk-txt h3 { position: relative; margin: 0 0 20px 0; font-size: 22px; font-weight: 300; line-height: 26px; color: #777; }
.blk-txt h3 strong { font-weight: 700; }
.blk-txt h3 span { color: #009fd6; }

.blk-txt h4 { position: relative; margin: 0 0 20px 0; font-size: 22px; font-weight: 300; line-height: 26px; color: #777; }
.blk-txt h4 strong { font-weight: 500; }
.blk-txt h4 span { color: #009fd6; }

.blk-txt h5 { position: relative; margin: 0 0 20px 0; font-size: 15px; font-weight: 700; text-transform: uppercase; line-height: 18px; color: #000; }
.blk-txt h5 strong { font-weight: 700; }

h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited,
h5 a:link, h5 a:visited { color: purple; }

h2.baseline:before, h3.baseline:before { position: absolute; left: 50%; bottom: -15px; content: ''; display: block; width: 40px; height: 2px; margin-left: -20px; background-color: #000; }

.blk-txt { display: block; margin-bottom: 30px; }

.blk-txt p { font-size: 15px; font-weight: 400; line-height: 23px; color: #757575; }



.blk-txt ul, .blk-txt ol { margin: 10px 0 10px 10px; }
.blk-txt ul li, .blk-txt ol li { position: relative; padding-left: 16px; font-size: 15px; font-weight: 400; line-height: 23px; list-style: none; color: #757575; }
.blk-txt ul li:before, .blk-txt ol li:before { position: absolute; left: 0; top: 0; content: "\f111"; font-family: 'Montserrat', sans-serif; font-size: 4px; line-height: 24px; color: purple; }

.blk-txt ul.no-marker li, .blk-txt ol.no-marker li { padding-left: 0 !important; background: none !important; }
.blk-txt ul.no-marker li i, .blk-txt ol.no-marker li i { width: 15px; margin-right: 10px; text-align: center; color: #3c9f9c; }

.blk-txt ul.icon-list li { padding-left: 20px; padding-bottom: 10px; }
.blk-txt ul.icon-list li:before { display: none; }
.blk-txt ul.icon-list li i { position: absolute; left: 0; top: 0; font-size: 11px; line-height: 24px; color: purple; }

.blk-txt hr { display: block; width: 100%; height: 1px; margin: 15px 0 30px 0; background-color: #ddd; border: 0; }

.blk-txt a:link, .blk-txt a:visited, .blk-txt ul li a:link, .blk-txt ul li a:visited, .blk-txt ol li a:link, .blk-txt ol li a:visited { color: purple; }
.blk-txt a:hover, .blk-txt ul li a:hover, .blk-txt ol li a:hover { color: #000; }



.data { float: left; display: block; width: 40px; margin-right: 10px; font-size: 20px; font-weight: 700; line-height: 40px; text-align: center; color: purple; background-color: #fff; border-radius: 3px; overlow: hidden; }
.data strong { display: block; padding: 10px 0; font-size: 11px; font-weight: 700; line-height: 11px; color: #fff; background-color: purple; border-radius: 0 0 3px 3px; }




/* blk img */
.blk-img { display: block; padding: 0 0 30px 0; height: 80%;}
.blk-img img, a.overlay img { width: 100%; height: auto; z-index: 5; }

.blk-img a { position: relative; display: block; }
.blk-img a img { position: relative; width: 100%; height: auto; z-index: 1; }
.blk-img a span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; display: block; background-color: rgba(0,0,0,.7); z-index: 2; opacity: 0; }
.blk-img a span i { position: absolute; left: 50%; top: 50%; display: block; width: 40px; height: 40px; margin: -20px 0 0 -20px; text-align: center; line-height: 40px; color: #000; background-color: #fff; border-radius: 50%; }
.blk-img a:hover span { opacity: 1; }





/* blk video */
.blk-video { display: block; width: 100%; padding: 0 0 20px 0; box-sizing: border-box; }
.blk-video .video { position: relative; display: block; width: 100%; padding-top: 56.25%; } /* 56.25% - 75% */
.blk-video .video iframe { position: absolute; left: 0; top: 0; display: block; width: 100% !important; height: 100% !important; border: 0 !important; }

/* FORM */
.form { width: 100%; margin-bottom: 30px; }
.form label { display: block; padding-bottom: 5px; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #000; }
.form input { width: 100%; height: 36px; padding: 0 10px; margin-bottom: 15px; box-sizing: border-box; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 400; line-height: 36px; color: #000; border: #ddd 1px solid; }
.form textarea { width: 100%; height: 120px; padding: 7px 10px; margin-bottom: 15px; box-sizing: border-box; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; color: #000; border: #ddd 1px solid; resize: none; }
.form input, .form textarea, .form select { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.form input:focus, .form textarea:focus { border: purple 1px solid; }

/* FOOTER */
.footer { display: block; width: 100%; padding-top: 30px; color: #fff; background-color: #0e0e0e; }
.footer .container { padding-bottom: 30px }
.footer h4 { color: #fff; text-align: left; font-weight: 500;}
.footer p { font-size: 13px; font-weight: 400; line-height: 23px; color: #777; }
.footer .info a {color: #777;}
.info {text-align:left; }
.infoIcon {margin-right: 5px; font-size: 14px;}
.footer .copyright { display: block; padding-bottom: 0px; font-size: 10px; color: #777;  }
.footer .copyright strong {color: #999999;}
.footer .copyright .gilbarco { float: right; display: inline-block; width: 50%; ; }




































/* RESPONSIVE */


@media (max-width: 479px) {
    /*.input-ric {width: 200%;} 
    */
    .menu li {font-size: 20px;}
.logo-img {width: 50%;}

    h2 {text-align: center;}
    .blk-txt h4, .blk-txt p {text-align: center;}
	.footer .copyright { text-align: center; }
    
    
	
}
@media (max-width: 767px) {
   /* .input-ric {width: 150%;} 
   */ 
    
    

.logo-img {width: 50%; display: block;
  margin-left: auto;
  margin-right: auto;}
  
    
        

	.blk-txt h4, .blk-txt p {text-align: center;}
	
	.footer .copyright { text-align: center; }
	
	.notice { float: none; margin-right: 0; width: 100%; padding: 0 40px 40px 40px; box-sizing: border-box; text-align: center; }
	.fltrt { float: none; width: 100%; text-align: center; }
	
}
@media (max-width: 991px) {

    .blk-txt h4, .blk-txt p {text-align: center;}
    h2 {text-align: center;}
    .blk-txt { text-align: center; }
	.blk-txt ul li, .blk-txt ol li { text-align: left; }
	
	.footer .copyright { text-align: center; }
	.footer .copyright .gilbarco { float: none; margin: 20px auto 0 auto; width: 30%; height: 40%;}
	
}
@media (min-width: 768px) {
    
	
}
@media (min-width: 992px) {
    
	
}
@media (min-width: 1200px) {
    ul li a {color: white !important;}
    
    
    
  
}



@media (max-width: 500px)  {
                 


    
    
    
    
    .hp-slideshow .item .caption { padding: 0 60px; }
	.hp-slideshow .item .caption h4 { display: block; margin: 0 0 10px 0; padding: 0; font-size: 26px; line-height: 35px; }
	.hp-slideshow .item .caption p { font-size: 16px; line-height: 16px; }
   
    .hp-slideshow .item .caption a.btn-caption:link { display: inline-block; height: 40px; margin-top: 20px; padding: 0 30px; box-sizing: border-box; font-size: 10px; font-weight: 700; line-height: 40px; text-transform: uppercase; white-space: nowrap; color: #fff !important; background-color: purple; border-radius: 3px; }
}


@media (min-width: 500px), (max-width: 767)  {
    .hp-slideshow .item .caption { padding: 0 60px; }
	.hp-slideshow .item .caption h4 { display: block; margin: 0 0 20px 0; padding: 0; font-size: 35px; line-height: 35px; }
	.hp-slideshow .item .caption p { font-size: 14px; line-height: 16px; }
}


@media (min-width: 767px)  {
    .hp-slideshow .item .caption { padding: 0 60px; }
	.hp-slideshow .item .caption h4 { display: block; margin: 0 0 20px 0; padding: 0; font-size: 40px; line-height: 35px; }
	.hp-slideshow .item .caption p { font-size: 20px; line-height: 16px; }
}


video {width: 100%;}

iframe {width:  100%;}





/* btn */
a.btn:link, a.btn:visited { display: inline-block; height: 34px; margin-bottom: 15px; padding: 0 20px; box-sizing: border-box; font-size: 12px; font-weight: 700; line-height: 32px; text-transform: uppercase; color: #fff; background-color: purple; border-radius: 3px; }
a.btn:hover { background-color: mediumpurple; color: white !important;}





input[type=submit] {
    text-transform: uppercase;
    font-size: 12px; 
    font-weight: 700; 
    color: white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 50%;
    background: purple;
    border: 0 none;
    cursor: pointer;
}                   



input[type=submit]:hover {
    color: white;
    background: black;
}