@import "foundation.css";



html{
    font-size: 14px;
}


/*
From bootstrap
*/


.fullWidth {
    width: 100%;
    max-width: 9999px;
    background: #fff;
}

/*
===============================================================================
LDP ===========================================================================
===============================================================================
 */

/*FORM RESET*/
/* hide unwanted fields */
.lp-form-wrapper * {
    font-family:  'Oswald', Arial, sans-serif;
}
.lp-form-row{ padding-bottom: 1rem; }
.lp-form-row p, .lp-form-row p *{color:#fff;font-size: 13px; margin: 0;
    line-height: 16px;font-family: Helvetica;}
.lp-form-row p a{
    text-decoration: underline;}
.lp-form-row:after{
    content:"";
    display: block;
    clear: both; }
.lp-form-row .legal,
.hide-more-legal{
    display: none;
}


.lp-form-input{ float: left; width: calc(100% - 120px);
    max-width: 170px;}
.lp-form-input input{ border: 1px solid #1f3d58;font-size: 1rem;}
.lp-form-input input[type=number],
.lp-form-input input[type=text],
.lp-form-input input[type=tel],
.lp-form-input input[type=email],
.lp-form-input select,
.lp-form-input option,
.forms-response-msg p{
    display: block;
    font-family: Verdana, sans-serif;
    font-size: 1rem;
    margin: 0;
    box-shadow: none;
    border-radius: 4px;
    color: rgba(0,0,0,0.75);
    background-color: #fff;
    transition: all 0.3s;
}


.lp-form-input input[type=tel]::-webkit-input-placeholder {color:#999;}
.lp-form-input input[type=tel]::-moz-placeholder {color:#999;}
.lp-form-input input[type=tel]::-ms-placeholder{color:#999;}
.lp-form-input input[type=tel]::placeholder {color:#999;}

.lp-form-input .intl-tel-input {display: block;}

.lp-form-input input[type=text]:focus,
.lp-form-input input[type=number]:focus,
.lp-form-input input[type=tel]:focus,
.lp-form-input input[type=email]:focus{
    background: #efeeee;
    color: #000;
}

/* labelki */
.lp-form-label{ float: left; width: 120px; color: #fff;}
.lp-form-row label{ color: #fff; display: block; width: 100%;
    cursor: pointer; font-weight: 300;
    font-size: 1.3rem;
    height: 2.4rem; line-height: 2.4rem; }

label {
    font-size: .9rem;
    color: #4d4d4d;
}
input[type="checkbox"]+label,
input[type="radio"]+label {
    /* margin-left: 15px; */
	font-family: Helvetica;
}
input[type="checkbox"]+label {
    font-size: 13px;
    display: block;
    text-indent: -10px;
    position: relative;
    left: 10px;
	top: -3px;
	display: inline;
}

/*button*/
button[type=submit] {
    width: 100%;
    padding: 10px 15px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: uppercase;
    background: #62b445;
    box-shadow: 0 4px 0 #4e8f37;
    border: 0;
    border-radius: 4px;
    position: relative;
    top: 0;
    transition: all .2s;
}
button[type=submit]:hover {
    color: #fff;
    background: #62b445;
    border: 0;
    box-shadow: 0 3px 0 #4e8f37;
    position: relative;
    top: 1px;
}
button[type=submit]:active {
    border: 0;
}

input[type=checkbox] {
    width: 16px;
	height: 16px;
	margin-left: 20px;
	cursor: pointer;
}

/* custom checkboxes */
/*
input[type=checkbox] {
    display:none;
}
input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 1.3rem;
    position: relative;
    top: 2px;
}*/
/* unchecked icon
input[type=checkbox] + label:before {
    content: "\f096";
    margin-right: 6px;
}*/
/* checked icon
input[type=checkbox]:checked + label:before {
    content: "\f046";
    margin-right: 4px;
}*/

/*select icon*/
.lp-form-input select {
    background: #fff url(../img/select-gray.svg) no-repeat 97% 50%;
    background-size: 15px 15px;
}

/*replace question icon*/
img.ninja-forms-help-text {
    /* background: url(../img/question.png) no-repeat;
	padding-left: 20px;
    background-size: 20px;
	width: 20px;
    height: 20px;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

	*/
    margin-left: 10px;
	margin-top: 4px;
	cursor:help;
}

/* FORMS ERRORS */
.lp-form-row input.has-error,
.lp-form-row select.has-error,
.lp-form-row input.has-error:active,
.lp-form-row select.has-error:active {
    border: 1px solid #e83b3b;
    background-color: #efc8c8;
    color: #e83b3b;
}
.lp-form-row input[type=checkbox].has-error + label,
.lp-form-row input[type=checkbox].has-error + label:before {
    color: #e83b3b;
}

.forms-response-msg {
    padding-left: 0 !important;
    padding-bottom: 1rem;
    display: none;
}
.forms-response-msg p {
    background-color: #e83b3b;
    color: #fff;
    font-size: .8rem;
    border-radius: 2px;
    padding: 0.25rem 0.5rem;
}

body {
    background: #fff;
    color: #024787;
    font-family:  'Oswald', Arial, sans-serif;
    font-size: 24px;
    font-weight: 200;
}
h1, h2, h3 {
    color: #fff;
    font-family:  'Oswald', Arial, sans-serif;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
}

.section {
    padding: 5rem 0;
}
.section h2 {
    font-size: 3rem;
    text-align: center;
}

.tooltip {
    font-size: 11px !important;
}

/* HEADER SECTION */
@media only screen and (max-width: 1024px) {
	.header-section .header {
        background-color: #fff;
	}
}
@media only screen and (min-width: 1024px) {
    .header-section .fullWidth {
        background: url('../img/bg_old6.jpg') no-repeat left top;
    }


    .header.show-for-large-up { min-height: 550px; }
    body.bg .header.show-for-large-up { min-height: 580px; }
}


.header-section .logo {
    padding: 5px 10px 10px 10px;
    display: inline-block;
    top: 10px;
    left: 14px;
    background: #fff;
    position: absolute;
}
.header-section .logo img {
    width: 120px;
    height: 23px;
}

.header-section .phone {
    display: inline-block;
    top: 10px;
    right: 14px;
    position: absolute;
}
.header-section .phone a {
    color: #a5ff82;
    font-weight: 700;
}
.header-section .phone span {
    display: block;
    text-align: right;
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;   
}

.header-section .header-txt {
    padding: 20px;
}
@media only screen and (min-width: 1024px) {

	.header-section .logo img {
		width: 170px;
		height: 37px;
	}

    .header-section .fullWidth {
        background: url('../img/bg.jpg') no-repeat left top #046bcc;
        background-size: cover;
    }
    .header-section .header-txt {
        margin-top: 0;
        width: 50%;
    }
    .header-section .header-txt {
        position: absolute;
        top: 25%;
        right: 1rem;
    }
}
.header-section h1 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
}
.header-section h2 {
    margin-bottom: 0;
    font-size: 2rem;
}
@media only screen and (min-width: 1024px) {
	.header-section h1 {
		margin-bottom: 1rem;
		font-size: 2rem;
	}
	.header-section h2 {
		margin-bottom: 0;
		font-size: 3rem;
	}
}
.header-section h2 {
    color: #fff;
    margin: 0 0 1.5rem 0;
}
.header-section ul {
    color: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.5rem;
}
.header-section ul li {
    margin: 0 0 10px 0;

}
.header-section ul li::before{
    display: inline-block;
    content: '';
    background: url('../img/gw-white.png') no-repeat top center;
    background-size: auto;
    background-size: auto;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
}
.rodo1 {padding-bottom:0; padding-top:0.5rem;}
.tooltip {font-size: 12px; font-family: Helvetica; position: absolute; right: 20px; top: 40px; text-indent:0; left: auto; }


/* CONTENT SECTION */
.content-section {
    background: #fff;
}

@media only screen and (min-width: 1200px) {
    .content-section.megafon {
        background: url(../img/megafon.png) no-repeat 100% 20px; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
	.content-section.prezent {
        background: url(../img/prezent.png) no-repeat 90% 50%; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		
    }
}
.content-section.bg-blue {background:#f7f7f7;}
.content-section.bg-blue h2, .content-section.bg-blue h3, .content-section.bg-blue li, .content-section.bg-blue p.discl { color: #fff;}

.content-section h2,
.content-section h3 {
    color: #0055A4;
}
.content-section h2 span {
    font-size: 3.5rem;
    display: inline-block;
    position: relative;
    top: .2rem;
    font-weight: 600;
}
.content-section h3 {
    font-size: 2.2rem;
    margin-top: 0rem;
}
.content-section ul {
    margin-top: 1rem;
    margin-left: 30px;
    font-size: 1.5rem;
    line-height: 2;
}
.content-section ul li {
    list-style-type: none;
    text-indent: -32px;
    color: #464341;
}
.content-section ul li::before {
    display: inline-block;
    content: '';
    background: url('../img/gw-blue.png') no-repeat top center;
    background-size: 15px;
    width: 15px;
    height: 15px;
    margin-left: 8px;
    margin-right: 8px;
}
.content-section .content-txt p {
    font-size: 1.6rem;
}
.content-section .content-txt p.discl {
    font-weight: 200;
    font-size: 15px;
    margin-top: 3em;
    color: #414141;
}
.content-section .content-txt p.discl a {
    color: inherit;
    text-decoration: underline;
}
.content-section .button:hover { color: #024788; border-color: #024788; }


/* FOOTER */
footer.fullWidth {
    background-color: #002f54;
    margin-bottom: -3rem;
}
footer .container {
    padding-top: 3rem;
    padding-bottom: 5rem;
}
footer img.call {
    display: inline-block;
    margin-right: 1rem;
    position: relative;
    top: -4px;
    width: 2.5rem;
}
.button {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
	font-family:  'Oswald', Arial, sans-serif;
    padding: .2rem 1rem;
    border: solid 1px #62b445;
    border-radius: 5px;
    margin: 1rem 0;
    background: #62b445;
    transition: all .3s;
    white-space: nowrap
}
footer .call a {
    margin: 1rem 0;
    padding: .2rem 1rem .2rem 3rem;
    border: solid 1px #62b445;
    border-radius: 5px;
    background: #62b445 url(../img/phone.svg) .5rem 50% no-repeat;
    background-size: 36px auto;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    transition: all .3s;
    cursor: pointer
}
footer .call a:hover,
.button:hover {
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px #fff;
    color: #fff
}
footer p {
    font-size: 40px;
    display: inline-block;
}


footer .footer-header {
    margin-bottom:1em;
}
footer .call h2 {
    color: #fff;
}

.map {
    text-align: center;
    line-height: 2;
    background-color: #fff;
}
.map a {
    color: #00225d;
    font-size: 1rem;
}



@media only screen and (max-width: 370px) {
    footer img.call {
        display: none;
    }
}
@media only screen and (max-width: 1024px) {
    footer .call h3 {
        margin-top: 2rem;
    }
    footer img.call {
        width: 35px;
        height: 35px;
        top: -.5rem;
    }
    footer p {
        font-size: 2.5rem;
    }
}

/* FORM */
.lp-form {
    padding: 2rem 3rem;
    background-color: #002f54;
}
@media only screen and (min-width: 1024px) {
    .lp-form {
        /*background-color: rgba(113, 169, 12, 0.7);*/
        background-color: rgb(71, 113, 55);
        min-height: 551px;
    }
}
.lp-form-wrapper {
    max-width: 300px;
    margin: 0 auto;
}
.lp-form-header h2 {
    margin-bottom: 1.5rem;
    color: #fff;
    font-size: 3rem;
    font-weight: 200;
    text-align: center;
}

.lp-form-header span {
    font-size: 20px;
}

form.sending{
    position: relative;
}

form.sending:before{
    content:"";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../files/img/loader-white.svg) no-repeat 50% 50%;
    z-index: 10;

}
form.sending > div{
    opacity: 0.2;
}
@media only screen and (min-width: 1024px) {
    form.sending:before{
        background-color: rgba(4, 107, 204, 0.6);
    }

    form.sending > div{
        opacity: 1;
    }
}



/* --- */


@media only screen and (min-width: 1025px) {
    body.op4 .header-section .header,
    body.op5 .header-section .header,
    body.op6 .header-section .header,
    body.lp-op6-de .header-section .header {
        min-height: 551px;
    }
}
body.de24 .field-wrap.text-wrap label,
body.ro .field-wrap.text-wrap label {
    width: 80px;
}




/* ROMANIAN */
body.ro .header-section .header {
    /* min-height: 590px; */
}
body.ro input:not([type=submit]),
body.ro select {
    max-width: 205px;
}
body.ro .header-section h1,
body.ro .header-section h2 {
    line-height: 1.4;
}
body.ro .header-section h1 {
    font-size: 1.8rem;
}
body.ro .header-section h2 {
    font-size: 2.5rem;
}
body.ro .ninja-forms-field-description {
    width: 280px;
}


/* BULGARIAN */
body.bg .lp-form-header h2 {font-size: 2rem;}
body.bg .field-wrap.checkbox-wrap label {
    width: auto;
}
body.bg .lp-form-wrapper {
    max-width: 350px;
}
body.bg .lp-form {
    padding: 1.5rem;
}
body.bg .ninja-forms-field-description {
    position: inherit;
    max-width: 280px;
}
body.bg .ninja-forms-form div.rodo2 * {
    font-size: 11px;
    line-height: 1.4em;
}


/* GERMAN */
body.de24 input:not([type=submit]),
body.de24 select {
    width: calc(100% - 80px);
}
.de24 .rodo1 {
    clear: both;
}




@media only screen and (max-width: 1024px) {
    .header-section .header .header-txt {
        /* margin: 2rem 0; */
    }
    .readmore {display: none;}
    .content-section {padding: 4rem 1rem;}
    /* .header-section .header .header-txt h1 {font-size: 3.5rem;} */
    .lp-form-header h2 {font-size: 2.5rem;}
    body.ver-b .header-section .header {
        min-height: auto;
    }
}


p.discl     {color:#fff; text-align: center;}

.bg-red                     {background: #A4E6D0 !important;color: #21897e;}
.bg-red h3                  {text-align: center; color: #21897e;}
.bg-red p                   {font-size: 1.1em; text-align: center;;}
.format-flex-33             {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch;}
.format-flex-33 .box        {width: 29%; border: 1px solid #3ba99c; margin: 2%; padding: 10px 20px; font-size: 0.8em; display: flex; justify-content: center; align-items: center; border-radius: 10px; text-align: center; flex-direction: column; background-color: #def9f0;}
.format-flex-33 .box strong { font-weight: 400;}

.tr                                         {transition: ease-in-out 0.3s;}
.format-accordion                           {margin: 50px 0 0 0;}
.format-accordion .box                      {border-bottom: 1px solid #3ba99c; position: relative; cursor: pointer; margin: 0; padding: 15px 0;}
.format-accordion h4                        {font-family: "Oswald"; color: #21897e; margin: 0;}
.format-accordion span                      {display: block; position: absolute; top: 13px; right: 0; width: 30px; height: 30px;}
.format-accordion span::before              {position: absolute; width: 24px; height: 3px; background-color: #21897e; top: 15px; left: 3px; z-index: 2; content: "";}
.format-accordion span::after               {position: absolute; height: 24px; width: 3px; background-color: #21897e; top: 4px; left: 14px; z-index: 2; content: "";}
.format-accordion p                         {text-align: left; font-size: 0.6em; font-weight: 100; overflow: hidden; height: 0; margin: 0; }

.format-accordion .box-open p               {display:block; height: auto;}
.format-accordion .box-open span:after      {opacity:0;}

.informator                                 {margin: 30px 0 0 0;}
.informator p                               {font-size: 0.8em;}
.informator p a                             {font-size: 1.1em; text-transform: uppercase; margin: 0 0 0 10px;}

.content-text-blocks                        {display: flex; width: 100%; margin: 0 !important; padding: 0 8.33333% !important;}
.content-text-blocks .block                 {width: 50%;}
.content-text-blocks .block h2              {color: #0056A4; font-size: 2.2rem; text-align: left;}
.content-text-blocks .block ul              {}
.content-text-blocks .block ul li           {color: #464341;}
.content-text-blocks .block ul li span      {color: #0055a4;}

@media only screen and (max-width: 1024px) {
    .format-flex-33 .box            {width: 46%;}

    .header-section .logo           {top: 0; left: 10px; position: relative; float: left;}
    .header-section .phone          {position: relative; right: 10px; top: 14px; float: right; font-size: 15px; font-weight: 900;}
    .header-section .phone a        {color: #0056A4;}
    .header-section h2              {color: #0056A4; font-size: 2.75rem;}
    .header-section .lp-form-header h2 {color: #fff;}
    .header-section ul              {color: #0056A4;}
    .header-section ul li           {}
    .header-section ul li::before   {background: url('../img/gw-green.png') no-repeat top center;}

    .btn__wrap                      {text-align: center; margin: 30px 0;}
    .btn__wrap .btn                 {width: 100%; padding: 10px 15px; color: #fff; font-size: 1.5rem; font-weight: 300; text-transform: uppercase; background: #62b445;box-shadow: 0 4px 0 #4e8f37; border: 0; border-radius: 4px; position: relative; top: 0; transition: all .2s;}




}

@media only screen and (max-width: 767px) {
    .content-text-blocks                    {flex-wrap: wrap; padding: 0 0.9375rem !important;}
    .content-text-blocks .block             {width: 100%;}
    .content-text-blocks .block:first-child {margin: 0 0 50px 0;}

    .format-flex-33 .box                    {width: 98%;}
}