/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Academica
Version:	1.0
Assigned to:	Templines
Primary use:	Academica
-------------------------------------------------------------------*/

/* FONTS*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,600,400,300|Montserrat:400,700|Lato:400,300,700,900,400italic);
@import url('../fonts/font-awesome/css/font-awesome.min.css');
@import url('../fonts/stroke/style.css');

/* PLUGIN CSS */

@import url('../plugins/sliderpro/css/slider-pro.css');
@import url('../plugins/bootstrap/css/bootstrap.css');
@import url('../plugins/isotope/isotope.css');
@import url('../plugins/validation/validation-2.2.min.css');
@import url('../plugins/owl-carousel/owl.carousel.css');
@import url('../plugins/owl-carousel/owl.transitions.css');
@import url('../plugins/owl-carousel/owl.theme.css');
@import url('../plugins/prettyphoto/css/prettyPhoto.css');
@import url('../plugins/yamm/yamm.css');
@import url('../plugins/datetimepicker/jquery.datetimepicker.css');
@import url('../plugins/animate/animate.css');
@import url('../plugins/jelect/main.css');


/* MAIN CSS */
@import url('theme.css');
@import url('sidebar.css');
@import url('blog.css');
@import url('responsive.css');
@import url('color.css');
@import url('debugging.css');

/* carousel */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */



body {
    font-family: 'Roboto';font-size: 15px;
}

.service-section {
    padding: 4em 0 3.5em;
}
.botmargin {
    margin-bottom: 1em;
}

.icon {
    color: #004c76;
    padding:15px;
    font-size:50px;
}
.service-section h4 a {
    
    font-size: 1.5em;
    letter-spacing: 2px;
    color: #161616;
    padding-bottom: 0em;
    position: relative;
    
}
.service-section h4 a:hover {
    color: #008e10;
}
.site-title {
    font-size: 2.9em;
    letter-spacing: 4px;
    color: #161616;
    padding-bottom: 0.2em;
    position: relative;
}


h2 {
    color: #4C4C4C;
    word-spacing: 5px;
    font-size: 30px;
    font-weight: 700;
    margin-bottom:30px;
    font-family: 'Raleway', sans-serif;
}

.ion-minus{
    padding:0px 10px;
}

.team{
	background-color:#f6f6f6;
	padding:60px 0px;
    font-family: 'Raleway', sans-serif;
}

.team h4 {
    margin-top: 20px;
    color: #5db4c0;
}

.team .fa{
    color: #5db4c0;
    font-size: 18px;
    margin-top: 10px;
    padding: 3px;
}


.text-heading-line {
    position: relative;
    content: "";
    height: 1px;
    background: #008e10;
    width: 44%;
    margin: 0 auto;
    top: 1px;
 
    
}
.text-heading-line-left {
    position: relative;
    content: "";
    height: 1px;
    background: #008e10;
    width: 44%;
    margin: 0 auto;
    top: 0px;
    left: -316px;
    
}
.btn-danger {
    color: #ffffff;
    background-color: #004c76;
    border-color: #004c76;
}
/*
/* Created by Filipe Pina
 * Specific styles of signin, register, component
 */
/*
 * General styles
 */
#playground-container {
    height: 500px;
    overflow: hidden !important;
    -webkit-overflow-scrolling: touch;
}

.main{
 	margin:50px 15px;
}

h1.title { 
	font-size: 50px;
	font-family: 'Passion One', cursive; 
	font-weight: 400; 
}

hr{
	width: 10%;
	color: #fff;
}

.form-group{
	margin-bottom: 15px;
}

label{
	margin-bottom: 15px;
}

input,
input::-webkit-input-placeholder {
    font-size: 11px;
    padding-top: 3px;
}

.form-control {
    height: auto!important;
padding: 8px 12px !important;
}

#button {
    border: 1px solid #ccc;
    margin-top: 28px;
    padding: 6px 12px;
    color: #666;
    text-shadow: 0 1px #fff;
    cursor: pointer;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px 3px;
    -moz-box-shadow: 0 1px #fff inset, 0 1px #ddd;
    -webkit-box-shadow: 0 1px #fff inset, 0 1px #ddd;
    box-shadow: 0 1px #fff inset, 0 1px #ddd;
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
    background: linear-gradient(top, #f5f5f5 0%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0);
}
.main-center{
 	margin-top: 30px;
 	margin: 0 auto;
 	max-width: 400px;
    padding: 10px 40px;
	background:#009edf;
	    color: #FFF;
    text-shadow: none;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);

}
span.input-group-addon i {
    color: #009edf;
    font-size: 17px;
}

.login-button{
	margin-top: 5px;
}

.login-register{
	font-size: 11px;
	text-align: center;
}