ol, ul {list-style: none;}
body {background: #fff;font-family: 'Roboto', sans-serif;font-size:15px;color: #333;}
/* ==========================================================================
winner
========================================================================== */
#winList-wrapper{position: absolute;width:100%;}
#winList{position: relative;z-index:111; color:rgba(255,255,255,0.9);}
#winList li i{font-size:25px;}
#winList h2{font-size:13px;font-family: 'Raleway', sans-serif;letter-spacing: 2px;font-weight:300;}
/* ==========================================================================
main slider
========================================================================== */
.slide-wrapper{overflow:hidden;}
#slide { position:relative; height:600px;margin:0 auto; padding:0px 0px 0 0px; z-index:100; background:#000; }
.slider { width:1240px;margin:0 auto; position:relative; z-index:2; overflow:visible !important; }
.items { display:none;}
/* ==========================================================================
navBar
========================================================================== */
#navBar {display:inline-block;width:100%;text-align:center;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index:999;}
#navBar #align-to-center{display: inline-block;}
#navBar #align-to-center .menu{float:left;}
#navBar #align-to-center .menu a{display:block;padding:40px 40px;color:#031c90;text-decoration:none;}
#navBar #align-to-center .menu a:hover{text-decoration:underline;}
#navBar #align-to-center .logo{float:left;}
#navBar #align-to-center .logo img{width:100px;}
.fixedNav{position:fixed; background:#fff;top:0;box-shadow: 0 1px 3px #555;font-family: 'Open Sans', sans-serif;font-size: 25px;padding-top: 4px;}
.normalNav{position:absolute;top:480px;text-shadow:1px 1px 1px #fff, -1px -1px 1px #fff,1px -1px 1px #fff, -1px 1px 1px #fff;font-family: 'Roboto', sans-serif;font-size: 30px;}
.announcements{padding:10px 0; background: #000;color:#fff !important;}
/* ==========================================================================
greeting section
========================================================================== */
#greeting h1 {font-family: 'Raleway', sans-serif;letter-spacing: 2px;color:#ff61af;}
#letters{float:left;width:50%;padding: 0 20px; line-height:1.5em;}
#letters span{display:block;margin-bottom:20px;}
#greetingImg {float:right;width:50%;}
#greetingImg img{width:100%;}
/* ==========================================================================
address section
========================================================================== */
.address {background-repeat: no-repeat;background-size: cover;padding-top: 100px;padding-bottom: 100px;margin-top: 50px;}
.address #info{width:500px;line-height:1.5em;background: rgba(255,255,255,0.9);padding:50px 20px;margin-right:100px;}
.address #info h1{font-family: 'Raleway', sans-serif;letter-spacing: 2px;font-size:25px;color:#ff61af;}
.address #info span{display:block;margin-bottom:20px;color:#333;}
.address #info i{font-size:20px; color:#ff61af;}
#address {background-image:url("../img/address_bg.jpg");}
#address2 {background-image:url("../img/address_bg2.jpg");}
#address #info {float:right;}
/* ==========================================================================
footer section
========================================================================== */
#maps{margin-top:50px;}
#maps h1{font-family: 'Raleway', sans-serif;letter-spacing: 2px;color:#ff61af;}
/* ==========================================================================
footer section
========================================================================== */
footer p {
  padding-top: 300px;
}
.social-icon {
  padding: 0;
  margin: 0;
}
.social-icon li {
  list-style: none;
  display: inline-block;
  padding: 6px;
}
.social-icon li a {
  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.09);
  color: #808080;
  font-size: 20px;
  width: 56px;
  height: 56px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  cursor:pointer;
  transition: all 0.4s ease-in-out;
}
.social-icon li a:hover {
  color: #3db7ef;
}

@media screen and (min-width: 992px) {
  @-moz-document url-prefix() {
    #portfolio .col-lg-4,
    #portfolio .col-md-4 {
      width: 33.333%;
    }
  }    
}
/* Preloader 
	https://ihatetomatoes.net/create-custom-preloading-screen/
*/
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; }
   #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; /* Chrome, Opera 15+, Safari 5+ */
   	animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ z-index: 2001; }
   #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent;
   	border-top-color: #e74c3c; /* Chrome, Opera 15+, Safari 5+ */
   animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }
   #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent;
border-top-color: #f9c922; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ }
@keyframes spin {
	0%   {  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}

#loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #222222; z-index: 2000;  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */ transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */}

#loader-wrapper .loader-section.section-left { left: 0; }

#loader-wrapper .loader-section.section-right { right: 0; }

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
	opacity: 0;  
	transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
	visibility: hidden;  /* Chrome, Opera 15+, Safari 3.1+ */  /* IE 9 */
	transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */  
	transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
/*.no-js #loader-wrapper { display: none; }
*//*============ Preloader ends ==================================*/