/*
@File: EduField Theme Styles

Author       : EnvyTheme
Template Name: EduField
Version      : 0.1

* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

This files contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
** - Preloader Area CSS
** - Main Menu Area CSS
** - Search Popup Area CSS
** - Main Home Area CSS
** - Main Banner Area CSS
** - Main Banner Two Area CSS
** - Main Banner Three Area CSS
** - Boxes Area CSS
** - Featured Courses Area CSS
** - Why Choose Us Area CSS
** - Popular Courses Area CSS
** - Courses Area CSS
** - Courses Details Area CSS
** - Fun Facts Area CSS
** - Upcoming Events Area CSS
** - Events Details Area CSS
** - Apply Area CSS
** - How It Works Area CSS
** - Teacher Style One Area CSS
** - Teacher Style Two Area CSS
** - Teacher Details Area CSS
** - CTR Area CSS
** - NewsLetter Area CSS
** - Blog Area CSS
** - Blog Two Area CSS
** - Blog Three Area CSS
** - Blog Details Area CSS
** - Testimonials Area CSS
** - Page Title Area CSS
** - About Area CSS
** - Shop Style One Area CSS
** - Shop Style Two Area CSS
** - Product Modal Area CSS
** - Shop Details Area CSS
** - Cart Area CSS
** - CheckOut Area CSS
** - Sidebar CSS
** - Pagination Area CSS
** - Partner Area CSS
** - FAQ Area CSS
** - Login Area CSS
** - Register Area CSS
** - Error Area CSS
** - Contact Area CSS
** - Footer Area CSS
** - Scrolltop CSS

*/



/*
======================================
Default CSS
======================================
*/

 /*sidebar social media*/

.icon-bar {
  position: fixed;
  top: 81%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(75%);
  z-index:8;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 11px 15px 12px 15px;
  transition: all 0.3s ease;
  color: white;
  font-size: 35px;
  border-radius: 50%;
}

.icon-bar a:hover {
  background-color: #000 !important;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #8bc34a;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}
.instagram {
 background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
 color: white;
}
.b-r1{
	border-radius: 0px 20px 0px 0px;
}
.b-r2{
	border-radius: 0px 0px 20px 0px;
}
.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.content {
  margin-left: 75px;
  font-size: 30px;
}
/**/

.nb-form {
    position: fixed;
    z-index: 9999;
    width: 300px;
    background: #FFF;
    right: 80px;
    bottom: -355px;
    transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}
.nb-form:hover {
    bottom: 0px;
}