/* Reset Styles
***********************/
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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}

body {
	 /* background: #090708;   */
	/* font-family: 'Georgia', 'Arial', sans-serif; */
	}
#container {
	width: 80%; 
	/* max-width: 800px;  */
	/* max-height: 300px; */
	margin: 0 auto;
	/* position: relative;  */
	padding-top:30px;
	}

#pol_1{
	background-position: -80px 0;
}
#pol_2{
	background-position: -350px 0;
}
#pol_3{
	background-position: -640px 0;
}
#pol_4{
	background-position: -1000px 0;
}



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

.flexslider .slides img {
	max-height:840px;
}

}


@media screen and (max-width: 1500px) {
	
#container {
width: 100%;
}
.flexslider .slides img {
	max-height:750px;
	}
#pol_1{
	background-position: -80px 0;
}
#pol_2{
	background-position: -290px 0;
}
#pol_3{
	background-position: -560px 0;
}
#pol_4{
	background-position: -820px 0;
}

.flex-direction-nav li a.next {
 	right: 10px;
	}
.flex-direction-nav li a.prev {
	left: 10px;
	}




}


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

.flexslider .slides img {
	max-height:700px;
}

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

.flexslider .slides img {
	max-height:650px;
	}
#pol_1{
	background-position: -50px 0;
}
#pol_2{
	background-position: -240px 0;
}
#pol_3{
	background-position: -560px 0;
}
#pol_4{
	background-position: -770px 0;
}

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

.flexslider .slides img {
	max-height:500px;
	}
#pol_1{
	background-position: -40px 0;
}
#pol_2{
	background-position: -220px 0;
}
#pol_3{
	background-position: -390px 0;
}
#pol_4{
	background-position: -600px 0;
}

}

@media screen and (max-width: 900px) {
	
/*
.flexslider .slides img {
	max-height:460px;
	}

#pol_1{
	background-position: -40px 0;
}
#pol_2{
	background-position: -220px 0;
}
#pol_3{
	background-position: -350px 0;
}
#pol_4{
	background-position: -510px 0;
}

*/


}



h2 {padding: 20px 0 30px; font-size: 18px; line-height: 22px; font-style: italic;}
h2 a {text-decoration: none; color: #427f9e;}
h2 a:hover {border-bottom: 1px dotted #427f9e;}


#pol_1, #pol_2, #pol_3, #pol_4{
	width:10%;
	max-width:180px;
	height: 70%;	
	border:1px solid #727272;
	position:absolute;
	box-shadow:20px 30px 40px 10px;
	animation-duration: 1s;
	background-repeat: no-repeat;  
	background-size: auto 100%;
}

#pol_1{
	/* top:240px; */
	bottom:20px;
	right:45%;
	animation-name: slidein1; 
}
#pol_2{
	top:30px;
	right:32%;
	animation-name: slidein2;
}
#pol_3{
	/* top:180px; */
	bottom:100px;
	right:19%;
	animation-name: slidein3;
}
#pol_4{
	top:60px;
	right:6%;
	animation-name: slidein4;
	
}


@keyframes slidein1 {
  from {
    bottom: -40px;
	opacity:0.5;
  }
  to {
    bottom: 20px;
	opacity:1;
  }
}
@keyframes slidein2 {
  from {
    top: -40px;
	opacity:0.5;
  }
  to {
    top: 30px;
	opacity:1;
  }
}
@keyframes slidein3 {
  from {
    bottom: -0px;
	opacity:0.5;
  }
  to {
    bottom: 100px;
	opacity:1;
  }
}
@keyframes slidein4 {
  from {
    top: -20px;
	opacity:0.5;
  }
  to {
    top: 60px;
	opacity:1;
  }
}