/* My CSS Start*/
@font-face {
    font-family: PT_Sans;
    src: url('../fonts/PT-Sans/PT_Sans-Web-Bold.ttf');
}

@font-face {
    font-family: BerlinerGroD;
    src: url('../fonts/BerlinerGroD/BerlinerGroD-DemiBold.otf');
}

@font-face {
    font-family: OpenSans;
    src: url('../fonts/Open_Sans/OpenSans-Regular.ttf');
}

@font-face {
    font-family: RobotoSlab;
    src: url('../fonts/Roboto_Slab/RobotoSlab-Regular.ttf');
}

@font-face {
    font-family: 'Aller Bold';
    src: url('../fonts/Aller/Aller_Bd.ttf');
}


@font-face {
    font-family: 'Aller Small';
    src: url('../fonts/Aller/Aller_Lt.ttf');
}


@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    src: url("../plugins/fontawesome/webfonts/fa-regular-400.eot");
    src: url("../plugins/fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../plugins/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("../plugins/fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("../plugins/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("../plugins/fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

a {
    transition: 500ms All;
}

body {
    background-color: white;
    font-family: "Aller Small";
    font-size: 12.5pt;
}

h1, h2, h3,h4 ,h5 {
    font-family: "Aller Bold";
    color: rgb(23,67,111);
}

h1 {
    margin-bottom: 25px;
}


h3 {
    font-size: 20px;
    line-height: 20px;
}


h6 {
    font-size: 14px;
    line-height: 14px;
}

.logo img {
    padding: 15px 20px;
    max-height: 100px;
}

.nav-bg {
    background-color: white;
}

.navbar-da {
    border: 0;
    margin-bottom: 0;
}

.navbar-fixed-top {
    border: 0;
}

.navbar-nav {
    margin: 30px 10px;
    margin-right: 0;
}

.navbar-nav li a {
    padding: 10px 25px;
    color: rgb(23,67,111);
}

.navbar-nav a:hover {
    color: rgb(72,177,91);
    background-color: transparent !important;
}

.navbar-right > li > a {
    padding: 10px 5px;
    position: relative;
    display: inline-block;
}

.navbar-right {
    margin: 25px 30px;
}

.navbar-right li .btn-da {
    padding-left: 15px;
    padding-right: 15px;
}


.navbar-right li {
    margin: 0 10px;
}

.nav .socials i {
    transition: 500ms All;
    font-size: 32px;
    color: rgb(72,177,91);
}

.nav .socials i:hover {
    color: rgba(72,177,91, 0.6);
}

.navbar-right .contact {
    margin-top: 5px;
    color: #aaa;
}

.contact .btn-call {
    background-color: rgb(72,177,91);
    border-radius: 0;
    color: white;
}
.contact .btn-call-i{
    background-color: rgba(72,177,91, 0.6);
    border-radius: 0;
    color: white;
}
.contact .btn-call-i:hover{
    background-color: rgba(72,177,91, 0.6) !important;
    border-radius: 0;
    color: white;
}
.contact:hover {
    box-shadow: 0px 0px 10px 0px rgba(72,177,91, 0.3);
}
.contact .btn-call:hover {
    background-color: rgb(72,177,91) !important;
    color: white;
}

#content {
    color: rgb(26, 26, 26);
}

.no-padding {
    padding: 0 !important;
}

.big-padding {
    padding: 0 30px !important;
}


.slider {
    height: 650px;
}
.slider div {
    height: 100%;
}
.slider .fill {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#services-slider {
    margin: 50px 0;
    height: 350px;
}

#services-slider a{
    color: white;
}

#services-slider i{
    color: rgb(72,177,91);
}

#services-slider div {
    height: 100%;
}

#services-slider li {
    font-size: 14px;
}

#services-slider .fill {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.carousel-indicators-service {
    padding-left: 0;
    list-style: none;
}

.carousel-indicators-service li {
    cursor: pointer;
    padding-left: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 3px solid #ccc;
}

.carousel-indicators-service .active {
    color: rgb(72,177,91);
    border-left: 3px solid rgb(72,177,91);
}

.carousel-indicators-wrapper h3{
    padding-left: 50px;
    margin-top: 5px;
}

#services-slider .service-text h4 {
    color: white;
}

#services-slider .service-text {
    font-size: 14px;
    padding: 35px;
    color: white;
    background-color: rgb(23,67,111);
}

.slider .slider-foreground {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAD0lEQVQImWNgQAX/yeAAAIHCA/0RE2WAAAAAAElFTkSuQmCC);
    z-index: 2;
    opacity: 0.3;
}

.slider .slider-text {
    line-height: 650px;
    color: white;
    text-align: center;
    font-size: 40pt;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 3;
}

.slider .slider-text span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.slider .slider-text span a {
    color: white;
}

.buttons-wrapper {
    height: 100%;
    text-align: center;
}

.greenbuttons {
    height: 100%;
    margin-bottom: 20px;
}

.greenbuttons > div {
    height: auto!important;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}


.greenbuttons a{
    width: 110px;
    vertical-align: middle;
    height: 110px;
    display: inline-block;
    color: white;
    margin: 0 15px;
    background-color: rgb(72,177,91);
    box-shadow: 0 0 15px rgb(72,177,91);
    padding: 15px;
    padding-top: 25px;
    line-height: 55px;
}

.greenbuttons a:hover{
    text-decoration: none;
}

.greenbuttons a i, .greenbuttons a em {
    display: block;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.boxRow .height-100 {
    position: relative;
    height: 100%;
}

.rowBgImage {
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.light_grey {
    background-color: rgb(245,245,245);
}

.input-placeholder {
    margin-bottom: 20px;
    position: relative;
}
.input-placeholder input {
    border-radius: 0;
    padding: 10px;
    font-size: 16px;
    height: auto;
}
.input-placeholder textarea {
    border-radius: 0;
    padding: 10px;
    font-size: 16px;
    height: auto;
}

.placeholder {
    line-height: 16px;
    position: absolute;
    pointer-events: none;
    top: 0;
    height: 16px;
    bottom: 0;
    font-size: 16px;
    left: 25px;
    margin: auto;
    color: #ccc;
}

.placeholder-textarea {
    line-height: 16px;
    position: absolute;
    pointer-events: none;
    top: 15px;
    height: 16px;
    bottom: 0;
    font-size: 16px;
    left: 25px;
    color: #ccc;
}

.input-placeholder i{
    padding-right: 5px;
}

.contactText {
    position: relative;
    color: white;
    vertical-align: bottom;
}

.contactText .row {
    position: relative;
    bottom: 0;
}

.contactBoxes {
    padding-left: 80px;
    padding-right: 80px;
    height: 100%;
}

#contact-form {
    width: 100%;
}

.contactText-wrapper {
    position: relative;
    bottom: 20px;
}

.btn-contact {
    padding: 9px 16px;
    font-size: 16px;
    border-radius: 0;
    color: white;
    background-color: rgba(255,255,255,0.3);
}

.btn-contact:hover {
    color: #48B15B;
    background-color: white;
}

.green_bg {
    background-color: #48B15B;
}

footer {
    font-size: 14px;
    color: white;
    padding: 20px 0 ;
    background-color: rgb(23,67,111);
}

footer a{
    color: white;
}

footer a:hover{
    color: rgb(72,177,91);
}

.bottom-right-fixed {
    z-index: 2000;
    position: fixed;
    bottom: 40px;
    right: 40px;
}

.go-to-top-show {
    opacity: 1!important;
}

.bottom-right-fixed a{
    transition: 500ms All;
    opacity: 0;
    color: rgba(72,177,91, 0.9);
}

.bottom-right-fixed i{
    border-radius: 100%;
    background-color: white;
}

.margin-top-20 {
    margin-top: 22px;
}

.greenlineleft {
    border-left: 4px solid rgb(72,177,91);
    margin-bottom: 60px;
    height: auto!important;
}
 
.changeLanguage .actLanguage img{
    box-shadow: 0px 0px 2px 2px rgb(72,177,91);
    margin: 0 5px;
}

.changeLanguage img{
    box-shadow: 0px 0px 3px 0px rgb(20,20,20);
}

.navbar-right .changeLanguage > a {
    padding: 15px 5px;
    padding-top: 20px;
    display: inline-block;
}

.navbar-right .changeLanguage > a:hover, .navbar-right .changeLanguage > a:focus {
    background-color: white;
}

.height100, .height100 div{
    height: 100%;
}





@media (min-width: 576px) { 

}

@media (min-width: 768px) { 
.navbar  .container {
    width: 1370px;
}
}

@media (min-width: 992px) { 
.navbar  .container {
    width: 1370px;
}
}

@media (min-width: 1200px) { 
.navbar  .container {
    width: 1370px;
}
}