/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 10, 2018, 11:03:49 AM
    Author     : MahiMain
*/
body{
   font-family: 'Lato', sans-serif;
    line-height: 2em;
    text-align: justify;
}
.header-contact-group{
    margin-top: 90px;
    font-weight: bold;
    font-size: 16px;
}
.header-contact span{
    margin-right: 7px;
}
.navbar{
    background-color: #094d7f;
    text-align: center;
    border-radius: 0px;
    margin-bottom: 0px;
   
    
}
.navbar-default .navbar-nav>li>a {
    color:#FFF;
}
.navbar-nav>li>a:hover{
   color:#ffffcc !important; 
   background-color:#042b47;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color:#ffffcc;
    background-color:#042b47;
    
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
  
  
}

.navbar .navbar-collapse {
  text-align: center;
}


footer{
    text-align: center;
    background-color: #000;
    color:#FFF;
    padding: 10px;
}
.quotes {
    display: none;
}
.quote{
    color: #3c763d;
    font-style: italic;
    font-size:1.5em;
}

.phone-icons{
    display: block;
    background-color: #D80027;
    color:#FFF;
    margin-bottom: 5px;
    border: solid 1px #FFF;
    text-align: center;
    padding:5px;
}
.phone-icons a{
    color:#FFF;
}
/*
Progress indicator in forms
*/

  .flexer,.progress-indicator{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
  .no-flexer,.progress-indicator.stacked{display:block}
  .no-flexer-element{-ms-flex:0;-webkit-flex:0;-moz-flex:0;flex:0}
  .flexer-element,.progress-indicator>li{-ms-flex:1;-webkit-flex:1;-moz-flex:1;flex:1}
  .progress-indicator{margin:0 0 1em;padding:0;font-size:80%;text-transform:uppercase}
  .progress-indicator>li{list-style:none;
    text-align:center;
    width:auto;
    padding:0;
    margin:0;
    position:relative;
    text-overflow:ellipsis;
    color:#c82828;
    display:block}
    
.progress-indicator>li:hover{
    color:#6f6f6f;
  }
.progress-indicator>li.completed,.progress-indicator>li.completed .bubble{
  color:#c82828;
    }
.progress-indicator>li .bubble{
  border-radius:1000px;
  width:20px;
  height:20px;
  background-color:#c82828;
  display:block;
  margin:0 auto .5em;
  border-bottom:1px solid #888
        }
.progress-indicator>li .bubble:after,.progress-indicator>li .bubble:before{
  display:block;
  position:absolute;
  top:9px;width:100%;
  height:3px;
  content:'';
   background-color:#c82828;
  }
.progress-indicator>li.completed .bubble,.progress-indicator>li.completed .bubble:after,.progress-indicator>li.completed .bubble:before{
 background-color:#c82828;
  border-color:#c82828;
            }
.progress-indicator>li .bubble:before{
    left:0;
 }
.progress-indicator>li .bubble:after{
  right:0;
              }
 .progress-indicator>li:first-child .bubble:after,.progress-indicator>li:first-child .bubble:before{
    width:50%;
    margin-left:50%;
                  }
 .progress-indicator>li:last-child .bubble:after,.progress-indicator>li:last-child .bubble:before{
   width:50%;
   margin-right:50%;
                    }
  .progress-indicator>li.active,.progress-indicator>li.active .bubble{
    color:#337AB7;
  }
  .progress-indicator>li.active .bubble,.progress-indicator>li.active .bubble:after,.progress-indicator>li.active .bubble:before{
   background-color:#337AB7;
   border-color:#122a3f;
  }
  .progress-indicator>li a:hover .bubble,.progress-indicator>li a:hover .bubble:after,.progress-indicator>li a:hover .bubble:before{
     background-color:#5671d0;
    border-color:#1f306e;
  }
  .progress-indicator>li a:hover .bubble{color:#5671d0}.progress-indicator>li.danger .bubble,.progress-indicator>li.danger .bubble:after,.progress-indicator>li.danger .bubble:before{
     background-color:#d3140f;
      border-color:#440605;
                          }
  .progress-indicator>li.danger .bubble{
      color:#d3140f;
          }
              .progress-indicator>li.warning .bubble,.progress-indicator>li.warning .bubble:after,.progress-indicator>li.warning .bubble:before{
                              background-color:#edb10a;
                              border-color:#5a4304;}
.progress-indicator>li.warning .bubble{
  color:#edb10a;
  }
  .progress-indicator>li.info .bubble,.progress-indicator>li.info .bubble:after,.progress-indicator>li.info .bubble:before{
    background-color:#5b32d6;
    border-color:#25135d;
    }
    .progress-indicator>li.info .bubble{color:#5b32d6}
    .progress-indicator.stacked>li{text-indent:-10px;text-align:center;display:block}
    .progress-indicator.stacked>li .bubble:after,.progress-indicator.stacked>li .bubble:before{left:50%;margin-left:-1.5px;width:3px;height:100%}
    .progress-indicator.stacked .stacked-text{position:relative;z-index:10;top:0;margin-left:60%!important;width:45%!important;display:inline-block;text-align:left;line-height:1.2em}
    .progress-indicator.stacked>li a{border:none}
    .progress-indicator.stacked.nocenter>li .bubble{margin-left:0;margin-right:0}
    .progress-indicator.stacked.nocenter>li .bubble:after,.progress-indicator.stacked.nocenter>li .bubble:before{left:10px}
    .progress-indicator.stacked.nocenter .stacked-text{width:auto!important;display:block;margin-left:40px!important}
    @media handheld,screen and (max-width:400px)
    {.progress-indicator{font-size:60%}}
    
 /* progress indicator end */
 
 h4,h6{
color: #c82828!important;
margin-top: 20px;
}
#careerform label {
    font-weight: 100;
    margin-top: 10px;
}
.form-row{
    width:100%;
    margin-left:-15px;
    margin-right:-15px;
}
#remove1{

width:121px;
}

.next{
    width:121px;
    margin-bottom: 10px;
    }
    .spacer-30{
        height:30px;
        width: 100%;
        display:block;
    }
/* Conatct start */

        .header-title
        {
          text-align: center;
          color:#D80027;
        }

        #tip 
        {
            display:none;  
        }

        .fadeIn
        {
          animation-duration: 3s;
        }

        .form-control
        {
        	border-radius:0px;
        	border:1px solid #EDEDED;
        }

        .form-control:focus
        {
        	border:1px solid #D80027;
        }

        .textarea-contact
        {
        	resize:none; 
        }

        .btn-send
        {
        	border-radius: 0px;
        	border:1px solid #004667;
        	background:#D80027;
        	color:#fff; 
        }

        .btn-send:hover
        {
        	border:1px solid #004667;
        	background:#000;
        	color:#004667;
        	transition:background 0.5s;   
        }

        .second-portion
        {
        	margin-top:50px; 
        }

		@import "http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
		@import "http://fonts.googleapis.com/css?family=Roboto:400,500";

		.box > .icon { text-align: center; position: relative; }
		.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #D80027; vertical-align: middle; }
		.box > .icon:hover > .image { background: #333; }
		.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
		.box > .icon:hover > .image > i { color: white !important; }
		.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; min-height:163px;}
		.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
		.box > .icon > .info > h3.title { font-family: "Robot",sans-serif !important; font-size: 18px; color: #222; font-weight: 700; margin-top: 20px; }
		.box > .icon > .info > p { font-family: "Robot",sans-serif !important; font-size: 15px; color: #666; line-height: 1.5em; margin: 20px;}
		.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; margin-top: 20px !important;}
		.box > .icon > .info > .more a { font-family: "Robot",sans-serif !important; font-size: 16px; color: #222; line-height: 16px; text-transform: uppercase; text-decoration: none; }
		.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: red; }
		.box .space { height: 30px; }

		@media only screen and (max-width: 768px)
		{
			.contact-form
			{
				margin-top:25px; 
			}

			.btn-send
			{
				width: 100%;
				padding:10px; 
			}

			.second-portion
			{
				margin-top:25px; 
			}
		}
	/* Conatct end */
      


blockquote{
    border-left:2px solid #fff;
}
.testimonial{
    text-align: center;
}

.testimonial .blockquote-footer{
    font-family: 'Raleway', sans-serif;
}

#testimonial blockquote:hover{
	border-left:2px solid #8ac9d2;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#testimonial img:hover{
	-ms-transform: scale(1.3);    
	-moz-transform: scale(1.3);  
	-webkit-transform: scale(1.3);  
	-o-transform: scale(1.3);  
	transform: scale(1.3);    
	position:relative;      
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#testimonial p{
	 font-size:14px;
	 margin-top:20px;
	 font-family: 'Raleway', sans-serif;
}

.testimonial .fa{
    color:#cccccc;
}	
.commentby{
    
    font-style: italic;
    color: grey;
}	
/* testimonials */
@media only screen and (min-width: 900px){
.header-logo{
   
    display: block;
    margin-left: auto;
    margin-right: auto;
}}
.ministy-block-1{
    min-height: 100px;
    background-color: teal;
    transition: background-color 0.7s ease;
    border: solid 5px #fff;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding:10px;
}
.ministy-block-1:hover{
    min-height: 100px;
    background-color: #333;
    border: solid 5px #fff;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding:10px;
}

.ministy-block-2{
    min-height: 100px;
    background-color: #F4AE00;
    border: solid 5px #fff;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding:10px;
}
.ministy-block-3{
    min-height: 100px;
    background-color: green;
    border: solid 5px #fff;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding:10px;
}
.ministy-block-5{
    min-height: 100px;
    background-color: #5A62B1;
    border: solid 5px #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    padding:10px;
}
.ministy-block-4{
    min-height: 100px;
    background-color: #F67600;
    border: solid 5px #fff;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding:10px;
    text-align: left;
}
.ministy-block-6{
    min-height: 100px;
    background-color: #F45912;
    border: solid 5px #fff;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding:10px;
}
.ministy-block-7{
    min-height: 100px;
    background-color: #0066cc;
    border: solid 5px #fff;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding:10px;
}
.ministry li{
    list-style: none;
    
}
.spacer-80{
    width: 100%;
    height:80px;
}
.spacer-30{
    width: 100%;
    height:30px;
}
.col-red{
    color:#ff0000;
}
input{
    font-family: sans-serif;
}
.slider-logo img{
    padding:30px;
    padding-top:50px;}

.videogallery i{
    color: #ff0000;
    
}

.event-block{
    border: 4px solid #0066cc;
    background-color: #f7f7f7;
    
    border-radius: 20px;
    padding:0 10px 10px 10px; 
    margin-top:20px;
}
.event-name{
    color:#0066cc;
}
.question{
    font-size: 24px;
    color: #0066cc;
    font-weight: bold;
}
.comments{
    padding-left: 30px;
}
.comments .username{
    font-weight: bold;
    margin-top:10px;
    color: #337AB7;
    font-style: italic;
}
.comments .comment_details{
    border-bottom: 2px solid grey;
}
.comment_form{
    margin-top:20px;
}
.biblelogout{
    margin-left: 40px;
}
.room-block{
    min-height: 100px;
    background-color: teal;
    transition: background-color 0.7s ease;
    border: solid 5px #fff;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding:10px;
    margin-bottom: 10px;
}
.sub_comments{
    padding-left: 20px;
}
.sub_comment_form{
    margin-top:10px;
}
.img-inline{
    display: inline-block;
    float:left;
    margin:20px 20px 20px 0px;
}

.img-inline-right {
    display: inline-block;
    float:right;
    margin:20px 0px 20px 20px;
}