*{
	margin:0;
	box-sizing: border-box;
}
body{
	line-height: 1.5;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	overflow-x: hidden;
	background-color: #d3e3fd;
}
:before,:after{
	box-sizing: border-box;
}
.container{
	max-width: 1200px;
	margin:auto;
}
.row{
	display: flex;
	flex-wrap: wrap;
}
.v-center{
	align-items: center;
}
ul{
	list-style: none;
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
}
/* header */
.header{
	display: block;
	width: 100%;
	height: 50px;
	position: relative;
	z-index: 99;
	padding:2px;
	background-color: #000000;
}
.header .item-left{
	flex:0 0 5%;
}
.header .logo img{
	width: 50px;
	height: 40px;
	padding-left: 10px;
}
.header .item-center{
	flex:0 0 76%;
}
.header .item-right{
	flex:0 0 14%;
	display: flex;
	justify-content: flex-end;
}
.header .item-right a{ 
     text-decoration: none;
     font-size: 25px;
     color:#000000;
     display: inline-block;
     margin-left: 5px;
     transition: color 0.3s ease;
}
.header .item-right span{ 
     text-decoration: none;
     font-size: 18px;
     color:#000000;
     display: inline-block;
     margin-left: 5px;
     transition: color 0.3s ease;
}
.header .menu > ul > li{
	display: inline-block;
	line-height: 50px;
	margin-left: 25px;
}
.header .menu > ul > li > a{
	font-size: 15px;
	font-weight: 500;
	color:#fff;
	position: relative;
	text-transform: capitalize;
	transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu{
	position: absolute;
	z-index: 500;
	background-color:#ffffff;
	box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); 
	padding: 20px 30px;
	transition: all 0.5s ease;
	margin-top:25px;
	opacity:0;
	visibility: hidden;
}
.ser-btn .enquary-btn a{	
	padding: 4px 5px 4px 10px;
	color: #fff;
	font-size: 15px;
	display: block;
	background-color: #0093FF;
	border: 2px solid #0093FF;
	text-align: center; 
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.ser-btn .enquary-btn span{	
	padding: 4px 5px 4px 10px;
	color: #fff;
	font-size: 15px;
	display: block;
	cursor: pointer;
	background-color: #0093FF;
	border: 2px solid #0093FF;
	text-align: center; 
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.ser-btn .enquary-btn a:hover{
	color: #152733;
	background-color: #fff;
	border: 2px solid #152733;
}
.ser-btn .enquary-btn span:hover{
	color: #152733;
	background-color: #fff;
	border: 2px solid #152733;
}
.list_container{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-column-gap: 16px;
	grid-row-gap: 20px;
	margin-top: 15px;
}
.heading_one{
	width: 50%;
	font-size: 30px;
	color: #00909E;
	text-transform: uppercase;
	font-weight: 800;
	text-align: center;
	left: 20px;
	padding-bottom: 10px;
}
.mini_title{
	font-size: 22px;
	color: #00109E;
	text-transform: uppercase;
	font-weight: 800;
	text-align: left;
	padding-bottom: 10px;
}
.heading{
	font-size: 22px;
	color: #00705E;
	text-transform: uppercase;
	font-weight: 800;
	text-align: left;
}
.text_body{
	margin-right: 5px;
	font-size: 18px;
	color: #00102E;
	font-weight: 500;
	text-align: justify;
	word-spacing: -3px;
	padding-bottom: 10px;
}
.cos{
	color: #00102E;
	font-size: 20px;
}
.left_col img{
	width: 100%;
}
.left_col label{
	color: #00109E;
}
.call_btn {
	display: inline-block;
	text-decoration: none;
	border: 1px solid red;
	padding: 12px 34px;
	font-size: 13px;
	background: transparent;
	color: #00109E;
	position: relative;
	cursor: pointer;
}
.call_btn:hover{
	border: 1px solid red;
	background: #f44336;
	transition: 1s;
}

@media(min-width: 992px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
	margin-top: 0;
	visibility: visible;
	opacity: 1;
}
}
.header .menu > ul > li .sub-menu > ul > li{
	line-height: 1;
}
.header .menu > ul > li .sub-menu > ul > li > a{
	display: inline-block;
	padding: 10px 0;
	font-size: 15px;
	color: #555555;
	transition: color 0.3s ease;
	text-decoration: none;
	text-transform: capitalize;
}
.header .menu > ul > li .single-column-menu{
	min-width: 280px;
	max-width: 350px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block; 
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
	padding:10px 0;
	display: inline-block;
	font-size: 15px;
	color:#555555;
	transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu.mega-menu{ 
    left: 50%;
    transform: translateX(-50%);	
} 
.header .menu > ul > li .sub-menu.mega-menu-column-4{
  max-width: 1100px;
  width: 100%; 	
  display: flex;
  flex-wrap: wrap;
  padding:20px 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex:0 0 25%;
  padding:0 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{
	font-size: 16px;
	color:#ea4636;
	text-align: left;
	font-weight: 500;
	line-height: 1;
	padding:10px 0;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
	text-align: left;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
	margin-top: 10px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a{
	color:#ea4636;
} 
.mobile-menu-head,
.mobile-menu-trigger{
	display: none;
}

/*responsive*/
@media(max-width: 991px){

	.title{
		width: 100%;
		font-size: 16px;
	}
	.heading_one{
		width: 100%;
	}
	.heading{
		font-size: 14px;
	}
	.header .item-center{
		order:3;
		flex:0 0 100%;
	}
	.header .item-left,
	.header .item-right{
		flex:0 0 auto;
	}
	.v-center{
		justify-content: space-between;
	}
	.header .mobile-menu-trigger{
		display: flex;
		height: 35px;
		width: 35px;
		margin: 5px 5px;
		padding: 5px 5px;
		background-color: #0093FF;
		border-radius: 4px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
		border: 2px solid #0093FF;
	}
	.header .mobile-menu-trigger span{
		display: block; 
		height: 2px;
		background-color: #000;
		width: 50px; 
		font-weight: 6000;
		position: relative;
	}
	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after{
		content: '';
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
		background-color: #000;
	}
	.header .mobile-menu-trigger span:before{
		top:-10px;
	}
	
	.header .mobile-menu-trigger span:after{
		top:10px;
	}
	.header .item-right{
		align-items: center;
	}
	.header .mobile-menu-trigger:hover{
		background-color: #FFF;
		border: 2px solid #152733;
	}
	.header .menu{
		position: fixed;
		width: 320px;
		background-color:#ffffff;
		left:0;
		top:0;
		height: 100%;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease;
		z-index: 1099;
	}
	.header .menu.active{
	   transform: translate(0%);	
	}
	.header .menu > ul > li{
		line-height: 1;
		margin:0;
		display: block;
	}
	.header .menu > ul > li > a{
		color: #000;
		line-height: 50px;
		height: 50px;
		padding:0 50px 0 15px;
		display: block;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	.header .menu > ul > li > a i{
		position: absolute;
		height: 50px;
		width: 50px;
		top:0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg);
	}
	.header .menu .mobile-menu-head{
		display: flex;
		height: 50px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #ffffff;
		top:0;
	}
	.header .menu .mobile-menu-head .go-back{
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;
		font-size: 16px;
		display: none;
	}
	.header .menu .mobile-menu-head.active .go-back{
		display: block;
	}
	.header .menu .mobile-menu-head .current-menu-title{
		font-size: 15px;
		font-weight: 500;
		color:#000000;
	}
	.header .menu .mobile-menu-head .mobile-menu-close{
	    height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;	
		font-size: 25px;
	}
	.header .menu .menu-main{
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.header .menu > ul > li .sub-menu.mega-menu,
	.header .menu > ul > li .sub-menu{
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin:0;
		padding:15px;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top: 65px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}
.header .menu > ul > li .sub-menu.active{
	display: block;
}
@keyframes slideLeft{
	0%{
		opacity:0;
		transform: translateX(100%);
	}
	100%{
	    opacity:1;
		transform: translateX(0%);	
	}
}
@keyframes slideRight{
	0%{
		opacity:1;
		transform: translateX(0%);
	}
	100%{
	    opacity:0;
		transform: translateX(100%);	
	}
}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
		margin-top:0;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
		margin-bottom: 20px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
		margin-bottom:0px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
		flex: 0 0 100%;
        padding: 0px;
	}
	.header .menu > ul > li .sub-menu > ul > li > a,
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
		display: block;
	}
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
		margin-bottom: 15px;
	}
	.menu-overlay{
		position: fixed;
		background-color: rgba(0,0,0,0.5);
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity:0; 
	}
	.menu-overlay.active{
	  visibility: visible;
	  opacity:1;	
	}
	footer{
		position: relative;
		bottom: 0px;
	}
	.main-content{
		flex-wrap: wrap;
		flex-direction: column;
	}
	.main-content .box{
		margin: 5px 0;
	}
	.name{
		font-size: 15px;
	}   

} 
@media(max-width: 700px){
.mini_title{
	font-size: 12px;
}
.heading{
	font-size: 11px;
}
.row_flex{
	display: flex;
}
.side_bar_main {
	font-size: 5px;
	font-weight: 100;
}
.side_bar_info img{
	width: 100%;
} 
.about_us .row{
 flex-direction: column;
}
.testimonial_col img{
margin-left: 0;
margin-right: 15px;
}
.text_body{
	font-size: 13px;
}
}
/*------------------------slide show css---------------------------*/

.galleryContainer{
    width: 100%;
    height: 400px; 
    padding-top: 5px;
    user-select: none; 
    padding: 5px;
    box-sizing: border-box;
    position: relative;    
}
.galleryContainer .slideShowContainer{
    width: 100%;
    height: 80%;
    overflow: hidden;
    background-color: gainsboro;
    position: relative;
}
.galleryContainer .slideShowContainer #playPause{
    width: 32px;
    height: 32px;
    position: absolute;
    background-image: url(images/playPause.png);
    background-repeat: no-repeat;
    z-index: 5;
    background-size: cover;
    margin: 5px;
    cursor: pointer;
}
.galleryContainer .slideShowContainer #playPause:hover{
    opacity: .7;
}
.galleryContainer .slideShowContainer .imageHolder{
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
}
.galleryContainer .slideShowContainer .imageHolder img{
    width: 100%;
    height: 100%;
}
.galleryContainer .slideShowContainer .imageHolder .captionText{
    display: none;
}

.galleryContainer .slideShowContainer .leftArrow,.galleryContainer .slideShowContainer .rightArrow{
    width: 50px;
    background: #00000036;
    position: absolute;
    left: 0;
    z-index: 1;
    transition: background 0.5s;
    height: 72px;
    top: 50%;
    transform: translateY(-50%);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.galleryContainer .slideShowContainer .rightArrow{
    left: auto;
    right: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.galleryContainer .slideShowContainer .leftArrow:hover,.galleryContainer .slideShowContainer .rightArrow:hover{
    background: #000000a8;
    cursor: pointer;
}
.galleryContainer .arrow{
    display: inline-block;
    border: 3px solid white;
    width: 10px;
    height: 10px;
    border-left: none;
    border-bottom: none;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.galleryContainer .arrow.arrowLeft{
    transform: rotateZ(-135deg);
}
.galleryContainer .arrow.arrowRight{
    transform: rotateZ(45deg);
} 
.galleryContainer .slideShowContainer>.captionTextHolder{
    position: absolute;
    bottom: 0;
    z-index: 1;
    color: white;
    font-family: sans-serif;
    font-size: 20px;
    text-align: center;
    width: 100%;
    background: #00000047;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
}
.galleryContainer .slideShowContainer>.captionTextHolder>.captionText{
    margin: 0;
}

.galleryContainer #dotsContainer{
    width: 100%;
    height: 10%;
    text-align: center;
    padding-top: 20px;
    box-sizing: border-box;
}
.galleryContainer #dotsContainer .dots{
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-left: 5px;
    background-color: #bbb;
    cursor: pointer;
    transition:background-color 0.5s;
}
.galleryContainer #dotsContainer .dots:first-child{
    margin-left: 0;
}
.galleryContainer #dotsContainer .dots:hover,.galleryContainer #dotsContainer .dots.active{
    background-color: #717171;;
}

.galleryContainer .moveLeftCurrentSlide{
    animation-name: moveLeftCurrent;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-fill-mode:forwards;

}
.galleryContainer .moveLeftNextSlide{
    animation-name: moveLeftNext;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-fill-mode:forwards;
}
@keyframes moveLeftCurrent {
    from {margin-left: 0;opacity: 1;}
    to {margin-left: -100%;opacity: 1;}
}
@keyframes moveLeftNext {
    from {margin-left: 100%;opacity: 1;}
    to {margin-left: 0%;opacity: 1;}
} 
.galleryContainer .moveRightCurrentSlide{
    animation-name: moveRightCurrent;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-fill-mode:forwards;
}
.galleryContainer .moveRightPrevSlide{
    animation-name: moveRightPrev;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-fill-mode:forwards;
}
@keyframes moveRightCurrent {
    from {margin-left: 0;opacity: 1;}
    to {margin-left: 100%;opacity: 1;}
}
@keyframes moveRightPrev {
    from {margin-left: -100%;opacity: 1;}
    to {margin-left: 0%;opacity: 1;}
}
.slideTextFromBottom {
    animation-name: slideTextFromBottom;
    animation-duration: 0.7s;
    animation-timing-function: ease-out;
}
@keyframes slideTextFromBottom {
    from {opacity: 0;margin-top: 100px}
    to {opacity: 1;margin-top: 0px;}
}
.slideTextFromTop {
    animation-name: slideTextFromTop;
    animation-duration: 0.7s;
    animation-timing-function: ease-out;
}
@keyframes slideTextFromTop {
    from {opacity: 0;margin-top: -100px}
    to {opacity: 1;margin-top: 0px;}
}
.slideshow{
	width: 80%;
	margin: auto;
	margin-top: 10px;
}
/*-------------- media ----------------*/
.media{
width: 80%; 
margin: auto; 
margin-top: 20px;
text-align: center;
padding: 5px 5px 5px 5px;
background-color: #fff;
border: 1px solid grey;
border-bottom: 2px solid #f12020;
}
.media_col{
flex-basis: 32%;
border-radius: 10px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.media_col img{
width: 100%;
height: 100%;
display: block;
}
.layer{
background: transparent;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
transition: 0.5s;
}
.layer:hover{
background: rgba(226, 0, 0, 0.7);
}
.layer h3{
width: 100%;
font-weight: 500;
color: #fff;
font-size: 26px;
bottom: 0;
left: 50%;
transform: translatex(-50%);
position: absolute;
opacity: 0;
transition: 0.5s;
}
.layer p{
width: 100%;
font-weight: 200;
color: #fff;
font-size: 18px;
bottom: 0; 
left: 50%;
transform: translatex(-50%);
position: absolute;
opacity: 0;
transition: 0.5s;
text-align: justify;
padding: 16px;
word-spacing: -2px; 
}
.layer:hover h3{
opacity: 1;
bottom: 90%;
}
.layer:hover p{
opacity: 1;
top: 5%;
}
/*-------------- blog page ----------------*/
.blog_content{
padding: 60px 0;
width: 80%;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
padding:15px 15px 15px 15px;
background-color: #fff;
border: 1px solid grey;
border-bottom: 2px solid #f12020;
}
.blog_left{
margin-right: 10px;
flex-basis: 63%;
height: 100vh;
overflow-y: scroll;
}
.blog_left img{
width: 100%;
}
.blog_left span{
	display: flex;
	text-align: left;
}
.blog_left h2{
text-align: left;
color: #222;
font-weight: 600;
margin: 5px 0;
}
.blog_left p{
color: #999;
padding: 0;
text-align: left;
margin-bottom: 10px;
}
.blog_right{
flex-basis: 35%;
background-color: #d3e3fd;
}
.blog_right img{
	height: 45px;
	width: 60px;
	border-radius: 10px;
}
.blog_right h3{
background: #f44336;
color: #fff;
padding:7px 0;
font-size: 16px;
margin-bottom: 20px;
}
.blog_right span{
color: #fff;
font-weight: bold;
background-color: green;
border-radius: 50%;
padding: 0 10px;
}
.blog_right div{
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px;
margin: 8px;
box-sizing: border-box;
border-radius: 10px;
background-color: #fff;
color:  #f44336;
transition: 0.5s;
}
.blog_right div:hover{
	background-color: #000;
	color: #fff;
}
.comment_box{
border: 1px solid #ccc;
margin: 50px 0;
padding: 10px 20px;
}

.comment_box h3{
text-align: left;
}
.comment_form input, .comment_form textarea{
width: 100%;
padding: 10px;
margin: 15px 0;
box-sizing: border-box;
border: none;
outline: none;
background: #f0f0f0;
}
.comment_form button{
margin: 10px 0;
}
@media (max-width: 900px){
	.blog_right{
		width:  100%;
		margin: 4px 4px;
	}
	.blog_left{
		width: 100%;
	}
	
}
/*------------------------devotion css------------*/
.devotion{
width: 80%;
margin: auto;
margin-top: -30px;
margin-bottom: 10px;
text-align: center;
padding:15px 15px 15px 15px;
background-color: #fff;
border: 1px solid grey;
border-bottom: 2px solid #f12020;
}
/*------------------------blog css------------*/
.blog{
width: 80%;
margin: auto;
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
padding:15px 15px 15px 15px;
background-color: #fff;
border: 1px solid grey;
border-bottom: 2px solid #f12020;
}

.blog_box{
	flex-basis: 31%;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #ececec;
}
.title{
	color: red;
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 800;
	text-transform: uppercase;
}
.blog_img{
	width: 100%;
	height: auto;
}
.blog_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.blog_text{
	padding: 20px;
	display: flex;
	flex-direction: column;
	text-align: left;
}
.blog_text span{
	color: #f33c3c;
	font-size: 0.9rem;
}

.blog_title{
	text-decoration: none;
	font-style: none;
	font-size: 1.3rem;
	font-weight: 500;
	color: #272727;
}
.blog_title:hover{
	color: #f33c3c;
	transition: all ease 0.3s;
}
.blog_text p{
	color: #9b9b9b;
	font-size: 0.9rem;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 5px 0px;
}
.blog_text a{
	color: #0f0f0f;
}
.blog_text a:hover{
	color: #f33c3c;
	transition: all ease 0.3s;
}
.blog_box .cos{
	color: #0c6fae;
	font-weight: bold;
	font-size: 20px;
}
.blog_box .cos1{
	color: #0c6fae;
}
.see_all_our_news{ 
width: 100%;
text-align: center;
padding: 20px 0; 
}
.see_all_our_news .call_btn{
	background-color: red;
	color: #fff;	
	font-size: 15px;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 600;
	text-transform: uppercase;
}
.see_all_our_news .call_btn:hover{
	border: 1px solid #0093FF;
	background-color: #0093FF;
}
.blog_box .readmore_text{
	color: #000000;
	font-size: 800;
}

/*-------------- single page ----------------*/
.single_christpartner{ 
width: 80%;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
padding:15px 15px 15px 15px;
background-color: #fff;
border: 1px solid grey;
border-bottom: 2px solid #f12020;
}
.row_flex{
	display: flex;
}
.main_section{
	width: 60%;
	flex-basis: 79%;
	height: 80vh;
	padding: 3px;
	overflow: auto;
	}
.side_bar{
	width: 30%;
	margin: 5px;
	height: 80vh;
	overflow: scroll;
	padding: 5px;	
	}
.main_section img{
	width: 100%;
	}
.side_bar_info{ 
	justify-content: space-between;
	margin-bottom: 8px;
} 
 .side_bar_info{
	padding: 4px 5px 4px 4px; 
	color: #fff;
	font-size: 12px;
	display: block;
	background-color: #0093FF;
	border: 2px solid #0093FF;
	text-align: center; 
	font-weight: 300;
	text-transform: uppercase;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s; 
}
.side_bar_info:hover{
	color: #0093FF;
	background-color: #fff;
	border: 2px solid #0093FF;
}
.side_bar_info img{
	width: 100%;
	height: 80%;
}
/*-------------- contact us page ----------------*/
.location{
width: 80%;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
padding:15px 15px 15px 15px;
background-color: #fff;
border: 1px solid grey;
border-bottom: 2px solid #f12020;
}
.location iframe{
width: 100%;
}
.contact_us{
width: 80%;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
padding:50px 15px 15px 15px;
background-color: #fff;
border: 1px solid grey;
border-bottom: 2px solid #f12020;
}
.contact_col{
flex-basis: 48%;
margin-bottom: 30px;
margin-top: -30px;
border: 1px solid grey;
border-bottom: 2px solid #f12020;
padding: 10px;
padding-bottom: 5px;
}
.contact_col div{
display: flex;
align-items: center;
margin-bottom: 40px;
}
.contact_col div .fa{
font-size: 28px;
color: #f44336;
margin: 10px;
margin-right: 30px;
}
.contact_col div p{
padding: 0;
text-align: left;
}
.contact_col div h5{
font-size: 20px;
margin-bottom: 5px;
color: #555;
font-weight: 600;
text-align: left;
}
.contact_col input, .contact_col textarea{
width: 100%;
padding: 15px;
margin-bottom: 17px;
outline: none;
border: 1px solid #ccc;
box-sizing: border-box;
} 
/*-------------- About us page ----------------*/
.about_us{
width: 80%;
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
padding:15px 15px 15px 15px;
background-color: #fff;
border: 1px solid grey;
border-bottom: 2px solid #f12020;
}
.left_col{
flex-basis: 65%;
margin-bottom: 30px; 
border: 1px solid grey;
border-bottom: 2px solid #f12020;
padding: 10px;
padding-bottom: 5px;
max-height: 60vh;
overflow: auto;
margin-left: 15px;
margin-right: 15px;
}
.right_col{
flex-basis: 28%;
margin-bottom: 30px; 
border: 1px solid grey;
border-bottom: 2px solid #f12020;
padding: 10px;
padding-bottom: 5px;
margin-left: 15px;
margin-right: 15px;
}
/*-------------------------------partnership----------------*/
.col .contents{
	padding: 0px 5px;
}
.col .contents .box{
	position: relative;
	padding: 6px;
	border: 1px solid #eaeaea;
	background-color: #ffffff;
	cursor: pointer;
	transition: all 0.4s;
	margin-bottom: 5px;
}
.col .contents .box:hover{
	box-shadow: 0px 3px 12px 0px #ccc;
	border: 1px solid transparent;
}

.box h4{
	position: relative;
	color: #11a372;
}
.box h3{
	font-size: 19px;
	padding: 10px 0px 6px;
	font-family: helvetica;
	color: #444;
}
@media(max-width: 768px){
	main .row{
		grid-template-columns: 1fr;
	}
	.row .col:nth-child(2){
		margin-top: 10px;
	}	
	.blog_right{
		flex-basis: 100%;
		margin: 4px 4px;
	}
	.blog_left{
		flex-basis: 100%;
	}
}
/*---------------------floating icons--------------*/

.floating-social-icon{
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	right:  5px;
	z-index: 9999;
}
.floating-social-icon a{
	display: block;
	color: #fff;
	text-decoration: none;
	font-family: 'Montserrat';
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.floating-social-icon a .icon{
	width: 40px;
	height: 40px;
	display: inline-block;
	background-color: #333;
	text-align: center;
	border-radius: 50%;
}
.floating-social-icon a .icon .fa{
	line-height: 40px;
}
.floating-social-icon a .text{
	display: inline-block;
	font-size: 14px;
	background-color: #333;
	height: 40px;
	padding: 0 15px;
	opacity: 0;
	visibility: hidden;
	position: relative;
	left: 15px;
	transition: left .2s linear;
	line-height: 40px;
}
.floating-social-icon a:hover .text{
	left: -100px;
	text-overflow: hidden;
	opacity: 1;
	visibility: visible; 
}
.floating-social-icon a:hover{
	font-size: 27px;
}

.floating-social-icon a .text:before{
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	left: -8px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	background-color: #333;
} 
.floating-social-icon a:nth-child(1) .text,
.floating-social-icon a:nth-child(1) .icon,
.floating-social-icon a:nth-child(1) .text:before
{
	background-color: #4966ab;
}
.floating-social-icon a:nth-child(2) .text,
.floating-social-icon a:nth-child(2) .icon,
.floating-social-icon a:nth-child(2) .text:before
{
	background-color: #35abda;
}
.floating-social-icon a:nth-child(3) .text,
.floating-social-icon a:nth-child(3) .icon,
.floating-social-icon a:nth-child(3) .text:before
{
	background-color: #e13d38;
}
.floating-social-icon a:nth-child(4) .text,
.floating-social-icon a:nth-child(4) .icon,
.floating-social-icon a:nth-child(4) .text:before
{
	background-color: #0f9b26;
}
/*-------------------------------footer----------------*/ 
 footer{
 	position: relative;
 	bottom: 0;
 	width: 100%;
 	background: #111;
 	color: #d9d9d9;
 }
 .main-content{
 	display: flex;
 }
 .main-content .box{
 	flex-basis: 50%;
 	padding: 10px 20px;
 }
 .box h2{
 	font-size: 1.125rem;
 	font-weight: 600;
 	text-transform: uppercase;
 }

 .main-content .content .phone a{
 	font-style: none;
 	text-decoration: none;
 	color: #d9d9d9;
 }
  .content p{
 	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
 }
 .content img{
 	width: 50px;
 	height: 50%;
 	border-radius: 50%;
 	margin-left: 30%;
 	background-color: white;
 } 
 .content .blog_title{
 	color: #d9d9d9;
 	padding: 5px;
 	margin-top: 10px;
 }
 .content .blog_title:hover{
 	color: red;
 	transition: all 0.5s ease-out;
 }
 .left .content .social{
 	margin: 20px 0 0 0;
 }
 .left .content .social{
 	padding: 0 2px;
 }
 .left .content .social a span{
 	height: 40px;
 	width: 40px;
 	background: #1a1a1a;
 	line-height: 40px;
 	text-align: center;
 	font-size: 18px;
 	border-radius: 5px;
 	color: #d9d9d9;
 	transition: 0.3s;
 }
  .left .content .social a span:hover{
 	background: #f12020;
 	color: #d9d9d9;
 }
 .center .content .fa{
 	font-size: 1.4375rem;
 	background: #1a1a1a;
 	height: 45px;
 	width: 45px;
 	line-height: 45px;
 	text-align: center;
 	border-radius: 50%;
 	transition: 0.5s;
 	cursor: pointer;
 }
 .center .content .fa:hover{
 	background: #f12020;
 }
 .center .content .text{
 	font-style: 1.0625rem;
 	font-weight: 500;
 	padding-left: 10px;
 }
 .center .content .phone{
 	margin: 10px 0;
 }
 .right form .text{
 	font-size: 1.0625rem;
 	margin-bottom: 2px;
 	color: #656565;
 }
 .right form .msg{
 	margin-top: 10px;
 }
 .right form input, .right form textarea{
 	width: 100%;
 	font-size: 1.0625rem;
 	background: #fff;
 	padding-left: 10px;
 	border: 1px solid #d9d9d9;
 	color: #222222;
 }
 .right form input:focus,
 .right form textarea:focus{
 	outline-color: #3498db;
 }
 .right form input{
 	height: 35px; 	
 }
 .right form .btn{
 	margin-top: 10px;
 }
 .right form .btn button{
 	height: 40px;
 	width: 100%;
 	border: none;
 	outline: none;
 	background: #f12020;
 	font-size: 1.0625rem;
 	font-weight: 500;
 	cursor: pointer;
 	transition: 0.3s;
 	color: #d9d9d9;
 }
 .right form .btn button:hover{
 	background: #000;
 } 
 .bottom center{
 	padding: 5px;
 	font-size: 0.9375rem;
 	background: #151515; 	
 }
 .bottom center span{
 	color: #656565;
 }
 .bottom center a{
 	color: #f12020;
 	text-decoration: none;
 }
 .bottom center a:hover{
 	text-decoration: underline;
 }

 .main_section .content_tab{
  display: none;
}
.main_section .active{
  display: block;
}
/*-------------- models ----------------*/ 
.comment-info{	 
	text-align: left;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 10px;
	font-size: 14px;
	color: #5a5a5a;
	}
 .comment-info a img{
	width: 30px;
	margin-right: 8px;
	}
 .comment-info a{
 	text-decoration: none;
	display: inline-flex;
	align-items: center;
	margin-left: 15px;
	} 
.Comment-description{
	padding-left: 15px;
	margin: 15px 0;
}

.Comment-description p{
	font-size: 14px;
	color: #5a5a5a;
	margin-bottom: 5px;
}
.Comment-description h4{
	text-align: left;
	font-size: 20px;
	margin-top: 5px;
}
.Comment-description h4:hover{
	color: blue;
	cursor: pointer;
}
.Comment-description h5{
	display: flex;
	text-align: left;
	font-size: 20px;
	margin-top: 5px;
}
.comment-headers{
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
}
.add_comment_btns {
	display: flex;
	justify-content:space-between;
}
.add_comment_btns button{
	margin: 0 4px;
	width: 60%;
}
.add-comment .add_comment_btns button{
	height: 30px;
	background: red;
	color: #fff;
	padding: 8px 10px;
	margin-top: 5px;
	border: 0;
	outline: 0;
	border-radius: 4px;
	cursor: pointer;
}
.add-comment .add_comment_btns .lognbtn{
	background: green;
}
.add-comment .add_comment_btns .lognbtn:hover{
	background: blue;
	cursor: pointer;
}
.add-comment .add_comment_btns .regbtn{
	background: green;
}
.add-comment .add_comment_btns .regbtn:hover{
	background: blue;
	cursor: pointer;
}
.add-comment .add_comment_btns .logoutbtn{
	background: orange;
}
.add-comment .add_comment_btns .logoutbtn:hover{
	background: brown;
	cursor: pointer;
}
.add-comment{
	width: 100%;
	display: block;
	align-items: center;
	margin: 10px 0;
}
.add-comment img{
	width: 35px;
	border-radius: 50%;
	margin: 15px;
}
.old-comment .h3, .old-reply .h3{
	font-size: 14px;
}
.old-comment .h3 span, .old-reply .h3 span{
	font-size: 12px;
	padding: 2px 0;
	font-weight: bold;
	color: grey;
	margin-left: 8px;
}
.add-comment input, .new_comment input, .div_register input, .div_login input, .add-reply input{
	border: 0;
	outline: 0;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	margin-right: 2px;
	margin-bottom: 5px;
	background: transparent;
}
.add-comment button, .new_comment button, .div_register button, .div_login button, .add-reply button{
	display: center; 
	justify-content: center;
	background: blue;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	padding: 8px 30px;
	border: 0;
	outline: 0;
	margin-top: 10px;
	border-radius: 4px;
	cursor: pointer;
}
.add-reply .close_btn{
	background: red;
}
.add-comment button:hover{
	background: green;
}
.new_comment{
	width: 100%;
	display: none;
	margin: 10px 0;
	width: 100%;
}
.login,.add_comment_btns,.register{
	display: flex;
}
.register_frm{
	display: inline-flex;
	width: 100px;
	z-index: 900;
}
.old-comment{
	display: block; 
	text-align: left;
	margin: 20px 0;
	
} 
.old-comment .img{
	width: 35px;
	height:35px;
	border-radius: 50%;
	margin-right: 15px;
}
.old-comment h3{ 
	display: flex;
	font-size: 14px;
	margin-bottom: 2px;
} 
.old-comment .accoment-action{
	display: flex;
} 
.old-comment .userComments  .like_type_reply{
	flex-basis: 2%;
}
.old-comment .userComments .rep_div{
	width: 2%;
	padding: 6px;
	font-size: 20px;
	font-weight: bold;
	color: blue;
}
.old-comment .userComments .rep_div:hover{
	cursor: pointer;
	color: brown;
}
.add-reply{
	margin-left: 25px;
}
.add-reply input{
	width: 90%;
}
.old-comment .reply_btns{
	display:  none;
}
.replyRow.reply_btns button {
	margin-left: 5px;
}
.old-reply{
	display: block;
	align-items: center;
	text-align: left;
	margin: 15px 0;
	margin-left: 20px;
	color: grey;
	
}
.old-reply .like_type_reply, .old-comment .userComments .like_type_reply{
	display: flex;
	align-items: center;
	margin: 8px 0;
	font-size: 14px;
	width: 100%;
}
.old-reply .like_type_reply .fa, .old-comment .userComments .like_type_reply .fa{
	border-right: 0;
	width: 20px;
	font-size: 20px;
	margin-right: 5px;
}
.old-reply  .like_type_reply span , .old-comment .userComments .like_type_reply span{
	margin-right: 20px;
	color: #5a5a5a;
}
.old-reply .like_type_reply a,.old-comment .userComments .like_type_reply a{
	color: #0000ff;
}