:root {
  --main-color: #203F99;
  --main-text-color: #2F2B6F;
  --secondary-text-color: #6A88E0;
  --main-pink: #FFA3D8;
  --text-white: #FFF;
  --text-black: #3B3B3B;
}

@font-face { /* ExtraBold */
    font-family: 'Poppins-ExtraBold';
    src: url('https://cursuripentruparinti.ro/fonts/Poppins-ExtraBold.ttf') format('truetype'),
    font-weight: bold;
    font-style: normal;
}

@font-face { /*  */
    font-family: 'Poppins-Medium';
    src: url('https://cursuripentruparinti.ro/fonts/Poppins-Medium.ttf') format('truetype'),
}
@font-face { /*  */
    font-family: 'Poppins-Bold';
    src: url('https://cursuripentruparinti.ro/fonts/Poppins-Bold.ttf') format('truetype'),
}

@font-face { /*  */
    font-family: 'Poppins';
    src: url('https://cursuripentruparinti.ro/fonts/Poppins-Regular.ttf') format('truetype'),
}

body {
    padding-top: 0px !important;
}

.navbar-brand {
    padding-top: 0px;
}
.navbar {
    margin-bottom: 10px;
}

.navbar-toggle {
    background-color: var(--main-color);
    margin-top: 16px;
}

.navbar .navbar-nav {
  float: right !important;
  display: inline-block;
 /* float: none;*/
  vertical-align: top;
  padding-right: 30px;
}


.navbar .navbar-collapse {
  text-align: center;
}

#navbar {
  background-color: #203f99;
}

.navbar-collapse ul.nav {
    float: none !important;
}

.cart-button {
    position: relative; 
    float: right;
    padding: 9px 10px !important;
    margin-right: 0px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--main-color);
}

.cart-button span {
    font-size: 1em;
    margin-left: 3px;
}


.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.logo-samas {
    height: 90px;
}

.samas-home-dece {
    background-color: var(--main-pink);
}


.main-ul {
    background-color: #203f99;
}

.container_topmenu {
    padding: 10px;
}

.container_topmenu > div > div {
    padding: 0px;
}

.sep-tr-white {
    background-image: url(https://cursuripentruparinti.ro/images/background2@2x.png);
    height: 120px;
    background-position: center;
}



.samas-home-header {
    background-image: url(https://cursuripentruparinti.ro/images/samas-header-01@2x.png);
    min-height: 550px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.samas-home-header .row .col-md-6 {
    padding: 40px;
    margin-top:50px;
}

.big-title {
    font-family: 'Poppins-ExtraBold';
    font-weight: 800;
    font-size: 50px;
    color: var(--main-text-color); 
}

.section-title {
    font-family: 'Poppins-Bold';
    color: var(--text-white);
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 50px;
}

.sam-text {
    font-family: 'Poppins-Bold';
    font-size: 20px;
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 40px;;
}

.sam-button {
    background-color: #EC098C;
    color: white;
    font-family: Open sans;
    font-weight: bold;
    font-size: 20px;
    padding: 10px 30px 10px 30px;
    border-radius: 17px;
    border: none;
}

.img-why-odd-xs {
    display:none;
}
.img-why-odd-sm {
    display:block;
    width: 280px;
}

.img-why-even-xs {
    display:none;
}
.img-why-even-sm {
    display:block;
    float: right;
    width: 280px;
}

.box-why {
    font-family: 'Poppins';
    font-size: 16px;
    background-color: #fff;
    text-align: center;
    padding: 15px;
    margin: 0px;
    border: 1px solid #fff;
}

.box-odd {
    border-radius: 20px 0px 0px 20px;
}
.box-even {
    border-radius: 0px 20px 20px 0px;
}

.box-nr {
    font-family: 'Poppins-Bold';
    font-size: 35px;
    font-weight: 800;
    color: var(--text-white);
    line-height: 0.7em;
    padding-left: 10px;
    padding-top: 20px;
}



.pr0 {
    padding-right: 0px;
}
.pl0 {
    padding-left: 0px;
}
.mr0 {
    margin-right: 0px;
}
.ml0 {
    margin-left: 0px; 
}


.box_info_c1 {
    background-color: var(--main-color);
    text-align: center;
    padding: 13px;
    margin: 25px;
    border-radius: 20px;
}
.box_info_c1 img {
    width:100px;
}
.box_info_c1 h3 {
    font-family: 'Poppins-Bold';
    font-size: 25px;
    font-weight: 800;
    color: var(--text-white);
}
.box_info_c1 h4 {
    font-family: 'Poppins';
    font-size: 15px;
    font-weight: 400;
    color: var(--text-white);
}

.box_info_c2 {
    background-color: var(--main-pink);
    text-align: center;
    padding: 13px;
    margin: 25px;
    border-radius: 20px;
}

.box_info_c2 img {
    width:100px;
}
.box_info_c2 h3 {
    font-family: 'Poppins-Bold';
    font-size: 25px;
    font-weight: 800;
    color: var(--main-color);
}
.box_info_c2 h4 {
    font-family: 'Poppins';
    font-size: 15px;
    font-weight: 400;
    color: var(--main-color);
} 


.box-cursuri {
    font-family: 'Poppins';
    
} 
.curs-tab-1 h2, .curs-tab-2 h2 {
    color: var(--text-white);
    font-family: 'Poppins-Bold';
    font-weight: 800;
    padding: 15px;
}
.curs-tab-1 h4, .curs-tab-2 h4 {
    color: var(--text-white);
    font-family: 'Poppins';
    font-weight: 500;
    padding: 20px;
}

.curs-tab-2 {
    background-color: var(--main-pink);
    padding: 15px;
    min-height: 310px;
    cursor:  pointer;
}
.curs-tab-1 {
    background-color: var(--main-color);
    padding: 15px;
    min-height: 321px;
    cursor:  pointer;
}

.curs-tip-2 {
    background-color: var(--main-pink);
    padding-bottom: 30px;
}
.curs-tip-1 {
    background-color: var(--main-color);
    padding-bottom: 30px;
}
.curs-tip-2-box {
    background-color: var(--text-white);
    border-radius: 20px;
    padding: 20px;
    margin-top:30px;
}
.curs-tip-1-box {
    background-color: var(--text-white);
    border-radius: 20px;
    padding: 20px;
    margin-top:30px;
}
.curs-tip-1-box h2,.curs-tip-2-box h2 {
    color: var(--secondary-text-color);
}
.curs-tip-1-box h4,.curs-tip-2-box h4 {
    color: var(--text-black);
}
.curs-tip-1-box img,.curs-tip-2-box img {
    width:100%;
    border-radius: 20px 20px 0px 0px;
}
.curs-tip-1-box a,.curs-tip-2-box a {
    text-decoration: none;
}

.educatori .row {
    background-color: var(--main-color);
    color: var(--text-white);
    font-family: Poppins;
}

.btn-educatori {
    font-family: Poppins;
    border: 1px solid white;
    border-radius: 10px;
}

img.home-educatori {
    width: 60px;
}

.form-control {
    height:  28px;
}
#navbar ul {
    line-height: 1.4;
}

.panel_pink {
    background-color: var(--main-pink);
    font-family: Poppins;
    border-radius: 20px 20px 20px 20px;
    padding: 40px;
}

.panel_login h3{
    color:  var(--main-text-color);
    text-align:  center;
    font-family: Poppins;
    font-size: 26px;
    font-weight: bold;
}

.panel_pink .form-control {
    border-radius: 10px;
    height: 40px;
}

@media (max-width: 992px) {
    .logo-samas {
        height: 70px;
    }
    .samas-home-header {
        min-height: 250px;
        background-position: top;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .box_info_c1, .box_info_c2 {
        margin-left: 0px;
        margin-right: 0px;
    }

}

@media (max-width: 768px) {
    .big-title {
        font-size: 35px;
        padding-top: 200px;
    }
    .sam-hh2 {
        display: none;
    }
    .logo-samas {
        height: 50px;
    }
    .img-why-odd-xs {
        display: block;
        top: -30px;
        position: relative;
        width: 250px;
    }
    .img-why-even-xs {
        display: block;
        top: -30px;
        left: -30px;
        position: relative;
        width: 250px;
    }    
    .img-why-odd-sm, .img-why-even-sm, .box-nr, .sam-button {
        display: none;
    }
    .box-why {
        width: 250px;
        border-radius: 20px 20px 20px 20px;
        margin-bottom:50px;
    }

    .col-why {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ml0, .mr0, .pr0, .pl0 {
        margin: inherit;
        padding: inherit;
    }

    .samas-home-header .row .col-md-6 {
        padding: 40px;
        margin-top: 0px;
    }

     .box_info_c1, .box_info_c2 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .sep-tr-white {
        display: none;
    }

    .panel_login h3{
        font-size: 20px;
        font-weight: normal;
    }

    .navbar-brand {
        padding-top: 15px;
    }
    .navbar {
        min-height:  unset;
    }
    .container_topmenu {
        padding:  0px;
    }


}


@media (max-width: 468px) {

    .box-info {
        background-color: var(--main-pink);
    }
    .box_info_c1, .box_info_c2 {
        margin-left: -15px;
        margin-right: -15px;
        background-color: white;
        border-radius: 0px;
    }

    .box-info h3,.box-info h4 {
        color: var(--main-text-color);
        margin-top:2px;
    }
    .box-info img {
        position:relative;
        top: -25px;
    }

    .curs-tab-1 h2, .curs-tab-2 h2 {
        font-size: 22px;
    }

    .curs-tab-1 h4, .curs-tab-2 h4 {
        display: none;
    }
    .curs-tab-1, .curs-tab-2 {
        min-height: inherit;
    }
    .img_team_samas_hp {
        height: 75px !important;
        width: 75px !important;
    }
    .logo-samas {
        height: 45px;
        margin-top: 5px;
    }
    .nav-item-call span {
        display: none;
    }
}


@media (max-width: 400px) {
    .col-xs-offset-1 {
        margin-left: 10px !important;
    }
}

.bg-head-cursuri {
    background-image: url(../assets/images/bg-cursuri-block.jpg);
    background-repeat-y: repeat;
    background-position-x: center;
}

@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}