div { font-family: 'Lato', sans-serif; font-size:14px; }
a { color:#e6001c; }

#nav #topnav { background:#e6001c;  }
#nav #topnav .row { position:relative; }
#nav #topnav ul { float:right; list-style:none; margin:0; padding:12px 0; }
#nav #topnav ul li { float:left; margin-left:30px; }
#nav #topnav ul li:first-child { margin-left:0; }
#nav #topnav ul li a { color:#fff; font-size:13px; padding-left:30px; margin-top:7px; display:block; }
#nav #topnav ul li a#icon-email { background:url(../img/icon-email.png) no-repeat left center; }
#nav #topnav ul li a#icon-demo { background:url(../img/icon-demo.png) no-repeat left center; }
#nav #topnav ul li a#icon-login { background:url(../img/icon-login.png) no-repeat left center; }

#nav #secnav { background:#ddd; padding:16px 0; }
#nav #secnav ul { list-style:none; margin:0; padding:0; float:right; }
#nav #secnav ul li { margin-left:27px; float:left; }
#nav #secnav ul li:first-child { margin-left:0; }
#nav #secnav ul li a { color:#333; font-size:14px; }

#nav #logo { position:absolute; top:0; left:20px; }
#nav #logo img { border:#ccc solid 1px; border-top:none; }

#nav #mobile-nav { text-align:right; display:none; }

/* Home */
#home #banner { background-repeat:no-repeat; background-size:cover; background-position:center center; height:700px;  }
#home #banner .column { position:relative; height:460px; }
#home #banner .box { position:absolute; top:50%; margin-top:-40px; }
#home #banner .box h1 { color:#090446; font-size:50px; text-transform:uppercase; font-weight:300; margin-bottom:20px; } 
#home #banner .box a { background:#e6001c; display:inline-block; color:#fff; padding:8px 14px; font-size:18px;  }

#home #banner-mobile { padding:20px 0; display:none; }
#home #banner-mobile h1 { color:#090446; font-size:20px; text-transform:uppercase; font-weight:300; margin-bottom:20px; } 
#home #banner-mobile a { background:#e6001c; display:inline-block; color:#fff; padding:8px 14px; font-size:14px;  }

iframe { border:none;  width:80%; }

#home #welcome { padding:60px 0; background:#666; }
#home #welcome .text { color:#fff; font-size:22px; font-weight:300; }
#home #welcome .text p { font-size:22px; font-weight:300; }
#home #welcome .btn { background:#fff; color:#e6001c; padding:8px 16px; display:inline-block; text-transform:uppercase; font-weight:700; font-size:18px; margin-top:15px; } 
#home #welcome .video { width:100%; }

#home #feature { padding:60px 0; text-align:center; }
#home #feature h2 { color:#e6001c; font-weight:700; text-align:center; margin-bottom:38px; font-size:30px; text-transform:uppercase; } 
#home #feature li .box { background:#1c1572; color:#fff; padding:35px 26px; text-align:center; }
#home #feature li .box p { display:block; margin:5px 0 0 0; font-size:18px; font-weight:300;  }
#home #feature .btn { background:#e6001c; color:#fff; text-transform:uppercase; padding:8px 16px; display:inline-block;  font-weight:700; font-size:18px; margin-top:28px; }

.content2-top { background:url(../img/background-about-top.gif) left top; height:45px; }
.content2 { padding:44px 0 77px 0; background:url(../img/background-about.gif) left top; text-align:center; }
.content2 h3 { color:#e6001c; text-transform:uppercase; font-size:30px; font-weight:700; margin-bottom:25px; } 
.content2 p { color:#000; font-size:18px; font-weight:300; } 
.content2 .small { font-size:12px; }
.content2 .btn { background:#e6001c; color:#fff; text-transform:uppercase; padding:8px 16px; display:inline-block;  font-weight:700; font-size:18px; margin-top:28px; }

/* Navigator */
#navigator .welcome { padding:50px 0; text-align:center; }
#navigator .welcome h1 { color:#e6001c; font-weight:700; font-size:40px; margin-bottom:40px; text-transform:uppercase; }
#navigator .welcome p { font-size:30px; color:#000; margin-bottom:39px; font-weight:300; }
#navigator .welcome .btn { background:#e6001c; color:#fff; text-transform:uppercase; padding:8px 16px; display:inline-block;  font-weight:700; font-size:18px; }

#navigator .feature { padding:60px 0 50px 0; background:#666; color:#fff; text-align:center; }
#navigator .feature h2 { color:#fff; font-weight:700; font-size:30px; margin-bottom:40px; }
#navigator .feature .text { font-size:22px; margin-bottom:40px; font-weight:300; }
#navigator .feature ul li .box { padding:23px 23px 40px 23px; background:#f41f1b; text-align:center; margin:0 20px; }
#navigator .feature ul li .box .img { height:62px; margin:0; }
#navigator .feature ul li .box h3 { font-size:16px; color:#fff; font-weight:500; } 
#navigator .feature ul li .box p { font-size:13px; }
#navigator .feature .btn { background:#fff; color:#e6001c; text-transform:uppercase; padding:8px 16px; display:inline-block;  font-weight:700; font-size:18px; margin-top:32px; }

#navigator .discover { padding:75px 0; text-align:center; } 
#navigator .discover h2 { text-align:center; color:#e6001c; font-size:30px; font-weight:600; margin-bottom:47px; } 
#navigator .discover  .text { color:#666; font-size:24px; margin-bottom:50px; font-weight:300; text-align:center; } 
#navigator .discover .box { padding:30px; background:#f41f1b; text-align:center;  }
#navigator .discover .box h3 { color:#fff; font-size:16px; font-weight:500; margin-bottom:18px; }
#navigator .discover .box p { font-size:14px; color:#fff; margin-bottom:0; }
#navigator .discover .btn { background:#e6001c; color:#fff; text-transform:uppercase; padding:8px 16px; display:inline-block;  font-weight:700; font-size:18px; margin-top:28px; }

/* Page */
#page .welcome { padding:50px 0; text-align:center; }
#page .welcome h1 { color:#e6001c; font-weight:700; font-size:40px; margin-bottom:40px; text-transform:uppercase; }
#page .welcome p { font-size:20px; color:#000; margin-bottom:39px; font-weight:300; }
#page .welcome .center { margin-top: 70px;  }
#page .welcome .center a { background:#e6001c; padding: 8px 16px; color: #fff; font-size: 18px; font-weight: 700; }
#page .faq h2 { font-size:24px; color:#000; }
#page .faq p { font-size:16px; }

#page #banner { height:460px; background-repeat:no-repeat; background-size:cover; background-position:center bottom; }
#page .casestudy .row0 { background:#666; padding:50px 0; text-align:center; color:#fff; }
#page .casestudy .row0 h2 { color:#fff; font-weight:700; font-size:30px; margin-bottom:40px; }
#page .casestudy .row0 .btn { background:#fff; color:#e6001c; text-transform:uppercase; padding:8px 16px; display:inline-block;  font-weight:700; font-size:18px; margin-top:32px; }

#page .casestudy .row1 {  padding:50px 0; text-align:center; color:#666; }
#page .casestudy .row1 h2 { color:#e6001c; font-weight:700; font-size:30px; margin-bottom:40px; }
#page .casestudy .row1 .btn { background:#e6001c; color:#fff; text-transform:uppercase; padding:8px 16px; display:inline-block;  font-weight:700; font-size:18px; margin-top:28px; }

#page .contactform { padding:0px 0 60px 0; text-align:center; }
#page .contactform h2 { color:#e6001c; font-weight:700; font-size:30px; margin-bottom:40px; text-transform:uppercase; }
#page .contactform .textarea { height:160px; }
#page .contactform button { background:#e6001c; color:#fff; text-transform:uppercase; padding:8px 16px; display:inline-block;  font-weight:700; font-size:18px; border:none; }
#page .contactform .req { background:#FFEEEB; }
#page .contactform .msg { display:block; padding:10px; border:#11C23F solid 1px; background:#ECFFE9; margin-bottom:25px; }

#page .keycontact { margin-bottom: 40px; }
#page .keycontact img { width: 100%; margin-left: 6px; }


#page .map { padding:50px 0;  text-align:center; }
#page .map h2 { color:#e6001c; text-transform:uppercase; font-size:30px; font-weight:700; margin-bottom:40px; }


#footer { background:#e6001c; color:#fff; padding:55px 0; }
#footer ul { list-style:none; margin:0; padding:0; }
#footer ul li { float:left; margin-right:30px; }
#footer ul li a { display:block; color:#fff; padding-left:30px; margin-top:7px; font-size:13px; }
#footer ul li a#ficon-email { background:url(../img/icon-email.png) no-repeat left center; }
#footer ul li a#ficon-demo { background:url(../img/icon-demo.png) no-repeat left center; }
#footer ul li a#ficon-login { background:url(../img/icon-login.png) no-repeat left center; }
#footer .links { text-align:right; padding-top:7px; }
#footer .links a { color:#fff;  }

.p404 { padding:200px 0; }
.p404 h1 { color:#e6001c; text-align:center; text-transform:uppercase; } 

/* Tablet */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	
	#nav #topnav ul li.link { display:none; }
	#nav #desktop-nav { display:none; }
	#nav #mobile-nav { display:block; }
	
	#home #banner .box { position:absolute; top:50%; margin-top:-40px; }
	#home #banner .box h1 { font-size:40px; text-transform:uppercase; font-weight:300; margin-bottom:20px; } 
	
	#home #welcome .text { padding-bottom:40px; }
	#home #feature li .box p { font-size:16px; line-height:19px; }
	
	#navigator .feature ul li .box { margin:0; }


	
	#footer  { text-align:center; }
	#footer ul { display:inline-block; }
	#footer ul li { width:33%; text-align:center; margin:15px 0; }
	#footer ul li a { display:inline-block; }
	#footer .links { text-align:center; padding-top:15px;  }
	#footer .partner { display:block; width:100%; margin:0; }
}


/* Mobile */
@media only screen and (max-width: 40em) { 

	#nav #topnav ul li.link { display:none; }
	#nav #topnav img { width:100%; }
	#nav #desktop-nav { display:none; }
	#nav #mobile-nav { display:block;  }
	#nav #mobile-nav img { height:20px; }
	#nav #secnav { padding:10px 0; }
	
	#nav #logo { left:10px; }
	#nav #logo img { width:120px; }
	
	#home #banner .column,#home  #banner  { height:250px; }
	#home #banner .box { display:none; }
	
	#home #banner-mobile { display:block; }
	
	#home #welcome  { padding:30px 0; }
	#home #welcome .text { padding-bottom:40px; font-size:18px; }
	#home #welcome .text p { font-size:18px; }
	#home #feature li .box p { font-size:16px; line-height:19px; }
	
	#navigator .feature ul li .box { margin:0; }
	#navigator .welcome p { font-size:20px; color:#666; margin-bottom:39px; font-weight:300; }
	
	#footer  { text-align:center; padding:30px 0 }
	#footer ul { display:inline-block; }
	#footer ul li { width:33%; text-align:center; margin:15px 0; }
	#footer ul li a { display:inline-block; }
	#footer .links { text-align:center; padding-top:15px;  }
	#footer .partner { display:block; width:100%; margin:0; }
	#footer .partner img { width:100%; }
	
	.p404 { padding:50px 0; }

	#page .keycontact .col1 { text-align: center; }
	#page .keycontact .col1 img { width: 50%; margin-bottom:20px; margin-left: 0; }

	#page .keycontact .col2 { text-align: center; padding-bottom: 30px; }

}