@charset "UTF-8";

/* ELEMENTS */

html, body, div, span, applet, object, iframe, h1, h2, .rome-baner-container .rome-heading h1, .rome-swiper-content .rome-heading h1, 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; font-family:'Nunito', sans-serif;}
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;}
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}


.t-center {
	text-align: center;
}
.no-list {
	list-style: none !important;
}

.line{text-decoration:underline;}
.theme-red{color:#e4002b;}
.no-padd {
	padding-left: 0px;
	padding-right: 0px;
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{ font-family:'Open Sans', sans-serif;}
h4 {
	font-size: 22px;
	line-height: 45px;
}
p {
	font-family: 'Nunito', sans-serif;
	margin: 10px 0;
}
strong {font-weight: bold;}
.yellow-text {color: #f3bc3f !important;}
.white-text {color: #fff !important;}
.light-grey {color: #909090 !important;}
.grey-text {color: #888 !important;}
blockquote {
	border-left: 3px solid #f3bc3f;
	color: #222;
	font-size: 16px;
	font-style: italic;
	line-height: 33px;
	font-family: 'Nunito', sans-serif;
	margin: 20px 0 40px;
	padding: 20px 20px;
	position: relative;
	transition: 0.2s border ease-in-out;
	z-index: 0;
	letter-spacing: 0.65px;
}
blockquote::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -4px;
	height: 2em;
	background-color: #fff;
	width: 5px;
	margin-top: -1em;
}
blockquote::after {
	content: "\f10d";
	position: absolute;
	top: 50%;
	left: -0.5em;
	color: #f3bc3f;
	font-family:FontAwesome;
	font-style: normal;
	line-height: 1em;
	text-align: center;
	text-indent: -2px;
	width: 1em;
	margin-top: -0.5em;
	transition: 0.2s all ease-in-out, 0.4s transform ease-in-out;
}
blockquote cite {
	display: block;
	font-size: 16px;
	line-height: 18px;
	margin-top: 1em;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
}	
/*buttons*/
.rome-btn-donate:hover, .rome-btn-learn-more:hover, .contact-patch .rome-btn-donate:hover {
	text-decoration: none;
	background: #e4002b;
}

.rome-btn-donate, .rome-btn-learn-more, .rome-contact-form .rome-btn-learn-more {
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 10px 40px;
	letter-spacing: .5px;
	-webkit-transition: .4s;
	transition: .4s;
}
.rome-black-btn {
	background-color: #222;
}

/*Site UL*/
.rome-about-us-text ul {margin: 0; padding: 0; list-style: disc;}
.rome-about-us-text ul li {font-size: 16px; line-height: 33px; letter-spacing: 0.65px; color: #222; font-family: 'Nunito', sans-serif;}

/***************Start Header****************/
.wpc-navigation {position:relative; z-index:9; top:0; width:100%; height:auto; -webkit-transition:0.3s linear; transition 0.3s linear; background: #f3bc3f;}
.wpc-navigation nav {display:block;}
.logo {float: left; margin: 0 5px; letter-spacing: 0;}
.logo a {display: block;}
.logo img {width: 100%; height: auto;}
/***************End Header****************/



/***************Start All Headings****************/
.rome-heading .rome-subtitle {font-size: 13px; line-height: 2; letter-spacing: 3.9px; text-transform: uppercase;}
.rome-heading-yellow .rome-subtitle {color: #444;}
.t-title-tabs .rome-subtitle p {margin-top: 5px; letter-spacing: 3px; font-size: 14px; padding: 0; margin-bottom: 0;}
.rome-heading .rome-subtitle {font-size: 13px; line-height: 2;letter-spacing: 3.9px; text-transform: uppercase; margin-bottom: 0;}
.rome-heading .rome-subtitle p {margin-bottom: 0;}
.rome-heading h2 span, .rome-heading h1 span {position: relative;}
.rome-heading h2::before, .rome-heading h1::before {content:""; position:absolute; left:12%; top:-2px; width:74%; height:118%; line-height:1.125;}
.rome-heading-yellow h2::before{background-color: #f3bc3f;}
.rome-heading h2{font-weight:800; font-size:31px; line-height:1.125; letter-spacing:2px; text-transform:uppercase; position:relative; margin:14px 0 26px; display:inline-block;}
.yellow-text {color: #f3bc3f !important;}
.rome-about-us-text h2 {
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 0;
	text-transform: capitalize;
	position: relative;
	margin: 25px 0;
	display: inline-block;
	color: #222;
}


/***************End All Headings****************/

/*Preeloader*/
.page-preloader {position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #fff; z-index: 100500;}
.page-preloader .spinner {width:128px; height:128px; position:absolute; left:50%; top:50%; background: url("../img/preloader.gif") no-repeat 50% 50%; margin:-64px 0 0 -64px;}

/***************Start Contact Patch****************/

.contact-patch {
	position: relative;
	background-image: url(../img/IMG-8.jpg);
	padding: 50px 0;
}
.contact-patch::before {
	position: absolute;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #f3bc3f;
	opacity: 0.8;
	content: "";
	top: 0;
	left: 0;
}

.contact-patch .rome-heading h2 {font-weight:800; font-size:25px; line-height:32px; letter-spacing:1.6px; text-transform:capitalize; position: relative; margin:14px 0 26px; display:inline-block; color:#fff;}
.contact-patch .rome-btn-donate {padding:10px 40px; margin:20px 0; background-color:#222; font-size:11px; line-height:2.36364; color:#fff;}

/***************End Contact Patch****************/

/***************Start Footer****************/
footer {padding-top: 0; position: relative; overflow: hidden; background-color: #333; font-family: 'Nunito', sans-serif;}
.footer_widget p {margin: 0 auto 20px; color: #fff; font-size: 14px; line-height: 28px; letter-spacing: 0.65px;}
.footer_widget {margin: 60px auto 0; padding-bottom: 40px;}
.footer_widget ul {padding: 0; margin: 0 auto; list-style: none;}
.footer_widget a {color: #fff; display: inline-block; padding-left: 1px;}
.footer_widget .widget_inner .recent-footer-posts .recent-footer-post {color:#fff; font-size:14px; margin-bottom:0; padding-bottom:15px; list-style-type:disc; line-height:23px; letter-spacing:0.65px;}
.footer_nav li {display: inline-block; width: 48%; vertical-align: top; margin: 0 0 10px;}
.footer_nav li a {font-size: 14px;}
.footer_widget h5 {margin:0 auto 20px; color:#f3bc3f; font-weight:600; font-size:21px; line-height:40px; letter-spacing:0.3px; text-transform: capitalize;}
.rome-copyright {text-align:center; color:#333; background-color:#f3bc3f; font-size:13px; line-height:20px; letter-spacing:0.65px; padding: 20px 0;}
.rome-copyright a {color: #e4002b;}
/***************End Footer****************/

/***************Start Inner Pages Structure****************/
.inner-header {background-image: url("../img/inner-header.jpg"); background-size:cover; background-position:center; position:relative; padding: 100px 0; margin: 0; text-align: center;}
.inner-header .rome-heading {display: inline-block; position: relative; text-align: center; z-index: 1;}
.inner-header .rome-heading-black h1::before {background-color:#222; height:108%; content:""; position:absolute; left:12%; top:-2px; width:74%; line-height:1.125;}
.inner-header .rome-heading h1 span {position: relative;}
.inner-header .rome-heading h1 {font-size: 60px; line-height: 1.16667; letter-spacing: 3px; margin: 23px 0 35px; text-transform: uppercase; display: inline-block; font-weight: 800; position: relative; color:#fff;}
.rome-about-us-text {font-size: 16px;line-height: 33px; letter-spacing: 0.65px; color: #222; margin: 20px;}
/***************End Inner Pages Structure****************/



/***************Start About Us Page****************/

.founder {background:rgba(0, 0, 0, 0) url("../img/shortcodes-separate.png") repeat-x scroll center bottom; margin-bottom:40px; padding-bottom:40px;}

/***************Ens About Us Page****************/


/***************Start Home Page****************/
/*Slider */
.my-slider {height: auto; margin: 0; width: 100%;}

/*Slider Right Text*/
.right-side-text {
	background-color: #2b2f38;
	margin: 0;
	padding: 75px 30px 30px;
	text-align: center;
	color: #fff;
	overflow-y: scroll;
	height: 506px;
}
.right-side-text h3 {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 20px;
}
.right-side-text p {
	color: #fff;
	font-size: 15px;
	line-height: 28px;
	letter-spacing: 0.65px;
	font-family: 'Nunito', sans-serif;
	margin-bottom: 20px;
}


/*Home About*/
.home-about {padding: 120px 0 70px; text-align: center;}
.rome-about-us-text .rome-btn-donate.rome-black-btn.rome-btn-big {margin: 20px 0; font-size: 11px; line-height: 2.36364;}

/*Home Quote*/
.rome-quote {
	padding: 60px 0;
	text-align: center;
	position: relative;
	background-image: url(../img/slide-1.jpg);
	background-attachment: fixed;
	background-size:cover;
	background-position:0 70px;
}
.rome-quote::before {
	position: absolute;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #f3bc3f;
	opacity: 0.8;
	content: "";
	top: 0;
	left: 0;
}

.rome-quote h3::before {content: '❝'; font-size: 20px; color: #e4002b; position: relative;top: -5px; left: -15px;}
.rome-quote h3 {
	font-size: 34px;
	color: #222;
	font-weight: 400;
	font-style: italic;
	line-height: 40px;
	letter-spacing: 0;
	position: relative;
}
.rome-quote h3::after {
	content: '❞';
	font-size: 20px;
	color: #e4002b;
	position: relative;
	top: -5px;
	right: -15px;
}
.rome-quote p {font-size: 20px; color: #e4002b; letter-spacing: .5px; margin: 25px 0 15px 0; position: relative; text-transform: capitalize;}

/*Ministries*/

.ministries {padding: 0 0 120px;text-align: center;}
.ministry1 {width: 20%; height: auto; float: left; padding: 0 5px;}
.ministry1 .rome-post-text span {display: block; font-weight: 600; color:#e4002b;}
.rome-post {text-align: left; padding: 30px 0 0 0;}
.rome-post img {margin: 10px 0 25px 0; width: 100%; height: auto;}
.rome-post a {font-size: 14px; color: #222; font-weight: 700; display: block; font-family: 'Open Sans', sans-serif; line-height:20px;}
.rome-post .rome-post-text {font-size: 14px; color: #222; font-weight: 400; line-height: 25px; margin-top: 17px; padding-right: 10px;}
.founder h2 {
	margin: 0;
}

/***************Start Home Page****************/


/***************Start Pastor Page****************/
.home-pastor {padding: 120px 0;}
.rome-info-block-icon {width: 100%; height: auto; margin: 50px 0;}
/***************End Pastor Page****************/

/***************Start Mission Page****************/
.main-mission{padding:120px 0; font-family: 'Open Sans', sans-serif;}
.main-mission .rome-info-block-icon {margin:30px 0; width: 100%; height: auto;}
.rome-info-block-icon img {width: 100%; height: auto; border-width: 7px; border-style: double; border-color: #e4002b;}
/***************End Mission Page****************/


/***************Start Donation Page****************/
.donation {padding: 120px 0;}
.donation .rome-about-us-text ul {margin: 10px 0 30px; list-style: none; padding:0px; font-family:'Nunito', sans-serif;}
/***************End Donation Page****************/




/***************Start Taylorite Bulletin Page****************/

.bulletin-links {width: 100%; height: auto; margin: 20px 0;}
.bulletin-links h3 {
	font-size: 25px;
	line-height: 60px;
	font-weight: bold;
	color: #333;
	margin: 0 20px;
}
.bulletin-links ul{list-style:none; padding:0px; margin:0px; font-family:'Nunito', sans-serif;}
.bulletin-links li {margin: 10px 20px; position: relative; font-size: 17px; line-height: 34px; font-weight: bold;}
.bulletin-links li a {color: #333; text-decoration: none;}
.bulletin-links li a:hover{color: #e4002b;}
.bulletin-links li a::before {content:"\f1c1"; font-family:FontAwesome; font-size:18px; color:#e4002b; padding:0 10px 0 0; font-weight: normal;}

.bulletin-links p{
	font-size: 16px;
	line-height: 33px;
	letter-spacing: 0.65px;
	color: #222;
	margin: 20px;
} 

/***************End Taylorite Bulletin Page****************/




/***************Start Gallery Page****************/

.main-gallery{padding:120px 0;}
.g-item {
	overflow: hidden;
	padding: 0;
	position: relative;
	margin: 5px;
	width: 24%;
	float: left;
	height:240px;
}
.g-item img {width: 100%; height: auto;}
.g-item:hover .item-hover {height: 100%; top: 0;}
.iconContainer {
	width: 100%;
	margin: 20px auto;
}
.item {
	position: relative;
	height: 430px;
	background-size: cover;
	background-position: center center;
	border: 5px solid #fff;
}
.h-270 {height: 270px;}
.item-center-vericall {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


.item-hover {
	background: rgba(243, 188, 63, 0.8);
	position: absolute;
	top: 50%;
	left: 50%;
	bottom: 0;
	width: 100%;
	height: 0;
	margin: 0 auto;
	-webkit-transition: 0.6s linear;
	transition: 0.6s linear;
	overflow: hidden;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.item:hover .item-hover {height: 100%; top: 0;}
.item-hover-title {font-size: 20px; color: #e4002b; font-weight: 600; letter-spacing: .5px;}

.item-hover a {
	width: 50px;
	height: 50px;
	background: #e4002b;
	color: #fff;
	font-weight: 700;
	display: block;
	margin: 20px auto;
	border-radius: 50%;
	text-align: center;

}


.item-hover a i {font-size: 20px;line-height: 46px; text-align: center;}

/*Gallery Menu*/
.gallery-menu {
	width: 100%;
	float: none;
	text-align: center;
	margin: 30px 0 0;
}
.gallery-menu li {display: inline-block; margin-left: 0px; margin-bottom: 10px;}
  .gallery-menu li a {
    padding: 13px 20px;
    display: inline-block;
    font-size: 14px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase; }
	
.gallery-menu li a:hover {background: #e4002b; color: #f3bc3f; text-decoration: none;}

.gallery-menu-active {
  background: #e4002b;
  color: #f3bc3f !important;
  text-decoration: none !important; }



/*Isotop*/
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
}





/***************End Gallery Page****************/





/***************Start Contact Page****************/
/*Contacts Block*/
.contact-three-block {padding: 120px 0;}
.contact-form-map {padding: 0 0 120px;}
.contact-block { background: #222; width: 100%; min-height: 290px; margin: 70px 0 0;}
.contact-icon {width: 95px; height: 95px; margin: 0 auto; background: #f3bc3f; border-radius: 50%; position: relative; top: -47px;}
.contact-icon i {color: #fff;}
.contact-icon .fa-map-marker {font-size: 55px; line-height: 95px;}
.contact-icon .fa-mobile {font-size: 55px; line-height: 95px;}
.contact-icon .fa-paper-plane {font-size: 40px; line-height: 95px;}
.contact-title {font-weight: 800;font-size: 16px; color: #fff; text-transform: uppercase; line-height: 21px; letter-spacing: 1.1px;}
.contact-text {font-weight: 700;font-size: 13px; color: #fff; margin: 40px 0; padding: 0 ; line-height: 18px; letter-spacing: .5px;}
.contact-text a {font-weight: 700; font-size:13px; color:#fff; margin: 40px 0; padding:0; line-height: 18px; letter-spacing: .5px; display: block;}
.contact-block hr {border: none; height: 2px; background: #f3bc3f; width: 95px; margin: 0 auto;}

/*Contact Form*/
.contact-form input[type="text"] {width:100%; height:48px; line-height:45px; border:2px solid #d7d7d7; padding:10px; letter-spacing:0; font-weight: 400; font-size:14px; color:#222; outline:none; text-align:left;	background:#fff url(../img/input-icon.png) no-repeat 96% 14px; margin:10px 0 20px 0;}
.contact-form input::placeholder, .contact-form textarea::placeholder { color: #222; opacity:0.8;}
.contact-form textarea{min-width: 100%; max-width: 100%; min-height: 130px; border: 2px solid #d7d7d7; padding: 10px; letter-spacing: 0; font-weight: 400; font-size: 14px;color:#222; margin: 10px 0 20px 0; outline: none; text-align: left; background: #fff url(../img/input-icon.png) no-repeat 98.5% -135px;}
.contact-form textarea::-webkit-input-placeholder, .contact-form input:not([type="submit"])::-webkit-input-placeholder { color: #222;}
.contact-form input[type="submit"] {border:none; padding:10px 50px; background-color:#222; text-transform:uppercase; font-weight:bold; color:#fff; font-size: 11px; line-height:26px; font-family: 'Nunito', sans-serif;}
.contact-form input[type="submit"]:hover {background: #e4002b;}
.inp-sybject {background-position: 98% -85px !important;}


/*Contact Map*/
.contact-map {width: 100%; height: auto; border: none;}
.contact-map iframe {border: none; width: 100%; min-height: 400px;}

/***************End Contact Page****************/






/*-------------------------------------------------------------------------------------------------------------------------------*/
/* MEDIA QUERIES */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*********************contact-responsive***************************/

@media (min-width: 320px) and (max-width: 480px) {
		
/*Header*/	
	
.logo {float: none; width: 100%; text-align: center;margin: 0 auto;}
.logo img {width: 100%;height: auto;}
.inner-header .rome-heading h1 {font-size: 35px; line-height: 50px;}

/*headings*/
/* .rome-heading-yellow h2::before{
	background-color:transparent;
}*/
.rome-heading h2::before, .rome-heading h1::before {
	left: 17%;
	top: 1px;
	width: 64%;
	height: 95%;
}

/*Footer*/
.footer_widget {margin: 0 auto 0; padding: 40px 20px 0;}


/*contact us*/
.contact-three-block {padding: 80px 0;}



}


@media (min-width: 481px) and (max-width: 600px) {
/*Header*/			
.logo {float: none;width: 100%; text-align: center; margin: 0 auto;}
.logo img {width: 100%; height: auto;}	
div#cssmenu #menu-button { padding: 15px 0;}
	
	
	
	
.inner-header .rome-heading h1 {font-size: 45px; line-height: 60px;}
/*Footer*/
.footer_widget {margin: 0 auto 0; padding: 40px 20px 0;}
}


@media (min-width: 601px) and (max-width: 767px) {
/*Header*/		
.logo {float: none; width: 100%; text-align: center;margin: 0 auto;}
.logo img {width: 360px; height: auto;}		
div#cssmenu #menu-button {padding: 19px 0;}	
	
	
.inner-header .rome-heading h1 {font-size: 45px; line-height: 60px;}
/*Footer*/
.footer_widget {margin: 0 auto 0; padding: 40px 20px 0;}

}


@media (min-width: 768px) and (max-width: 992px) {
/*Header*/		
.logo {width: 85%;}
.logo img {width: 500px; height: auto;}
#cssmenu #menu-button {padding: 45px 0;}
#cssmenu #menu-button::before {top: 54px;}
#cssmenu #menu-button::after {top: 42px;}
#cssmenu #menu-button.menu-opened::before {top: 50px;}
#cssmenu #menu-button.menu-opened::after {top: 50px;}
}


@media (min-width: 993px) and (max-width: 1120px) {
/*Header*/		
.logo {float: left; width: 100%; margin: 0;}
div#cssmenu > ul > li > a {padding: 30px 8px; font-size: 12px;letter-spacing: 0;}
.logo img {width: 100%; height: auto;}
#cssmenu > ul > li.has-sub > a {padding-right: 26px;}
#cssmenu > ul > li.has-sub > a::after {
	top: 34px;
	right: 11px;
}
#cssmenu > ul > li.has-sub > a::before {top: 32px;}	

.right-side-text {
	margin: 0;
	padding: 25px 27px 30px;
	text-align: center;
	height: 389px;
}





}


@media (min-width: 1121px) and (max-width: 1200px) {
/*Header*/	
.logo {margin: 8px 0;width: 100%;}
.logo img {width: 100%;height: auto;}		
div#cssmenu > ul > li > a {
	padding: 44px 8px;
	letter-spacing: 0;
}
		
}



@media (min-width: 1201px) and (max-width: 1320px) {
/*Header*/	
.logo {margin: 0;width: 100%;}
.logo img {width: 100%;height: auto;}		
#cssmenu > ul > li > a {letter-spacing: 0;}
	
	
	
}