@charset "UTF-8";
/*
font-family: 'Open Sans', sans-serif;
*/
@font-face {
    font-family: "GothamProRegular"; 
	src: url("../fonts/GothamProRegular.eot");
	src: url("../fonts/GothamProRegular.eot?#iefix")format("embedded-opentype"),
	url("../fonts/GothamProRegular.woff") format("woff"),
	url("../fonts/GothamProRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "GothamProBold";
	src: url("../fonts/GothamProBold.eot");
	src: url("../fonts/GothamProBold.eot?#iefix")format("embedded-opentype"),
	url("../fonts/GothamProBold.woff") format("woff"),
	url("..t/fonts/GothamProBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "GothamProMedium";
	src: url("../fonts/GothamProMedium.eot");
	src: url("../fonts/GothamProMedium.eot?#iefix")format("embedded-opentype"),
	url("../fonts/GothamProMedium.woff") format("woff"),
	url("../fonts/GothamProMedium.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "GothamProLight";
	src: url("../fonts/GothamProLight.eot");
	src: url("../fonts/GothamProLight.eot?#iefix")format("embedded-opentype"),
	url("../fonts/GothamProLight.woff") format("woff"),
	url("../fonts/GothamProLight.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}



body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.header-img-wrap{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.hd-bg{
  position: relative;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: bottom;
}
.gradient{
    width: 100%;
  	height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.girl_wrap{
  position: absolute;
  width: 292px;
  height: 470px;
  bottom: 0;
  right: 15vw;
  z-index: 5;
}
.girl_wrap .girl{
  width: 100%;
  object-position: bottom;
  position: relative;
  z-index: 7;
}
.hairs{
  position: absolute;
  top: 0;
  left: 12%;
  width: 100%;
  height: 60px;
}
#hair1{
    position: absolute;
    top: 16%;
    right: 32%;
    width: 69%;
    z-index: 6;
}
#hair2{
    position: absolute;
    top: 22%;
    right: 27%;
    width: 72%;
    z-index: 9;
}
#hair3{
    position: absolute;
    top: 84%;
    right: 45%;
    width: 29%;
    z-index: 8;
}

#hair1 .cls-11{
    animation: hair 2s infinite;
}
#hair2 .cls-1{
    animation: hair2 2s infinite .25s;
}
@keyframes hair{
    10%{ transform: scaleY(.95) scaleX(.9); }
    40%{ transform: scaleY(.96) scaleX(.95); }
    70%{ transform: scaleY(.98) scaleX(.85); }
    90%{ transform: scaleY(.98) scaleX(.96); }
    100%{ transform: scaleY(1) scaleX(1); }
}
@keyframes hair2{
    10%{ transform: scaleY(.99) scaleX(.9); }
    40%{ transform: scaleY(.96) scaleX(.95); }
    70%{ transform: scaleY(.98) scaleX(.85); }
    90%{ transform: scaleY(.99) scaleX(.96); }
    100%{ transform: scaleY(1) scaleX(1); }
}

.clouds{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60vh;
  overflow: hidden;
}

#cloud_1{
   width: 80%;
   animation: cloud 60s infinite linear;
}
@keyframes cloud{
    from{
        transform: translateX(-100%);
    }
    to{
        transform: translateX(200%);
    }
}

#cloud_2{
    width: 70%;
    position: absolute;
    top: 20vh;
    left: -60%;
    animation: cloud-2 40s infinite linear;
}
@keyframes cloud-2{
    from{
        transform: translate(-100%);
    }
    to{
        transform: translate(320%);
    }
}
.butterflies{
  position: absolute;
  width: 30vw;
  height: 60vh;
  bottom: 0;
  right: 20vh;
}
#b1{
    width: 8%;
    position: absolute;
    top: 10%;
    left: 10%;
  	z-index: 4;
}
.cls-1-1{
    transform: scaleX(.9) translateX(10%);
    animation: flap-leftX 1s infinite;
}
.cls-1-2{
    transform: scaleX(.9);
    animation: flap-rightX 1s infinite;
}
.cls-2{
    animation: rot 1s infinite;
}
@keyframes rot{
    0%{ transform: rotate(-1deg); }
    10%{ transform: rotate(-1deg); }
    50%{ transform: rotate(-5deg) translate(-6%,8%) scale(.95); }
    90%{ transform: rotate(-1deg); }
    100%{ transform: rotate(-1deg); }
}
@keyframes flap-leftX {
    0% { transform: scaleX(.9) translateX(10%)}
    10%{ transform: scaleX(0.9) translateX(10%); }
    50%{ transform: scaleX(0.5) translateX(35%); }
    90%{ transform: scaleX(0.9) translateX(10%); }
    100%{ transform: scaleX(0.9) translateX(10%); }
}
@keyframes flap-rightX {
    0% { transform: scaleX(.9) translateX(0%)}
    10%{ transform: scaleX(0.9) translateX(0%); }
    50%{ transform: scaleX(0.5) translateX(35%); }
    90%{ transform: scaleX(0.9) translateX(0%); }
    100%{ transform: scaleX(0.9) translateX(0%); }
}

.cls-1-3{
    transform: scaleX(.9) translateX(10%);
    animation: flap-leftY 1s infinite .5s;
}
.cls-1-4{
    transform: scaleX(.9);
    animation: flap-rightY 1s infinite .5s;
}
.cls-2-2{
    animation: rot2 1s infinite .5s;
}

#b2{
    width: 5%;
    position: absolute;
    top: 40%;
    left: 5%;
  z-index: 4;
}

#b3{
    width: 5%;
    position: absolute;
    top: 15%;
    right: 15%;
  z-index: 4;
}
.cls-1-5{
    transform: scaleX(.9) translateX(10%);
    animation: flap-leftY 1s infinite .5s;
}
.cls-1-6{
    transform: scaleX(.9);
    animation: flap-rightY 1s infinite .5s;
}
.cls-2-3{
    animation: rot2 1s infinite .5s;
}
@keyframes rot2{
    0%{ transform: rotate(-1deg); }
    10%{ transform: rotate(-1deg); }
    50%{ transform: rotate(-10deg) translate(-8%,4%) scale(.95); }
    90%{ transform: rotate(-1deg); }
    100%{ transform: rotate(-1deg); }
}

@keyframes flap-leftY {
    0% { transform: scaleY(.9) translateY(10%)}
    10%{ transform: scaleY(0.9) translateY(10%); }
    50%{ transform: scaleY(0.5) translateY(35%); }
    90%{ transform: scaleY(0.9) translateY(10%); }
    100%{ transform: scaleY(0.9) translateY(10%); }
}
@keyframes flap-rightY {
    0% { transform: scaleY(.9) translateY(0%)}
    10%{ transform: scaleY(0.9) translateY(0%); }
    50%{ transform: scaleY(0.5) translate(-10%,35%); }
    90%{ transform: scaleY(0.9) translateY(0%); }
    100%{ transform: scaleY(0.9) translateY(0%); }
}

.spinner{
	  position: absolute;
    width: 15%;
    top: 330px;
    left: 79px;
    z-index: 8;
  animation: spin 1s infinite;
}
@keyframes spin {
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

.finger {
    position: absolute;
    top: 356px;
    width: 6%;
    left: 95px;
    z-index: 9;
}

.containe {
    flex-grow: 1;
}
footer#footer {
    flex-shrink: 0;
    background: #fcfcfc;
}
.jr_component {
    width: 100%;
    margin: 0 auto;
}

.jr_component .jr_full {
    float: left;
    width: 100%;
}

.jr_component .jr_middle {
    float: left;
    width: 70%;
}

.jr_component .jr_small {
    float: left;
    width: 30%;
}

.jr_component .jr_right {
    float: left;
    width: 27%;
    margin-left: 3%;
}

.jr_component .jr_left {
    float: left;
    width: 27%;
    margin-left: 3%;
}

.jr_component .jr_right,
.jr_component .jr_left {
    float: left;
}

.jr_component .jr_right .moduletable,
.jr_component .jr_left .moduletable {
    float: left;
    margin: 2;
    padding: 2%;
    width: 96%;
}

.clr {
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
}
img {
    max-width: 100%;
}
div#back-top span{
    position: fixed;
    left: 2%;
    top: inherit;
    bottom: 20px;
    z-index: 10;
font-size: 33px;
}
ul, p{
    margin-bottom: 0;
}
a{
    color:inherit;
}
a:hover{
    text-decoration: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #000;
}
.responsive{
width:100%;
}
.copiright a {
    display: block;
    width: 20%;
}

.copiright {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00a772;
    padding: 10px;
}
::-webkit-scrollbar-track{background-color:#b1e8ee;}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-thumb{background-color:#84a9ff;}

 div#text3 p {
    width: 100%;
    margin: 4px 0;
}
.modal-body {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
    padding: 0;
    height: 57vh;
}

.modal-body > form {
    width: 60%;
    position: relative;
}

.modal-dialog { 
    width: 52%; 
    margin: 142px auto;
   -webkit-flex-direction: column;
   -moz-flex-direction: column;
   -ms-flex-direction: column;
   -o-flex-direction: column;
   flex-direction: column;
}

div#text3 {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
   -webkit-flex-direction: column;
   -moz-flex-direction: column;
   -ms-flex-direction: column;
   -o-flex-direction: column;
   flex-direction: column;
    width: 80%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    margin: 0 auto;
}

.mimage {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: flex-end;
    align-items: flex-end;
    background: url(/images/video_03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
    width: 40%;
}

p.mod-title {
    font-size: 16px;
}
.modal-body > form button.close {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 16px;
    background: #eef1f5;
    text-shadow: none;
}
div#text3 input.btn-send.form-control {
    margin-top: 17px;
    margin-bottom: 2rem;
    width: 45%;
    border-radius: 0;
    height: 40px;
    background: #00704c;
    text-transform: uppercase;
    color: #fff;
}

div#text3 > p > input {
    margin-top: 10px;
    border-color: #eef1f5;
    box-shadow: none;
    padding: 10px;
    border-radius: 0;
    height: 50px;
}

.mimage img {
    width: 40%;
    margin: 0 auto;
    padding-bottom: 2rem;
}
.modal-content > button.close {
    position: absolute;
    top: 4%;
    right: 2%;
    font-size: 22px;
    z-index: 1;
}
.slicknav_menu {
    display: none;
}
a[href="http://www.faboba.com"] {
    display: none !important;
}
.map > iframe {
    width: 100%;
}
li.item-101 {margin-left: -35px;}
 
.moduletable_menu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    color: #000;
}

.head-menu {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.custom-log {
    display: flex;
    flex-direction: column;
    text-align: right;
    font-size: 16px;
    line-height: 31px;
    font-weight: 700;
    color: #000;
}
.custom-log a:last-child {
    font-size: 20px;
    color: #007cd9;
}
body.home-page .head-top {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.head-top {
    padding: 3rem 0 0 0;
}

.moduletable_menu ul a {
    padding: 5px;
      transition: .7s;
}

.moduletable_menu {
    width: 75%;
}
.custom-pos1 {
    width: 53%;
    float: right;
}
.pos1 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.custom-pos img.responsive {
    height: 100vh;
    object-fit: cover;
    object-position: bottom;
}
.pos_itm {
    height: 100%;
    clear: both;
    position: absolute;
    top: 0;
    width: 100%;
}

img.mgr {
    position: absolute;
    bottom: -130px;
    right: 0;
}
.pos1_logo {margin-bottom: 3rem;margin-top: 3em;}
.pos1_text {
    font-size: 18px;
    color: #000;
}

.pos1_title {
    font-size: 40px;
    margin: 1rem 0 9rem;
    font-weight: 700;
    color: #000;
}
.moduletable-navpa {
    clear: both;
    text-align: center;
}

.navpa {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-between;
    height: 58rem;
}

.navpa_list {
    padding: 5rem;
    flex-basis: 26%;
        box-shadow: 0 0 20px 13px #f8fbfc;
    border-radius: 19px;
}

.moduletable-navpa > h3, .moduletable-spec > h3, .moduletable-inter > h3, .moduletable-otzyv > h3 {
    font-weight: 700;
    margin: 4rem 0 7rem;
    font-size: 36px;
}
.navpa_list h4 {
    font-size: 16px;
    font-weight: 700;
}

.navpa_list > div {
    margin-bottom: 3rem;
}
.onas_img {
    width: 41%;
    float: left;
} 
.onas_img img.mgr {
    left: 0;
}
.onas_item {
    float: right;
    width: 50%;
    min-height: 80rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.onas_abs {
    clear: both;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.custom-onas {
    position: relative;
}

.onas_title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 1rem;
}

.onas_title2 {
    font-size: 17px;
    color: #eec233;
    font-weight: 700;
    margin-bottom: 2rem;
}

.onas_text {
    line-height: 26px;
    font-size: 15px;
    margin-bottom: 2rem;
    color: #000;
    font-weight: 400;
}
a.onas_btn {
    background: #6b921b;
    width: 28%;
    text-align: center;
    padding: 2rem;
    font-size: 14px;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    font-family: "GothamProBold";
    margin: 2rem 0 0 0;
    box-shadow: -1px 9px 20px 0 rgb(178, 230, 214);
}
.spec_slider .owl-nav [class*='owl-'], .otzyv_slider .owl-nav [class*='owl-'] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    border-radius: 0;
    font-size: 24px;
    border-radius: 50%;
    padding: 6px 9px 4px;
    font-weight: bold;
    background-color: #e5cc48; /* For browsers that do not support gradients */
    background-image: linear-gradient(-160deg, #e5cc48, #f9eba0); /* Standard syntax (must be last) */
} 
.spec_slider {
    padding: 0 5rem;
} 
.spec_slider .owl-prev {
    left: -25px;
} 
.spec_slider .owl-next {
    right: -25px;
} 

.spec_slider_item-text {
    color: #a7a7a7;
    font-size: 14px;
    margin-bottom: 1rem;
}

.spec_slider_item {
    text-align: center;
    width: 90%;
}

.spec_slider_item-title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: .5rem;
}
.spec_slider_item-img {
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 2rem;
}

.spec_slider_item-img img {
    min-height: 132px;
    object-fit: cover;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: #e5cc48;
}
.spec_slider-img {
    text-align: center;
    width: 26%;
    margin: 5rem auto 3rem;
    border-radius: 50px;
    text-transform: uppercase;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #688e1a;
    color: #fff;
    font-family: "GothamProBold";
    box-shadow: -1px 9px 20px 0 rgb(178, 230, 214);
}

.spec_slider-img a {
    display: block;
}
.moduletable-spec > h3, .moduletable-otzyv > h3 {
    text-align: center;
    margin-bottom: 6rem;
}
section.block6 .container {
    display: flex;
    flex-wrap: wrap;
}
.moduletable-otzyv {
    padding: 3rem 0 4rem;
    background: #fcfcfc;
}
.moduletable-inter {
    flex: 100%;
}

.moduletable-new-left {
    width: 30%;
}

.moduletable-news-slider {
    width: 70%;
    position: relative;
}
.bloglatestnews3.atg img {
    max-height: 315px;
    object-fit: cover;
    border: 1px solid #ddd;
}

.bloglatestnews1 {
    height: 100%;
}

.bloglatestnews7.ert {
    height: 100%;
    display: flex;
    flex-direction: column;
    transform: translateY(-20px);
}

.bloglatestnews2.roditel {
    flex-grow: 1;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 0 0 0 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: #fff;
}
.bloglatestnews6 {
    font-family: "GothamProBold";
}
.moduletable-inter > h3 {
    margin-bottom: 4rem;
}
.bloglatestnews6.date {
    margin-bottom: 1rem;
    font-size: 16px;
    text-transform: uppercase;
}

.bloglatestnews4 {
    line-height: 26px;
}

h4.bloglatestnews4.ergre {
    font-family: "GothamProBold";
    padding: 1rem 3rem 0 3rem;
    font-size: 16px;
}
section.block6 {
    position: relative;
}

section.block6:before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: #eff8fd;
    content: '';
}
 
.bloglatestnews2.earg {
    background: #fff;
    padding-bottom: 2rem;
}
.bloglatestnews5.regh {
    line-height: 24px;
    padding: 0 0 0 3rem;
} 

.bloglatestnews7.bloglid  .owl-nav [class*='owl-'] {
    position: absolute;
    top: 30px;
    right: 10rem;
    margin: 0;
    font-size: 28px;
    background: #dec53a;
    padding: 0.3rem 1rem;
    border-radius: 50%;
} 

.bloglatestnews7.bloglid .owl-next {
    right: 4rem !important;
} 
.moduletable-news-slider > h3 {
    position: absolute;
    top: 2rem;
    left: 5rem;
    z-index: 2;
    font-size: 14px;
    background: #678c19;
    padding: 11px 18px;
    border-radius: 30px;
    text-transform: uppercase;
    font-family: "GothamProBold";
    color: #fff;
}
.bloglatestnews2.earg a.bloglatestnews4_btn img {
    width: 13% !important;
    display: inline-block;
} 
.bloglatestnews2.earg a.bloglatestnews4_btn {
    padding-left: 3rem;
} 
a.bloglatestnews4_btn {
    text-transform: uppercase;
    font-family: "GothamProBold";
    color: #01af5e;
    margin: 1rem 0px 0 0;
    display: inline-block;
}

a.bloglatestnews4_btn img {
    width: 14%;
    margin-left: .5rem;
    transform: translateY(-1px);
}
.bloglatestnews7.ert> div:last-child {
    border-left: 0;
}
.custom-news-btn .spec_slider-img {width: 13%;margin-top: 0;margin-bottom: 0;}
 .custom-news-btn {
    position: relative;
}
 
.custom-news-btn img.mgr {
    left: 0;
    bottom: -200px;
}
.moduletable-news-btn {
    margin-bottom: 0;
    background: #eff8fd;
    padding: 7rem 0;
}

.otzyv_slider_item {
    display: flex;
    justify-content: space-between;
    width: 90%;
    align-items: flex-start;
    margin: 2rem auto;
    padding: 2rem;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 1px 7px 20px 0 rgba(0, 0, 0, 0.25);
    background-image: url(/images/ko.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.otzyv_slider_item-img {
    border-radius: 50%;
    overflow: hidden;
    width: 17%;
}

.otzyv_slider_item-img img {
    min-height: 122px;
    object-fit: cover;
}

.otzyv_slider_item-text {
    width: 77%;
} 

.otzyv_slider_item-text-tit {
    font-size: 18px;
    color: #759c10;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 0.5rem;
}

.otzyv_slider_item-text-tit2 {
    color: #afafaf;
    font-size: 16px;
    margin-bottom: 3rem;
}

.otzyv_slider_item-text-text {
    line-height: 26px;
    font-size: 15px;
}
.otzyv_slider .owl-prev {
    left: 45rem;
}

.otzyv_slider  .owl-next {
    right: 45rem;
}
.custom-footer {
    background-image: url(/images/SDEFV_02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 5rem 0 0 0;
}

.footer {
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 14rem 0 10rem 0;
}

.footer_navigation {
    display: flex;
    justify-content: space-between;
    width: 70%;
    position: relative;
}

ul.footer_navigation_item-list {
    list-style-type: none;
    padding: 0;
    line-height: 27px;
    color: #ffffff;
}

.footer_navigation_item-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4rem;
    position: relative;
}
.footer_navigation > div:last-child .footer_navigation_item-title:before {
    left: -35px;
    width: 130%;
}
.footer_navigation:before, .footer_navigation_item-title:before {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.46);
    content: '';
}

.footer_navigation_item-title:before {
    background-color: #fff;
    z-index: 1;
}

ul.footer_navigation_item-lis {}

.footer_navigation > div:last-child a {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.footer_navigation > div:last-child li {
    margin-bottom: 2rem;
    position: relative;
}

.footer_navigation > div:last-child li span {
    position: absolute;
    top: 2px;
    left: -33px;
    font-size: 20px;
    color: #fff;
}
.copi {
    background-image: url(/images/efr_02.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 7rem 0 3rem 0;
    margin-top: -50px;
    text-align: center;
    color: #ffff;
}
.copi img {
    width: 32%;
}



.blog--news > h2 {margin-bottom: 3rem;}
.blog--news p.prev {
    margin: 15px 0 0;
    font-size: 12px;
}

.blog--news>div .page-header {
    border-color: rgba(0, 146, 213, 0.31);
}

.blog--news p.readmore>a:hover {
    background: #00699f;
    color: #fff;
}
.blog--news>div {
    width: 100%;
    overflow: hidden;
    margin: 1%;
    position: relative;
    margin-bottom: 3rem;
}
.blog--news .item-image img {
    height: 180px;
    object-fit: cover;
    width: 280px;
    border: 1px solid #ddd;
}
.blog--news p.readmore {margin-top: 2rem !important;}
.blog--news>div:hover .blog-neews>p {
    opacity: 0.3;
    -webkit-transition: 0.5s;
    transition: 0.5s;
} 
.blog--news p.readmore>a {
    font-style: italic;
    transition: .6s;
    color: #0072aa;
    border: 2px solid #0072aa;
    padding: 6px 15px;
    border-radius: 0;
    position: relative;
    font-size: 11px;
    background: transparent;
}
.blog--news .blog-neews>p {
    margin: 0;
    padding: 0!important;
    text-align: center;
    position: absolute;
    z-index: 1;
    left: 0;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: rgba(0, 0, 0, 0.71);
}
.blog--news > div .page-header, .blog--news > div > div > p, .blog--news p.prev, .blog--news p.readmore, .blog--news > div p, .blog--news > div span {
    padding: 0;
    float: right;
    width: 70%;
    margin: 0 0px 4px 0;
}
.blog--news>div .page-header a {
    color: #0091d4;
    font-size: 16px;
    transition: .6s;
}
.blog--news>div .page-header h2 {
    margin: 0 0 4px 0;
    line-height: 18px;
}

.item-page--news .page-header h2 {
    font-size: 24px;
}
.specimg img {
    width: 100%;
    border-radius: 20px;
    margin-bottom: 2rem;
}
.specimg {
    width: 30%;
    float: right;
    margin-left: 50px;
}
.ttt p {
    line-height: 35px;
}

.blog-specn .page-header h2 {
    font-size: 16px;
    text-align: center;
    font-weight: 700;
}

.blog-specn > div {
    width: 31%;
    float: left;
    margin-right: 2rem;
    margin-bottom: 2rem;
}

.blog-specn .pull-left.item-image img {
    max-height: 235px;
    width: 100%;
    object-fit: cover;
    min-height: 235px;
    margin-bottom: 1rem;
}
.blog-specn 
 .dolh {
    text-align: center;
    margin-bottom: 1rem;
}

.blog-specn 
 .readmore {
    text-align: center;
    background: #5fbbc5;
    color: #fff;
}

.blog-specn > div > div {
    border: 1px solid #5fbbc5;
}

.blog-specn .page-header {
    margin-top: 3rem;
}
.item-page-specn {
    position: relative;
}

.item-page-specn .dolh {
    position: absolute;
    top: 15px;
    right: 0;
    text-transform: uppercase;
}
span.subheading-category {
    margin-bottom: 2rem;
    display: inline-block;
}
.tabl table {
    width: 100%;
}
.abouta {
    line-height: 24px;
}
.tabrab tr td {
    border: 1px solid;
    padding: 5px;
}
.tabrab {
    line-height: 25px;
}
.contactt {
    line-height: 25px;
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
ul.nav-child.unstyled.small {
        display: none;
    list-style: none;
    position: absolute;
    top: 31px;
    padding: 0px 15px;
    background: #007cd9eb;
    white-space: nowrap;
    color: #fff;
    transition: .7s;
    animation: fadeEffect 1s;
    padding-bottom: 10px;
}
li.item-102:hover .small {
    display: block;
}
li.item-103:hover .small {
    display: block;
}
li.item-120:hover .small {
    display: block;
}
ul.nav.nav-tabs.inkl li {
    display: table-cell;
    width: 1%;
    float: none;
    text-align: center;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #007cd9;
    border-color: #ffc560;
    color: #fff;
      min-height: 110px;
}
ul.nav-child.unstyled.small li {
    margin-top: 10px;
}
p.zag {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
}
.raz {
    line-height: 24px;
}
.naz {
    line-height: 24px;
}
.naz tr td {
    border: 1px solid;
    padding: 5px;
}
.blog h2 {
    font-size: 16px;
    text-align: center;
    font-weight: 700;
}
.blog > div {
    width: 31%;
    float: left;
    margin-right: 2rem;
    margin-bottom: 2rem;
}
.blog .readmore {
    text-align: center;
    background: #5fbbc5;
    color: #fff;
}
.blog p {
    padding: 5px;
}
.blog > div > div {
    border: 1px solid #5fbbc5;
    margin-top: 20px;
}
.pull-left.item-image img {
    padding-bottom: 10px;
    height: 245px;
    object-fit: cover;
}
.nav-tabs>li>a {
    background: #b1e8ee;
  min-height: 110px;
}
a.onas_btn:hover {
    color: #23527c;
}
.pos1_title h1 {
    font-size: 40px;
    margin: 1rem 0 9rem;
    font-weight: 700;
    color: #000;
}
.blog-gos .pull-left.item-image {
    width: 100%;
    clear: both;
    display: table;
    float: none;
}
.blog-gos .clearfix {
    margin-bottom: 20px;
    float: left;
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
}
.blog-gos .leading-0 {
    border: none !important;
}
.blog-gos .pull-left.item-image img {
    width: auto;
    max-height: 165px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.teacher1 img {
    float: right;
    margin-top: 5px;
    margin-left: 30px;
}
p.teacher {
    padding: 5px;
}
.blog-gos > div > div {
    border: none;
}
.blog-gos .clearfix .teacher {
    min-height: 300px;
}
section.block8 {
    margin-top: 30px;
}
footer#footer {
    margin-top: -35px;
}