/*
  Name: MMS SOUTHINDIA
  Date: June 2022
  Version: 1.0
  Author: Copyright @ Opesmount Technology Solutions
  Autor URI: www.opesmount.tech
*/

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Open+Sans:wght@300;400&family=Raleway:wght@700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Open+Sans:wght@300;400&display=swap');
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    font-family: 'Roboto', sans-serif, 'Barlow', sans-serif;
 font-weight: normal;
    overflow-x: hidden;
    background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif, 'Barlow', sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

a {
    outline: none !important;
    text-decoration: none !important;
}

img {
    max-width: 100%;
}


/* change border colour to suit your needs */

input,
select {
    vertical-align: middle;
}


/*==========================*/


/* 	  Common Styles			*/


/*==========================*/

.full_width {
    float: left;
    width: 100%;
}

.custome-fluid {
    padding: 0 100px;
}

.common_padding {
    padding: 40px 0;
}

.relative {
    position: relative;
}

input[type="text"] {
    float: left;
    width: 100%;
    outline: none;
}

.clr {
    background-color: #fff;
}

button {
    background-color: transparent;
    border: none;
    outline: none !important;
}

.img_fit img {
    width: 100%;
    float: left;
}
.right{
    float: right;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

a {
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

.no-padding {
    padding: 0px;
}


/*==========================*/
/* 	  Header styles here    */
/*==========================*/


.header-top-color{
   
    padding: 0;
    
}

.left-address{
  
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
   
}
.left-address svg{
    fill:#fff;
}

.right-address{
  
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: right;
}
.right-address2{
  
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: right;
}

/*==========================*/
/* 	  Banner styles here    */
/*==========================*/

.banner-top{
    margin-top: 123px;
}
.banner-bot{
    background-color: #0ccebd;
    min-height: 84px;
    padding: 20px 20px;
}
.banner-bot h1{
    color: #fff;
    font-size: 19px;
    font-weight: 300;
    line-height: 26px;

}
.banner-bot-2 h2{
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    font-family: 'Roboto', sans-serif, 'Barlow', sans-serif;
   }
.banner-bot h1 span{
    font-weight: 500;
    font-size: 20px;
}
.banner-bot-2{
    background-color: #6a9a34;
    min-height: 53px;
    padding: 3px 20px;
}

#owl-demo .item img{
    display: block;
    width: 100% !important;
    height: auto;
}

/*==========================*/
/* 	  News box styles here    */
/*==========================*/
.news-box{
    margin: 90px 0 0 0 ;
}

.news-box-left{
    min-height: 500px;
    background: url(../images/news-bg.jpg) no-repeat left top;
    background-size: cover;
    padding: 62px 39px 0 39px;

}
.news-box-left h2{
    font-family: 'Barlow', sans-serif;
    font-size: 36px; 
    color: #fff;
    border-bottom: 1px dashed #fff;
    padding: 0 0 15px 0;
    text-transform: uppercase;
   
}

.news-section{
    min-height: 404px;
    background: url(../images/bg-blue.jpg) left top repeat;
    position: relative;
}



.isteColor{
    color: #cd2147;
  }
  .isteColor:hover{
    color: #353A40;
  }
/*haber akışı list*/

ul.timeline > li {
  margin: 5px 0;
  padding-left: 0px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
}
ul.timeline > li a{
    color: #fff;
    font-size: 20px;
    padding: 0 0 10px 0;
    display: block;
}

/*vertical carousel*/
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}


.news-box-left h5{
    font-family: 'Roboto', sans-serif, 'Barlow', sans-serif;
    font-size: 17px;
    color: #fff;
    padding: 7px 0 7px 0px;
    line-height: 26px;
   }
   .news-box-left h4{
    font-family: 'Roboto', sans-serif, 'Barlow', sans-serif;
    font-size: 17px;
    color: #fff;
    padding: 7px 0 3px 0px;
    line-height: 26px;
   }
.interest-box{
    margin: 10px 0 0 0;
}

.news-box-right{
    padding: 40px 0 0 90px;
}

.news-box-right h3{
    color: #04c4b3;
    font-family: 'Barlow', sans-serif;
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;

}
.news-box-right h3 span{
    font-size: 35px;
    font-weight: 400;
}

.news-box-right p {
   color: #1c1c1c;
    font-size: 17px;
text-transform: none;
font-weight: normal;
line-height: 24px;
padding: 25px 0 25px 0;
font-family: 'Roboto', sans-serif, 'Barlow', sans-serif;
}

.news-box-right a{
    color: #ef3711;
}
.news-box-right a:hover{
    color: #000;
}

.bible-bg{
    margin: 32px 0 0 90px;
    background: url(../images/bible-bg.jpg) left top no-repeat;
    min-height: 195px;
    background-size: cover;
    padding: 30px 30px;
}

.bible-bg p {
    color: #fff;
     font-size: 17px;
 text-transform: none;
 font-weight: normal;
 line-height: 24px;
 padding: 25px 0 5px 0;
 font-family: 'Roboto', sans-serif, 'Barlow', sans-serif;
 }
 .bible-bg a{
    color: #04c4b3;
}
.bible-bg a:hover{
    color: #000;
}

.bible-bg h2{
    color: #04c4b3;
    font-family: 'Barlow', sans-serif;
    font-size: 36px;
    font-weight: 500;
}

/*==========================*/
/* 	  Tab section styles here    */
/*==========================*/

.left-tabs{
margin: 90px 0 0 0;

}

.left-tabs h5{
    color: #04c4b3;
    font-family: 'Barlow', sans-serif;
    font-size: 36px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 0 20px 0;
}


.left-tab-first{

}
ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li{
    background: none;
    color: #6a9a34;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 21px;
    font-family: 'Barlow', sans-serif;
    background-color: #fdf3d4;
    font-weight: 500;
}

ul.tabs li.current{
    background: #0ccebd;
    color: #fff;
    text-transform: uppercase;
    font-size: 21px;
    font-family: 'Barlow', sans-serif;
}

.tab-content{
    display: none;
    background: #ededed;
    padding: 15px;
}

.tab-content.current{
    display: inherit;
}
.multi-cul{ 
    padding: 40px 20px 70px 20px;
border: 1px solid #fdf1cd;
}
.multi-cul{}
.hands{
    background: url(../images/hands.jpg) left top no-repeat;
    background-size: cover;
    min-height: 380px;
    text-align: center;
    padding: 50px 70px 20px 70px;
}
.hands h3{
    border-bottom: 1px dashed #f4e60b;
    padding: 0 0 20px 0;
    font-family: 'Barlow', sans-serif;
    font-size: 30px;
    color: #f4e60b;
    font-weight: 600;
}

.hands h5{
    padding: 40px 0 30px 0;
    font-family: 'Barlow', sans-serif;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    line-height: 40px;
}
.hands a{
    margin: 10px 0 0 0;
    color: #f4e60b;
    border: 1px solid #f4e60b;
    padding: 5px 10px;
    font-size: 18px;
}
.hands a:hover{

    color: #fff;
    border: 1px solid #fff;

}
.left-tabs p{
    font-size: 17px;
text-transform: none;
font-weight: normal;
text-align: justify;
line-height: 24px;
padding: 0px 0 5px 0;
font-family: 'Roboto', sans-serif, 'Barlow', sans-serif;
}


/*==========================*/
/* 	  Gallery styles here    */
/*==========================*/
.home-gallery{
    margin: 60px 0 0 0;
    padding: 0 0 50px 0;
  
}
.home-gallery h4{
    font-family: 'Barlow', sans-serif;
    font-size: 36px;
    color: #07c9b8;
    text-align: left;
    text-transform: uppercase;

}
.slider {
  
    height: 300px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slider::before,
.slider::after {
    content: "";
    height: 100%;
    position: absolute;
    width: 100px;
    z-index: 2;
}

.slider::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.slider::before {
    left: 0;
    top: 0;
}

.slider .slide-track {
    animation: scroll 80s linear infinite;
    display: flex;
    width: calc(400px * 18);
}

.slider .slide-track:hover {
    animation-play-state: paused;
}

.slider .slide {
    height: 500px;
    width: 400px;
}

.slide:nth-child(1),
.slide:nth-child(10) {
    background-color: none;
}

.slide:nth-child(2),
.slide:nth-child(11) {
    background-color: none;
}

.slide:nth-child(3),
.slide:nth-child(12) {
    background-color: none;
}

.slide:nth-child(4),
.slide:nth-child(13) {
    background-color: none;
}

.slide:nth-child(5),
.slide:nth-child(14) {
    background-color: none;
}

.slide:nth-child(6),
.slide:nth-child(15) {
    background-color: none;
}

.slide:nth-child(7),
.slide:nth-child(16) {
    background-color: none;
}

.slide:nth-child(8),
.slide:nth-child(17) {
    background-color: none;
}

.slide:nth-child(9),
.slide:nth-child(18) {
    background-color: none;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-400px * 9));
    }
}

.sl-wrapper .sl-image .sl-caption{
    font-size: 17px !important;
}

/*==========================*/
/* 	  Footer styles here    */
/*==========================*/
.footer{
    min-height: 394px;
    background: url(../images/footer-bg.jpg) left top no-repeat;
    background-size: cover;
    margin: 200px 0 0 0;
    padding: 72px 0 0 0;
}
.footer p{
font-size: 17px;
color: #fff;
text-transform: none;
font-weight: normal;
padding: 0px 0 5px 0;
font-family: 'Roboto', sans-serif, 'Barlow', sans-serif;
}
.footer img{
    padding: 0 5px 0 0;
}
.footer a{
    color: #fff;
}
.footer a:hover{
    color: #000;
}
.footer-links{
    margin: 30px 0 0 0;
    text-align: center;
}
.footer-links a{
    color: #fff;
    padding: 5px 15px 5px 0;
    font-weight: 500;
    display: inline-block;
}
.footer-links a:hover{
    color: #000;
}
.footer-line{
    border-top: 1px solid #7fba9e;
    padding: 20px 0 0 0;
    margin: 45px 0 0 0;
    color: #fff;
    font-size: 14px;
    font-family: 'Barlow', sans-serif;
}
.footer-line ul {
    list-style: none;
}

.footer-line li {
    display: inline;
    padding: 0 0 0 10px;
}

/*==========================*/
/* 	  Inner page styles here    */
/*==========================*/

.inner-banner {
    background-size: cover !important;
    width: 100%;
    background: url(../images/inner-banner.jpg) center top no-repeat;
    min-height: 306px;
}
.inner-banner h1{
line-height: 400px;
text-align: center;
font-size: 40px;
color: #fff;
}
.news-tick{
    min-height: 50px;
    background: rgb(106,154,52);
background: linear-gradient(90deg, rgba(106,154,52,1) 0%, rgba(12,206,189,1) 100%);
padding: 0px 0 0 0;
}

.news-scroll a{
    font-size: 30px;
    color: #fff;
}
.news{width: 160px}
.news-scroll a{text-decoration: none}
.dot{height: 6px;width: 6px;margin-left: 3px;margin-right: 3px;margin-top: 2px !important;background-color: rgb(207,23,23);border-radius: 50%;display: inline-block}
.inner-outer{
    padding: 90px 0 0 0;
}
.inner-menu{
border: 1px dashed #04c4b3;
border-radius: 20px;
margin: 20px 0 0 0;
padding: 8px 20px;
text-align: center;
}
.inner-menu ul{
   list-style: none; 
}
.inner-menu li{
    text-align: center;
    display: inline;
    padding: 0 10px 0 10px;
    text-transform: uppercase;
}

.inner-menu li a{
    color: #368a14;
}
.inner-menu li a:hover{
    color: #07c9b8;
}
.inner-menu li a.active{
    color: #07c9b8;
    font-weight: 500;
}
.who-left{

}
.who-left h2{
    color: #04c4b3;
    font-family: 'Barlow', sans-serif;
    font-size: 35px;
    font-weight: 500;
    
}
.who-left p{
    color: #1c1c1c;
    font-size: 17px;
    text-transform: none;
    font-weight: normal;
    line-height: 24px;
    padding: 35px 0 25px 0;
    font-family: 'Roboto', sans-serif, 'Barlow', sans-serif;
}
.who-left hr {
    border-bottom: 1px solid #6bf8eb;
    width: 10%;
    float: left;
}
.who-right{
    text-align: center;
}
.who-right img{
    border: 20px solid #04c4b3;
    margin: 50px 0 0 0;
    
}

.who-right ul{
    list-style: none;
}
.who-right li{
    background-color: #0ccebd;
    color: #fff;
    font-family: 'Roboto', sans-serif, 'Barlow', sans-serif;
    text-transform: uppercase;
}
.partner{
    padding: 120px 0 0 0;
}
.partner ul{
    list-style: none;
}
.partner li{
    border:1px dashed #04c4b3;
    padding: 20px 25px;
    margin: 0 0 20px 0;
}
.partner li a{
   color: #25283D;
}
.partner li a:hover{
    color: #04c4b3;
}

.nopadding{
    padding: 0;
    line-height: 0;
}

.partner2{
    padding: 60px 0 0 0;
}
.partner2 ul{
    list-style: none;
}
.partner2 li{
    border:1px dashed #04c4b3;
    padding: 20px 25px;
    margin: 0 0 20px 0;
    text-align: center;
    text-transform: uppercase;
}
.partner2 li a{
    color: #25283D;

}
.partner2 li a:hover{
    color: #04c4b3;
    
}
.who-left h3{
    color: #04c4b3;
}

.map-container-2 {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.map-container-2 iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.contact-info {}

.map-responsive {
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
    height: 0;
    margin-top: 20px;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.who-left img {
    border: 20px solid #04c4b3;
    margin: 30px 0 0 0;
}
.pro{
    color: #04c4b3;
    text-transform: uppercase;
}

.ore{
    padding: 0 0 0 50px;
}

.contact-field-box {
    border: 4px solid #efecec;
    margin: 0px 0 0px 0;
    padding: 40px 40px;
}

.centered {
    float: none;
    margin: auto;
}

.contact-form .form-control {
    border-radius: 0px;
    border: none;
    background: #ededed;
    height: 48px;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #000 !important;
    margin-bottom: 10px;
}

.contact-form .text-area {
    height: 220px;
}

.contact-form .form-control:focus {
    color: #495057;
    border-color: #80bdff;
    outline: none;
    box-shadow: 0 0 5px rgba(206, 126, 68, 1) !important;
}

.contact-form .form-control input {
    color: #fff !important;
}

.form-btn .btn-warning {
    background: #fff;
    border-radius: 0px;
    border: 1px solid #04c4b3;
    color: #04c4b3;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding: 16px 20px;
    margin-top: 30px;
}

.contact-field-box p {
    text-align: left;
    display: block;
    padding: 20px 0 20px 0;
}

.inner-pagelayout h4 {
    font-size: 29px;
    color: #04c4b3;
    text-transform: capitalize;
    padding: 0px 0 30px 0;
    font-weight: 400;
}

.inner-pagelayout p {
    font-size: 16px;
    line-height: 26px;
    color: #323131;
    padding: 15px 0 0px 15px;
    font-style: italic;
}

.responsive-map{
    overflow: hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    }
    .responsive-map iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    }

    .mapp{
        margin: 50px 0 0 0;
    }

    .contact-form input{
        padding: 0 0 0 10px;
    }
    .contact-form textarea{
        padding: 10px 0 0 10px;
    }
    
     .conn a{
        margin: 10px 0 0 0;
        color: #fff;
       background-color: #07c9b8;
        padding: 5px 10px;
        font-size: 18px;
    }
    .conn a:hover{
    
        color: #fff;
        border: 1px solid #fff;
    
    }