@charset "UTF-8";
/* CSS Document */

@font-face 
{
 font-family: 'ColabLig';
 src: url('https://dl.dropboxusercontent.com/u/20034685/ColabLig.otf');
 src: url('https://dl.dropboxusercontent.com/u/20034685/ColabLig.eot') format('eot'),
 url('https://dl.dropboxusercontent.com/u/20034685/ColabLig.woff') format('woff'),
 url('https://dl.dropboxusercontent.com/u/20034685/ColabLig.ttf') format('truetype'),
 url('https://dl.dropboxusercontent.com/u/20034685/ColabLig.otf') format('opentype'),
 url('https://dl.dropboxusercontent.com/u/20034685/ColabLig.svg#webfontZam02nTh') format('svg');
 font-weight: normal;
 font-style: normal; 
}

body
{
	font-family:'ColabLig',Helvetica,sans-serif;
	font-style:normal;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
}

div.firstSec
{
	background-image:url("https://dl.dropboxusercontent.com/u/20034685/escheresque_ste.png");
	width:100%;
	height:400px;
	z-index:-1;
}

h1
{
	font-size:350%;
	font-weight:800;
	color:black;
	width:70%;
	background: -webkit-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */
}	

div.secondSec 
{
     width:100%;
     height:340px;
     background-color:white;
     position:relative;
     text-align:center;
     z-index:20;
     word-wrap:normal;
     overflow:hidden;
}

.block 
{
     height:100%;
     width:365px;
     display:inline-block;
     padding-top:80px;
     padding-bottom:0px;
     padding-right:3%;
     padding-left:3%;
}

div.secondSecCircle
{
     width:100%;
     height:170px;
     position:absolute;
     top:320px;
     text-align:center;
     z-index:2000;
     word-wrap:normal;
     overflow:hidden;
}

.blockCircle
{
     height:100%;
     width:365px;
     display:inline-block;
     padding-top:0px;
     padding-bottom:0px;
     padding-right:3%;
     padding-left:3%;
}

circle
{
stroke:white;
stroke-width:10px;
}

image
{
overflow:visible;
}

h2
{
	color:#0000B8;
	font-size:25px;
        word-wrap:normal;
	overflow:hidden;
        padding-top:0px;
        text-align:center;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

p
{
	max-height:100%;
	max-width:100%;
	word-wrap:normal;
	overflow:hidden;
}

div.thirdSec
{
width:100%;
height:100%;
text-align:center;
word-wrap:normal;
overflow:hidden;
background-color:#F8F8F8;
}

div.img
{
  padding-left:5%;
  padding-right:5%;
  padding-top:1%;
  padding-bottom:2%;
  height: auto;
  width: auto;
  display: inline-block;
}	

a:hover
{
opacity:0.60;
}

div.fourthSec
{
width:100%;
height:100%;
text-align:center;
word-wrap:normal;
overflow:hidden;
background-color:white;
}

img.clients
{
width:80px;
height:80px;
}

div.lastSec
{
width:100%;
height:350px;
}

iframe
{
width:100%;
height:350px;
box-shadow: 0px 7px 10px black;
}

div.iframeSec
{
position:absolute;
width:100%;
height:350px;
}

div.container
{
width:500px;
height:170px;
position:absolute;
right:30px;
top:25%;
z-index:4000;
}

div.box
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
height:100%;
float:left;
}

textarea
{
width:90%;
height:87%;
margin:3%;
padding-left:7px;
border-radius:5px;
border-color:#F8F8F8;
border-width:3px;
border-style:solid;
background-color:white;
opacity:0.98;
}

input
{
width:90%;
height:21%;
margin:3%;
padding-left:7px;
border-radius:5px;
border-color:#F8F8F8;
border-width:3px;
border-style:solid;
background-color:white;
opacity:0.98;
}

input.sendInp
{
width:45px;
height:30px;
border-color:black;
border-width:3px;
border-style:solid;
background-color:black;
color:white;
position:absolute;
right:-10px;
top:155px;
}

div.lastFooter
{
width:100%;
height:100%;
text-align:center;
word-wrap:normal;
overflow:hidden;
background-color:#303030;
}

h3
{
        color:white;
	font-size:15px;
        word-wrap:normal;
	overflow:hidden;
        text-align:center;
}

img.getSocial
{
width:30px;
height:30px;
}

div.imgSocial
{
  padding-left:5%;
  padding-right:5%;
  padding-top:0%;
  padding-bottom:1%;
  height: auto;
  width: auto;
  display: inline-block;
}