/*=== MEDIA QUERY ===*/
@import url("https://fonts.googleapis.com/css?family=Oswald:500;700|Montserrat:700;800;900|Poppins&display=swap");

*{
margin: 0;
padding: 0;
}
body {
font-family: 'Poppins', sans-serif !important;
font-size: 16px;
}

.main-area
{

}
h1,
h2,
h3,
h4,
h5,
h6 {
/*font-family: 'Roboto Condensed', sans-serif !important;*/
color: #000;
line-height: 1.3;
font-weight: 700;
}
h1,h2,h3,h4
{
	font-family: 'Montserrat', sans-serif !important;
}
a,
a:focus,
a:hover {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
text-decoration: none;
outline: 0 solid transparent;
color: inherit;
}
a:hover {
color: #004089;
}
ol,
ul {
margin: 0;
}
ol li,
ul li {
list-style: none;
}
img {
height: auto;
max-width: 100%;
}
.text-darker {
color: #8d0000 !important;
}
.text-primary {
color: #473174 !important;
}
.text-warning {
color: #ffc515 !important;
}
.text-secondary
{
 color:#f07535 !important;
}
.text-danger
{
color:#EB6121 !important;
}
.text-info
{
color:#b70085 !important;
}
label {
font-weight: 600;
}
label.error {
text-align: left;
width: auto;
padding: 0 0 0 20px;
clear: none;
display: block;
color: #b92a45;
margin-top: 7px;
font-size: 12px;
font-weight: 400;
border: none;
background: url(images/required.png) no-repeat left top;
}


.btn-primary,
.btn-danger,
.btn-success,
.btn-warning
{
display: inline-block;
color: #fff;
font-size: 100%;
font-weight: 600;
padding:8px 35px;
text-align: center;
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
border:0;
}
.btn-primary
{
background-image: linear-gradient(to right, #5f2c82 0%, #49a09d  51%, #5f2c82  100%);
transition: 0.5s;
}
.btn-danger
{
background-image: linear-gradient(to right, #B24592 0%, #F15F79  51%, #B24592  100%);
transition: 0.5s;
}
.btn-primary:hover,
.btn-danger:hover,
.btn-success:hover,
.btn-warning:hover
{
background-position: right center; /* change the direction of the change here */
color: #fff;
text-decoration: none;	
}
.btn-lg
{
padding-left:50px;
padding-right:50px;
}
.custom-control-input:checked~.custom-control-label::before {
color: white !important;
background-color:#60458e !important;
}
.but-next {
padding-top: 25px;
}

.btn-main 
{
background: #c32033;
color: #fff;
border-color: #c32033;
}
.btn-main:hover 
{
background: #263c8f;
border-color: #263c8f;
color: #fff;
}
.btn-main-2 
{
background: #263c8f;
color: #fff;
border-color: #263c8f;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding:8px 30px;
}
.btn-main-2:hover 
{
background: #f07539;
color: #fff;
border-color: #f07539;
}
.btn-solid-border 
{
border: 2px solid #c32033;
background: transparent;
color: #c32033;
}
.btn-solid-border:hover 
{
border: 2px solid #c32033;
color: #fff;
background: #c32033;
}
.btn-solid-border:hover.btn-icon i 
{
border-left: 1px solid rgba(255, 255, 255, 0.09);
}
.btn-solid-border.btn-icon i 
{
border-left: 1px solid rgba(0, 0, 0, 0.09);
}

.other-input {
display: none;
margin-top: 5px;
}
.other-input-block {
display: block;
margin-top: 5px;
}
ul.listing,
ul.listing li {
padding: 0;
margin: 0;
list-style: none;
}
ul.listing {
margin: 0 0;
}
ul.listing li {
margin: 0.5em 1em;
margin-left: 3em;
}
ul.listing li:before {
content: "\f111";
font-family: FontAwesome;
float: left;
margin-left: -2.3em;
color: #ccc;
font-size: 75%;
padding-top: 2px;
}

.preloader {
background-color: #003679;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99999;
}

.preloader .lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
slider-text .preloader .lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #c61f2e;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.preloader .lds-ellipsis div:nth-child(1) {
left: 6px;
-webkit-animation: lds-ellipsis1 0.6s infinite;
animation: lds-ellipsis1 0.6s infinite;
}
.preloader .lds-ellipsis div:nth-child(2) {
left: 6px;
-webkit-animation: lds-ellipsis2 0.6s infinite;
animation: lds-ellipsis2 0.6s infinite;
}
.preloader .lds-ellipsis div:nth-child(3) {
left: 26px;
-webkit-animation: lds-ellipsis2 0.6s infinite;
animation: lds-ellipsis2 0.6s infinite;
}
.preloader .lds-ellipsis div:nth-child(4) {
left: 45px;
-webkit-animation: lds-ellipsis3 0.6s infinite;
animation: lds-ellipsis3 0.6s infinite;
}
@-webkit-keyframes lds-ellipsis1 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@keyframes lds-ellipsis1 {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@-webkit-keyframes lds-ellipsis3 {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@keyframes lds-ellipsis3 {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
}
@-webkit-keyframes lds-ellipsis2 {
0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
100% {
    -webkit-transform: translate(19px, 0);
    transform: translate(19px, 0);
}
}
@keyframes lds-ellipsis2 {
0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
100% {
    -webkit-transform: translate(19px, 0);
    transform: translate(19px, 0);
}
}
.jarallax {
position: relative;
z-index: 0;
}
.jarallax > .jarallax-img {
position: absolute;
object-fit: cover;
font-family: "object-fit: cover;";
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}

.box-area
{
	padding:30px 0px;
}

.boxing
{
	
}

.btn-box
{
	background:#eeeeee !important;
	padding:20px;
	display:block;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-bottom:10px;
	font-size:115%;
	font-weight:500;
}

.btn-box.sidebut1
{
	background:#e1edfa !important;
	color:#08427f !important;
	transition: 0.5s !important;
}


.btn-box.sidebut1:hover
{
	background:#397ac1 !important;
	color:#ffffff !important;
	background-position: right center !important;
}


.btn-box.sidebut2
{
	background:#f0e2f2 !important;
	color:#6f3879 !important;
}

.btn-box.sidebut2:hover
{
	background:#ba4dca !important;
	color:#ffffff !important;
	background-position: right center !important;
}



.btn-box.sidebut3
{
	background:#ffd5b1 !important;
	color:#bd4c2f !important;
}


.btn-box.sidebut3:hover
{
	background:#df7215 !important;
	color:#ffffff !important;
}

.boxing a.btn-box:after
{
	content:'';
	height: 30px;
	width: 30px;
	background: url(../images/diagonal-arrow.png) no-repeat;
	position: absolute;
	right:30px;
	padding-right:10px;
	background-size: 21px;
	margin-top: 6px;
	
}


.home-message-box
{
	background:url(../images/inside-banner-mysphagan.jpg) no-repeat center bottom;
	padding:35px 30px;
	padding-bottom:15px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	color:#ffffff;
}

.home-message-box .btn
{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-top:10px;
}

.section
{
	padding:50px 0px !important;
}

.section.wave-bg
{
	background:#ffffff;
}

.section-heading {
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.section-heading .line {
width: 25px;
height: 5px;
border-radius: 3px;
background-color: #c61f2e;
margin-bottom: 20px;
}
.section-heading p {
font-size: 100%;
margin-bottom: 0;
letter-spacing: 2px;
color: #a5a5a5;
text-transform: uppercase;
}
.section-heading h2 {
font-size: 36px;
color: #212121;
font-weight: 700;
margin-bottom: 0;
}
.section-heading.white .line {
background-color: #fff;
}
.section-heading.white h2,
.section-heading.white p {
color: #fff;
}
.section-heading.text-center .line {
margin-left: auto;
margin-right: auto;
}
.box-shadow {
position: relative;
z-index: 1;
}
.box-shadow:hover {
box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
}
.tooltip-inner {
background-color: #c61f2e;
box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
}
.tooltip .arrow::before {
border-bottom-color: #c61f2e;
}
.bg-img {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.bg-white {
background-color: #fff !important;
}
.bg-dark {
background-color: #000 !important;
}
.bg-danger
{
	background:#b2331a !important;
}
.bg-primary
{
 background-color: #d56412 !important;
}
.bg-transparent {
background-color: transparent !important;
}
.bg-gray {
background-color: #f1f7f9;
}
.font-bold {
font-weight: 700;
}
.font-light {
font-weight: 300;
}
.bg-overlay {
position: relative;
z-index: 2;
background-position: center center;
background-size: cover;
}
.bg-overlay::after {
background-color: rgba(0, 0, 0, 0.61);
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.bg-fixed {
background-attachment: fixed !important;
}
#scrollUp {
background-color: #60458e;
border-radius: 5px 0 0 5px;
bottom: 70px;
color: #fff;
font-size: 10px;
padding: 12px 0;
height: 60px;
line-height: 1.5;
right: 0;
text-align: center;
width: 35px;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
font-weight: 700;
text-transform: uppercase;
}
#scrollUp i {
font-size: 18px;
display: block;
}
#scrollUp:hover {
background-color: #391058;
color: #fff;
}

.header-area
{
position: relative;
/*
background-size:cover !important;
background: #dbdbdb;
background: linear-gradient(360deg, rgba(219, 219, 219, 1) 0%, rgba(255, 255, 255, 1) 81%);
*/

}

.header-top
{
	position:relative;
	background-color:#ffffff !important;
	z-index:999;
	background:url(../images/rainbow-cloud.jpg) no-repeat top center;
	background-size:cover !important;
}

.logo-area
{
display:table;
width:100%;	
padding:10px 0px;
padding-bottom:0;
}
.logo-area .logo
{
width:170px;
}

.logo-area .logo,
.logo-area .top-header-name
{
display:table-cell;
vertical-align:middle;
}
.logo-area .logo img
{
width:150px !important;
height:auto !important;
}
.logo-area .top-header-name h5
{
font-size:140%;
line-height:115%;
margin:0;
padding:0;
font-family: 'Montserrat', sans-serif !important;

}

.logo-area .top-header-name h6
{
font-size:100%;
line-height:115%;
font-weight:300 !important;
margin:0;
padding-top:5px;
font-family: 'Montserrat', sans-serif !important;
}



.header-area .top-contact-info
{
padding:20px 0px;
}
.home-right
{
display:block;
padding:10px 0px;
}
.home-right:hover
{
color:#FF9 !important;
}
.date-venue-info
{
}
.date-venue-info h4,
.date-venue-info h5
{
margin:0;
padding:0;
display:block !important;
font-family: 'Montserrat', sans-serif !important;
}
.date-venue-info h4
{
font-size:130%;
text-transform:uppercase;
color:#0770bb;
}
.date-venue-info h5
{
font-size:100%;
margin-bottom:10px;
color:#044066;
}
.header-area .login-button-area a {
display: inline-block;
background:#f07539;
color: #ffffff;
font-size: 90%;
font-weight: 600;
padding:5px 25px;
text-align: center;
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.header-area .login-button-area a:hover
{
background-position: right center; /* change the direction of the change here */
color: #fff;
text-decoration: none;
background:#333333 !important;
}


.ann-box
{
	border:1px solid #cccccc;
	padding:30px;
	padding-top:40px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 2px 5px 5px 0px rgba(0,0,0,0.1);
	margin-top:20px !important;
	margin-bottom:20px !important;	
}

.ann-box li
{
	border-top: 1px solid #dddddd;
	padding:25px 10px;

}

.ann-box li a
{


	font-weight:bold;
	color:#C36;
}

 
.sticky {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
} 
 
.header-area .web-main-menu 
{
position: relative;
width: 100%;
z-index: 999 !important;
background-color:#ffffff;
border-top:1px solid #0770bb;
}

.header-area .is-sticky .web-main-menu {
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.3);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(4,61,122,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}
.navbar-toggler
{
padding:0 !important;
font-size:110%;
border:0px !important;
color:#043d7a;
font-weight:bold;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
outline: none;
box-shadow: none;
}
.navbar-nav li
{
border-left:1px solid #0770bb;
padding-left:10px;
padding-right:10px;
}

.navbar-nav li:first-child
{
border-left:0px !important;
}

.navbar-nav li a
{
	padding-top:10px;
	color:#005592;
	font-weight:600 !important;
}

.navbar-nav li.dropdown .dropdown-menu
{
background:#f07539 !important;
color:#ffffff;
}

.navbar-nav li.dropdown .dropdown-menu a.dropdown-item
{
color:#ffffff;
padding-top:7px;
padding-bottom:7px;
font-size:95%;
}
.navbar-nav li.dropdown .dropdown-menu a.dropdown-item:hover
{
color:#ffffff;
background:#d64918;
}
.navbar-nav .nav-link:hover
{
color:#f07539 !important;
}
.dropdown:hover > .dropdown-menu {
display: block;
margin-top: 0;
}
.navbar-nav li a.two-row
{
	line-height:110%;
	padding-top:5px;
}

span.second-level
{
	display:block;
}
/*--------------------------------------------------------------
# Featured Services
--------------------------------------------------------------*/
.featured-services
{
  padding:60px 0px;
}



.bg-1 
{
background:#ffffff url(../images/inside-banner-mysphagan.jpg) center right;
background-size:cover;
padding:50px 10px;
}

.breadcumb-nav
{
font-size:85%;
text-transform:uppercase !important;

}

.page-title
{

		
}

.page-title h1
{
	
	font-size:200%;
	padding-left:20px;
	padding-right:20px;
	color:#ffffff !important;
	display:inline-block;
	border-bottom:1px solid #ffffff;
	padding-bottom:5px;
	text-transform:uppercase !important;
	text-shadow: 6px 4px 20px rgba(0,0,0,0.6);
}

.banner 
{
position: relative;
/*background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(237,3,32,0.87) 20.8%, rgba(242,121,1,0.84) 74.4% );*/
/*background-image: linear-gradient( 109.6deg,  rgba(231,76,60,1) 11.2%, rgba(203,67,53,1) 91.1% );

background-image: linear-gradient( 111.6deg,  rgba(66, 110, 163,1) 9.4%, rgba(245,112,63,1) 43.9%, rgba(253,129,82,1) 54.8%, rgba(249,202,86,1) 86.3% );
*/
/*
background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(246,161,34,0.85) 0.1%, rgba(254,118,118,0.87) 90% );
*/
padding:50px 0px;
}

.date-block 
{
color:#ffffff !important;
line-height:100%;
font-size:22px;
text-align:center;
background:url(../images/captionbg2.png) repeat;
padding:10px 30px;
padding-bottom:10px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin-top:20px;
-webkit-box-shadow: 0 0 20px rgba(0, 178, 255, 0.35);
-moz-box-shadow: 0 0 20px rgba(0, 178, 255, 0.35);
box-shadow: 0 0 20px rgba(0, 178, 255, 0.35);
}

.date-block  h4
{
	font-weight:900;
	color:#ffffff !important;
	text-shadow: 0 0 20px rgba(0, 178, 255, 0.85);
}

.date-block h6
{
	background:#f07539;
	color:#ffffff;
	padding:5px;
}

.date-area
{
	border:3px solid #f07539;
	margin-bottom:20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;

}

@media only screen and (max-width: 685px) 
{
.intro-text h2
{
  font-size:165% !important;
  line-height:100%;
}	
.intro-text p big
{
  font-size:85% !important;
  line-height:135%;
}	
.icon-box .description
{
font-size:85%;
}

}


.slider-bg
{
padding:0px;
background:#51a95a !important;
}
img.event-logo
{
width:500px;
height:auto;
margin:auto;
}
img.event-theme
{
width:400px;
height:auto;
margin:auto;
}
.event-date,
.event-venue
{
font-family: 'Oswald', sans-serif !important;
color: white;
  text-shadow: 2px 2px 4px #000000;
}
.table {
border-bottom: 1px solid #ddd;
margin: 30px 0;
}
.table td {
border: 0;
border-bottom: 1px solid #ddd;
font-size:100%;
}
.table thead td {
background: #132360;
color: #fff;
line-height: 115%;
padding-top: 15px;
padding-bottom: 15px;
}


.table-fee thead
{
background:#563c8c !important;
color:#ffffff;

}

.table-fee thead td
{
border-right:1px solid #563c8c !important;
}

.table-fee
{
border:3px solid #563c8c !important;
width:100%;
}

.table-fee td
{
padding:7px 15px;
border-bottom:1px solid #563c8c !important;
border-left:1px solid #563c8c !important;
}


/* ===========================
     TABS
============================ */
.tab-container {
border: 1px solid #0c3877;
border-top: 8px solid #0c3877;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.nav-tabs {
color: #fff;
background-color: #0c3877;
border-color: transparent;
}
ul.nav-tabs {
border-left: 10px solid #0c3877;
margin-top: 0px;
}
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
color: #fff;
cursor: pointer;
}
.nav-tabs > li > a:hover {
color: #ffffff;
background-color: #174991;
border-color: #174991;
border-bottom-color: transparent;
}
.tab-content {
padding: 20px 15px;
}
.tab-content h3 {
padding: 0px;
margin: 0px;
font-weight: 600;
padding-bottom: 10px;
border-bottom: 1px solid #cccccc;
margin-bottom: 20px;
}
.tab-content h4 {
padding: 10px 0px;
margin: 0px;
border-bottom: 1px solid #cccccc;
margin-bottom: 20px;
color: #0089d0;
}
.spouse-section h4 {
background-color: #dddddd;
font-size: 100%;
padding-left: 10px;
color: #111111;
}

.cta-area {
position: relative;
z-index: 1;
}
.cta-area .cta-thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
width: 50%;
}
.cta-area .cta-content {
position: relative;
z-index: 1;
padding: 100px 5%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
width: 50%;
  background: #cb2d3e;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #63328a, #2c3b87);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #63328a, #2c3b87); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

color:#ffffff;
}
.cta-area .cta-content h6 {
color: #fff;
font-weight: 600;
line-height: 1.8;
}
.cta-2-area {
position: relative;
z-index: 1;
background-color: #2d3c67;
padding-top: 50px;
}
.cta-2-area .cta-content .cta-text {
position: relative;
z-index: 1;
margin-bottom: 50px;
}
.cta-2-area .cta-content .cta-text h4 {
color: #fff;
margin-bottom: 0;
font-weight: 600;
font-size:140%;
}
.cta-2-area .cta-content .cta-text p {
color: #fff;
font-size: 13px;
margin-bottom: 0;
}
.cta-2-area .cta-content .cta-btn {
position: relative;
z-index: 1;
margin-bottom: 50px;
}
.cta-2-area a.btn
{
	border: 2px solid #ffffff;
	color:#ffffff;
	border-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;
	padding:8px 60px;
	font-size:105%;
	font-weight:600;
	text-transform:uppercase;
}
.contact--area .section-heading h2,
.news--area .section-heading h2 {
font-size: 24px;
}
.news--area {
position: relative;
z-index: 1;
}
.single-news-area {
position: relative;
z-index: 1;
margin-bottom: 15px;
}
.single-news-area:last-child {
margin-bottom: 0;
}
.single-news-area .news-thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 0 37%;
flex: 0 0 37%;
max-width: 37%;
width: 37%;
}
.single-news-area .news-content {
-webkit-box-flex: 0;
-ms-flex: 0 0 63%;
flex: 0 0 63%;
max-width: 63%;
width: 63%;
padding-left: 15px;
}
.single-news-area .news-content span {
font-size: 10px;
color: #fff;
background-color: #c61f2e;
padding: 3px 15px;
border-radius: 30px;
display: inline-block;
margin-bottom: 5px;
}
.single-news-area .news-content a {
display: block;
font-weight: 400;
font-size: 16px;
margin-bottom: 0;
}
.single-news-area .news-content a:focus,
.single-news-area .news-content a:hover {
color: #c61f2e;
}
.single-news-area .news-content .news-meta a {
position: relative;
z-index: 1;
display: inline-block;
font-size: 12px;
color: #838383;
font-weight: 600;
margin-bottom: 0;
line-height: 1;
}
.single-news-area .news-content .news-meta a img {
margin-right: 5px;
}
.single-news-area .news-content .news-meta a:last-child {
margin-left: 31px;
}
.single-news-area .news-content .news-meta a:last-child::after {
content: "|";
position: absolute;
top: 0;
left: -20px;
z-index: 1;
}
.single-news-area .news-content .news-meta a:focus,
.single-news-area .news-content .news-meta a:hover {
color: #c61f2e;
}
.contact--area {
position: relative;
z-index: 1;
}
.contact--area .contact-content {
padding: 55px 45px;
background-color: #fff;
border: 1px solid #afbace;
}
.contact--area .contact-content .single-contact-content {
position: relative;
z-index: 1;
margin-bottom: 45px;
}
.contact--area .contact-content .single-contact-content:last-child {
margin-bottom: 0;
}
.contact--area .contact-content .single-contact-content .icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 48px;
flex: 0 0 48px;
max-width: 48px;
width: 48px;
height: 48px;
line-height: 48px;
color: #fff;
text-align: center;
margin-right: 15px;
background-color: #c61f2e;
}
.contact--area .contact-content .single-contact-content .text p {
font-weight: 600;
color: #212121;
margin-bottom: 0;
}

/* ===========================
   RELATED AGENCIES & SOCIAL
============================ */
.related-agencies {
text-align: center;
padding:20px 10px;
}
.related-agencies h4 {
font-weight: 500;
font-size: 100%;
padding: 20px;
}
.related-agencies h4.morespace 
{
padding:15px 0px;
}
.related-agencies ul, .related-agencies li 
{
list-style: none;
padding: 0;
margin: 0;
}
.related-agencies ul 
{
text-align: center;
}
.related-agencies li {
display: inline-block;
padding: 0px;
}
.related-agencies ul li img 
{
height:100px;
width:auto;
margin-bottom:10px;
}
.related-agencies ul li img.morespace 
{
padding-left: 10px;
padding-right: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact--area .contact-content .single-contact-content .text p {
    font-size: 12px;
}
}
.contact--area .contact-content .single-contact-content .text span {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
color: #838383;
}
.contact--area.contact-page .contact-content {
padding: 35px;
border: none;
background-color: #003679;
}
.contact--area.contact-page .contact-content h5 {
color: #fff;
font-weight: 600;
font-size: 18px;
margin-bottom: 35px;
}
.contact--area.contact-page .contact-content .single-contact-content .text p,
.contact--area.contact-page .contact-content .single-contact-content .text span {
color: #fff;
}
.newsletter-area {
position: relative;
z-index: 3;
}
.newsletter-area::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 54, 121, 0.7);
z-index: -1;
}
.newsletter-area .nl-content {
position: relative;
z-index: 1;
}
.newsletter-area .nl-content h2 {
color: #fff;
margin-bottom: 25px;
display: block;
font-weight: 400;
font-size: 30px;
}
.newsletter-area .nl-content form {
width: 100%;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.newsletter-area .nl-content form input {
width: 100%;
height: 45px;
background-color: #fff;
border-radius: 30px;
border: none;
font-size: 12px;
font-style: italic;
padding: 0 20px;
}
.newsletter-area .nl-content form button {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
position: absolute;
width: 130px;
height: 45px;
background-color: #c61f2e;
border: none;
border-radius: 0 30px 30px 0;
top: 0;
right: 0;
font-weight: 700;
font-size: 14px;
color: #fff;
text-align: center;
cursor: pointer;
z-index: 20;
}
.newsletter-area .nl-content form button:hover {
background-color: #003679;
}
.newsletter-area .nl-content form button:focus {
outline: 0;
box-shadow: none;
}
.newsletter-area .nl-content p {
font-size: 12px;
color: #fff;
margin-bottom: 0;
}
.single-team-member-area {
position: relative;
z-index: 1;
text-align: center;
}
.single-team-member-area .team-thumb {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
position: relative;
z-index: 1;
width: 180px;
border-radius: 50%;
margin: 0 auto 40px;
height: 180px;
}
.single-team-member-area .team-thumb::after {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
content: "";
width: 100%;
height: 100%;
background-color: transparent;
border: 8px solid #003679;
top: 0;
left: 0;
position: absolute;
z-index: 100;
border-radius: 50%;
opacity: 0;
visibility: hidden;
}
.single-team-member-area .team-thumb img {
border-radius: 50%;
}
.single-team-member-area .team-thumb .view-more a {
position: absolute;
width: 62px;
height: 62px;
border-radius: 15px;
background-color: #c61f2e;
text-align: center;
bottom: -10px;
right: 0;
z-index: 300;
color: #fff;
line-height: 62px;
font-size: 18px;
}
.single-team-member-area .team-thumb .view-more a:hover {
background-color: #003679;
}
.single-team-member-area .team-thumb:hover {
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
}
.single-team-member-area .team-thumb:hover::after {
opacity: 1;
visibility: visible;
}
.single-team-member-area .team-info {
position: relative;
z-index: 1;
}
.single-team-member-area .team-info h5 {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
font-size: 18px;
margin-bottom: 5px;
}
.single-team-member-area .team-info h6 {
font-size: 14px;
font-weight: 600;
margin-bottom: 0;
color: #6e6e6e;
}
.single-team-member-area:hover .team-info h5 {
color: #c61f2e;
}
.page-content {
padding:30px 0;
z-index:2 !important;
}

.gray-bg
{
	background:#eeeeee;
}

.backtop 
{
position: fixed;
background: #043d7a;
z-index: 9999;
display: inline-block;
right: 55px;
width: 50px;
height: 50px;
bottom: 50px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
border-radius: 50px;
transition: 0.3s;
}
@media (max-width: 992px) 
{
.backtop 
{
  bottom:80px;
  right: 15px;
}
}
@media (max-width: 768px) 
{
.backtop 
{
  width: 45px;
  height: 45px;
}
}
.backtop:hover 
{
background-color: #263c8f;
}
.backtop i 
{
color: #fff;
font-size: 20px;
}

.reveal 
{
transition: all 0.3s;
cursor: pointer;
opacity: 1;
}




.footer-btm
{
	font-size:14px;
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	line-height:125%;
}

footer hr
{
	border-top: 1px solid rgba(0, 0, 0, 0.5);
}



.footer-area img {
width: 225px;
height: auto;
}
.breadcrumb-area {
position: relative;
z-index: 1;
width: 100%;
height: 120px;
background-size: cover;
color: #ffffff !important;
margin-bottom:10px;


}

.breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: 0.25rem;
}

.breadcrumb-area .breadcrumb-content h2
{
font-size: 180%;
text-transform: uppercase;
display: block;
color: #ffed75 !important;
padding-bottom:5px;
margin-top:15px !important;
margin-bottom:0;
letter-spacing:0px !important;
text-shadow: 4px 4px 2px rgba(0,0,0,0.6);
}

.breadcrumb-area .breadcrumb-content h2 img
{
height:60px;
width:auto;
}


.breadcrumb-area .breadcrumb-content .breadcrumb-nav
{
background-color: transparent;
padding: 0;
margin-bottom: 0;
font-size:90%;
color:#ffffff !important;
text-align:center !important;
display:inline-block !important;
}
.breadcrumb-area .breadcrumb-content .breadcrumb-nav .breadcrumb-item.active 
{
font-weight: 400;
color: #ffffff !important;
}
.breadcrumb-area .breadcrumb-content .breadcrumb-nav .breadcrumb-item a 
{
font-weight: 400;
color: #ffffff !important;

}


.breadcrumb-item+.breadcrumb-item::before
{
display:inline-block;
padding-right:.5rem;
color:#ffffff;
content:"/"
}
.pagination {
position: relative;
z-index: 1;
}
.pagination .page-item .page-link {
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 5px;
line-height: 40px;
font-weight: 600;
font-size: 16px;
color: #212121;
padding: 0;
border: none;
text-align: center;
margin-right: 2px;
}
.pagination .page-item .page-link:focus,
.pagination .page-item .page-link:hover {
color: #fff;
background-color: #c61f2e;
}
.pagination .page-item.active .page-link {
color: #fff;
background-color: #c61f2e;
}
.sidebar-area {
position: relative;
z-index: 1;
}
.single-widget-area {
position: relative;
z-index: 1;
margin-bottom: 50px;
}
.single-widget-area:last-child {
margin-bottom: 0;
}
.single-widget-area .widget-heading {
position: relative;
z-index: 1;
margin-bottom: 35px;
}
.single-widget-area .widget-heading .line {
width: 30px;
height: 8px;
background-color: #c61f2e;
border-radius: 5px;
display: block;
margin-bottom: 15px;
}
.single-widget-area.search-widget {
position: relative;
z-index: 1;
}
.single-widget-area.search-widget form {
position: relative;
z-index: 1;
}
.single-widget-area.search-widget form input {
width: 100%;
height: 50px;
border-radius: 5px;
border: none;
background-color: #f1f7f9;
padding: 0 20px;
font-size: 12px;
font-style: italic;
}
.single-widget-area.search-widget form button {
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
position: absolute;
width: 125px;
height: 50px;
border: none;
top: 0;
right: 0;
z-index: 99;
background-color: #003679;
color: #c61f2e;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
border-radius: 5px;
cursor: pointer;
}

.contact-advisor {
position: relative;
z-index: 1;
background-color: #c61f2e;
padding: 35px;
}
.contact-advisor h5 {
font-size: 18px;
color: #fff;
font-weight: 600;
margin-bottom: 40px;
}
.contact-advisor .single-advisor {
position: relative;
z-index: 1;
margin-bottom: 60px;
}
.contact-advisor .single-advisor:last-child {
margin-bottom: 0;
}
.contact-advisor .single-advisor .advisor-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
max-width: 80px;
width: 80px;
margin-right: 30px;
}
.contact-advisor .single-advisor .advisor-info h6 {
color: #fff;
margin-bottom: 5px;
font-weight: 600;
}
.contact-advisor .single-advisor .advisor-info span {
font-size: 12px;
text-transform: capitalize;
margin-bottom: 15px;
display: block;
color: #fff;
}
.contact-advisor .single-advisor .advisor-info p {
font-size: 14px;
margin-bottom: 0;
line-height: 1;
font-weight: 700;
color: #fff;
}
.contact-form-area .form-control {
position: relative;
z-index: 2;
height: 54px;
width: 100%;
background-color: #f1f7f9;
font-size: 12px;
margin-bottom: 15px;
border: none;
border-radius: 5px;
padding: 15px 30px;
font-weight: 500;
color: #aeaeae;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.contact-form-area .form-control:focus {
box-shadow: none;
}
.contact-form-area textarea.form-control {
height: 250px;
}
.map-area {
position: relative;
z-index: 2;
height: 960px;
}
.map-area iframe {
width: 100%;
height: 100%;
border: none;
margin-bottom: 0;
}
.map-area .contact---area {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.map-area .contact---area .contact-page {
background-color: #003679;
padding: 70px 45px;
}
.map-area .contact---area .contact-page h4 {
color: #fff;
font-weight: 600;
}
.elements-title {
position: relative;
z-index: 1;
}

.elements-title .line {

width: 30px;

height: 8px;

background-color: #c61f2e;

border-radius: 5px;

display: block;

margin-bottom: 15px;

}

.elements-title h2 {

font-size: 24px;

margin-bottom: 0;

}



.credit-tabs-content {

position: relative;

z-index: 1;



}



.credit-tabs-content .nav-tabs {

border-bottom: none;

margin-bottom: 15px;



}



.credit-tabs-content .nav-tabs .nav-link {

background-color: #f1f7f9;

padding: 0 20px;

height: 50px;

line-height: 50px;

color: #212121;

margin: 0 2px;

border-radius: 5px;

font-size: 16px;

font-weight: 600;



}



.credit-tabs-content .nav-tabs .nav-link.active {

background-color: #003679;

color: #fff;



}



.credit-tabs-content .credit-tab-text {

position: relative;

z-index: 1;

padding-top: 10px;



}



.credit-tabs-content .credit-tab-text p {

margin-bottom: 0;



}



.credit-tabs-content .tab-content h6 {

font-size: 18px;



}



.single-icons {

position: relative;

z-index: 1;

background-color: #003679;

border-radius: 5px;

text-align: center;

padding: 50px 20px;



}



.single-icons i {

font-size: 50px;

margin-bottom: 30px;

display: block;

color: #fff;



}



.single-icons span {

display: block;

color: #fff;



}







@media (max-width:991px) 

{

.to-left,

.to-right

{

	text-align:center;

}



.navbar-nav li .two-row

{

	line-height:auto;

}



span.second-level

{

	display:inline;

}



.main-area

{

background:url(images/artev2025-inside-banner-bottom-mobile.jpg) no-repeat top center;

}



.breadcrumb-area .breadcrumb-content

{

text-align:center;

}



.breadcrumb-area .breadcrumb-content h2

{

margin-top:5px !important;

}







.breadcrumb-area .breadcrumb-content h2 img

{

height:50px !important;

width:auto;

}







.header-area

{

/*	

background: #ed8c47;

background: linear-gradient(360deg, rgba(237, 140, 71, 1) 0%, rgba(255, 228, 212, 1) 52%, rgba(255, 255, 255, 1) 71%);

*/

}







.navbar-nav li



{

border-left:0px solid #ffffff;

padding-left:0px;

padding-right:0px;



}







.navbar-right



{

padding-top:10px;



}







.logo-area .logo



{

width:150px;



}







.logo img



{

width:150px !important;

height:auto !important;



}











.logo-area .top-header-name h5



{

font-size:130% !important;

line-height:100%;



}









.page-content h5 {

font-size:125%;







}







.header-area .top-contact-info



{

padding:0px 0px;



}







.home-right



{

display:block;

padding:10px 0px;



}







.login-button-area



{

padding:10px 0px;



}

.header-area .login-button-area a {

display: inline-block;

background:#ed6421;

color: #ffffff;

font-size:80%;

font-weight: 600;

padding:5px 35px;

text-align: center;

text-transform: uppercase;

-webkit-border-radius: 30px;

-moz-border-radius: 30px;

border-radius: 30px;



}

.logo-area



{





padding-bottom:0px;



}







.date-venue-info

{

border-top:1px solid #044066;

padding:5px 0px;

}







.date-venue-info h4,

.date-venue-info h5



{

font-size:100%;

margin-bottom:0px;

font-weight:400;

display:inline !important;

color:#044066;



}







.date-venue-info h4



{

border-right:1px solid #000000 !important;

padding-right:6px;

margin-right:6px;



}

}





@media (max-width:640px)

{

.breadcrumb-area .breadcrumb-content h2 img

{

height:40px !important;

width:auto;

}



.logo-area .logo



{

width:120px;

padding:0;



}



.header-area .login-button-area a {

font-size:85%;

padding:5px 25px;





}



.logo img



{

width:120px !important;

height:auto !important;



}





.date-venue-info h4,

.date-venue-info h5



{

font-size:12px;

margin-bottom:0px;

font-weight:400;

display:inline !important;

color:#043D7A !important;

font-weight:600;



}

.btn-primary,

.btn-danger,

.btn-success,

.btn-warning



{





font-size:85%;

font-weight: 600;

padding:5px 20px;





}





.logo-area .top-header-name h5

{

font-size:125% !important;

line-height:115%;

}



.logo-area .top-header-name h6

{

	font-size:85%;

	line-height:115%;

	padding-bottom:12px;

}





}

@media only screen and (min-width: 992px) and (max-width: 1199px) {



.section-heading h2 {

font-size: 28px;

}



   

.special-feature-area .special-feature-content .feature-text {

max-width: 465px;

    padding-right: 40px;

}

.special-feature-area.style-2 .special-feature-content .feature-text {

    padding-left: 40px;

}

.single-news-area .news-content .news-meta a {

    font-size: 10px;

}

.contact--area .contact-content {

    padding: 30px;

}

.credit-tabs-content .nav-tabs .nav-link {

    padding: 0 15px;

    font-size: 14px;

}



}



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



   

.breadcrumb-area {

    

    font-size: 85%;

}



}



@media only screen and (min-width: 768px) and (max-width: 991px) {



	

.section-heading h2 {

    font-size: 24px;

}







.single-slide {

    height: 600px;

}

.single-slide .welcome-text h2 {

    font-size: 42px;

}

.special-feature-area .special-feature-content .feature-text h6 {

    font-size: 14px;

}

.special-feature-area .special-feature-content .feature-text {

    max-width: 350px;

    padding-right: 20px;

}

.special-feature-area.style-2 .special-feature-content .feature-text {

    padding-left: 20px;

}

.cta-area .cta-thumbnail {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

    height: 400px;

}

.cta-area .cta-content {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

}

.cta-2-area .cta-content .cta-text h4 {

    font-size: 18px;

}

.sidebar-area {

    margin-top: 100px;

}

.map-area {

    height: 1200px;

}

.single-cool-fact .scf-text h2 {

    font-size: 30px;

}

.credit-tabs-content .nav-tabs .nav-link {

    padding: 0 15px;

    font-size: 14px;

}

}



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

	

	

.bg-1 

{

background-size: cover !important;

background-position:0px 0px !important;

padding:30px 10px;

}	

	

.page-title h1

{



	font-size:170%;

	text-align:center !important;

}	

		



.page-content 

{

    padding: 40px 10px;

font-size:95%;

}



.related-agencies 



{

padding:0px 10px;



}	







.related-agencies hr



{

border-width:1px;



}









#countdown {

    padding: 15px 0;

}

#countdown li {

    font-size: 0.8rem;

    padding: 0.25em;

}

#countdown li span {

    font-size: 180%;

    padding: 10px;

    width: 60px;

    height: 55px;

    line-height: 145%;

}

.slider-text h1 {

    font-size: 180%;

    line-height: 100%;

}

.slider-text h4 {

    font-size: 125%;

    line-height: 115%;

}

.slider-text {

    background: 0 0;

}

.text-to-center {

    text-align: center;

}

.section-heading h2 {

    font-size: 24px;

}



   



.special-feature-area .special-feature-content {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

}

.special-feature-area .special-feature-content .feature-text h6 {

    font-size: 14px;

}

.special-feature-area .special-feature-content .feature-text {

    max-width: 100%;

    padding-right: 15px;

    padding-left: 15px;

}

.special-feature-area .special-feature-thumbnail {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

    height: 250px;

}

.special-feature-area.style-2 .special-feature-content .feature-text {

    padding-left: 15px;

    padding-right: 15px;

}

.cta-area .cta-thumbnail {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

    height: 280px;

}

.cta-area .cta-content {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

}

.cta-2-area .cta-content .cta-text {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

}

.cta-2-area .cta-content .cta-btn {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

    width: 100%;

}









.single-news-area .news-content .news-meta a {

    font-size: 10px;

}

.contact--area .contact-content {

    padding: 20px;

}

.contact--area .contact-content .single-contact-content .text p {

    font-size: 12px;

}

.newsletter-area .nl-content h2 {

    font-size: 18px;

}

.newsletter-area .nl-content form button {

    width: 100px;

}

.sidebar-area {

    margin-top: 100px;

}

.map-area {

    height: 1200px;

}

.map-area .contact---area .contact-page {

    padding: 40px 30px;

}

.single-cool-fact .scf-text h2 {

    font-size: 24px;

}

.credit-tabs-content .nav-tabs .nav-link {

    padding: 0 15px;

    font-size: 14px;

}



}



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



.featured-services



{



  padding:20px 0px;



}

footer {

    font-size: 90%;

}





.dates-box {

    padding: 0 20px;

font-size:80%;

line-height:120%;



}

.dates-box h4 {

    font-size: 145%;



}

.secretariat-contact {

    font-size: 85%;

}







.related-agencies h4 {

padding-top: 30px;

font-size:85%;



}

.related-agencies ul li img 



{

width:auto;

height:75px;

margin-bottom: 10px;



}







.related-agencies h4



{

font-size: 100%;



}







.btn-lg



{

font-size:100%;

padding-left:10px;

padding-right:10px;



}







#countdown {

padding: 30px 0;



}



#countdown li {

font-size:65%;

padding: 10px 5px;

margin:1px;



}

#countdown li span {

    font-size: 160%;

    padding: 10px 5px;

    width: 50px;

    height: 45px;

    line-height: 145%;

}





.slider-bg

{



padding:0px 0px;

}











.breadcrumb-area {

height: auto;

font-size:75% !important;

line-height:100%;

padding:15px 0px;

padding-bottom:25px;



}









}



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









footer {

    font-size:80%;

}



.footer-area .copyright {

    font-size:80%;

padding: 20px 0;

padding-bottom:0;



}

#countdown {

padding:10px 0;



}



img.event-logo



{

width:400px;

height:auto;

margin:auto;



}



}