/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/*@font-face {

    font-family: 'montserrat-medium';

    src: url('../fonts/montserrat-medium-webfont.woff') format('woff'),

         url('../fonts/montserrat-medium-webfont.woff2') format('woff2');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'montserrat-light';

    src: url('../fonts/Montserrat-Light.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'montserrat-semi-bold';

    src: url('../fonts/Montserrat-SemiBold.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'montserrat-regular';

    src: url('../fonts/Montserrat-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'montserrat-bold';

    src: url('../fonts/Montserrat-Bold.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'ubuntu-bold';

    src: url('../fonts/ubuntu-b-webfont.woff2') format('woff2'),

         url('../fonts/ubuntu-b-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

} */







input:focus, button:focus {

    outline:none;

}



.clear{

    clear: both;

}

header{

    position: fixed;

    width: 100%;

    z-index: 99992;

}



/*-------INFO SECTION---*/





.info-section{

    background: rgba(255,255,255,1);
    height:40px;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;

}
.appear{
    height: 40px !important;
    -webkit-transition: height 0.9s;
    -moz-transition: height 0.9s;
    transition: height 0.9s;
}

.phone, .mail{

    float: left;

    padding: 10px 15px 0 0 ;

}

.phone img, .mail img{

    padding-right: 5px;

}

.phone img, .phone p, .mail img, .mail p{

    display: inline;

}

.phone p, .mail a{

    /*font-family: 'montserrat-medium';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 500;

    font-size: 14px;

    color: #008bd4;

    transition: color 0.2s ease-in;

}

.mail{

    margin-top: 6px;

}

.mail a:hover{

    text-decoration: none;

    color: #000000;

}

.languages, .utile{

    float: right;

}

.languages{

    display: inline-block;

    padding: 10px 80px 0 0px;

}

.languages ul li{

    float: left;

    margin-right: 5px;

}

.languages ul li a{

    padding-right: 5px;

    color: #008bd4;

    /*font-family: 'montserrat-bold';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 700;

    transition: color 0.2s ease-in;

}

.languages ul li:hover a{

    text-decoration: none;

    color: #000000;

}

.languages ul li:nth-child(1) a:after, .languages ul li:nth-child(2) a:after{

    content: '';

    background: url(/assets/public/hrcc/images/bar.png);

    background-repeat: no-repeat;

    height: 12px;

    width: 3px;

    display: inline-block;

    margin-left: 5px;

}

.utile{

    display: inline-block;

    padding: 10px 0px 0 0px;

}

.utile a{

    display: inline-block;

    padding-right: 10px;

}



/*-------END INFO SECTION---*/



/*-------MENU SECTION---*/

.menu-container{

    background: #008bd4;

}



.menu-container .container img{

    display: inline-block;

    max-width: 229px;

    vertical-align: middle;

}

.menu{

    display: inline-block;

    margin: 0;

    margin-left: 17px;

}

.menu li{

    display: inline-block;

    padding: 25px 5px;
    -webkit-transition: padding 0.5s;
    -moz-transition: padding 0.5s;
    transition: padding 0.5s;


}
.scrolled .menu li {
    padding: 18px 5px;
}

.menu li:nth-child(-n+5):after{

    content: '';

    background: url(/assets/public/hrcc/images/white-bar.png);

    background-repeat: no-repeat;

    height: 13px;

    width: 2px;

    display: inline-block;

    margin-left: 5px;

}

.menu li:nth-child(7):after{

    width: 0px;

}

.menu li a{

    color: #ffffff;

    /*font-family: 'montserrat-light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;

    font-size: 14px;

    vertical-align:top;

    transition: color 0.2s ease-in;

}

.menu li:hover a{

    text-decoration: none;

    color: #000000;   

    cursor: pointer; 

}

.menu li:nth-child(7){

    background: #d23245;
    

}

a.boldedFont{
    /*font-family: 'montserrat-semi-bold' !important;*/
    font-family: "Open Sans", sans-serif !important;
    font-weight: 600;
}

.red-line{

    display: block;

    height: 5px;

    background: #d23145;

}

.blue-line{

    display: block;

    height: 5px;

    background: #008bd4;

}

/*-------END MENU SECTION---*/



/*-------SLIDER SECTION---*/

#owl-demo .item img{

    display: block;

    width: 100%;

    height: auto;

}

.owl-nav{

    position: absolute;

    top: 350px;

    width: 100%;

}

.owl-prev{

    float: left;

    margin: 0 !important;

    padding: 8px 18px 8px 10px !important;

    border-radius: 0 !important;

    background: rgba(0, 139, 212, 0.8) !important;

    /*mix-blend-mode: multiply !important;*/

}

.owl-next{

    float: right;

    margin: 0 !important;

    padding: 8px 10px 8px 18px !important;

    border-radius: 0 !important;

    background: rgba(0, 139, 212, 0.8) !important;

    /*mix-blend-mode: multiply !important;*/

}

.owl-text-overlay   {

  position: absolute;

  width: 70%;

  top: 12%;

  left: 0;

  color: #000000;

  /*background: -webkit-linear-gradient(left, rgba(255,255,255,0.9),rgba(255,255,255,0.9),rgba(255,255,255,0.9),rgba(255,255,255,0.9),rgba(255,255,255,0.9),rgba(255,255,255,0.9), rgba(255,255,255,0));*/


  /*background: rgba(255, 255, 255, 0.8);*/

}

.evenim.owl-text-overlay{

  position: absolute;

  width: 70%;

  top: auto;

  bottom: 10%;

  left: 0;

  color: #000000;

  background: -webkit-linear-gradient(left, rgba(255,255,255,0.9),rgba(255,255,255,0.9),rgba(255,255,255,0.9),rgba(255,255,255,0.9),rgba(255,255,255,0.9),rgba(255,255,255,0.9), rgba(255,255,255,0));

}

.owl-logo{

    max-width: 105px;

    display: inline !important;

    margin-right: 20px;

    padding: 10px 0;

    margin-left: 29%;

}

.txt1, .txt2{

    display: inline;

    position: absolute;

    /*font-family: 'montserrat-bold';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 700;





}

.txt1{

    top: 22px;

    color: #d0112b;

    text-decoration: none;

    /*font-family: 'montserrat-semi-bold';*/

    font-family: "Open Sans", sans-serif;
    font-weight: 600;

    font-size: 18px;

    transition: color 0.2s ease-in;

}

.txt1:hover{

    color: #008bd4;

    text-decoration: none;

    cursor: pointer;

}

.txt2{

    top: 64px;

    color: #d0112b;

    text-decoration: none;

    font-family: 'montserrat-semi-bold';

    font-family: "Open Sans", sans-serif;
    font-weight: 600;

    font-size: 16px;

    transition: color 0.2s ease-in;

}

.txt2:hover{

    color: #008bd4;

    text-decoration: none;

    cursor: pointer;

}

#slider {
    padding-top: 40px;
}

/*-------END SLIDER SECTION---*/





/*-------BOXES SECTION---*/

.box-wrapper{

    position: relative;

    top: -65px;

    z-index: 1;

}

.box a {

    display: block;

    text-decoration: none;

}

.centeredBox{

    /*font-family: 'montserrat-regular';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 400;

    text-align: center;

    background: #008bd4;

    padding: 15px 30px;

    text-decoration: none;

    color: #ffffff;

}

.box img{

    width: 100%;

}

.arrDown{

    background: #008bd4;

    text-align: center;

    padding: 6px 0 2px 0;

    margin-top: -3px;

}

.arrDown img{

    max-width: 25px;



}

/*-------END BOXES SECTION---*/







/*-------INTERVIU LUNII---*/



.interviu{

    background-size: cover;

    

}

.interviu-texte{

    display: block;

    width: 50%;

    margin: 0 auto;

    text-align: center;

    float: right;

}

.interviuTitlu{

    /*font-family: 'montserrat-regular';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 400;

    font-size: 80px;

    padding-top: 90px;

    padding-bottom: 65px;

    color: #333333;

}

.interviuNume{

    /*font-family: 'montserrat-bold';*/

    font-family: "Open Sans", sans-serif;
    font-weight: 700;

    font-size: 30px;

    color: #333333;

    padding-bottom: 23px;

}

.interviuReprezentant{

    /*font-family: 'montserrat-regular';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 400;

    font-size: 23px;

    color: #333333;

    padding-bottom: 23px;

}

.interviuFirma{

    /*font-family: 'montserrat-semi-bold';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 600;

    font-size: 23px;   

    color: #333333;

    padding-bottom: 70px;

}
.interviuContainer p{
   font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #3e3e3e;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
}
.int-li li{
    list-style: disc;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #3e3e3e;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px 10px 3px;
    margin-left: 50px;
}

.btn-center{

    width: 100%;

    text-align: center;

    padding-bottom: 125px;

}

.btn-interv{

    padding: 8px 60px;

    /*font-family: 'montserrat-regular';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 400;

    font-size: 24px;

    border: 2px solid #333333;

    background: transparent;

    color: #333333;

    text-decoration: none;

    transition:color 0.2s ease-in;

}

.btn-interv:hover{

    text-decoration: none;

    color: #008bd4;

}



/*-------END INTERVIU LUNII---*/







/*-------SERVICII---*/

.servicii{

    padding: 100px 0;

}

.servicii a{

    display: block;

    text-align: center;

    text-decoration: none;

}



.servicii p{

    transition: color 0.2s ease-in;

}

.servicii a:hover p{

    text-decoration: none;

    color: #008bd4;

}

.serviciiText{

    text-align: center;

    padding: 30px 0;

    /*font-family: 'montserrat-regular';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 400;

    font-size: 23px;

    color: #333333;

    text-transform: uppercase;

}

.logo div{

    width: 50% !important;

}

/*-------END SERVICII---*/





/*-------FOOTER---*/

footer{

    background: #16216a;

}

.copy, .made{

    color: #ffffff;

    /*font-family: 'montserrat-bold';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 700;

    font-size: 14px;

    padding:40px 0;

}
.made:hover{
    cursor: pointer;
}
.mobile-nav, .mobile-menu{

    display: none;

}

.clear.hideOnLargeDevices{

    display: none;

}



/*-------END FOOTER---*/





/*-------PAGINA EVENIMENTE---*/

.relative{

    position: relative;

}

img.owl-img.evenimente{
    position: relative;
    width: 100%;
}

@media only screen and (min-width: 900px) {
    img.owl-img.evenimente{
        top: 110px;
        margin-bottom:110px;
    }
}

.red-line.evenimente{

    margin-top: -3px;

}

.eventContainer{

    display: block;

    background: #f7f7f7 url(/assets/public/hrcc/images/greek-flag.png) no-repeat;
    background-position: 100% 100%;
    background-size:47% 47%;

    padding: 20px 20px;

    text-decoration: none;

    color: #ffffff;

    margin: 30px 0 15px 0;

    box-shadow: 0px 2px 7px #333333;
    position: relative;
    top: 40px;
}

.eventStripe{

    display: block;

    width: 100%;

    padding: 20px 20px;

    text-align: center;

    background: #008bd4;

}

.eventStripe p{

    /*font-family: 'montserrat-medium';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 500;

    font-size: 23px;

    line-height: 27px;

    text-decoration: none;

}

.eventStripe p:nth-child(1){

    color: #ffffff;

    text-transform: uppercase;

}

.eventStripe p:nth-child(2){

    color: #ffffff;

}

.eventDetails{

    padding: 20px 0;

}

.eventDetails p{

    /*font-family: 'montserrat-light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;

    font-size: 23px;

    color: #333333;

    text-decoration: none;

}

.eventDetails img{

    width: 100%;

}

.eveniment-btn-center{

    display: block;

    width: 100%;

    text-align: center;

    margin: 15px 0 0 0;

}

.btn-evenimente{

    padding: 4px 60px;

    border: 2px solid #333333;

    color: #333333;

    display: block;
    margin: 0 auto;
    width: 22%;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;

    font-size: 18px;

    transition: color 0.2s ease-in, border-color 0.2s ease-in;

}

.btn-evenimente:hover{

    text-decoration: none;

    color: #008bd4;

    border-color: #008bd4;

}

.eventContainer.last{

    margin-bottom: 100px;

}



/*-------END PAGINA EVENIMENTE---*/



/*-------PAGINA CONTACT---*/

.contact{

    position: relative;

}

.pattern{

    background: url(/assets/public/hrcc/images/contact/pattern.jpg);
    background-repeat: repeat-x;
    position: relative;
    top: 11%;

}
.pattern.inv{
    background: url(/assets/public/hrcc/images/contact/pattern.jpg);
    background-repeat: repeat;
}
strong{
    font-weight: 600;
}
.red{
    color: #d23245;
}
.blue{
    color: #008bd4;
}

.roundImage{

    display: block;

    margin-top: 75px;

}

.roundImage img{

    width: 100%;
    border-radius: 50%;

}

.contactDetails h2{

    /*font-family: 'montserrat-semi-bold';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 600;

    color: #333333;

    font-size: 20px;

    padding: 30px 0;

}

.contactMail img{

    max-width: 52px;

}

.contactDetails a{

    /*font-family: 'montserrat-semi-bold';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 600;

    color: #333333;

    font-size: 18px;

    transition: color 0.2s ease-in;

    display: inline-block;

    padding: 30px 0 15px 0;

}

.contactDetails a:hover{

    color: #008bd4;

    text-decoration: none;

    cursor: pointer;

}

.contactContainer{

    background: #2988d2;

    height: 685px;

}

.contactContainer form{

    padding-top: 90px;

}

.contactContainer input, .contactContainer textarea{

    display: inline-block;

    width: 70%;

    text-align: center;

    border: none;

    border-radius: 6px;

    padding: 5px 0;

    margin-bottom: 20px;

}
textarea.subj{
    padding: 15px 0 0px 0 !important;
}

.contactContainer textarea{
    display: block;

    width: 71%;

    text-align: center;

    border: none;

    border-radius: 6px;

    margin: 0 auto;

    margin-bottom: 20px;

    padding: 45px 0;

}

.contactContainer textarea::placeholder, .contactContainer input::placeholder{

    color: #008bd4;

}

.submitBtnContainer{

    text-align: center;

    width: 100%;

}

#submit{

    width: 15%;

    /*font-family: 'montserrat-light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 400;

    color: white;

    text-transform: uppercase;

    background: transparent;

    border: 1px solid #ffffff;

    border-radius: 0px;

    transition: color 0.2s ease-in, border-color 0.2s ease-in;

}

#submit:hover{

    color: #333333;

    border-color: #333333;

}





/*-------END PAGINA CONTACT---*/



/*-------PAGINA MEMBRI---*/

.membri{

    position: relative;

}

.ctaBackground{

    background: url(/assets/public/hrcc/images/membri/ctafullback.jpg);

    background-size: cover;
    position: relative;
    top: 40px;

}

.ctaBtnContainer{

    float: right;

    margin: 80px 63px 80px 0;



}

.ctabtn1{

    /*font-family: 'montserrat-regular';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 400;

    font-size: 24px;

    color: #008bd4;

    text-decoration: none;

    border: 1px solid #008bd4;

    padding: 5px 15px;

    margin: 20px 0;

    display: block;

    text-align: center;

    min-width: 265px;

    min-height: 38px;

    text-transform: uppercase;

    transition: color 0.2s ease-in, border-color 0.2s ease-in;

}

.ctabtn1:hover{

    color: #d23245;

    border-color: #d23245;

    text-decoration: none;

}

.ctabtn2{

    /*font-family: 'montserrat-bold';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 700;

    font-size: 22px;

    color: #ffffff;

    text-decoration: none;

    background: #d23245;

    border: 1px solid #d23245;

    padding: 7px 10px 5px 10px;

    margin: 10px 0 20px 0;

    display: block;

    text-align: center;

    min-width: 265px;

    min-height: 38px;

    text-transform: uppercase;

    transition: color 0.2s ease-in, border-color 0.2s ease-in, background 0.2s ease-in;

}

.ctabtn2:hover{

    color: #ffffff;

    border-color: #008bd4;

    text-decoration: none;

    background: #008bd4;

}

.memberZone{

    padding: 55px 0 35px 0;

}

.memberContainer{

    position: relative;

    text-align: center;

    min-height: 280px;

    margin-bottom: 20px;

}

.memberContainer img{

    width: 100%;

}

.separatorLine{

    height: 3px;

    background: #008bd4;

    margin: 25px 0;

    width: 100%;

}

.memberContainer h2{

    /*font-family: 'montserrat-bold';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 700;

    font-size: 18px;

    color: #333333;

    padding-bottom: 10px;

}

.memberContainer a{

    display: block;

    /*font-family: 'montserrat-light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;

    font-size: 18px;

    color: #333333;

    padding-top: 10px;

    transition: color 0.2s ease-in;

}

.memberContainer a:hover{

    color: #008bd4;

    text-decoration: none;

}



/*-------END PAGINA MEMBRI---*/







/*-------PAGINA DEVINO MEMBRU---*/

.becomeMember{

    position: relative;

    margin-top: 0px;

}

.memberBox{

    position: relative;

    margin-bottom: 10px;

}

.memberBox.red{

    background: #ca2648;

}

.memberBox.blue{

    background: #2988d1;

}

.memberBox.aqua{

    background: #83cbbc;

}

.memberBox.grey{

    background: #bcbcbc;

}

.memberNumber, .memberText, .memberCotizatie{

    float: left;

    color: #ffffff;

    text-transform: uppercase;

}

.memberText.longText{

    padding: 13px 0 23px 0;

}

.memberNumber{

    /*font-family: 'ubuntu-bold';*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;

    font-size: 65px;

    display: block;

    text-align: center;

    width: 15%;

    padding: 15px 0;

}

.memberText{

    /*font-family: 'montserrat-light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;

    font-size: 24px;

    width: 55%;

    padding: 23px 0;

}

.memberCotizatie{

   /* font-family: 'montserrat-regular';*/
   font-family: "Open Sans", sans-serif;
    font-weight: 400;

    font-size: 22px;

    width: 30%;

    display: block;

    position: absolute;

    right: 0;

    padding: 25px 0px;

    

}

.memberCotizatie span{

    /*font-family: 'montserrat-semi-bold';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 600;

    font-size: 22px;   

    display: block;

}

.beneficiiWrapper{

    margin-top: 100px;

    margin-bottom: 20px;

}

.beneficiiWrapper h2{

    /*font-family: 'montserrat-light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;

    font-size: 28px;

    color: #333333;

    text-align: center;

    padding-bottom: 40px;

}

.roundBenefit{

    display: block;

    text-align: center;

    position: relative;

    background: url(/assets/public/hrcc/images/shut2.png);

    background-repeat: no-repeat;

    width: 100%;

    height: 166px;

    border: 8px solid #83cbbd;

    background-size: contain;

    border-radius: 50%;

}

.roundBenefit.re1{
    background: url(/assets/public/hrcc/images/shut3.png);
    display: block;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
    width: 100%;
    height: 166px;
    border: 8px solid #83cbbd;
    background-size: contain;
    border-radius: 50%;
}
.roundBenefit.re2{
    background: url(/assets/public/hrcc/images/shut4.png);
    display: block;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
    width: 100%;
    height: 166px;
    border: 8px solid #83cbbd;
    background-size: contain;
    border-radius: 50%;
}
.roundBenefit.re3{
    background: url(/assets/public/hrcc/images/shut1.png);
    display: block;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
    width: 100%;
    height: 166px;
    border: 8px solid #83cbbd;
    background-size: contain;
    border-radius: 50%;
}
.roundBenefit.re4{
    background: url(/assets/public/hrcc/images/shut5.png);
    display: block;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
    width: 100%;
    height: 166px;
    border: 8px solid #83cbbd;
    background-size: contain;
    border-radius: 50%;
}

.roundBenefit:before {

    content: " ";

    position: absolute;

    z-index: -1;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    border: 4px solid #ffffff;

    border-radius: 50%;

    z-index: 999;

}

.roundBenefit p{

    color: #000000;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 34px;
    position: absolute;
    top: 36%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 95%;
    height: 35px;
    background: rgba(255,255,255, 0.8);

}

p.customTop1{

    top: 34%;

}

p.customTop2{

    top: 39%;

}

.pushDown{

    margin-bottom: 40px;

}

.membruContact{

    background: url(/assets/public/hrcc/images/contactBackground.jpg);

    background-repeat: no-repeat;

    background-size: cover;

}

.columnRight{

    text-align: right;

}



/*There are multiple ways to skin a cat and center elements/position them. This uses a display block, position relative and right 0.*/



.membruContactForm{

    padding-top: 120px;

}

.columnRight input, .columnLeft input, .columnLeft select{

    display: block;

    width: 50%;

    position: relative;

    right: 1px;

    margin-bottom: 15px;

    border: none;

    text-align: center;

    padding: 5px 0;

    border-radius: 4px;

    /*font-family: 'montserrat-light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;

}

.columnRight input::placeholder, .columnLeft input::placeholder{

    color: #008bd4;

}

.columnLeft input, .columnLeft select{

    display: block;

    width: 50%;

    position: relative;

    left: 1px;

}

.columnRight input, .columnLeft input{

    display: inline-block;

}

.columnLeft select {

    text-align: center;

    text-align-last: center;

    color: #008bd4;

    /*font-family: 'montserrat-light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;

    background: #ffffff url(/assets/public/hrcc/images/ar-down.png);

    background-repeat: no-repeat;

    background-position: 97%;

    /*for firefox*/

    -moz-appearance: none;

    /*for chrome*/

    -webkit-appearance:none;

}

.columnLeft select option{

    text-align-last: center;

}

#submitMembers{

    width: 18%;

   /* font-family: 'montserrat-light';*/
   font-family: "Open Sans", sans-serif;
    font-weight: 300;

    color: white;

    text-transform: uppercase;

    background: transparent;

    border: 1px solid #ffffff;

    border-radius: 0px;

    padding: 6px 0;

    margin: 20px 0 40px 0;

    transition: color 0.2s ease-in, border-color 0.2s ease-in;

}

#submitMembers:hover{

    color: #333333;

    border-color: #333333;

    cursor: pointer;

}







/*-------END PAGINA DEVINO MEMBRU---*/





/*-------PAGINA CONDUCERE---*/

.conducereBackground{

    background: url(/assets/public/hrcc/images/conducereBk.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    display: block;

    position: relative;

    top: 40px;

}

.conducereText{

   /* font-family: 'montserrat-regular';*/
   font-family: "Open Sans", sans-serif;
    font-weight: 400;

    font-size: 50px;

    line-height: 62px;

    text-align: left;

    padding: 100px 0 140px 0;

    text-transform: uppercase;

    color: #ffffff;

}

.management{

    position: relative;

    margin-top: -75px;

}

.roundManager{

    text-align: center;

}

.managerName{

   /* font-family: 'montserrat-semi-bold';*/
   font-family: "Open Sans", sans-serif;
    font-weight: 600;

    color: #333333;

    margin: 10px 0 5px 0;

    font-size: 18px;

}

.managerTitle{

    /*font-family: 'montserrat-light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;

    color: #333333;

    margin: 5px 0 10px 0;

    font-size: 16px;

}

.roundManager a{

    display: inline-block;

    /*font-family: 'montserrat-semi-bold';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 600;

    font-size: 16px;

    color: #333333;

    border: 1px solid #333333;

    text-decoration: none;

    padding: 8px 19px;

    background: transparent;

    margin:20px 0;

    transition: color 0.2s ease-in, border-color 0.2s ease-in;

}

.roundManager a:hover{

    color: #008bd4;

    border-color: #008bd4;

}

.roundManager img{

    width: 100%;

}

.bottomMargin{

    margin-bottom: 30px;

}

.botmSpace{

    margin-bottom: 80px;

}

/*-------END PAGINA CONDUCERE---*/



/*-------PAGINA INFORMATII UTILE---*/
.informatii{
    position: relative;
}
.infoBackground{
    background: url(/assets/public/hrcc/images/informatii/mainbg.jpg);
    background-repeat: no-repeat;
    background-position: left; 
    min-height: 112px;
    position: relative;
    top: 11%;
}
.footer_informatii {
    top: 11%;
    position: relative;
}
.ctabtn3{

   /* font-family: 'montserrat-bold';*/
   font-family: "Open Sans", sans-serif;
    font-weight: 700;

    font-size: 22px;

    color: #ffffff;

    text-decoration: none;

    background: #d23245;

    border: 1px solid #d23245;

    padding: 7px 10px 5px 10px;

    margin: 35px 50px 35px 0;

    display: block;

    width: 33%;

    float: right;

    text-align: center;

    min-width: 265px;

    min-height: 38px;

    text-transform: uppercase;

    transition: color 0.2s ease-in, border-color 0.2s ease-in, background 0.2s ease-in;

}

.ctabtn3:hover{

    color: #ffffff;

    border-color: #008bd4;

    text-decoration: none;

    background: #008bd4;

}
.infoBox{
    position: relative;
    background: #ffffff;
    margin-top: 20px;
}
.infoBox img{
    width: 100%;
}
.barSeparator{
    position: absolute !important;
    bottom: 0 !important;
}
.infoWrapper{
    padding:0 30px 0 30px;
    min-height: 185px;
}
.hide{
    display: none;
}

.infoDate{
    text-align: center;
    color: #ca2648;
    /*font-family: 'montserrat-regular';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 10px 0 10px 0; 
}
.infoTitle{
    text-align: center;
    /*font-family: 'montserrat-medium';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color:#333333;
    margin: 10px 0 10px 0; 
}
.infoDescription{
    text-align: center;
    /*font-family: 'montserrat-light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    margin: 10px 0 10px 0; 
    color: #333333;
}
.infoBtn{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    width: 60%;
    padding:5px 10px;
  /*  font-family: 'montserrat-light';*/
  font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 14px;
    border: 1px solid #333333;
    color: #333333;
    text-decoration: none;
    transition: color 0.2s ease-in, border-color 0.2s ease-in;
}
.infoBtn:hover{
    text-decoration: none;
    color: #008bd4;
    border-color: #008bd4;
}
.redBar{
    width: 100%;
    margin: 5px 0 0 0;
}
.leftInfos{
    background: #ffffff;    
}
.socialInfos{
    display: inline-block;
    margin-top: 20px;
    margin-left: 15px;
    max-width: 57px;
}
.socialInfos img{
    width: 100%;
}
.blueColor{
    color: #008bd4;
}
.redColor{
    color: #d23145;
}
.blackColor{
    color: #333333;
}
.articleContainer{
    margin: 20px 0;
}
.articleTitle{
    /*font-family: 'Montserrat-Regular';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    padding-left: 15px;
}
.articleLine{
    width: 30%;
    margin: 10px 0;
    padding-left: 0;
    margin-left: 0;
}
.articleSubtitle{
   /* font-family: 'montserrat-medium';*/
   font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    color:#333333;
    margin-bottom: 15px;
    padding-left: 15px;
}
.articleDescription{
    /*font-family: 'Montserrat-Light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #333333;
    padding-left: 15px;
}
.anchor{
    /*font-family: 'Montserrat-Light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #0275d8;
    padding-left: 15px;
    text-decoration: none;
    transition: color 0.2s ease-in;
    display: block;
}
.anchor:hover{
    color: red;
    text-decoration: none;
}
.lastInfoBox{
    margin-bottom: 20px;
}

.scroll-pane
{
    width: 95%;
    height: 780px;
    overflow: auto;
}
.jspVerticalBar{
    top: 18px;
    width: 20px;
    background: transparent;
}
.jspTrack {
    background: url(/assets/public/hrcc/images/informatii/scroll-down.png);
    position: relative;
}
.jspDrag{
    background: url(/assets/public/hrcc/images/informatii/scroll.jpg);
    background-repeat: no-repeat;
    position: relative;
    top: 0;
    left: 0;
    height: 19px !important;
    cursor: pointer;
}
.jspCap
{
    display: block;
    height: 19px;
}
.jspCapBottom {
    display: block;
    height: 19px;
}
/*-------END PAGINA INFORMATII UTILE---*/

.noLeftPadding{
    padding-left: 0px;
}

.nopadding{
    padding-left: 0px;
    padding-right: 0px;
}
.successMesage{
    position: relative;
    top: 20%;
    margin: 0 auto;
    text-align: center;
    /*font-family: 'montserrat-semi-bold';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    width: 70%;
}



#despre, #relatii, #vizibilitate, #pozitie, #training, #evenimente, #sch6, #rec6, #nl, .hide, #Π�6, #for8, #fee13, #for14, #rom19{

  max-width: 950px;
  border-radius: 0;
  display: none;
  background: rgba(255,255,255,0.9);
  border: 5px solid #d23145;
  padding: 30px;
  transform: translate(0, -50px);
  transition: all .33s;
}

.fancybox-slide--current #despre, .fancybox-slide--current #relatii, .fancybox-slide--current #vizibilitate, .fancybox-slide--current #pozitie, .fancybox-slide--current #training, .fancybox-slide--current #evenimente, .fancybox-slide--current #sch6, .fancybox-slide--current #nl, .fancybox-slide--current .hide, .fancybox-slide--current #rec6, .fancybox-slide--current #for8, .fancybox-slide--current #fee13, .fancybox-slide--current #for14, .fancybox-slide--current #rom19 {
  transform: translateY(0);
}
#fee13, #for14, #rom19{
    display: none;
}



#despre p:nth-child(1), #relatii p:nth-child(1), #vizibilitate p:nth-child(1), #pozitie p:nth-child(1), #training p:nth-child(1), #evenimente p:nth-child(1), #sch6 p:nth-child(1), #nl p:nth-child(1), .hide p:nth-child(1), #rec6 p:nth-child(1), #Π�6 p:nth-child(1), #fee13 p:nth-child(1), #for14 p:nth-child(1), #rom19 p:nth-child(1){
    
    }
#despre p, #relatii p, #vizibilitate p, #pozitie p , #training p, #evenimente p , #nl p, .hide p, #rec6 p, #Π�6 p, #fee13 p, #for14 p, #rom19 p{
    /*font-family: 'montserrat-light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #3e3e3e;
    line-height: 18px;
    text-align: left;
    margin-bottom: 15px;
}
#sch6 a, #rec6 a, #Π�6 a, #for8 a, #fee13 a, #rom19 a{
    display: block;
   /* font-family: 'montserrat-regular';*/
   font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
}

#nl{
    background: #2988d2;
}
.newsletter input{
    display: inline-block;
    width: 70%;
    text-align: center;
    border: none;
    border-radius: 6px;
    padding: 5px 0;
    margin-bottom: 20px;
}
.newsletter input::placeholder{
    color: #2988d2;
}
#nlForm{
    display: block;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ffffff;
    border-radius: 10px;
    margin-bottom: 45px;
}
#submitNL{
    width: 20%;
    /*font-family: 'montserrat-light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: white;
    text-transform: uppercase;
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 0px;
    font-size: 18px;
    border-radius: 5px;
    transition: color 0.2s ease-in, border-color 0.2s ease-in;
}
#submitNL:hover{
    color: #000000;
    border-color: #000000;
}
.nlTitle{
    display: block;
    margin: 0 auto;
    text-align: center;
   /* font-family: 'montserrat-regular';*/
   font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding:15px 0;
    color: #ffffff;
}
.fancybox-bg{
    background: rgba(0,0,0, 0.6);
}
.fancybox-close-small{
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 35px;
    height: 35px;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: #d23145 url(/assets/public/hrcc/images/x.png) no-repeat;
    background-position: 5px 5px;
    z-index: 10;
    cursor: pointer;

}
.fancybox-close-small:after{
    display: none;
}

#despre{


}


/*-------PAGINA INTERVIU---*/
.interviu{
    position: relative;
}
.interviuContainer{
    background: #ffffff;
    padding: 0px 20px;
}
.whiteBackground{
    background: #ffffff;   
}
.interviuTitle{
   /* font-family: 'montserrat-regular';*/
   font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 44px;
    line-height: 48px;
    padding: 40px 0;
    color: #3e3e3e;
    text-align: center;
}
.previousInterv{
    /*font-family: 'montserrat-regular';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    padding: 10px 0 20px 0;
    color: #3e3e3e;
    text-align: center;
}
.intTitle{
    /*font-family: 'montserrat-regular';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    padding: 10px 0 5px 20px;
    color: #3e3e3e;
    text-align: left;   
}
.intCompany{
    /*font-family: 'montserrat-regular';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 5px;
}
.intTheTitle{
    /*font-family: 'montserrat-regular';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    padding: 10px 0 5px 20px;
    color: #3e3e3e;
    text-align: left;      
}
.intText{
   /* font-family: 'Montserrat-Light';*/
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #3e3e3e;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    padding: 20px 20px;
}
.leftInterv{
    background: #ffffff;
}
.rightInterv{
    border-left: 1px solid #3e3e3e;
}
.articleLine.inv{
    margin: 5px 0;
}
.articleSubtitle.inv{
    margin-bottom:5px;
}
.articleDescription.inv{
    font-size: 16px;
}
a.articleContainer{
    display: block;
}
a.articleContainer:hover{
    cursor: pointer;
    text-decoration: none;
}
.spacedInt{
    height: 40px;
    background: #ffffff;
}
/*-------END PAGINA INTERVIU---*/

.rightInterv img{
    width: 100%;
    margin-bottom: 30px;
}
.sticky{
    max-height:0px;
}
.specialFooter{
    position: relative;
    top: 40px;
}
.contect{
    position: relative;
    top: 108px;
}
@media only screen and (max-width: 1441px) {

    .ctaBackground{
        top: 85px;
    }
    .becomeMember{
        margin-top: 52px;
    }
    .pattern{
        top: 16%;
    }
    .infoBackground, .footer_informatii{
        top: 16%;
    }

    .memberZone{
        padding: 112px 0 35px 0;
    }
    .conducereBackground{
        top: 66px;
    }

     img.gwd-img-s897{
        top: 285px !important;
        height: 85px !important;
        width: 940px !important;
    }
    img.gwd-img-tfhz{
       top: 286px !important;
        height: 32px !important;
        width: 620px !important;
    }
    img.gwd-img-1j9z{
        top: 293px !important;
        left: 115px !important;
        width: 65px !important;
        height: 70px !important;
    }
    img.gwd-img-1shn{
        top: 309px !important;
        left: 202px !important;
        width: 270px !important;
        height: 33px !important;
    }
    img.gwd-img-101q{
        left: -46px !important;
        height: 291px !important;   
        width: 105px !important;
    }

    .conducereText{
        font-size: 36px;
        line-height: 41px;
        padding: 75px 0 140px 0;
    }

    .owl-nav{

        top: 270px;

    }

    .owl-text-overlay{

        bottom: 14%;

    }

    .interviu{

        background: url(/assets/public/hrcc/images/interviu.jpg) top;

        background-repeat: no-repeat;

    }

    .btn-center{

        padding-bottom: 115px;

    }

    .owl-logo{

        margin-left: 11%;

    }

    .contactContainer{

        height: 500px;

    }

    .roundImage{

        margin-top: 30px;

    }

    .roundImage img{

        width: 85%;

    }

    .contactDetails h2{

        font-size: 18px;

        padding: 20px 0;

    }

    .contactDetails a{

        font-size: 16px;

        padding: 20px 0 10px 0;

    }

    .contactContainer form{

        padding-top: 50px;

    }

    .ctaBtnContainer{

      margin: 40px 52px 40px 0;

    }

    .ctabtn1, .ctabtn2{

        font-size: 20px;

        padding: 7px 10px 5px 10px;

    }

}

@media only screen and (max-width: 1199px) {
    .menu li a {
        font-size: 13px;
        line-height: 14px;
    }
    .menu li {
        padding: 25px 2px;
    }
    .scrolled .menu li {
        padding: 18px 2px;
    }
    .menu-container .container img {
        max-width: 200px;
    }
}



@media only screen and (max-width: 1025px) {

    .scroll-pane
    {
        width: 100%;
    }

    .roundBenefit{

        height: 133px;

    }

    .roundBenefit p{

        font-size: 12px;

        line-height: 13px;

    }

    p.customTop1{

        top: 32%;

    }

    p.customTop2{

        top: 40%;

    }

}


@media only screen and (max-width: 991px) {
    .menu-container .container img {
        max-width: 152px;
    }
    .menu li a {
        font-size: 10px;
    }
}
@media only screen and (max-width: 768px) {

    #submitNL{
        width: 35%;
        padding: 5px 0px;
    }
    a.articleContainer{
        text-align: center;
    }
    .rightInterv{
        border-left: none;
    }
    .pattern.inv{
        background-repeat: repeat;
    }
    #despre p{
        font-size: 13px;
        line-height: 16px;
    }

    .roundBenefit{

        height: 98px;

    }

    .roundBenefit p{

        font-size: 10px;

        line-height: 10px;

    }

    .container{

        padding-left: 0px;

        padding-right: 0px;

    }

    header{

        position: relative;

    }

    .menu-container .container img{

        float: left;

        padding: 5px 0px 5px 28px;

        max-width: 260px;

    }
    .languages, .utile{
        float: none;
    }
    .languages{
        padding:10px 80px 0 16px;
    }

    .mobile-nav{

        display: block;

        width: 54%;

        text-align: right;

        float: left;

        color: #fff;

        font-size: 20px;

        padding: 8px 0px 0 0;

    }

    .mobile-menu{

        display: none;

        text-align: center;

    }

    .mobile-menu:hover{

        cursor: pointer;

    }

    .mobile-menu li{

        list-style: none;

        padding: 6px 0;

    }

    .mobile-menu li a{

        text-decoration: none;

        color: #ffffff;

        border-bottom: 1px solid #d23145;

        transition: color 0.2s ease-in;

    }

    .mobile-menu li:hover a{

        color: #16216a;

    }

    .clear.hideOnLargeDevices{

        display: block;

    }

    .phone, .mail{

        float: none;

    }

    .info-section{

        text-align: center;

    }

    .box{

        margin-bottom: 10px;

    }

    .interviu-texte{

        width: 100%;

    }

    .interviuTitlu{

        font-size: 32px;

        padding-top: 22px;

        padding-bottom: 22px;

    }
    .interviuNume{
        font-size: 19px;
    }
    .interviuReprezentant{
        font-size: 20px;
    }

    .interviuFirma{
        font-size: 15px;
        padding-bottom: 30px;

    }

    .btn-interv{

        padding: 5px 26px;
        font-size: 14px;

    }

    .btn-center{

        padding-bottom: 55px;

    }

    .owl-nav{

        display: none;

    }

    .box-wrapper{

        top: 0px;

    }

    .hidden-xs{

        display: none;

    }    

    .copy, .made{

        text-align: center;

    }

    .eventStripe{

        padding: 15px 20px;

    }

    .eventStripe p{

        font-size: 16px;

        line-height: 20px;

    }

    .eventDetails p{

        font-size: 14px;

    }

    .btn-evenimente{

        font-size: 16px;

    }

    .contactContainer{

        height: 390px;

    }

    .roundImage{

        margin-top: 30px;

    }

    .roundImage img{

        width: 100%;

    }

    .contactDetails h2{

        font-size: 21px;

        padding: 10px 0;

    }

    .contactDetails a{

        font-size: 12px;

        margin-left: -13px;

        padding: 10px 0 5px 0;

    }

    .contactContainer form{

        padding-top: 40px;

    }
    #slider {
    padding-top: 0;
}



}


@media only screen and (max-width: 768px) and (orientation: landscape) {
    .mobile-nav{
        width:47%;
    }
    .conducereText{
        line-height:26px;
        font-size: 24px;
        padding: 54px 0 110px 0;
    }
    .contactDetails a{
        display: block;
        margin-left: 0px;
    }
    .mobile-center{
        text-align: center !important;
    }
    .contactContainer{
        height: 675px;
    }
    .pattern{
        background-repeat: repeat-y;
    }
    .roundBenefit{
        height: 275px;
        width: 51%;
        margin: 0 auto;
    }
    .mobileSpaceDown{
        margin-bottom: 20px;
    }
    .roundBenefit p{
        font-size: 18px;
        line-height: 22px;
    }
    p.customTop1{
        top: 44%;
    }
    p.customTop2{
        top: 46%;
    }
    .columnRight, .columnLeft{
        text-align: center;
    }
    .columnLeft select{
        margin: 0 auto;
    }
    #submitMembers{
        width: 50%;
    }
    .membruContactForm{
        padding-top: 50px;
    }
}
@media only screen and (max-width: 480px) {
    .pattern, .ctaBackground{
        top: 0px;
    }
    .memberZone{
        padding: 42px 0 35px 0 !important;
    }
    .becomeMember{
        margin-top: -30px;
    }
    .infoBackground, .footer_informatii{
        top: 0%;
    }
    .contactContainer.succ{
        height: 115px;
    }
    .box-wrapper .row{
        margin-right: 0px;
        margin-left: 0px;

    }
    .box-wrapper .col-xs-12{
        padding-right: 0px;
        padding-left: 0px;        
    }
    .servicii .row{
        margin-right: 0px;
        margin-left: 0px;

    }
    footer .row{
        margin-right: 0px;
        margin-left: 0px;        
    }
    .servicii .col-md-3{
        padding-right: 0px;
        padding-left: 0px;   
    }
    .bx-controls-direction{
        display: none;
    }
    .conducereText{

        text-align: center;

        font-size: 18px;

        line-height: 27px;

    }

    .columnRight input, .columnLeft input, .columnLeft select{

        width: 90%;

    }

    .columnRight, .columnLeft{

        text-align: center;

    }

    .columnLeft select{

        margin: 0 auto;

    }

    .membruContactForm{

        padding-top: 50px;

    }

    #submitMembers{

        width: 50%;

    }

    .memberNumber{

        font-size: 39px;

        padding:15px 0;

    }

    .onetxt{

        margin-top:-25px;

    }

    .memberText{

        padding: 15px 0 10px 0;

        font-size: 13px;

    }

    .memberCotizatie{

        padding: 15px 0 15px 0;

        font-size:12px;

    }

    .memberCotizatie span{

        font-size: 16px;

    }

    .roundBenefit{

        height: 183px;

        margin-bottom: 20px;

        width:50%;

        margin: 0 auto;

    }

    .mobileSpaceDown{

        margin-bottom: 20px;

    }

    .roundBenefit p{

        font-size: 12px;

        line-height: 18px;

        top: 43%;

    }

    .mobile-nav{

        width: 23%;

    }

    .eventDetails{

        text-align: center;

    }    

    .pattern{

        background-repeat:repeat-y;

        background-size: cover;

    }

    .roundImage img{

        width: 90%;

    }

    .contactDetails h2{

        font-size: 22px;

        padding: 20px 0;

    }

    .contactDetails a{

        display: block;

        margin-left:0;

        font-size: 16px;

        padding: 16px 0 8px 0;

    }

    .contactContainer form{

        margin-top: 20px;

    }

    div.mobile-center{

        text-align: center !important;

    }

    .contactContainer input, .contactContainer textarea{

        width: 85%;

    }

    .contactContainer{

        height: 670px;

    }

    #submit{

        width: 35%;

    }

}



@media only screen and (max-width: 320px) {
    .intText{
        text-align: center;
        font-size: 14px;
        line-height: 19px;
        padding: 20px 29px;
    }
    .ctabtn3{
        margin: 35px 30px 35px 0;
    }
    .memberText{

        font-size: 12px;

    }

    .memberCotizatie{

        font-size: 11px;

    }

    .memberCotizatie span{

        font-size: 15px;

    }

    .roundBenefit{

        height: 160px;

    }

    .beneficiiWrapper h2{

        margin-top: -50px;

    }

    .one{

        margin-top: -30px;

    }

    .mobile-nav{

        width: 15%;

    }

    .languages{

        padding: 10px 45px 0 0px;

    }

    .ctaBtnContainer{

        margin: 40px 25px 40px 0;

    }

}