* { margin: 0px; padding: 0px; }
html, body { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #404040; }
input, select, textarea { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #404040; }
body { background: #fff; }
img { border: 0px; max-width: 100%; height: auto; }
:focus { outline: none; }
ul { list-style: none; }
a:hover { text-decoration: none; }
:focus, a,button,input,textarea,span,em { outline: none!important; transition: .50s ease-in-out; -moz-transition: .50s ease-in-out; -webkit-transition: .50s ease-in-out; }
strong { font-weight: 700;}
h1,h2,h3,h4,h5,h6,p,ul,ol{margin: 0px; }
h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat', sans-serif; font-weight: 100; }
/* global classes */
.clear { clear: both; height: 1px; }
/* wrapper */
#wrapper { width: 100%; float: left; overflow: hidden; }
/* my container */
.mycontainer { padding: 0 15px; width: 100%; max-width: 1200px; margin: 0 auto; }
/* header wrapper */
#headerWrapper { padding: 45px 0 45px 0; width: 100%; float: left; position: absolute; z-index: 9; }
#headerWrapper.innerPage{ border-bottom:1px solid #e4e4e4; position: relative; }
/* logo Area */
.logoArea { float: left; }
.logoArea img { max-width: 100%; height: auto; }
/* menu Area */
.menuArea { padding: 10px 0 0; float: right; }
.menuArea ul { list-style: none; display: inline-block; }
.menuArea ul li { padding: 0 32px 0 0; display: inline-block; }
.menuArea ul li a { font-size: 16px; color: #fff; text-transform: capitalize; font-weight: 500; }
.menuArea ul li a i { color:#0ff2fc; margin: 0 10px 0 0;}
.menuArea ul li.active a { color: #4ca9db; }
.menuArea ul li a:hover { color: #0ff2fc; }
#headerWrapper.innerPage .menuArea ul li a { color: #000; }
#headerWrapper.innerPage .menuArea ul li a:hover { color: #0ff2fc; }
.menuArea a.contact { padding: 13px 37px; margin-top: -13px; font-size: 16px; color: #fff; float: right; font-family: 'Montserrat', sans-serif; display: inline-block; border-bottom: 4px solid #9b6614; border-radius: 40px; font-weight: 500; background-color: #e09a2d; }
.menuArea a.contact i { padding: 0 0 0 8px; }
.menuArea a.contact:hover { border-bottom: 4px solid #4ca9db; background-color: #4ca9db; }
.menuArea .profieDrop { float: left; position: relative; }
.menuArea .profieDrop a.droptop { font-size: 22px; line-height: 32px; color: #3c4751; position: relative; display: flex; justify-content: center; align-items: center; }
.menuArea .profieDrop a.droptop:after { width: 15px; height: 10px; position: absolute; top: 23px; right: -15px; content: ""; background-image: url(../images/drrowdropimg.png); }
.menuArea .profieDrop a.droptop span { width: 60px; height: 60px; margin-right: 15px; display: inline-block; border-radius: 100%; }
.menuArea .profieDrop a.droptop span img { border-radius: 100%; }
.menuArea .profieDrop ul li ul.dropList { display: none; width: 200px; float: none; position: absolute; top: 70px; right: 0; z-index: 9999; border: 2px solid #0ff2fc; background: #fff; }
.menuArea .profieDrop ul li ul.dropList li { padding: 0; width: 100%; display: block; border-bottom: 1px solid #ededed; }
.menuArea .profieDrop ul li ul.dropList li a { padding: 10px 15px; display: block; font-size: 16px; color: #000; }
.menuArea .profieDrop ul li ul.dropList li:last-child { border-top: 1px solid #e9ecef; }
.menuArea .profieDrop ul li ul.dropList li a:after { background: none; }
#headerWrapper.innerPage .menuArea .profieDrop ul li ul.dropList li a { color: #000; }
/* mobile menu */
.mobilemenuArea { display: none; }
/* header wrapper */
#bannerWrapper { width: 100%; float: left; }
/* banner area */
.bannerArea { width: 100%; float: left; display: flex; align-items: center; justify-content: center; position: relative; }
.bannerArea img { width: 100%; }
.bannerArea .overlay .text { width: 100%; float: left; font-size: 18px; color: #fff; font-weight: 600; text-align: center; }
.bannerArea .overlay .text h2 { font-size: 126px; font-weight: 800; }
.bannerArea .overlay .text p { padding: 25px 0 0 0; }
.bannerArea .overlay { width: 100%; max-width: 1000px; position: absolute; }
.bannerArea .owl-buttons { display: none; }
.bannerArea .owl-pagination { width: 100%; float: left; position: absolute; bottom: 80px; left: 15px; }
.bannerArea .owl-pagination .owl-page { margin: 0 5px; width: 17px; height: 17px; border-radius: 100%; display: inline-block; background: #e09a2d; }
.bannerArea .owl-pagination .owl-page.active { border: 3px solid #525456; }
/* innerbanner area */
.innerbannerArea { width: 100%; float: left; display: flex; align-items: center; justify-content: center; position: relative; }
.innerbannerArea img { width: 100%; }
.innerbannerArea .overlay { position: absolute; }
.innerbannerArea .overlay .text { width: 100%; float: left; font-size: 18px; color: #fff; font-weight: 600; text-align: center; }
.innerbannerArea .overlay .text h1 { font-size: 126px; font-weight:800; }
.innerbannerArea .overlay .text h2 { font-size: 126px; font-weight:800; }
.innerbannerArea .overlay .text.profileText h1 { font-size: 85px; font-weight:800; }
.innerbannerArea .overlay .text p { padding: 25px 0 0 0; }
/* content wrapper */
#middleWrapper { width: 100%; float: left; }
/* work area */
.workArea { margin: 50px 0 80px 0; width: 100%; float: left; }
.workArea .item { padding: 135px 33px 0 33px; float: left; }
.workArea .item .itemin { padding: 130px 20px 30px 20px; width: 100%; float: left; position: relative; line-height: 30px; text-align: center; border-radius: 20px; background-image: url('../images/borderimg.png'); background-size: 100% 100%; background-repeat: no-repeat; }
.workArea .workIcon { width: 210px; position: absolute; top: -100px; left: 50%; transform: translateX(-50%); }
.workArea h3 { font-family: 'Montserrat', sans-serif; font-size: 23px; font-weight: 700; text-transform: uppercase; }
.workArea p { padding: 15px 0 0 0; }
/* review area */
.reviewArea { float: left; width: 100%; }
.reveiwTextArea p { padding: 90px 0 80px 0; max-width: 800px; width: 100%; margin: auto; text-align: center; font-size: 18px; color: #7c8793; }
.reveiwTextArea p:not(:nth-child(1)){ display: none; }
#customers-testimonials { max-width: 1000px; width: 100%; height: 420px; margin: auto; text-align: center; }
#customers-testimonials .slideimgBox { padding: 15px; margin: 20px 0 0 0; box-shadow: 0 0 20px #bab8b8; text-align: left; background: #fff; }
#customers-testimonials .slideimgb img { width: 100%; height: auto; }
#reveiwslider .slideimgBox b,#customers-testimonials .slideimgBox b { padding:10px 0 5px 0; display: block; }
#customers-testimonials .left_active.active .item { padding: 50px; margin-bottom:80px; text-align: center; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.8, 0.8, 1) rotate(-20deg) translateY(0px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#customers-testimonials .center.active .item { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) rotate(-3deg) translateY(0px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#customers-testimonials .right_active.active .item { padding: 50px;margin-bottom:80px;text-align: center;-webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.8, 0.8, 1) rotate(20deg) translateY(0px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#customers-testimonials .owl-nav{ width: 100%; position: absolute; top: 50%; }
#customers-testimonials .owl-nav .owl-prev{ width: 50px; height: 50px; color:transparent; margin-left: -50px; float: left; border:0; background: transparent url('../images/leftarrow.png'); background-size:100%; background-position: center;background-repeat: no-repeat; }
#customers-testimonials .owl-nav .owl-next{ width: 50px; height: 50px; color:transparent; margin-right: -50px; float: right; border:0; background: transparent url('../images/rightarrow.png'); background-size:100%; background-position: center; background-repeat: no-repeat; }
/* whyus area */
.whyusArea { margin: 150px 0 50px 0; width: 100%; float: left; }
.whyusArea .colHeading:after { margin: 0; }
.whyusArea .colHeading { margin: 0; text-align: left; background-position: left bottom; }
.whyusArea .whyqlBox { padding: 30px 0 30px 0; line-height: 30px; }
.whyusArea .whyqlBox p { padding: 20px 0 20px 0; }
.whyusArea .whyqrBox .serBox { position: absolute; text-align: center; }
.whyusArea .whyqrBox .serBox.serB1 { left: 100px; top: -25px; }
.whyusArea .whyqrBox .serBox.serB1 b { margin-top: 10px; display: block; }
.whyusArea .whyqrBox .serBox.serB2 b { margin-right: 10px; display: inline-table; }
.whyusArea .whyqrBox .serBox.serB3 b { margin-left: 10px; display: inline-table; }
.whyusArea .whyqrBox .serBox.serB2 { right: -45px; top: 180px; }
.whyusArea .whyqrBox .serBox.serB3 { left: -20px; top: 285px; }
.whyusArea .whyqrBox { position: relative; top: -40px; }
.whyusArea .whyqrBox img { width: 100%; }
.whyusArea .whyqrBox .serBox img { width: 120px; border-radius: 100%; }
/*progress area*/
.prograssArar{ padding: 55px 0 55px 0; width: 100%; float: left; }
.prograssArar .progressBody{ position: relative; }
.prograssArar .progressBody .progress { height: 25px; position: relative; border-radius: 20px; }
.prograssArar .progressBody .progressCont { height: 50px; width: 50px; position: absolute; top:-15px; left: -5px; font-weight: 600; line-height: 50px; text-align: center; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 10px 10px 0 grey; background: #0ff2fc; z-index: 1; }
.prograssArar .progressBody .progress .progress-bar { width: 20px; background: #3C4751; }
/*tranvling area*/
.tranvling { width: 100%; float: left; }
.tranvling h2 { margin: 0 0 60px 0; font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 600; text-align: center; }
.tranvling.customTitle h2 { margin: 0 0 20px 0;}
.tranvling.customTitle p { margin: 0 0 60px 0; text-align:center;}
.tranvling .item { padding: 15px; text-align: center; cursor: pointer; }
.tranvling .travlingImg img { width: 100%; min-height: 366px; object-fit: cover; }
.tranvling .travlingImg { position: relative; }
.tranvling .travlingImg:hover .travlingOver { opacity: 1; }
.tranvling .travlingImg .travlingOver { width: 100%; height: 100%; color: #00e2ea; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; border: 3px solid #57ffff; opacity: 0; background: rgba(0,0,0,0.6); }
.tranvling .travlingImg .travlingOver i { width: 50px; height: 50px; text-align: center; line-height: 47px; border: 3px solid; border-radius: 50%; }
.tranvling .item b { padding: 20px 0 0 0; display: block; font-size: 25px; }
.tranvling .travlingBtn { padding: 115px 0 0 0; text-align: right; }
.tranvling .travlingBtn button.btn { padding: 10px 35px; margin: 0 10px 0 0; min-width: 160px; display: inline-block; font-size: 20px; color: #fff; font-weight: 600; border-radius: 10px; box-shadow: 0 6px 0 0px #6b7986; background: #3c4751; }
.tranvling .travlingBtn button.btn:hover { color: #000; background: #fff; }
.tranvling .travlingBtn button.btn:nth-child(2):hover { background: #fff; }
.tranvling .travlingBtn button.btn:nth-child(2) { color:#3c4751; box-shadow: 0 6px 0 0px #00a9b0; background: #00e2ea; }
.tranvling .item.overActive .travlingImg .travlingOver { opacity: 1; }
.tranvling .item.overActive .travlingImg .travlingOver i { opacity: 1; color: #57ffff; }
.tranvling .travlingImg:hover .travlingOver i { opacity: 0; }
/*unsere berater area*/
.aboutMotravoArea{ width: 100%; float: left; line-height: 30px; }
.aboutMotravoArea .innerHeading { padding: 50px 0 50px 0; text-transform: uppercase; text-align: center; }
.aboutMotravoArea .item p { padding: 10px 0; }
/*unsere berater area*/
.unsereBerater{ width: 100%; float: left; }
.unsereBerater .innerHeading { padding: 145px 0 0px 0; text-transform: uppercase; }
/*unsere berater area*/
.destinationsArea{ width: 100%; float: left; }
.destinationsArea .innerHeading { padding: 130px 0 80px 0; text-transform: uppercase; }
/*unsere berater area*/
.deiPlattform{ width: 100%; float: left; }
.deiPlattform .item{ padding: 0 40px 0 40px; }
.deiPlattform .innerHeading { padding: 100px 0 100px 0; text-transform: uppercase; }
.deiPlattform .item h3 { padding: 10px 0 25px 0; font-weight: 600; font-family: 'Montserrat', sans-serif; }
.deiPlattform .item p { line-height: 30px; }
.deiPlattform .item a { display: block; margin: 20px 0 0 0; font-size: 24px; color:#000; font-weight: 500; text-decoration: underline; }
/*destination map area*/
.destinationMap { position: relative; }
.destinationMap .mapOver { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; text-align: center; background: rgba(0,0,0,0.5) }
.destinationMap .mapOver i{ position: relative; top:-35px; font-size: 40px; color: #00e2ea; }
/* faq area */
.faqs { width: 100%; float: left; }
.faqs .innerHeading { padding: 50px 0 50px 0; text-align: left; text-transform: uppercase; }
.faqs #accordion .card { margin: 0px 0 20px 0; border-color: transparent; }
.faqs #accordion .card h4 { font-family: 'Montserrat', sans-serif; cursor: pointer; font-weight: 600; }
.faqs #accordion .card .card-header { padding: 11px 0 11px 0; position: relative; background: transparent; z-index: 2; }
.faqs #accordion .card .card-header .activeSin{ width: 40px; height: 40px; line-height: 40px; position: absolute; right :0; color: #00e2ea; font-weight: 800; text-align: center; border: 1px solid rgba(0,0,0,.125); cursor: pointer; z-index: -1; background: #fff; }
.faqs #accordion .card .card-header .activeSin.activeborder { border-bottom-color: #fff; }
.faqs #accordion .card .collapse{ border: 1px solid rgba(0,0,0,.125); border-top-color: transparent; }
.faqs .ansurBtn { margin: 70px 0 0 0; display: flex; align-items: center; justify-content: space-between; }
.faqs .ansurBtn h3{ font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 600; }
.faqs .ansurBtn a.btn{ color:#3c4751; box-shadow: 0 4px 0 0px #00a9b0; font-weight: 600; border-radius: 10px; background: #00e2ea; }
.faqs .ansurBtn a.btn:hover{ background: #fff; }
/*how it work area*/
.howItWork { width: 100%; float: left; }
.howItWork h2.innerHeading { padding: 50px 0 50px 0; text-transform: uppercase; }
.howItWork .item { padding: 0 15px 80px 15px; margin:0 25px; width: calc(33.33% - 50px); position: relative; float: left; border: 5px solid #57ffff; border-radius: 40px; text-align: center; }
.howItWork .item:nth-of-type(1):before { content: "\f061"; font-family: 'font awesome 5 pro'; width: 100px; position: absolute; top: 50%; right: -80px; transform: translatey(-50%); font-size: 70px; color: #57ffff; z-index: 1; background: white;}
.howItWork .item:nth-of-type(2):before { content: "\f061"; font-family: 'font awesome 5 pro'; width: 100px; position: absolute; top: 50%; right: -80px; transform: translatey(-50%); font-size: 70px; color: #000; z-index: 1; background: white;}
.howItWork .item:nth-of-type(2) { border-color: #000; }
.howItWork .item h5{ margin-bottom: 30px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 600;}
.howItWork .howWorkImg { height: 280px; line-height: 280px; text-align: center; }
/*work video area*/
.workVideo{ width: 100%; margin: 100px 0 0 0; float:left; }
/*progrece work area*/
.progreceWork{ float: left; width: 100%; }
.progreceWork .innerHeading{ padding: 50px 0 150px 0; text-transform: uppercase;}
.progreceWork .progreceBox{ width: 600px; margin: auto; position: relative; }
.progreceWork .progreceBox img{ width: 100%; }
.progreceWork .progreceBox p{ padding: 20px 0 20px 0; }
.progreceWork .progreceBox .serBox{ position: absolute; text-align: center; }
.progreceWork .progreceBox .serBox.serB1{ left: 220px; top: -70px; }
.progreceWork .progreceBox .serBox.serB1 b{ margin-top: 10px; display: block; }
.progreceWork .progreceBox .serBox.serB2 b{ margin-left: 10px; display: inline-table; }
.progreceWork .progreceBox .serBox.serB3 b{ display: block; text-align: left;}
.progreceWork .progreceBox .serBox.serB4 b{ margin: 10px 0 0 0; display: block; }
.progreceWork .progreceBox .serBox.serB5 b{ display: block; position: relative; right: -100%; text-align: left; }
.progreceWork .progreceBox .serBox.serB6 b{ display: block; position: relative; left: -130px; top: -40px; }
.progreceWork .progreceBox .serBox.serB2{ right: -160px; top: 105px; }
.progreceWork .progreceBox .serBox.serB3{ right: -45px; top: 350px; }
.progreceWork .progreceBox .serBox.serB4{ left: 210px; bottom: -120px; }
.progreceWork .progreceBox .serBox.serB5{ left: -45px; bottom: 75px; }
.progreceWork .progreceBox .serBox.serB6{ left: -35px; top: 80px; }
.progreceWork .progreceBox .serBox img{ width:160px; }
/* registraion area */
.registraionArea { padding: 60px 0; width: 100%; float: left; }
.registraionArea h2 { padding: 0 0 30px; font-size: 40px; color: #3c4751; text-align: center; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 400; }
.registraionArea .formresis { padding: 70px; width: 770px; height: 983px; background-repeat: no-repeat; background-size: cover; margin: 0 auto; }
.registraionArea .formresis label { margin: 0 0 4px; font-size: 18px; color: #000; display: inline-block; text-transform: uppercase; font-weight: 500; line-height: 64px; }
.registraionArea .formresis label small { margin: 0 0 0 0; color: red; font-size: 20px; }
.registraionArea .formresis p { margin: 0; width: 100%; float: left; position: relative; }
.registraionArea .formresis p span.errorMsg { position: absolute; left: 0; bottom: 0; }
.registraionArea .formresis input.form-control { padding: 12px; width: 60%; float: right; height: 53px; font-size: 18px; border: 2px solid #0ff2fc; border-radius: 10px; font-weight: 500; }
.registraionArea .formresis select.form-control { padding: 12px; width: 60%; float: right; height: 53px; font-size: 18px; border: 2px solid #0ff2fc; border-radius: 10px; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/drrowdropimg.png); background-repeat: no-repeat; background-position: right; border: 2px solid #0ff2fc; }
.registraionArea p.acknowledge label { font-size: 18px; color: #000; line-height: normal; }
.registraionArea p.acknowledge .container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.registraionArea p.acknowledge .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.registraionArea p.acknowledge .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #3c4751; }
.registraionArea p.acknowledge .container:hover input ~ .checkmark { background-color: #0ff2fc; }
.registraionArea p.acknowledge .container input:checked ~ .checkmark { background-color: #0ff2fc; }
.registraionArea p.acknowledge .checkmark:after { content: ""; position: absolute; display: none; }
.registraionArea p.acknowledge .container input:checked ~ .checkmark:after { display: block; }
.registraionArea p.acknowledge .container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid #1f2a34; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.registraionArea .buttonsubmit { padding: 13px 60px; margin: 0; float: right; font-size: 20px; color: #1f2a34; font-weight: 600; border-radius: 10px; border: 1px solid transparent; border-bottom: 4px solid #00a9b0; display: block; cursor: pointer; background: #0ff2fc; }
.registraionArea .buttonsubmit:hover { background-color: #fff; }
/* zuruck area */
.zuruckArea { padding: 60px 140px; width: 100%; float: left; text-align: center; }
.zuruckArea h2 { font-size: 40px; color: #3c4751; font-family: 'Montserrat', sans-serif; font-weight: 500; }
.zuruckArea p { padding: 40px 0; font-size: 18px; color: #7e8b96; line-height: 30px; }
.zuruckArea a.btn { font-size: 20px; color: #fff; float: right; border-radius: 10px; border-bottom: 4px solid #6b7986; background-color: #3c4751; }
.zuruckArea a.btn:hover { color: #000; background-color: #fff; }
.zuruckArea a.btn1 { margin: 0 0 0 23px; border: 1px solid transparent; border-left: 2px solid #00a9b0; border-bottom: 4px solid #00a9b0; background-color: #00e2ea; }
/* posted area */
.postedArea { padding: 20px 0 0 0; width: 100%; float: left; line-height: 26px; }
.postedArea .item { padding: 40px 0; width: 100%; float: left; }
.postedArea .item .image { float: left; }
.postedArea .item .detail { float: right; }
.postedArea h2 { padding: 0; font-family: 'Montserrat', sans-serif; font-size: 34px; color: #3c4751; font-weight: 900; line-height: normal; }
.postedArea h2 a { color: #3c4751; text-decoration: none; }
.postedArea h3 { padding: 17px 0 0 0; font-family: 'Montserrat', sans-serif; font-size: 19px; color: #7d8a95; font-weight: 500; line-height: normal; }
.postedArea p { padding: 15px 0 0 0; }
.postedArea a.btn { font-size: 20px; color: #3d4751; border-bottom: 4px solid #00a9b0; border-radius: 10px; background-color: #0ff2fc; }
.postedArea a.btn:hover { background: #fff; }
.postedArea .item:nth-child(2n+0) .image { float: right; }
.postedArea .item:nth-child(2n+0) .detail { float: left; }
.postedArea .noimage { height: 290px; display: block; font-size: 50px; color: #bcbcbc; line-height: 290px; font-weight: 100; text-transform: uppercase; text-align: center; background: #e7e7e7; }
.postedArea .imageleft { margin: 0 35px 30px 0; max-width: 550px; float: left; }
/* nav box */
.navBox { padding: 40px 0 0 0; width: 100%; float: left; line-height: 32px; text-align: center; }
.navBox ul { list-style: none; display: block; }
.navBox ul li { padding: 0 5px; display: inline-block; }
.navBox ul li a { padding: 9px 15px; display: block; color: #333; line-height: normal; border: 1px solid #ccc; }
.navBox ul li.active a { padding: 9px 15px; display: block; color: #fff; line-height: normal; border: 1px solid #333; background: #333; }
/* jhondeo area */
.jhondeoArea { padding: 40px 0 0 0; width: 100%; float: left; text-align: center; }
.jhondeoArea h2 { padding: 0 0 60px 0; font-size: 34px; color: #3c4751; font-family: 'Montserrat', sans-serif; font-weight: 500; }
.jhondeoArea p { padding: 15px 0; }
.jhondeoArea .formcenter { max-width: 750px; width: 100%; margin: 0 auto; }
.jhondeoArea .formcenter p { width: 100%; float: left; }
.jhondeoArea .formcenter label { width: 30%; float: left; font-size: 18px; color: #73808b; font-weight: 500; text-transform: uppercase; line-height: 64px; }
.jhondeoArea .formcenter input.form-control { padding: 14px; width: 100%; max-width: 70%; float: right; height: 63px; font-size: 18px; border: 2px solid #0ff2fc; border-radius: 10px; font-weight: 500; }
.jhondeoArea .buttonsubmit { padding: 13px 27px; margin: 30px 0 0; float: right; font-size: 16px; color: #1f2a34; font-weight: 600; border-radius: 10px; border: 1px solid transparent; text-transform: uppercase; border-bottom: 4px solid #00a9b0; display: block; cursor: pointer; background: #0ff2fc; }
.jhondeoArea .buttonsubmit:hover { background-color: #fff; }
/* contact area */
.contactArea { padding: 60px 0; width: 100%; float: left; }
.contactArea .contact { max-width: 937px; width: 100%; margin: 0 auto; -webkit-box-shadow: 0px 0px 9px 5px rgba(214,214,214,1); -moz-box-shadow: 0px 0px 9px 5px rgba(214,214,214,1); box-shadow: 0px 0px 9px 5px rgba(214,214,214,1); background-color: #0ff2fc; }
.contactArea .contact .item { padding: 168px 50px 168px 50px; margin: 0 -34px 0 4px; width: 45%; float: left; z-index: 2; position: relative; -webkit-box-shadow: 12px 1px 14px -2px rgba(214,214,214,1); -moz-box-shadow: 12px 1px 14px -2px rgba(214,214,214,1); box-shadow: 12px 1px 14px -2px rgba(214,214,214,1); }
.contactArea .contact .item h2 { font-size: 34px; color: #3c4751; font-family: 'Montserrat', sans-serif; font-weight: 500; }
.contactArea .contact .item p { padding: 23px 0; font-size: 14px; color: #535353; font-weight: 500; }
.contactArea .contact .item a { font-size: 16px; color: #3c4751; text-decoration: underline; font-weight: 600; }
.contactArea .contact .item ul { padding: 0; margin: 50px 0 0; list-style: none; text-align: center; }
.contactArea .contact .item li { padding: 0 7px; display: inline-block }
.contactArea .contact .item ul li a { width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 26px; color: #3c4751; display: inline-block; border-radius: 10px; background-color: #fff; }
.contactArea .contact .item ul li a:hover { background-color: #00e1ea; }
.contactArea .contact .item1 { padding: 60px 80px 60px 80px; width:55%; float: right; z-index: 1; position: relative; background-image: url(../images/contactimg.png); background-repeat:no-repeat; border: 4px solid #0ff2fc; background-size: cover; }
.contactArea .contact .item1 input.form-control { padding: 14px; margin: 0 0 15px; height: 63px; font-size: 18px; border: 2px solid #0ff2fc; border-radius: 10px; font-weight: 500; }
.contactArea .contact .item1 select { padding: 14px; width: 100%; margin: 0 0 15px; height: 63px; font-size: 18px; border: 2px solid #0ff2fc; border-radius: 10px; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/drrowdropimg.png); background-repeat: no-repeat; background-position: right; }
.contactArea .contact .item1 textarea { padding: 14px; width: 100%; margin: 0 0 15px; height: 140px; font-size: 18px; border: 2px solid #0ff2fc; border-radius: 10px; font-weight: 500; }
.contactArea .contact .item1 .buttonsubmit { padding: 11px 40px; font-size: 24px; color: #1f2a34; font-weight: 600; border-radius: 10px; border: 1px solid transparent; border-left: 2px solid #00a9b0; border-bottom: 4px solid #00a9b0; display: block; cursor: pointer; margin: 0 auto; border-radius: 10px; background: #0ff2fc; }
.contactArea .contact .item1 .buttonsubmit:hover { background: #fff; }
/* somemore area */
.somemoreArea { width: 100%; float: left; }
.somemoreArea h2.innerHeading { padding: 0 0 50px; text-transform: uppercase; }
.somemoreArea .formresis { padding: 60px 70px 160px 70px; max-width: 873px; width: 100%; height: 100%; -webkit-box-shadow: 0px 0px 9px 5px rgba(214,214,214,1); -moz-box-shadow: 0px 0px 9px 5px rgba(214,214,214,1); box-shadow: 0px 0px 9px 5px rgba(214,214,214,1); border: 2px solid #0ff2fc; border-radius: 10px; background-repeat: no-repeat; background-size: cover; margin: 0 auto; }
.somemoreArea .formresis label { font-size: 17px; color: #000; text-transform: uppercase; font-weight: 500; line-height: 64px; }
.somemoreArea .formresis label em { font-style: normal; color: #fc0f18; }
.somemoreArea .formresis.formr12esis input[type="radio"] { margin: 0 10px 0 10px; }
.somemoreArea .formresis.formr12esis label { line-height: 33px; }
.somemoreArea .formresis label.Mogliche { line-height: 40px !important; }
.somemoreArea .formresis label span { display: block; line-height: normal; }
.somemoreArea .formresis input.form-control.control1 { margin: 0 0 9px; visibility: hidden; }
.somemoreArea .formresis ul { padding: 0; list-style: none; float: right; line-height: 64px; }
.somemoreArea .formresis ul li { display: inline-block; }
.somemoreArea .formresis ul li a { font-size: 20px; color: #0ff2fc; text-decoration: none; }
.somemoreArea .formresis select { padding: 14px; width: 100%; float: right; height: 63px; font-size: 18px; border: 2px solid #0ff2fc; border-radius: 10px; font-weight: 500; background-image: url(../images/drrowdropimg.png); background-repeat: no-repeat; background-position: right; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.somemoreArea .formresis .title p label { float: left; margin: 0 15px; }
.somemoreArea .formresis input.form-control { padding: 14px; margin-bottom: 10px; height: 63px; font-size: 18px; border: 2px solid #0ff2fc; border-radius: 10px; font-weight: 500; }
.somemoreArea .buttonsubmit { text-align: center; padding: 13px 60px; margin: 30px 0 0 10px; float: right; font-size: 24px; color: #1f2a34; font-weight: 600; border-radius: 10px; border: 1px solid transparent; border-bottom: 4px solid #00a9b0; display: block; cursor: pointer; background: #0ff2fc; }
.somemoreArea .buttonsubmit:hover { background-color: #fff; }
.somemoreArea .formresis textarea { padding: 14px; width: 100%; margin: 0 0 15px; height: 200px; font-size: 18px; border: 2px solid #0ff2fc; border-radius: 10px; font-weight: 500; }
.somemoreArea h3 { padding: 11px 0; font-size: 20px; color: #3c4751; font-family: 'Montserrat', sans-serif; font-weight: 500; }
.somemoreArea h3 span { display: block; }
.somemoreArea p.acknowledge label { font-size: 16px; color: #3c4751; line-height: normal; text-transform: capitalize; }
.somemoreArea p.acknowledge .container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.somemoreArea p.acknowledge .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.somemoreArea p.acknowledge .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #3c4751; }
.somemoreArea p.acknowledge .container:hover input ~ .checkmark { background-color: #ccc; }
.somemoreArea p.acknowledge .container input:checked ~ .checkmark { background-color: #2196F3; }
.somemoreArea p.acknowledge .checkmark:after { content: ""; position: absolute; display: none; }
.somemoreArea p.acknowledge .container input:checked ~ .checkmark:after { display: block; }
.somemoreArea p.acknowledge .container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.somemoreArea .datePicker { cursor: pointer; background: url(../images/calender.png) right no-repeat; background-color: rgba(0, 0, 0, 0); background-color: #fff; }
.somemoreArea .select2-container--default .select2-selection--multiple { border: 2px solid #0ff2fc; border-radius: 10px; width: 100%; background-image: url(../images/drrowdropimg.png); background-repeat: no-repeat; background-position: right; }
.somemoreArea .select2-container--default.select2-container--focus .select2-selection--multiple { border: 2px solid #0ff2fc; }
.somemoreArea .select2-container--default .select2-selection--multiple .select2-selection__rendered li { margin-bottom: 5px; line-height: 46px; }
.somemoreArea .select2-container .select2-selection--multiple { display: inline-block; }
/* queslogin area */
.quesloginArea { padding: 60px 0; width: 100%; float: left; }
.quesloginArea .item { padding: 0 273px; text-align: center; }
.quesloginArea h2 { font-size: 40px; color: #3c4751; font-family: 'Montserrat', sans-serif; font-weight: 500; }
.quesloginArea p { padding: 23px 0; font-size: 18px; color: #7e8b97; }
.quesloginArea .formleft { padding: 70px; width: 100%; background-image: url(../images/quesloginimg1.png); background-repeat: no-repeat; background-size: cover; }
.quesloginArea input.form-control { padding: 14px; margin: 0 0 15px; height: 63px; font-size: 18px; border: 2px solid #0ff2fc; border-radius: 10px; font-weight: 500; }
.quesloginArea select.form-control { padding: 14px; margin: 0 0 15px; height: 63px !important; font-size: 18px; border-radius: 10px; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/drrowdropimg.png); background-repeat: no-repeat; background-position: right; border: 2px solid #0ff2fc; }
.quesloginArea textarea { padding: 14px; width: 100%; margin: 0 0 15px; height: 196px; font-size: 18px; border: 2px solid #0ff2fc; border-radius: 10px; font-weight: 500; }
.quesloginArea a { font-size: 20px; color: #3c4751; text-decoration: underline; display: inline-block; font-weight: 500; }
.quesloginArea .accordion { border: 2px solid #0ff2fc; margin-top: 27px; border-radius: 10px; padding: 50px; }
.quesloginArea .accordion h3 { padding: 0 0 23px; margin: 0 0 23px; font-size: 30px; color: #3c4751; font-family: 'Montserrat', sans-serif; font-weight: 500; text-transform: uppercase; border-bottom: 2px solid #0ff2fc; }
.quesloginArea #accordion .card { margin: 0; border-color: transparent; }
.quesloginArea #accordion .card h4 { padding: 0 50px 0 0; min-height: 40px; position: relative; z-index: 3; font-family: 'Montserrat', sans-serif; cursor: pointer; font-weight: 600; }
.quesloginArea #accordion .card .card-header { padding: 11px 0; position: relative; background: transparent; z-index: 2; }
.quesloginArea #accordion .card .card-header .activeSin { width: 40px; height: 40px; position: absolute; top: 11px; right: 0; z-index: 1; color: #00e2ea; font-weight: 700; line-height: 40px; text-align: center; border: 1px solid rgba(0,0,0,.125); cursor: pointer; }
.quesloginArea #accordion .card .collapse{ border: 1px solid rgba(0,0,0,.125); border-top-color: transparent; }
.quesloginArea .ansurBtn { margin: 70px 0 0 0; display: flex; align-items: center; justify-content: space-between; }
.quesloginArea .ansurBtn h3{ font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 600; }
.quesloginArea .ansurBtn a.btn{ color:#3c4751; box-shadow: 0 6px 0 0px #00a9b0; font-weight: 600; border-radius: 10px; background: #00e2ea; }
.quesloginArea .ansurBtn a.btn:hover{ background: #fff; }
.quesloginArea .buttonsubmit { padding: 3px 30px; float: right; font-size: 20px; color: #1f2a34; font-weight: 500; border-radius: 10px; border: 1px solid transparent; border-bottom: 4px solid #00a9b0; display: block; cursor: pointer; background: #0ff2fc; }
/* offerbanner area */
.offerbannerArea { padding: 60px 0; width: 100%; float: left; text-align: center; }
.offerbannerArea .offer { width: 100%; float: left; height: 381px; text-align: center; background-repeat: no-repeat; background-size: cover; }
.offerbannerArea .offer .item { padding: 77px 0 0; }
.offerbannerArea .offer .item h2 { padding: 7px 0 0; font-size: 45px; color: #fcdd14; font-weight: 600; font-family: 'Montserrat', sans-serif; transform: rotate(-7deg); }
.offerbannerArea .offer .item h3 { padding: 5px 0 13px 0; font-size: 28px; color: #00e2ea; font-family: 'Montserrat', sans-serif; font-weight: 700; transform: rotate(-5deg); }
.offerbannerArea .offer a.btn { font-size: 18px; color: #3c4751; font-weight: 600; border: 2px solid #0ff2fc; transform: rotate(-9deg); border-radius: 10px; }
.offerbannerArea .offer a.btn1 { transform: rotate(0); color: #fff; border: 2px solid transparent; border-left: 2px solid #6b7986; border-bottom: 4px solid #6b7986; background: #3c4751; }
.offerbannerArea img.offerbannerimg2 { max-width: 100%; min-height: 381px; width: 100%; object-fit: cover; }
.offerbannerArea .offer:nth-child(2) { margin: 60px 0 0; }
.offerbannerArea .offer .item:nth-child(2) { padding: 0 20px 0 0; }
.offerbannerArea .offer .item { padding: 77px 0 0;}
.offerbannerArea .item.item1 { margin: 0 40px 0 0; }
.offerbannerArea a.show { padding: 13px 37px; margin: 40px auto 0 auto; font-size: 20px; color: #1f2a34; font-weight: 600; border: 1px solid transparent; border-bottom: 4px solid #00a9b0; display: inline-block; cursor: pointer; border-radius: 10px; background: #0ff2fc; }
.offerbannerArea a.show:hover { background-color: #fff; }
/* travaloffer area */
.travalofferArea { width: 100%; float: left; height: 423px; background-repeat: no-repeat; text-align: center; display: flex;
justify-content: center; align-items: center; background-size: cover; background-position: center; }
.travalofferArea .item h2 { padding: 7px 0 0; font-size: 65px; color: #fff; font-weight: 600; font-family: 'Montserrat', sans-serif; transform: rotate(-7deg); }
.travalofferArea .item h3 { padding: 5px 0 13px 0; font-size: 36px; color: #ee442b; font-family: 'Montserrat', sans-serif; font-weight: 700; transform: rotate(-5deg); }
.travalofferArea a.btn { font-size: 18px; color: #3c4751; font-weight: 600; border: 2px solid #0ff2fc; transform: rotate(-9deg); border-radius: 10px; }
.travalofferArea a.btn1 { transform: rotate(0); color: #fff; border: 2px solid transparent; border-left: 2px solid #98a201; border-bottom: 4px solid #98a201; background: #3c4751; }
/* queslogin area */
.meineArea { padding: 60px 0 0 0; width: 100%; float: left; text-align: center; }
.meineArea .item { padding: 0 273px; }
.meineArea h2 { font-size: 40px; color: #3c4751; font-family: 'Montserrat', sans-serif; font-weight: 600; }
.meineArea p { padding: 23px 0; font-size: 18px; color: #7e8b97; }
.meineArea .formleft { min-height: 560px; border-radius: 10px; background: #00e2ea; }
.meineArea .formleft .userImg { text-align: center; margin: 104px 0 100px 0; }
.meineArea .formleft img#blah { object-fit: cover; max-width: 100%; }
.meineArea .formleft .userItem { text-align: right; }
.meineArea .formleft .userItem .userImg img { border-radius: 5px; }
.meineArea .formleft .userForm { padding: 50px 30px 0 0; text-align: left; }
.meineArea .formleft .userForm span.bitweento{ padding: 15px 0 0 0; display: block; text-align: center; font-weight: bold; }
.meineArea .formleft .userForm input { padding: 8px 0 8px 0; border-bottom:2px solid #007d81; border-top: 0; border-right: 0; border-left: 0; border-radius: 0; background: transparent;}
.meineArea .formleft .userForm select { height: 50px; border-radius: 10px; border: 2px solid #007d81; background: transparent;}
.meineArea .formleft .userForm textarea { border-radius: 10px; border: 2px solid #007d81; background: transparent;}
.meineArea .formleft .userForm input:focus{box-shadow: none;}
.meineArea .formleft .userForm textarea::placeholder,
.meineArea .formleft .userForm input::placeholder{ color: #000; }
.meineArea .formleft .userForm label { font-size: 12px; color: #007d81; font-weight: 600; }
.meineArea .formright { padding: 60px 30px 30px 30px; width: 100%; min-height: 560px; box-shadow: 0 0 30px 0 #d4d1d1; background-image: url(../images/contactimg.png); background-repeat: no-repeat; background-size: cover; }
.meineArea .formright p { text-align: left !important; }
.meineArea .formright p a { font-size: 18px; color: #3b3b3b; font-weight: 600; text-decoration: underline; }
.meineArea a.btn { padding: 11px 53px; margin: 122px auto 0 0; color: #fff; display: inline-block; border-left: 2px solid #00a6ac; border-bottom: 4px solid #00a6ac; border-radius: 10px; background-color: #3b3b3b; }
.meineArea .formleft .userForm button.cancel { margin: 15px 0 0 0px; width: 160px; }
.meineArea .formleft .userForm button.cancel,
.meineArea .formleft .userItem button.upload{ color: #fff; box-shadow: 0 4px 0 0px #00a9b0; font-weight: 600; border-radius: 10px; background: #3c4751; }
.meineArea .formleft .userItem button.upload{ margin: 27px 0 0 0px; }
.meineArea .formleft .userForm button.save{ margin: 15px 0 0 10px; width: 160px; color:#3c4751; box-shadow: 0 4px 0 0px #00a9b0; font-weight: 600; border-radius: 10px; background: #0ff2fc; }
.meineArea .formleft .userForm button.cancel:hover,
.meineArea .formleft .userItem button.upload:hover{ background: #fff; color: #3c4751; }
.meineArea .formleft .userForm button.save:hover { background: #fff; }
.cabinet { padding: 10px; display: table; color: #fff; box-shadow: 0 4px 0 0px #00a9b0; font-weight: 600; border-radius: 10px; background: #3c4751; float: right; margin: 30px 0 0 0; cursor: pointer; }
.cabinet input[type="file"] { display: none; }
.rate { margin: 0; padding: 0; float: right; border: none; }
.rate input { display: none; }
.rate label { float: right; color: #d9d9d9; }
.rate label:before { margin-right: 5px; content: "\f005"; font-family: 'Font Awesome 5 Pro'; font-size: 1.25em; }
.rate label:hover,
.rate label:hover ~ label { color: #0ff2fc; transition: 0.2s; }
.rate input:checked ~ label { color: #0ff2fc; }
.rate input:checked ~ label:hover,
.rate input:checked ~ label:hover ~ label { color: #0ff2fc; transition: 0.2s; }
/* Half-star*/
.rate .star-half { position: relative; }
.rate .star-half:before { position: absolute; content: "\f089"; padding-right: 0; }
/*motravo offer area*/
.motravoOffer .leftItem { padding: 10px 10px 10px 10px; min-height: 275px; background: url("../images/newoffer.jpg"); position: relative; background-size: cover; }
.motravoOffer .leftItem:hover .toltip { display: block; }
.motravoOffer .rightItem span,
.motravoOffer .leftItem span { padding: 10px; display: block; color: #000; font-weight: 700; border-radius: 5px; background: #0ff2fc; }
.motravoOffer .leftItem .toltip { padding: 14px; width: 100%; margin: 15px auto; border-radius: 10px; text-align: center; display: none; background: #fff; }
.motravoOffer .leftItem .toltip p { font-size: 13px; text-align: left; margin-bottom: 10px; }
.motravoOffer .leftItem .toltip:after { content: ""; width: 0; height: 0; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 13px solid #fff; top: 56px; right: 0; left: 0; margin: 0 auto; }
.motravoOffer .leftItem .toltip a { padding: 9px; width: 116px; text-align: center; border-radius: 10px; font-size: 16px; color: #000; display: inline-block; background: #0ff2fc; }
.motravoOffer .rightItem { padding: 10px 10px 10px 10px; min-height: 275px; background: url("../images/lettestoffer.jpg"); background-size: cover; }
.motravoOffer .rightItem ul { padding: 0; margin: 50px 0 0 35px; width: 300px; color: #fff; font-weight: 500; }
.motravoOffer .rightItem ul li { padding: 10px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #fff; }
.motravoOffer .rightItem ul li:last-child { border-bottom: 0; }
.motravoOffer .contact,
.motravoOffer .ratingTable { margin: 30px 0 0 0; box-shadow: 0 0 20px 0 #c1bfbf; }
.motravoOffer .contact .tableHead,
.motravoOffer .ratingTable .tableHead { padding: 10px 20px; font-weight: 600; background: #0ff2fc; }
.motravoOffer .ratingTable .rTable { padding: 40px 20px 0 20px; }
.motravoOffer .ratingTable .rTable p { padding: 10px 0; float:left; font-weight: 600; }
.motravoOffer .ratingTable .rTable p lable {float: left;width: 15%; display: inline-block; }
.motravoOffer .ratingTable .rTable p span i { color: #0ff2fc; }
.motravoOffer .ratingTable .rTable textarea { border-radius: 10px; border :2px solid #0ff2fc; }
.motravoOffer .ratingTable .confirm { padding: 30px 20px 30px 20px; display: flex; align-items: center; justify-content: space-between; }
.motravoOffer .contact .contactBody button.btn,
.motravoOffer .ratingTable .confirm button.btn { width: 160px; color:#3c4751; box-shadow: 0 4px 0 0px #00a9b0; font-weight: 600; border-radius: 10px; background: #0ff2fc; }
.motravoOffer .contact .contactBody button.btn:hover,
.motravoOffer .ratingTable .confirm button.btn:hover { background: #fff; }
.motravoOffer .contact .contactBody { padding: 30px 20px 60px 20px; text-align: center; }
.motravoOffer .contact .contactBody ul { padding: 150px 0 0 0; text-align: left; }
.motravoOffer .contact .contactBody ul li { padding: 22px 0; }
.motravoOffer .contact .contactBody ul li:last-child { text-align: center; }
.motravoOffer .contact .contactBody ul li a { color: #000; font-weight: 700; }
.motravoOffer .contact .contactBody p { padding: 0 0 20px 0; font-size: 18px; line-height: 30px; text-align: left;}
.motravoOffer .contact .contactBody .contentSocial ul { padding: 30px 0 0 0; list-style: none; position: relative; z-index: 99; }
.motravoOffer .contact .contactBody .contentSocial ul li { padding: 0 14px; display: inline-block; }
.motravoOffer .contact .contactBody .contentSocial ul li a { width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 26px; color: #3c4751; display: inline-block; border-radius: 10px; background-color: #00e1ea; }
.motravoOffer .contact .contactBody .contentSocial ul li a:hover { background-color: #fff; }
/* footer wrapper */
#footerWrapper { width: 100%; float: left; }
/* footer area */
.footerArea{ padding: 115px 0 0 0px; width: 100%; min-height: 1010px; text-align: center; background-position: center; background-image: url("../images/footerback.png"); background-size: cover; background-repeat: no-repeat; }
.footerArea.fooHidden .fooUp { visibility: hidden; }
.footerArea .fooUp{ width: 800px; margin: auto; }
.footerArea .fooUp p { padding: 20px 0 20px 0;}
.footerArea .fooUp h2 { font-weight: 700; font-family: 'Montserrat', sans-serif; }
.footerArea .footerLogo { padding: 250px 0 0 0; }
.footerArea .footerLogo.inLogo { padding: 425px 0 0 0; }
.footerArea .footerSocial { margin: 100px 0 75px 0; }
.footerArea .footerSocial a{ margin: 10px 20px; color: #fff; font-size: 35px; }
.footerArea .footerSocial a:nth-child(1):hover { color: #3b5999; }
.footerArea .footerSocial a:nth-child(2):hover { color: #e4405f; }
.footerArea .footerSocial a:nth-child(3):hover { color: #55acee; }
.footerArea .footerSocial a:nth-child(4):hover { color: #bd081c; }
.footerArea .footerSocial a:nth-child(5):hover { color: #cd201f; }
.footerArea .footerNav { border-bottom: 1px solid #fff; padding:0 0 25px 0; }
.footerArea .footerNav ul { display: flex; margin: 0; padding: 0; }
.footerArea .footerNav ul li{ margin-right: 85px; display: inline-block; text-align: left; }
.footerArea .footerNav ul li:last-child { margin: 0; }
.footerArea .footerNav ul li a{ color:#fff; font-size: 15px; }
.footerArea .footerNav ul li a:hover { color:#0ff2fc; }
.footerArea .headtest { font-size: 16px; color: #fff; font-weight: 500; text-align: left; }
.footerArea .headtest h4 { padding: 10px 0 7px; font-size: 19px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; }
.footerArea .headtest a { color: #fff; font-weight: 500; padding: 15px 0 0; display: inline-block; }
/* copyright area */
.copyrightArea { padding: 25px 0; width: 100%; float: left; text-align: center; }
.copyrightArea p { font-size: 15px; color: #000; }
.copyrightArea p a { color:#0ff2fc; }
/* commons classes */
.innerHeading{ font-size: 40px; font-family: 'Montserrat', sans-serif; font-weight: 600; text-align: center; }
.colHeading { margin: 0 0 20px 0; font-size: 90px; text-align: center; font-weight: 800; }
.colHeading:after { content: ""; width: 161px; height: 7px; display: block; margin: 0 auto; background: #57ffff; }
/* buttons */
.btn { padding: 10px 25px; display: inline-block; font-size: 16px; font-weight: 700; text-decoration: none; border-radius: 0px; }
.my-skyblue,a.my-skyblue { padding: 10px 35px; font-size: 24px; color: #1f2a34; font-weight: 600; border-radius: 10px; box-shadow: 0 6px 0 0px #004e56; background: #0ff2fc; }
.my-skyblue:hover,a.my-skyblue:hover { background: #fff;}
/* Begin Images */
.aligncenter { display: block; margin: 0 auto; }
.alignright { margin: 0 0 5px 30px; display: inline; }
.alignleft { margin: 0 30px 5px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
.meineArea .formright .toltip {
padding: 14px;
width: 100%;
margin: 0 auto;
border-radius: 10px;
text-align: center;
display: none;
position: absolute;
top: 60px;
background: #3b3b3b;
}
.meineArea .formright .toltip:after {
content: "";
width: 0;
height: 0;
position: absolute;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 13px solid #3b3b3b;
top: -13px;
left: 60px;
margin: 0 auto;
}
.meineArea .formright .toltip p { color: #fff; font-weight: 500; }
.meineArea .formright .toltip a.btnme {
padding: 9px;
width: 116px;
text-align: center;
border-radius: 10px;
font-size: 16px;
color: #000;
display: inline-block;
background: #0ff2fc; }
.meineArea .formright .toltipmoe { position: relative; }
.meineArea .formright .toltipmoe:hover .toltip { display: block; }