/* ---------- Google Font ---------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800);

/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
.italic { font-style: italic }
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin:10px; }
.alignright { float:right;margin:10px; }
.no-margin{margin:0px;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.margin-t{margin-top:22px;}
div { position:relative } 
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active,a:focus{outline: none;}

img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 11px;
}

.alignleft, img.alignleft{
display: inline;
    float: left;
    margin-right: 22px;
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 22px;
}

.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img {
	max-width: 100%;
	}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
IMG.displayed2 {
	border:0px solid #;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;  
    display: block;
    margin-left: auto;
    margin-right: auto; 
}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}

*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#logo {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	}
div#slider { width: 80%; max-width: 480px; }

div#slider figure {
position: relative; width: 900%;
margin: 0; padding: 0; font-size: 0; text-align: left;
}
div#slider figure img { width: 11.1%; height: auto; float: left; }
div#slider { width: 80%; max-width: 480px; overflow: hidden }

@-ms-keyframes slidy {
0% { left: 0%; }
11.1111% { left: 0%; }
12.5% { left: -99.9%; }
23.6111% { left: -99.9%; }
25% { left: -199.8%; }
36.1111% { left: -199.8%; }
37.5% { left: -299.7%; }
48.6111% { left: -299.7%; }
50% { left: -399.6%; }
61.1111% { left: -399.6%; }
62.5% { left: -499.5%; }
73.6111% { left: -499.5%; }
75% { left: -599.4%; }
86.1111% { left: -599.4%; }
87.5% { left: -699.3%; }
98.6111% { left: -699.3%; }
100% { left: -800%; }
}
@-o-keyframes slidy {
0% { left: 0%; }
11.1111% { left: 0%; }
12.5% { left: -99.9%; }
23.6111% { left: -99.9%; }
25% { left: -199.8%; }
36.1111% { left: -199.8%; }
37.5% { left: -299.7%; }
48.6111% { left: -299.7%; }
50% { left: -399.6%; }
61.1111% { left: -399.6%; }
62.5% { left: -499.5%; }
73.6111% { left: -499.5%; }
75% { left: -599.4%; }
86.1111% { left: -599.4%; }
87.5% { left: -699.3%; }
98.6111% { left: -699.3%; }
100% { left: -800%; }
}@-moz-keyframes slidy {
0% { left: 0%; }
11.1111% { left: 0%; }
12.5% { left: -99.9%; }
23.6111% { left: -99.9%; }
25% { left: -199.8%; }
36.1111% { left: -199.8%; }
37.5% { left: -299.7%; }
48.6111% { left: -299.7%; }
50% { left: -399.6%; }
61.1111% { left: -399.6%; }
62.5% { left: -499.5%; }
73.6111% { left: -499.5%; }
75% { left: -599.4%; }
86.1111% { left: -599.4%; }
87.5% { left: -699.3%; }
98.6111% { left: -699.3%; }
100% { left: -800%; }
}@-webkit-keyframes slidy {
0% { left: 0%; }
11.1111% { left: 0%; }
12.5% { left: -99.9%; }
23.6111% { left: -99.9%; }
25% { left: -199.8%; }
36.1111% { left: -199.8%; }
37.5% { left: -299.7%; }
48.6111% { left: -299.7%; }
50% { left: -399.6%; }
61.1111% { left: -399.6%; }
62.5% { left: -499.5%; }
73.6111% { left: -499.5%; }
75% { left: -599.4%; }
86.1111% { left: -599.4%; }
87.5% { left: -699.3%; }
98.6111% { left: -699.3%; }
100% { left: -800%; }
}@keyframes slidy {
0% { left: 0%; }
11.1111% { left: 0%; }
12.5% { left: -99.9%; }
23.6111% { left: -99.9%; }
25% { left: -199.8%; }
36.1111% { left: -199.8%; }
37.5% { left: -299.7%; }
48.6111% { left: -299.7%; }
50% { left: -399.6%; }
61.1111% { left: -399.6%; }
62.5% { left: -499.5%; }
73.6111% { left: -499.5%; }
75% { left: -599.4%; }
86.1111% { left: -599.4%; }
87.5% { left: -699.3%; }
98.6111% { left: -699.3%; }
100% { left: -800%; }
}
div#slider figure {
position: relative; width: 900%;
margin: 0; padding: 0; font-size: 0; left: 0; text-align: left;
-ms-animation: 30s slidy ease-in-out infinite;
-o-animation: 30s slidy ease-in-out infinite;
-moz-animation: 30s slidy ease-in-out infinite;
-webkit-animation: 30s slidy ease-in-out infinite;
animation: 30s slidy infinite;
}
html{-webkit-font-smoothing:antialiased;}

a{color:#BA0707;}
a:hover{color:#BA0707;text-decoration:underline;}

body{background:#f9e7b7;
color:#3E4156;
font: 1em "Open Sans", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
line-height:1;
width:100%;}


h1{font-size:2.25em;line-height:1.3em; }
h2{font-size:2em;line-height:1.3em;}
h3{font-size:1.5em;line-height:1.3em;}
h4{font-size:1.125em;line-height:1.3em;}
h5{font-size:1em;}
h6{font-size:1.5em;line-height:1.3em; text-align: center;}
p{padding-bottom:11px;}
p,div, span{line-height:1.5em;}
.column-clear{clear:both;}
.clear{overflow: hidden;}

.mainWrap{width:960px;margin:0 auto;}

.title{margin:100px 0 20px 0;
text-align:center;
color:#3E4156;}
.back{text-align:center;}

nav{display:block;
margin-top: 20px;
background:#a2a975;
}

.menu{display:block;}

.menu li{display: inline-block;
position: relative;
z-index:100;}

.menu li:first-child{margin-left:0;}

.menu li a {font-weight:600;
text-decoration:none;
padding:11px;
display:block;
color:#000000;

-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{color:#ffffff;
background:#9CA3DA;}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 43px;
left: 0px;
background: #ffffff;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {font-size:0.875em;
font-weight:normal;
display:block;
color:#000000;
border-left:3px solid #ffffff;
background:#a2a975;}

.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #9CA3DA;
color:#797979;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}

.mobile-menu{display:none;
width:100%;
padding:11px;
background:#3E4156;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{background:#3E4156;
color:#ffffff;
text-decoration:none;
}

@media (min-width: 768px) and (max-width: 979px) {
.mainWrap{width:768px;}
.menu ul {top:37px;}
.menu li a{font-size:12px;
padding:8px;}
}

@media (max-width: 767px) {

.mainWrap{width:auto;padding:50px 20px;}

.menu{display:none;}

.mobile-menu{display:block;
margin-top:100px;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #9CA3DA;}

.menu ul {
display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

@media (max-width: 480px) {

}

@media (max-width: 320px) {
}
/*bullet points on some lists */
.bullets, .bullets li {
  padding: 0;
  margin: 0;
  list-style: disc;
}

.bullets li {
  margin: 1em;
  margin-left: 3em;
}
/* responsive gallery code */

.container {
    width: 90%;
    margin: 30px auto;
    overflow: hidden;
}

.galleryItem img {
    max-width: 100%;
}
.galleryItem {
    color: #3E4156;
    font: 10px/1.5 Verdana, Helvetica, sans-serif;
    float: left;    
    width: 16%;
    margin:  2% 2% 50px 2%; 
}`
.galleryItem h3 {
    text-align: center;
}
@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
    .galleryItem {width: 21%;}
}
 
@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
    .galleryItem {width: 29.33333%;}
}
 
@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
    .galleryItem {width: 46%;}
}
 
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
    .galleryItem {width: 96%;}
    .galleryItem img {width: 96%;}
    .galleryItem h3 {font-size: 18px;}
    .galleryItem p, {font-size: 18px;}
}

#pic-name{display:block;
margin-top: 20px;
font: 1.5em Verdana, Helvetica, sans-serif;
text-align: center;
}
#emales {
word-wrap: break-word;
}
p.test {
    word-wrap: break-word;
}
/* contact form */
#contact {
    min-width:300px;
    max-width:800px;
    margin:auto;
    font-family: sans-serif;
    box-shadow: 5px 5px 5px #888888;
    padding:20px;
    border:4px solid #27748A;
}

#contact h2 {
    color:#27748A;
    font-size:35px;
    margin:0;
}

#contact p {
    font-size:15px;
    color:#222222;
}

#contact div {
    margin-top:10px;
}

#contact input, textarea, button {
    width:100%;
    border:2px solid #9ECEDB;
    padding:3px 5px;
}

#contact label {
    font-weight:bold;
    font-size:12px;
    color:#184552;
}

#contact button {
    background-color: #9ECEDB;
    color: #184552;

}

#contact button:hover {
    background-color: #CBEAF2;
}
.required {
    color:#dd6666;
}