@font-face {
  font-family: 'icons';
  src: url('../font/icons.eot?56493433');
  src: url('../font/icons.eot?56493433#iefix') format('embedded-opentype'),
       url('../font/icons.woff2?56493433') format('woff2'),
       url('../font/icons.woff?56493433') format('woff'),
       url('../font/icons.ttf?56493433') format('truetype'),
       url('../font/icons.svg?56493433#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icons';
    src: url('../font/icons.svg?56493433#icons') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-left-open-big:before { content: '\e800'; } /* '' */
.icon-right-open-big:before { content: '\e801'; } /* '' */
.icon-play:before { content: '\e802'; } /* '' */
.icon-github-circled:before { content: '\f09b'; } /* '' */
.icon-desktop:before { content: '\f108'; } /* '' */
.icon-tablet:before { content: '\f10a'; } /* '' */
.icon-mobile:before { content: '\f10b'; } /* '' */
.icon-html5:before { content: '\f13b'; } /* '' */
.icon-toggle-off:before { content: '\f204'; } /* '' */
.icon-toggle-on:before { content: '\f205'; } /* '' */
.icon-safari:before { content: '\f267'; } /* '' */
.icon-chrome:before { content: '\f268'; } /* '' */
.icon-firefox:before { content: '\f269'; } /* '' */
.icon-opera:before { content: '\f26a'; } /* '' */
.icon-internet-explorer:before { content: '\f26b'; } /* '' */
.icon-arrowup:before { 
	content: '\e802';
	-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}



html,body{
	height:100%;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:#000088;background:white;}ol,ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";}


body{font-size:13px;font-family:Arial,sans-serif;}

ul#nav_access{position:absolute;top:-9999px;left:-9999px;}p,ul,dl,ol{margin-bottom:22px;line-height:18px;}ul{list-style:none;}ul li{margin-left:12px;}ol{list-style:decimal;list-style-position:inside;}hr{height:0;border-top:1px solid #ccc;margin-bottom:22px;}abbr{border-bottom:1px dotted;}strong{font-weight:bold;}em{font-style:italic;}

h1,h2,h3,h4,h5{font-weight:bold;}

h1{color:#48482d;font-size:20px;margin-bottom:10px;}
h2{color:#48482d;font-size:16px;margin-bottom:10px;}
h3{margin-bottom:10px;}
h4{margin-bottom:10px;}
h5{margin-bottom:10px;}
h6{text-transform:uppercase;font-size:11px;color:#666;letter-spacing:1px;margin-bottom:10px;}

a:link,a:visited{color:#333;text-decoration:underline;}a:hover,a:focus{color:#111;}h2 a:link,h2 a:visited,h3 a:link,h3 a:visited,h4 a:link,h4 a:visited{text-decoration:none;}







/* Page Styles */
div#branding{width:100%;height:40px;position:absolute;z-index:1500;background-color:#fff;top:0;}
div#branding_sub{max-width:1024px;margin:0px auto;position:relative;}


div#homepage{
	width:100%;
	height: calc(100% - 40px);
	display:block;
	margin-top:40px;
	bottom:0px;
}

div#page.home{
	position:absolute;
	top:100%;
	width:100%;
	padding:0;
	margin:0 auto;
}


div#content_wrapper{width:100%;max-width:1024px;padding-top:50px;margin:0 auto;position:relative;}

.da-slider{
	width: 100%;
	height: 70%;
	position: absolute;
	margin: 0px auto;
	overflow: hidden;
}


#contact{
	display: block;
	width:100%;
	padding-top:60px;
}

#clients{
	position:absolute;
	z-index:1005;
	width:100%;
	height:70%;
	background-color:#fff;
	display:none;
	margin-top:41px;
}

.contact-inner{
	width:100%;
	max-width:1024px;
	padding:0;
	height: 90%;
	margin: 41px auto 0px;
}

.contact-details{
	height:70%;float:left;padding:0;
	font-size:16px;
}
.contact-map{height:70%;float:left;padding:0;}

.contact-map iframe{
}

#read-more-block{
	width: 100%;
	height:30%;
	top: 70%;
	position: absolute;
	z-index:1006;
}



div.gradient_background{
	background: rgb(255,255,255); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzk1YWZjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(15deg,  rgba(255,255,255,1) 53%, rgba(149,175,193,1) 97%); /* FF3.6+ */

background: -webkit-gradient(linear, left bottom, right top, color-stop(53%,rgba(255,255,255,1)), color-stop(97%,rgba(149,175,193,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(15deg,  rgba(255,255,255,1) 53%,rgba(149,175,193,1) 97%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(15deg,  rgba(255,255,255,1) 53%,rgba(149,175,193,1) 97%); /* Opera 11.10+ */

background: -ms-linear-gradient(15deg,  rgba(255,255,255,1) 53%,rgba(149,175,193,1) 97%); /* IE10+ */

background: linear-gradient(15deg,  rgba(255,255,255,1) 53%,rgba(149,175,193,1) 97%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#95afc1',GradientType=0 ); /* IE6-8 fallback on horizontal gradient */


}

div#content_pri{width:615px;float:left;padding:0;line-height:18px;}
div#content_sec{width:220px;float:right;padding:20px 15px;color:#000088;}




/* Branding */
div#branding_logo{margin:0;}
div#branding_logo img{display:none;}

div#branding_sub h1{margin:8px 20px 8px 0;position:relative;float:left;font-family:miso, "Lucida Grande";font-size:16px;font-weight:bold;}

div#branding_sub h1 a {}

div#branding_sub form{float:right;width:220px;height:26px;padding:0px 15px 10px 15px;display:block;}
div#branding_sub form fieldset{position:relative;}
div#branding_sub form label{text-indent:-9999em;margin-top:5px;width:60px;padding:5px;display:inline;color:#000088;font-family:miso,'Georgia',serif;font-size:14px;text-transform:uppercase;}
div#branding_sub form input#search{background:#fff;border:1px solid #000088;width:100px;padding:2px 5px;font-size:11px;color:#000088;}



/* Navigation */
ul#navigation_pri{float:left;list-style:none;margin:0 auto;padding:8px 15px;height:26px;}
ul#navigation_pri li{margin:0;float:left;font-size:1,2em;padding:0px 10px;cursor:pointer;}
ul#navigation_pri li a,ul#navigation_pri li span{font-family:"Lucida Grande","Lucida Sans Unicode",Geneva,sans-serif;color: rgb(111, 124, 130);text-decoration:none;}
ul#navigation_pri li a:hover{color:rgb(41, 46, 49);}
ul#navigation_pri li.cur a{color:rgb(41, 46, 49);}

.slicknav_menu {
	display:none;
}


/* Footer */
div#siteinfo{height:75px;padding:0px;position:relative;display:block;clear:both;font-size:12px;}
div#footer_pri{width:60%;height:44px;float:left;padding:30px 0px 0 0;line-height:18px;}
div#footer_sec{width:20%;height:44px;float:right;padding:16px 0px 12px 100px;margin: 20px 0;color:#000088;background:transparent url(../img/logo-visual-only.png) no-repeat;background-position:bottom left;background-size:contain;}
div#siteinfo p{color:#000088;font-weight:bold;margin:0 0 0 10px;}
div#siteinfo a {color:#000088;text-decoration:underline;}
div#siteinfo a:hover {color:#000088;text-decoration:underline;}





/* homepage */


nav.sections {
    position: relative;
    z-index: 20;
    border-top: 1px solid rgba(49, 78, 95, 0.075);
    -moz-box-sizing: border-box;
    text-align: left;
    padding: 20px 0px 25px;
    overflow: hidden;
	height:88px;
}

nav.sections ul {
    margin: 0px;
    padding: 0px;
    width: 105%;
}

nav.sections li {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    width: 243px;
    min-height: 61px;
    margin-top:88px;
}

nav.sections a {
    display: block;
    position: relative;
    text-decoration: none;
    color: rgb(111, 124, 130);
    -moz-box-sizing: border-box;
    padding: 5px 10px 0px 81px;
	min-height: 61px;
}

nav.sections a strong {
    font-size: 1.3em;
    line-height: 1.1em;
    margin-bottom: 3px;
    color: rgb(41, 46, 49);
    font-weight: 500;
    display: block;
}

nav.sections a.built{
	background:url(/images/icons/developers.png);
	background-repeat: no-repeat;
}
nav.sections a.complete{
	background:url(/images/icons/complete.png);
	background-repeat: no-repeat;
}
nav.sections a.reliable{
	background:url(/images/icons/reliable.png);
	background-repeat: no-repeat;
}
nav.sections a.secure{
	background:url(/images/icons/secure.png);
	background-repeat: no-repeat;
}

div.built{ 
    background: -moz-linear-gradient(-15deg,  #172a71 9%, #20a7ac 86%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right bottom, color-stop(9%,#172a71), color-stop(86%,#20a7ac)); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(-15deg,  #172a71 9%,#20a7ac 86%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(-15deg,  #172a71 9%,#20a7ac 86%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(-15deg,  #172a71 9%,#20a7ac 86%); /* IE10+ */
	
	background: linear-gradient(165deg,  #172a71 9%,#20a7ac 86%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#172a71', endColorstr='#20a7ac',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	
	background-size: 100% 590px;
    background-repeat: repeat-x;
	margin-bottom: 12px;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 40px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 5px 5px 5px 5px;
	-moz-box-sizing: border-box;
}

div.built p {
    color: rgb(195, 200, 205);
	font-size: 1.6em;
    line-height: 1.5em;
}




/* HOMEPAGE */


#read-more-block{
	border-top:1px solid #CCC;
	background: rgb(254,255,255); /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmVmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzQlIiBzdG9wLWNvbG9yPSIjYzlkNGUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZjlmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	
	background: -moz-linear-gradient(-45deg,  rgba(254,255,255,1) 0%, rgba(201,212,226,1) 74%, rgba(244,249,254,1) 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(74%,rgba(201,212,226,1)), color-stop(100%,rgba(244,249,254,1))); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(-45deg,  rgba(254,255,255,1) 0%,rgba(201,212,226,1) 74%,rgba(244,249,254,1) 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(-45deg,  rgba(254,255,255,1) 0%,rgba(201,212,226,1) 74%,rgba(244,249,254,1) 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(-45deg,  rgba(254,255,255,1) 0%,rgba(201,212,226,1) 74%,rgba(244,249,254,1) 100%); /* IE10+ */
	
	background: linear-gradient(135deg,  rgba(254,255,255,1) 0%,rgba(201,212,226,1) 74%,rgba(244,249,254,1) 100%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f4f9fe',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


}

#read-more-holder{
	max-width: 1024px;
	height:100%;
	margin:auto;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	overflow:hidden;
}


#read-more-holder .block{
	width:25%;
	height:inherit;
	float:left;
}
#read-more-holder .block:hover{
	background:rgba(201,212,226,0.4);
}

#read-more-holder .block .border{
	float:left;
	border-right:1px solid #CCC;
	width:1px;
	height:inherit;
}

#read-more-holder .block .content{
	height:inherit;
	padding:10px;
	text-align:center;
	margin-top:300px;
}

#read-more-holder .block .content img{
	width:25%;
}

#page .chapter{
	display:table;
	margin:auto;
	width:80%;
	font-family: "Kozuka Gothic Pro",Helvetica,Arial;
	color:#6F7C82;
}

#page h1{
	display:block;
	margin:20px auto;
	padding:20px 0;
	border-bottom:1px solid #f4f9fe;
	border-top:1px solid #f4f9fe;
	text-align:center;
	color:#292E31;
}

#page img.right{
	float:right;
	width:30%;
}

#page img.left{
	float:left;
	width:30%;
}



.da-slider{
	
	background: #172a71; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjMTcyYTcxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjMjBhN2FjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

background: -moz-linear-gradient(-45deg,  #172a71 9%, #20a7ac 86%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right bottom, color-stop(9%,#172a71), color-stop(86%,#20a7ac)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(-45deg,  #172a71 9%,#20a7ac 86%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(-45deg,  #172a71 9%,#20a7ac 86%); /* Opera 11.10+ */

background: -ms-linear-gradient(-45deg,  #172a71 9%,#20a7ac 86%); /* IE10+ */

background: linear-gradient(135deg,  #172a71 9%,#20a7ac 86%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#172a71', endColorstr='#20a7ac',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */



	
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
}
.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-align: left;
	padding-top:10px;
	box-sizing: border-box;
}
.da-slide-current{
	z-index: 1000;
}
.da-slider-fb .da-slide{ 
	margin-left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{ 
	margin-left: 0px;
}
.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img{
	position: relative;
	opacity: 0;
	margin-left: 90%;
}
.da-slide h2,
.da-slide p{
	padding-top: 20px;
	padding-bottom: 20px;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p{
	margin-left: 10%;
	opacity: 1;
}

.da-slider-fb .da-slide .da-link{
	margin-left: 0%;
	opacity: 1;
}

.da-slider-fb .da-slide .da-img{
	margin-left: 0%;
	opacity: 1;
}
.da-slide h2{
	color: #fff;
	font-size: 2.8vw;
	width: 90%;
	z-index: 10;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	font-family: 'Economica', Arial, sans-serif;
	font-weight: 700;
}
.da-slide p{
	width: 70%;
	color: #fff;
	font-size: 18px;
	line-height: 26px;
	font-size: 1.8vw;
	line-height: 2.2vw;
	display:table;
	height: auto;
	font-family: 'Economica', Arial, sans-serif;
	font-weight: 400;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.da-slide .da-img{
	text-align: center;
	width: 100%;
	height: inherit;
	margin-left: 0%; /*40%   see .da-slide-current .da-img */
	margin-top: 40px;
	position:relative;
}


.da-img img{
	vertical-align: bottom;
	height:auto;
	width:100%;
}

.da-img img#image01{
	vertical-align: bottom;
	height:auto;
	width:100%;
}
.da-img img#image03{
	vertical-align: bottom;
	height:auto;
	width:100%;
}


.da-slide .da-link{
	position: absolute;
	top:75%;
	border-radius: 30px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border: 4px solid rgba(255,255,255,0.8);
	padding: 2px 20px 0px;
	font-size: 18px;
	line-height: 30px;
	width: 140px;
	text-align: center;
	background: rgba(255,255,255,0.2);
}
.da-slide .da-link:hover{
	background: rgba(255,255,255,0.3);
}
.da-slide .da-link a{
	color:#fff;
	text-decoration:none;
	padding-bottom: 4px;
	display: block;
}

.da-slide .sg-grid-1-3{
	height:100%;
}

#imageholder{
	position:absolute;
	display:block;
	height:50%;
}
#container{
	position:absolute;
	width:100%;
	height:50%;
}







@media all and (max-width: 1024px) and (min-width: 640px) {
 
	.da-slide h2{
		color: #fff;
		font-size: 30px;
		width: 60%;
	}

}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
 
	.da-slide h2{
		color: #fff;
		font-size: 40px;
		width: 80%;
	}

}


.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 50px;
	z-index: 1001;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #cfcfcf;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	position: absolute;
	top: 50%;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #cfcfcf;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
	-webkit-transition: opacity 0.4s ease-in-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out 0.2s;
	transition: opacity 0.4s ease-in-out 0.2s;
}
.da-slider:hover .da-arrows span{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background: transparent url(../images/arrows.png) no-repeat top left;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
	background-position: top right;
}
.da-arrows span.da-arrows-prev{
	left: 15px;
}
.da-arrows span.da-arrows-next{
	right: 15px;
}

.da-slide .sg-grid-2-3{
	position: relative;
	height: 100%;
}

.da-slide-current h2{
	margin-left: 10%;
	opacity: 1;
}
.da-slide-current p{
	margin-left: 10%;
	opacity: 1;
}
.da-slide-current .da-link{
	margin-left: 10%;
	opacity: 1;
}
.da-slide-current .da-img{
	margin-left: 0%;
	opacity: 1;
}




/* CLIENTS */

.client1{
	background-image: url(../img/clients/jaarverslag-bibliotheek-zuid-kennermeland.png)
}

.client2{
	background-image: url(../img/clients/augmented-reality-sandbox.jpg)
}


#clients-block{
	border-top:1px solid #CCC;
	padding-top:40px;
}

#clients-holder{
	max-width: 1024px;
	margin:auto;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	overflow:hidden;
}


#clients-holder .block{
	position: relative;
	width:25%;
	float:left;
}

#clients-holder .block::after {
    padding-top: 100%;
    display: block;
    content: '';
}


#clients-holder .block:hover{
	background:rgba(201,212,226,0.4);
}

#clients-holder .block .border{
	float:left;
	border-right:1px solid #CCC;
	width:1px;
	height: 100%;
	display: block;
	position: absolute;
}

#clients-holder .block_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
	overflow:hidden;
	border-top:1px solid #CCC;
}

#clients-holder .block .arrow {
    position: absolute;
	display:none;
	height:18px;
    bottom: 0;
    right: 0;
    left: 0;
	overflow:hidden;
	margin-bottom:-1px;
	text-align:center;
	font-size:18px;
	color:#393939;
}

#clients-holder .block.active .arrow {
	display:block;
}

#clients-holder .block .content{
	position: relative;
	height: 100%;
	padding:10px 0px 0px 0px;
	text-align:center;
	margin-top:300px;
}

#clients-holder .block.active .content{
	
}

#clients-holder .block .content img{
	position: absolute;
	width: 100%;
	display: block;
	margin: auto;
	bottom: 0;
}

#clients-holder .button{
	cursor: pointer;
}

#clients-holder .button.inactive{
	cursor: not-allowed;
	color: #ccc;
}

#clients-holder .button.next{
	margin-left: 20px;
}

#clients-holder .client_details{
	position: relative;
	display: table;
	width:100%;
	height:55vh;
	float:left;
	border-left:1px solid #393939;
	border-top:1px solid #393939;
	background-color:#393939;
}


#clients-holder .client_details .sg-panel{
	padding:20px;
	color:#FFF;
}

#clients-holder .client_details .sg-panel a, #clients-holder .client_details .sg-panel a:hover{
	color: #fff;
}

#clients-holder .client_details h2, #clients-holder .client_details h3{
	color:#FFF;
}


.slider-wrapper {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
}


/* SANDBOX */
.gradient_background_909{
    width: 100%;
	height: 100%;
	display: table;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}



/* GRID */


.pull-left{
	float:left;
}
.pull-right{
	float:right;
}
.mobile-only{
	display:none;
}


.sg-grid-3-4{
	float:left;
	width:75%;
}

.sg-grid-1-4{
	float:left;
	width:25%;
}

.sg-grid-2-3{
	float:left;
	width:66%;
}

.sg-grid-1-3{
	float:left;
	width:33%;
}




@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { 

	
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 


	

}


@media screen and (max-width: 640px){

	#navigation_pri {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}

	.slicknav_menu {
	    zoom: 1;
	    font-size: 16px;
	    background: #fff !important;
	    padding: 5px;
	    z-index: 1600;
	}

	.slicknav_nav a {
	    text-decoration: none;
	    color: #000 !important;
	}
	
	div#branding_sub h1 {
	    margin: 16px 16px 8px 16px;
	    font-size: 14px;
	    display: inline-block;
	}
	
	ul#navigation_pri {
	    margin: 0 auto;
	    padding: 8px 10px;
	}

	iframe{
		width: 100% !important;
	}

	.mobile-hide{
		display:none !important;
	}
	.mobile-only{
		display:block
	}
	
	.sg-grid-mobile-1-1{
		width:100% !important;
	}
	
	
	.da-slider {
		height: 80%;
	}
	.da-slide h2 {
	    font-size: 18px;
	    padding-bottom: 0 !important;
	}

	.da-slide p {
	    width: 84%;
	    font-size: 14px;
	    line-height: 18px;
	    padding-top: 0 !important;
	    padding-bottom: 0 !important;
	}

	.da-slide .da-link{
		font-size: 14px;
		width: 90px;
		line-height: 22px;
		border-radius: 20px;
		padding: 2px 4px;
	}
	
	#read-more-block {
		height: 20%;
		top: 80%;
		font-size:12px;
	}
	
	#read-more-holder .block .content{
		padding:10px 4px;
	}
	
	#read-more-holder .block .content img {
		width: 80%;
	}


	#clients-block {
	    padding-top: 50px;
	}

	#clients-holder .block{
		width:50%;
	}

	#clients-holder .block .content {
	    padding: 10px 5px 0px 5px;
	}

	.contact-details {
	    height: 30%;
	    float: left;
	    padding: 0 20px;
	}
}


/* SLICK */

.slider{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.slider .slick-list {
	
}

.slick-loading .slick-list
{
    background: #fff url('js/slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('js/slick/fonts/slick.eot');
    src: url('js/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('js/slick/fonts/slick.woff') format('woff'), url('js/slick/fonts/slick.ttf') format('truetype'), url('js/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 30px;
    height: 40px;
    margin-top: -20px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
	font-family: 'Gotham-Medium',arial,sans-serif;
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 1%;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: 1%;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

.slick-prev:before {
  font-family:Arial;
  content: '<';
  font-size: 50px !important;
}
.slick-next:before {
  font-family:Arial;
  content: '>';
  font-size: 50px !important;
}


/* Dots */
.slick-slider
{
    margin-bottom: 0px;
}

.slick-dots
{
    position: absolute;
    /* bottom: -45px; */

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 30px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 30px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 18px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: #900;
}


/* Slider system */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
	width:100%;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}



/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
	-webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	animation: fromRightAnim1 0.6s ease-in 0.8s both;
}
.da-slide-fromright p{
	-webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	animation: fromRightAnim2 0.6s ease-in 0.8s both;
}
.da-slide-fromright .da-link{
	-webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	animation: fromRightAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	animation: fromRightAnim4 0.6s ease-in 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ margin-left: 90%; opacity: 0; }
	1%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 0%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ margin-left: 90%; opacity: 0; }
	1%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 0%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ margin-left: 90%; opacity: 0; }
	1%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 0%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ margin-left: 90%; opacity: 0; }
	1%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 0%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ margin-left: 90%; opacity: 0; }
	1%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ margin-left: 90%; opacity: 0; }
	100%{ margin-left: 0%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
	-webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}
.da-slide-fromleft p{
	-webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}
.da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ margin-left: -90%; opacity: 0; }
	1%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 0%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ margin-left: -90%; opacity: 0; }
	1%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 0%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ margin-left: -90%; opacity: 0; }
	1%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 0%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ margin-left: -90%; opacity: 0; }
	1%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 0%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ margin-left: -90%; opacity: 0; }
	1%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ margin-left: -90%; opacity: 0; }
	100%{ margin-left: 0%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
	animation: toRightAnim1 0.6s ease-in 0.6s both;
}
.da-slide-toright p{
	-webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
	animation: toRightAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in both;
	-moz-animation: toRightAnim3 0.4s ease-in both;
	-o-animation: toRightAnim3 0.4s ease-in both;
	-ms-animation: toRightAnim3 0.4s ease-in both;
	animation: toRightAnim3 0.4s ease-in both;
}
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in both;
	-moz-animation: toRightAnim4 0.6s ease-in both;
	-o-animation: toRightAnim4 0.6s ease-in both;
	-ms-animation: toRightAnim4 0.6s ease-in both;
	animation: toRightAnim4 0.6s ease-in both;
}
@-webkit-keyframes toRightAnim1{
	0%{ margin-left: 10%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ margin-left: 10%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ margin-left: 10%;  opacity: 1; }
	99%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ margin-left: 0%;  opacity: 1; }
	30%{ margin-left: -5%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ margin-left: 10%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ margin-left: 10%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ margin-left: 10%;  opacity: 1; }
	99%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ margin-left: 0%;  opacity: 1; }
	30%{ margin-left: -5%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ margin-left: 10%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ margin-left: 10%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ margin-left: 10%;  opacity: 1; }
	99%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ margin-left: 0%;  opacity: 1; }
	30%{ margin-left: -5%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ margin-left: 10%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ margin-left: 10%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ margin-left: 10%;  opacity: 1; }
	99%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ margin-left: 0%;  opacity: 1; }
	30%{ margin-left: -5%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ margin-left: 10%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ margin-left: 10%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ margin-left: 10%;  opacity: 1; }
	99%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ margin-left: 0%;  opacity: 1; }
	30%{ margin-left: -5%;  opacity: 1; }
	100%{ margin-left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
	-webkit-animation: toLeftAnim1 0.6s ease-in both;
	-moz-animation: toLeftAnim1 0.6s ease-in both;
	-o-animation: toLeftAnim1 0.6s ease-in both;
	-ms-animation: toLeftAnim1 0.6s ease-in both;
	animation: toLeftAnim1 0.6s ease-in both;
}
.da-slide-toleft p{
	-webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	animation: toLeftAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toleft .da-link{
	-webkit-animation: toLeftAnim3 0.4s ease-in both;
	-moz-animation: toLeftAnim3 0.4s ease-in both;
	-o-animation: toLeftAnim3 0.4s ease-in both;
	-ms-animation: toLeftAnim3 0.4s ease-in both;
	animation: toLeftAnim3 0.4s ease-in both;
}
.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	animation: toLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ margin-left: 10%;  opacity: 1; }
	30%{ margin-left: 15%;  opacity: 1; }
	100%{ margin-left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ margin-left: 10%;  opacity: 1; }
	30%{ margin-left: 15%;  opacity: 1; }
	100%{ margin-left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ margin-left: 10%;  opacity: 1; }
	99%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ margin-left: 0%;  opacity: 1; }
	40%{ margin-left: 10%;  opacity: 1; }
	90%{ margin-left: -40%;  opacity: 0; }
	100%{ margin-left: -100%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ margin-left: 10%;  opacity: 1; }
	30%{ margin-left: 15%;  opacity: 1; }
	100%{ margin-left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ margin-left: 10%;  opacity: 1; }
	30%{ margin-left: 15%;  opacity: 1; }
	100%{ margin-left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ margin-left: 10%;  opacity: 1; }
	99%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ margin-left: 0%;  opacity: 1; }
	40%{ margin-left: 10%;  opacity: 1; }
	90%{ margin-left: -40%;  opacity: 0; }
	100%{ margin-left: -100%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ margin-left: 10%;  opacity: 1; }
	30%{ margin-left: 15%;  opacity: 1; }
	100%{ margin-left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ margin-left: 10%;  opacity: 1; }
	30%{ margin-left: 15%;  opacity: 1; }
	100%{ margin-left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ margin-left: 10%;  opacity: 1; }
	99%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ margin-left: 0%;  opacity: 1; }
	40%{ margin-left: 10%;  opacity: 1; }
	90%{ margin-left: -40%;  opacity: 0; }
	100%{ margin-left: -100%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ margin-left: 10%;  opacity: 1; }
	30%{ margin-left: 15%;  opacity: 1; }
	100%{ margin-left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ margin-left: 10%;  opacity: 1; }
	30%{ margin-left: 15%;  opacity: 1; }
	100%{ margin-left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ margin-left: 10%;  opacity: 1; }
	99%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ margin-left: 0%;  opacity: 1; }
	40%{ margin-left: 10%;  opacity: 1; }
	90%{ margin-left: -40%;  opacity: 0; }
	100%{ margin-left: -100%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ margin-left: 10%;  opacity: 1; }
	30%{ margin-left: 15%;  opacity: 1; }
	100%{ margin-left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ margin-left: 10%;  opacity: 1; }
	30%{ margin-left: 15%;  opacity: 1; }
	100%{ margin-left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ margin-left: 10%;  opacity: 1; }
	99%{ margin-left: 10%; opacity: 0; }
	100%{ margin-left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ margin-left: 0%;  opacity: 1; }
	40%{ margin-left: 10%;  opacity: 1; }
	90%{ margin-left: -40%;  opacity: 0; }
	100%{ margin-left: -100%; opacity: 0; }
}