body {
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif
}

.header *,
.section2 *,
.section3 *,
.section4 *,
.section5 *,
.section6 *,
.section7 *,
.section8 *,
.section9 * {
    transition: .5s
}

.header {
    padding: 22px 5%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 19000;
    background-color: white;
    box-sizing: border-box;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.logo {
    float: left
}

.nav {
    text-align: right;
    width: 85%;
    float: right;
    margin: 0;
    padding: 0
}

.nav li {
    display: inline-block
}

.li-drop {
    padding: 15px 15px;
    display: inline-block;
    font-size: 13px;
    margin: 0 2px;
    color: #002560;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    transition: .15s
}

.li-drop:hover {
    background-color: #002560;
    color: white;
    transition: .35s
}

.drop {
    display: none;
    cursor: pointer
}

.section1 {
    padding: 0;
    text-align: center;
    position: relative;
    margin-top: 80px;
    background-color: #002560
}

.maintitle {



    color: white;
    padding: 0
}

.section1 h1 {
    color: white;
    font-size: 36px;
    line-height: 1.5em;
    padding: 0 3%;
    box-sizing: border-box;
    font-weight: 300;
}

.section1 h2 {
    color: white;
    font-size: 24px;
    line-height: 1em;
    padding: 0 3% 3% 3% ;
    box-sizing: border-box;
    font-weight: 300;
}

.slider {
    margin: 0 auto;
    width: 100%;

}

.slide_viewer {
    height: 600px;
    overflow: hidden;
    position: relative
}

.slide_group {
    height: 100%;
    position: relative;
    width: 100%
}

.slide {
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    
}

.slide:first-child {
    display: block
}





.slide_buttons {
    left: 0;
    border: 0 solid red;
    position: absolute;
    bottom: 40px;
    width: 100%;
    box-sizing: border-box;
    text-align: center
}

a.slide_btn {
    color: #ce6b01;
    font-size: 42px;
    margin: 0 14px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    line-height: 20px;
    padding: 5px;
    border: 1px solid transparent
}

.slide_btn.active,
.slide_btn:hover {
    color: #ce6b01;
    cursor: pointer;
    border: 1px solid white
}

.directional_nav {
    margin: 0 auto;
    display: none;
    max-width: 940px;
    position: relative
}

.previous_btn {
    display: none;
    left: 100px;
    margin: auto;
    position: absolute;
    top: 0
}

.next_btn {
    bottom: 0;
    display: none;
    margin: auto;
    position: absolute;
    right: 100px;
    top: 0
}

.previous_btn,
.next_btn {
    cursor: pointer;
    height: 65px;
    opacity: .5;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    width: 65px
}

.previous_btn:hover,
.next_btn:hover {
    opacity: 1
}

@media only screen and (max-width:767px) {
    .previous_btn {
        left: 50px
    }
    .next_btn {
        right: 50px
    }
}





.slide1 {
    background: url(assets/img/bg1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}



.slide1-left{
    width: 40%;
    float: left;
    position: absolute;
    left: 0;
    text-align: left;
    margin-top: 200px ;
    padding-left: 50px;
}

.slide1-right{
    width: 60%;
    float: right;
    position: absolute;
    right: 0;
    padding-right: 10px;
    margin-top: 70px ;

}

.slide1-right img{

    width: 750px;

}


.slide2-left{
    width: 50%;
    float: left;
    position: absolute;
    left: 0;
    text-align: left;
    margin-top: 200px ;
}

.slide2-right{
    width: 50%;
    float: right;
    position: absolute;
    right: 0;
    padding-right: 10px;
    margin-top: 70px ;

}

.slide2-right img{

    width: 400px;

}

.slide3 h1{
font-size: 46px;
}

.slide3-left{
    width: 50%;
    float: left;
    position: absolute;
    left: 0;
    text-align: left;
    margin-top: 50px ;
}

.slide3-right{
    width: 50%;
    float: right;
    position: absolute;
    right: 0;
    padding-right: 50px;
    margin-top: 70px ;
    text-align: right;;

}

.slide3-right img{

    width: 500px;
    padding-right: 30px;

}


.slide-cta{
    color: #fff;
    margin: 20px 20px;
    text-decoration: none;
    border: 2px solid #fff;
    padding: 20px 40px;
    font-size:20px;
}

.slide-cta:hover{
    background: #e85b0d;
    border: 2px solid #e85b0d;
}


@media (max-width: 768px){

    .section1 h1 {
        font-size: 30px;
        line-height: 1.2em;
    }

 
    .slide1-left{
        width: 100%;
        float: inherit;
        text-align: center !important;
        margin-top: 20px ;
        font-size: 30px !important;
        padding-left: 0px;
    }

    .slide1-right{
        width: 100%;
        float: inherit;
        text-align: center;
        margin-top: 270px ;
    }

    .slide1-right img{

        max-width: 80%;
    
    }

    .slide2-left{
        width: 100%;
        float: inherit;
        text-align: center !important;
        margin-top: 20px ;
        font-size: 30px !important;
    }

    .slide2-right{
        width: 100%;
        float: inherit;
        text-align: center;
        margin-top: 270px ;
    }

    .slide2-right img{

        max-width: 50%;
    
    }



    .slide3-left{
        width: 100%;
        float: inherit;
        text-align: center !important;
        margin-top: 20px ;
        font-size: 30px !important;
    }

    .slide3-right{
        width: 100%;
        float: inherit;
        text-align: center;
        margin-top: 100px ;
    }

    .slide3-right img{

        max-width: 100%;
    
    }

.slide3-img{
    display: none;
}

    }

.slide2 {
    background: url(assets/img/bg7.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.slide3 {
    background: url(assets/img/bg8.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.section2 {
    display: table;
    width: 100%;

    background-image: url("assets/img/bg9.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 125%;
}

.section2 .left,
.section2 .right {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 20px 2%
}

.section2 .right {
    text-align: right;
    padding: 00px 2%;
    width: 45%
}

.section2 .left {
    width: 55%;
    padding: 60px 5%;
    box-sizing: border-box
}

.section2 .right img {
    width: 90%;
    display: block
}

.section2 h2 {
    color: #e85b0d;
    font-size: 32px;
    margin: 0
}

.section2 h3 {
    color: #5b5b5f;
    font-size: 20px;
    line-height: 32px
}

.section2 p {
    color: #5b5b5f;
    font-size: 15px;
    line-height: 25px
}

.sectionA {
    height: 14px;
    background-color: #262d63;
    text-align: center;
}

.arrow {
    vertical-align: top;
    width: 50px
}

.section3 {
    text-align: center;
    padding: 40px 0 50px 0;
    background-color: #edeef0
}

.table3 {
    width: 280px;
    display: inline-table;
    margin: 0 4%
}

.table3 tr td {
    text-align: center;
    padding: 5px 0;
    vertical-align: top
}

.table3 h4 {
    margin: 0;
    color: #002560;
    font-weight: 700;
    font-size: 20px
}

.table3 p {
    margin: 0;
    min-height: 70px;
    font-size: 16px;
    line-height: 20px;
    color: #5a5a5a;
    line-height: 22px
}

.section4 {
    background: url(assets/img/bg3.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 80px 0
}

.sec4c {
    text-align: center
}

.section4 h2 {
    margin: 0 0 30px 0;
    color: white;
    font-size: 30px;
    padding: 0 0 0 5%
}

.table4 {
    width: 260px;
    display: inline-table;
    margin: 20px 4%
}

.table4 h4 {
    color: white;
    margin: 0
}

.section5 {
    padding: 0
}

.cont5 {
    padding: 50px 5% 30px 5%
}

.section5 h2 {
    color: #002560;
    font-size: 32px;
    margin: 0
}

.section5 p {
    font-size: 16px;
    line-height: 20px;
    color: #5a5a5a
}

.section5 img {
    width: 100%;
    vertical-align: bottom;
    display: block
}

.section6 {
    background-color: #262d63;
    color: white;
    padding: 60px 0 60px 0
}

.section6 h2 {
    font-size: 32px;
    margin-top: 0
}

.section6 p {
    font-size: 15px;
    line-height: 25px;
    margin: 20px 0
}

.sec6c {
    text-align: center
}

.table6 {
    width: 260px;
    display: inline-table;
    margin: 20px 1.5%;
    background: url(assets/img/bg6.jpg) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 30px 10px
}

.table6 td {
    text-align: center!important
}

.table6c {
    border: 2px solid red;
    display: inline-block;
    position: relative
}

.table6xc {
    width: 95%;
    margin: auto;
    text-align: center
}

.table6 h4 {
    margin: 0 0 15px 0;
    color: #e85b0d;
    font-size: 15px;
    font-weight: bold
}

.table6 img {
    width: 100px
}

.table6 p {
    margin: 0;
    min-height: 70px;
    font-size: 14px
}

.section7 {
    text-align: center;
    padding: 60px 0
}

.section7 img {
    vertical-align: middle;
    margin: 0 3.8%
}

.section8 {
    display: table
}

.section8 h2 {
    margin: 0;
    color: #262d63;
    font-size: 32px
}

.section8 .left,
.section8 .right {
    display: table-cell;
    width: 50%;
    vertical-align: top
}

.section8 .left {
    background-color: #9f9fa5;
    background: url(assets/img/bg10.jpg) no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
}

.section8 .right {
    padding: 70px 7% 0 7%;
    background-color: #f8f8f8
}

.section8 .right p {
    font-size: 15px;
    line-height: 25px;
    color: #676767
}

.cta {
    padding: 13px 60px;
    color: white;
    background-color: #002560;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    width: 50%;
    margin: 30px auto 0 auto
}

.cta:hover {
    background-color: #104393;
    transition: .15s;
    transition: .15s
}

.section9 {
    display: table;
    width: 100%;
    padding: 00px 4% 40px 4%;
    box-sizing: border-box
}

.section9 .left,
.section9 .right {
    display: table-cell;
    padding: 20px 3%;
    box-sizing: border-box;
    vertical-align: middle
}

.section9 .left {
    width: 50%
}

.section9 .right {
    width: 50%;
    padding-top: 80px;
}

.section9 .left h2 {
    padding: 0 0 0 15px;
    color: #e85b0d;
    font-size: 32px;
    font-weight: bold
}


.section9 .left h3 {
    padding-top: 20px !important;
}

.section9 .right input {
    width: 100%;
    display: inline-block
}

.section9 .right textarea {
    width: 100%;
    box-sizing: border-box;
    border: 0
}

.section9 .right input,
.section9 .right textarea {
    background-color: #f5f5f5;
    box-sizing: border-box;
    border: 0;
    font-size: 14px;
    padding: 15px
}

.subs {
    background-color: #002560!important;
    color: white
}

.subs:hover {
    background-color: #104393!important;
    transition: .15s;
    cursor: pointer
}

.section9 .left table {
    table-layout: fixed;
    width: 100%;
    cellpadding: 10px;
    border-spacing: 15px
}

.section9 .left h3 {
    margin: 15px 0;
    font-size: 24px;
    color: #002560
}

.section9 .left h5 {

    display: inline;

    font-size: 20px;
    color: #7c7c7c
}

.section9 .right hr {
    margin: 20px 0;
    border-top: 0;
    border-bottom: 1px solid #c2c3c9
}

.rightc {

    padding: 0 4%
}

.section9 .right table td {
    vertical-align: middle
}

.section9 .right table td img {
    vertical-align: middle
}

.soc {
    margin: 0 10px 0 0
}

.soc img {
    width: 42px
}

.soc9 img {
    width: 42px
}

footer {
    text-align: center;
    box-sizing: border-box;
    background-color: #002560;
    padding: 30px 0
}

footer p {
    width: 300px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 25%;
    text-align: center;
    color: white
}

footer img {
    vertical-align: middle
}

@media only screen and (max-width:1300px) {
    .table6 {
        width: 280px;
        display: inline-table
    }
    .table6 h4 {
        display: block
    }
    .table6 p {
        min-height: 90px
    }
    .table6xc {
        width: 650px
    }
    footer p {
        width: 300px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 10%;
        text-align: center;
        color: white
    }
}

@media only screen and (max-width:1200px) {
    .header {
        padding: 26px 3%
    }
    .nav li a {
        padding: 10px 7px;
        font-size: 13px;
        margin: 0
    }
    .section2 .left {
        width: 55%
    }
    .section2 {
        background-size: auto 105%
    }
    .table3 {
        margin: 0 2%
    }
    .section7 img {
        vertical-align: middle;
        margin: 0 2%
    }
    .section4 h2 {
        padding: 0;
        text-align: center
    }
}

@media only screen and (max-width:900px) {
    .header {
        padding: 20px 7%
    }
    .nav {
        display: none;
        width: 100%;
        position: absolute;
        top: 92px;
        left: 0;
        z-index: 11000;
        background-color: #002560
    }
    .drop {
        display: block;
        float: right
    }
    .drop img {
        width: 50px
    }
    .nav li {
        display: block;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        border-bottom: 1px solid #144aa1
    }
    .nav li a {
        padding: 14px 15px;
        display: block;
        font-size: 16px;
        margin: 0 3px;
        color: #fff;
        font-weight: 500;
        text-decoration: none
    }
    .nav li a:hover {
        background-color: #144aa1
    }
    .logo {
        margin: 5px 0 0 0
    }
    .maintitle {
        top: 100px
    }
    .section2 {
        background-image: none;
        display: block
    }
    .section2 .left {
        width: 100%;
        display: block;
        padding: 50px 7%
    }
    .section2 .right {
        display: none
    }
    .table3 {
        width: 90%;
        display: inline-table;
        margin: 30px auto
    }
    ;
    .section4 h2 {
        margin: 0 0 30px 0;
        color: white;
        font-size: 30px;
        padding: 0;
        text-align: center
    }
    .td5x {
        padding: 30px 5%;
        text-align: left
    }
    .table6xc {
        width: 100%
    }
    .table6 {
        width: 250px;
        display: inline-table;
        margin: 40px 5%;
        padding: 30px 2%
    }
    .section7 img {
        display: block;
        margin: 50px auto
    }
    .section8 {
        display: block
    }
    .section8 .left,
    .section8 .right {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 40px 5%;
        text-align: center
    }
    .section9 {
        display: block
    }
    .section9 .left,
    .section9 .right {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 40px 5%;
        text-align: center
    }
    footer p,
    footer img {
        display: block;
        margin: 30px auto
    }
    footer p {
        line-height: 30px
    }
    .table9 {
        margin: 0 auto
    }
    .rightc {
        border-left: 0 solid #c2c3c9
    }
    .td5x {
        text-align: center
    }
}

.selected {
    background-color: #002560
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fade {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    animation-duration: .8s
}


.toggel {
    background-color: #002560!important;
    color: #fff!important
}

.td5x {
    padding: 5px 5%;
    text-align: left
}

body p {
    line-height: 24px!important
}

.resp {
    color: green;
    font-size: 16px;
    text-align: center
}

.hidden{
    display: none;
}

.error{
    color:red;
}

#loading {
    text-align: center;
    margin: 0 auto;
}





#promo_bg {
    position:fixed;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    z-index: 99999;
    background-color: rgba(0,0,0,0.5);
  }
      
  #promo_banner {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    background-color: rgba(255, 255, 255,0.5);
  }
      
  .promo_banner_content{
    padding: 10px;
  }
  
  .promo_banner_content img{
    width:100%;
  }
      
  #promo_close {
    position:absolute;
    right: 0;
    float: right;
    background-color: rgba(192, 57, 43,1);
    color: #fff;
    font-size: 16px;
    padding: 10px;
    z-index: 99999;
  }
  
  @media (max-width: 600px) 
  {
    #promo_banner {
  
      width:100%;
  
    }
  }



  
  .politica{
    margin: 40px 0;
        font-size: 16px;
        width: 100%;
        
      }
    
      .politica a{
        text-decoration: underline;
        color:#fff; 
            
          }
    
          .politica a:hover{
            color:#ea5b0c;
          
          }
    


/** Cookies **/
.row-cookies {
	display: flex;
  }
  
  .column-cookies {
	flex: 50%;

  }



.box-cookies.hide-cookies {
	display: none !important;
  }
  
  .box-cookies {
	position: fixed;
	background: rgba(14, 23, 39, .9);
	width: 100%;
	max-width: 100%;
	z-index: 999999999;
	bottom: 0;
	right: 0;
	left:0;
   border-bottom: none;

	padding: 10px 20px;
  }
  

  .box-cookies p {
	color: #fff;
	font-weight: normal;
  }

  .box-cookies a {
	color: #fff;
	font-weight: bold;
  }
  
  .box-cookies a:hover {
	text-decoration: underline;
  }
  
  .msg-cookies,
  .box-cookies .btn-cookies {
	text-align: left;
	padding: 10px;
	color: #fff;
	font-size: 14px;
	margin-bottom: 5px;
  
  }
  

  
  .box-cookies .btn-cookies {
	cursor: pointer;
	height: auto;
	margin: 11px 10px 10px;
	padding: 8px 16px;
	border: none;
	border-radius: 5px;
  }
  
  
  
  .btn-cookies {
	background-color: #e95c0c;
	white-space: nowrap;
  }
  
  
  
  .btn-cookies:hover {
	background-color: #b94603;
  }
  
  
  
  .msg-cookies {
	padding: 8px;
  }
  
  @media screen and (max-width: 768px) {
	.box-cookies {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}


	.msg-cookies,
	.box-cookies .btn-cookies {
	  text-align: center;
	  align-items: center;

	
	}

	.row-cookies {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		text-align: center;
		justify-content: center;
	  }
	  


	.column-cookies {
		display: flex;
		flex-direction: column;
		flex-basis: 100%;
		flex: 1;
		text-align: center;
	}

  } 





  .email-confirmation {
    background-color: #22356E;
    padding: 40px;
    color: #fff;
    height: 100%;
  }
  
  .email-confirmation a{
    color: #fff;
  }


  .email-confirmation h2 {
    font-size: 36px;
    color: white;
}


  .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  
  .column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    justify-content: center;
  }
  







  
  .popup-exit {
    display: none;
    position: fixed;
    z-index: 99999999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.popup-exit-box {
    position: absolute;
    padding: 0px;
    top: 50%;
    left: 50%;
    max-width: 900px;
    width: 100%;
    transform: translate(-50%, -50%);
    background-color: #333;
    color: #fff;
    border-radius: 10px;
}

.popup-exit-close {
    position: absolute;
    right: 2%;
    top: 4%;
    padding: 10px 8px 5px 8px;
    width: 25px;
    height: 25px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
    border: 3px #fff solid;
}

.popup-exit-close:hover {
    color: #ea5b0c;
    background:#fff;
    border: 2px #fff solid;
}



.popup-exit-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;

  }
  
  .popup-exit-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
  }

.popup-exit-left-column{
    background: #ffffff;
    border-radius: 10px 0 0 10px;
    height: 100%;
    padding: 80px 40px 40px 40px;

	
}  

.popup-exit-right-column{
    background: #ea5b0c;
    border-radius: 0 10px 10px 0;
    height: 100%;
    padding: 40px 40px 40px 40px;

} 



#form-popup-exit label{
    color: #575757;
    font-weight: 700;
}


#form-popup-exit input{
background: #ededed;
box-sizing: border-box;
border: 2px #9d9d9c solid;
width: 100%;
padding: 12px 20px;
margin: 8px 0;
border-radius:10px;
color:#575757;
}


#form-popup-exit input[type=submit] {
    background: #312c63;
    color: #fff;
border: none;
font-size: 20px;
font-weight: 800;
cursor:pointer;
}    



#form-popup-exit input[type=submit]:hover {
    background: #ea5b0c;
    color: #fff;
border: none;
font-size: 20px;
font-weight: 800;
}   




.popup-exit-row-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;

  }
  
.popup-exit-column-2 {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 2;
    align-items: center;
    justify-content: center;
	width: 25%;
	padding: 20px 20px;
}


.popup-exit-column-2 img{
margin-bottom: 10px;
}


.popup-exit-column-2 h4, .popup-exit-column-2 p{
    margin-block-start: 0em;
    margin-block-end: 0em;
    text-align: center;
}

.popup-exit-column-2 h4 {
font-size: 18px;
font-weight: 700;
}

.popup-exit-column-2 p {
	font-size: 14px;
	font-weight: 400;
	}


.popup-exit h2{
 font-size: 36px;
 font-weight: 800;
}


.popup-exit h3{
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 40px;
   }
   

.invalid-feedback{
	color:red;
	font-weight: 300;
}



@media (max-width: 600px) {


	.popup-exit-box {
		position: absolute;
		padding: 0px;
		top: 50%;
		left: 50%;
		max-width: 900px;
		width: 90%;
		transform: translate(-50%, -50%);
		background-color: #333;
		color: #fff;
		border-radius: 10px;
	}



	.popup-exit-row {
		flex-direction: column-reverse;
	
	  }
	  
	  .popup-exit-column {

	  }


.popup-exit-row-2{
	display: none;
}



.popup-exit-close {
    right: 2%;
    top: 2%;
    padding: 1px 5px 1px 5px;
    width: 30px;
    height: 30px;
    font-size: 16px;

}


.popup-exit-left-column{
    background: #ffffff;
    border-radius:  0 0 10px 10px;
    height: 100%;
    padding: 20px 40px 20px 40px;

	
}  

.popup-exit-right-column{
    background: #ea5b0c;
    border-radius: 10px 10px 0 0;
    height: 100%;
    padding: 40px 40px 0px 40px;

} 

#form-popup-exit input{
	margin: 2px 0;
	border-radius:10px;
	color:#575757;
	}

	.popup-exit h2{
		font-size: 26px;
		font-weight: 800;
	   }

}