@font-face {
    font-family: 'PRoot';
    src: url('../fonts/proot-regular.eot');
    src: url('../fonts/proot-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proot-regular.woff2') format('woff2'),
        url('../fonts/proot-regular.woff') format('woff'),
        url('../fonts/proot-regular.ttf') format('truetype'),
        url('../fonts/proot-regular.svg#proot-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PRoot';
    src: url('../fonts/proot-bold.eot');
    src: url('../fonts/proot-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proot-bold.woff2') format('woff2'),
        url('../fonts/proot-bold.woff') format('woff'),
        url('../fonts/proot-bold.ttf') format('truetype'),
        url('../fonts/proot-bold.svg#proot-bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
*{box-sizing:border-box;margin:0;padding:0;}

html { width: 100%; margin: 0 auto; background-color: #FFFFFF; min-height: 100%; }

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: 'Proot', Arial, Tahoma, Helvetica, sans; 
	font-size: 15px;
	line-height: 24px;
	-min-height: 100%;
	width: 100%;
	color: #1e1e1e; 
	
	overflow-y: scroll;
	overflow-x: hidden;
}

iframe body, iframe{overflow-y:hidden;}

a { text-decoration:underline; color:#009fee; transition: all 0.4s; }
a:hover{ color:#00306a; transition: all 0.4s; text-decoration:underline;}

p {margin-bottom:20px;}

img.mobile-img{display:none;float:left;width:50%;height:auto;}

/***** H1-H4 styling *****/

h1, h2, h3, h4 {font-family:'Proot',Arial,Helvetica,sans; color:#009fee;font-weight:normal;line-height:120%;margin:0;padding:0;}

h1{
font-size: 40px;line-height:46px;
margin-bottom:25px;
} 

h2{
font-size:32px;line-height:36px;
margin: 30px 0 15px 0;
}

h3{
font-size:28px;
margin: 25px 0 10px 0;
}

a#menu-open { display: block; float: right; cursor: pointer; line-height: 18px; font-size: 14px; }
a#menu-open { display: none; }
a#menu-open.see { display: none; }

a#menu-close { display: none; float: right; cursor: pointer; }
a#menu-close.see { display: block; }



/* HEADER */

header{
	position:fixed;
	width:100%;
	float:left;
	z-index:15000;
	padding:20px 0;
	transform: scale(1); /* you need a scale here to allow it to transition in both directions */
	transition: 0.15s all ease;
	background:#FFF;
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.11);
}

header.scrolled{padding:6px 0;}
header.scrolled #langs {padding:6px 0;}
header.scrolled #logo {padding:15px 0;}
header.scrolled #logo a{height:32px;}


#logo{position:absolute;top:0;left:50px;padding:20px 0;}
#logo a, #logo a img{float:left;display:block;}
#logo a{height:50px;overflow:hidden;}
#logo a img {height:50px;padding:0;}


#langs{float:left;position:absolute;top:0;right:50px;padding:20px 0;}
#langs div.mod-languages ul {list-style:none;float:left;}
#langs div.mod-languages ul li{float:left;margin-left:8px;margin-right:0;}
#langs div.mod-languages ul li a{line-height:50px;font-size:10px;display:block;color:#000;}
#langs div.mod-languages ul li a:hover{text-decoration:underline;color:#00306a;}
#langs div.mod-languages ul li.lang-active{display:none;}


#main-menu{float:left; width:100%;padding:0 180px;text-align:center;}

#main-menu>ul.nav{list-style:none; margin:0 auto;display:inline-flex;}
#main-menu>ul.nav>li{float:left;position:relative;z-index:25000;margin:0 20px;}
#main-menu>ul.nav>li>a{display:block;font-size:15px;line-height:50px;text-decoration:none;color:rgba(0,0,0,0.50);}
#main-menu>ul.nav>li>a:hover{text-decoration:underline;color:#00306a;}

#main-menu>ul.nav>li.active>a{color:#009fee;font-weight:bold;}
#main-menu>ul.nav>li.active>a:hover{color:#00306a;text-decoration:underline;}

#main-menu>ul.nav>li>ul{display:none;}



/* SALESPOINTS */

body.home #salespoints .custom{float:left;width:100%;padding:130px calc(50% - 500px) 120px 50%;background-size:contain;background-position:left bottom;background-color:#00306a;background-repeat:no-repeat;color:#FFF;}

body.home #salespoints ul{list-style:none;padding-left:5%;}
body.home #salespoints ul li{padding-left:54px;padding-bottom:20px;font-size:26px;line-height:32px;font-weight:bold;
background-image:url(../images/checkmark.png);background-repeat:no-repeat;background-position: 0 2px;}


body.inside #salespoints .custom{float:left;width:100%;padding:35px calc(50% - 500px) 20px calc(50% - 500px);background-color:#00306a;background-image:none!important;color:#FFF;}

body.inside #salespoints ul{list-style:none;}
body.inside #salespoints ul li{padding-left:54px;padding-bottom:20px;font-size:20px;line-height:26px;font-weight:bold;
background-image:url(../images/checkmark.png);background-repeat:no-repeat;background-position: 0 1px;width:47.5%;margin-right:5%;float:left;}
body.inside #salespoints ul li:nth-child(2n){margin-right:0;}





/* CONTENT */


main{float:left;width:100%;background-color:#00306a;padding-top:90px}

article{width:100%;float:left;z-index:10000;background:#FFF;}

a.btn-link{text-decoration:none;font-weight:bold; padding:13px 35px;border-radius:25px;background-color:#e5f5fd;display:inline-flex;border:1px solid rgba(0,0,0,0);margin:10px 0;}
a.btn-link:hover{border:1px solid rgba(0,0,0,0.15);}


/* INSIDE TEXT */

article .container{width:100%;float:left;padding:80px calc(50% - 500px) 65px calc(50% - 500px);}

article.inside .container{padding-top:70px;}
article.inside .content{width:67.5%;float:left;}
article.inside img{max-width:100%;}


/* TABLES */

/* 2 columns */
table.table_col2{width:100%!important;height:auto!important;border-collapse:collapse;}
table.table_col2>tbody>tr>td{width:50%!important;height:auto!important;vertical-align:top;}
table.table_col2>tbody>tr>td:nth-child(1){padding-right:2.5%;}
table.table_col2>tbody>tr>td:nth-child(2){padding-left:2.5%;}
table.table_col2 h3{font-size:36px;line-height:42px;margin:0 0 23px 0;}


/* DATA_TABLE */
table.data_table{width:100%!important;height:auto!important;border-collapse:collapse;padding-bottom:15px;}
table.data_table>tbody>tr>td{padding:8px 5px;border-bottom:1px solid rgba(0,0,0,0.1);text-align:center;}
table.data_table>tbody>tr:first-child>td{border-top:1px solid rgba(0,0,0,0.1);background-color:#e5f5fd;}






/* ASIDE */

aside{float:left;width:32.5%;padding-right:5%;}

aside ul{list-style:none;float:left;width:100%;border-top:1px solid rgba(0,0,0,0.06);margin-top:10px;}
aside ul li{float:left;width:100%;border-bottom:1px solid rgba(0,0,0,0.06);}
aside ul li a{display:block;padding:10px 20px 10px 15px;text-decoration:none;color:rgba(0,0,0,0.75);width:100%;float:left;}
aside ul li.current a{color:#218fef; font-weight:bold;vertical-align:middle;width:100%;}
aside ul li a:hover{text-decoration:underline;color:rgba(0,0,0,1);}
aside ul li a span{float:left;display:inline-flex;padding:12px 15px 0 0;width: calc(100% - 52px);}
aside ul li img{width:52px!important;height:52px!important;border-radius:26px;float:right;vertical-align:middle;}



/* PRODUCTS */

#products{float:left;width:100%;padding-right:calc(50% - 500px); padding-left:calc(50% - 500px);background-color:#ececec;}

#products .products-video{list-style:none;float:right;width:50%;padding-top:80px;padding-bottom:45px;padding-right:2.5%;min-height:100%;float:left;}

#products ul{list-style:none;float:right;width:50%;padding-top:80px;padding-bottom:45px;padding-left:2.5%;min-height:100%;float:left;}
#products ul li{float:left;width:50%;padding-right:5%;margin-bottom:45px;}
#products ul li:nth-child(2n){padding-right:0;padding-left:5%;}


#products a{display:block;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#218fef;text-align:center;padding:0 15px 15px 15px;min-height:180px;position:relative;}
#products a:hover{color:#00306a;}
#products a>*{position:relative;}
#products a:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:110px;background: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%,rgba(0,0,0,0) 100%);border-radius:3px;opacity:0;transition: all 0.4s;}
#products a:hover:before{opacity:1;transition: all 0.4s;}
#products a span{padding-top:10px;display:block;font-size:20px;line-height:24px;}
#products a img{width:100px!important;height:100px!important;border-radius:50px;border:6px solid rgba(256,256,256,0);}
#products a:hover img{border:6px solid rgba(256,256,256,1);}


/* VISAPACK module */

#visapack{float:left;width:100%;padding-right:calc(50% - 500px); padding-left:calc(50% - 500px);background-color:#dce8f5;display:flex;border-top:1px solid #c6d0dc;}
#visapack>*{width:50%;padding-top:80px;padding-bottom:65px;padding-right:2.5%;min-height:100%;float:left;}

#visapack .visapack-logo a{display:block-flex;}

#visapack>.custom{padding-right:0;padding-left:2.5%;}
#visapack>.custom>h2:first-child{margin-top:0;}
#visapack a.btn-link{background-color:#f7fafd;}


article.inside #visapack p{display:none;}
article.inside #visapack .visapack-logo{padding-bottom:10px;padding-top:10px;text-align:center;}
article.inside #visapack .visapack-logo img{height:100px!important;width:auto!important;}
article.inside #visapack>*{padding-top:30px;padding-bottom:30px;}
article.inside #visapack>.custom>h2{margin-bottom:0;margin-top:14px;}



/* SOCIAL MEDIA AREA */
#social-media{float:left;width:100%;padding:80px calc(50% - 500px);color:#FFF;}
#social-media>div{width:30%;margin-right:5%;float:left;height:350px;}
#social-media>div:nth-child(3){margin-right:0;overflow:overlay;background:#FFF;border-radius:3px;}




/* FOOTER */

footer{float:left;background:#001835;float:left;width:100%;color:rgba(256,256,256,0.7);}
footer a{color:rgba(256,256,256,0.7);}
footer a:hover{color:#FFF;}

footer .footer-area{float:left;width:100%;padding:80px calc(50% - 500px) 60px calc(50% - 500px);position:relative;}

footer ul{list-style:none;}
footer ul li{padding-bottom:15px;padding-top:1px;background-repeat:no-repeat;}


footer .footer-data{width:30%;float:left;}
footer .footer-data ul li{padding-left:42px;background-position:top left;}

footer .footer-data ul li:nth-child(1){background-image:url(../images/icon-location.png);}
footer .footer-data ul li:nth-child(2){background-image:url(../images/icon-phone.png);}
footer .footer-data ul li:nth-child(3){background-image:url(../images/icon-email.png);}


footer .footer-social{width:30%;float:right;}
footer .footer-social ul li{text-align:right;}
footer .footer-social ul li a{padding-right:40px;background-position:top right;background-repeat:no-repeat;display:inline-flex;}

footer .footer-social ul li:nth-child(1) a{background-image:url(../images/icon-facebook.png);}
footer .footer-social ul li:nth-child(2) a{background-image:url(../images/icon-twitter.png);}
footer .footer-social ul li:nth-child(3) a{background-image:url(../images/icon-instagram.png);}


footer .footer-visapack{position:absolute;top:calc(50% - 55px);left:calc(50% - 60px);width:120px;height:110px;float:left;
  background-size:contain;background-position:center center;background-image:url(../images/visapack-logo-2.png);}
footer .footer-visapack a{width:100%;height:100%;display:block;text-indent:-9999px;}


footer .info{float:left;width:100%;border-top:1px solid rgba(256,256,256,0.08);padding:30px 20px;text-align:center;font-size:12px;line-height:12px;color:rgba(256,256,256,0.3);}



/* CALC */

.calc{width:100%;padding:0 40px 15px 40px;background:#efefef;border-radius:3px;float:left;min-height:610px;}
.calc input {line-height:28px;padding-left:7px;width:100%;font-family: 'Proot', Arial, Tahoma, Helvetica, sans; }
.calc .btn_submit{padding:0 35px;line-height:50px;border-radius:25px;background:#009fee;color:#FFF;text-align:center;min-width:auto;width:auto;border:0;cursor:pointer;margin-top:10px;font-weight:bold;text-transform:uppercase;}
.calc hr{margin:40px 0 30px 0;}
.calc .result{padding:18px 15px 20px 15px;border:1px solid rgba(0,0,0,0.1);border-radius:3px;}



@media (max-width:1120px){
  #logo {left:7%;}
  #langs {right:7%;}
  body.home #salespoints .custom {padding: 60px 7% 50px 50%;}
  article .container {padding: 50px 7% 45px 7%;}
  #products {padding-right: 7%;padding-left:7%;}
  #visapack {padding-right: 7%;padding-left: 7%;}
  #social-media {padding: 60px 7%;}
  footer .footer-area {padding: 50px 7% 30px 7%;}
  body.inside #salespoints .custom {padding: 35px 7% 20px 7%;}
}

@media (max-width:900px){
  
img.mobile-img{display:block;}
  
a#menu-open { display: block;margin: 0 7%;padding-top: 5px;}
a#menu-close {padding: 0;margin: 0 7%;padding-top: 5px;}
a#menu-open img, a#menu-close img{display:block;float:left;padding: 2px 0;}

#main-menu{display:none;}
#main-menu.see{display:block;}
 
header{padding:0;position:relative;}

header #langs {padding:0;position: relative;right: 0;width: 100%;text-align: center;border-bottom: 1px solid rgba(0,0,0,0.11);}
header #langs div.mod-languages ul{width:100%;text-align:center;}
header #langs div.mod-languages ul li {float: unset;margin-left: 8px;margin-right:8px;display: inline-flex;}
header #langs div.mod-languages ul li a {line-height: 40px;}
 
header #logo {padding: 15px 0;left: 0;position: relative;float: left;margin-left: 3.5%;}
header #logo a{height:32px;}
  
main{padding-top:0;}
  
body.home #salespoints .custom {padding: 40px 7% 30px 7%;background-image:none!important;}
body.home #salespoints ul {padding-left: 0;}
body.home #salespoints ul li {padding-left: 40px;padding-bottom: 12px;font-size: 20px;line-height: 26px;background-size: 22px auto;}
  
#main-menu {padding: 0;width:100%;}
#main-menu img{display:none;}
#main-menu > ul.nav{width:100%;display:block;}
#main-menu > ul.nav > li {margin: 0;width: 100%;border-bottom:1px solid rgba(0,0,0,0.1);}
  
#main-menu > ul.nav > li > ul {display: block;list-style: none;}
#main-menu > ul.nav > li > ul a {display: block;font-size: 15px;line-height: 50px;border-top:1px solid rgba(0,0,0,0.1);background:rgba(0,0,0,0.06);text-decoration:none;}
  
table.table_col2, table.table_col2>tbody, table.table_col2>tbody>tr, table.table_col2>tbody>tr>td{display:block;float:left;width:100%;}
table.table_col2>tbody>tr>td{width:100%!important;padding-bottom:25px;}
table.table_col2>tbody>tr>td:nth-child(1){padding-right:0;}
table.table_col2>tbody>tr>td:nth-child(2) {padding-left:0;}
  
#products {padding-left: 0;padding-right:0;background-image:none;}
#products ul {width: 100%;padding-top: 50px;padding-bottom: 0px;padding-left: 7%;padding-right:7%;}
#products .products-video{width:100%;padding-left:7%;padding-right:7%;}
  
#visapack{display:block;}
#visapack > * {width: 100%;padding-top: 0px;padding-bottom: 0px;padding-right: 0;min-height: auto;}
#visapack > .custom {padding-left: 0;padding-bottom: 30px;}
  
body.inside #visapack{display:none;}
body.inside img.mobile-img{display:none;}
  
#social-media > div {width: 100%;margin-right: 0;height: auto;}
#social-media > div:nth-child(2),#social-media > div:nth-child(3){display:none;}
  
  
article.inside .container {padding-top: 40px;}
article.inside .content {width: 100%;}
aside{display:none;}
  
body.inside #salespoints .custom {padding: 25px 7% 14px 7%;}
body.inside #salespoints ul li {padding-left: 36px;padding-bottom: 14px;font-size: 16px;line-height: 20px;background-size: 20px auto;}
  
  
footer .footer-data {width: 100%;}
footer .footer-visapack{display:none;}
  
footer .footer-social {width: 100%;border-top: 1px solid rgba(256,256,256,0.1);padding-top: 40px;margin-top: 30px;}
footer .footer-social ul li {text-align: left;}
footer .footer-social ul li a {padding-right: 0;background-position: top left;padding-left: 40px;}
  
footer .info {padding: 30px 7%;text-align: left;}
  
}


@media (max-width:650px){
  
  .visapack-logo img{width:50%;height:auto;}
  body.inside #salespoints ul li{margin-right: 0;width: 100%;}
  img.mobile-img{width:80%;}
  
}