:root {
  scroll-behavior: smooth;
  --font-size-10:10px;
  --font-size-12:12px;
  --font-size-14:14px;
  --font-size-16:16px;
  --font-size-18:18px;
  --font-size-20:20px;
  --font-size-24:24px;
  --font-size-30:30px;
  --font-size-34:34px;
  --font-size-36:36px;
  --font-size-38:38px;
  --font-size-40:40px;
  --font-size-44:44px;
  --font-size-46:46px;
  --font-size-48:48px;
  --font-size-50:50px;
  --font-size-60:60px;
  --fb-color: #4267b2;
  --gray-color:#dee0e2;
  --white:#ffffff;
  --muted-color:#8f969b;
  --muted:var(--muted-color);
  --dark-color:var(--primary);
  --primary:#143b67;
  --primary-color:#143b67;
  --orange:#f19b2e;
  --warning:var(--orange);
  --primary-hover:#0455e1;
  --light-gray-color:#f4f7fc;
  --shadow:rgba(0, 0, 0, 0.19);
  --table-light-blue:#3d6c9b;
 
  --grd-gray-tb:linear-gradient(0deg, var(--light-gray-color) 0%, var(--white) 100%);
}

body {
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 400;
    overflow: hidden;
    letter-spacing: 0.5px;
    background: var(--light-gray-color);
	color:var(--dark-color)
}

html, body {
    height: 100%;
}

::placeholder {
  color:var(--dark-color) !important;
  font-size: inherit;
  font-weight: 300;
}
::-webkit-input-placeholder {
   color:var(--dark-color) !important;
  font-size: inherit;
  font-weight: 300;
}
::-ms-input-placeholder {
   color:var(--dark-color) !important;
  font-size: inherit;
  font-weight: 300;
}



::-webkit-scrollbar-track
{
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 7px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    background-color: #ddd;
}


.text-white
{
    color: #fff;
}
.text-dark
{
    color: var(--dark-color);
}
.text-primary,.text-blue
{
    color: var(--primary-color);
}

.link
{
    text-decoration: none;
    color:var(--dark-color);
}
.link:hover,.link:focus
{
    text-decoration: none;
    color: var(--primary-color);
}
.section
{
    position: relative;
}
.section-padding
{
    padding-top: 70px;
}
.section-padding-2x
{
    padding-top: 120px;
}

.section-padding-both
{
    padding-top: 70px;
    padding-bottom: 70px;
}
.section-padding-both-2x
{
    padding-top: 120px;
    padding-bottom: 120px;
}


.btn
{
    padding: 5px 20px;
    font-size: var(--font-size-14);
    font-weight: 500;
    height: 44px;
    min-width: 150px;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    border-radius: 0;
    position: relative;
}
.btn i
{
    font-size: var(--font-size-20);
    margin-left:20px;
    font-weight: 400;
}
.btn:focus
{
    outline: 0;
    box-shadow: none;
}
.btn:hover i,.link:hover i
{
    animation: fadeInLeft infinite 2s;
}
.btn-dark
{
    background: var(--dark-color);
    color: #fff;
    border:1px solid transparent;
}
.btn-dark:hover
{
     border:1px solid;
}
.btn-outline-dark
{
    background:none ;
    color: var(--dark-color) !important;
    border:border:1px solid; 
}
.btn-outline-dark:hover,.btn-outline-dark:focus
{
    background: var(--dark-color);
    color: #fff !important;
    border:1px solid transparent;
}

.btn-primary
{
    background: var(--primary-color);
    color: #fff;
    border:none;
}
.btn-primary:hover
{
    color: #fff;
    background: var(--primary-hover);
}
.btn-primary:focus
{
    color: #fff;
    background: var(--primary-color);
}
.btn-outline-primary
{
    background:none ;
    color:var(--primary-color);
    border:1px solid;
}
.btn-outline-primary:hover,.btn-outline-primary:focus
{
    background: var(--primary-color);
    color: #fff;
    border:1px solid transparent;
}

.btn-orange
{
    background: var(--orange);
    color: #fff !important;
    border:none;
}
.btn-orange:hover
{
    color: #fff;
    background: var(--orange);
}
.btn-white{
    background: #fff;
    color: var(--dark-color);
    border: 1px solid transparent;
}
.btn-white:hover
{
    background: none;
    color: #fff;
    border: 1px solid #fff;
}
.btn-outline-white
{
    background: none;
    color: #fff;
    border: 1px solid #fff;
}
.btn-outline-white:hover{
    background: #fff;
    color: var(--dark-color);
    border: 1px solid transparent;
}

.btn-white-shadow
{
    background: #fff;
    color: var(--dark-color);
    border:none;
    box-shadow: 0 2px 6px var(--shadow);
}
.btn-white-shadow:hover
{
    box-shadow: 0 2px 14px var(--shadow);
}
.btn-white-shadow:focus
{
    background: #fff;
    color: var(--dark-color);
    border:none;
    box-shadow: 0 2px 14px var(--shadow);
}
.btn-dark{
    background: var(--dark-color) !important;
    color: #fff !important;
}
.btn-dark:hover,.btn-dark:focus{
    background: none !important;
    color: var(--dark-color) !important;
    border: 1px solid var(--dark-color);
}
.btn-round{
	border-radius:60px;
	min-width:130px;
}

.bg-dark
{
    background: var(--dark-color) !important;
}
.bg-blue,.bg-primary
{
    background: var(--primary-color) !important;
}
.bg-white
{
    background: #fff;
}


.wrapper
{
    height: 100%;
}



.fs-12
{
    font-size: var(--font-size-12);
}

.fs-14
{
    font-size: var(--font-size-14);
}

.bold
{
    font-weight: bold !important;
}
.fw-300
{
    font-weight: 300 !important;
}

.fw-500
{
    font-weight: 500 !important;
}
.fw-600
{
    font-weight: 600 !important;
}
.fw-700
{
    font-weight: 700 !important;
}
.fw-800
{
    font-weight: 800 !important;
}
.fw-900
{
    font-weight: 900 !important;
}
section
{
    position: relative;
}
.overflow-hidden
{
    overflow: hidden;
}
a,a:hover,a:focus
{
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
    color: var(--primary-color);
}

.scrollToTop
{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99999;
    display: none;
    font-size: var(--font-size-30);
    width: 30px;
    background: none;
    display: none;
    padding: 0;
    justify-content: center;
    background: #fff;
    color: var(--dark-color);
    border: none;
}
.scrollToTop i
{
    margin: 0 !important;
}
.scrollToTop:hover
{
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.30);
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background-color: #fefefe;
    z-index: 999;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

#status {
    width: 100px;
    height: 100px;
    background-image: url(../img/loader2.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.section-padding
{
    padding-top: 70px;
}
.section-padding-half
{
    padding-top: 30px;
}
.section-padding-1-5x
{
    padding-top: 110px;
}
.section-padding-2x
{
    padding-top: 140px;
}

.logo-icon-wrapper
{
    justify-content: space-between;
    display: flex;
    align-items: center;
    width: 100%;

}
.main-menu
{
    /*removed here */
    /*position:absolute;*/
    /*left:0;*/
    /*right:0;*/
	/*top:10px;*/
	z-index:999;
    /*background: transparent;*/
    background-color:white;
    padding: 0;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    -o-transition: all 0.35s linear;
    -ms-transition: all 0.35s linear;
    transition: all 0.35s linear;
}
.main-menu .lang
{
	font-size:12px;
	background:none;
	border-radius:50px;
	height:30px;
	width:70px;
	padding: 3px 10px;
	
}
.logo
{
    /*width: 370px;*/
    padding: 10px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/*removed*/
.header-sec
{
    /*position: relative;*/
    /*display: flex;*/
    /*min-height: 110vh;*/
    align-items: flex-start;
    justify-content: center;
	overflow:hidden;
	background:var(--grd-gray-tb);
    z-index: 0;
}
/*removed*/
.index-img
{
	/*position:absolute;*/
	/*bottom:0px;*/
	/*left:0;*/
	/*right:0;*/
	width:100%;
	height:auto;
    /*z-index: 1;*/
}
.index-bg
{
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    /*height:100%;*/
}

.header-sec .container
{
    z-index: 2;
}
.header-typo
{
    color:var(--dark-color);
    width: 70%;
	padding-top: 130px;
    text-align: left;
}
.header-typo .text-1
{
    font-size: var(--font-size-36);
    font-weight: 700;
    line-height: 1.3;
}
.header-typo .light
{
    font-weight: 300;
}
.header-typo .text-2
{
    font-size: var(--font-size-20);
    display: inline-block;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.header-typo .btn
{
    height: 50px;
    min-width: 150px;
}

.bg-text-br
{
    padding: 4px 20px;
    border-radius: 60px;
    color: #fff;
    background: var(--orange);
}
.header-typo .comingsoon
{
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase;
}
.text-p
{
    font-size: var(--font-size-14);
    font-weight: 300;
    line-height: 1.5;

}

.text-muted
{
    color: var(--muted-color);
}

.text-primary
{
    color: var(--primary) !important;
}
.text-orange
{
	color: var(--orange) !important;
}

.scrolldown
{
    color: white;
    font-size: var(--font-size-14);
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 5%;
    animation: bounce  infinite 2s; 
}
.scrolldown i
{
    margin-left: 10px;

}

.workBox
{
	padding:40px;
	background:#fff;
	border-radius: 0 60px;
	margin-bottom:30px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02);
}
.workBox .figure
{
	position: absolute;
    color: var(--light-gray-color);
    font-size: 90px;
    right: 20%;
    top: 0;
    font-weight: 300;
}
.workBox .icon
{
	margin-bottom:20px;
}
.workBox .icon img
{
	height:60px;
}
.workBox .title
{
	font-size:var(--font-size-18);
	font-weight:500;
	margin-bottom:20px;
}

.workBox .content
{
	font-size:var(--font-size-14);
	font-weight:300;
	color:var(--primary);
}
.sec-title
{
	line-height:1;
	text-transform:uppercase;
}
.sec-title .main-title
{
    font-size: 30px;
	/*font-size:var(--font-size-50);*/
	font-weight:700;
}
.sec-title .sub-title
{
	font-size:var(--font-size-40);
	font-weight:600;
}
.sub-title-18
{
	font-size:var(--font-size-18);
	font-weight:600;
}
.sub-title-24
{
	font-size:var(--font-size-24);
	font-weight:600;
}
.title-30
{
    font-size:var(--font-size-30);
    font-weight:600;
    line-height: 1.2;
}
/*.short-line*/
/*{*/
	/*margin:20px 0;*/
	/*width:90px;*/
	/*height:4px;*/
/*}*/
.short-line {
    margin: 20px 0;
    width: 170px;
    height: 2px;
}

.bg-orange
{
	background:var(--orange);
}
.align-self-center
{
	align-self:center;
}

.singcontents
{
	margin-bottom:30px;
}
.singcontents a.text-p
{
    color: var(--primary);
    display: block;
}
.singcontents a.text-p:hover
{
    color: var(--orange);
}
.whyCimg
{
	border-radius: 0 60px;
	overflow:hidden;
	border:2px solid #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02);
}

.whyC-box
{
	display:flex;
	flex-wrap: nowrap;
	margin-bottom:20px;
}
.whyC-box .icon
{
	width:46px;
	height:46px;
	border-radius:100%;
	margin-right:20px;
	background:#fce7cc;
	color:var(--orange);
	font-size:24px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.whyC-box .content
{
	width:90%;
}
.whyC-box .title
{
	font-size:var(--font-size-18);
	font-weight:600;
	margin-bottom:10px;
}
.whyC-box .desc
{
	font-size:var(--font-size-14);
	font-weight:400;
	color:var(--muted);
}

.register-bg
{
	background:var(--primary);
}

.justify-center
{
	justify-content:center;
}

.register-bg .form-control
{
	background:none;
	border-radius:0;
	height:44px;
	color:#fff;
}
.register-bg .label-text
{
	color:#fff;
}
.ourmission
{
	background:#fff;
	border-radius:20px;
	padding:40px;
}
.uppr
{
	text-transform:uppercase;
}
.capt
{
    text-transform:capitalize !important;
}
a.morelink,a.morebox-link {
    text-decoration:none;
    outline: none;
    color: var(--orange);
    font-size: var(--font-size-12);
    margin-top:10px;
    display: flex;
    align-items: center;
    font-weight:400;
}
a.morelink i,a.morebox-link i
{
    font-size:20px;
    margin-left:20px;
}
.morecontent .hidecontent {
    display: none;
}
.show-read-more 
{
    overflow: hidden;
}

.mrc-readmore {
    -webkit-transition: color .85s;
    -o-transition: color .85s;
    transition: color .85s;
}

.mrc-btn-wrap {
    display: inline-block;
}

.mrc-shadow {
    pointer-events: none;
    position: absolute;
    height: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #fff), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, #fff 1%, rgba(0, 0, 0, 0) 70%);
    background: -o-linear-gradient(bottom, #fff 1%, rgba(0, 0, 0, 0) 70%);
    background: linear-gradient(to top, #fff 1%, rgba(0, 0, 0, 0) 70%);
}

.mrc-readmore-link
{
    font-size: var(--font-size-12);
    color: var(--orange);
    text-decoration: none;
}

.my-social-icons
{
	display: flex;
    align-items: center;
}
.my-social-icons a {
    font-size: var(--font-size-16);
    color: var(--orange);
    margin-right: 20px;
}
.flex-center
{
	justify-content: center;
    display: flex;
}
.flex-end
{
	justify-content: flex-end;
    display: flex;
}

.r-1-svg
{
	position:absolute;
    top: -3%;
    left: -3%;
}
.r-2-svg
{
	position:absolute;
    top: -9%;
    left: -9%;
}

.obj-d-1
{
	position:absolute;
    top: -10%;
    left: 0;
}
.obj-c-1
{
	position:absolute;
    top: -5%;
    right:0;
}

.hdr-list
{
    font-size: var(--font-size-16);
    padding: 0;
    margin: 0;
    margin-top: 20px;
    list-style: none;
}
.hdr-list li
{
    margin-bottom: 10px;
    position: relative;
}
.hdr-list.bullet li
{
    padding-left: 20px;
}
.hdr-list.bullet li:after
{
    position: absolute;
    left: 0;
    content: "\f361";
    display: inline-block;
    font-family: "Ionicons";
    font-size: 14px;
}

.btn-glow
{
    box-shadow: 0px 4px 20px rgba(241, 155, 46, 0.72);
    animation: pulse infinite 2s;
}

.ft-logo img
{
    max-width: 250px;
}
.table-wrapper
{
     border-radius: 20px;
     background: #ffffff;
     box-shadow: 0 2px 20px var(--shadow);
     margin-bottom: 20px;
}
.table-wrapper.table-dark-blue,.table-wrapper.table-dark-blue .tb-rndtitle,.table-wrapper.table-dark-blue .tb-nd-prc
{
    background: var(--primary);
    color: #fff;
}
.table-wrapper.table-dark-blue .table-body
{
    background: #dfe9f2;
}
.table-wrapper.table-light-blue,.table-wrapper.table-light-blue .tb-rndtitle,.table-wrapper.table-light-blue .tb-nd-prc
{
    background: var(--table-light-blue);
    color: #fff;
}
.table-wrapper.table-light-blue .table-body
{
    background: var(--primary);
}
.table-wrapper.table-light-blue .ul-point
{
    color: #fff;
}
.table-wrapper.table-orange,.table-wrapper.table-orange .tb-rndtitle,.table-wrapper.table-orange .tb-nd-prc
{
    background: var(--orange);
    color: #fff;
}

.table-header,.table-footer
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    max-height: 120px;
}
.table-header .icon
{
    width: 150px;
    margin-right: 20px;
}
.table-header .content
{
    width: 90%;
}
.table-header .title
{
    font-size: var(--font-size-18);
    font-weight: bold;
    line-height: 1;
}
.title-24
{
    font-size: var(--font-size-24) !important;
}
.table-wrapper .table-body
{
    background: #fff;
    padding: 20px;
    line-height: 1;
}

.table-body .tb-title
{
    color: var(--orange);
    font-size: var(--font-size-20);
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}
.table-body .tb-rndtitle
{
    font-size: var(--font-size-14);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 30px;
    border-radius: 40px;
    position: relative;
    max-width: 70%;
    padding: 10px;
    margin: auto;
    margin-bottom: 20px;
}
.table-body .tb-rndtitle:before,.table-body .tb-rndtitle:after {
    position: absolute;
    content: '';
    width: 20%;
    height: 2px;
    margin: auto;
    background: inherit;
}
.table-body .tb-rndtitle:before {
    left: -20%;
    right: auto;
}
.table-body .tb-rndtitle:after {
    right: -20%;
    left: auto;
}
.tb-in-content .tb-nd-prc
{
    font-size: var(--font-size-12);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 20px;
    border-radius: 40px;
    padding: 4px 10px;
    width: fit-content;
    position: absolute;
    top: 75px;
    right: 0;
}
.tb-in-content
{
    margin-bottom: 20px;
    position: relative;
}
.tb-in-content .in-title
{
    font-size: var(--font-size-16);
    color: var(--orange);
    margin-bottom: 10px;
    text-transform: uppercase;
}
.tb-in-content .ul-point
{
    font-size: var(--font-size-14);
    color: var(--primary);
    text-transform: uppercase;
    display: block;
    list-style: none;
    font-weight: 500;
    padding: 0;
    margin: 0;
}
.tb-in-content .ul-point li
{
    margin-bottom: 7px;
}


.table-footer .ft-title
{
    font-size: var(--font-size-18);
    font-weight: bold;
    line-height: 1;
}
.table-footer .ft-price
{
    text-align: right;
    font-size: var(--font-size-50);
    font-weight: bold;
    font-family: 'Teko', sans-serif;
    line-height: 1;
}

.euro-price
{
    position: relative;
}
.euro-price:before
{
    content: '€';
    font-weight: 400;
    position: relative;
    font-size: 34%;
    vertical-align: super;
    font-family: 'Poppins', sans-serif;
}
.table-footer .euro-price:before
{
     margin-right: 5px;
}
.hz-graph
{
    padding: 20px 0;
    font-size: 14px;
    padding: 20px 0;
    font-size: var(--font-size-12);
    border-left: 1px solid var(--table-light-blue);
}
.hz-graph .hz-row
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.hz-graph .hz-row .fill
{
    background: var(--table-light-blue);
    color: #fff;
    width: fit-to-content;
    padding: 9px 20px;
    border-radius: 0 40px 40px 0;
    margin-right: 10px;
}
.hz-graph .hz-row:first-child
{
    margin-bottom: 10px;
}
.bg-orange
{
    background: var(--orange) !important;
}
.lh-1
{
    line-height: 1;
}

.relative
{
    position: relative;
}
.rocket-sec
{
    background: var(--primary);
    padding: 20px 0;
}
.rocket-sec .rocket
{
    position: absolute;
    top:-120%;
    right: 0;
    height:300%;
}

.table-4
{
    background: var(--orange);
    border-radius: 20px;
    color: #fff;
    text-transform: uppercase;
}
.table-4 .text-1
{
    font-size: var(--font-size-18);
    font-weight: bold;
    
}
.table-4 .text-2
{
    font-size: var(--font-size-14);
}
.table-4 .euro-price
{
    font-size: var(--font-size-50);
    font-weight: bold;
    font-family: 'Teko', sans-serif;
    line-height: 1;
}
.table-4 .content
{
    padding: 30px;
    text-align: left;
}
.bg-orange-dark
{
    background: #f38c09;
}
.reqds {
    color: #ec7c7c;
    padding-left: 2px;
}
.ercls {
    font-size: 11px;
    color: #f19b2e;
    float: right;
    padding-top: 5px;
}
.erclssub {
    font-size: 14px;
    color: #f19b2e;
    float: right;
    margin-top: 10px;
}
.agreetxt{
    color: #d4ab77;
    font-size: 10px;
    padding-top: 10px;
}
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background:#f38c09;
}

.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    /*transition-delay: 1000ms;*/
}

.cookiealert .acceptcookies {
    vertical-align: baseline;
}
.cokp{
    font-size:16px;
    margin-bottom:0px;
}
.bgcooki{
    background-color: #af6911;
}
.pull-right{
    float:right;
}
.brdck1{
    margin-left:10px;
    margin-top:5px;
}
.brdck2{
    margin-top:5px;
}
.termscondn{
    height: 30px;
    min-width: 92px;
    padding: 3px 10px;
}
.txtlink{
     text-decoration:underline;
 }
.txtlink:hover{
    text-decoration:underline;
    color:#143b67 !important
}
.appons{
    text-decoration:underline;
}
.appons:hover{
    text-decoration:underline;
}
.whapp{
    width: 40px;
    height: 40px;
    color: #FFFFFF;
    background-color: #4CAF50;
    padding: 8px 13px;
    border-radius: 29px;
    font-size: 20px;
    margin-right: 10px;
}
.appdiv{
    text-decoration:underline;
    font-weight: 600;
    color: #134771;
    font-size: 18px;
}
.numbertop{
    font-weight: 600;
    color: #134771;
    font-size: 18px;
}
.emailtop{
    font-weight: 600;
    color: #134771;
    font-size: 18px;
}
.bannersecn{
    /*position:relative;*/
    /*background-image: url("img/capture.png");*/
    /*background-position: bottom center;*/
    /*background-image: url("img/capture.png");*/
    margin-top: 78px;
}
.bannerdesc{
    /*position:absolute;*/
    /*top:90px;*/
    /*left: 6%;*/
    background-color:white;
    padding: 20px 35px;
    border-radius: 20px;
    /*margin-top: 70px;*/
}
.bannerleft-h{
    font-size:24px;
    font-weight: 700;
    line-height: 1.3;
    color:#143b67;
    margin-bottom:15px;
}
.mrbs{
    margin-bottom: 8px;
}
.sqrbx{
    width:15px;
    height:20px;
    border-radius:5px;
    background-color:#143b67;
    margin-right:10px;
    margin-bottom: -3px !important;
}
.videoright{
    /*margin-top: 70px;*/
    /*position:absolute;*/
    /*top:90px;*/
    /*right: 6%;*/
    /*background-color:white;*/
    /*padding: 20px 35px;*/
    /*border-radius: 20px;*/
}
.pull-left{
    float:left;
}
.pull-right{
    float:right;
}
.bannerbtmtp{
    background-color: #143b67;
    opacity: 0.8;
    color: white;
    padding: 20px 0px;
    margin:60px 0px 15px;
}
.btmbannerright{
    padding-left:20px;
    margin-top:58px;
}
.bbtm{
    border-bottom: 2px solid #f19b2e;
    font-weight:700;
}
.bannertp{
    padding-top:90px;
}
.plansecn{
    padding-top:80px;
}
.imgplandiv{
    position:relative;
}
.imgplancon1{
    color: white;
    position: absolute;
    bottom: 64px;
    left: 52px;
}
.imgplancon2{
    color: white;
    position: absolute;
    bottom: 64px;
    left: 52px;
}
.imgplancon3{
    color: white;
    position: absolute;
    bottom: 64px;
    left: 27px;
}
.imgplan{
    width:100%;
    height:auto;
}
.wholeplandiv{
    max-width: 955px;
}
.plancontdiv{
    border: 1px solid #e2d8d8;
    margin-top: -67px;
    padding:69px 20px 20px;
    border-radius: 20px;
    min-height: 326px;
    background-color: white;
}
.plandesc{
    font-size: 15px;
    /*color: #6c757d;*/
    color: black;
    margin-bottom:0px;
}
.planprice{
    border-right: 3px solid black;
    padding-right: 15px;
    font-size: 24px;
    font-weight: 700;
}
.planrightcon{
    font-size: 13px;
    color: black;
}
.vaste{
    font-weight: 600;
    font-size: 16px;
    padding-left: 18.5px;
}
.btnprice{
    padding: 30px 20px;
    font-weight: 700;
    font-size: 17px;
}
.dropvalue{
    background-color:blue;
}
option{
    background-color:#143b67;
}
.waarom{
    font-size: 23px;
    font-weight: 500;
}
.smalldiv {
    background-color: white;
    padding: 1px 45px;
    border-radius: 12px;
}
.smalldivdesc{
    color: white;
    padding-left: 45px;
    margin-top: 5px;
}
.waaromright{
    margin-top: 40px;
}
.waaromleftdiv{
    padding-right: 30px;
}
.waaromrightdiv{
    padding-left: 30px;
}
.main-titleo{
    font-size: 40px;
    font-weight:700;
    margin-bottom: 25px;
}
.fw600{
    font-weight: 600;
}
.woning{
    font-weight: 700;
    margin-top: 70px;
    margin-bottom: 30px;
}
.dstop{
    position:relative;
}
.dsbottom{
    position: absolute;
    top: 9px;
    left: 26px;
    font-size: 35px;
}
.dsbottomcontent{
    position: absolute;
    left: 36%;
    bottom: 16px;
    font-size: 13px;
}
.dsbottomcontent3{
    position: absolute;
    left: 39%;
    bottom: 20%;
    font-size: 13px;
}
.dsbottomcontent4{
    position: absolute;
    left: 39%;
    bottom: 18%;
    font-size: 13px;
}
.pdesc {
    font-size: 15px;
    color: #6c757d;
    margin-top: 9px;
}
.mbbds{
    margin-bottom:20px;
}
.short-line1{
    margin: 20px 0;
    width: 90px;
    height: 4px;
}

.numbertopmobile{
    font-weight: 600;
    color: #134771;
    font-size: 18px;
    margin-top: 20px;
}
.icon-r{
    padding-right:10px;
}
.bgstructure{
    background-color: #dcd9d9;
    padding: 6px 10px;
    border-radius: 21px;
}
.numbertopemail{
    font-weight: 600;
    color: #134771;
    font-size: 18px;
    margin-top: 15px;
}
.short-line-center {
    margin: 0 auto;
    width: 170px;
    height: 2px;
    margin-bottom: 25px;
}
.verkopen{
    font-weight:700;
}
.imgplanmobilediv{
    position:relative;
}
.imgplanmob{
    width:35%;
    height:auto;
    float:left;
    margin-right: 15px;
}
@media screen and (max-width: 400px){
    .imgplanmob{
        width:45%;
        height:258px;
        float:left;
        margin-right: 15px;
    }
}
@media (min-width: 401px) and (max-width: 450px) {
    .imgplanmob{
        width:57%;
        height:auto;
        float:left;
        margin-right: 15px;
    }
}
@media (min-width: 780px) and (max-width: 991px) {
    .imgplanmob{
        width: 30%;
        height: auto;
        float: left;
        margin-right: 15px;
    }
}
.planmobdesc{
    padding: 10px 15px;
}
.vastemobile {
    font-weight: 500;
    font-size: 31px;
}
.bdd{
    border-top: 1px solid #e2d8d8;
    border-right: 1px solid #e2d8d8;
    border-bottom: 1px solid #e2d8d8;
    border-radius: 100px 24px 24px 100px;
    background-color: white;
}
.ard{
    padding-left:15px;
    padding-right:15px;
}
.pricembb{
    padding-right:8px;
    font-size: 23px;
}
.fundamob{
    position:absolute;
    top: 47%;
    color: white;
    font-weight: 700;
    left: 2%
}
@media screen and (max-width: 390px) {
    .pricembb {
        padding-right: 8px;
        font-size: 17px;
    }
}
@media (min-width: 391px) and (max-width: 480px) {
    .pricembb {
        padding-right: 8px;
        font-size: 19px;
    }
}
.planmobh{
    font-size:21px;
}
@media screen and (max-width: 991px) {
    .agreetxt{
        padding-top:0px;
        margin-top: -19px;
    }
    .mbdsmobile{
        margin-top: 25px;
    }
    .waaromleftdiv{
        padding-right:0px;
    }
}
.cursor-pointer{
    cursor:pointer;
}
.colblue{
    color: #134771;
}
@media screen and (max-width: 410px) {
    .dsbottomcontent{
        position: absolute;
        left: 36%;
        bottom: 26px;
        font-size: 13px;
    }
    .dsbottomcontent3{
        position: absolute;
        left: 39%;
        bottom: 20%;
        font-size: 13px;
    }
    .dsbottomcontent4{
        position: absolute;
        left: 39%;
        bottom: 18%;
        font-size: 13px;
    }
}
@media (min-width: 411px) and (max-width: 500px) {
    .dsbottomcontent{
        position: absolute;
        left: 31%;
        bottom: 26px;
        font-size: 13px;
    }
    .dsbottomcontent3{
        position: absolute;
        left: 34%;
        bottom: 20%;
        font-size: 13px;
    }
    .dsbottomcontent4{
        position: absolute;
        left: 34%;
        bottom: 18%;
        font-size: 13px;
    }
}
@media (min-width: 501px) and (max-width: 767px) {
    .dsbottomcontent{
        position: absolute;
        left: 26%;
        bottom: 26px;
        font-size: 13px;
    }
    .dsbottomcontent3{
        position: absolute;
        left: 28%;
        bottom: 20%;
        font-size: 13px;
    }
    .dsbottomcontent4{
        position: absolute;
        left: 28%;
        bottom: 18%;
        font-size: 13px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .dsbottomcontent{
        position: absolute;
        left: 37%;
        bottom: 26px;
        font-size: 13px;
    }
    .dsbottomcontent3{
        position: absolute;
        left: 39%;
        bottom: 20%;
        font-size: 13px;
    }
    .dsbottomcontent4{
        position: absolute;
        left: 39%;
        bottom: 18%;
        font-size: 13px;
    }
}
.youvideo{
    /*width:100%;*/
    width: 478px;
    height: 269px;
}
.mb-16{
    margin-bottom: 16px;
}
.svdk{
    font-size: 17px;
    font-weight: 700;
}
.fszp{
    font-size:18px;
}
.descofzelf{
    padding-right: 20px;
}
.footh{
    font-size: 22px;
}
.footerdsk .text-p{
    font-size:15px;
}
.emalicn{
    font-size: 24px;
    vertical-align: bottom;
}
.callicn{
    font-size: 24px;
    vertical-align: bottom;
}
.bannerbtmstructure{
    height: 140px;
    background-color:#193b68;
    opacity:0.5;
    margin: 60px 0px 15px;
}
.bannerbottomdiv1{
    position: absolute;
    top: 13%;
    left: 21%;
}
@media (max-width: 350px) {
    .bannerbottomdiv1{
        position: absolute;
        top: 6%;
        left: 5%;
    }
}
@media (min-width: 351px) and (max-width: 410px) {
    .bannerbottomdiv1{
        position: absolute;
        top: 6%;
        left: 10%;
    }
}
@media (min-width: 411px) and (max-width: 450px) {
    .bannerbottomdiv1{
        position: absolute;
        top: 6%;
        left: 10%;
    }
}
@media (min-width: 451px) and (max-width: 500px) {
    .bannerbottomdiv1{
        position: absolute;
        top: 6%;
        left: 13%;
    }
}
@media (min-width: 501px) and (max-width: 550px) {
    .bannerbottomdiv1{
        position: absolute;
        top: 6%;
        left: 17%;
    }
}
@media (min-width: 551px) and (max-width: 600px) {
    .bannerbottomdiv1{
        position: absolute;
        top: 6%;
        left: 20%;
    }
}
@media (min-width: 601px) and (max-width: 650px) {
    .bannerbottomdiv1{
        position: absolute;
        top: 6%;
        left: 23%;
    }
}
@media (min-width: 651px) and (max-width: 750px) {
    .bannerbottomdiv1{
        position: absolute;
        top: 6%;
        left: 27%;
    }
}
@media (min-width: 751px) and (max-width: 850px) {
    .bannerbottomdiv1{
        position: absolute;
        top: 6%;
        left: 30%;
    }
}
@media (min-width: 851px) and (max-width: 991px) {
    .bannerbottomdiv1{
        position: absolute;
        top: 6%;
        left: 32%;
    }
}
@media (min-width: 992px) and (max-width: 1050px) {
    .bannerbottomdiv1 {
        position: absolute;
        top: 13%;
        left: 10%;
    }
}
@media (min-width: 1051px) and (max-width: 1150px) {
    .bannerbottomdiv1 {
        position: absolute;
        top: 13%;
        left: 14%;
    }
}

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

    .bannerleft-h{
        font-size: 19px;
    }
    .mnnmob p{
        font-size:13px;
    }
    .sqrbx{
        width: 10px;
        height: 17px;
    }
}
@media screen and (max-width: 600px) {
    .bannertp{
        padding-top:50px;
    }
    .bannerbtmstructure{
        margin: 50px 0px 15px;
    }
    .bannerdesc{
        padding: 20px 9px;
    }
    .plansecn {
        padding-top: 45px;
    }
    .fdssm{
        /*padding: 24px 20px;*/
        /*font-size: 14px;*/
    }
    .mmbbanmob{
        margin-top: 30px !important;
    }
}
.spacebetween{
    justify-content: space-between;
    display: flex;
    align-items: center;
    /*width: 100%;*/
    /*padding:0px 20px;*/
}
.prw{
    padding-right:2px;
   margin-left:8px;
}
.consm{
    background-color: #f4f7fc;
    border-radius: 50px;
    padding: 10px 20px 0px;
    margin-bottom:10px;
}

.consm .whapp{
    width: 20px;
    height: 20px;
    color: #FFFFFF;
    background-color: #4CAF50;
    padding: 2px 5px;
    border-radius: 29px;
    font-size: 11px;
    margin-right: 4px;
}
.text-underline{
    text-decoration:underline;
}
.ppdes{
    padding: 0px 2px;
}
.text-transform-none{
    text-transform: none !important;
}
.main-menu{
    margin: 0px;
    position: fixed;
    background-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #245587;
    clear: both;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 999;
}
@media (min-width: 297px) and (max-width: 343px) {
    .bannersecn{
        margin-top: 65px;
    }
}
@media screen and (max-width: 296px) {
    .bannersecn{
        margin-top: 58px;
    }
}