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

body{ 
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	/*background: url(../images/bg.jpg);*/
	background-color: #000;
}

* { margin: 0;	padding: 0;}

p{color: #404245;	line-height: 30px;}

/**---------Header-Section-----**/

.head-div {background: #fff; position: relative;} 

.logo {	float: left; margin: 0; padding: 10px !important; }

.logo img{  max-width: 80%;   transition:100ms all ease-in;  }

.pappa {  height: auto; }

.pappa img { max-width: 80%;  padding-top: 10px; padding-bottom: 0;  transition:100ms all ease-in;}



header{  top:0; padding: 0 0px; width: 100%; box-sizing: border-box;  z-index: 1000000; }

header.shrink .logo img{float: left; height: 40px; padding: 0px 0 10px 0 !important; }

header nav{padding: 0px 0 0 0; color: #fff;}

header nav ul{	
	margin: 0px 0 0 0;	
	padding: 0;	
	display: flex;	
	font-size:14px; 
	background-color: #222; 	
}

header nav ul li {	
	list-style: none;	
	position: relative;	
	margin: 0 12px;	
	padding: 0 0 0 0; 
	display: block; 
	color: #fff;
} 
header nav ul li a{ 
	
	color: #fff !important; 
	text-decoration: none !important;
	 transition:200ms all  ease-in-out; 
	font-weight: normal;
	font-size: 16px; 	
	display: block; 
	box-sizing: border-box;	
	line-height:50px !important;
	margin-right: 10px;
	margin-left: 10px;
	}



header.shrink nav ul li a{ 
	padding: 5px 20px 20px 20px; color: #fff !important; 
	text-decoration: none !important;
	 transition:200ms all  ease-in-out;
	font-weight: bold; 
		display: block;	
		box-sizing: border-box;

	}

header nav ul li ul li a{
	padding: 10px 20px 10px 20px;	
	line-height: 25px;	color: #000 !important;	
	text-decoration: none !important;	
	transition:200ms all  ease-in;
	text-transform: uppercase;	
	font-weight: bold;	
	display: block;	
}

header.shrink nav ul li ul li a{
	padding: 10px 20px 10px 20px;	
	line-height: 25px;	color: #000 !important;	
	text-decoration: none !important;	
	transition:200ms all  ease-in;
	text-transform: uppercase;	
	font-weight: bold;	
	display: block;	
	}

header nav ul li ul li a:hover{	
	display: block;	
	background: #333; 
	color: #fff !important; 
	}


header nav ul li a::before {
	content:''; 
	position:absolute; 
	width:0px;
	left:0;
	bottom:0; 
	height:2px !important; 
	background:#fff; 
	font-weight: normal;  
	color: #fff !important;	
	transition:200ms all ease-in-out; 
	display: block;
	text-decoration: none;
	}

header.shrink nav ul li a::before {
	content:''; 
	position:absolute; 
	width:0px;
	left:0;
	bottom:15px; 
	height:4px !important; 
	background:#006699; 
	font-weight: normal;  
	color: #fff  !important;	
	transition:200ms all ease-in-out; 
	display: block;
	text-decoration: none;
	}

header nav ul li a:hover::before, header nav ul li a.active::before{ 
	width:100%; 
	display: block; 
	text-decoration: none;	
	transition:200ms all ease-in-out; 
	color: #000 !important;
}

header nav ul li ul li a:hover::before, header nav ul li ul li a.active::before{ 
	width:0%; 
	display: block; 
	text-decoration: none;
	 transition:200ms all ease-in-out; 
	color: #fff !important;	
	background: #333 !important;
}          
               
.container_1{ 
	max-width: 1140px; 
	margin: 0 auto; 
	padding: 0 10px;
}

.menu-toggle { 	float: right;	color: #000;	line-height: 80px;	font-size:24px;	cursor: pointer;	display: none;}

/**---------banner-Section-----**/

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 25%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.title { font-size: 4.5vw; font-weight: bolder; font-family: georgia; font-style: italic; }

.content-div{ background-color: #fff; padding-top: 60px; padding-bottom: 60px;}

.column-box {text-align: center; position: relative;  }

.column-box p{line-height: 20px;}
 

.col-icon {border-radius: 50%;                
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#445555; 
	margin:0 auto  30px; 
	height: 120px; 
	width: 120px; 
	line-height: 120px; 
	text-align: center; 
	box-sizing: border-box; 
	transition: 0.7s;
}


.col-icon img {width: 50%; height: auto;  }

.column-box:nth-child(1) .col-icon{ box-shadow: 0 0 0 0 #445555; background-color:#445555; }

.column-box:nth-child(1):hover .col-icon{ box-shadow: 0 0 0 5px #01e5e5; background-color:#445555; }

.column-box:nth-child(2) .col-icon{ box-shadow: 0 0 0 0 #445555; background-color:#445555; }

.column-box:nth-child(2):hover .col-icon{ box-shadow: 0 0 0 5px #01e5e5; background-color:#445555; }

.column-box:nth-child(3) .col-icon{ box-shadow: 0 0 0 0 #445555; background-color:#445555; }

.column-box:nth-child(3):hover .col-icon{ box-shadow: 0 0 0 5px #01e5e5; background-color:#445555; }

.column-box:nth-child(4) .col-icon{ box-shadow: 0 0 0 0 #445555; background-color:#445555; }

.column-box:nth-child(4):hover .col-icon{ box-shadow: 0 0 0 5px #01e5e5; background-color:#445555; }

.llink {color: inherit; text-decoration: none; font-size:20px;}

.llink:hover {color:#a2710d; text-decoration: none;}

.Link_2 {color: #333; text-decoration: none; font-size: 20px; line-height:16px;}

.Link_2:hover {color:#a2710d; text-decoration: none;}

.text-Left { text-align: left; }

hr.new3 {  border: 1.5px solid #a2710d; width: 8%;  margin:0 auto 20px;}

hr.new4 {  border: 1.5px solid #a2710d; width: 40%;  margin:0 auto 20px;}

ul.li-class {list-style: none; margin-bottom: 25px;}

.li-class1 { line-height: 40px; }

.circle-color_1 { color: #f62828; padding-right:15px; font-size: 30px;}

.circle-color { color: #ffbc33; padding-right:15px; font-size: 10px;  }

.column-box1 {text-align: center; position: relative;  margin-bottom: 30px; margin-top: 30px;}

.column-box1 p{line-height: 20px;}
 

.col-image {border-radius: 50%;                
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#445555; 
	margin:0 auto  30px; 
	height: 150px; 
	width: 150px; 
	line-height: 150px; 
	text-align: center; 
	box-sizing: border-box; 
	transition: 0.7s;
	overflow: hidden;
	border: 2px solid #01e5e5; 
}

.col-image img {width: 150px; height: 150px;  }

.grey-bg{background:url(../images/pope_bg.png) no-repeat left; display: flex;  flex-wrap: nowrap; padding: 0;}/**/


.grey-bg > .grey-spacer {  
  width: 35vw;  
  line-height: 75px;  
  padding: 20px 50px 20px 30px;
  box-sizing: border-box;
}



.grey-bg > .grey-text {
  
  width: 50vw;  
  line-height: 75px;  
  padding: 20px 50px 20px 30px;
  box-sizing: border-box;
}

.grey-text .heading-title { font-size:27px;  padding-bottom: 10px;     margin-top: 30px;}

.grey-text p{line-height: 28px; font-size: 16px;  font-weight: bold;}

.bg {
	/*background: url(../images/pope_bg.png) no-repeat;*/    
	background-size: cover;
    background-position: top center; 
}

.Ann-container {border-bottom: 1px solid #e5e5e5;}

.Ann-container ul{list-style: none;}

.Ann-container ul li{ padding-bottom: 15px; line-height: inherit; }

.NA-title{ padding: 35px 0 15px; font-size: 18px; font-weight: bold;}

.grey-bg{background:url(../images/pope_bg.png) no-repeat left top; display: flex;  flex-wrap: nowrap; padding: 0; min-height: 523px;}

.footer-section {background-color: #161a1a; padding-top:35px; color: #fff; box-sizing: border-box;}

.h4_title{ font-size: 18px; font-weight: normal; padding-left:35px; margin-bottom: 25px; box-sizing: border-box; width: 100%;}

.footer-section ul { list-style: none; text-align: left;  padding-top: 10px; padding-left: 15px; box-sizing: border-box;}

.footer-section ul li {color: #fff; padding-left: 20px;}

.footer-section ul li a{color: #fff; line-height:24px;}

.copyight {background-color: #0d0f0f; text-align: center; padding: 10px 0;width: 100%; margin-top: 30px; font-size: 12px;}


/*--------------------------------------------
					Innerpage
--------------------------------------------*/

.ct_wrap {background: #fff; padding-top:30px; padding-bottom: 30px; text-align: center; }

.ct_wrap .head{ font-size: 36px; text-align: center; margin-top: 30px; }

.nav-tabs .nav-item {  margin-bottom: 10px; margin-top: 30px; }

.nav-tabs .nav-link {  border: 0 !important; color: #000 !important;  font-size: 16px;  border-top-left-radius: .25rem; border-top-right-radius: .25rem;}

.nav-tabs {
    border-bottom: 0px solid #dee2e6;  }

.nav-tabs .nav-item.show .nav-link a{ color: #ff0000 !important;  font-size: 16px !important;  }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #1160f1 !important;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    font-size: 16px;
}

.tab-content {text-align: center; padding:2% 5%; box-sizing: border-box; line-height: 30px;}

/*--------------------------------------------
					Login
--------------------------------------------*/

.body-color{ 
background: -webkit-gradient(linear, left top, left bottom, from(#0088ca), to(#294ba2)) fixed; 
background:-ms-linear-gradient( left top, left bottom, from(#0088ca), to(#294ba2)) fixed; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088ca', endColorstr='#294ba2',GradientType=0); /* IE6-9 */
background-image: linear-gradient(0deg, #294ba2 0%, #0088ca 100%); 
height: 100vh; box-sizing: border-box;
}

.login-wrap { padding-top: 110px;  padding-bottom: 50px;}

.login-container{ max-width: 1000px; width: 100%; background: #fff; min-height: 450px; text-align: center;  margin: 5% auto 0;}

.login-left-Bg {background: url(../images/login-left.jpg) no-repeat center center; display: block; min-height: 450px;}

.login-col {padding-top: 25px; padding-bottom: 25px; box-sizing: border-box; text-align: center;}

.login-col-title{ color: #7b7b7b; font-weight: 600; font-size: 36px; padding-bottom: 10px; }

.login-col .round-image-1 {	box-sizing: border-box;	margin: 0 0 20px 0; }

.login-col .round-image-1 img{	width: 170px;	height: 170px;	border: 2px solid #e1e1e1;	border-radius:50%;	box-sizing: border-box;	}

.footer-postition {position: fixed; bottom: 0px; width: 100%; left: 0;}

  
  form .form-group .form-input {
  border: 1px solid #ccc;
  text-align: center;
  border-radius: 25px;
  display: block;
  margin-bottom: -1px;
  padding: 10px 14px;
  width: calc(100% - 28px);
  font-size: medium;
  font-weight: 400;
  color: #b2b2b2;
}
form .form-group .form-input:focus {
  background-color: #f2f2f2;
  outline: none;
  color: #b2b2b2;
}
form .form-group .form-tooltip {
  background-color:#ff0000;
  border-radius: 3px;
  color: #fff;
  display: none;
  font-size: small;
  padding: 8px 10px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
form .form-group .form-tooltip::before {
  content: "";
  position: absolute;
  border: 5px solid #ff0000;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-width: 0;
  left: 45%;
  top: -5px;
}

  form .form-group .form-button {
  border:0;
  background: #00aeef;
  text-align: center;
  border-radius: 25px;
  color: #fff;
  font-size: 18px;
  display: block;
  margin-bottom: -1px;
  padding: 10px 14px;
  width: calc(100% - 28px);
  font-weight: 400;
  outline: none;
  box-sizing: border-box;
  transition:200ms all ease-in-out
}

  form .form-group .form-button:hover {
  	 background: #0088ca;
  	 transition:200ms all ease-in-out
  	}


@media (max-width: 680px){

.grey-bg{background-color: #f3f2f2; display: block;  flex-wrap: nowrap; padding: 0; clear: both;}

.grey-bg > .grey-spacer {  
display: none;
  width: 35vw;  
  line-height: 75px;  
  padding: 20px 50px 20px 30px;
  box-sizing: border-box;
}


  .grey-bg > .grey-text {
  background-color: #f1f1f1;
  width: 100%;   
  padding: 20px 30px;
  box-sizing: border-box;
}

.grey-text p {
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
}



}


@media (max-width: 991px){

	header{	padding: 0 0px; }

	header.shrink {height: 118px; transition:500ms all ease-in;}

	.menu-toggle { display: block;	z-index: 10000;	}

	.container_1 { width:100%; 	padding: 0 15px; }

	.logo {	float: left; margin: 0; padding: 10px !important; max-width:90%;}

	.logo img{ max-width:100%;  height: auto; transition:100ms all ease-in;  }

	.pappa {   height: auto; display: none; }

.pappa img { max-width: 50%;  padding-top: 10px; padding-bottom: 0;  transition:100ms all ease-in;}


	header.shrink .logo img{float: left; height:70px; padding: 0px 0 10px 0 !important; }

	header nav{	position: absolute;	 width: 100%; left: 0%; top: 75px; transition: 0.5s all ease-in-out;	}

	header nav.active{ left:-100%; opacity: 0; transition: 0.5s all ease-in-out; z-index: 1000;}

	header nav ul{	display: block;	text-align: center;	margin: 5px 0 0 0; padding-top: 10px;	}

	header nav ul li {	list-style: none; position: relative; margin: 0px 20px;}

	header nav ul li.sub-menu:before {	content:'\f0d7'; font-family: fontAwesome;	position: absolute;	line-height: 20px;	color: #333; right: 25px; }

	header nav ul li ul{ position: absolute;left: -20px; top: 60px;	background: #e5e5e5; display: none;	border-radius: 4px; margin: 3px 0px 0 0;line-height: 40px !important;

	z-index: 10000;	}


	header nav ul li:hover ul{	display: block;	line-height: 40px !important;	width: 100% !important;	}

	header nav ul li ul li{	display: block;	width: 100% !important;	color: #fff !important;	border-bottom: 0;	margin: 0 20px;	}

	header nav ul li ul li a{	padding: 10px 0 10px 0;	line-height: 40px;	color: #fff !important;	text-decoration: none !important;	transition:200ms all  ease-in;

	text-transform: uppercase;	font-weight: bold;	display: block;	}


	header nav ul li a{	border: 1px solid rgba(0,0,0,.2); text-decoration: none; line-height: 40px;	color: #fff !important; margin: 4px 0; border-radius: 4px;	}

	header nav ul li a:hover, header nav ul li a.active { color: #999 !important; background: #333;}

	header nav ul li a::before { content:''; position:absolute; width:0px;	left:0;	bottom:0px; height:2px !important; 	background:#006699; font-weight: normal; 

	transition:200ms all ease-in-out; display: block;	text-decoration: none;	color: #ff0000 !important; 	}


	header nav ul li a:hover::before, header nav ul li a.active::before{ width:0%; 	display: block;	text-decoration: none;	transition:200ms all ease-in-out; 	color: #fff; }

	header nav ul li ul li a:hover::before, header nav ul li a.active::before{	width:0%; 	display: block;	text-decoration: none;	transition:200ms all ease-in-out; color: #fff;}

/**---------banner-Section-----**/

	.title{font-size: 6.2vw; font-weight: bolder; font-family: georgia; font-style: italic; }

	.llink {color: inherit; text-decoration: none; font-size: 18px}

	.llink:hover {color:#a2710d; text-decoration: none;}

	.Link_2 {color: #333; text-decoration: none; font-size: 18px}

	.Link_2:hover {color:#a2710d; text-decoration: none;}


	.banner-wrap {	background: url(../images/banner-bg.jpg) no-repeat top left; max-height: 345px;	background-size:cover;	margin:110px 0 0 0;	width: 100%;}

	.banner-content{max-height: 345px;}

	.banner-quotes { font-size: 12px;	line-height:14px;	margin: 15% 0 15% 0;	display: none;}

	.banner-David{font-size: 12px;	line-height:14px;	margin: 15% 0 15% 0;	display: none;}

	.banner-text {	font-size: 23px;	font-weight:bolder;	line-height: inherit;	color: #fff;	margin: 13% 0 0 0;	box-sizing: border-box;	width: 100%;}

	.banner-text span{	font-size: 14px;	font-weight: normal;}

	.banner-text-1 {font-weight:normal;	line-height: inherit;	color: #fff;	margin: 13% 0 0 0;	box-sizing: border-box;	width: 100%;}

	.banner-text-1 span{	font-size: 14px;	font-weight: normal;}

	.standard-column { background: #fff; margin-bottom: 20px;  min-height: 450px; }

	.ba-content-title {	font-size: 24px;	color: #333;	margin: 40px 0 0px 0;	font-weight: bold; text-align: center; }

	.ba-title {	font-size:17px;  color: #333; text-align: center; margin-bottom: 20px; font-weight: 300; }

	.testimonials:before{ content:'\f10d'; font-family: fontAwesome;	position:absolute; 	width:0px;	left:3%; top: 75px;	font-size: 24px; color: #797979;}

	.testimonials:after{ content:'\f10e'; font-family: fontAwesome;	position:absolute; 	width:0px;	right:34%; bottom: -1%;	font-size: 24px; color: #797979;}

	.bottom-text{ padding:30px 20px 0; }

	.footer-link {text-align: center; line-height: 25px}

	.footer-right {text-align: center; padding-top: 10px;}

	.grey-text p {
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
}
}

	@media (max-width: 1199px) {

	header nav ul li {	
	list-style: none;	
	position: relative;	
	margin: 0 3px;	
	padding: 0 0 0 0; 
	display: block; 
	color: #fff;
} 
	}

/*--------------------------------------------
					Login
--------------------------------------------*/

	.login-left-Bg {display: none;}

	.login-container{ max-width: 80%; min-height: 350px; margin:22% auto 20%; }

	.login-col {padding-top: 25px; padding-bottom: 25px; box-sizing: border-box; text-align: center; }

	form .form-group .form-input { margin-left: 13px;	}

 	form .form-group .form-button {margin-left: 13px;	}

}