html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body{
	overflow-x: hidden;
}

.body{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;	
	z-index: -1;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	background-color: #fff;
}

.blue-body{
	background: url(../images/bg.jpg) 50% 50% no-repeat #1d4365;	
}

#screen-1{
	display: none;
}

.container{
	width: 1275px;
	height: auto;	
	margin: auto;
	text-align: center;
}

.container div{
	display: inline-block;
}

.great-solutions-logo{
	width: 523px;
	height: 127px;
	/*background: url(../images/GreatSolutionsLogo.png);*/
	position: fixed;		
  	top: 50%;
  	margin-top: -105.5px;
  	left: 50%;
  	margin-left: -261.5px;
  	// transform: translateY(-50%);
}

.great-solutions-logo img{
	position: absolute;
}

.great-solutions-logo .g1{
	right: 0;
    bottom: 0;
}

.great-solutions-logo .g2{
	right: 27px;
    top: 0;
}

.great-solutions-logo .g3{
	right: 62px;
    top: 23px;
}

.great-solutions-logo .great{
	left: 0;
    top: 45px;    
}

.great-solutions-logo .solutions{
	left: 180px;
    top: 45px;
}

.wrap-info{
	position: relative;
	width: 698px;
	height: 697px;
	float: none;
	margin-top: 16px;			
	margin-left: 0;
}

.wrap-info.run{
	-webkit-animation-name: wrap-info;
	animation-name: wrap-info;
	-webkit-animation-duration: 1s;		
	animation-duration: 1s;			
}

@keyframes wrap-info {	
	from {
		margin-left: -577px;		
	}

	to {
		margin-left: 0;		
	}
}

.wrap-info-title{
	font-family: 'Patua One', cursive;
	font-size: 17px;
	font-weight: normal;
    line-height: 15px;    
    display: inline-block;     
}

.selected{
    width: 46px;
    height: 65px;
    /*background: url(../images/here_sd.png) bottom center no-repeat;*/
    position: absolute;
    z-index: 10;
    display: none;	
}

.selected:before{
	content: "";
	background: url(../images/here.png);
	width: 33px;
	height: 48px;
	display: inline-block;
	position: relative;
    margin-top: -3px;
    margin-left: 0px;
    -webkit-animation-name: selected-before;
	animation-name: selected-before;
	-webkit-animation-duration: 1s;	
	animation-duration: 1s;			
	animation-direction: alternate;
	top: 5px;
}

.selected:after{
	content: "";
	width: 30px;
	height: 9px;
	background: url(../images/here_sd.png) bottom center no-repeat;
	display: inline-block;
	-webkit-animation-name: selected-after;
	animation-name: selected-after;
	-webkit-animation-duration: 1s;		
	animation-duration: 1s;			
	animation-direction: alternate;
}

@keyframes selected-before {
	from {
		top: -15px;
	}

	to {
		top: 5px;
	}
}

@keyframes selected-after {
	from {		
		transform: scale(0.5, 0.5);
	}

	to {
		transform: scale(1, 1);
	}
}

.sc_0 .selected{ top: -27px; left: 113px; }
.sc_0.clicked .selected{ display: block; }

.cp_0 .selected{ top: -10px; left: 338px; }
.cp_0.clicked .selected{ display: block; }

.ds_0 .selected{ top: 135px; left: 210px; }
.ds_0.clicked .selected{ display: block; }

.of_0 .selected{ top: 16px; left: 5px; }
.of_0.clicked .selected{ display: block; }

.pd_0 .selected{ top: 36px; left: 130px; }
.pd_0.clicked .selected{ display: block; }

.rd_0 .selected{ top: 25px; left: 158px; }
.rd_0.clicked .selected{ display: block; }

.click-item{
	cursor: pointer;	
}

.click-item.grayscale{
    -webkit-filter: grayscale(70%);
	-moz-filter: grayscale(70%);
	-ms-filter: grayscale(70%);
	-o-filter: grayscale(70%);
	filter: grayscale(70%);
}

.click-item.clicked{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);		
}

.click-item .wrap-info-title{
	position: absolute;
}

.lb_ip{
	position: absolute;
	top: 61px;
    left: 58px;

}

.lb_rcl{
	position: absolute;
	bottom: 35px;
    left: 60px;
}

.lb_rd{
	position: absolute;
	top: 51px;
	right: 110px;
}

.lb_rrr{
	position: absolute;
	bottom: 32px;
	right: 85px;
}

.sc_0{
	position: absolute;
	top: 119px;
	left: 124px;

	width: 352px;
	height: 164px;
	background: url(../images/sc_0.png);
}

.sc_0 img{
	position: absolute;
}

.sc_1{
	top: -6px;
	left: 143px;
}

.sc_2{
	top: 11px;
	left: 165px;
}

.sc_3{	
	top: 48px;
	left: 71px;	
}

.sc_4{
	top: -2px;
   	left: 86px;
}

.sc_4.run{
	-webkit-animation-name: sc_4;
	animation-name: sc_4;
	-webkit-animation-duration: 1s;			
	animation-direction: alternate;	
}

@keyframes sc_4 {
	from {					
		top: -2px;
    	left: 86px;
	}

	to {
		top: 41px;
    	left: 14px;				
	}
}

.sc_5{	
	left: 188px;
	top: 53px;
}

.sc_tree_1{	
	left: 16px;
	top: 7px;
	z-index: 1;
}

.sc_tree_2{	
	left: 21px;
	top: -9px;
}

.sc_tree_3{
	top: -15px;
	left: 55px;	
}

.sc_tree_4{
	left: 96px;
	top: 53px;
}

.sc_tree_5{
	left: 138px;
	top: 25px;
	z-index: 11;
}

.sc_tree_6{
	left: 149px;
	top: 52px;
}

.sc_tree_7{
	left: 178px;
	top: 14px;
}

.of_0{
	position: absolute;
	top: 84px;
	right: 158px;

	width: 139px;
	height: 184px;
	background: url(../images/of_0.png);
}

.of_0 img{
	position: absolute;
}

.of_1{
	top: -27px;
	left: -20px;
}

.of_3{
	top: 64px;
	left: 49px;
}

.pd_0{
	position: absolute;
	top: 210px;
	right: -10px;

	width: 285px;
	height: 205px;
	background: url(../images/pd_0.png);
}

.pd_0 img{
	position: absolute;
}

.pd_1{
	top: -55px;
	left: 79px;	
}

.pd_2{
	top: 102px;
	left: 153px;	
}

.cp_0{
	position: absolute;
	top: 399px;
	right: -95px;

	width: 554px;
	height: 105px;
	background: url(../images/cp_0.png);
}

.cp_0 img{
	position: absolute;
}

.cp_1{
	top: 60px;
	left: 241px;
}

.cp_2{
	top: -36px;
	left: 371px;
}

.ds_0{
	position: absolute;
	top: 311px;
	left: 73px;

	width: 285px;
	height: 241px;
	background: url(../images/ds_0.png);
}

.ds_0 img{
	position: absolute;
}

.ds_1{
	top: 65px;
	right: 69px;
}

.ds_2{
	top: 151px;
	left: 55px;
}

.ds_tree_1{
	top: 127px;
	left: 0;
}
.ds_tree_2{
	top: 90px;
	left: 8px;
}
.ds_tree_3{
	top: 100px;
	left: 49px;
}
.ds_tree_4{
	top: 66px;
	left: 39px;
}
.ds_tree_5{
	top: 118px;
	left: 66px;
}
.ds_tree_6{
	top: 56px;
	left: 83px;
}
.ds_tree_7{
	top: 78px;
	left: 98px;
}
.ds_tree_8{
	top: 111px;
	left: 104px;
}

.rd_0{
	position: absolute;
	top: 234px;
	left: -64px;

	width: 474px;
	height: 149px;
	background: url(../images/rd_0.png);
}

.rd_0 img{
	position: absolute;
}

.rd_1{
	top: 44px;
	left: 27px;
}

.rd_2{
	top: 50px;
	left: 50px;
}

.rd_3{
	top: 92px;
	left: 93px;
	z-index: 1;
}

.rd_4{
	top: 10px;
	left: 60px;
}

.rd_5{
	top: 23px;
	left: 175px;
}

.rd_6{
	top: 37px;
	left: 203px;	
}

.rd_7{
	top: 8px;
    left: 238px;	
}

.rd_tree_1{
	top: 7px;
	left: 158px;
}

.rd_tree_2{
    top: -3px;
    left: 168px;
}

.rd_tree_3{
	top: -1px;
	left: 196px;
}

.rd_tree_4{
	top: 25px;
    left: 240px;
}

.rd_tree_5{
	top: 30px;
    left: 246px;
}

.rd_tree_6{
	top: -9px;
	left: 310px;
}

.rd_tree_7{
	top: 2px;
	left: 373px;
}

.rd_tree_8{
	top: -2px;
    left: 387px;
}

.logo_cicle{	
	position: absolute;
	left: 235px;
    top: 305px;
    z-index: 10;
    cursor: pointer;
}

.info-website{
	width: 189px;
	height: 25px;
	background: url(../images/bt_w.png);
	display: inline-block;
	cursor: pointer;
	position: absolute;	
	bottom: 108px;
	left: 50%;
  	transform: translateX(-50%);

}

.info-website:hover{	
	background: url(../images/bt_w1.png);
}

.wrap-txt{
	width: 470px;
	padding: 30px;
	float: left;	
	margin-top: 76px;
	margin-right: 47px;
	background-color: #fff;
	border-top: solid 4px #005bab;
	position: relative;	
}

.wrap-txt.run{
	-webkit-animation-name: wrap-txt;
	animation-name: wrap-txt;
	-webkit-animation-duration: 1s;		
	animation-duration: 1s;				
}

@keyframes wrap-txt {
	from {
		transform: scale(0.3, 0.3);
	}

	to {
		transform: scale(1, 1);
	}
}

.wrap-txt .ctn-txt{
	display: none;
}

.wrap-txt .btns{
	float: left;
	margin-top: -92px;
}

.wrap-txt .btns a{
	display: inline-block;
	float: left;
	margin-right: 8px;
	z-index: 1;
	position: relative;
}

.wrap-txt .logo-white{	
	width: 347px;
}

.wrap-txt h1{	
	line-height: 1;
	padding: 5px 0;
	font-family: 'Patua One', cursive;
	font-weight: normal;
	color: #005bab;	
}

.wrap-txt .gray-1{
	position: absolute;
	top: -14px;
	left: 150px;	
}

.wrap-txt .gray-2{
	position: absolute;
	bottom: -23px;
	right: -39px;
	z-index: -1;
}

.wrap-txt .gray-3{
	position: absolute;
	top: 256px;
	left: -52px;	
}

.wrap-img{
	border-top: solid 1px #000;
	padding-top: 15px;
	border-bottom: solid 1px #000;
	padding-bottom: 15px;
}

.wrap-img p{
	font-family: 'Armata', sans-serif;	
    font-size: 13px;
    float: left;
    color: #000;    
    margin-bottom: 20px;
    margin-top: 10px;
    width: 195px;
    text-align: right;    
    line-height: 21px;
}

.wrap-img.just-txt p{
	width: 100%;
	text-align: left;
}

.wrap-img strong{
	text-transform: uppercase;
	font-weight: bold;
}

.wrap-img .img{
	float: right;
	text-align: right;
	margin-left: 35px;	
	margin-bottom: 15px;
}

.highlight{
	font-size: 14px;
	font-family: 'Armata', sans-serif;	
	color: #356c43;	
	font-weight: bold;			
	text-align: left;
	text-transform: uppercase;
	display: block;
}

.footer-txt{		
	margin-bottom: 0;	
	margin-top: 18px;	
	text-align: center;
	text-transform: none;
}

.last-p{
	margin-bottom: 0!important;
}

.modal{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
	z-index: 500;
	text-align: center;
	display: none;
}

.modal .background{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 0;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.container-modal{
	width: 1240px;
	height: auto;
	background: #fff;
	display: inline-block;
	margin-top: 100px;	
	border-top: solid 4px #005bab;
	position: relative;
	margin-top: 60px;
	padding: 35px;
	padding-top: 36px;
	text-align: left;
	margin-bottom: 60px;
	display: none;
}

.inline-block{
	display: inline-block;
}

.container-modal .btn-close{
	position: absolute;
	top: -18px;
	right: 18px;
	cursor: pointer;
}

.container-modal .gray-4{
	position: absolute;
	top: 120px;
	left: -81px;
}

.container-modal .gray-5{
	position: absolute;
	top: -12px;
	left: 150px;
}

.container-modal .gray-6{
	position: absolute;
	right: -45px;
	bottom: -28px;
	z-index: -1;
}

.container-modal .logo{
	width: 347px;
	float: left;
	display: block;
}

.container-modal .left{
	float: left;
}

.people{
	list-style: none;
	padding: 0;
	margin-right: 40px;
	float: left;
}

.people li{
	float: left;
	width: 120px;
	text-align: center;
	margin-right: 20px;
}

.people li:last-child{
	margin-right: 0;
}

.people .name{
	font-family: 'Armata', sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #356c43;
	display: block;
	margin-top: 10px;
}

.people .job{
	font-family: 'Armata', sans-serif;
	font-size: 14px;	
	color: #005bab;
	display: block;
}

.container-modal h1{
	font-size: 32px;
	color: #005bab;
	font-weight: normal;
	font-family: 'Patua One', cursive;
	border-bottom: solid 1px #000;
	padding-bottom: 15px;	
}

.container-modal .info-website{
	left: auto;
	bottom: auto;
	transform: none;
	float: right;
	position: relative;
}

.container-modal p{
	font-family: 'Armata', sans-serif;	
	font-weight: normal;
	font-size: 13px;
	margin-right: 5%;
	width: 45%;
	float: left;
	line-height: 21px;
}

.container-modal strong{
	font-family: 'Patua One', cursive;
	font-weight: bold;
	font-size: 15px;
	line-height: 21px;
}

.container-modal.contact{
	width: 470px;
	text-align: center;
}

.container-modal.contact .info-website{
	float: none;
	margin-top: 10px;
}

.container-modal.contact .logo{
	display: inline-block;
	float: none;
	margin-top: -25px;
}

.container-modal.contact h1{
	font-size: 20px;
}

.container-modal address{
	font-size: 13px;
	font-family: 'Armata', sans-serif;
	color: #000;
	font-style: normal;
	line-height: 20px;
}

@keyframes rotate {
  from {
  	-webkit-transform:rotate(0deg);
  	transform:rotate(0deg);
  }
  
  to {
  	-webkit-transform:rotate(360deg);
  	transform:rotate(360deg);
  }
}

.rotate {	
	-webkit-animation-name: rotate;
	animation-name: rotate;
	-webkit-animation-duration: 60s;		
	animation-duration: 60s;		
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.cavalo{
	position: relative;
	left: -12px;
	top: -24px;
}

.cavalo img{
	position: absolute;
}

.cavalo .c1{ top: 0; left: 0; }

.cavalo .c2{
	top: 31px; 
	left: 3px;
	z-index: 8; 

	-webkit-animation-name: c2;
		animation-name: c2;
		-webkit-animation-duration: 1s;		
		animation-duration: 1s;		
		animation-iteration-count: infinite;
		animation-direction: alternate;
}

@keyframes c2 {
	from {
		transform: rotate(20deg);
	}

	to {
		transform: rotateZ(-7deg);
		transform-origin: 38% 38%;
	}
}

.cavalo .c3{ 
	top: -1px;
	left: 23px;
	z-index: 5;

	-webkit-animation-name: c3;
	animation-name: c3;
	-webkit-animation-duration: 1s;		
	animation-duration: 1s;		
	animation-iteration-count: infinite;
	animation-direction: alternate;	
}

@keyframes c3 {
	from {					
		margin-top: 7px;					
	}

	to {
		margin-top: 0;					
	}
}

.cavalo .c4{
	top: -8px;
    left: 56px;
    z-index: 6;
}

.cavalo .c5{
    top: -10px;
    left: 61px;
    z-index: 3;  
}

.cavalo .c6{
	top: -24px;
	left: 25px;
	z-index: 4;

	-webkit-animation-name: c6;
		animation-name: c6;
		-webkit-animation-duration: 1s;		
		animation-iteration-count: infinite;
		animation-direction: alternate;		
}

@keyframes c6 {
	from {
		transform: rotate(-7deg);
	}

	to {
		transform: rotateZ(7deg);
		transform-origin: 38% 38%;
	}
}

.cavalo .c7{
    top: 21px;
	left: 113px;	
	z-index: 1;

	-webkit-animation-name: c7;
		animation-name: c7;
		-webkit-animation-duration: 1s;		
		animation-iteration-count: infinite;
		animation-direction: alternate;		
}

@keyframes c7 {
	from {
		margin-top: 5px;
		left: 118px;
	}

	to {
		margin-top: 0px;
		left: 110px;					
	}
}

.cavalo .c8{
	top: 81px;
	left: 103px;
	z-index: 1;
}

.cavalo .c9{
	top: 75px;
	left: 91px; 
	z-index: -1;
}

.cavalo .c10{
	left: 103px;
	top: 82px;
}

.cavalo .c11{
	left: 44px;
	top: 5px;
	z-index: 5;
}

.body-hidden{
	overflow: hidden;
}

.body-hidden .modal{
	overflow-y: auto;
}

.btn-contact{
	width: 37px;
	height: 37px;
	background: url(../images/bt_contacts.png);
}

.btn-contact:hover{
	background: url(../images/bt_contacts.png) 0 -37px;
}

.btn-contact img{
	opacity: 0;
}

.btn-info{
	width: 37px;
	height: 37px;
	background: url(../images/bt_info.png);
}

.btn-info:hover{
	background: url(../images/bt_info.png) 0 -37px;
}

.btn-info img{
	opacity: 0;
}

.btn-full{
	width: 37px;
	height: 37px;
	background: url(../images/full_screen.png);
}

.btn-full:hover{
	background: url(../images/full_screen.png) 0 -37px;
}

.btn-full img{
	opacity: 0;
}

.btn-close{
	width: 36px;
	height: 36px;
	background: url(../images/btn-close.png);
}

.btn-close:hover{
	background: url(../images/btn-close.png) 0 -36px;
}

.btn-close img{
	opacity: 0;
}

.dot{
    font-weight: bold;
    font-size: 20px;    
}

.bt_open{
	width: 189px;
	height: 25px;
	background: url(../images/bt_open.png);
	display: inline-block;
	position: absolute;
	left: 50%;
	margin-left: -94.5px;
	bottom: -45px;
}

.bt_open:hover{
	background: url(../images/bt_open.png) 0 -25px;
}