body {
    font-family: 'Open Sans', serif;
    color: #333333;
    overflow-x: hidden;
    font-size: 14px;
    background-color: #f4f4f4;
}

a {  text-decoration: none !important;  }

section{padding: 45px 0}
section .section-title{ font-size: 30px; padding-bottom: 10px; margin-bottom: 20px; line-height: 1.2em; color: #964f69; font-weight: 700; text-transform: uppercase; text-align: center}

.container{max-width: 990px}

h1, .h1{font-size: 36px; font-weight: 400; margin-bottom: 10px; margin-top: 10px;}
h2, .h2{font-size: 30px; font-weight: 400; margin-bottom: 10px; margin-top: 10px;}
h3, .h3{font-size: 24px; font-weight: 400; margin-bottom: 10px; margin-top: 10px}
h4, .h4{font-size: 20px; font-weight: 400; margin-bottom: 10px; margin-top: 10px}
h5, .h5{font-size: 18px; font-weight: 400; margin-bottom: 10px; margin-top: 10px}
h6, .h6{font-size: 16px; font-weight: 400; margin-bottom: 10px; margin-top: 10px}

.t-u{text-transform: uppercase}
.mb-10{margin-bottom: 10px}
.mb-15{margin-bottom: 15px}
.mb-20{margin-bottom: 20px}
.mb-25{margin-bottom: 25px}
.mb-30{margin-bottom: 30px}
.mb-40{margin-bottom: 40px}
.mb-50{margin-bottom: 50px}
.mb-60{margin-bottom: 60px;}
.mb-100{margin-bottom: 100px}
.mt-0{margin-top: 0;}
.mt-10{margin-top: 10px}
.mt-20{margin-top: 20px}
.mt-30{margin-top: 30px}
.mt-40{margin-top: 40px}
.mt-50{margin-top: 50px}
.mt-100{margin-top: 100px}
.mr-10{margin-right: 10px;}
.l-h-1em{line-height: 1em;}
.l-h-12em{line-height: 1.2em;}
.l-h-14em{line-height: 1.4em;}
.l-h-18em{line-height: 1.8em;}
.color-orange{color: #ff744d}
.color-white{color: #fff}
.pr{position: relative}
.bg-white{background-color: #fff; display: inline-block; padding: 1px 5px;}

.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-24{font-size: 24px;}
.extra{font-weight: 900}

.social a{font-size: 36px; color: #89c62f }
.social a:hover{color: #1f1b48}
.btn-top{background-color: #b8995e; color: #fff; border-radius: 4px; box-shadow: 0 3px  5px rgba(0,0,0,0.2); padding: 10px 35px; font-size: 18px; }
.box-btn{margin-top: 10%}

.header{ padding: 10px 0 10px 0; background: url(../images/header-bg.png) center; background-size: cover; margin-bottom: 20px; }
.header .logo{margin:0;}
.header .logo span{display: block; max-width: 243px; font-size: 20px; color: #89c62f; font-weight: 700; text-transform: uppercase; text-align: center}
.header.navbar-fixed-top{padding: 10px; z-index: 99999}
.header.navbar-fixed-top .logo img{height: 100px;}
.navbar-fixed-top .logo  span{font-size: 15px; max-width: 136px;}
.hb{min-height: 149px;}
.slogan{color: #fff; line-height: 1.2em; text-align: center; margin-top: 30px;}
.slogan .c{font-size: 30px; line-height: 1.2em; font-weight: 300; }
.slogan .cc{font-size: 20px; font-weight: 300; color: #fff; text-align: center; line-height: 1.2em; padding-top: 20px;}
.slogan .d{font-size: 30px; font-weight: 700; text-transform: uppercase; text-align: center; margin-bottom: 20px;}
footer .slogan{margin-top: 5px;}

.phone-right {text-align: right; margin-top: 10px; margin-bottom: 29px;}
.phone-right>div{display: block; margin: 0 10px;}
.phone-right .phone a{font-size: 18px; line-height: 1.2em; color: #89c62f; font-weight: 700}
.phone-right .mail a{font-size: 18px; line-height: 1.2em;  color: #89c62f; font-weight: 600}
.navbar-fixed-top  .phone-right {margin-top: 10px; margin-bottom: 25px;}

.navbar{margin-bottom: 0; min-height: 40px;}
.navbar-default{background-color: transparent; border: none}
.navbar-nav > li > a{padding: 10px;}
.navbar-default .navbar-nav > li > a{color: #1f1b48; font-size: 14px; font-weight: 600; text-transform: uppercase;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
background-color: transparent;
    color: #89c62f
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #89c62f}

.slider-section{padding: 0;}
.slider .st{background-color: rgba(0,0,0,0.5); color: #fff; display: block; position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; font-size: 20px; text-transform: uppercase;}
.widget .w-title{font-size: 16px; font-weight: 600; padding: 5px 0; margin-bottom: 10px; border-bottom: 1px solid #f5f5f5; position: relative; text-transform: uppercase;}
.widget .w-title:before{content: ""; width: 50px; height: 3px; background-color: #89c62f; position: absolute; left: 0; bottom: -2px; display: block;}
.widget .w-title span{}
.a1{position: absolute; top: -95px; left: 28%}
.home{padding: 60px 0;}
.stii{font-size: 18px; color: #555555; position: relative }
.stii h1{font-size: 28px; color: #2c0e66; font-weight: 800 ; margin-bottom: 25px;}
.stii h2{font-size: 24px; color: #2c0e66; font-weight: 800 ; margin-bottom: 25px;}
.stii h3{font-size: 18px; color: #2c0e66; font-weight: 800 ; margin-bottom: 25px;}
.stii p{font-style: italic; margin-bottom: 0px;}
.stii h6{font-size: 24px; color: #82bd2d; text-transform: uppercase; font-weight: 700; text-align: right}

#parteneri .item{ padding: 15px;}
.contacte{padding-top: 0;}
.contacte h1{ font-weight: 700}
.contacte-row{font-size: 18px; line-height: 1.3em; font-weight: 300; margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; padding-bottom: 20px;}
.map{height: 250px;}
.r1{position: absolute; top: -70px; left: -70px;}

h2.title{font-size: 24px; font-weight: 800; text-transform: uppercase; color: #85be2c; text-align: center; margin-bottom: 30px;}

.sc1{background: url(../images/sc2-bg.jpg) no-repeat center; background-size: cover}
.sc1 .box{display: flex; flex-direction: row;  flex-wrap: wrap }
.sc1 .box>div{display: inline-block; aling-items: flex-start; width: 33%; text-align: center; margin-bottom: 30px; border: 1px solid transparent;}
.sc1 .box>div:hover{border: 1px solid #c1ddba; background-color: #fff }
.sc1 .box>div p{font-size: 18px; color: #4d4d4d; text-transform: uppercase; padding-top: 5px; font-weight: 600; line-height: 1.2em;}


.titem{border: 1px solid #ebebeb; background-color: #f6f6f6; padding: 15px; text-align: center; margin: 0 15px 30px 15px; position: relative}
.titem:before{ background: url(../images/qq.png) no-repeat; width: 38px; height: 44px; left: 15px; top: 30px; content: ""; position: absolute}

.a3{position: absolute; left: 86px ; top: -24px}
.a4{position: absolute; left: 50% ; top: -33px; z-index: 2}
.z-9{z-index: 9;position: relative}
.titem h3{font-size: 18px; color: #494949; font-weight: 600; position: relative; padding-bottom: 15px; margin-bottom: 15px;}
.titem h3:before{content: ""; height: 1px; width: 60px; margin-left: -30px; left: 50%; bottom: 0; position: absolute; background-color: #85be2c}

.owl-controls .owl-nav>div{position: absolute;  top: 50%; margin-top: -30px;}
.owl-controls .owl-prev{left: -30px; background: url(../images/owl-left.png) no-repeat;  width: 29px; height: 58px;}
.owl-controls .owl-next{right: -30px; background: url(../images/owl-right.png) no-repeat;  width: 29px; height: 58px;}

.pentru{background: url(../images/sc2-bg.jpg) no-repeat center; background-size: cover}
.pentru .item {text-align: center; margin-bottom: 30px;}
.pentru .item p{font-size: 21px; color: #515151; font-weight: 600; line-height: 1.2em; padding-top: 20px;}

.contor{padding-top: 30px;}
.contor .pina{font-size: 16px; text-align: center;font-weight: 300; margin-bottom: 0}
.countdown{text-align: center; font-size: 40px; line-height: 38px; color: #2e0f6b}
.countdown>span{display: inline-block;   height: 38px; line-height: 38px; font-size: 38px; font-weight: 700; color: #2e0f6b; padding: 0px 0; margin: 0px;}
.countdown>span>em{display: block; font-weight: 300; font-size: 18px; line-height: 18px; font-style: normal;}


.btn-cool{background-color: #e8702e; font-size: 26px; color: #fff; text-transform: uppercase; font-weight: 700;  border-radius: 7px; padding: 7px 30px;}
.btn-cool:hover{color: #fff}

.sispune{margin: 5px 0 15px 0; text-align: center}
.sispune > span{font-size: 22px; color: #fff; font-weight: 300; margin-right: 30px; vertical-align: middle}

.a2{position: absolute; right: 10px; bottom: -23px; z-index: 9 }
.formular{ border-radius: 1px; padding: 35px; margin-left: 20px; background-color: #f1eff7;  position: relative; }
.formular h3{font-size: 28px; color: #000; text-align: center; margin-bottom: 30px;}
.formular .input{margin-bottom: 25px;}
.formular .input input{border: none; width: 100%; height: 36px; border-radius: 4px; background-color: #fff; color: #000; padding: 5px 10px; font-size: 18px; font-weight: 300 }
.formular .form-control{border-radius: 4px; background-color: #fff; height: 32px; padding: 5px 10px;}
.but_form{background-color: #e8702e; font-size: 20px; font-weight: 800; border-radius: 4px; color: #fff; padding: 0px 30px; min-width: 250px; text-align: center; position: relative; z-index: 9999}
.reg_body{margin-bottom: 15px;}
.but_form2{background-color: #e8702e; font-size: 18px; font-weight: 400; text-transform: uppercase; border-radius: 4px; color: #fff; padding: 0px 30px; min-width: 250px; text-align: center; position: relative; z-index: 9999}
.reg{position: relative}
.btn-my-2{background-color: #e8702e; font-size: 16px; font-weight: 800; border-radius: 4px; color: #fff; padding: 0px 15px;  text-align: center; position: relative; z-index: 9999}
.blog{background-color: transparent; padding: 0 0 30px 0}
.blog .blog-item{margin-bottom: 30px; border-bottom: 2px solid #5f5f5f; background-color: #fff; }
.blog .blog-item .body{padding: 20px;}
.blog .blog-item .blog-title{font-size: 22px; font-weight: 600; color: #85be2c; margin-top: 0}
.blog .blog-item .date{font-size: 13px; color: #cacaca; margin-bottom: 15px; font-style: italic; }
.blog .blog-item .description{font-size: 16px; line-height: 1.3em; color: #5f5f5f; font-weight: 400; margin-bottom: 20px;}
.blog .blog-item .description img{max-width: 100%}
.last h3{border-bottom: 1px solid #85be2c; margin-bottom: 20px; }
.last h3 span{background-color: #85be2c; color: #fff; font-size: 20px; font-weight: 500; padding: 7px 10px 7px 7px; text-transform: uppercase; display: inline-block}
.item-last .blog-title{font-size: 18px; font-weight: 500; color: #85be2c; margin-bottom: 10px;}
.item-last .date{font-size: 13px; color: #cacaca; margin-bottom: 15px; font-style: italic;}
.item-last .media{margin-bottom: 10px;}


.blog-recent{list-style: none; margin: 0; padding: 0;}
.blog-recent li{margin-bottom: 10px; border-bottom: 1px solid #f5f5f5; padding-bottom: 5px;}
.blog-recent li a{font-size: 16px; color: #000; line-height: 1.2em;}
.blog-recent li a:hover{color: #85be2c}
.blog-recent li .date{font-size: 12px; font-style: italic;}

.breadcrumb li a{color: #5f5f5f}
.breadcrumb li.active a{color: #85be2c}

footer{background-color: #5f5f5f; padding: 10px 0; border-bottom: 10px solid #85be2c}
footer .contacte-jos{font-size: 16px; text-align: right}
footer .contacte-jos a{color: #fff;}
.logo-jos img{width: 140px;}
.copyr{text-align: left; color: #fff; font-size: 14px; }
.copyr a{color: #fff; text-decoration: underline}
.paralax{background: url(../images/sc2-bg.jpg) no-repeat center; background-size: cover; margin: 4% 0}
.success{ padding: 20px 0; text-align: center}
.m1{font-size: 42px; color: #89c62f; font-weight: 700; margin: 40px 0}

#pop span{width: 20px; height: 20px; position: absolute; left: 0; top: 0; background-color: #fff; border-radius: 50%; color: #000; text-align: center; cursor: pointer}

.modal-dialog{padding-top: 10%}
.modal .modal-content{background: url(../images/bg-pop.jpg); }
.my-text{padding: 20px; text-align: center; font-size: 18px; color: #4d4d4d}
@media (max-width: 768px) {
.logo{text-align: center;}
    .phone-right{text-align: center; }
    .home-wrapper h1{font-size: 25px; line-height: 1.2em;}
    .formular{margin-left: 0;}
    .but_form{font-size: 22px;}

    .stii{padding-left: 0; text-align: center; padding-top: 70px;}
    .stii img{left: 50%; margin-left: -30px;}
    .dt-list li{font-size: 20px;}
    .data{font-size: 28px;}
    .data span{font-size: 26px;}
    .comp{font-size: 24px; margin-bottom: 15px;}
    .comp span{font-size: 26px;}

    h2.title{font-size: 26px;}
    .btn-cool{font-size: 16px;}

    .box-detalii{margin-left: 0}
    .slogan .d{line-height: 1.2em;}
    .sc1 .box > div{width: 50%}
    .sc1 .box > div img{max-width: 100%;}
    .sc1 .box > div p{font-size: 16px;}
    .stii img{left: 20%; top: -72px;}

}