@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Open+Sans:400,600,700,800');
/*-------------------------------------
    Template Name: Academic HTML5 Responsive Teample
    Template URI: http://radontheme.com/
    Description: Academic HTML5 Responsive Teample
    Author: radontheme
    Author URI: http://radontheme.com/
    Version: 1.0
---------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2.Header Area Start Here
    3.Slider Area Start Here
    4.Search Box Start Here
    5.Popular Courses Start Here
    6.why connect us start Here
    7.Calender Area Start Here
    8.Register Now Start Here
    9.Blog Area Start Here
    10.Video Background Start Here
    11.More Lecturer Area Start Here
    12.Testimonial Area start here
    13.Portfolio One Start Here
    14.Subscribe Area Start Here
    15.Footer Area Start Here
    16.Page Header Section breadcumb Start Here
    17.About Page Start Here 
    18.Event Area Start Here
    19. Sidebar Area Start Here
    20. Pagination Start Here
    21. Event Details Start Here
    22.Blog Page Start Here
    23.Courses Area Start Here
    24.Contact Us page Start Here
    25.Shop Page Start Here
    26.Product Details Page Start Here
    27.Cart Page Area Start
    28.Login and Registration start Here


---------------------------------------*/
/*....................................
1.Theme default CSS
....................................*/
html,
body {
  height: 100%;
  font-size: 18px;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  vertical-align: baseline;
  line-height: 24px;
  font-weight: 400;
}
/* ....................................
1.1 Reset CSS 
.......................................*/
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 28px;
}
.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 28px;
}
.aligncenter {
  display: block;
  margin: 0 auto 28px;
}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
.fix {
  overflow: hidden;
}
p {
  margin: 0 0 28px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 28px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}
a {
  transition: all 0.5s ease 0s;
  text-decoration: none;
}
a:hover {
  color: #86bc42;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0 none;
  color: #6b9635;
}
/* -----------------------------
Template From and Button Styling 
-------------------------------*/
a.button {
  border: 0;
  color: #fff;
  background-color: #86bc42;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  letter-spacing: 0;
  position: relative;
  box-shadow: none;
  z-index: 1;
  border-radius: 0;
  display: block !important;
  height: 50px !important;
  line-height: 28px !important;
  text-align: center;
  width: 150px !important;
}
a.button:before,
a.button:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 0;
  border-radius: 0px;
  z-index: -1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
a.button:before {
  left: 0;
  top: 0;
  border-top: 0px solid #6b9635;
}
a.button:after {
  right: 0;
  bottom: 0;
  border-bottom: 0px solid #6b9635;
}
a.button:hover:before {
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
a.button:hover:after {
  width: 100%;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
a.button:hover,
a.button:focus {
  background-color: transparent;
  box-shadow: 0px 0px 0px 1px #86bc42;
  outline: none;
}
.form-control {
  height: 50px;
  padding: 6px 20px;
  color: #000;
  border: 1px solid #eeeeee;
  box-shadow: none;
  outline: none;
  text-transform: capitalize;
  background-color: #fff;
  font-weight: 500;
  border-radius: 0;
}
div input,
div textarea {
  transition: all 0.5s ease 0s;
}
div input:focus,
div textarea:focus {
  outline: 0px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #fff !important;
  border: 1px solid #86bc42 !important;
}
.form-group {
  margin-bottom: 30px;
}
.form-control::-webkit-input-placeholder {
  color: black;
}
.form-control:-moz-placeholder {
  color: black;
}
.form-control::-moz-placeholder {
  color: black;
}
.form-control:-ms-input-placeholder {
  color: black;
}
input,
button,
select,
textarea {
  width: 100%;
}
textarea {
  height: 120px;
}
.nice-select {
  border-radius: 0px;
  height: 50px;
  line-height: 50px;
  width: 100%;
}
.nice-select .list {
  width: 100%;
  border-radius: 0;
}
::-moz-selection {
  background: #86bc42;
  text-shadow: none;
}
::selection {
  background: #86bc42;
  text-shadow: none;
}
.browserupgrade {
  margin: 26px  0;
  background: #86bc42;
  color: #333333;
  padding: 26px 0;
}
.section-title h2 {
  margin-bottom: 10px;
}
.section-title img {
  margin-bottom: 30px;
}
.view-more {
  margin-top: 30px;
}
.view-more a {
  padding: 10px 25px;
  text-transform: uppercase;
  background: #a3e450;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  font-weight: 600;
}
.view-more a:hover {
  background: #648e2e;
}
.acurate {
  margin: 0;
  padding: 0;
}
.mobile-menu-area {
  display: none;
}
.mean-container .mean-nav {
  position: absolute;
  top: 100%;
}