/* =Normalize.css v2.0.1 by Nicolas Gallagher - http://necolas.github.com/normalize.css/
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap;word-wrap:break-word}
q{quotes:\201C \201D \2018 \2019}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
body,figure{margin:0}
legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}

/* Start CSS */
@import url(//fonts.googleapis.com/css?family=Merriweather+Sans:400,700);
@import url(//fonts.googleapis.com/css?family=Noto+Sans);
@import url(//fonts.googleapis.com/css?family=PT+Sans);
@font-face {
    font-family: 'bitterbold';
    src: url('https://www.upicto.com/fonts/bitter-bold-webfont.eot');
    src: url('https://www.upicto.com/fonts/bitter-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('https://www.upicto.com/fonts/bitter-bold-webfont.woff') format('woff'),
         url('https://www.upicto.com/fonts/bitter-bold-webfont.ttf') format('truetype'),
         url('https://www.upicto.com/fonts/bitter-bold-webfont.svg#bitterbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bitteritalic';
    src: url('https://www.upicto.com/fonts/bitter-italic-webfont.eot');
    src: url('https://www.upicto.com/fonts/bitter-italic-webfont.eot#iefix') format('embedded-opentype'),
         url('https://www.upicto.com/fonts/bitter-italic-webfont.woff') format('woff'),
         url('https://www.upicto.com/fonts/bitter-italic-webfont.ttf') format('truetype'),
         url('https://www.upicto.com/fonts/bitter-italic-webfont.svg#bitteritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bitterregular';
    src: url('https://www.upicto.com/fonts/bitter-regular-webfont.eot');
    src: url('https://www.upicto.com/fonts/bitter-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('https://www.upicto.com/fonts/bitter-regular-webfont.woff') format('woff'),
         url('https://www.upicto.com/fonts/bitter-regular-webfont.ttf') format('truetype'),
         url('https://www.upicto.com/fonts/bitter-regular-webfont.svg#bitterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
    background:#eee;
    font-family: 'PT Sans', sans-serif;
    font-size:16px;
    color:#666666;
}
h1,h2,h3,h4,h5 {font-family: 'bitterregular';}
h2 {
    font-size:18px;
    color:#0C476A;
    text-transform:uppercase;
}
a {
    text-decoration:none;
    color:#0C476A;
}
footer a {
    color:#fff;
}
h3 {
    font-size:18px;
}
nav img {
    margin:0 !important;
}
img {
    margin:20px 0;
}
header img {
    margin-top:0;
}
#wrapper, .wrap {
    margin:0 auto;
    width:960px;
}
header {
    height:90px;
    padding-top:20px;
    background:white;
    
}
.bluebg {
    position:absolute;
    top:110px;
    background:#0C476A;
    width:100%;
    height:540px;
    z-index:-1;
}
.company .bluebg, .showcase .bluebg, .technology .bluebg, .application .bluebg {
    height:263px;
}
/* NAVIGATION */
nav {
    overflow:hidden;
    margin:0;
    height:50px; 
    background:#3F9C47;
    border-bottom:2px solid #1F6A2C;
    font-family: 'Noto Sans', sans-serif;
}
nav ul {
    margin:0;
    padding:0;
    overflow:hidden;
    
    
}
nav ul li {
    display:block;
    margin-left:0;
    padding-left:0;
    float:left;
    
    margin-right:0px;
    
}
nav {position:relative;}
nav ul li .facebook, nav ul li .twitter {
    top:-1px;
    display:block;
    position:absolute;
    right:45px;
    height:40px;
    padding:15px 18px;
}
nav ul li .twitter {right:0px; top:0; padding:15px 12px;}
nav ul li a {
    font-family: 'PT Sans', sans-serif;
    padding:15px 15px;
    font-size: 16px;
    float:left;
    color:#fff;
    text-decoration:none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
nav ul li a:hover, .current {
    background:#1F6A2C;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
.menuicon a {
    font-size:0;
    text-indent:-9999px;
    height:20px;
    width:32px;
    background:url('https://www.upicto.com/images/menuicon.png') center center no-repeat;
    
}
.menuicon a:hover, .menuicon .current {
    font-size:0;
    text-indent:-9999px;
    height: 20px;
    width:32px;
    background:url('https://www.upicto.com/images/menuicon.png') center center no-repeat;
    background-color:#1F6A2C;
    
}
.single-banner {
    
    width:100%;
    overflow:hidden;
    
}
/*.showcase .single-banner {
    width:420px;
    padding:25px 30px 25px 0;
}
.showcase .single-banner p {
    width:440px;
    padding:0;
    margin:0;
}*/
.application .single-banner {
    width: 100%;
}
.application .single-banner p {
    width:50%;
}
.application .single-banner a {
    margin-right:0;
    text-align:center;
}
/*.company .single-banner {
    width:650px;
    padding:40px 40px 20px 0;
}
.company .single-banner p {
	width:50%;
}
.company .single-banner h3 {
margin-bottom: 0;
margin-top: 0;
font-size: 21px;
font-weight: 400;
}*/
.single-banner p {
    width:60%;
    font-size: 21px;
    float:left;
    padding:5px 40px 5px 0;
}
.single-banner a {
    display:block;
    border-bottom:2px solid #206a2d;
    line-height:15px;
    background:url('https://www.upicto.com/images/arrow-tech.gif') left center no-repeat;
    background-color:#3f9d47;
    float:right;
    color:#fff;
    text-decoration:none;
    font-family: 'Noto Sans', sans-serif;
    font-size:18px;
    margin-right:0px;
    margin-top:20px;
    padding:10px 20px 10px 85px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;   
   
}
.single-banner a:hover {
    background-color:#206a2d;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
.single-banner a span {
    font-size:13px;
}
.home .banners {
    overflow: visible;
    margin-bottom:40px;
    float:left;
    height: auto;
}
.banners {
    margin:35px 0;
    color:#fff;
    overflow: hidden;
    height:110px;
}
.banners .banner-text .findout {
    color:#fff;
    text-decoration:none;
    background:url('https://www.upicto.com/images/arrow.gif') center left no-repeat;
    padding: 9px 20px 10px 50px;
    background-color:#3F9C47;
    border-bottom:2px solid #1F6A2C;
    margin-top:10px;
    display:block;
    float:left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
.banners .banner-text .findout:hover {
    background-color:#1F6A2C;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
.banners h1 {
    margin-top:0;
    font-family: 'bitterregular';
    font-weight:normal;
}
.banner-text {
    float:left;
    width: 353px;
    margin-right:20px;
}
.banner-video {
    float:left;
    width:350px;
    height:198px;
    margin-right:20px;
    -webkit-box-shadow: 0px 14px 18px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 14px 18px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 14px 18px rgba(50, 50, 50, 0.75);
}
.banner-image {
    float:right;
    margin-top:-50px;
}
.technology .boxes {
    
    background-color:#fff;
   
}
.technology .boxes .box {
   text-align:left;
}
.technology .secondbox {
    background-color:#3F9C47 !important;
    color:#fff;
    overflow:visible;
    opacity:0.99;
    background:url('https://www.upicto.com/images/2arrows.png') left center no-repeat;
    border-left:none;
    border-right:none;
}

.discoverappcontainer{
margin-top:30px;
}
.discoverapp {
   
    
    display:block;
    border-bottom:2px solid #002C48;
    line-height:15px;
    
    background:url('https://www.upicto.com/images/arrow-medium.gif') left center no-repeat;
    background-color:#0C476A;
    width:300px; 
    color:#fff;
    text-decoration:none;
    font-family: 'Noto Sans', sans-serif;
    font-size:14px;
    margin:0 auto !important;
    clear:both;
    padding:10px 20px 10px 85px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;   
}
.discoverapp:hover {
      background-color:#002C48;
}

.content .onecol-nosidebar {
    float:left;
    width:900px;
    padding:35px 50px 20px 40px;
}
.content .twocols-nosidebar {
    float:left;
    width:379px;
    padding:50px 50px 20px 50px;
}

.content .twocols-nosidebar h3 {
    margin-top:0px;
}
.content .secondcol-nosidebar {
    border-left:1px solid #eee;
}
.content {
    background:white;
    overflow:hidden;
}
.below-content {
    float:left;
    padding:0px 50px 35px 50px;
}
.below-content img {
    margin-right:25px;
}
.leftcontent {
    width: 729px;
    float: left;
}
.content-before-cols {
    padding:25px 50px 0 50px;
}
.content .twocols {
    float:left;
    width:265px;
    padding:50px 50px 0 50px;
}
.content .twocols h3 {
    margin-top:0;
}

.content .threecols {
    float:left;
    width:170px;
    padding:25px 10px 0 50px;
}

.content .thirdcol {
    width:170px;
}


.content .threecols h3 {
    margin-top:0px;
    font-size:14px;
}




.application .content img {
    margin-bottom:40px;
}
.application .sidebar img {
    margin:20px 0 0 0 !important;
}
.content .secondcol {
    border-left:1px solid #EEEEEE;
    border-right:1px solid #EEEEEE;
    width:263px;
}


.company .withsidebar .secondcol {
    border:none !important;
}
.withsidebar .secondcol {
    border-left:1px solid #EEEEEE;
    border-right:none;
    width:263px;
}
.withsidebar {
    background-image:url('https://www.upicto.com/images/content-line.jpg');
}
.sidebar {
    text-align:left;
}
.company .sidebar h3 {
    font-size:14px;
}
.sidebar h3:first-child {margin-top:0;}
.company .banners {
    
}
.company .content, .showcase .content, .application .content, .technology .content{
    margin-top:110px !important;
    clear:both;
}

.teasericons img{
max-width:120px;
}



.technology .tagline {
    margin: 15px 0 13px 0;
    font-size:16px;
    float:left;
}
.content .sidebar {
    padding:50px;
    width:130px;
    float:left;
}
.boxes {
    clear:both;
    background:white;
    overflow:hidden;
    margin-bottom:50px;
}
.boxes .box {
    width:259px;
    float:left;
    padding:30px 30px;
    text-align:center;
    
}
.secondbox {
    border-left:1px solid #EEEEEE;
    border-right:1px solid #EEEEEE;
}
.step1, .step2, .step3 {
    margin: 35px auto !important;
}
.step1 {
    margin-top:55px !important; 
    margin-bottom:35px !important; 
}
.step2 {
    margin-top:70px !important; 
    margin-bottom:52px !important; 
}
.step3 {
    margin-top:70px !important;
    margin-bottom:60px !important;  
}

.step2 {left:70px;}
.step3 {left:115px;}
.technology .box {position:relative; min-height:500px;}
.boxes .box img {
    margin:0 auto;
    display:block;
    }
.belowboxes img {
    margin:0;
    padding:0;
}
.belowboxes {
    float:left;
    clear:both;
    background:#333333;
    height:286px;
}
.belowboxes .left-image {
    float:left;
    width:550px;
}
.belowboxes .right-text {
    color:#fff;
    float:left;
    width:310px;
    padding:15px 50px 0 50px;
}
.right-text .findout {
    color:#fff;
    text-decoration:none;
    background:url('https://www.upicto.com/images/arrowblue.gif') center left no-repeat;
    padding:9px 20px 10px 50px;
    background-color:#0C476A;
    border-bottom:2px solid #002C48;
    margin-top:10px;
    display:block;
    float:left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
.right-text .findout:hover {
     background-color:#002C48;
     -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

img .partnerlogo{
     max-width: 100px;
     max-height: 100px;
}



.personinfo img{
margin:0px;
padding:0px;
max-width: 14px;
}

.personportrait img{
margin:0px;
margin-top:15px;
margin-bottom:5px;
padding:0px;
max-width: 180px;
}





/* FOOTER */
footer {
    float:left;
    clear:both;
    background:#3F9C47;
    width:100%;
    margin-top:50px;
    text-align:center;
    height:40px;
    padding-top:10px;
}
section.slider {
    width:573px;
    float:right;
    margin-left:10px;
    margin-top:-20px;
}
footer ul li:after {
    
}
footer ul {
    overflow:hidden;
    margin-left:10px;
    margin-top: 10px;
}
footer ul li.last {
    background:none;
    margin-right:0 !important;
    padding-right:0 !important;
}
footer ul li {
    display:block;
    float:left;
    color:#fff;
    font-size: 14px;
    margin-right:20px;
    background:url('https://www.upicto.com/images/vertical.gif') right center no-repeat;
    padding-right:20px;
    
}
.witharrow {
    background: url('https://www.upicto.com/images/greenarrow.png') left center no-repeat;
}
.personinfo {overflow:hidden;}