@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Rubik:300,400,500,700&display=swap');

body {
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #000;
}
.container { width: 100%; max-width: 1200px; }

.container-fluid {
	width: 100%;
	min-width: 100%;
	max-width: 100%
}
.containerContent {
	padding-top: 40px;
	padding-bottom: 40px;
}
img { border: 0; }
a { color: #4D567B; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
a:hover { text-decoration: underline; color: #9ea5c2; }
a:focus { text-decoration: none; }
.btn, a.btn { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus { outline: none; border: 0 }
.btn:focus, .btn:active:focus, .btn.active:focus{ outline:none; box-shadow:none; }

h1 {
	font-family: 'Open Sans', sans-serif;
	color: #272059;
	font-size: 32px;
	font-weight:bold;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
h2 {
	color: #000;
	font-size: 32px;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
h3 {
	color: #000;
	font-size: 18px;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
hr { border: 0; height: 1px; background: #aaa; background-image: linear-gradient(to right, #eee, #aaa, #eee); }
ol li { line-height: 22px }
blockquote { font-size: 14px; border-left: 0; margin-left: 40px }

/*     End Defaults		  */


/*     End Howey Buttons  */

.dropdown-menu  {
	padding: 15px;
	color: #86a59b;
	min-width: 280px;
	box-shadow: 0px 2px 6px #aaa;
	-webkit-box-shadow: 0px 2px 6px #aaa;
	-moz-box-shadow: 0px 2px 6px #aaa;
}
.dropdown-menu  a {
	font-size: 16px;
}
.dropdown-menu  a:hover {
	background: #7d122d;
	color: #fff;
}
.dropdown-menu  .active {
	background: #fff;
	color: #7d122d;
}
.dropdown-menu .active a {
	background: #fff;
	color: #000
}
#navbarResponsive ul {
	width: 100%;
	padding-top: 30px;
}
#navbarResponsive > li {
	padding: 0px;
}
#navbarResponsive .navbar-nav > li{
    float:none !important;
    display:inline-block !important;
    padding: 0;
    margin: 0;
}
#navbarResponsive .navbar-nav > li > a {
    color: #66666a;
    font-size: 17px;
    padding: 12px;
    padding-left: 14px;
    padding-right: 14px;
}
#navbarResponsive .navbar-nav > li > a:hover {
    color: #333;
}

#navbarResponsive .navbar-nav { text-align:center !important; }
.navbar-collapse { text-align: center; }
.navbar-nav { display: inline-block; float: right; vertical-align: top; }

.topheadContainer {
	border-bottom: thin #dfe2e6 solid;
	font-size: 15px;
	color: #66666a
}
.btnTop {
	padding: 15px;
	padding-top: 15px;
	padding-bottom: 12px;
	display: inline-block;
	font-size: 14px;
	color: #66666a
}
.phoneBlock {
	border-right: thin #dfe2e6 solid;
}
.emailBlock {
}
.loginBlock {
	border-right: thin #dfe2e6 solid;
}
.signBlock {
}
.btnTopdonate {
	padding: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
}
.donateBlock a {
	display: inline-block;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background: #f2a51d;
	color: #fff;
	padding: 8px;
	font-weight: bold;
	padding-left: 18px;
	padding-right: 18px
}
.logo img {
	max-width: 325px;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 10px
}
.headContainer {
	padding-top: 10px;
	padding-bottom: 10px
}
.titleContainer {
	min-height: 80px;
	background: #fff url('images/linkunder.png') repeat-x top left;
}
.homeRyan {
	background: url('images/ryry-banner.png') no-repeat top right;
	min-height: 500px;
}
.bannerPadding {
	padding-top: 150px
}
.bannerText1 {
	font-size: 50px;
	color: #f2a51d;
	font-weight: bold
}
.bannerText2 {
	font-size: 45px;
	color: #272059;
	margin-top: -12px;
}
.bannerText3 {
	font-size: 18px;
	color: #afaeae; 
	padding-top: 40px
}
.containerPadding {
	padding-top: 60px;
	padding-bottom: 60px;
}
.footer {
	background: #BBB;
	padding-top: 30px;
}
.copyright {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top:thin #fff solid;
	font-size: 14px;
	color: #555;
	margin-top: 30px;
}
.contactBox {
	background: #ebebeb;
	color: #000;
	padding: 20px;
	margin-top: 22px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	text-align:center;
}
.contactBox .fa-map-marker {
	font-size: 100px;
	color: #272059
}
.linedOne {
	height: 6px;
	background: #e8e8e8;
	margin-bottom: 25px;
}
.linedOneThin {
	height: 2px;
	background: #e8e8e8;
	margin-top: 18px;
	margin-bottom: 12px;
}
.aboutBox {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:center
}
.aboutBox h2 {
	font-weight: bold;
	font-size: 18px
}
.showMore {
	display: none
}
.staff-sm {
	max-width: 180px;
	border: 5px #e8e8e8 solid;
	width: 100%;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	margin-bottom: 20px
}
.whiteTitleBold {
	font-size: 18px;
	color: #AAA;
}
.form-lab label {
display: inline-block; padding-top: 10px;padding-right: 10px	
}

/*     Mobile Screens 	 */

.navbar-toggler { display: none; font-size: 40px; float: left; margin-top: -4px; color: #999 }
.closeNaver { display:none; position: fixed; top: 30px; right: 30px; z-index:9998 !important; cursor:pointer; font-size: 35px; color: #999 }

@media all and (max-width: 1366px) { 
/* Tablets landscape and MOST laptop screens */

}
@media all and (max-width: 1199px) {


/* Tablets and small screens */

}
@media all and (max-width: 991px) { 
/* Tablets and small screens */

.navbar-toggler {
	display: inline-block
}
#navbarResponsive .navbar-nav > li {
    float:none !important;
    display: block !important;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    top:0;
}
#navbarResponsive { top:0;margin-top:0px;height:100%;width:100%;left:0;position:fixed; padding-top: 50px;background:rgba(255,255,255,.9);z-index:9998 }

.logo {
	text-align: center
}
} 
@media all and (max-width: 768px) {
/* Small Tablet including all ipads excluding iPad Pro (1024)*/

.logo img { max-width: 400px; width: 100% }

} 
@media all and (max-width: 480px) {
/* Large phones excluding iPhone Plus which is 414 */

.logo img { max-width: 400px; width: 100%  }

}
@media all and (max-width: 414px) {
/* iPhones including plus and other small screens */

.logo img { max-width: 400px; width: 100%  }

}