/*!

 Color references:
 	 
	green: #3FCFAC
	red:   #FE5F5F
	gray:  #3f3f3f
	
*/

/*!--------------------- General ---------------------------*/

body {
	padding: 120px 80px 0 80px;
}

a {
	color: #777;
}

a:hover {
	color: #3FCFAC;
}

p{
    color: #777;
}


li {
	color: #3FCFAC;
}

#green {
	color:#3FCFAC;
}

/* ==== large devices =================== */

@media (min-width: 1200px) { 
	
	
}


/* ==== medium devices  ================= */


@media (min-width: 992px) and (max-width: 1199px) { 
	
	
}


/* ==== small devices ================== */


@media (min-width: 551px) and (max-width: 991px) { 
	
	body {
	padding: 120px 0px 0px 0px;
}
		
}


/* ===== extra small devices ========== */


@media (min-width: 240px) and (max-width: 550px) { 
		    	
    body {
        padding: 107px 20px 0 20px;
    }
}
	

/*!--------------------- Navigation ---------------------------*/

.navbar-default {
    background-color: rgba(255,  255,  255, 0.85);
    border-color: transparent;
}

.navbar-fixed-top {
	top: 20px;
    padding-right: 100px;
    padding-left: 100px;
    }

.navbar-nav > li > a {

    line-height: 20px;
}

.navbar-nav > li > a:hover {

    color: #3FCFAC;
}

#nav-social-share{
	margin-top: 2px;
    padding-right: 25px;
}

#nav-social-share a{
	
    display: inline;	
    font-size: 1.4em;
    padding: 10px 10px;
}

#nav-social-share a:hover{
	
    color: #3FCFAC;
}

.navbar-brand {
    padding: 10px;
}

.navbar-brand img{
    width: 75%;
}

/* ==== large devices =================== */

@media (min-width: 1200px) { 	
	
}

/* ==== medium devices  ================= */


@media (min-width: 992px) and (max-width: 1199px) { 
		

 	
 	    .navbar .container-fluid .navbar-brand {
            margin-left: 0px !important;
}

		
		.navbar-default .navbar-toggle {
            display: none;
        }
        
		
		#nav-social-share li{
			list-style: none;
		}

		
}

/* ==== small devices ================== */

@media (min-width: 551px) and (max-width: 991px) { 	
	
		
		.navbar-default .navbar-toggle {
            display: none;
        }
        
        #nav-social-share{

		    padding-right: 25px;
		}
		
		#nav-social-share li{
			list-style: none;
		}
		
}

/* ===== extra small devices ========== */

@media (min-width: 240px) and (max-width: 550px) { 
		     	
	
        .navbar-fixed-top {
	        top: 0px;
		    padding-right: 0px;
		    padding-left: 0px;
		}
 	
		.navbar-brand {
            margin-left: 25px;
            margin-right: 20px;
			margin-top: 7px;
			width: 88%;
			
		}
		
		.navbar-brand img{
						
			width: 100%;
		}
		
		.navbar-default .navbar-toggle {
            display: none;
        }
        
        #nav-social-share{
			margin-top: 20px;
		    padding-right: 0px;
		}
		
		#nav-social-share li{
			list-style: none;
		}
}

/*!--------------------- Social-share ---------------------------*/

#social-share{
    position: fixed;
	display: block;
	top: 30px;
    right: 70px;
	z-index: 1031;
}

#social-share li{
	list-style: none;
}

/* ==== medium devices  ================= */


@media (min-width: 992px) and (max-width: 1199px) { 
	

}


/* ==== small devices ================== */

@media (min-width: 768px) and (max-width: 991px) {
	

}

/* ===== extra small devices ========== */

@media (min-width: 240px) and (max-width: 767px) { 
	
	#social-share{
		position: absolute;
		display: block;
		top: 40px;
	    margin-left: auto;
        margin-right: auto;
        width: 100%;
        right: 0px;
        text-align: center;
        
        

}

.container-fluid-social-share {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

}


/*!--------------------- Menu-Content ---------------------------*/

#squares-menu {
	padding-top: 0px;
	padding-bottom: 0px;
	}

#grid-container {
	padding-left: 100px;
	padding-right: 100px;
}

#grid-container-license{
	padding-left: 100px;
}

#license-cc-grid {
	padding-left: 15px;
	padding-right: 15px;
}

#menu-thumb {
	padding-bottom: 30px;
}

#menu-thumb a {
    background: black;
}


#menu-thumb a:hover {
	-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
	opacity: 0.85;
}


/* ==== large devices =================== */

@media (min-width: 1200px) { 
	
	
}


/* ==== medium devices  ================= */


@media (min-width: 992px) and (max-width: 1199px) { 
	
	
}


/* ==== small devices ================== */


@media (min-width: 551px) and (max-width: 991px) { 
	
		
}


/* ===== extra small devices ========== */


@media (min-width: 240px) and (max-width: 550px) { 
	
		#grid-container {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*!--------------------- pages layout ---------------------------*/

#pages-body {
	padding: 0px 170px 0px 170px;
}

#pages-header {
	padding: 0 0 60px 0;
}


.pages-columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    padding-bottom: 60px;

}

/* ==== large devices =================== */

@media (min-width: 1200px) { 
	
}


/* ==== medium devices  ================= */


@media (min-width: 992px) and (max-width: 1199px) { 
	
	#pages-body {
	padding: 0px 90px 0px 90px;
}
	
}


/* ==== small devices ================== */


@media (min-width: 551px) and (max-width: 991px) { 
	
		#pages-body {
	padding: 0px 90px 0px 90px;
}
}


/* ===== extra small devices ========== */


@media (min-width: 240px) and (max-width: 550px) { 
	
	#pages-body {
	padding: 0px 10px 0 10px;
}

#pages-header {
    padding: 0 0 10px 0;
}
		
}

/*!--------------------- pages content ---------------------------*/

.video-recitation {
	width: 100%;
	height: 467px;
}

#week-text {
	padding-bottom: 40px;
}

#week-description  {
	padding-right: 30px;
}

#week-objectives  {
	padding-left: 30px;
}

#process-body {
	padding: 30px 0;
}

#process {
    margin: 30px 0;
}

#progress-arrow {
	color: #3FCFAC;
	padding-left: 5px;
}

#p-process{
    margin: 30px 0;
}

#p-license {
	margin: 0px;
	font-size: 0.8em;
}

#p-process-list{
    margin: 10px 0;
}

.process-list-center{
	margin-left: auto;
    margin-right: auto;
    width: 600px;
}

.process-list-left{
	margin-left: 30px;
}

#p-process-double-column {
	margin: 0px 0px 30px 0px;
	
}

#img-process{
    margin: 30px 0;
}

img-process-lecturer{
    margin: 50px 0 30px 0;
} 

/* ==== large devices =================== */

@media (min-width: 1200px) { 
	
	
}


/* ==== medium devices  ================= */


@media (min-width: 992px) and (max-width: 1199px) { 
	
	
}


/* ==== small devices ================== */


@media (min-width: 551px) and (max-width: 991px) { 
	
		
}


/* ===== extra small devices ========== */


@media (min-width: 240px) and (max-width: 550px) { 
	
	#week-text {
    padding-bottom: 10px;
}

	#process-body {
	    padding: 10px 0;
}

	#process-body h4{
		margin-bottom: 20px;
}

	#img-process{
	    margin: 10px 0px;
}

	.video-recitation {
		width: 100%;
		height: 145px;
}

	#week-objectives  {
		margin-top: 30px;
		padding-left: 30px;
}
		
}

/*!--------------------- carousel ---------------------------*/


#carousel-example-generic {
	margin-bottom: 60px;
}

.carousel-control.right {
    right: 0px;
    left: auto;
    background-image: none;
    background-repeat: none;
}

.carousel-control.left {
    left: 0px;
    right: auto;
    background-image: none;
    background-repeat: none;
}

/* ==== large devices =================== */

@media (min-width: 1200px) { 
	
	
}


/* ==== medium devices  ================= */


@media (min-width: 992px) and (max-width: 1199px) { 
	
	
}


/* ==== small devices ================== */


@media (min-width: 551px) and (max-width: 991px) { 
	
		
}


/* ===== extra small devices ========== */


@media (min-width: 240px) and (max-width: 550px) { 
	
		
}

/*!--------------------- footer ---------------------------*/

#footer {
	padding: 30px 40px 30px 40px;

}

#footer-info {
    font-size: 0.9em;
	
}

#footer-social-share {
	list-style: none;
	text-align: right;
	font-size: 1.3em;

}

/* ==== large devices =================== */

@media (min-width: 1200px) { 
	
	
}


/* ==== medium devices  ================= */


@media (min-width: 992px) and (max-width: 1199px) { 
	
	
}


/* ==== small devices ================== */


@media (min-width: 551px) and (max-width: 991px) { 
	

	
	#footer-info {
		text-align: center;
	    font-size: 0.9em;
		
	}
	
	#footer-social-share {
		list-style: none;
		text-align: center;
		font-size: 1.3em;
	
	}
	
	#license-img{
    display: block;
    margin-left: auto;
    margin-right: auto; 
    padding-top: 10px;
    padding-bottom: 10px;
    }
    
    #p-license {
	    text-align: center;
	    font-size: 0.9em;
    }
	

}


/* ===== extra small devices ========== */


@media (min-width: 240px) and (max-width: 550px) { 
	#footer {
	padding: 0px 0px 20px 0px;

	}
	
	#footer-info {
		text-align: center;
	    font-size: 0.8em;
		
	}
	
	#footer-social-share {
		list-style: none;
		text-align: center;
		font-size: 1.3em;
	
	}
	
    #license-img{
    display: block;
    margin-left: auto;
    margin-right: auto; 
    padding-top: 10px;
    padding-bottom: 10px;
    }
    
    #p-license {
	    text-align: center;
    }
		
}