/*-----------------------------------------------------------------------------------

    Template Name: Educat
    Template URI: http://devitems.com
    Description: This is html5 template
    Author: BootExperts
    Author URI: http://devitems.com
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    1. Theme Default CSS (body, link color, section etc)
    2. Header CSS
        2.1 Header Top
        2.2 Header Logo Menu
            2.2.1 Header Logo
            2.2.2 Header Mainmenu
            2.2.3 Header Searchbox
            2.2.4 Mobile Menu
    3. Slider Area
    4. About Area
    5. Course Area
    6. Fun Factor Area
    7. Latest News Area
    8. Online Product Area
    9. Testimonial Area
    10. Event Area
    11. Newsletter Area
    12. Footer Widget Area
    13. Footer Area
    14. Home Two Start
        14.1 Home Two Header
        14.2 Home Two Slider
        14.3 Home Two Newsletter
    15. Shop Grid Page
    16. Product Details Page
    17. Course Page
        17.1 Teachers Area
    18. Course Details Page
        18.1 Course Details Content
        18.2 Course Details Sidebar
    19. Event Page
    20. Event Details Page
        20.1 Event Details Content
        20.2 Event Details Sidebar
    21. latest News Page
    22. News Details Page
        22.1 News Details Content
        22.2 News Details Sidebar
    23. Contact Page
    24. About Page
    25. Shortcode
    26. Scrollup
    27. Additional CSS

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html {
  scroll-behavior: smooth;
}
html,
body {
  height: 100%;
}
.floatleft {
  float: left !important;
}
.floatright {
  float: right !important;
}
.floatnone {
  float: none !important;
}
.alignleft {
  text-align: left !important;
}
.alignright {
  text-align: right !important;
}
.aligncenter {
  text-align: center !important;
}
.no-display {
  display: none;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
a:focus,
button:focus {
  outline: 0px solid;
}
input:focus {
  box-shadow: 0;
  outline: 0;
}
textarea {
  box-shadow: 0;
  outline: 0;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: top;
}
.fix {
  overflow: hidden;
}
p {
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "Roboto Slab", serif;
}
a {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-decoration: none;
  color: #000;
}
a:hover {
  color: #4c4c4c;
  text-decoration: none;
}
a:active,
a:hover,
a:focus {
  outline: 0 none;
  text-decoration: none;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
ul {
  list-style: circle;
  margin-left: 20px;
}
.clear {
  clear: both;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
::-webkit-input-placeholder {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
:-moz-placeholder {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
::-moz-placeholder {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
:-ms-input-placeholder {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}

@font-face {
  font-family: "montserratbold";
  src: url("fonts/montserrat-bold-webfont.eot");
  src: url("fonts/montserrat-bold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/montserrat-bold-webfont.woff2") format("woff2"),
    url("fonts/montserrat-bold-webfont.woff") format("woff"),
    url("fonts/montserrat-bold-webfont.ttf") format("truetype"),
    url("fonts/montserrat-bold-webfont.svg#montserratbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratlight";
  src: url("fonts/montserrat-light-webfont.eot");
  src: url("fonts/montserrat-light-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/montserrat-light-webfont.woff2") format("woff2"),
    url("fonts/montserrat-light-webfont.woff") format("woff"),
    url("fonts/montserrat-light-webfont.ttf") format("truetype"),
    url("fonts/montserrat-light-webfont.svg#montserratlight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratregular";
  src: url("fonts/montserrat-regular-webfont.eot");
  src: url("fonts/montserrat-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/montserrat-regular-webfont.woff2") format("woff2"),
    url("fonts/montserrat-regular-webfont.woff") format("woff"),
    url("fonts/montserrat-regular-webfont.ttf") format("truetype"),
    url("fonts/montserrat-regular-webfont.svg#montserratregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratsemi_bold";
  src: url("fonts/montserrat-semibold-webfont.eot");
  src: url("fonts/montserrat-semibold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/montserrat-semibold-webfont.woff2") format("woff2"),
    url("fonts/montserrat-semibold-webfont.woff") format("woff"),
    url("fonts/montserrat-semibold-webfont.ttf") format("truetype"),
    url("fonts/montserrat-semibold-webfont.svg#montserratsemi_bold")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  color: #222222;
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  background: #fff;
}
/* .container { width: 1200px} */
.container,
.row,
.col-md-12,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-6,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.as-mainwrapper {
  transition: all 0.3s ease 0s;
}

.section-margin {
  margin: 87px 0 140px 0;
}
.section-padding {
  padding: 120px 0;
}
.section-bottom-padding {
  padding: 0 0 120px 0;
}
.section-top-padding {
  padding: 120px 0 0 0;
}
.section-title {
  text-align: center;
  overflow: hidden;
  position: relative;
}
.section-title h3 {
  color: #2d3e50;
  font-size: 30px;
  line-height: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.section-title p {
  color: #000000;
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  margin-bottom: 24px;
}
.section-title-wrapper {
  margin-bottom: 87px;
  position: relative;
}
.section-title-wrapper:before {
  background: #2d3e50 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 230px;
}
.section-title-wrapper:after {
  background: rgba(0, 0, 0, 0) url("img/icon/cap-dark.jpg") no-repeat scroll 0 0;
  bottom: -8px;
  color: #1bb4b9;
  content: "";
  font-size: 14px;
  height: 20px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 40px;
  z-index: 9;
}
.white .section-title h3,
.white .section-title p {
  color: #ffffff;
}
.section-title-wrapper.white:before {
  background: #ffffff none repeat scroll 0 0;
}
.white.section-title-wrapper:after {
  background: rgba(0, 0, 0, 0) url("img/icon/cap-white.jpg") repeat scroll 0 0;
}
.carousel-style-one.owl-theme .owl-controls .owl-nav div {
  color: #2d3e50;
  display: inline-block;
  font-size: 60px;
  height: 60px;
  left: -50px;
  line-height: 59px;
  margin: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  filter: alpha(opacity=100);
  padding: 0;
  position: absolute;
  text-align: center;
  top: 39.6%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 36px;
}
.carousel-style-one.owl-theme .owl-controls .owl-nav div.owl-next {
  left: auto;
  right: -50px;
}
.latest-area:hover .carousel-style-one.owl-theme .owl-controls .owl-nav div {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.dividers {
  border-top: 1px solid #ccc;
}
.as-mainwrapper {
  position: relative;
}
.as-mainwrapper.wrapper-boxed {
  background-color: #ffffff;
  box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
  float: none;
  margin: 0 auto;
  max-width: 1200px;
}
.main-content-wrapper,
.wrapper-wide {
  background: #ffffff;
}
/*------Margin left-------*/
.ml-0 {
  margin-left: 0px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-50 {
  margin-left: 50px;
}
.ml-60 {
  margin-left: 60px;
}
.ml-70 {
  margin-left: 70px;
}
.ml-80 {
  margin-left: 80px;
}
.ml-90 {
  margin-left: 90px;
}
.ml-100 {
  margin-left: 100px;
}
/*------Margin right-------*/
.mr-0 {
  margin-right: 0px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-30 {
  margin-right: 30px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-50 {
  margin-right: 50px;
}
.mr-60 {
  margin-right: 60px;
}
.mr-70 {
  margin-right: 70px;
}
.mr-80 {
  margin-right: 80px;
}
.mr-90 {
  margin-right: 90px;
}
.mr-100 {
  margin-right: 100px;
}
/*------Margin Top-------*/
.mt-0 {
  margin-top: 0px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-80 {
  margin-top: 80px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-100 {
  margin-top: 100px;
}
/*------Margin Bottom-------*/
.mb-0 {
  margin-bottom: 0px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-90 {
  margin-bottom: 90px;
}
.mb-100 {
  margin-bottom: 100px;
}
/*------Padding left-------*/
.pl-0 {
  padding-left: 0px;
}
.pl-10 {
  padding-left: 10px;
}
.pl-15 {
  padding-left: 15px;
}
.pl-20 {
  padding-left: 20px;
}
.pl-30 {
  padding-left: 30px;
}
.pl-40 {
  padding-left: 40px;
}
.pl-50 {
  padding-left: 50px;
}
.pl-60 {
  padding-left: 60px;
}
.pl-70 {
  padding-left: 70px;
}
.pl-80 {
  padding-left: 80px;
}
.pl-90 {
  padding-left: 90px;
}
.pl-100 {
  padding-left: 100px;
}
/*------Padding right-------*/
.pr-0 {
  padding-right: 0px;
}
.pr-10 {
  padding-right: 10px;
}
.pr-15 {
  padding-right: 15px;
}
.pr-20 {
  padding-right: 20px;
}
.pr-30 {
  padding-right: 30px;
}
.pr-40 {
  padding-right: 40px;
}
.pr-50 {
  padding-right: 50px;
}
.pr-60 {
  padding-right: 60px;
}
.pr-70 {
  padding-right: 70px;
}
.pr-80 {
  padding-right: 80px;
}
.pr-90 {
  padding-right: 90px;
}
.pr-100 {
  padding-right: 100px;
}
/*------Padding Top-------*/
.pt-0 {
  padding-top: 0px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-15 {
  padding-top: 15px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-60 {
  padding-top: 60px;
}
.pt-70 {
  padding-top: 70px;
}
.pt-80 {
  padding-top: 80px;
}
.pt-90 {
  padding-top: 90px;
}
.pt-100 {
  padding-top: 100px;
}
.pt-110 {
  padding-top: 110px;
}
/*------Padding Bottom-------*/
.pb-0 {
  padding-bottom: 0px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-15 {
  padding-bottom: 15px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pb-90 {
  padding-bottom: 90px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pb-110 {
  padding-bottom: 110px;
}
.pb-120 {
  padding-bottom: 120px;
}
.pb-130 {
  padding-bottom: 130px;
}
.block {
  display: block;
}
/*----------------------------------------*/
/*  2. Header CSS
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.1 Header Top
/*----------------------------------------*/
.header-top {
  background: #2d3e50 none repeat scroll 0 0;
  color: #ffffff;
  font-size: 13px;
  position: relative;
}
.header-top:before,
.about-area:before,
.newsletter-area:before {
  content: "";
  height: 48px;
  position: absolute;
  right: 0;
  top: 10px;
  width: 43%;
}
.header-top:after,
.about-area:after,
.newsletter-area:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 24px 10px;
  content: "";
  height: 5px;
  position: absolute;
  right: 43%;
  top: 10px;
  width: 0;
}
.header-top span {
  padding: 14px 0;
  display: inline-block;
}
.header-top-right > .content {
  display: inline-block;
  font-family: "Roboto Slab", serif;
  margin-left: 13px;
  padding-left: 17px;
  position: relative;
}
.header-top-right > .content > a {
  color: #fff;
}
.header-top-right .content:hover > a {
  color: #2d3e50;
}
.header-top-right > .content i {
  font-size: 14px;
  margin-right: 8px;
}
.header-top-right {
  float: right;
  padding-top: 23px;
}
.header-top-right > .content:after {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 2px;
}
.header-top-right > .content:first-child:after {
  display: none;
}
.header-top-right > .content .account-dropdown {
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  padding: 5px 19px 6px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 100%;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  width: 125px;
  z-index: -99;
}
.header-top-right > .content:hover .account-dropdown {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  z-index: 9999;
}
.account-dropdown a {
  color: #2d3e50;
  display: block;
  padding: 5px 0;
}
.account-dropdown li {
  display: block;
}
/*----------------------------------------*/
/*  2.2 Header Logo Menu
/*----------------------------------------*/
.header-logo-menu.stick {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  margin: auto;
  padding: 0;
  position: fixed;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 999999;
}
.bg-dark.header-logo-menu.stick {
  background: #3f5771;
}
.as-mainwrapper.wrapper-boxed .header-logo-menu.stick {
  width: 1200px;
}
/*----------------------------------------*/
/*  2.2.1 Header Logo
/*----------------------------------------*/
.logo > a {
  display: inline-block;
  position: relative;
  z-index: 99;
}
.logo {
  padding-top: 38px;
}
.header-logo-menu.stick .logo {
  padding: 23px 0;
}
/*----------------------------------------*/
/*  2.2.2 Header Mainmenu
/*----------------------------------------*/
.mainmenu {
  display: inline-block;
  position: relative;
  z-index: 99;
}
.mainmenu-area {
  margin-top: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header-logo-menu.stick .mainmenu-area .mainmenu ul#nav > li > a {
  line-height: 96px;
}
.header-logo-menu.stick .mainmenu-area {
  padding: 0;
  margin: 0;
}
.mainmenu ul#nav > li {
  display: inline-block;
  margin-right: 24px;
  position: relative;
}
.mainmenu ul#nav > li > a,
.mainmenu ul#nav > li > p {
  color: #2d3e50;
  display: block;
  font-family: "Roboto Slab", serif;
  font-size: 12px;
  line-height: 109px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  cursor: pointer;
}
.mainmenu ul#nav > li > a:after,
.mainmenu ul#nav.menu-white > li > a:after {
  bottom: 43px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.mainmenu ul#nav > li > p:after,
.mainmenu ul#nav.menu-white > li > p:after {
  bottom: 43px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header-logo-menu.stick .mainmenu ul#nav > li > a:after {
  bottom: 38px;
}
.mainmenu ul#nav.menu-white > li:hover > a:after {
  background: #2d3e50;
}
.mainmenu ul#nav > li:hover > a:after,
.mainmenu ul#nav.menu-white > li:hover > a:after {
  width: 21px;
}

.mainmenu ul#nav.menu-white > li > a {
  color: #fff;
}
.mainmenu ul#nav.menu-white > li:hover > a,
.stick .mainmenu ul#nav.menu-white > li:hover > a {
  color: #2d3e50;
}
.mainmenu li > a > i {
  margin-left: 6px;
  position: relative;
  top: -1px;
}
.lg-space .mainmenu ul#nav > li {
  margin-right: 36px;
}
.mainmenu ul#nav.border-full > li:hover > a:after {
  width: 100%;
}
.mainmenu ul#nav.border-top > li > a:after {
  bottom: auto;
  top: 30px;
}
.mainmenu ul#nav.border-top-2 > li > a:after {
  bottom: auto;
  top: -9px;
}
.padding-small .logo {
  padding-top: 20px;
}
.padding-small .mainmenu ul#nav > li > a {
  line-height: 82px;
}
/*------------------------------------------*/
/*  Dropdown Menu
/*------------------------------------------*/
.mainmenu ul.sub-menu,
.mainmenu ul.sub-menu ul.inside-menu {
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  left: -23px;
  margin: 0;
  padding: 14px 21px 16px;
  position: absolute;
  text-align: left;
  top: 100%;
  width: 190px;
  z-index: -99;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.mainmenu ul#nav li ul.sub-menu > li {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
.mainmenu ul#nav li ul.sub-menu > li p {
  cursor: pointer;
}
.mainmenu ul#nav li ul.sub-menu > li a,
.mega-menu a {
  color: #2d3e50;
  display: block;
  font-size: 13px;
  font-weight: 300;
  line-height: 33px;
  text-transform: capitalize;
}
.mainmenu li > .sub-menu i {
  float: right;
  font-size: 17px;
  top: 10px;
}
.mainmenu ul#nav li:last-child,
.header-two .mainmenu ul#nav li:last-child {
  margin-right: 0;
}
.mainmenu > nav > ul#nav > li:hover ul.sub-menu,
.mainmenu ul.sub-menu li:hover ul.inside-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  z-index: 9999;
}
.mainmenu ul.sub-menu ul.inside-menu {
  left: 169px;
  top: -2px;
  width: 195px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.mainmenu ul.sub-menu li:hover ul.inside-menu {
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  z-index: 9999;
}
.fixed {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99999;
}
/*----------------------------------------*/
/*  Megamenu
/*----------------------------------------*/
.mega-menu {
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  left: -23px;
  margin: 0;
  padding: 26px 21px 20px;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: -99;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
}
.mainmenu nav > ul > li:hover .mega-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  z-index: 9999;
}
.mega-menu h3 {
  color: #2d3e50;
  font-family: "Roboto Slab", serif;
  font-size: 12px;
  padding-bottom: 10px;
  text-transform: uppercase;
  position: relative;
}
.mega-menu h3:after {
  background: #909090 none repeat scroll 0 0;
  bottom: 8px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 25px;
}
.mm-5-column {
  left: -445px;
  width: 790px;
}
.mm-4-column {
  width: 650px;
  left: -305px;
}
.mm-3-column {
  left: -187px;
  width: 532px;
}
.col-2 {
  width: 50%;
}
.col-3 {
  width: 33.333%;
}
.col-4 {
  width: 25%;
}
.col-5 {
  width: 20%;
}
/*----------------------------------------*/
/*  2.2.3 Header Searchbox
/*----------------------------------------*/
.header-search {
  cursor: pointer;
  display: inline-block;
  margin-left: 18px;
}
.search {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  height: 0;
  margin-right: 15px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 119px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: height;
  transition-property: height;
  width: 290px;
  z-index: 9999;
}
.search.open {
  height: 50px;
}
.search-form {
  background-color: #ffffff;
  border-top: 1px solid #86bc42;
  float: right;
  width: 290px;
}
.padding-small .search {
  top: 92px;
}
.search-menu {
  display: inline-block;
  height: 30px;
  padding-top: 5px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 30px;
}
.search-menu:hover {
  background: #2d3e50 none repeat scroll 0 0;
}
.bg-blue {
  background: #2d3e50;
}
#search-form {
  overflow: hidden;
  position: relative;
}
#search-form input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #666666;
  font-size: 13px;
  font-weight: 300;
  height: 48px;
  padding: 0 40px 0 15px;
  width: 100%;
}
.search-form input[type="search"] {
  border: medium none;
  float: left;
  background: transparent;
  font-size: 24px;
}
.search-form button[type="submit"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  display: block;
  font-size: 18px;
  height: 50px;
  line-height: 48px;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.search-form button[type="submit"]:hover {
  color: #2d3e50;
}
.search-menu i#toggle-search {
  color: #ffffff;
  font-size: 16px;
}
.header-logo-menu.stick .search {
  top: 96px;
}
/*----------------------------------------*/
/*  2.2.4 Mobile Menu
/*----------------------------------------*/
.mobile-menu-area {
  background: #2d3e50 none repeat scroll 0 0;
  display: none;
}
.mean-container .mean-bar:after {
  display: none;
}
.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li p:hover {
  background: #fff;
}
.mean-container a.meanmenu-reveal span {
  background: #ffffff none repeat scroll 0 0;
}
.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li p {
  background: #ffffff none repeat scroll 0 0;
  color: #2d3e50;
  display: block;
}
.mean-container
  .mean-nav
  ul
  li
  a.mean-expand
  .mean-container
  .mean-nav
  ul
  li
  p.mean-expand {
  background: none;
  top: -4px;
}
.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li p.mean-expand:hover {
  background: none;
}
.mean-container .mean-nav ul li p {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #666666;
  display: block;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 1em 5%;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 90%;
  font-weight: bold;
}
.mean-container .mean-nav ul li {
  background: transparent;
}
.mean-container .mean-nav ul li li a {
  color: #4e4f54;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  border-top: none;
}
.mean-container a.meanmenu-reveal:hover span {
  background: #fff;
}
.mobile-menu-area .mean-nav {
  background: #2d3e50 none repeat scroll 0 0;
}
.mean-last {
  margin-bottom: 20px;
}
.mobile-menu {
  position: relative;
}
.mean-container .mean-bar:before {
  color: #fff;
  content: "MENU";
  font-size: 18px;
  font-weight: 600;
  left: 0;
  position: absolute;
  top: 13px;
}
/*----------------------------------------*/
/*  3. Slider Area
/*----------------------------------------*/
.slider-area,
.background-area,
.overlay-light-fullwidth,
.overlay-light-2-fullwidth,
.overlay-dark-fullwidth,
.overlay-dark-2-fullwidth {
  position: relative;
  overflow: hidden;
}
.slider-area::after,
.overlay-light-fullwidth::after,
.overlay-light-2-fullwidth::after,
.overlay-dark-fullwidth::after,
.overlay-dark-2-fullwidth::after {
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(21.5deg) scale(1.5);
  transform-origin: 0 bottom 0;
  width: 64%;
  z-index: 2;
  background: rgba(134, 188, 66, 0.6) none repeat scroll 0 0;
}
.overlay-light-fullwidth::after,
.overlay-light-2-fullwidth::after,
.overlay-dark-fullwidth::after,
.overlay-dark-2-fullwidth::after {
  transform: none;
}
.overlay-light-fullwidth:after {
  width: 100%;
}
.overlay-light-2-fullwidth:after {
  width: 100%;
  background: rgba(134, 188, 66, 0.4) none repeat scroll 0 0;
}
.overlay-dark-fullwidth:after {
  background: rgba(45, 62, 80, 0.4) none repeat scroll 0 0;
  width: 100%;
}
.overlay-dark-2-fullwidth:after {
  background: rgba(45, 62, 80, 0.6) none repeat scroll 0 0;
  width: 100%;
}
.nivo-caption {
  z-index: 9;
}
.banner-content,
.banner-content .container,
.banner-content .row,
.banner-content .col-md-12,
.banner-content .text-content-wrapper,
.banner-content .text-content {
  height: 100%;
  margin: auto;
}
.banner-content .text-content-wrapper {
  display: table;
  float: right;
  margin-right: -23px;
}
.banner-content .text-content-wrapper.full-width {
  float: none;
  margin: auto;
  z-index: 9;
  position: relative;
}
.slider-area .text-content,
.background-area .text-content,
.table-cell {
  display: table-cell;
  vertical-align: middle;
}
.banner-content h1 {
  color: #ffffff;
  font-size: 60px;
  line-height: 64px;
  padding-bottom: 41px;
  position: relative;
}
.slider-area .banner-content h1 {
  -webkit-animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp;
  animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp;
}
.banner-content h1:after {
  background: #ffffff none repeat scroll 0 0;
  bottom: 15px;
  content: "";
  height: 5px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 66%;
}
.banner-content p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 24px;
}
.button-default {
  background: #2d3e50 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  margin: 0;
  padding: 15px 35px;
  text-transform: uppercase;
}
.button-default:hover {
  color: #fff;
}
.banner-readmore {
  clear: both;
  display: inline-block;
  line-height: 48px;
}
.button-green:hover {
  background: #2d3e50;
}
.nivo-directionNav {
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.preview-2 .nivo-controlNav,
.slider-three .preview-2 .nivo-directionNav {
  display: none;
}
.banner-content.static-text {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 9;
}
.background-area .button-default {
  display: inline;
}
.no-animation.background-area:after,
.no-animation.overlay-light-fullwidth:after,
.no-animation.overlay-light-2-fullwidth:after,
.no-animation.overlay-dark-2-fullwidth:after {
  animation: none;
}
.banner-content h1.text-center::after {
  right: 0;
  margin: auto;
}
.banner-content h1.border-none::after,
.background-area.overlay-none::after {
  display: none;
}
.text-content-wrapper.full-width {
  margin: auto;
  float: none;
}
.preview-2 {
  position: relative;
}
.preview-2 .nivoSlider .nivo-directionNav a.nivo-prevNav,
.preview-2 .nivoSlider .nivo-directionNav a.nivo-nextNav {
  font-size: 0;
}
.preview-2 .nivo-directionNav a.nivo-prevNav::before,
.preview-2 .nivo-directionNav a.nivo-nextNav::before {
  background: #5a6271;
  border-radius: 50%;
  color: #ffffff;
  content: "";
  cursor: pointer;
  font-family: Material-Design-Iconic-Font;
  font-size: 50px;
  height: 78px;
  left: 0;
  line-height: 80px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 300ms ease-in 0s;
  width: 80px;
  z-index: 9;
}
.preview-2 .nivo-directionNav a.nivo-prevNav:hover::before,
.preview-2 .nivo-directionNav a.nivo-nextNav:hover::before {
  color: #ffffff;
}
.preview-2 .nivo-directionNav a.nivo-nextNav::before {
  content: "";
  left: auto;
  top: 94px;
}
.nivo-directionNav {
  margin-top: -87px;
  position: absolute;
  top: 50%;
  left: 1%;
}
.preview-2 .nivo-controlNav {
  bottom: 26px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: inherit;
  z-index: 99;
  display: none;
}
.preview-2 .nivo-controlNav a {
  background-color: #ffffff;
  border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  height: 12px;
  line-height: 10px;
  margin: 0 17px;
  position: relative;
  text-indent: -9999px;
  width: 12px;
}
.preview-2 .nivo-controlNav a::before {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 30px;
  content: "";
  height: 25px;
  left: -17px;
  margin: auto;
  position: absolute;
  right: -17px;
  top: -7px;
  width: 46px;
}
.preview-2:hover .nivo-controlNav a {
  opacity: 1;
  z-index: 999999;
}
.nivo-controlNav a.active:before,
.nivo-controlNav a:hover:before {
  border-color: #fff;
}
.slider-two .preview-2 .nivo-controlNav,
.slider-three .preview-2 .nivo-controlNav {
  display: inline-block;
}
.slider-area.no-overlay:after {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  4. About Area
/*----------------------------------------*/
/* .about-area {
    background: rgba(0, 0, 0, 0) url("img/banner/1.jpg") no-repeat scroll center top;
    color: #ffffff;
    margin-top: 140px;
    padding-bottom: 54px;
    position: relative;
}
.about-area:before {
    height: 110px;
    left: 0;
    right: auto;
    top: -20px;
    width: 49.2%;
}
.about-area:after {
    border-width: 55px 30px;
    left: 49.2%;
    top: -20px;
    right: auto
}
.about-area h3 {
    font-size: 30px;
    margin-bottom: 79px;
    padding-top: 22px;
    z-index: 9;
    position: relative;
}
.about-area p {
    font-family: 'Roboto Slab', serif;
    line-height: 26px;
    margin-bottom: 42px;
}
.about-container {margin-left: 70px;}
.about-area .button-default {padding: 9px 41px;}
.about-container > .button-default:hover {background: #ffffff none repeat scroll 0 0; color: #2d3e50;}
.about-area:before {
    height: 110px;
    left: 0;
    right: auto;
    top: -20px;
    width: 49.2%;
	z-index: 1;
}
.about-area:after {
    border-width: 55px 30px;
    left: 49.2%;
    top: -20px;
    right: auto
}
*/
/*----------------------------------------*/
/*  5. Course Area
/*----------------------------------------*/
.course-area .section-title-wrapper {
  margin-bottom: 122px;
}
.single-item-image a {
  display: inline-block;
}
.single-item-image {
  overflow: hidden;
  position: relative;
  text-align: center;
  top: -35px;
}
.overlay-effect a {
  position: relative;
}
.overlay-effect a:before {
  background: rgba(45, 62, 80, 0.2) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  right: 0;
  width: 100%;
}
.single-item:hover .overlay-effect a:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.single-item {
  background: #f6f6f6 none repeat scroll 0 0;
  border-bottom: 3px solid #86bc42;
  padding: 0 35px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-bottom: 20px;
}
.single-item:hover {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);
}
.single-item-text h4 {
  font-size: 20px;
  padding-top: 7px;
}
.single-item-text h4 a,
.single-item-text h4 {
  color: #2d3e50;
}
.single-item-text-info span {
  color: #696969;
  font-family: "Roboto Slab", serif;
  margin-right: 11px;
}
.single-item-text-info span span {
  color: #2d3e50;
}
.single-item-text > p {
  color: #222222;
}
.single-item-content {
  margin-bottom: 44px;
  overflow: hidden;
  padding-top: 21px;
}
.single-item-text-info {
  margin-bottom: 18px;
  padding-top: 5px;
}
.single-item-comment-view span {
  color: #696969;
  display: inline-block;
  font-family: "Roboto Slab", serif;
  font-size: 12px;
  margin-right: 17px;
}
.single-item-comment-view span:last-child {
  margin-right: 0;
}
.single-item-comment-view > span i {
  font-size: 14px;
  margin-right: 8px;
}
.single-item-comment-view,
.single-item-rating {
  display: inline-block;
}
.single-item-rating {
  color: #f3c30b;
  float: right;
  font-size: 16px;
}
.single-item-rating i {
  margin-left: 3px;
}
.single-item .button-default {
  padding: 8px 33px;
}
.button-bottom {
  margin-bottom: -19.5px;
  text-align: center;
}
.single-item:hover .button-default {
  background: #2d3e50 none repeat scroll 0 0;
}
.button-large.button-default {
  box-shadow: 0 2px 20px rgba(34, 30, 31, 0.2);
  font-size: 18px;
  margin-top: 83px;
  padding: 12px 18px;
  text-transform: capitalize;
}
.shortcode .button-large.button-default {
  margin-top: 40px;
}
.button-default.button-large:hover {
  background: #2d3e50 none repeat scroll 0 0;
}
.button-large.button-default i {
  font-size: 28px;
  line-height: 20px;
  margin-left: 11px;
  position: relative;
  top: 4px;
}
/*----------------------------------------*/
/*  6. Fun Factor Area
/*----------------------------------------*/
.fun-factor-area {
  background: rgba(0, 0, 0, 0) url("img/banner/2.jpg") repeat scroll 0 0;
  color: #ffffff;
  padding: 100px 0;
}
.single-fun-factor {
  font-family: "Roboto Slab", serif;
  text-align: center;
}
.single-fun-factor > h4 {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 41px;
  position: relative;
}
.single-fun-factor > h4:after {
  background: #ffffff none repeat scroll 0 0;
  bottom: -11px;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 77px;
}
.single-fun-factor h2 {
  font-size: 62px;
  line-height: 46px;
}
/*----------------------------------------*/
/*  7. Latest News Area
/*----------------------------------------*/
.latest-area {
  padding: 120px 0 70px;
}
.single-latest-text > h3 {
  font-family: "Roboto Slab", serif;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
}
.single-latest-item {
  overflow: hidden;
  margin-bottom: 50px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-latest-item:hover {
  box-shadow: 2px 5px 25px rgba(34, 30, 31, 0.25);
}
.single-latest-text > h3 a {
  color: #2d3e50;
}
.single-latest-image {
  float: left;
}
.single-latest-image a {
  display: inline-block;
}
.single-latest-text {
  background: #f6f6f6 none repeat scroll 0 0;
  border-bottom: 2px solid #86bc42;
  overflow: hidden;
  padding: 30px 0 35px 35px;
}
.single-latest-item .single-item-comment-view span {
  margin-right: 13px;
}
.single-latest-item .single-item-comment-view {
  display: block;
  margin-bottom: 2px;
}
.single-latest-item .button-default {
  font-size: 12px;
  margin-top: 7px;
  padding: 4px 21px;
}
.single-latest-item:hover .button-default {
  background: #2d3e50 none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  8. Online Product Area
/*----------------------------------------*/
.single-product-item {
  box-shadow: 0 0 8px rgba(34, 30, 31, 0.3);
}
.single-product-image {
  text-align: center;
}
.single-product-image img {
  width: 100%;
}
.single-product-text > h4 a {
  color: #4c4c4c;
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}
.single-product-text {
  background: #f6f6f6 none repeat scroll 0 0;
  border-bottom: 3px solid #86bc42;
  padding: 23px 24px 22px;
}
.single-product-text h5 {
  color: #696969;
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  margin-bottom: 20px;
}
.product-price > h3 {
  color: #4c4c4c;
  display: inline-block;
  float: left;
  font-size: 24px;
}
.product-price {
  margin-bottom: 23px;
  overflow: hidden;
}
.product-buttons {
  overflow: hidden;
}
.single-product-text .button-default {
  border: 0 none;
  display: block;
  float: left;
  font-size: 16px;
  line-height: 27px;
  margin-left: 8px;
  padding: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 27px;
}
.single-product-text .button-default:hover {
  background: #2d3e50 none repeat scroll 0 0;
}
.single-product-text .button-default.cart-btn {
  font-size: 11px;
  line-height: 27px;
  margin-left: 0;
  padding: 0 14px;
  width: auto;
}
.single-product-item:hover .button-default.cart-btn {
  background: #2d3e50 none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  9. Testimonial Area
/*----------------------------------------*/
.testimonial-area {
  /* background: rgba(0, 0, 0, 0) url("img/banner/3.jpg") no-repeat scroll 0 0 / cover; */
  overflow: hidden;
  padding: 25px 0 24px;
  position: relative;
  padding-top: 45px;
}
.testimonial-area:after {
  background: rgba(45, 62, 80, 0.9) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.testimonial-image-slider {
  margin-top: 5px;
}
.slick-list {
  margin: 0 5px;
}
.sin-testiImage {
  display: inline-block;
  margin-bottom: 11px;
  outline: medium none;
}
.sin-testiImage img {
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block !important;
  height: 80px;
  margin-bottom: 30px;
  margin-top: 36px;
  outline: 0 none;
  width: 80px;
}
.sin-testiImage.slick-current img {
  border: 2px solid #fff;
  height: 146px;
  margin-top: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: 146px;
}
.testimonial-text-slider h2 {
  color: #ffffff;
  display: block;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 32px;
}
.testimonial-text-slider {
  margin: auto;
  padding: 0;
  position: relative;
  width: 80%;
  z-index: 9;
}
.sin-testiText {
  outline: none;
}
.sin-testiText p {
  margin-top: 22px;
  color: #fff;
  line-height: 24px;
}
.slick-prev,
.slick-next {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 25px;
  outline: medium none;
  padding: 0;
  position: absolute;
  top: 34.6%;
  width: 16px;
}
.slick-prev {
  left: -31px;
}
.slick-next {
  right: -31px;
}
.slick-prev:before,
.slick-next:before {
  height: 25px;
  width: 16px;
  left: 0;
  top: 0;
  position: absolute;
  color: #fff;
  content: "";
  font-family: "Roboto Slab", serif;
  font-size: 50px !important;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.slick-next:before {
  right: 0;
  content: "";
}
.slick-slider {
  z-index: 9;
}
.testimonial-area:hover .slick-prev:before,
.testimonial-area:hover .slick-next:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*----------------------------------------*/
/*  10. Event Area
/*----------------------------------------*/
.single-event-image > a {
  display: block;
  position: relative;
}
.single-event-image > span {
  background: #2d3e50 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 96px;
  left: 0;
  position: absolute;
  width: 96px;
}
.single-event-image a > span {
  background: #2d3e50 none repeat scroll 0 0;
  bottom: 0;
  color: #ffffff;
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  height: 96px;
  left: 0;
  line-height: 35px;
  padding-top: 16px;
  position: absolute;
  width: 96px;
}
.single-event-image span {
  display: block;
  font-family: "Roboto Slab", serif;
  font-size: 42px;
  text-align: center;
}
.single-event-text > h3 a,
.single-event-text > h3 {
  color: #4c4c4c;
}
.single-event-text > h3 {
  font-family: "Roboto Slab", serif;
  margin-bottom: 5px;
}
.single-event-text {
  background: #f6f6f6 none repeat scroll 0 0;
  border-bottom: 2px solid #86bc42;
  padding: 29px 34px 35px;
}
.single-event-item .single-item-comment-view {
  margin-bottom: 12px;
}
.single-event-item .single-item-comment-view span {
  margin-right: 12px;
}
.single-event-item .single-item-comment-view span:last-child {
  margin-right: 0;
}
.single-event-item .button-default {
  margin-top: 16px;
  padding: 6px 23px;
}
.single-event-item:hover .button-default {
  background: #2d3e50 none repeat scroll 0 0;
}
.single-event-item {
  box-shadow: 0 0 8px rgba(34, 30, 31, 0.3);
}
/*----------------------------------------*/
/*  11. Newsletter Area
/*----------------------------------------*/
.newsletter-area {
  background: #2d3e50 none repeat scroll 0 0;
  color: #ffffff;
  position: relative;
}
.newsletter-area:before {
  height: 149px;
  left: 0;
  right: auto;
  top: -20px;
  width: 44%;
}
.newsletter-area:after {
  border-width: 74.5px 40px;
  left: 44%;
  right: auto;
  top: -20px;
}
.newsletter-content h2,
.newsletter-content h3 {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 30px;
}
.newsletter-content > h3 {
  margin-bottom: 2px;
  font-size: 24px;
}
.subscribe-form input {
  color: #696969;
  height: 100%;
  padding-left: 15px;
  width: 100%;
  border: 0;
}
.subscribe-form > button {
  border: 2px solid #86bc42;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 34%;
}
.subscribe-form > button:hover {
  background: #fff;
  border: 2px solid #86bc42;
}
.newsletter-form {
  overflow: hidden;
  padding: 36px 0;
}
.subscribe-form {
  float: right;
  height: 56px;
  position: relative;
  width: 525px;
}
.subscribe-form:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff #fff transparent transparent;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 28px 15px;
  content: "";
  height: 5px;
  left: -30px;
  position: absolute;
  top: 0;
  width: 0;
}
.newsletter-content {
  padding-top: 26px;
  z-index: 9;
  position: relative;
}
/*----------------------------------------*/
/*  12. Footer Widget Area
/*----------------------------------------*/
.footer-widget-area {
  background: #2d3e50 none repeat scroll 0 0;
  color: #ffffff;
  padding: 80px 0 65px;
}
.footer-logo > a {
  display: inline-block;
}
.footer-logo {
  margin-bottom: 24px;
}
.social-icons a {
  background: #ffffff none repeat scroll 0 0;
  color: #2d3e50;
  display: inline-block;
  font-size: 20px;
  height: 31px;
  line-height: 30px;
  margin-right: 11px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 31px;
}
.social-icons > a:last-child {
  margin-right: 0;
}
.social-icons > a:hover {
  color: #ffffff;
}
.social-icons {
  margin-top: 27px;
}
.single-footer-widget > h3 {
  font-family: "Roboto Slab", serif;
  font-weight: 800;
  line-height: 19px;
  margin-bottom: 37px;
  padding-top: 12px;
  text-transform: uppercase;
}
.single-footer-widget > span {
  display: block;
  margin-bottom: 11px;
}
.single-footer-widget > span i {
  font-size: 18px;
  width: 30px;
}
.footer-list a {
  color: #ffffff;
  line-height: 25px;
}
.instagram-image {
  padding-top: 5px;
}
.footer-img {
  display: inline-block;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
/* .instagram-image .footer-img:nth-child(3), .instagram-image .footer-img:nth-child(6) {margin-right: 0;} */
.footer-img a {
  display: inline-block;
  position: relative;
}
.footer-img a:before {
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.footer-img:hover a:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.footer-img a:after {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  bottom: 0;
  color: #ffffff;
  content: "+";
  font-family: "Roboto Slab", serif;
  font-size: 40px;
  height: 18px;
  left: 0;
  margin: -9px auto 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 18px;
}
.footer-img:hover a:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
/*----------------------------------------*/
/*  13. Footer Area
/*----------------------------------------*/
.footer-area {
  color: #ffffff;
  font-size: 12px;
  padding: 18px 0;
}
.column-right {
  float: right;
}
.footer-area span a {
  color: #ffffff;
}
.footer-area span a:hover {
  border-bottom: 1px solid #ffffff;
}
/*----------------------------------------*/
/*  14. Home Two Start
/*----------------------------------------*/
/*----------------------------------------*/
/*  14.1 Home Two Header
/*----------------------------------------*/
.header-two .header-top:before,
.header-two .header-top:after {
  display: none;
}
.header-two .header-top-right > span {
  color: #ededed;
}
.header-two .header-top-right {
  padding-top: 0;
}
.header-two .header-top-right span:first-child {
  margin-right: 27px;
}
/*----------------------------------------*/
/*  14.2 Home Two Slider
/*----------------------------------------*/
.slider-area.slider-two:after {
  background: rgba(45, 62, 80, 0.4) none repeat scroll 0 0;
  width: 100%;
  transform: none;
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running slideInLeft;
  animation: 700ms ease-in-out 0s normal none 1 running slideInLeft;
}
.slider-two .nivo-directionNav {
  display: none;
}
.slider-two .banner-content h1 {
  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running bounceInDown;
  animation: 1000ms ease-in-out 0s normal none 1 running bounceInDown;
}
.slider-three .banner-content h1 {
  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running flipInX;
  animation: 1000ms ease-in-out 0s normal none 1 running flipInX;
}
.slider-two .banner-content p {
  -webkit-animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft;
  animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft;
}
.slider-two .banner-content .banner-readmore {
  -webkit-animation: 2500ms ease-in-out 0s normal none 1 running bounceInUp;
  animation: 2500ms ease-in-out 0s normal none 1 running bounceInUp;
}
.slider-three .banner-content .banner-readmore {
  -webkit-animation: 2500ms ease-in-out 0s normal none 1 running flipInY;
  animation: 2500ms ease-in-out 0s normal none 1 running flipInY;
}
.slider-two .banner-content.slider-2 h1 {
  -webkit-animation: 1500ms ease-in-out 0s normal none 1 running slideInLeft;
  animation: 1500ms ease-in-out 0s normal none 1 running slideInLeft;
}
.slider-two .banner-content.slider-2 p {
  -webkit-animation: 2500ms ease-in-out 0s normal none 1 running fadeInLeftBig;
  animation: 2500ms ease-in-out 0s normal none 1 running fadeInLeftBig;
}
.slider-two .banner-content.slider-2 .banner-readmore {
  -webkit-animation: 3000ms ease-in-out 0s normal none 1 running zoomInUp;
  animation: 3000ms ease-in-out 0s normal none 1 running zoomInUp;
}
.slider-two .preview-2 .nivo-controlNav {
  display: block;
  z-index: 99;
  padding: 0;
}
/*----------------------------------------*/
/*  14.3 Home Two Newsletter
/*----------------------------------------*/
.newsletter-two:before,
.newsletter-two:after {
  display: none;
}
.newsletter-two .subscribe-form > button {
  background: #2d3e50 none repeat scroll 0 0;
  border-color: #2d3e50;
  float: right;
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  line-height: 26px;
  margin-left: 39px;
  position: inherit;
  width: 160px;
}
.newsletter-two .subscribe-form > button:hover {
  background: #fff;
  border-color: #fff;
}
.newsletter-two .subscribe-form > input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ffffff;
  color: #ffffff;
  float: left;
  width: 366px;
}
.newsletter-two .subscribe-form:before {
  display: none;
}
.newsletter-two .subscribe-form {
  height: 41px;
  width: auto;
}
.newsletter-two .newsletter-form {
  padding-bottom: 38px;
  padding-top: 44px;
}
.newsletter-two .newsletter-content {
  padding-top: 31px;
}

/*----------------------------------------*/
/*  17. Course Page
/*----------------------------------------*/
.course-page {
  padding-top: 154px;
}
.form-container {
  background: rgba(0, 0, 0, 0) url("img/banner/5.jpg") no-repeat scroll center
    top;
  color: #555454;
  font-family: "Roboto Slab", serif;
  font-size: 12px;
  margin: -60px 0 0;
  overflow: hidden;
  padding: 38px 64px;
  position: relative;
  z-index: 3;
}
.form-container:after {
  background: rgba(134, 188, 66, 0.85) none repeat scroll 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.box-select {
  z-index: 9;
  position: relative;
}
.select {
  display: inline-block;
  float: left;
  margin-right: 10px;
  position: relative;
}
.select.large {
  width: 260px;
}
.select.small {
  width: 190px;
}
.select.medium {
  width: 200px;
}
.select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #ffffff url("img/icon/arrow.png") no-repeat scroll 92% 50%;
  border: medium none;
  cursor: pointer;
  height: 42px;
  padding: 0 16px;
  width: 100%;
  font-size: 13px;
}
.form-container > button {
  background: #2d3e50 none repeat scroll 0 0;
  border: 0 none;
  color: #ffffff;
  float: right;
  line-height: 42px;
  padding: 0 28px;
  position: relative;
  text-transform: uppercase;
  z-index: 99;
}
.course-page .single-item {
  margin-bottom: 178px;
}
.course-page.shortcode .single-item {
  margin-bottom: 78px;
}
.course-page .col-md-4:nth-child(4) .single-item,
.course-page .col-md-4:nth-child(5) .single-item,
.course-page .col-md-4:nth-child(6) .single-item {
  margin-bottom: 83px;
}
.course-page .pagination-content .pagination {
  margin-bottom: 0;
}
/*----------------------------------------*/
/*  17.1 Teachers Area
/*----------------------------------------*/
.teachers-area {
  padding: 0 0 140px;
}
.single-teacher-item {
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
  position: relative;
}
.single-teacher-item:hover {
  box-shadow: 0 6px 20px rgba(34, 30, 31, 0.3);
}
.single-teacher-image > a {
  display: inline-block;
  position: relative;
}
/* .single-teacher-image > a img, .single-teacher-image > a {width: 100%;} */
.single-teacher-image > a:after {
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.single-teacher-item:hover .single-teacher-image > a:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.single-teacher-text {
  background: #f6f6f6 none repeat scroll 0 0;
  border-bottom: 3px solid #86bc42;
  padding: 20px 26px 90px;
  text-align: center;
}
.single-teacher-item:hover .single-teacher-text {
  /*     margin-top: -45px;
    padding: 20px 26px 66px; */
  position: relative;
  z-index: 9;
}
.single-teacher-text > h3 {
  font-family: "Roboto Slab", serif;
  font-weight: 600;
  margin-bottom: 4px;
  /* padding-top: 20px; */
}
.single-teacher-item:hover .single-teacher-text > h3 {
  padding-top: 0;
}
.single-teacher-text > h3 a {
  color: #222222;
}
.single-teacher-text > h4 {
  font-family: "Roboto Slab", serif;
  font-weight: 500;
}
.single-teacher-text > p {
  display: none;
  padding-top: 13px;
}
.single-teacher-item:hover .single-teacher-text p {
  display: block;
}
.social-links > a {
  border: 1px solid #2d3e50;
  border-radius: 50%;
  color: #2d3e50;
  display: inline-block;
  font-size: 14px;
  height: 27px;
  line-height: 25px;
  margin: 0 3px;
  text-align: center;
  width: 27px;
}
.social-links > a:hover {
  color: #ffffff;
}
.social-links {
  bottom: 38px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-teacher-item:hover .social-links {
  bottom: 25px;
}
.single-course-details {
  background: #f6f6f6 none repeat scroll 0 0;
  border-bottom: 3px solid #86bc42;
  margin-bottom: 80px;
  padding: 33px 0;
}
.single-course-details .single-item-text {
  padding-right: 48px;
}
.course-details-area a img {
  margin-left: -35px;
}
.single-course-details a {
  display: block;
}
.single-course-details .col-md-6:first-child {
  padding-right: 3px;
}
/*----------------------------------------*/
/*  18. Course Details Page
/*----------------------------------------*/
/*----------------------------------------*/
/*  18.1 Course Details Content
/*----------------------------------------*/
.course-details-content {
  margin-left: 70px;
}
.single-course-details .single-item-text h4 {
  font-size: 24px;
  margin-bottom: 2px;
  padding-bottom: 32px;
}
.single-course-details .single-item-text-info {
  margin-bottom: 23px;
}
.course-text-content p:first-child {
  margin-bottom: 21px;
}
.single-course-details .single-item-content {
  margin-bottom: 0;
  padding-top: 31px;
}
.course-duration,
.gemeralheader {
  font-family: "Roboto Slab", serif;
  text-transform: capitalize;
}
.duration-title {
  color: #ffffff;
  font-size: 18px;
}
.duration-text {
  background: #f6f6f6 none repeat scroll 0 0;
  color: #4c4c4c;
}
.course-duration .text,
.gemeralheader {
  border-bottom: 1px solid #86bc42;
  display: block;
  padding: 15px 0;
}
.course-duration .text span {
  display: inline-block;
  text-align: center;
  width: 192px;
}
.course-duration .text span.text-right {
  border: 0 none;
  display: inline-block;
  float: right;
  padding: 0;
  text-align: center;
  width: 240px;
}
.comments {
  color: #4c4c4c;
  overflow: hidden;
  padding: 78px 15px 20px 0;
}
h4.title {
  color: #4c4c4c;
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  margin-bottom: 27px;
  padding-bottom: 10px;
  position: relative;
}
h4.title:after {
  bottom: 2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 73px;
}
.single-comment {
  margin-bottom: 31px;
  overflow: hidden;
}
.author-image {
  border: 2px solid #eaeaea;
  border-radius: 2px;
  float: left;
  height: 67px;
  margin-right: 23px;
  width: 67px;
}
.comment-text {
  border-bottom: 1px solid #f0f0f0;
  overflow: hidden;
  padding-bottom: 8px;
}
.author-info > h4 {
  display: inline-block;
  font-family: "Roboto Slab", serif;
  font-size: 18px;
  line-height: 21px;
  text-transform: capitalize;
}
.author-info > h4 a {
  color: #4c4c4c;
}
.comment-time,
span.reply {
  float: right;
  font-family: "Roboto Slab", serif;
  line-height: 22px;
}
span.comment-time {
  padding-right: 3px;
  position: relative;
}
.comment-text > p {
  line-height: 20px;
  padding-top: 5px;
}
.single-comment.comment-reply {
  padding-left: 131px;
}
.comments .single-comment:last-child {
  margin-bottom: 0;
}
/*----------------------------------------*/
/*  18.2 Course Details Sidebar
/*----------------------------------------*/
.tution-fee {
  color: #ffffff;
  padding: 11px 0;
  text-align: center;
}
.tution-wrapper {
  background: #f6f6f6 none repeat scroll 0 0;
  margin-bottom: 15px;
  overflow: hidden;
}
.sidebar-widget .single-teacher-text {
  padding: 20px 0 32px;
  position: inherit;
}
.tutor-image {
  padding-top: 37px;
  text-align: center;
}
.tutor-image > img {
  border: 2px solid #86bc42;
  border-radius: 50%;
}
.menuBook {
  font-family: FontAwesome;
  content: "\f518";
  height: 20px;
  width: 20px;
}

.sidebar-widget .single-teacher-text > h3 {
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 0;
  padding-top: 0;
}
.sidebar-widget .single-teacher-text > h3 a {
  color: #2d3e50;
}
.sidebar-widget .single-teacher-text > p {
  display: block;
  font-size: 12px;
  line-height: 22px;
  padding: 14px 20px 0;
}
.single-sidebar-widget .social-links {
  padding-top: 10px;
  position: inherit;
}
.single-sidebar-widget h4.title {
  font-size: 18px;
  margin-bottom: 25px;
}
.single-sidebar-widget h4.title:after {
  bottom: 1px;
}
.single-sidebar-widget {
  margin-bottom: 62px;
  overflow: hidden;
}
.single-sidebar-widget:last-child {
  margin: 0;
}
.single-sidebar-widget .tags li:last-child a {
  margin-bottom: 0;
}
.single-sidebar-widget .tags li a,
.tags li p {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #4c4c4c;
  color: #4c4c4c;
  float: left;
  margin-bottom: 13px;
  margin-right: 6px;
  padding: 1px 9px;
}
.single-sidebar-widget .tags li a:hover {
  color: #fff;
}
.single-sidebar-widget .single-item:hover {
  box-shadow: none;
}
.single-sidebar-widget .single-item {
  background: #f6f6f6 none repeat scroll 0 0;
  margin-top: 52px;
  padding: 0 26px;
  border-bottom: 2px solid #86bc42;
}
.single-sidebar-widget .single-item-image img {
  margin: 0;
}
.single-sidebar-widget .single-item-text > h4 {
  font-size: 14px;
}
.single-sidebar-widget .single-item-text-info {
  font-size: 12px;
  margin-bottom: 8px;
  padding-top: 2px;
}
.single-sidebar-widget .single-item-image {
  top: -26px;
}
.single-sidebar-widget .single-item-text > p {
  color: #4c4c4c;
  font-size: 12px;
}
.single-sidebar-widget .single-item-content {
  margin-bottom: 27px;
  padding-top: 5px;
}
.single-sidebar-widget .single-item .button-default {
  font-size: 12px;
  padding: 6px 34px;
}
.single-sidebar-widget .button-bottom {
  margin-bottom: -18px;
}
/*----------------------------------------*/
/*  19. Event Page
/*----------------------------------------*/
.breadcrumb-banner-area {
  /* background: rgba(0, 0, 0, 0) url("img/banner/4.jpg") no-repeat scroll 0 0; */
  color: #ffffff;
  padding: 110px 0;
  position: relative;
}
.breadcrumb-banner-area.fixed-bg {
  background: url("img/slider/3.jpg") no-repeat fixed top center / cover;
}
.breadcrumb-banner-area.no-bg {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.breadcrumb-text {
  z-index: 9;
  position: relative;
}
.breadcrumb-banner-area:after {
  background: rgba(45, 62, 80, 0.8) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.breadcrumb-bar .breadcrumb {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  line-height: 12px;
  margin-bottom: 0;
  padding: 15px 0 0;
}
.breadcrumb-text h1 {
  line-height: 25px;
  padding-bottom: 51px;
  text-transform: uppercase;
  position: relative;
  font-size: 36px;
}
.breadcrumb-text h1:after {
  background: #ffffff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 29px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 2px;
}
.breadcrumb-bar li {
  color: #ffffff;
  font-family: "Roboto Slab", serif;
  font-size: 12px;
  line-height: 12px;
  margin: 0 16px;
  position: relative;
  text-transform: uppercase;
}
.breadcrumb.text-left li {
  margin-left: 0;
  margin-right: 34px;
}
.breadcrumb.text-right li {
  margin-right: 0;
  margin-left: 34px;
}
.breadcrumb-text h1.text-left,
.breadcrumb-text h1.text-right {
  padding-bottom: 22px;
}
.breadcrumb-text h1.text-left::after,
.breadcrumb-text h1.text-right::after {
  display: none;
}
.breadcrumb-bar .breadcrumb > li:first-child:before {
  border-radius: 50%;
  content: "";
  display: inline-block;
  font-family: "Roboto Slab", serif;
  font-size: 18px;
  position: absolute;
  right: -22px;
  top: -2px;
}
.breadcrumb-bar .breadcrumb > li + li:before {
  display: none;
}
.breadcrumb-bar a {
  color: #ffffff;
}
.event-page .single-event-item,
.latest-page .single-latest-item {
  margin-bottom: 50px;
}
.pagination-content .pagination {
  border-radius: 0;
  box-shadow: 2px 0 20px rgba(34, 30, 31, 0.2);
  margin: 20px 0 17px;
}
.pagination-content {
  display: block;
  line-height: 0;
  text-align: center;
}
.pagination-content .pagination > li:last-child > a,
.pagination-content .pagination > li:last-child > span,
.pagination-content .pagination > li:first-child > a,
.pagination-content .pagination > li:first-child > span {
  border-radius: 0;
}
.pagination-content .pagination li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #ffffff;
  font-size: 28px;
  height: 41px;
  margin: 0 14px;
  padding: 0;
  width: 48px;
}
.pagination-content .pagination li.current > a,
.pagination-content .pagination li a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #2d3e50;
}
.pagination-content .pagination li:first-child a {
  margin-left: 0;
}
.pagination-content .pagination li:last-child a {
  margin-right: 0;
}
/*----------------------------------------*/
/*  20. Event Details Page
/*----------------------------------------*/
/*----------------------------------------*/
/*  20.1 Event Details Content
/*----------------------------------------*/
.event-details-content .single-event-item {
  background: #f6f6f6 none repeat scroll 0 0;
  border-bottom: 2px solid #86bc42;
  padding: 0 35px;
}
.single-event-image img {
  width: 100%;
}
.event-details-content .single-event-text h3 {
  font-size: 28px;
}
.event-details-content .single-event-text > p {
  color: #4e4e4e;
  line-height: 24px;
}
.event-details-content .single-event-text {
  border: 0 none;
  padding: 32px 0 40px;
}
.event-details-content .comments {
  padding: 71px 0 20px;
}
/*----------------------------------------*/
/*  20.2 Event Details Sidebar
/*----------------------------------------*/
.recent-content-item > a {
  border: 1px solid #86bc42;
  display: inline-block;
  float: left;
}
.recent-text {
  overflow: hidden;
  padding-left: 20px;
}
.recent-text > h4 {
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  font-weight: 600;
}
.recent-text > h4 a {
  color: #6b6b6b;
}
.recent-text .single-item-comment-view > span {
  color: #b2b2b2;
  font-size: 11px;
  line-height: 12px;
  margin-right: 13px;
}
.recent-text .single-item-comment-view i {
  font-size: 13px;
}
.recent-text > p {
  color: #6b6b6b;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
.recent-content-item {
  margin-bottom: 22px;
  overflow: hidden;
}
.recent-content-item:last-child {
  margin-bottom: 0;
}
.recent-text .single-item-comment-view {
  display: block;
}
/*----------------------------------------*/
/*  21. latest News Page
/*----------------------------------------*/
.latest-page {
  padding: 120px 0;
}
/*----------------------------------------*/
/*  22. News Details Page
/*----------------------------------------*/
/*----------------------------------------*/
/*  22.1 News Details Content
/*----------------------------------------*/
.news-details-content .single-latest-text > h3 {
  color: #616161;
  font-size: 24px;
  margin-bottom: 8px;
}
.news-details-content .single-latest-text p {
  color: #4c4c4c;
  line-height: 23px;
  /* margin-bottom: 23px; */
}
.news-details-content .single-latest-text {
  padding: 75px 72px 0;
}
.news-details-content .single-latest-item .single-item-comment-view {
  margin-bottom: 8px;
}
.quote-section {
  background: #efefef none repeat scroll 0 0;
  border-left: 2px solid #86bc42;
  margin: 38px 0 39px 35px;
  overflow: hidden;
  padding: 17px 37px 1px 27px;
}
.quote-section p {
  margin: 0;
}
.related-tag .tags {
  display: inline-block;
}
.related-tag .tags li a {
  color: #898989;
}
.related-tag .tags li {
  display: inline-block;
}
.related-tag,
.news-details-content .social-links > span {
  color: #4c4c4c;
  font-family: "Roboto Slab", serif;
  display: inline-block;
}
.news-details-content .single-latest-item:hover {
  box-shadow: none;
}
.tags-and-links {
  overflow: hidden;
  padding-bottom: 15px;
  padding-top: 50px;
}
.news-details-content .social-links > span {
  margin-right: 11px;
}
.news-details-content .social-links {
  display: inline-block;
  float: right;
  margin-right: 47px;
  position: inherit;
  width: auto;
}
.news-details-content .social-links > a {
  font-size: 13px;
  height: 23px;
  line-height: 21px;
  margin: 0 2px;
  width: 23px;
}
.news-details-content .single-latest-item {
  margin-bottom: 17px;
}
/*----------------------------------------*/
/*  22.2 News Details Sidebar
/*----------------------------------------*/
.comment .recent-content-item > a {
  border: 2px solid #e6e7e8;
  border-radius: 2px;
  height: 70px;
  width: 70px;
}
.comment .recent-content-item > a img {
  width: 100%;
}
.comment .recent-text > h4 a {
  font-family: "Roboto Slab", serif;
}
.comment .recent-text > h4 {
  line-height: 31px;
}
/*----------------------------------------*/
/*  23. Contact Page
/*----------------------------------------*/
.contact-form-area {
  color: #4c4c4c;
}
h4.contact-title {
  color: #4c4c4c;
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.contact-text > p {
  line-height: 24px;
  margin-bottom: 9px;
}
.contact-text i {
  font-size: 18px;
}
span.c-icon {
  display: inline-block;
  float: left;
}
span.c-icon i {
  position: relative;
  top: 3px;
  width: 27px;
}
span.c-text {
  display: inline-block;
}
.contact-text {
  margin-bottom: 75px;
}
.link-social > a {
  color: #4c4c4c;
  display: inline-block;
  line-height: 19px;
  margin-right: 27px;
}
.link-social > a i {
  font-size: 20px;
}
.contact-form-area input,
.contact-form-area textarea {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 0 none;
  color: #777777;
  font-size: 14px;
  height: 48px;
  margin-bottom: 23px;
  padding: 0 23px;
  width: 100%;
}
.contact-form-area textarea {
  height: 150px;
  padding-top: 13px;
  resize: none;
}
.contact-form-area .button-default {
  border: 0 none;
  font-family: "Roboto Slab", serif;
  padding: 8px 40px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-bottom: 20px;
}
.contact-form-area .button-default:hover {
  background: #2d3e50 none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  24. About Page
/*----------------------------------------*/
.teachers-area.padding-top {
  padding: 120px 0 140px;
}
.about-page-area .about-text-container p span {
  color: #333333;
  font-family: "Roboto Slab", serif;
  font-size: 14px;
}
.about-page-area .about-us > span {
  color: #444444;
  display: block;
  font-style: italic;
  padding-left: 19px;
  position: relative;
}
.about-page-area .about-us > span:after {
  background: #999999 none repeat scroll 0 0;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 4px;
  position: absolute;
  top: 9px;
  width: 6px;
}
.about-page-area .about-text-container > p {
  color: #555;
  margin-bottom: 7px;
}
.about-page-area .about-us {
  margin-bottom: 13px;
}
.skill-bars .progress {
  background: #ffffff none repeat scroll 0 0;
  height: 6px;
}
.skill-bar-item .progress-bar {
  line-height: 15px;
}
.skill-bar-item .progress {
  border-radius: 0;
  height: 14px;
}
.skill-bar-item {
  line-height: 16px;
  margin-bottom: 7px;
  overflow: hidden;
}
.skill-bar-item > span {
  display: block;
  margin-bottom: 10px;
}
.skill-bar-item:last-child {
  margin: 0;
}
.skill-bar-item:last-child .progress {
  margin: 0;
}

/*----------------------------------------*/
/*  26. Scrollup
/*----------------------------------------*/
#scrollUp {
  bottom: 45px;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 28px;
  height: 40px;
  line-height: 37px;
  position: fixed;
  right: 12px;
  text-align: center;
  width: 40px;
  z-index: 9999;
}
#scrollUp:hover {
  background-color: #2d3e50;
}
/*----------------------------------------*/
/*  27. Additional CSS
/*----------------------------------------*/
.text-white {
  color: #fff;
}
.text-blue,
.header-top span.text-blue {
  color: #2e3f51;
}
.bg-dark {
  background: #3f5771;
}
.bg-white {
  background: #fff;
}
.bg-blue {
  background: #2e3f51;
}
.border-green {
  border-top: 3px solid #86bc42;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.border-blue {
  border-top: 3px solid #2e3f51;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.header-top.effect-blue:before {
  background: #2e3f51;
}
.header-top.effect-blue:after {
  border-color: rgba(0, 0, 0, 0) #2e3f51 #2e3f51 rgba(0, 0, 0, 0);
}
.inline {
  display: inline;
}
#video-bg {
  width: 100%;
}
.video-wrapper,
.video-banner {
  height: 570px;
  overflow: hidden;
  position: relative;
}
.fixed-bg-1 {
  background: url("img/slider/1.jpg") no-repeat fixed top center / cover;
}
.fixed-bg-2 {
  background: url("img/slider/2.jpg") no-repeat fixed top center / cover;
}
.backgrount-area {
  position: relative;
}
.hover-white.button-default:hover {
  background: #fff;
  color: #2e3f51;
}
.angle .mailchimp-alerts {
  padding-left: 150px;
}
.text-small {
  font-size: 13px;
}
.text-area p {
  line-height: 30px;
}
.footer-three {
  background: #2d3e50 none repeat scroll 0 0;
}
.footer-info {
  line-height: 15px;
}
.footer-info > span {
  color: #ffffff;
  display: inline-block;
  font-weight: 400;
  line-height: 12px;
  margin-right: 14px;
}
.footer-info > span i {
  font-size: 14px;
  margin-right: 11px;
}
.footer-info > span:last-child {
  margin-right: 0;
}
.footer-logo-three > a {
  display: inline-block;
  margin-bottom: 23px;
}
.footer-info-container {
  border-bottom: 1px solid #e1e1e1;
}
.single-footer-widget > h4 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 22px;
  text-transform: uppercase;
}
.footer-widget-list li a {
  color: #ffffff;
  font-weight: 400;
  line-height: 36px;
}
.footer-widget-list li:last-child a {
}
.footer-widget-list li a:hover {
  color: #f5b120;
}
.subscribe-container {
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  padding: 44px 40px 50px;
}
.subscribe-container > p {
  color: #2d3e50;
  font-weight: 400;
  text-align: center;
  margin-bottom: 33px;
}
.subscribe-container input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  font-weight: 400;
  width: 100%;
  padding-left: 14px;
}
.subscribe-container input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1 !important;
  filter: alpha(opacity=100);
}
.subscribe-container button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #ffffff;
  float: right;
  font-size: 14px;
  padding-right: 14px;
  position: absolute;
  right: 0;
  top: 0;
}
.subscribe-form-three {
  background: #2d3e50 none repeat scroll 0 0;
  display: block;
  height: 48px;
  line-height: 46px;
  position: relative;
}
.footer-container {
  border-top: 1px solid #e1e1e1;
  padding: 13px 0 10px 0;
}
.footer-container .social-links-three {
  float: right;
  overflow: hidden;
}
.footer-container .social-links-three > a {
  margin-left: 21px;
  margin-right: 0;
  color: #fff;
}
.footer-container span {
  color: #ffffff;
  font-weight: 400;
}
.footer-container span a {
  color: #ffffff;
  position: relative;
}
.footer-container span a:hover {
  border-bottom: 1px solid #fff;
}
.footer-container span a:hover:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.newsletter-area.newsletter-four::before,
.newsletter-area.newsletter-four::after {
  display: none;
}
.footer-widget-four .footer-list li a:hover {
  color: #2d3e50;
}
.footer-widget-four .footer-img a::before {
  background: rgba(45, 62, 80, 0.9) none repeat scroll 0 0;
}
.footer-area.footer-four {
  background: #2d3e50;
}
.gallery-img,
.gallery-img img {
  width: 100%;
}
.gallery-img {
  position: relative;
  overflow: hidden;
}
.gallery-img img {
  transform: scaleY(1);
  transition: all 0.7s ease-in-out 0s;
  display: block;
  position: relative;
}
.gallery-img .hover-effect {
  opacity: 0;
  transition: all 0.5s linear 0s;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
}
.gallery-img h2 {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff !important;
  font-family: "Roboto Slab", serif;
  font-size: 19px;
  line-height: 28px;
  margin: 82px auto 10px;
  opacity: 0;
  padding: 9px 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transform: scale(0);
  transition: all 0.5s linear 0s;
}
.gallery-img p {
  color: #ffffff;
  margin: 0 30px;
  opacity: 0;
  text-align: center;
  transform: scale(0);
  transition: all 0.5s linear 0s;
}
.gallery-img:hover img {
  transform: scale(1.5);
}
.gallery-img:hover .hover-effect {
  opacity: 1;
}
.gallery-img:hover h2,
.gallery-img:hover p {
  opacity: 1;
  transform: scale(1);
}
.video-gallery {
  display: block;
  overflow: hidden;
  height: 215px;
}
.mbYTP_wrapper {
  height: 215px;
}
.banner-readmore .button-default.button-green:hover {
  background: #fff;
}
.header-logo-menu.semi-transparent .mainmenu ul#nav > li:hover > a {
  color: #fff;
}
.header-logo-menu.semi-transparent .mainmenu ul#nav > li:hover > a:after {
  background: #fff;
}
.bg-dark .mainmenu ul#nav > li > a,
.bg-dark.stick .mainmenu ul#nav.menu-white > li > a,
.bg-dark .mainmenu ul#nav > li:hover > a,
.bg-dark.stick .mainmenu ul#nav > li:hover > a {
  color: #fff;
}
.bg-dark .mainmenu ul#nav > li:hover > a:after {
  background: #fff;
}

/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                           HEADER                                           ║
  ╙────────────────────────────────────────────────────────────────────────────╜
  */
.header-top-right {
  float: none;
  margin-left: 50px;
}
.header-top span {
  padding: 14px 0;
  display: inline-block;
}
.header-top .container .row .col-lg-7.col-md-6.col-sm-5.hidden-xs ul li {
  display: inline-block;
}
.header-top .container .row .col-lg-7.col-md-6.col-sm-5.hidden-xs ul li:after {
  content: "|";
  padding-left: 5px;
  padding-right: 5px;
}
.header-top
  .container
  .row
  .col-lg-7.col-md-6.col-sm-5.hidden-xs
  ul
  li:last-child:after {
  content: "";
}
.header-top .container .row .col-lg-7.col-md-6.col-sm-5.hidden-xs ul li a {
  color: #fff;
}
.header-top
  .container
  .row
  .col-lg-7.col-md-6.col-sm-5.hidden-xs
  ul
  li
  a:hover {
  color: #c61d24;
}
.header-top-right .content .list-inline .list-inline-item a:hover {
  color: #2d3e50;
}
.header-top-right .content .list-inline .list-inline-item a {
  color: #fff;
}
.header-top-right .content .list-inline .list-inline-item a:hover {
  color: #2d3e50;
}
.flag-nav--rs:after {
  content: url(/typo3conf/ext/pep/Resources/Public/Icons/RS.svg);
}
.flag-nav--en-us-gb:after {
  content: url(/typo3conf/ext/pep/Resources/Public/Icons/EN-US-GB.svg);
}
.mainmenu ul#nav > li > a,
.mainmenu ul#nav > li > p {
  /* font-size:21.8px; */
  font-size: 1.03vw;
}
.header-search {
  float: right;
}
.header-top .frame.frame-type-menu_pages.frame-layout- ul {
  margin-left: 0px;
  list-style: none;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(45, 62, 80, 0.1);
}
/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                                  SLIDER                                    ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/

.f_content a h2 {
  color: #ffffff;
  font-size: 60px;
  line-height: 64px;
  padding-bottom: 41px;
  position: relative;
}
.f_content a h2:after {
  background: #ffffff none repeat scroll 0 0;
  bottom: 15px;
  content: "";
  height: 2px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 100%;
}
.flexroot.portrait .flexslider .f_slide.flex-active-slide:before {
  display: none;
}
/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                            CUSTOM GRID ELEMENT                             ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/
.col-lg-6.content div h2 {
  margin-bottom: 20px;
}
.row .col-lg-6.news div.news {
  margin-top: 43px;
  margin-bottom: 30px;
}
/*}*/
.row .col-lg-6.news li.single-latest-item-text {
  border-bottom: 1px dashed black;
  padding: 10px;
  padding-left: 0px;
  margin-left: 40px;
}
.col-xs-12.col-sm-8.col-lg-8.col-xl-8.cust_col_border
  .row
  .col-lg-12
  .row.top_row {
  margin-right: 15px;
  min-height: 240px;
}
.col-xs-12.col-sm-8.col-lg-8.col-xl-8.cust_col_border
  .row
  .col-lg-12
  .row.top_row
  .col-lg-6.content
  div {
  /*     margin-right: 40px;
    margin-right: 30px; */
}
.row.top_row .col-lg-6.content div h2 {
  margin-bottom: 20px;
}
.row .top_row .col-lg-6.content div p:last-child {
}
.row.top_row .col-lg-6.news div.news {
  margin-top: 43px;
  margin-bottom: 30px;
}
.row.top_row .col-lg-6.news div.news ul.news {
  list-style: none !important;
}
.row.top_row .col-lg-6.news li.single-latest-item-text {
  border-bottom: 1px dashed black;
  padding: 10px;
  padding-left: 0px;
  margin-left: 20px;
  padding-right: 0px;
}
html :lang(en).row.top_row .col-lg-6.news li.single-latest-item-text a {
  font-weight: bold;
  text-transform: capitalize;
}
.row.top_row .col-lg-6.news li.single-latest-item-text a {
  font-weight: bold;
  text-transform: initial;
}
.row.top_row .col-lg-6.news li.single-latest-item-text a:before {
  content: "\f111";
  font-family: "FontAwesome";
  font-size: 7px;
  vertical-align: bottom;
  padding-right: 10px;
}
.row.top_row .col-lg-6.news li.single-latest-item-text:last-child {
  border-bottom: none;
}
.spinner-border hr {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0;
  border-top: 2px solid #c61d24;
  margin-right: 25px;
}
.row.bottom_row {
  margin-top: 45px;
}
.col-lg-6.ticker.started {
  /* margin-top: 62px; */
  /* padding-right: 40px!important; */
}
.col-lg-6.ticker .ticker-container {
  position: relative;
}
.col-lg-6.ticker .ticker-container > div {
  transition: opacity 1s linear;
}
.col-lg-6.header div h1 {
  font-size: 47px;
  line-height: 1em;
  border-left: 2px solid #c61d24;
  padding-left: 40px;
}
/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                           NEWS TICKER STYLES                               ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/

/* .col-lg-6.ticker:not(.started) > * {
  display: none;
}

.col-lg-6.ticker .ticker-container {
  position: relative;
}

.col-lg-6.ticker .ticker-container > div {
  transition: opacity 1s linear;
}

.col-lg-6.ticker .fadein {
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.col-lg-6.ticker .fadeout {
  opacity: 0;
}

.col-lg-6.ticker .fadeout.fadein {
  opacity: 0.2;
} */
.ticker h1 {
  margin-bottom: 20px;
}
/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                           ABOUT BIG BANNER                                 ║
  ╙────────────────────────────────────────────────────────────────────────────╜
  */
.about-area {
  min-height: 384px;
  position: relative;
  display: flex;
  flex-direction: row;
  margin-top: 100px;
  margin-bottom: 100px;
}
.about-area:before {
  height: 110px;
  left: 0;
  right: auto;
  top: -10px;
  width: 49.2%;
  z-index: 1;
}
.about-area:after {
  border-width: 55px 30px;
  left: 49.2%;
  top: -10px;
  right: auto;
}
.contentcontainer {
  min-height: 300px;
  background: #2d3e50;
  position: relative;
  align-self: flex-end;
  min-width: 100%;
  display: flex;
  flex-direction: column;
}
.about-area .contentcontainer .container {
  flex: 1;
}
.about-area .contentcontainer .container .row {
  height: 100%;
}
.col-md-12.aboutareadata {
  display: flex;
  flex-direction: column;
  min-height: 375px;
  justify-content: center;
  padding-top: 40px;
}
.abaut-after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  z-index: 9999;
  height: 760px;
  bottom: 0;
  width: 370px;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
}

.col-md-12.aboutareadata header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.col-md-12.aboutareadata header h2 {
  position: absolute;
  top: 20px;
}
.col-md-12.aboutareadata header h2 a {
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}
.col-md-12.aboutareadata .ce-textpic.ce-.ce- .ce-bodytext {
  color: #fff;
  margin-right: 360px;
}
.ce-bodytext p {
  padding-top: 40px;
}
.about-area
  .contentcontainer
  .container
  .row
  .col-md-12.aboutareadata
  .ce-textpic.ce-.ce-
  .ce-bodytext
  .button-bottom {
  margin-top: 30px;
  text-align: left;
}
/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║             BANER WITH LEFT PICTURE & BANNER WITH RGHT PICTURE             ║
  ╙────────────────────────────────────────────────────────────────────────────╜
  */
.no-gutters {
  flex-direction: row;
  display: flex;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 30px;
}
.no-gutters .col-lg-6 {
  margin-right: 0;
  margin-left: 0;
  padding-left: 0px;
  padding-right: 0px;
}
/* === BANNER LEFT/RIGHT ELEMENT === */
.banner_image {
  flex: 1;
  position: relative;
  background-blend-mode: overlay;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}

.banner_image div.fade_gradient {
  display: block;
  position: absolute;
  width: 100px;
  height: 100%;
}

.banner_image.position_left div.fade_gradient {
  right: 0;
}

.banner_image.position_right div.fade_gradient {
  left: 0;
}

.banner_image .background_overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  mix-blend-mode: color;
}

.row.full_width_banners div div h2 a {
  color: inherit !important;
}
.row.full_width_banners div div h2.left {
  padding-top: 40px;
  font-size: 57px;
}
/* .row.full_width_banners div div h2.left a {color:#fff;} */
.row.full_width_banners div div h2.right {
  padding-top: 40px;
  font-size: 57px;
  padding-left: 50px;
}
/* .row.full_width_banners div div h2.right a {color:#2d3e50;} */
.banner-button-bottom.right {
  margin-left: 50px;
}

.banner-button-bottom {
  margin-top: 20px;
  padding-bottom: 20px;
}
.banner-button-bottom.left a:hover {
  background: #2d3e50;
}
.banner-button-bottom.left a {
  background: #c61d24;
}

/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                           NEWS slider                                      ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/

.tubenews {
  padding: 0px;
  display: flex;
  margin-top: 40px;
}
.mySlides.single-latest-item {
  margin-bottom: 40px;
}
.single-latest-image.slider {
  /*     float: right;
    max-width: 45%;
    padding-right: 10px;
    margin-bottom: 10px; */
}
.news_flex .news-img-wrap {
  float: right;
  max-width: 45%;
  padding-right: 10px;
  margin-bottom: 10px;
}
.single-latest-text {
  border: none;
}
.mySlides .single-latest-text {
  /* 	padding-right: 0px;
    display: block;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
	margin-top: 20px; */
}
.col-lg-6.slidenews {
  border-top: 2px solid #c61d24;
  padding-left: 0px;
  border-bottom: 2px solid #c61d24;
  margin-left: 20px;
  padding-right: 0px;
  margin-right: 15px;
}
.col-lg-6.slidenews div header {
  padding-top: 5px;
  padding-bottom: 5px;
}
.col-lg-6.slidenews .news.slider {
  border: none;
  margin-left: 0px;
  margin-top: 5px;
}
.mySlides.single-latest-item {
  margin-bottom: 0px;
}
.single-latest-item {
  margin-bottom: 0px;
}
.single-latest-text {
  padding: 0px;
}
/* .mySlides .single-latest-text{padding-left: 0px;background:none;} */
.w3-content {
  margin-left: auto;
  margin-right: auto;
}
.w3-tooltip,
.w3-display-container {
  position: relative;
}
.w3-black,
.w3-hover-black:hover {
  border-width: 1px;
  color: #fff !important;
  background-color: #c61d24;
  padding: 2px 10px;
}
.w3-display-left {
  position: absolute;
  top: 20px;
  right: 5.5%;
  transform: translate(0%, -50%);
  -ms-transform: translate(-0%, -50%);
}
.w3-display-right {
  position: absolute;
  top: 20px;
  right: 0;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.tubenews .tube .video-embed {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.tubenews .tube .video-embed iframe.video-embed-item {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.col-lg-6.tube {
  padding-right: 0px;
  margin-right: 20px;
}
.col-lg-6.tube div h2 {
  padding-bottom: 5px;
  margin-top: 7px;
}
.media_footer {
  background: #c61d24;
  padding: 10px;
  margin-top: 10px;
}
.media_footer {
  max-width: 100%;
}
.media_footer h4 a {
  color: #fff;
}
/* FOOTER WIDGET*/
.single-footer-widget h3 {
  font-family: "Roboto Slab", serif;
  font-weight: 800;
  line-height: 19px;
  margin-bottom: 37px;
  padding-top: 12px;
  text-transform: uppercase;
  font-size: 24px;
}
.single-footer-widget ul li a {
  color: #ffffff;
  line-height: 25px;
}
.single-footer-widget ul li a:hover {
  color: #c61d24;
}

.row.tree_equal {
  margin-bottom: 50px;
}

.row.full_width_banners {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.row.full_width_banners .col-xs-12.col-sm-12.col-lg-6.col-xl-6 {
  padding-left: 0px;
  padding-right: 0px;
}

.picture_el figure.image {
  margin: 0px;
}
.news.slider .single-latest-text h3 {
  margin-bottom: 25px;
}
.content .single-latest-item .single-latest-text {
  background: none;
}
.content .single-latest-item:hover {
  box-shadow: none;
}
.single-latest-item
  .news-img-wrap
  .outer
  .mediaelement.mediaelement-image
  a
  img {
  width: 100%;
}
.news.slider .single-latest-text p a.more,
.row.top_row .content .single-latest-item .single-latest-text p a.more {
  display: block;
  margin-top: 20px;
  font-weight: bold;
}
.news.slider .mySlides .news_flex .single-latest-image.slider a img {
  width: auto;
  max-width: inherit;
}
.news.slider .mySlides .news_flex .news-img-wrap span.no-media-element a img {
  width: auto;
  max-width: inherit;
}
.row.top_row {
  margin-bottom: 35px;
}
.news.slider .single-latest-text {
  background: none;
  padding-right: 20px;
}
/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                               TEACHERS LIST                                ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/
li.nav-item {
  padding: 10px;
  font-size: 17px;
  font-weight: bold;
}

.nav-item.active a,.active.pepA.current a/*,.active.current.dropdown a.active.current.dropdown-toggle .active.dropdown a .active.dropdown-toggle*/ {
  color: #c61d24 !important;
}
.col-lg-3.col-md-3.col-sm-12 .single-teacher-item {
  margin-bottom: 20px;
}
.single-course-details img {
  width: 100%;
}
.single-teacher-text {
  background: #f6f6f6 none repeat scroll 0 0;
  border-bottom: 3px solid #c61d24;
  padding: 20px 5px 20px;
  text-align: center;
}
.single-teacher-item:hover .single-teacher-text {
  margin-top: 0px;
  /* padding: 20px 20px 28px; */
  position: relative;
  z-index: 9;
}
.single-teacher-text > p {
  display: none;
  padding-top: 10px;
  margin-bottom: 0px;
}
/*.single-teacher-text.flex-expand p i(display:inline;)*/
.single-course-details {
  margin-bottom: 10px;
}
.flex-wrap-teachers {
  display: flex;
  flex-wrap: wrap;
}
.flex_column-teachers {
  display: flex;
}
.flex-direction-column {
  display: flex;
  flex-direction: column;
}
.flex-expand {
  flex: 1 0 auto;
}
.col-lg-12.flex-wrap-teachers .sidebar-widget {
  margin-top: 32px;
}
.fa-file-pdf-o:before {
  content: "\f1c1";
  padding-right: 10px;
}
.fa-envelope:before {
  padding-right: 10px;
  content: "\f0e0";
}
.single-item-text-info span {
  font-weight: bold;
}
.course-duration .text {
  padding-left: 10px;
}
button.text.accordion.collapsed,
.text.accordion {
  border-bottom: 1px solid #c61d24;
}
.card-body header h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  padding: 0 18px;
}
.card-body p {
  padding: 0 18px; /* text-align:justify; */
}
.tab-v1.tabbed ul {
  margin-left: 0px;
}
#c448 {
  margin-top: 20px;
}
.collapse.in {
  margin-top: 10px;
}
/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                               accordion                                    ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/

.accordion {
  background-color: #ccc;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
button.text.accordion {
  padding-left: 60px;
}
.panel_active,
.accordion:hover {
  background-color: #2d3e50;
  color: #fff;
}

.accordion:after {
  content: "\002B";
  color: #fff;
  font-weight: bold;
  float: right;
  margin-right: 20px;
}
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 0px;
}
/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                               main menu                                    ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/

.mainmenu-area.pull-right .mainmenu nav ul#nav li:hover ul.submenu li:hover {
  background: #ccc;
}
.mainmenu ul#nav li ul.sub-menu > li:hover a {
  background: rgba(45, 62, 80, 0.1);
  padding-left: 10px;
  padding-right: 10px;
}
.mainmenu ul#nav li ul.sub-menu > li a,
.mega-menu a {
  text-transform: none;
}
.tutor-image:after {
  content: "\f19d";
  font-family: FontAwesome;
  font-size: 40px;
}
.mainmenu nav ul#nav li.dropdown:nth-child(1):hover ul {
  width: 210px;
}
.mainmenu nav ul#nav li.dropdown:nth-child(2):hover ul {
  width: 210px;
}
.mainmenu nav ul#nav li.dropdown:nth-child(3):hover ul {
  width: 290px;
}
.mainmenu nav ul#nav li.dropdown:nth-child(4):hover ul {
  width: 240px;
}
.mainmenu ul#nav > li:hover > a:after,
.mainmenu ul#nav.menu-white > li:hover > a:after {
  width: 100%;
}
.mainmenu ul#nav > li:hover > p:after,
.mainmenu ul#nav.menu-white > li:hover > p:after {
  width: 100%;
  background: #c61d24;
}
.mainmenu ul#nav > li > a:after,
.mainmenu ul#nav.menu-white > li > a:after {
  bottom: 35px;
}
.mainmenu ul#nav > li > p:after,
.mainmenu ul#nav.menu-white > li > p:after {
  bottom: 35px;
}
.mainmenu ul.sub-menu,
.mainmenu ul.sub-menu ul.inside-menu {
  width: 195px;
}
/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                               file list                                    ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/

.col-lg-3.col-md-6.col-sm-6.col-xs-12.gallery_list img {
  width: 100%;
}

.tx-filelist .btn-default {
  color: #fff;
  background-color: #c61d24;
  border-color: #ccc;
  margin: 20px 0;
}
.tx-filelist .btn-default:hover {
  color: #fff;
  background-color: #2d3e50;
  border-color: #adadad;
}
.breadcrumb-banner-area {
  color: #ffffff;
  padding: 25px 0;
  position: relative;
  margin-bottom: 20px;
}
.breadcrumb-banner-area:after {
  background: #2d3e50;
}

.as-mainwrapper.pid-1 .breadcrumb-banner-area {
  display: none;
}
.col-lg-3.col-md-6.col-sm-6.col-xs-12.galleries_files {
  padding-bottom: 10px;
}

/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                               Tabbed Styles                                ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/

.tabbed a {
  color: inherit;
  display: block;
}

.tabbed > ul[role="tablist"]:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 1px;
  border-top: 4px solid #c61d24;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.tabbed ul li {
  display: block;
  float: left;
  padding: 10px 24px 8px;
  margin-right: 10px;
  /* z-index: 2; */
  position: relative;
  cursor: pointer;
  color: #777;
  text-transform: initial;
  font: 600 13px/20px roboto, "Open Sans", Helvetica, sans-serif;
  transition: all 250ms ease;
  width: 30%;
}

.tabbed ul li + li {
  padding-left: 55px;
}

.tabbed ul li:after {
  right: -24px;
  transform: skew(30deg, 0deg);
  box-shadow: rgba(0, 0, 0, 0.1) 3px 2px 5px,
    inset rgba(255, 255, 255, 0.09) -1px 0;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  height: 100%;
  width: 44px;
  background-color: #2d3d50;
  border-right: 4px solid #fff;
  transition: all 250ms ease;
  z-index: 9;
}

.tabbed ul li,
.tabbed ul li:after {
  color: #fff;
  background-color: #2d3d50;
}

div.tabbed ul li.active,
div.tabbed ul li.active:after {
  background-color: #c61d24;
}
.tab-v1.tabbed ul li a:hover {
  color: #fff;
}

@keyframes zoom-in {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoom-out {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.tab-pane.fade.in,
.zoom-in {
  animation-name: zoom-in;
  animation-duration: 1s;
}

.tab-pane.fade,
.zoom-out {
  animation-name: zoom-out;
  animation-duration: 1s;
}

.tabbed .content-wrap div.fade {
  opacity: 0;
  transform: scale3d(0, 0, 0);
  height: 0;
  overflow: hidden;
}

.tabbed .content-wrap div.fade.active {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  height: auto;
  overflow: auto;
}
.tab-pane > div > header > h3 {
  margin-top: 10px;
}
/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                               footer tramslate                             ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/
.footer-img a img {
  max-width: 77px;
}
ul {
  list-style: circle;
  margin-left: 20px;
}

.single-footer-widget ul,
.tution-wrapper ul {
  list-style: none;
  margin-left: 0px;
}

span.copyright div {
  display: inline-block;
}
.privacy span div {
  display: inline-block;
}
.privacy span div ul {
  list-style: none;
}

/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                               news list                                    ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/

.news-flex-d {
  display: flex;
  flex-wrap: wrap;
}
.news-flex-d .single-latest-item {
  display: flex;
  width: 49%;
  float: left;
  margin-bottom: 20px;
}
.news-flex-d .single-latest-image {
  float: left;
  width: 50%;
  height: auto;
  background: #f6f6f6 none repeat scroll 0 0;
}
.news-flex-d .single-latest-image img {
  height: 236px;
  max-width: inherit;
  width: auto;
}
.news-flex-d .single-latest-text {
  width: 50%;
  padding-left: 30px;
  border-bottom: 2px solid #c61d24;
  position: relative;
}
.news-flex-d .single-latest-text h3 {
  margin-top: 30px;
  margin-bottom: 0px;
  padding-right: 15px;
}
.news-flex-d .single-latest-item:nth-child(odd) {
  margin-right: 10px;
}
.news-flex-d .single-latest-item:nth-child(even) {
  margin-left: 10px;
}
.news-flex-d .single-latest-text p {
  padding-right: 5px;
}
.news-flex-d a.more.button-default {
  margin-right: 15px;
  bottom: 10px;
  position: absolute;
  right: 0px;
}
.page-navigation {
  text-align: right;
}
.pagination > .active > span {
  background-color: #2d3e50;
  border-color: #2d3e50;
}
.pagination > li > a,
.pagination > li > span {
  color: #2d3e50;
}

/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                             else                                           ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/
blockquote {
  quotes: unset;
  position: relative;
  padding: 10px 30px;
}
/* blockquote:before {
    content: open-quote;
    font-size: 4em;
    margin-left: -0.4em;
    margin-top: -0.6em;
    color: grey;
	position:absolute;
}
blockquote:after {
    content: close-quote;
    font-size: 4em;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -0.4em;
    color: grey;
} */
blockquote p {
  font-style: italic;
  color: grey;
  font-size: 24px;
  line-height: 1;
}
figure,
figure.video {
  margin: 0px;
}

/* IMAGES */
/* .ce-row ,.ce-row .ce-column,.ce-row .ce-column img{display:inline-block;} */
.frame-space-after-col-md-12 .ce-row,
.frame-space-after-col-md-12 .ce-row .ce-column,
.frame-space-after-col-md-12 .ce-row .ce-column img {
  display: inline-block;
  padding: 5px;
}
.frame-space-after-col-md-12 .ce-row .ce-column {
  border: 1px solid #2d3e50;
}

/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                             Izmene 22/01/2020                              ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/
.header-top-right > .content {
  margin-left: 0px;
  padding-left: 0px;
  float: right;
}
.header-search {
  margin-right: 0px;
}
.search {
  margin-right: 0px;
  position: inherit;
  float: right;
  width: 170px;
}
.search-menu {
  position: relative;
  top: -50%;
  transform: translate(0, -15%);
  padding-top: 0px;
}
.search-menu i#toggle-search {
  vertical-align: bottom;
}
.search.open {
  height: 30px;
}
.search-form {
  float: left;
  width: 170px;
}
.padding-small .search {
  height: 23px;
}
.search-form button[type="submit"] {
  height: 24px;
  line-height: 0px;
  top: -11px;
}
.header-search {
  float: right;
  margin-right: 20px;
}
#search-form input {
  height: 24px;
}
.course-details-content {
  margin-left: 0px;
}
.single-course-details img {
  padding-left: 20px;
}
.gallery_list {
  margin-top: 20px;
}
.gallery_list .img-details span.title {
  font-size: 25px;
  line-height: 33px;
}
.gallery_list img {
  margin-right: 20px;
}
.gallery_list_thumb img {
  transition: transform 0.7s ease-in-out 0s;
}
.gallery_list_thumb:hover img {
  transform: scale(1.2);
  transition: all 0.7s ease-in-out 0s;
}
.img-details .data {
  display: block;
  margin-top: 90px;
}
.img-details .title {
  transition: font-size 0.7s ease-in-out 0s;
  line-height: 1;
}
.gallery_list_thumb:hover .img-details .title {
  font-size: 30px;
  line-height: 1;
  transition: all 0.7s ease-in-out 0s;
}
.tab-content > .tab-pane > div > p {
  margin-top: 20px;
}
div .tx-filelist:last-child {
  border-bottom: 3px inset #c61d24;
}
.tab-content .tx-filelist span:before {
  content: "Preuzmite pdf fajl";
  margin-right: 10px;
}
.tab-content .tx-filelist span {
  margin-left: 10px;
  float: right;
}
.documents a {
  background-color: rgb(204, 204, 204, 50%);
  padding: 10px;
  padding-bottom: 0px;
  display: block;
}
.icon a {
  padding-top: 0px;
  padding-bottom: 5px;
}
blockquote {
  max-width: 30%;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.p-xl-0 {
  margin-bottom: 10px;
}
.pid-28 .tx-filelist:last-child {
  border: none;
}
.gallery_list .img-details span.title {
  float: none;
}
.input-group .form-control {
  width: 80%;
}
.ticker {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.ticker > div > p {
  font-size: 31px;
  font-size: 26px;
  line-height: 29px;
  margin-bottom: 0px;
}
.ticker h1 {
  font-size: 47px;
}
.footer-img a img {
  max-width: 120px;
}
figure.full img {
  width: 100%;
}

figure.full {
  margin-bottom: 20px;
}
htlm:lang(en) .mainmenu ul#nav > li > a,
.mainmenu ul#nav > li > p {
  /* font-size: 19.8px; */
  font-size: 1.03vw;
}
.float-right {
  float: right;
}
.flatGallery {
  display: flex;
  flex-wrap: wrap;
}
.flatGallery .col-md-3 {
  display: flex;

  padding: 0.5em;
}
.flatGallery .flex_content {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1em;
}
.flex_content span a p {
  text-align: center;
}
.flex_content a {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}
.blog {
  border-bottom: 2px solid #c61d24;
  width: 100%;
  margin-right: 0.5%;
  margin-bottom: 20px;
}
.img_big img {
  padding-right: 0.5%;
}
.single-latest-text-big {
  background: #f6f6f6 none repeat scroll 0 0;
  padding: 10px;
}
.single-latest-text-big h3 a span {
  color: #2d3e50;
  font-weight: bold;
}

a.d-inline-block.gallery_list_thumb {
  display: flex;
  background: #f6f6f6 none repeat scroll 0 0;
}
.gallery_list .img-details span.title {
  font-weight: 600;
  color: #2d3e50;
}
.img-details .data {
  color: #2d3e50;
}
.gallery_list img {
  margin-right: 0px;
}
.img-details {
  border-bottom: 2px solid #c61d24;
  padding-left: 20px;
  margin-top: 10px;
  width: 100%;
}
.gallery_list_thumb:hover img {
  transform: scale(1.1);
  transition: all 0.7s ease-in-out 0s;
}
.gallery_list_thumb:hover .img-details .title {
  font-size: 25px;
  line-height: 33px;
  transition: none;
  color: #c61d24;
}
.gallery_list_thumb:hover .img-details .data {
  color: #c61d24;
}
.as-mainwrapper.pid-12 h3 figure figcaption {
  display: none;
}
h4.title:after {
  width: 100%;
}
html:lang(en) .tab-content .tx-filelist span:before {
  content: "download pdf";
  margin-right: 10px;
}
.ce-bodytext p {
  padding-top: 5px;
}
.news-flex-d .single-latest-text-big a.more.button-default {
  margin-right: 15px;
  top: 0px;
  position: inherit;
  right: 0px;
  float: right;
  padding: 4px 21px;
}
/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                             UPIS LANDING PAGE                              ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/
.as-mainwrapper.pid-3 .breadcrumb-text h2.text-center {
  margin-bottom: 60px;
}
.as-mainwrapper.pid-3 .breadcrumb-banner-area {
  min-height: 23em;
  background-size: contain;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: flex-end;
  justify-content: flex-end;
  margin-bottom: 120px;
}
.as-mainwrapper.pid-3 #c722 header h3 {
  font-size: 46px;
  margin-bottom: 60px;
  text-transform: uppercase;
}
blockquote p:before {
  content: "\00BB";
  font-size: 46px;
  display: block;
  margin-bottom: -30px;
  margin-left: -30px;
  color: #c61d24;
}
#c738 header h3,
#c1954 header h3 {
  font-size: 46px;
  margin-top: 85px;
  margin-bottom: 80px;
  text-transform: uppercase;
}
.as-mainwrapper.pid-3 .breadcrumb-banner-area:after {
  background: none;
}
.form-control {
  color: #999999 !important;
}
form#upis-745 label.control-label,
form#upis_eng-1970 label.control-label {
  display: none;
}
form#upis-745 .form-control,
form#upis_eng-1970 .form-control,
form#upis-745 .clearfix,
form#upis_eng-1970 .clearfix,
#upis-745-radiobutton-1,
#upis_eng-1970-radiobutton-1 {
  box-shadow: none;
  border: none;
  background: #f1f1f1 none repeat scroll 0 0;
}
#upis-745 .clearfix p,
#upis_eng-1970 .clearfix p {
  padding-top: 10px;
  padding-left: 10px;
  color: #999999;
}
#upis-745-radiobutton-1,
#upis_eng-1970-radiobutton-1 {
  padding-left: 10px;
  margin-top: -10px;
  color: #999999;
}
form#upis-745 h2,
form#upis_eng-1970 h2 {
  margin-bottom: 35px;
}
form#upis-745 textarea.form-control,
form#upis_eng-1970 textarea.form-control {
  height: 150px;
}
form#upis-745:after {
  content: "Polja obleležena sa zvezdicom su obavezna.";
  display: inline-block;
  float: right;
}
form#upis_eng-1970:after {
  content: "Fields marked with an asterisk are required.";
  display: inline-block;
  float: right;
}
div#accordion-723,
div#accordion-1967 {
  margin-top: 75px;
}
#accordion-723 .course-duration,
#accordion-1967 .course-duration {
  display: none;
}
#accordion-723 .duration-text,
#accordion-1967 .duration-text {
  margin-bottom: 20px;
}
#accordion-723 .accordion,
#accordion-1967 .accordion {
  background-color: #2d3e50;
  color: #fff;
}
.accordion.panel_active:after {
  color: #fff;
  content: "\002D";
}
#accordion-723 .text.accordion.collapsed,
#accordion-1967 .text.accordion.collapsed {
  background-color: #2d3e50;
  color: #fff;
}
#accordion-723 .panel_active,
.accordion:hover,
#accordion-1967 .panel_active {
  background-color: #2d3e50;
  color: #fff;
}
/* #accordion-723 .text.accordion {
	background-color: #c61d24!important;
} */
button.text.accordion.collapsed,
.text.accordion {
  border: none;
}
.dot {
  height: 100px;
  width: 100px;
  background-color: #a11010;
  border-radius: 50%;
  display: inline-block;
  line-height: 98px;
  font-size: 62px;
  color: #fff;
  border: 2px solid #bfbfbf;
  margin-bottom: 40px;
  transition: all 0.7s ease-in-out 0s;
}
#c733 header h3,
#c734 header h3,
#c735 header h3,
#c736 header h3,
#c1963 header h3,
#c1961 header h3,
#c1959 header h3,
#c1957 header h3 {
  font-size: 31px;
  text-transform: uppercase;
  width: 70%;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.col-lg-3.text-center.step {
  transition: all 0.7s ease-in-out 0s;
}
.col-lg-3.text-center.step:hover {
  transform: scale(1.1);
  transition: all 0.7s ease-in-out 0s;
}
.col-lg-3.text-center.step:hover span.dot {
  background: #2d3e50;
  box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);
  transition: all 0.7s ease-in-out 0s;
}
.frame.frame-type-header.frame-layout-0 header {
  transition: all 0.7s ease-in-out 0s;
}
.col-lg-3.text-center.step:hover
  .frame.frame-type-header.frame-layout-0
  header {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);
  transition: all 0.7s ease-in-out 0s;
  border-radius: 20px;
}
.as-mainwrapper.pid-3 .btn-primary {
  background-color: #2d3e50;
  border: none;
}
.as-mainwrapper.pid-3 .btn-primary:hover {
  background-color: #c61d24;
  border: none;
}
.as-mainwrapper.pid-3 .btn {
  border-radius: 0;
  border: none;
}
/*
  ╓────────────────────────────────────────────────────────────────────────────╖
  ║                             Kontakt stranica                               ║
  ╙────────────────────────────────────────────────────────────────────────────╜
*/
.as-mainwrapper.pid-25 #c968 iframe {
  width: 100%;
  height: 485px;
}
form#kontakt-963 label.control-label {
  display: none;
}
.as-mainwrapper.pid-25 form h2 {
  color: #4c4c4c;
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
/*}*/
.as-mainwrapper.pid-25 .btn {
  border-radius: 0;
  border: none;
}

.as-mainwrapper.pid-25 .btn-primary {
  background-color: #2d3e50;
  border: none;
  border-radius: 0;
}
.as-mainwrapper.pid-25 .btn-primary:hover {
  background-color: #c61d24;
  border: none;
}
.as-mainwrapper.pid-25 .i4ewOd-pzNkMb-haAclf.QUIbkc {
  display: none;
}

/* NOVO PROFESORI */
.panel figure.full {
  display: inline-block;
}
.panel figure figcaption {
  text-align: center;
}
#nav li ul li ul {
  display: none;
}
.tx-filelist .img-details {
  border-bottom: none;
  margin-top: 0;
}
.pid-9 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-227 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-228 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-229 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-230 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-232 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-233 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-234 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-235 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-236 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-237 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-239 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-240 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-241 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-245 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-246 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-247 .breadcrumb-banner-area .breadcrumb-text h2.text-center,
.pid-248 .breadcrumb-banner-area .breadcrumb-text h2.text-center {
  display: none;
}
.pid-9 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-227 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-228 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-229 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-230 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-232 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-233 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-234 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-235 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-236 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-237 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-239 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-240 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-241 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-245 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-246 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-247 .breadcrumb-banner-area .breadcrumb-text:after,
.pid-248 .breadcrumb-banner-area .breadcrumb-text:after {
  content: "Erasmus+";
  font-size: 30px;
  text-align: center;
  display: block;
}
.pid-228 ol {
  list-style: lower-roman;
}
.pid-229 ol {
  list-style-type: decimal;
}
.pid-228 ol > li,
.pid-229 ol > li {
  margin-left: 40px;
  color: #4e4e4e;
}
.pid-228 ol li ul {
  margin-left: -22px;
  list-style: disc;
}
.pid-228 ol li ul li {
  color: #000;
}
.pid-248 table {
  width: calc(100%);
}
.pid-248 tr,
.pid-248 td {
  border: 1px solid #000;
}
.pid-248 table ul {
  list-style: disc;
}
/* div#c1565 {
    overflow-x: auto;
} */
.pid-225 #c1215 img {
  transform: translatey(-50%);
  margin-top: 25%;
}
.pid-58 #c1676 > ul {
  list-style: none;
}
.pid-58 #c1676 > ul > li > a {
  display: none;
}
.pid-58 .col-lg-4 {
  position: sticky;
  top: 123px;
}
#c1676 header h3 {
  background: #c61d24;
  text-align: center;
  color: #fff;
  padding: 11px 0;
}
.pid-58 #c1676 > ul {
  list-style: none;
  margin-left: 0px;
  background: #f6f6f6 none repeat scroll 0 0;
}
#c1676 li {
  padding: 10px;
  list-style: none;
  font-size: 17px;
  font-weight: bold;
}
#c1676 ul li ul {
  margin-left: 0px;
}
.gallery_list img {
  max-width: 200px;
  min-height: 200px;
}
#c296 span {
  color: #fff !important;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
span[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
/*HACK*/
html:lang(en) #id7 ul li:nth-child(3) {
  display: none !important;
}
.news_flex {
  display: flex;
  flex-direction: row;
}
.single-latest-text {
  flex-basis: 50%;
}
.single-latest-image.slider {
  flex-basis: 50%;
  width: 50%;
}
.single-latest-image.slider a {
  width: 100%;
  height: 100%;
  min-height: 300px;
  padding-left: 10px;
}

#alumini-2171 input.form-control,
#alumini-2171 .form-group {
  background: #f1f1f1 none repeat scroll 0 0;
  border: none;
  color: #999999;
}
#alumini-2171 h2 {
  font-size: 20px;
  padding: 20px 0px;
}
#alumini-2171 .radio {
  display: inline-block;
}
#alumini-2171 label.control-label {
  font-weight: bold;
  padding-left: 10px;
}
#alumini-2171 .radio label {
  padding-left: 25px;
}
#alumini-2171 .radio input[type="radio"] {
  margin-left: -17px;
}
#alumini-2171 label span {
  margin-right: 10px;
}
label[for="alumini-2171-text-2"],
label[for="alumini-2171-telephone-1"],
label[for="alumini-2171-email-1"],
label[for="alumini-2171-text-3"],
label[for="alumini-2171-text-1"] {
  display: none;
}
.row.tree_equal.eramus {
  margin-top: 50px;
}
.text-body {
  background: #f6f6f6 none repeat scroll 0 0;
  padding: 10px 72px;
}
.text-body h3.ptext-body {
  color: #616161;
  font-size: 24px;
  margin-bottom: 8px;
}
.text-body {
  display: flex;
  flex-direction: column;
}
.text-body header {
  order: 1;
}
.text-body figure.full {
  order: 0;
}
.text-body p {
  order: 2;
}
.flexslider1 .flex-direction-nav {
  margin-top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.flexslider1 .flex-direction-nav a {
  position: static;
}
.flexslider1 a.flex-nav-prev {
  position: static;
  display: block;
}
.flexslider1 .flex-direction-nav a::before {
  position: static;
  display: block;
}
ul.slides img {
  opacity: 0.7;
  filter: invert(1);
}
.pid-310 .news-flex-d .single-latest-item:nth-child(odd) {
  margin-right: 0px;
}
.pid-310 .news-flex-d .single-latest-item {
  background: #f6f6f6;
}
.pid-310 .news-flex-d .single-latest-item {
  width: 100%;
}
/*.news-flex-d .single-latest-text{border:none;}*/
.pid-310 .news-flex-d .single-latest-text h4 {
  padding-top: 10px;
}
.pid-310 .flexslider .f_slide.flex-active-slide:before {
  display: none;
}
div#c1676 {
  position: fixed;
}
/*.cookie-notice   {
    top: 300px!important;
    left: 9px!important;
	margin: 0!important;
    padding: 20px!important;
	width: 99% !important;
}*/
/* 
	.cookie-notice {
    top: 183px !important;

    margin: 0 !important;
    padding: 80px !important;
    width: 70% !important;
    left: 0 !important;
    margin-left: 16% !important;
    bottom: 42px !important;
	font-size:17px;
	}
 */
/* The container */

/* .om-cookie-panel.active h3 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.om-cookie-panel {
  width: 33vw;
  padding-bottom: 10px;
  border: none;
  box-shadow: -12px 7px 50px -7px #888888;
}
.om-cookie-panel .cookie-panel__checkbox-wrap {
  display: block;
  line-height: 1.1;
  padding: 10px 0;
  margin-left: 15px;
}
.om-cookie-panel .cookie-panel__checkbox + label::before {
  width: 8px;
  height: 15px;
  border-radius: 0px;
  border: 2px solid red;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 10px;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.om-cookie-panel .cookie-panel__checkbox:checked + label::before {
  border-width: 0 3px 3px 0;
  border-color: #8cad2d;
}
.om-cookie-panel .cookie-panel__checkbox + label::after {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px solid red;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 10px;
  margin-left: -29px;
  margin-top: -5px;
}
.om-cookie-panel .cookie-panel__checkbox:checked + label::after {
  border-color: #8cad2d;
}
.om-cookie-panel .cookie-panel__button {
  background: #c61d24;
  border-radius: 20px;
  text-transform: none;
  padding: 10px 0;
  margin-top: 40px;
  width: 45%;
}

.cookie-panel__selection {
  text-align: left;
}
.om-cookie-panel p {
  text-align: left;
}
.flex-cookie {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.cookie-panel__description {
  display: flex;
  flex-direction: column;
  flex: 1;
  order: 2;
  flex-basis: 66%;
}
.cookie-panel__selection {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: 25%;
}
.om-cookie-panel.active h3 {
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 5px;
}
.om-cookie-panel p {
  text-align: left;
  padding-top: 0;
  font-size: 14px;
}
.cookie-panel__control {
  font-size: 14px;
}
.om-cookie-panel .cookie-panel__button {
  padding: 5px 0;
  margin: 0;
  margin-bottom: 10px;
} */


.cn-body {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}
.cn-ok {
  /*   display: flex !important;
  flex-direction: column !important; */
  align-content: flex-end !important;
  top: -10px;
}
.cn-body > p {
  padding-right: 10px !important;
}
.cn-body > p > span > h4 {
  padding-bottom: 5px;
}

.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) {
  padding: 5px 20px;
}



#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-success {
  background: #c61d24;
  color: #fff;
  border: none!important;
  border-radius: unset!important;
}
a.cm-link.cn-learn-more {
  background: #c61d24!important;
  color: #fff!important;
  border: none!important;
  border-radius: unset!important;
}
.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn:hover,#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-link:hover {
  background: #2d3e50!important;
  opacity:unset!important;
}
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-link:before,
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-danger:before,
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-danger:hover:before,
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-success:before{
  filter: brightness(0) invert(1);
}
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-danger {
  background: #c61d24;
  border:none;
  border-radius: unset;
  color: #fff;
}



label {
  color: #131313;
  font-family: "Lato", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  white-space: nowrap;
}

input[type="checkbox"] {
  display: none;
}
.om-cookie-panel {box-shadow: -5px 5px 50px 5px #888888};
.om-cookie-panel .cookie-panel__checkbox + label::before{
  border: 1.5px solid #c61d24!important;
  border-radius: 50%!important;
}
input[type="checkbox"] + label:before {
  width: 12px;
  height: 12px;
  border: 1.5px solid #c61d24!important;
  content: "";
  display: inline-block;
  margin: 0 16px 0 0;
  padding: 0;
  vertical-align: top;
  border-radius: 50%!important;
}

.om-cookie-panel .cookie-panel__checkbox:checked + label::before{
  background-color: #2d3e50;
}
input[type="checkbox"]:checked + label:before {
  background: #2d3e50;
  border: 1.5px solid #1460c8;
  box-shadow: inset 0px 0px 0px 1px #fff;
  color: #333;
  content: "";
  /* text-align: center; */
  border-radius: 50%;
}

input[type="checkbox"]:focus + label::before {
  outline: 0;
}

.cookie-panel__description {
  font-size: 11px;
  line-height: 1.2;
  text-align: left;
  font-weight: bold;
}

.om-cookie-panel h3 {
  padding: 0;
  text-align: center;
  color: #c61d24;
  font-size: 17px;
  font-weight: bold;
}

.om-cookie-panel.active {
  width: 40vw;
  left: 30%;
  bottom: 15px;
  padding-bottom: 10px;
  border: none;
}

label[for=group-1] {
  margin-left: -15px;
}

.om-cookie-panel .cookie-panel__button {
  text-transform: none;
  font-size: 13px;
  background: #c61d24;
  border-radius: 13px;
  font-weight: bold;
  padding: 0px 25px;
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 2;
}

.cookie-panel__control {
  font-size: 11px;
}

.as-mainwrapper.pid-329 .table-hover td {
  padding: 10px;
  border-right: 1px solid #ccc;
}

.as-mainwrapper.pid-329 .table-hover tr td:last-child {
  border-right: none;
}