/* Global */

a{
    text-decoration:none;
    color:#333333;
}

body {
    margin: 0; padding: 0;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 100%;
    color: #505050;
    background-color: #ffffff;
    cursor:default;
	overflow-x:hidden;
}

.opennav, .closebtn{
	user-select:none;
}

img{
    border:0;
}

ul{
    margin:0;padding:0;
    list-style:none;
}

p{
    margin:0;padding:0;
}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

.header-wrapper{
    width:100%;
}

#home-slider{
    margin:0 auto;
    width: 1030px;
    padding-top:1%;
    padding-bottom:0.5%;
}

#home-slider input{
    display:none;
}

#home-slider .header-image{
    margin-top:3%;
}

div.main-background{
	background:url(/images/main-background.svg) 50% 35% no-repeat;
	background-size:cover;
	height:auto;
	width:100%;
}

#content-wrapper{
    width:100%;
    height:auto;
    background:#264fa1;
}

#text-content{
    margin:0 auto;
    max-width:1030px;
}

#text-quote{
    font-family:'Tangerine',serif;
    font-size:68px;
    text-align:left;
    color:#000000;
}

#text-quote span{
    color:#d24726;
}

#quote-auth{
    text-align:right;font-size:22px;
}

.what-we-do {
	width: 100%;
	padding-top: 85px;
	padding-bottom: 25px;
}

.what-we-do li{
    width:31%;
    margin-left:1%;
    margin-right:1%;
    float:left;
    text-align:center;
    height:auto;
    font-size: 30px;
    font-weight: 300;
}

.what-we-do li p{
    line-height:30px;
    font-size:14px;
    text-align:left;
}

.products-heading {
	margin-top: 50px;
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 8px;
}

.home-explain{
    width: 100%;
}
.img-wrap{

}

#innovate{
    background:url('/images/home-sprite.png') no-repeat;
    background-position:0 0;
}

#create{
    background:url('/images/home-sprite.png') no-repeat;
    background-position:-64px 0;
}

#connect{
    background:url('/images/home-sprite.png') no-repeat;
    background-position:-128px 0;
}

#footer-wrapper{
    width:100%;
    height:auto;
    background:#eeeeee;
}

#inkwired-footer{
    margin:0 auto;
    max-width:1030px;
	text-align:center;
}


.end-footer{
    text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
}

.footer-logo{
    width:100%;
	font-size:20px;
	text-shadow: 0 1px 0 #ffffff;
    color:#333333;
}

.footer-note{
    width:100%;
	font-size:12px;
}
.footer-grid{
    float:left;
    width:23%;
    margin-right:2%;
    position:relative;
    height: 96%;
}

.fgrid-title{
    color:#333333;
    font-size:16px;
    margin-bottom:10px;
    margin-top:15px;
    text-shadow: 0 1px 0 #ffffff;
}

.fgrid-linkedin-follow{
	margin-top: 7px;
	margin-left: 22px;
	height: 25px;
}

.fgrid-large-row{
    line-height:40px;
    font-size:14px;
    color:#1570a6;
    height:40px;
    margin-top:5px;
}

.fgrid-thin-row{
    line-height: 1;
    font-size: 14px;
    color: #1570a6;
    display: inline-block;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 20px;
}

.fgrid-large-row img{
    margin-right:4px;
}

.fgrid-social-large-row img{
    margin-right:4px;
}

.fgrid-social-large-row  a:hover{
    text-decoration:none;
}

.fgrid-large-row a,  .fgrid-thin-row a{
    color:#1570a6;
    vertical-align:top;
	text-decoration:none;
	text-shadow: 0 1px 0 #fff;
}

.fgrid-large-row a:hover, .fgrid-thin-row a:hover{
    color:#333333;
}

.fgrid-thin-row img{
    margin-right:8px;
}

.social-icons{
	margin-top:10px;
}

#pb-service{
    background:url('/images/services-sprite.png') no-repeat;
    background-position:0 0;
}

#pmw-service{
    background:url('/images/services-sprite.png') no-repeat;
    background-position:0 -32px;
}

#wrp-service{
    background:url('/images/services-sprite.png') no-repeat;
    background-position:0 -64px;
}

#wrs-service{
    background:url('/images/services-sprite.png') no-repeat;
    background-position:0 -96px;
}

#tech-service{
    background:url('/images/services-sprite.png') no-repeat;
    background-position:0 -128px;
}

#mobile-main-menu-wrapper{
    display:none;
}

#mobile-menu-wrapper{
    display:none;
}

/* ########## SLIDER ########### */

/* NEW EXPERIMENT */
/* Slider Setup */

#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }


#overflow {
    width: 100%;
    overflow: visible;
}

.main-slide{
    width:100%;
    height:420px;
    margin-left: -35px;
    margin-top:20px;
}

.frames{
    width:100%;
}
#slides .inner {
    width: 500%;
    position:relative;
}

#slides article {
    width: 18%;
    float: left;
    margin-left:1%;
    margin-right:1%;
}

/* Slider Styling */

/* Control Setup */

#controls {
    width: 100%;
    height: 50px;
}

#controls label {
    display: none;
    width: 50px;
    height: 50px;
    opacity: 0.3;
}

#active{
    margin: -2% 0 0;
    text-align: center;
}

#active label {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #bbb;
}

#active label:hover {
    background: #ccc;
    border-color: #777 !important;
}

#controls label:hover {
    opacity: 0.8;
}

#slide1:checked ~ #controls label:nth-child(2), 
#slide2:checked ~ #controls label:nth-child(3), 
#slide3:checked ~ #controls label:nth-child(4), 
#slide4:checked ~ #controls label:nth-child(5), 
#slide5:checked ~ #controls label:nth-child(1) {
    background: url('next.png') no-repeat;
    float: right;
    margin: -23% -25px 0 0;
    display: block;
}


#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) {
    background: url('prev.png') no-repeat;
    float: left;
    margin: -23% 0 0 -25px;
    display: block;
}

#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5) {
    background: #333;
    border-color: #333 !important;
}

/* Slider Styling */

#slides {
    margin:0;
    
}


/* Animation */

#slides .inner {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
    
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#slider {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#controls label{
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

#slide1:checked ~ #slides article:nth-child(1) .info,
#slide2:checked ~ #slides article:nth-child(2) .info,
#slide3:checked ~ #slides article:nth-child(3) .info,
#slide4:checked ~ #slides article:nth-child(4) .info,
#slide5:checked ~ #slides article:nth-child(5) .info {
    opacity: 1;
    -webkit-transition: all 1s ease-out 0.6s;
    -moz-transition: all 1s ease-out 0.6s;
    -o-transition: all 1s ease-out 0.6s;
    transition: all 1s ease-out 0.6s;
}

.info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

/*  END SLIDER */

/* ########## 404 ########### */
.content-404{
    width:1030px;margin:0 auto;
    padding-bottom: 0.85%;
    text-align: center;
	
}

.text-404{
float:right; color:#ffffff;font-size:40px;width:500px;margin-top:120px;text-align:left;
}

.text-404 a{
	color: #fb9b52;
}

.content-404 .title-text a{ 
	color:#ffffff;
    font-size:40px;
    font-weight:300;
    padding-bottom:1%;
    padding-top:1%;
}

/* ########## ABOUT ############*/
.about-content{
    width:1030px;margin:0 auto;
    padding-bottom: 0.85%;
    text-align: center;
}

.about-content img{
    width:1000px;
    margin:0 auto;
}

.about-content .title-text{ 
    color:#ffffff;
    font-size:40px;
    font-weight:300;
    padding-bottom:1%;
    padding-top:1%;
}


.inswrapper .title-text{
    color:#333333;
    font-size:30px;
    font-weight:300;
    padding-bottom:1%;
    padding-top:1%;
    text-shadow: 0 1px 0 #ffffff;
}

.widget .widget-title{
    color:#333333;
    font-size:30px;
    font-weight:300;
    padding:2%;
    text-align:left;
    text-shadow: 0 1px 0 #ffffff;
}
.widget ul{
    width:98%;
    margin-left:2%;
}

.widget li{
    line-height:25px;
    color:#555555;
    font-size:15px;
    margin-bottom:2%;
    text-align:center;
    width:95%;
}
.award-widget{
    width:100%;text-align:center;
}

.award-widget p{
    width:100%;
}

.about-col1{
    float:left;width:60%;
	border-right: 1px solid #e8e8e8;
	padding-right:2%;
	padding-left:2%;
}

.about-col2{
    float:right;width:34%;
}

.about-col1 .contact-form{
	width:100%;
}

/* ##########  SERVICES ############# */

.services-wrapper, .about-wrapper{
    width:100%;max-height:550px;background:#264fa1;
}

.services-content{
    width:1030px;margin:0 auto;padding-top: 4%;
    padding-bottom: 3%;text-align:center;
}

.header-image{
    max-width:400px;float:left;
}

.explain-text{
    float:left;margin-left: 1%;
    width: 53%;margin-right: 2%;
}

.explain-text .title-text{
    color:#ffffff;font-size:40px;font-weight:300;margin-bottom:1%;text-align:center;text-shadow: none;
}

.explain-text .pr-title-text{
    color:#333333;font-size:40px;font-weight:300;margin-bottom:1%;text-align:center;
}

.details{
    text-align:left;
}
.details ol{
    counter-reset: li;
    list-style: none;
    padding: 0;
    margin-bottom: 3.1em;
    margin-left:4%;
    display:block;
}

.details .opening-line{
    color:#ffffff;font-weight:300;font-size:20px;text-align: center;display:none;
}

.details ol ol{
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}

.details .rounded-list li{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    margin: 1em 0;
    background: #2F5CB6;
    color: #dedede;
    text-decoration: none;
    border-radius: .3em;
    font-size:16px;
    font-weight:400;
}

.details .rounded-list li a{
    color:#ffffff;
}

.separator{
    clear: both;
    width:100%;
    color: #000000;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    text-align: center;
    background:url(images/bg-septop.png) repeat-x center top #264fa1;
    height:90px;
    z-index:10000;
}

.details .rounded-list li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;	
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #2F5CB6;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}


.gray{
    background:#f5f5f5;
}

.white{
    background:#fff;
}

.blue{
    background:#264fa1;
}

#inssearch{
    position: absolute;
    bottom: 45px;
    right: 0;
    display:block;
}

.frm-search{
    width:265px;height:auto;
}

.frm-search input{
    width: 94%;
    padding: 4px 4px 4px 10px;
    border: none;
    outline: none;
    height: 24px;
    font-size:16px;
    color:#555555;
}

.services-nav{
    height:100%;line-height:100%;
    margin:0 auto;width:1030px;
}

.services-nav ul{
    width:93%;
    float:left;
}

.services-nav ul li{
    float:left;
    width:auto;
    margin-right:15px;
    line-height:90px;
    font-size:16px;
}

.services-nav #iwlogo-small{
    width:48px;
    height:48px;
    vertical-align:middle;
}
.services-nav ul li a{
    padding: 8px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    -moz-border-radius:4px;
    border:1px solid transparent;
}

.services-nav li a:hover{
    color:#d24726;
}

.go-top{
    float: right;
    width: 5%;
    line-height: 90px;
    display:none;
    font-size:16px;
}

.go-top:hover{
    color:#d24726;
}

.generic-wrapper{
    height:auto;
	width:100%;
	padding-bottom: 20px;
    padding-top: 20px;
	min-height:300px;
}

.inswrapper{
    margin:0 auto;
    max-width:1030px;
}

.giveborder{
	border-top:1px solid #e8e8e8;
}

.inswrapper p{
    font-size:15px;
    line-height:170%;
    margin-bottom: 5%;
}

.feature-hover{
	user-select:none;
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:100%;left:0;
    background:#000000;
    text-align:left;
    opacity:0.7;
    color:#ffffff;
    -webkit-transition:top 0.5s ease-in-out;
    -ms-transition:top 0.5s ease-in-out;
    -o-transition:top 0.5s ease-in-out;
    -moz-transition:top 0.5s ease-in-out;
    transition:top 0.5s ease-in-out;
}

.feature-hover p{
    margin:4%;
    font-size:120%;
}

.wr-page-service #features li:hover .feature-hover{
    top:0;
    -webkit-transition:top 0.5s ease-in-out;
    -ms-transition:top 0.5s ease-in-out;
    -o-transition:top 0.5s ease-in-out;
    -moz-transition:top 0.5s ease-in-out;
}

.sprite-icons{
    background:url(images/services/wrp-sprite.svg) no-repeat;
}

.in-page{
    background-position: 0 0;
}

.in-social{
    background-position: 0 -118px;
}

.in-link{
    background-position: 0 -236px;
}

.in-security{
    background-position: 0 -354px;
}


.gray-button{
    color: #FFF;
    background: #eee;
    padding:3%;
    margin-left:2%;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    font-weight:300;
    font-size:16px;
    border:1px solid #ddd;
    color: #d24726;
}


.gray-button:hover{
    border:1px solid #aaaaaa;
}

.blue-button{
    color: #FFF;
    background: #008DDE;
    padding:10px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    font-weight:300;
    font-size:16px;
	transition:all 0.5s ease;
	margin-bottom:5px;
	display:inline-block;
}

.blue-button:hover{
	background:#0179be;
} 

/* #### WR STATS SERVICE #### */

.wr-stats-service{
    height:100%;width:96%;margin-left:2%;overflow:hidden;max-height:420px;position:relative;
}

.wrs-head-text span{
    position: relative;
    top: -10px;
}

.wrs-head-text a{
    font-size:40%;
    padding:0.5%;
    background:#eaeaea;
    border:1px solid #ddd;
    border-radius:4px;
    text-shadow:none;
    margin-left:2%;
    color: #d24726;
}

.wrs-head-text a:hover{
    border:1px solid #aaa;
}
.wrs-head-text{
    font-size:300%;font-weight:300;text-align:left;position:relative;top:0;z-index:100;
    color:#008DDE;
    text-shadow:1px 1px 0 #ffffff;
    margin-bottom:1%;
}

.wr-stats-slide-wrapper{
    width:100%;height:100%;position:relative;top:0;
    -webkit-transition:top 0.5s ease-in-out;
    -moz-transition:top 0.5s ease-in-out;
    -ms-transition:top 0.5s ease-in-out;
    -o-transition:top 0.5s ease-in-out;
    transition:top 0.5s ease-in-out;
}

.wr-stats-slide{
    width:100%;height:100%;min-height:420px;
}

.slide-hover{
    width:100%;height:15%;position:absolute;bottom:1%;
}

.slide-hover ul{
    height:100%;
}
.slide-hover ul li{
    float:left;
    width:16%;
    margin-right:4%;
    text-align:center;
    display:block;
    height:70%;
    border-radius:4px;
    background: #008DDE;
    cursor:pointer;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    border: 1px solid #0179be;
}

.slide-hover ul li span{
    display:block;
    color:#ffffff;
    margin-top:5%;
}

.slide-hover ul li:hover{
    margin-top:-10px;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

.wrs-sprite{
    width:50%;max-width:510px;
    height:100%;max-height:263px;
    float:left;border:1px solid #eaeaea;
    border-radius:4px;margin-left:3%;
}

.webstats{
    background:url(images/services/wrs-sprite.png) no-repeat;
}

.compare{
    background:url(images/services/wrs-sprite.png) no-repeat 0 -263px;
}

.diffstats{
    background:url(images/services/wrs-sprite.png) no-repeat 0 -526px;
}

.whois{
    background:url(images/services/wrs-sprite.png) no-repeat 0 -789px;
}

.wr-stats-slide .main-text{
    float:left;
	width:45%;margin-left:1%;
    margin-top:1.5%;
}

.wr-stats-slide .title-text{
    color:#444444;text-shadow:1px 1px #ffffff;
    font-size:250%;margin-bottom:1%;
    font-weight:300;
}

.wr-stats-slide .inner-text{
    color:#555555;text-shadow:none;
    font-size:110%;margin-left:1%;
    margin-bottom:7%;font-weight:300;
}

.bug-service{
    width:100%;
    margin-top:3%;
}

.bug-service .main-text{
    width:30%;
    text-align:left;
    float:left;
    margin-left:20px;
    margin-top:-10px;
}

.bug-service .title-text{
    color:#333333;text-shadow:none;font-size:300%;font-weight:300;
}

.bug-service .inner-text{
    color:#555555;text-shadow:none;font-size:110%;font-weight:300;
}


.bug-explain{
    float:left;width:70%;max-width:700px;
}

.bug-explain .explain-text{
    font-size:180%;
    width:100%;
    text-align:center;
    color:#555555;
    font-weight:300;
}	

.pm-service, .wr-page-service, .pb-service{
    width:100%;
}

.pm-service #pm-features, .pb-service #pb-features, .wr-page-service #features{
    width: 70%;
    height: 90%;
    padding: 0;
    list-style: none;
    text-align:center;
    float:left;
}
.main-apps{
	margin-bottom:20px;
}

.main-apps #apps-features{
	width:100%;
	padding:0;
	list-style:none;
	text-align:center;
	float:none;
	margin-top:10px;
}

.main-apps #apps-features li{
	user-select:none;
    float:left;
    width:17.5%;
	padding-left:10px;
    padding-right:10px;
	border-right:1px solid #eee;
    background:#fff;
    padding-top: 1.5%;
    font-size:12px;
    position:relative;
    overflow:hidden;
    -webkit-transition:top 0.5s ease-in-out;
    -moz-transition:top 0.5s ease-in-out;
    -ms-transition:top 0.5s ease-in-out;
    -o-transition:top 0.5s ease-in-out;
    transition:all 0.2s ease-in-out;
}

.main-apps #apps-features li:last-child{
	border:0;
}

.main-apps #apps-features .app-links{
	display:block;
}

.main-apps #apps-features li:hover{
	background:#eee;
}

.main-apps #apps-features li h2{
	color: #3775b5;
	font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    margin-top: 10px;
}

.pm-service #pm-features li, .wr-page-service #features li{
	user-select:none;
    float:left;
    width:43%;
    margin-left:1.5%;
    padding:0.4%;
    background:#ffffff;
    margin-top: 1.5%;
    font-size:14px;
    position:relative;
    overflow:hidden;
    -webkit-transition:top 0.5s ease-in-out;
    -moz-transition:top 0.5s ease-in-out;
    -ms-transition:top 0.5s ease-in-out;
    -o-transition:top 0.5s ease-in-out;
    transition:all 0.2s ease-in-out;
}

.pb-service #pb-features li{
	user-select:none;
    float:right;
    width:43%;
    margin-left:1.5%;
    padding:0.4%;
    background:#fff;
    margin-top: 1.5%;
    font-size:14px;
    position:relative;
    overflow:hidden;
    -webkit-transition:top 0.5s ease-in-out;
    -moz-transition:top 0.5s ease-in-out;
    -ms-transition:top 0.5s ease-in-out;
    -o-transition:top 0.5s ease-in-out;
    transition:all 0.2s ease-in-out;
	border: 1px solid #ccc;
}

.pm-service #pm-features li h2, .wr-page-service #features li h2{
    font-size: 20px;
    color: #3775b5;
    margin-bottom: 2%;
    font-weight: 600;
    margin-top: 3%;
}

.pb-service #pb-features li h2{
	color: #26a69a;
	font-size: 20px;
    margin-bottom: 2%;
    font-weight: 600;
    margin-top: 3%;
}

.feature-hover{
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:100%;left:0;
    background:#000000;
	font-weight:300;
    text-align:left;
    opacity:0.7;
    color:#ffffff;
    -webkit-transition:top 0.5s ease-in-out;
    -ms-transition:top 0.5s ease-in-out;
    -o-transition:top 0.5s ease-in-out;
    -moz-transition:top 0.5s ease-in-out;
    transition:top 0.5s ease-in-out;
}

.feature-hover p{
    margin:4%;
    font-size:120%;
}

.pm-service #pm-features li:hover .feature-hover{
    top:0;
    -webkit-transition:top 0.5s ease-in-out;
    -ms-transition:top 0.5s ease-in-out;
    -o-transition:top 0.5s ease-in-out;
    -moz-transition:top 0.5s ease-in-out;
    transition:top 0.5s ease-in-out;
}

.pb-service #pb-features li:hover .feature-hover{
    top:0;
    -webkit-transition:top 0.5s ease-in-out;
    -ms-transition:top 0.5s ease-in-out;
    -o-transition:top 0.5s ease-in-out;
    -moz-transition:top 0.5s ease-in-out;
    transition:top 0.5s ease-in-out;
}

.pm-service .main-text, .wr-page-service .main-text{
    float:right;width:28%;margin-top:5%;
}

.pb-service .main-text{
    float:left;width:28%;margin-top:5%;margin-left: 10px;
}

.main-apps .main-text{
	text-align:center;
    width: 100%;
}

.pm-service .title-text, .wr-page-service .title-text{
    color:#ffffff;text-shadow:none;font-size:300%;margin-bottom:1%;font-weight:300;
}

.pb-service .title-text{
    color:#333;text-shadow:0 1px 0 #ffffff;font-size:300%;margin-bottom:1%;font-weight:300;
}

.main-apps .title-text{
	color:#333;text-shadow:0 1px 0 #ffffff;font-size:300%;font-weight:300;
}

.main-apps .inner-text{
	color:#444444;text-shadow:none;font-size:110%;margin-bottom:20px;font-weight:300;
}


.pm-service .inner-text, .wr-page-service .inner-text{
    color:#eeeeee;text-shadow:none;font-size:110%;margin-left:1%;margin-bottom:7%;font-weight:300;
}

.pb-service .inner-text{
    color:#444444;text-shadow:none;font-size:110%;margin-left:1%;margin-bottom:7%;font-weight:300;
}

.pb-sprite-icons{
	margin-top:15px;margin-bottom:10px;
}

.pa-sprite-icons{
    background:url(images/services/pa-sprite.png) no-repeat;
}

.setup{
    background-position: 0 0;
}

.abtest{
    background-position: 0 -100px;
}

.prostats{
    background-position: 0 -200px;
}

.targeting{
    background-position: 0 -300px;
}

.tech-service{
    width:100%;
    margin-top:3%;
}

.tech-service .main-text{
    width:30%;
    text-align:left;
    float:left;
}

.tech-service .title-text{
    color:#333333;text-shadow:none;font-size:300%;font-weight:300;
}

.tech-service .inner-text{
    color:#555555;text-shadow:none;font-size:110%;font-weight:300;
}

.tech-service .inner-text span a{
    color: #d24726;
}

.tech-service .main-text .link-site{
    margin-top:8%;
    margin-left:-2%;
}
.tech-explain{
    float:right;width:68%;
}

.tech-explain .explain-text{
    font-size:180%;
    width:100%;
    text-align:center;
    color:#666666;
    font-weight:300;
}

/* ##### APPS #### */

.app-service{
    width:100%;
}

.app-service .app-features{
    width: 70%;
    height: 100%;
    max-width:700px;
    padding: 0;
    text-align:center;
    float:left;
    position:relative;
}

.app-service .app-large-hover{
    position:absolute;
    top:45%;width:40%;left:5.5%;
    font-size:150%;
    font-weight:300;background:#ffffff;
    color:#333333;border-radius:4px;
    opacity:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:top 0.3s ease-in-out;
    
}

.app-service .app-small-hover-1{															
    position:absolute;top:20%;width:40%;
    left:54%;font-size:150%;
    font-weight:300;
    background:#ffffff;
    color:#333333;border-radius:4px;
    opacity:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service .app-small-hover-2{
    position:absolute;
    top:68%;width:40%;left:54%;
    font-size:150%;font-weight:300;background:#ffffff;
    color:#333333;border-radius:4px;
    opacity:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service .app-features:hover .app-large-hover{
    opacity:0.9;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service .app-features:hover .app-small-hover-1{
    opacity:0.9;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service .app-features:hover .app-small-hover-2{
    opacity:0.9;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}


.app-service .main-text{
    float:left;width:28%;margin-top:5%;margin-left:3%;
}

.app-service .title-text{
    color:#333333;text-shadow:none;font-size:300%;margin-bottom:1%;font-weight:300;
}

.app-service .inner-text{
    color:#555555;text-shadow:none;font-size:110%;margin-left:2%;margin-bottom:7%;font-weight:300;
}

.app-service-4{
    width:100%;
}

.app-service-4 .app-features{
    width: 70%;
    height: 100%;
    max-width:700px;
    padding: 0;
    text-align:center;
    float:left;
    position:relative;
}

.app-service-4 .app-large-hover{
    position:absolute;
    top:45%;width:40%;left:5.5%;
    font-size:150%;color:#ffffff;
    font-weight:300;background:#000000;
    border-radius:4px;
    opacity:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service-4 .app-small-hover-1{															
    position:absolute;top:20%;width:40%;
    left:54%;font-size:150%;
    color:#ffffff;font-weight:300;
    background:#000000;border-radius:4px;
    opacity:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service-4 .app-small-hover-2{
    position:absolute;
    top:68%;width:40%;left:54%;
    font-size:150%;
    font-weight:300;background:#000000;
    color:#ffffff;border-radius:4px;
    opacity:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service-4 .app-small-hover-3{															
    position:absolute;top:20%;width:40%;
    left:5.5%;font-size:150%;
    font-weight:300;
    background:#000000;
    color:#ffffff;border-radius:4px;
    opacity:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service-4 .app-small-hover-4{
    position:absolute;
    top:68%;width:40%;left:5.5%;
    font-size:150%;color:#ffffff;
    font-weight:300;background:#000000;
    border-radius:4px;opacity:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service-4 .app-features:hover .app-large-hover{
    opacity:0.7;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service-4 .app-features:hover .app-small-hover-1{
    opacity:0.7;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service-4 .app-features:hover .app-small-hover-2{
    opacity:0.7;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service-4 .app-features:hover .app-small-hover-3{
    opacity:0.7;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service-4 .app-features:hover .app-small-hover-4{
    opacity:0.7;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.app-service-4 .main-text{
    float:left;width:32%;margin-top:3%;
}

.app-service-4 .title-text{
    color:#ffffff;text-shadow:none;font-size:300%;margin-bottom:1%;font-weight:300;
}

.app-service-4 .inner-text{
    color:#eeeeee;text-shadow:none;font-size:110%;margin-left:2%;margin-bottom:7%;font-weight:300;
}

.img-lazy{
    width:700px;
    height:500px;
}

/* ##### HEADER ##### */
#header .inshead{
    margin: 0 auto;
    max-width: 1030px;
    position: relative;
    height: 100px;
    /*border-bottom: 3px solid #d9dcdd;*/
    -moz-transition: width 0.2s;
    -webkit-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

#header #logo{
    height:100%;
}

#header #logo img{
    display: block;
    bottom: 0;
    margin: auto;
    position: absolute;
    top: 0;
	margin-left:20px;
	min-width: 140px;
}


#mobile-main-menu-wrapper{
    display:none;
}

#mobile-menu-wrapper{
    display:none;
}
#insnav{
    position:absolute;
    top: 40px;
    right:0;
}

#insnav ul{
    list-style:none;
}

#insnav ul li{
    width:auto;
    height:auto;
    float:left;
    margin-left: 30px;
}

#insnav ul li a{
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    clear: both;
    color: #333;
    display:block;
}

#insnav ul li a:hover{
    color:#d24726;
}

.submenu{
    position:absolute;
    margin-left:-13px;
    z-index:100;
    width:22%;
    display:none;
    text-align:center;
    padding-top:10px;
    background:url(images/sub-menu.png) top no-repeat;
}

.inner-menu{
    background:#ffffff;
    padding:4px 8px 4px 8px;
    border-radius:4px;  
}

#insnav .submenu a{
    color:#000000;
    line-height:30px;
}

#product-link:hover .submenu{
    display:block;
}

.define-text{
    color: #333;
    height: auto;
    width: 100px;
    position: absolute;
    top: 25px;
    left: 260px;
    font-size: 21px;
    font-weight: 300;
    line-height: 24px;
    display: block;
    text-transform: uppercase;
}




/* #### CONTACT ####*/
.contact-form  .text-input{
    font-size:16px;
    padding:8px;
    border:1px solid #008DDE;
    outline:none;
    width:90%;
    margin-bottom:20px;
    color:#444444;
    font-weight:300;
    font-family:"Open Sans";
}

.contact-form .select-subject{
    width:40%;
}

.contact-form textarea{
    font-size:16px;
    padding:6px;
    border:1px solid #008DDE;
    outline:none;
    width:90%;
    margin-bottom:10px;
    color:#444444;
    height:150px;
    font-weight:300;
    font-family:"Open Sans";
    max-width:620px;
    max-height:150px
}

.contact-form text-input:focus, textarea:focus{
    border:1px solid #d24726;
}

.contact-form .captcha{
	margin-bottom:15px;
}

.button-input{
    height:50px;
    margin:0;
    padding:1%;
    width:120px;    
    cursor:pointer;
}

.about-col2 .social{
    text-align: center;
    
}
.about-col2 .social a{
    margin-right:10px;
    margin-left:10px;
}

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 999; /* Stay on top */
    top: 0;
    right: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 22px;
    color: #818181;
    display: block;
    transition: 0.3s;
	width:250px;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 5px;
    right: 30px;
    font-size: 60px;
    width: 30px;
	padding:0;
}

.opennav{
	position:absolute;
	top:24px;
	right:20px;
	cursor:pointer;
	display:none;
}

#main {
    transition: margin-left .5s;
    padding: 20px;
}

/*@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}*/

@media screen and (max-wifth: 950px) {
	.title-text{
		font-size:250%;
	}
}

@media screen and (max-width: 1030px) {
	.pm-service #pm-features li, .wr-page-service #features li, .pb-service #pb-features li{
		height:250px;
	}
	.pm-service .title-text,.pb-service .title-text, .wr-page-service .title-text{
		font-size:160%;
	}
	
	.opennav{
		display:none;
	}
}



@media screen and (max-width: 900px) {
	.pm-service .title-text,.pb-service .title-text, .wr-page-service .title-text{
		font-size:180%;
	}
	.pm-service .inner-text, .pb-service .inner-text, .wr-page-service .inner-text{
		font-size:95%;
	 }
	
	.pm-service #pm-features li, .pb-service #pb-features li {
		height:250px;
	}
	 .wr-page-service #features li{
		height:270px;
	 }
	 .pm-service .main-text,.pb-service .main-text, .wr-page-service .main-text{
		float:none;
		width:100%;
		text-align:center;
		margin-top:0;
		margin-left: 0;
	 }
	 .pm-service .inner-text, .pb-service .inner-text, .wr-page-service .inner-text{
		font-size:100%;
		margin-bottom: 2%;
	 }
	 
	 .pm-service #pm-features, .pb-service #pb-features, .wr-page-service #features{
		width:100%;
		float:none;
	 }
	 
	 
	 .pm-service #pm-features li, .wr-page-service #features li {
		 width:46%;
		 margin-left:1.5%;
		 margin-right:1.5%;
	 }
	 
	 .pb-service #pb-features li{
		 width:45%;
		 margin-left:1.5%;
		 margin-right:1.5%;
	 }
	 
	.opennav{
		display:block;
	}
	
	#insnav{
		display:none;
	}
	 
}

@media screen and (max-width: 500px) {
	.pm-service #pm-features,.pb-service #pb-features, .wr-page-service #features{
		width:100%;
		float:none;
	 }
	 
	.pm-service #pm-features li, .pb-service #pb-features li, .wr-page-service #features li {
		width:90%;
		margin-left:5%;
		margin-right:5%;
		float:none;
	}
	
	.sidenav .closebtn {
		top:0;
	}

	#header #logo img {
		width: 40%;
		height: auto;
		top: -10px;
		margin-left: 30px;
	}
	.define-text{
		display:none;
	}
	.what-we-do{
		padding-top:0;
	}
	.what-we-do li{
		float: none;
		width: 100%;
		margin-top: 20px;
		margin-left:0;
		margin-right:0;
	}
	
	.opennav{
		top: 28px;
		right: 30px;
	}
	
	.opennav img{
		height:32px;
		width:32px;
	}
	
	.footer-grid{
		width:31%;
	}
}