@import url('https://fonts.googleapis.com/css?family=Play');
@import url('https://fonts.googleapis.com/css?family=Pattaya');
html,body {
	background-color:#343d72;
	font-family: 'Play', sans-serif;
	
}
a { outline:none}
.icons { display:none}
.wrapper {
	min-width:340px;
	max-width:1400px; 
	margin:0 auto;
	transition: .5s cubic-bezier(.75,.02,.33,1);
}
header {
	background-color:#343d72;
	color:#FFFFFF;
	position:relative;
	z-index:1
}
header span {
	float:left;
	position:relative;
	left:85px;
	top:-13px
}
.logo {
	background:#FFFFFF;
	background: linear-gradient(-35deg, transparent 100px, #fff 0) right, linear-gradient(35deg, transparent 100px, #fff 0) left;
	background-size: 50% 100%;
	background-repeat: no-repeat;
	width:260px;
	height:480px;
	float:left;
	text-align:center;
	position:relative;
	z-index:3;
	left:40px;
	border-bottom-right-radius: 130px;
border-bottom-left-radius: 130px;
}
.logo-img {
	position:relative;
	top:-40px;
	z-index:4;
}
.remark { 
	color:#FF0000;
	padding:15px 30px; 
	font-size:22px; 
	font-style:italic
}
.first-name,.last-name {
	text-align:center;
	padding:0;
	display:block;
	width:80%;
	margin:0 auto;
	font-weight:300;
	position:relative;
	top:-45px;
	color:#343d72;
}
.phone, .adres, .mail {
	text-align:left;
	margin:0;
	padding:5px 0;
	font-family:'Play', sans-serif;
	display:block;
	margin-left:40px;
	font-weight:700;
	position:relative;
	top:-25px;
	color:#343d72;
}
.adres span { 
	margin-left:20px
}
.mail i {
	margin-left:-3px;
}
.first-name {
	font-family:'Pattaya', sans-serif;
	font-size:38px; 
	border-bottom:1px solid #343d72
}
.last-name {
	font-size:16px; 
	font-weight:bold;
	font-family:'Play', sans-serif;
}
.page-header { 
	color:#fff; 
	position:absolute; 
	top:440px; 
	width:100%;
	left:-30px;
	text-align:center;
}
main {
	background:#FFFFFF
}
.content { 
	padding:20px
}

.content p {
	font-family: 'Play', sans-serif; 
	font-size:16px; 
	text-align:justify
}
.content img { 
	border:1px solid #343d72; 
	margin:0 15px 15px 0
}
.content .blog1latestnews3 {
	border:1px solid #343d72;
}
.content .blog1latestnews3 img{
	position:relative; 
	z-index:1;
}
.content .blog1latestnews4 { 
	background:rgba(0,0,0, 0.6);
	border:1px solid #343d72;
	position:relative; 
	z-index:999; 
	top:-70px; 
	margin-bottom:-70px!important
}
.content .blog1latestnews4 a{ 
	display: table-cell;
	vertical-align:middle; 
	width:280px; 
	height:60px; 
	text-align:center!important; 
	font-size:22px!important; 
	line-height:26px!important; 
	color:#FFFFFF!important;
	transition: 0.3s linear; 
}
.content .blog1latestnews4 a:hover {
	color:#fff!important; 
	font-size:24px!important;
}
.top-news {
	background:url(https://agp.biz.ua/templates/legal/images/bg1.png) left top repeat;
	border-top:6px solid #343d72; 
	padding:0 20px
}

#string>span{
	color: red; 
	position: relative; 
	font-size: 24pt;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
}
#string>span:after {
	content: "";
	position: absolute; 
	z-index:9999;
	top: 10px; 
	left: 0em;
	width: 190px;
	height: 60px;
	background: linear-gradient(to left, rgba(255,255,255,.0), rgba(255,255,255,.8), rgba(255,255,255,.0)) no-repeat -2em 0%;
	background-size: 2em 100%;
	-moz-transform: skewX(20deg);
	-o-transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
	transform: skewX(20deg);
}
#string>span.blink_on:after{
	transition: 1.5s linear;
	background-position: 130% 0%;
}
.nav-pills {
	text-align:right
}
.nav-pills li {
	list-style:none;
	display:inline;
	margin:0 5px
}
.nav-pills li a {
	font-size:20px;
	letter-spacing:1px;
	color:#FFFFFF;
	text-decoration:none;
	margin: 0 10px;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	display: inline-block;
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.nav-pills li a:before, 
.nav-pills li.current a:before {
	pointer-events: none;
	content: '';
	position: absolute;
	border: #fff solid 1px;
	top: -16px;
	right: -16px;
	bottom: -16px;
	left: -16px;
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left;
}
.nav-pills li a:hover:before, 
.nav-pills li a:focus:before, 
.nav-pills li.current a:before, 
.nav-pills li.active a:before {
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	opacity: 1;
}
nav { 
	position:relative; 
	z-index:2;
	background:url(https://agp.biz.ua/templates/legal/images/fon.jpg) left top no-repeat; 
	background-size:cover; 
	height:395px
}
nav ul  { 
	float:right; 
	margin-top:5px
}
nav ul li {
	padding: 15px 30px;
	list-style: none;
	background: #343d72;
	margin: 15px 0;
	border: 1px solid #999;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	max-width: 300px;
}
nav ul li:hover, 
nav ul li.active {
	background: #000066;
}
nav ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0;
	font-size: 24px;
	text-align: left;
}
nav i { 
	margin-right:8px;
	vertical-align: middle; 
	font-size:18px; 
	line-height:18px
}
.joomly-map-div {
	max-width:1400px!important
}
@media all and (max-width:1000px) {
	.content .blog1latestnews4 {
		top:-70px; 
		margin-bottom:-70px!important
	}
	.content .blog1latestnews4 a{ 
		height:60px;
		font-size:20px!important; 
		line-height:22px!important; 
		color:#FFFFFF!important;
	}
	.content .blog1latestnews4 a:hover {
		color:#fff!important; 
		font-size:21px!important
	}
	.page-header { 
		position: relative; 
		top:0px;
		left:0;
		color:#343d72
	}

}
@media all and (max-width:860px) {
	nav ul li a {
		font-size: 20px;
	}
	nav ul li {
		max-width:160px;
		margin:14px 0
	}
	.nav-pills li a 
	{
	font-size:15px;
	margin:0 5px
	}
	.content .blog1latestnews4 {
		top:-80px; 
		margin-bottom:-80px!important
	}
	.content .blog1latestnews4 a{
		height:70px;font-size:20px!important;
		line-height:22px!important; 
		color:#FFFFFF!important;
		transition: 0.3s linear; 
	}
	.content .blog1latestnews4 a:hover {
		color:#fff!important; 
		font-size:21px!important
	}
}
@media all and (max-width:720px) {
	.logo {
		left:10px!important
	}
	header { 
		height:30px
	}
	header span {
		display:none
	}

}
@media all and (max-width:650px) {
	h2 {
		text-align: center !important;
	}
	nav ul li a {
		font-size:20px!important; 
		padding:15px 0!important
	}
}
@media all and (max-width:600px) {
	nav ul,
	.nav-pills{
		display:none
	}
h2{ font-size:22px;}
p img { width:100%; height:auto; margin:0 0 15px 0!important}
	.logo { 
		float:none!important; 
		left:0!important; 
		margin:0 auto
	}
	nav {
		background:url(../images/fon.jpg) center top no-repeat!important;
		height:380px
	}
	.remark { padding:0 30px; min-height:75px}
.remark label,
.remark ul{
display:block!important}
em span img { float:none}
.hidden-menu {
text-align:left;
  display: block;
  position: fixed;
  z-index:999999;
  list-style:none;
  padding: 20px 10px 0;
  margin: 0;
  box-sizing: border-box;
  width: 300px;
  background-color: #343d72;
  border-right:1px solid #fff;
  height: 100%;
  top: 0;
  left: -300px;
  transition: left .2s;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.hidden-menu-ticker {
  display: none;
}
.nav-pills {padding-left: 0!important;text-align:left!important}
.nav-pills li {text-align:left; float:none; margin:20px 0; display:block}
.nav-pills li a { font-size:20px}
.category-module {margin:0; padding:0}
.category-module li { list-style:none; border-bottom:1px solid #B0AEF7; margin-bottom:15px}
.category-module li a { font-size:18px; text-decoration:none; color:#FFFFFF;}
.btn-menu {
  color: #fff;
  background-color: #343d72;
  padding: 5px;
  position: relative;
  top: 0;
  left: 5px;
  cursor: pointer;
  transition: left .23s;
  z-index: 3;
  width: 45px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.btn-menu span {
  display: block;
  height: 5px;
  background-color: #fff;
  margin: 10px 0 0;
  transition: all .1s linear .23s;
  position: relative;
}
.btn-menu span.first {
  margin-top: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu {
position:fixed;left: 300px;  top:0;
background-color:#990000; border:1px solid #fff;
}
.hidden-menu-ticker:checked ~ .hidden-menu {
  left: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu span.first {
  -webkit-transform: rotate(45deg);
  top: 15px;
}
.hidden-menu-ticker:checked ~ .btn-menu span.second {
  opacity: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu span.third {
  -webkit-transform: rotate(-45deg);
  top: -15px;
}
.remark .callme { display:block!important; position:absolute; right:40px; top:420px}
.remark .callme i { font-size:42px; color:#FFFFFF}
}
@media all and (max-width:480px){
.remark .callme { right:20px}
.btn-menu { left:-20px}
h2 { text-align:center!important;
}
.content img { float: none!important; margin:0 auto 15px}
}
.remark label,
.remark ul,
.remark input,
.remark .callme { display:none}