/**
 * KDSoft application WWW module Default theme main css rules
 * 
 * @name		module-style
 * @author		D.Gerdzhikov
 * @package		modules/www/assets/themes/default/css
 * @version		1.0
 * @copyright	KDSoft Ltd.
 */

#about .row																{ text-align:center; }
#about .row h3															{ margin:34px 0px 60px; text-transform:uppercase; }
#about .row .fa,
#about .row .far														{ width:92px; height:92px; margin:0px auto; line-height:92px; font-size:36px; color:#008000; border-radius:50%; background:#EDEAEA; }
#about .section-title p													{ margin:50px auto 0px; padding-left:20px; position:relative; }
#about .section-title p::before											{ content:"\f061"; top:0px; left:0px; position:absolute; font-family:'Font Awesome 5 Free'; font-weight:900; color:#008000; }

#courses																{ width:100%; background:url('../images/home/group.jpg') no-repeat center; background-size:cover; background-attachment:fixed; }
#courses.mFix															{ margin-top:110px; }
#courses .row p															{ margin-bottom:-4px; font-weight:600; text-transform:uppercase; }
#courses .row .number													{ font-size:45px; font-weight:700; color:#FFFFFF; }
#courses .icon															{ margin-top:60px; margin-bottom:17px; }
#courses .icon i:before													{ font-size:66px; }
#courses .opacity														{ width:100%; height:100%; padding:0px 0px 90px; text-align:center; background:rgba(0,0,0,0.8); }
#courses .opacity p														{ font-size:16px; color:#FFFFFF; }
#courses .opacity h2													{ margin-bottom:9px; font-family:/*'latosemibold', */sans-serif;; color:#FFFFFF; }
#courses .opacity h6													{ margin-top:25px; font-size:16px; font-weight:600; text-transform:uppercase; color:#FFFFFF; }
#courses .nav li														{ padding:5px; opacity:0.5; border-bottom:2px solid transparent; }
#courses .nav li:hover													{ opacity:0.8; border-bottom-color:#008000; }
#courses .nav li.active													{ opacity:1; border-bottom-color:#FFFFFF; }
#courses .nav li .lang-icon												{ width:64px; height:64px; display:inline-block; }
#courses .container-courses-opts										{ padding-top:30px; line-height:18px; font-size:18px; text-align:center; }
#courses .container-courses-opts li										{ padding:15px; }
#courses .container-courses-opts li.active								{ color:#FFFFFF; }
#courses .container-courses-opts li.active .fa							{ color:#008000; }
#courses .container-courses-list li										{ text-align:center; }
#courses .container-courses-list li > a									{ line-height:36px !important; }

#contacts h3															{ font-family:/*'Lato', */sans-serif; text-transform:uppercase; }
#contacts .form-validation label.error									{ display:none !important; }
#contacts .form-validation input.error,
#contacts .form-validation textarea.error								{ border:1px solid #F03838 !important; }
#contacts .contact-us-page												{ margin-bottom:70px; }
#contacts .contact-us-form form :-moz-placeholder						{ text-transform:uppercase; color:#6F6F6F; } /* Firefox 18- */
#contacts .contact-us-form form ::-moz-placeholder						{ text-transform:uppercase; color:#6F6F6F; } /* Firefox 19+ */
#contacts .contact-us-form form :-ms-input-placeholder					{ text-transform:uppercase; color:#6F6F6F; }
#contacts .contact-us-form form ::-webkit-input-placeholder				{ text-transform:uppercase; color:#6F6F6F; }
#contacts .contact-us-form form .row									{ margin-left:-10px; margin-right:-10px; }
#contacts .contact-us-form form .row [class*=col-]						{ padding-left:10px; padding-right:10px; }
#contacts .contact-us-form input,
#contacts .contact-us-form textarea										{ width:100%; padding:0 20px 0 30px; margin-bottom:30px; font-size:13px; border:1px solid #EDEAEA; background:#FFFFFF; }
#contacts .contact-us-form input:focus,
#contacts .contact-us-form textarea:focus								{ border-color:#008000; }
#contacts .contact-us-form input										{ height:50px; }
#contacts .contact-us-form textarea										{ height:130px; max-width:100%; padding:15px 20px 15px 30px; }
#contacts .contact-us-form button										{ width:160px; line-height:40px; color:#FFFFFF; font-size:13px; font-weight:600; text-transform:uppercase; }
#contacts .contact-us-form .container-modal								{ top:0px; left:0px; width:100%; height:100%; position:fixed; display:none; background:rgba(255,255,255,0.7); z-index:9999999; }
#contacts .contact-us-form .container-alert								{ top:50%; left:50%; width:500px; height:100px; margin-top:-50px; margin-left:-250px; position:relative; text-align:center; border:1px solid #008000; background:#FFFFFF; }
#contacts .contact-us-form .container-alert.error						{ color:#FF0000; }
#contacts .contact-us-form .container-alert.success						{ color:#8FC941; }
#contacts .contact-us-form .container-alert button						{ top:-20px; right:-20px; width:40px; height:40px; line-height:20px; position:absolute; font-size:25px; color:#FFFFFF; background:#008000; border-radius:50%; }
#contacts .contact-us-form .container-alert .wrapper					{ width:100%; height:100%; display:table; }
#contacts .contact-us-form .container-alert .wrapper p					{ display:table-cell; vertical-align:middle; }
#contacts .contact-us-address											{ padding-left:70px; }
#contacts .contact-us-address ul li										{ height:auto; margin-bottom:38px; padding-top:27px; padding-bottom:15px; position:relative; text-align:center; display:block; border:1px solid #EDEAEA; }
#contacts .contact-us-address ul li,
#contacts .contact-us-address ul li a									{ color:#6F6F6F; }
#contacts .contact-us-address ul li i									{ top:-17px; left:50%; width:35px; height:35px; margin-left:-17px; position:absolute; line-height:35px; font-size:16px; text-align:center; color:#008000; border-radius:50%; background:#EDEAEA; }
#contacts .contact-us-address ul li i.fa-map-marker-alt					{ font-size:18px; }


.our-teacher {
  margin-top: 110px;
}
.our-teacher .item-wrapper {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 25px;
  border-bottom: 2px solid transparent;
  margin: 65px 15px 10px 15px;
  display: block;
}
.our-teacher .item .img-holder {
  position: relative;
  width:230px;
  height:230px;
  overflow: hidden;
  margin: 0 auto;
}
.our-teacher .item .img-holder img {
  width:230px;
  height:230px;
  border-radius: 50%;
}
.our-teacher .item h6 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.our-teacher .item-wrapper>a {
  display: block;
  padding: 15px 0 7px 0;
  margin-top: 12px;
}
.our-teacher .item .img-holder .overlay {
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
  background:rgba(205,33,34,0.75);
  opacity: 0;
  overflow: hidden;
  -webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.our-teacher .item .img-holder .overlay ul li {
  display: inline-block;
  margin: 92px 1px 0 1px;
}
.our-teacher .item .img-holder .overlay ul li a {
  width:45px;
  height:45px;
  border:1px solid #fff;
  line-height: 43px;
  color:#fff;
}
.our-teacher .item-wrapper:hover .img-holder .overlay {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.our-teacher .item-wrapper:hover {
  border-color: #008000;
}
.our-teacher .owl-theme .owl-dots,.latest-event-slider .owl-theme .owl-dots {
  margin-top: 20px;
}