/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
li a{font-size: 14px !important}
p, li {font-size: 1.15rem;}
h1{color: #fff;}
.text-medium{text-transform: uppercase;  margin-top: 10px;    font-weight: 600;    margin-bottom: 10px;}

#header .header-inner #logo a .logo-default{display: initial}
#header .header-inner #logo a{letter-spacing: 1px !important}
.blue{color: #2250fc !important}
.black{color: #0A0A00 !important}

#topbar .top-menu > li{font-size: 14px}

.focim{background: #333}
.focim h1{color: #fff; font-size: 20px; padding: 15px 0; font-weight: normal;}
.lead5{margin-bottom: 20px}

.inspiro-slider .slide{background-position: 50% 57%;}
.inspiro-slider .slide .slide-captions h1{line-height: 68px;}
.hero-heading-2{background-color: rgba(255,255,255,0.85);}
.hero-heading-2 h3,
.hero-heading-2 .m-b-0 a{color: #2250fc !important}
.hero-heading-2 .m-b-0 a:hover{color: #0A0A00 !important}
.hero-heading-2 h1{color: #333 !important}
.hero-heading-2 p{color: #555 !important}

.services{background-color: #f2f2f2;}
.serviciu{background: #fff; margin: 10px; padding:0 0 10px 0; width: 31% !important; text-align:left}
.serviciu img{margin-bottom: 20px}
.serviciu h3{margin: 0 20px;}
.serviciu p{margin: 20px; font-size: 16px;}
.serviciu .btn{margin: 10px 0 20px 20px}

/*
.servicii .services{background-color: #fff;}
.servicii .call-to-action{margin:0}
.servicii .serviciu{text-align: center; padding-bottom: 20px}
.servicii .serviciu .btn{margin: 0}
.servicii .serviciu h3{margin: 0 20px 20px 20px;}
.servicii p{margin: 20px 0}
*/
.servicii .call-to-action{margin:0}
.servicii .call-to-action a{color: #fff}
.servicii .text-medium{font-size: 1.78571429em !important; line-height: 1.5em; font-weight: normal; text-transform: initial;}
.servicii #footer{background-color: #fff;}

.szolgaltatas .call-to-action{margin:0}
.szolgaltatas .call-to-action a{color: #fff}
.szolgaltatas section{padding: 20px 0}
.szolgaltatas .text-medium{font-size: 1.78571429em !important; line-height: 1.5em; font-weight: normal; text-transform: initial;}

.call-to-action{margin-bottom: 0;}
.call-to-action .call-to-action-colored{margin-top: 1px; margin-bottom: 0;}
#form-submit{background: #0A0A00; margin-top: 20px; width: 100%; padding: 20px 0; font-size: 1rem;}
form label{font-size: 1rem; margin-top: 25px}

#topbar{background: #eee}

.despre-noi .call-to-action a {color: #fff}
.despre-noi > div > section > div > div.col.col-sm-6 > h3{margin-bottom: 40px !important;}
.despre-noi > div > section > div > div.col{float: left !important}
.despre-noi > div > section > div > div.col.col-sm-6 {padding-right: 40px}
.despre-noi .text-medium{font-size: 1.78571429em !important; line-height: 1.5em; font-weight: normal; text-transform: initial;}

.contact h3{margin-right: 40px}
.contact .text-medium{font-size: 1.78571429em !important; line-height: 1.5em; font-weight: normal; text-transform: initial;}
.contact > div > section > div > div.col {float: left !important}
.contact .call-to-action a{color: #fff}


#footer{background-color: #f1f1f3;}
#footer .copyright-content{background-color: #1e2022; color: #fff}


@media screen and (max-width: 767px) {
    .container{padding: 0 20px}
    section{padding: 40px 0}
    #form-submit {padding: 7px 15px; height: auto !important}
    .call-to-action{margin-bottom: 0;}
    .call-to-action a{font-size: 14px}
    h1{font-size: 22px !important}

    .focim {text-align: center;}
    .focim h1{font-size: 20px; padding: 10px 0; }

    .serviciu{width: initial !important; margin:0 0 20px 0}
    .serviciu h3{font-weight: 600}

    .inspiro-slider .slide .slide-captions h1{font-size: 18px;}
    .inspiro-slider .slide .slide-captions h1{line-height: 45px;}
    .inspiro-slider .slide .slide-captions p{font-size: 14px}
}