/* CSS utf-8 ő */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

BODY {font-family:'Outfit', sans-serif; font-size:20px; line-height:34px; color:#75719F; padding:0px; margin:0px; text-align:center; background-color:#0D0A30;}

A {color:#60FDFC; text-decoration:none;}
A:HOVER {color:#81FFFE; text-decoration:underline;}

H1 {font-size:60px; line-height:68px; color:#bfbbe5; font-weight:700; opacity:0;}
H2 {font-size:26px; line-height:38px; color:#bfbbe5; font-weight:600; margin-bottom:20px;}
H3 {font-size:20px; line-height:24px; color:#bfbbe5; font-weight:700; margin-bottom:20px;}

.nodisplay {display:none;}
.nounder {text-decoration:none;}
.hand {cursor:pointer;}
.small {font-size:9px;}
.clear {clear:both;}
.youtubefull {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.youtubefull IFRAME {position:absolute; top:0; left:0; width:100%; height:100%;}
.opacity0 {opacity:0.0;}

.button1 {position:relative; font-size:20px; line-height:30px; font-weight:400; color:#ffffff; background-color:#FF7A00; padding:20px 30px; border-radius:100px; transition:background 400ms ease-in-out;}
.button1 SPAN {padding-right:30px; transition:padding 200ms ease-in-out;}
.button1::AFTER {content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjI3MTUgMy45Mzk0NUwxOC4zMzIxIDEwLjAwMDFMMTIuMjcxNSAxNi4wNjA3IiBzdHJva2U9IiMwQTBDMEYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xLjY2NjAyIDEwTDE4LjMzMjcgMTAiIHN0cm9rZT0iIzBBMEMwRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);}
.button1::AFTER {position:absolute; top:30px; right:30px; left:unset; width:auto; height:auto; border:none; filter:brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(7500%) hue-rotate(268deg) brightness(105%) contrast(104%);}
.button1:HOVER {color:#ffffff; background-color:#ff5400; text-decoration:none;}
.button1:HOVER SPAN {padding-right:80px;}
.button2 {font-size:24px; line-height:30px; font-weight:700; color:#000000; background-color:#d8d8d8; text-transform:uppercase; padding:5px 50px; border-radius:5px;}
.button2:HOVER {color:#d8d8d8; background-color:#353535; text-decoration:none;}

.pagecontainer {width:1410px; margin:0 auto; text-align:left;} 

.headcontainer {position:relative; height:110px;}
/*.headcontainer {position:relative; height:140px; background-color:#dbe3f9;}*/
.head {position:relative; height:110px;}
.head .hlogo {position:absolute; top:35px; left:0px;}
.head .hlogo A {}
.head .hlogo A:HOVER {text-decoration:none;}
.head .hlogo A IMG {}
.head .hmenu {position:absolute; top:42px; right:0px;}
.head .hlang {position:absolute; top:0px; left:100px;}

.menutabs {overflow:show;}
.menutabs UL {margin:0px; padding:0px; padding-left:5px; font-size:16px; line-height:24px; font-weight:500; list-style-type:none;}
.menutabs LI {float:left;}
.menutabs LI .menuitem {display:block; text-decoration:none; margin:0px; padding:0px;  margin-left:20px; color:#ff7a00; text-transform:uppercase;}
.menutabs LI .menuitemlast {padding-right:0px; margin-right:0px;}
.menutabs LI .homeiconlink {padding:2px 10px 5px 10px;}
.menutabs LI .homeiconlink .homeicon {/*background:url(/images/home1.png) no-repeat 0px 0px;*/}
.menutabs LI .selected {color:#60FDFC; text-decoration:none;}
.menutabs LI .selected .homeicon {/*background:url(/images/home2.png) no-repeat 0px 0px;*/}

.menutabs LI .menupanel {display:none; position:absolute; margin-top:0px; width:220px; background:#356bab; padding:10px 13px 13px 13px; z-index:330;}
.menutabs LI:HOVER .menuitem {color:#60FDFC;}
.menutabs LI:HOVER .selected {color:#60FDFC;}
.menutabs LI:HOVER .issubmenu {padding-bottom:15px;}
.menutabs LI:HOVER .menupanel {display:none;}
.menutabs LI:HOVER .menupanel .mpmenuitems {}
.menutabs LI:HOVER .menupanel .mpmenuitems UL {margin:0; padding:0; list-style-type:none;}
.menutabs LI:HOVER .menupanel .mpmenuitems UL LI {float:none; padding-left:16px; background:url(/images/arrow6.gif) no-repeat 0px 9px; padding-bottom:3px; padding-top:4px;}
.menutabs LI:HOVER .menupanel .mpmenuitems UL LI .mpmenuitem {font-size:14px; font-weight:normal; color:#ffffff; text-transform:none;}
 
.content {padding-bottom:50px;}
.content .left {width:350px; float:right;}
.content .right {width:1020px; float:left; margin-right:40px;}

.leftbox {margin-bottom:15px;}
.leftbox .lbtitle {font-weight:bold; padding-bottom:4px; margin-bottom:5px; border-bottom:1px solid #e2e2e2;}
.leftbox .lbcontent {}

.submenubox {margin-bottom:15px; background-color:#f0f0f0; padding:10px 15px;}
.submenubox .lbtitle {margin-bottom:20px;}

.submenu {list-style-type:none; padding:0px; margin:0px;}
.submenu .mainmenuitem {}
.submenu .mainmenuitem A {display:block; padding:10px 10px 10px 10px; font-size:16px; line-height:22px; font-weight:400; color:#7b6f60; margin-bottom:5px;}
.submenu .mainmenuitem A:HOVER {color:#ffffff; text-decoration:none; background-color:#7b6f60;}
.submenu .mainmenuitemselected A {color:#000000; text-decoration:none;}
.submenu .mainmenuitemassubmenu A {margin-bottom:0px;}
.submenu .mainmenuitemlast {}

.submenu .submenuitem A {display:block; padding:10px 10px 10px 45px; font-size:14px; line-height:22px; font-weight:500; background:url(/images/icons/arrowv11.svg) no-repeat 15px 15px; background-size:15px; background-repeat:no-repeat; margin-bottom:0px;}
.submenu .submenuitemselected A {color:#000000; text-decoration:none;}

.banner1 {margin-bottom:10px;}

.hirdeteslabel {font-family:Arial; font-size:9px; color:#b7b6b6; letter-spacing:3px; margin-bottom:3px;}
.hirdeteslabel SPAN {background:url(/images/hirdetesarrow.gif) no-repeat right center; padding-right:8px;}

.mainbox1 {padding:40px;}
.mainbox1 H1 {clear: both; margin: 0px auto; padding: 5px 0 20px; font-weight: bold; font-size:30px; color:#4c4c4c; line-height:34px; text-align:center;}
.mainbox1 .lead {padding:0; font-size:18px;	line-height:22px; color:#4c4c4c; text-align:center;	margin: 0 90px 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.26);}
.mainbox1 .text {padding:0; font-size:14px;	line-height:18px; color: #4c4c4c; text-align:center; margin: 0 90px 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.26);}


.box1 {position:relative; width:100%; height:auto; opacity:0;}
.box1 .pic {position:relative; width:100%; height:395px; overflow:hidden; line-height:0px; border-radius:20px; overflow:hidden; margin-bottom:20px;}
.box1 .pic IMG {width:100%; height:395px; object-fit:cover; opacity:1.0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.box1 .piccover {background-color:#60FDFC; opacity:0; position:absolute; top:0px; width:100%; height:395px; transition:all 0.5s ease-in-out; border-radius:20px; overflow:hidden;}
.box1 .info {position:relative; }
.box1 .info .title {font-size:26px; line-height:34px; font-weight:700; margin-bottom:30px; text-align:center;}
.box1 .info .title A {}
.box1 .info .title A:HOVER {}
.box1 .info .text {font-size:24px; line-height:36px; font-weight:400; margin-bottom:40px; height:100%; box-sizing:border-box; align-items:center; justify-content:center; display:flex; text-align:center; color:#ffffff; opacity:0; transition:all 0.5s ease-in-out; padding:0px 80px;}
.box1:HOVER .pic IMG {transform:scale(1.2); opacity:0.7;}
.box1:HOVER .piccover {opacity:1;}
.box1:HOVER .info .text {opacity:1;}

.box2 {}
.box2 .pic {}

.commonsepline {height:3px; background-color:#f9f9f9}

.homeblock1 {width:440px; float:left; margin-right:20px;}
.homeblock2 {width:220px; float:right;}

.homepromo {margin-bottom:20px;}
.homepromo .hptitle {font-size:18px; line-height:22px; font-weight:700; margin-bottom:10px;}
.homepromo .hppic {margin-bottom:10px;}
.homepromo .hptext {font-size:14px; line-height:18px; color:#564e47;}

.breadcrumb {padding:20px 0px 0px 0px; font-size:16px; line-height:20px; margin:0px 0px 30px 0px; font-weight:400;}
.breadcrumb OL {display:inline-block; list-style:outside none none; margin:3px 0px 0px 0px; padding:0px;}
.breadcrumb OL LI {display:inline; padding:0px;}
.breadcrumb OL LI:first-child {margin-left:0px;}
.breadcrumb OL LI A {color:#46426f;}
.breadcrumb OL LI A:HOVER {text-decoration:underline;}
.breadcrumb OL LI .currentpostitle {display:inline; color:#75719f; text-decoration:none;}
.breadcrumb OL LI:AFTER {content:'\203A'; margin:0 5px; color:#46426f;}
.breadcrumb OL LI:last-child:AFTER {content:''; margin:0;}

.tile1 {display:block; width:45px; height:33px; padding-top:13px; margin-right:10px; margin-bottom:10px; float:left; background-color:#d4d0ca; text-align:center; text-decoration:none; font-size:22px; font-weight:700;}
.tile1:HOVER {background-color:#842e2e; color:#d4d0ca;}

.lastbox {margin-right:0px;}

/* SLIDESHOW OVERLAY PANEL ---------------------------------------------------*/
.ici_slideshow_window {cursor:pointer;}
.ici_slideshow_window {display:none; height:100%; width:100%; position:fixed; z-index:2001; top:0; background:rgba(237,237,237,.97);}

.ici_slideshow_window .ici_slideshow_window_close {width:50px; height:50px; overflow:hidden; cursor:pointer; position:absolute; right:20px; top:10px; z-index:1;}
.ici_slideshow_window .ici_slideshow_window_close:hover::before, 
.ici_slideshow_window .ici_slideshow_window_close:hover::after {background: #EE3E36;}
.ici_slideshow_window .ici_slideshow_window_close::before, 
.ici_slideshow_window .ici_slideshow_window_close::after {position:absolute; height:3px; width:100%; top:50%; left:0; margin-top:-1px; background:#666666; content:'';}
.ici_slideshow_window .ici_slideshow_window_close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.ici_slideshow_window .ici_slideshow_window_close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.ici_slideshow_window .ici_slideshow_window_content {display:table; border:none; height:100vh; width:100vw;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container {display:table-cell; vertical-align:middle; text-align:center;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container .ici_slideshow_window_content_pic {display:inline-block; max-width:1600px;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container .ici_slideshow_window_content_pic IMG {max-width:100%; max-height:100%;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container .ici_slideshow_window_content_text {display:inline-block; max-width:1200px; font-size:16px; line-height:22px; color:#333333; padding:10px 50px 10px 50px;}

.ici_slideshow_window .ici_slideshow_window_next {height:100%; width:200px; position:absolute; right:0px; top:0px; cursor:pointer;}
.ici_slideshow_window .ici_slideshow_window_next .ici_slideshow_arrow_container {position:absolute; right:40px; top:45%; height:87px; width:80px; float:none; background-color:rgba(255,255,255,0.5);}
.ici_slideshow_window .ici_slideshow_window_next .ici_slideshow_arrow_container .ici_slideshow_arrow {margin-top:20px; height:45px; width:45px; cursor:pointer; border-right:1px solid #333333; border-top:1px solid #333333; background:transparent; transform:rotate(45deg);}
.ici_slideshow_window .ici_slideshow_window_next:HOVER .ici_slideshow_arrow {border-right:2px solid #333333; border-top:2px solid #333333;}

.ici_slideshow_window .ici_slideshow_window_previous {height:100%; width:200px; position:absolute; left:0px; top:0px; cursor:pointer;}
.ici_slideshow_window .ici_slideshow_window_previous .ici_slideshow_arrow_container {position:absolute; left:40px; top:45%; height:87px; width:80px; float:none; background-color:rgba(255,255,255,0.5);}
.ici_slideshow_window .ici_slideshow_window_previous .ici_slideshow_arrow_container .ici_slideshow_arrow {height:45px; width:45px; margin-left:30px; margin-top:20px; cursor:pointer; border-left:1px solid #333333; border-top:1px solid #333333; background:transparent; transform:rotate(-45deg);}
.ici_slideshow_window .ici_slideshow_window_previous:HOVER .ici_slideshow_arrow {border-left:2px solid #333333; border-top:2px solid #333333;}

.cookieaccept {position:fixed; bottom:0; width:100%; background-color:#333333; z-index:999999999; padding-top:20px; padding-bottom:20px;}
.cookieaccept .cookieaccept_content {display:flex; justify-content:space-between; align-items:center; position:relative;}
.cookieaccept .cookieaccept_content .cookieccepttext {display:block; font-size:16px; line-height:22px; color:#ffffff; text-align:left;}
.cookieaccept .cookieaccept_content .cookieccepttext A {color:#ffffff; text-decoration:underline;}
.cookieaccept .cookieaccept_content .cookiecceptnav {margin-left:20px;}
.cookieaccept .cookieaccept_content .cookiecceptnav .canbutton {display:block;}
.cookieaccept .cookieaccept_content .cookiecceptnav .canbutton .button1 {font-size:16px; line-height:20px; font-weight:500; padding:10px 25px; text-decoration:none; cursor:pointer;}

/* -- SITE -------------------------------------------------------------------*/
.topheadcontainer {height:38px; background-color:#556ca7; display:none;}
.tophead {display:flex; justify-content:space-between; font-size:16px; line-height:22px; font-weight:500; color:#ffffff; padding-top:6px;}
.tophead .thtext {}
.tophead .thcontact {}
.tophead .thcontact A {color:#ffffff; margin-left:40px; padding-left:24px;}
.tophead .thcontact .themail {background-image:url(/images/icons/email1.svg); background-repeat:no-repeat; background-position:0px 3px; background-size:16px;}
.tophead .thcontact .thphone {background-image:url(/images/icons/phone1.svg); background-repeat:no-repeat; background-position:0px 2px; background-size:16px;}

.hometitle {opacity:0.0;}
.hometitle H2 {font-size:41px; line-height:49px; font-weight:500; color:#60FDFC; text-align:center; margin-bottom:60px;}
.hometitle2 {display:grid; grid-template-columns:2fr 1fr; grid-column-gap:60px;}
.hometitle2 .htleft {}
.hometitle2 .htleft H2 {font-size:64px; line-height:72px; text-align:left;}
.hometitle2 .htright {display:flex; align-items:center; justify-content:center;}

.bigpromocontainer {position:relative; width:100%; min-height:640px; overflow:hidden; margin:0 auto; margin-bottom:60px;}
.bigpromocontainer .bigpromopic {position:absolute; width:100%; min-height:640px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.bigpromocontainer .bigpromocover {position:absolute; width:100%; min-height:640px; background-color:rbga(0,0,0,0.5);}
.bigpromo {position:relative; width:100%; min-height:640px; display:flex; justify-content:center; text-align:center; align-items:center;}
.bigpromo .info {width:1200px;}
.bigpromo .info .title {font-size:64px; line-height:77px; font-weight:700; color:#39F1F0; margin-bottom:90px; opacity:0.0;}
.bigpromo .info .title A {color:#39F1F0; text-decoration:none;}
.bigpromo .info .text {font-size:20px; line-height:28px; font-weight:500; color:#317288; margin-bottom:20px; opacity: 0.0;}
.bigpromo .info .more {opacity:0.0;}
.bigpromo .info .more .button1 {font-size:32px; font-weight:500; line-height:40px; padding:30px 60px;}

.bigbox1 {width:100%; margin-bottom:30px;}
.bigbox1 .pic {width:100%; height:375px; margin-bottom:10px; overflow:hidden; background-color:#f2f2f2;}
.bigbox1 .pic IMG {width:100%; height:375px; object-fit:cover;}
.bigbox1 .info {}
.bigbox1 .title {font-size:24px; line-height:36px; font-weight:700; margin-bottom:30px;}
.bigbox1 .title A {}
.bigbox1 .title A:HOVER {}
.bigbox1 .text {font-size:40px; line-height:50px; font-weight:700; color:#2f3c5e; margin-bottom:40px;}
.bigbox1 .more .button2 {}

.themeboxes {display:grid; grid-template-columns:1fr 1fr; grid-column-gap:60px; grid-row-gap:60px; padding-bottom:120px;}
.themebox {position:relative; width:100%; height:auto; opacity: 0.0;}
.themebox .pic {position:relative; width:100%; height:auto; overflow:hidden; line-height:0px; border-radius:20px; overflow:hidden;}
.themebox .pic IMG {width:100%; height:auto; object-fit:cover; opacity:1.0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.themebox .piccover {background-color:#60FDFC; opacity:0; position:absolute; top:0px; width:100%; height:100%; transition:all 0.5s ease-in-out; border-radius:20px; overflow:hidden;}
.themebox .info {position:absolute; top:0px; width:100%; height:100%; display:flex; flex-direction:column;}
.themebox .info .title {font-size:44px; line-height:56px; font-weight:700; margin-bottom:30px;}
.themebox .info .title A {}
.themebox .info .title A:HOVER {}
.themebox .info .text {font-size:24px; line-height:36px; font-weight:400; margin-bottom:40px; height:100%; box-sizing:border-box; align-items:center; justify-content:center; display:flex; text-align:center; color:#ffffff; opacity:0; transition:all 0.5s ease-in-out; padding:0px 80px;}
.themebox .info .more {box-sizing:border-box; padding:30px 20px;}
.themebox .info .more .button1 {display:block; font-size:32px; font-weight:500; line-height:40px; padding:30px 60px; background-color:#60FDFC; color:#0D0A30; overflow:hidden; transition:background 400ms ease;}
.themebox .info .more .button1 SPAN {display:inline-block; width:30px; white-space:nowrap; text-align:right; padding-right:0px; transition:width 400ms ease;}
.themebox .info .more .button1::AFTER {filter: brightness(0) saturate(100%) invert(7%) sepia(20%) saturate(6556%) hue-rotate(232deg) brightness(86%) contrast(106%); transition:right 400ms ease;}
.themebox .info .more .button1::BEFORE {content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjI3MTUgMy45Mzk0NUwxOC4zMzIxIDEwLjAwMDFMMTIuMjcxNSAxNi4wNjA3IiBzdHJva2U9IiMwQTBDMEYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xLjY2NjAyIDEwTDE4LjMzMjcgMTAiIHN0cm9rZT0iIzBBMEMwRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);}
.themebox .info .more .button1::BEFORE {position:absolute; top:30px; right:unset; left:-50px; width:auto; height:auto; border:none;}
.themebox .info .more .button1::BEFORE {filter: brightness(0) saturate(100%) invert(7%) sepia(20%) saturate(6556%) hue-rotate(232deg) brightness(86%) contrast(106%); transition:left 400ms ease;}
.themebox .info .more .button1:HOVER::AFTER {right:-50px;}
.themebox .info .more .button1:HOVER::BEFORE {left:30px;}
.themebox .info .more .button1:HOVER SPAN {width:100%;}
.themebox .info .more .button1:HOVER {background-color:#AEFFFE;}
.themebox:HOVER .pic IMG {transform:scale(1.2);}
.themebox:HOVER .piccover {opacity:0.3;}
.themebox:HOVER .info .text {opacity:1;}

.smallpromocontainer {background-color:#60FDFC; padding:80px 0px;}

.smallpromo {display:grid; grid-template-columns:810px auto; grid-column-gap:80px; height:500px; padding:80px 0px;}
.smallpromo .pic {position:relative; width:810px; height:500px; overflow:hidden; border-radius:20px; overflow:hidden;}
.smallpromo .pic .glink {position:absolute; top:0px; left:0px; display:flex; width:100%; height:100%; align-items:center; justify-content:center; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.smallpromo .pic IMG {width:810px; height:500px; object-fit:cover; opacity:1.0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.smallpromo .pic:HOVER .glink {}
.smallpromo .pic:HOVER IMG {opacity:0.6; transform:scale(1.2);}
.smallpromo .info {display:flex; align-items:center;}
.smallpromo .info .infocont {}
.smallpromo .info .infocont .title {font-size:48px; line-height:56px; font-weight:600; margin-bottom:30px;}
.smallpromo .info .infocont .title A {color:#16114E;}
.smallpromo .info .infocont .text {font-size:27px; line-height:35px; font-weight:400; color:#16114E; margin-bottom:60px;}
.smallpromo .info .more .button1 {background-color:#16114E;}
.smallpromo .info .more .button1 SPAN {padding-right:40px;}
.smallpromo .info .more .button1::AFTER {top:20px; right:20px;}
.smallpromo .info .more .button1:HOVER SPAN {padding-right:80px;}

.smallpromoreverse {grid-template-columns:auto 810px;}
.smallpromoreverse .pic {grid-column:2; grid-row:1;}
.smallpromoreverse .info {grid-column:1; grid-row:1;}

.testimonialcontainer {padding:120px 0px;}
.testimonialcontainer .hometitle H2 {color:#8480AF;}
.testimonials {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-column-gap:30px;}
.testimonialbox1 {width:auto; background-color:#34305E; height:500px; border-radius:20px; overflow:hidden;}
.testimonialbox1 .info {position:relative; display:flex; flex-direction:column; height:100%; justify-content:space-between;}
.testimonialbox1 .info .text {position:relative; font-size:18px; line-height:26px; font-weight:300; font-style:italic; color:#ffffff; padding:20px; text-align:center; height:100%; display:flex; align-items:center;}
.testimonialbox1 .info .signature {margin-bottom:30px;}
.testimonialbox1 .info .signature .pic {text-align:center;}
.testimonialbox1 .info .signature .pic IMG {width:120px; height:120px; object-fit:cover; border-radius:200px; overflow:hidden}
.testimonialbox1 .info .signature .signo {text-align:center;}
.testimonialbox1 .info .signature .signo .name {font-size:18px; line-height:24px; font-weight:400; font-style:italic; color:#ffffff;}
.testimonialbox1 .info .signature .signo .position {font-size:14px; line-height:18px; font-weight:400; color:#8986a9;}
.testimonialbox1 .info .signature .signo .position A {color:#8986a9; text-decoration:underline;}

.smartsheetcontainer {background-color:#ffffff; padding:80px 0px;}
.smartsheetcontainer .hometitle H2 {color:#275177;}

.smartsheet {display:grid; grid-template-columns:810px auto; grid-column-gap:80px; height:500px; padding:80px 0px;}
.smartsheet .pic {position:relative;}
.smartsheet .pic IMG {max-width:810px; height:auto;}
.smartsheet .info {display:flex; align-items:center;}
.smartsheet .info .infocont {}
.smartsheet .info .infocont .title {font-size:48px; line-height:56px; font-weight:600; margin-bottom:30px;}
.smartsheet .info .infocont .title A {color:#275177;}
.smartsheet .info .infocont .text {font-size:27px; line-height:35px; font-weight:400; color:#275177; margin-bottom:60px;}
.smartsheet .info .more .button1 {background-color:#275177;}
.smartsheet .info .more .button1 SPAN {padding-right:40px;}
.smartsheet .info .more .button1::AFTER {top:20px; right:20px;}
.smartsheet .info .more .button1:HOVER SPAN {padding-right:80px;}

.smartsheetreverse {grid-template-columns:auto 810px;}
.smartsheetreverse .pic {grid-column:2; grid-row:1;}
.smartsheetreverse .info {grid-column:1; grid-row:1;}

.aboutcontainer {padding:120px 0px;}
.aboutcontainer .hometitle2 .htright .button1 {font-size:32px; font-weight:500; line-height:40px; padding:30px 60px;}

.about {display:grid; grid-template-columns:1fr 1fr 1fr; grid-column-gap:30px;}
.about .bossbox {position:relative; height:590px; width:100%; border-radius:20px; overflow:hidden;}
.about .bossbox .pic {position:relative; }
.about .bossbox .pic IMG {width:100%; height:590px; object-fit:cover; opacity:1.0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.about .bossbox:HOVER .pic IMG {opacity:0.6; transform:scale(1.2);}
.about .bossbox .piccover {background-color:#60FDFC; opacity:0.2; position:absolute; top:0px; width:100%; height:100%;}
.about .bossbox .info {position:absolute; top:0px; width:100%; height:100%; display:flex; flex-direction:column; flex-direction:column; align-items:end; justify-content:end; box-sizing:border-box; padding:20px;}
.about .bossbox .info .title {font-size:36px; line-height:44px; font-weight:900; color:#ffffff; letter-spacing:1px; text-align:right;}
.about .bossbox .info .text {font-size:24px; line-height:32px; font-weight:400; color:#ffffff;}
.about .datasheet {display:flex; align-items:center; justify-content:center; flex-direction:column; row-gap:50px;}
.about .datasheet .dataline {text-align:center; width:100%;}
.about .datasheet .dataline .title {font-size:64px; line-height:72px; font-weight:600; color:#60FDFC; margin-bottom:10px;}
.about .datasheet .dataline .text {font-size:20px; line-height:28px; font-weight:400; color:#75719F;}
.about .datasheet .dataline2 {border-bottom:1px solid #26234b; padding-bottom:40px;}

.footercontainer {padding:50px 0px;}
.footercontainer A {}
.footercontainer A:HOVER {}

.footer {display:grid; grid-template-columns:3fr 1.5fr 1fr; column-gap:30px; margin-bottom:30px; font-size:19px; line-height:29px;} 
.footer .footerinfo1 .footerlogo A {}
.footerdisclamier {text-align:center; font-size:16px; line-height:26px;}
.footercredit {text-align:center; font-size:16px; line-height:26px;}


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1409px
*/

@media (max-width:1449px) {
  
    .pagecontainer {width:1024px;} 

    .head .hlogo {top:40px;}
    .head .hlogo A IMG {width:400px; height:auto;}

	.hometitle2 .htleft H2 {font-size:54px; line-height:64px;}

    .themebox .info .more .button1 {font-size:24px; padding:26px 60px;}

    .smallpromo {grid-template-columns:510px auto;}
    .smallpromo .pic {width:510px;}
    .smallpromo .pic IMG {width:510px;}
	.smallpromoreverse {grid-template-columns:auto 510px;}

    .smartsheet {grid-template-columns:410px auto;}
    .smartsheet .pic {width:410px;}
    .smartsheet .pic IMG {width:410px;}
	.smartsheetreverse {grid-template-columns:auto 410px;}

    .testimonialbox1 .info .signature .pic IMG {width:90px; height:90px;}

	.about .bossbox .info .title {font-size:28px; line-height:36px;}
	.about .bossbox .info .text {font-size:20px; line-height:28px;}

}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

/*@media (min-width:768px) and (max-width:1023px) {*/
@media (max-width:1023px) {

	.topheadcontainer {display:none;}

	.mobilemenupanel {display:table-cell; position:fixed; width:100%; height:100%; left:0; top:0; overflow-y:scroll; background-color:#0d0a30; z-index:3000; text-align:left; padding:20px 0px 20px 0px;}
	
	.mobilemenupanel .mobilemenuhead {position:relative;}
	.mobilemenupanel .mobilemenuhead .mobilemenuclosetop {position:absolute; top:0px; right:20px; z-index:10100;}
	.mobilemenupanel .mobilemenuhead .mobilemenuclosetop A {display:block; width:40px; height:40px; background-image:url(/images/icons/close_x.svg); background-repeat:no-repeat; background-size:40px; cursor:pointer;}
    .mobilemenupanel .mobilemenuhead .mobilemenulogo {display:block; position:relative; padding-top:60px; margin-bottom:50px; text-align:center;}
    .mobilemenupanel .mobilemenuhead .mobilemenulogo A {font-size:26px; color:#989f77; background-image:url(/images/wowell_logo1.png); background-repeat:no-repeat; background-size:contain; display:inline-block; height:40px; width:280px;}
	.mobilemenupanel .mobilemenuitems UL {list-style-type:none; margin:0; padding:0;}
	.mobilemenupanel .mobilemenuitems UL LI {margin:0px; padding:0px; border-bottom:1px solid #28274d;}
	.mobilemenupanel .mobilemenuitems UL LI A {display:block; text-decoration:none; text-transform:uppercase; font-size:22px; line-height:22px; font-weight:600; color:#60FDFC; padding:10px 0px 10px 10px;}
	.mobilemenupanel .mobilemenuitems UL LI A:HOVER {color:#efe7dc;}
	.mobilemenupanel .mobilemenuitems UL LI A.menusign {background-image:url(/images/icons/arrow2_right_black.svg); background-repeat:no-repeat; background-position:right 13px; background-size:20px; margin-right:20px; filter: brightness(0) saturate(100%) invert(95%) sepia(33%) saturate(3556%) hue-rotate(148deg) brightness(106%) contrast(115%);}
	.mobilemenupanel .mobilemenuitems UL LI A.nomenusign {display:inline-block; width:20px; height:20px; margin-right:5px;}
	.mobilemenupanel .mobilemenuitems UL LI A.selected .sub0menusign {}
	.mobilemenupanel .mobilemenuitems UL LI UL {margin-top:0px; background-color:#28274d; padding:15px 0px 15px 0px;}
	.mobilemenupanel .mobilemenuitems UL LI UL LI {margin:0px; padding:0px; border-bottom:0px;}
	.mobilemenupanel .mobilemenuitems UL LI UL LI A {display:block; font-size:18px; line-height:18px; font-weight:600; color:#60FDFC; padding:10px 0px 10px 40px; text-transform:none;}
	.mobilemenupanel .mobilemenuitems UL LI UL LI A.menusign {background-image:url(/images/arrowleft_white.png); background-repeat:no-repeat; background-position:10px 13px; background-size:18px;}
	.mobilemenupanel .mobilemenuitems UL LI UL LI A.nomenusign {}
	.mobilemenupanel .mobilemenuitems UL LI UL LI A.selected {}
	.mobilemenupanel .mobilemenuitems UL LI UL LI UL {font-size:0.8em; font-weight:400; line-height:1.5em; color:#666666; margin-top:1.6em; margin-bottom:1.6em; background-color:#ee9c22; padding:10px 0px 10px 60px;}
	.mobilemenupanel .mobilemenuitems UL LI UL LI UL LI {margin:0 0 0.7em 0; padding:0; border-bottom:0px;}
	.mobilemenupanel .mobilemenuitems UL LI UL LI UL LI A {text-transform:none; padding-left:0px; padding-bottom:0em;}
	.mobilemenupanel .mobilemenufooter {padding:10px; font-size:14px; line-height:20px; font-weight:400; color:#b7e7f0;}
	.mobilemenupanel .mobilemenufooter .mobilemenuclose {margin-bottom:20px; text-align:right;}
	.mobilemenupanel .mobilemenufooter .mobilemenuclose A {font-size:14px; line-height:22px; font-weight:600; color:#ffffff; text-transform:uppercase;}

	.pagecontainer {box-sizing:border-box; width:100%; padding:0px 10px 0px 10px; margin:0 auto; text-align:left;} 

	.content {padding-bottom:50px;}
	.content .left {width:100%; float:none;}
	.content .right {width:100%; float:none; margin-right:0px;}

	.cookieaccept {box-sizing:border-box; padding:20px;}
	.cookieaccept .cookieaccept_content {display:block;}
	.cookieaccept .cookieaccept_content .cookieccepttext {margin-bottom:20px;}
	.cookieaccept .cookieaccept_content .cookiecceptnav {margin-left:0px;}
    
	.headcontainer {position:fixed; height:67px; width:100%; z-index:2000; background-color:#0d0a30;}
	.headcontainermobile {display:block; height:67px; width:100%;}  
    
    .head {height:67px;}

	.head .hlogo {top:18px;}
	.head .hlogo A {}
    .head .hlogo A IMG {height:18px; width:auto;}
	
	.head .hlang {position:absolute; display:block; right:0px; top:8px; width:60px; z-index:1001; padding:5px 10px 5px 10px; border:1px solid transparent;}
	.head .hlang .hlselected {display:block; border-bottom:0px; padding:5px 25px 10px 0px; text-align:right; font-size:14px; line-height:18px; font-weight:600; color:#1f1f1f; text-transform:uppercase; background-image:url(/images/icons/arrow1_right.png); background-repeat:no-repeat; background-position:right 12px;}
	.head .hlang .hlselected SPAN {display:none;}
	.head .hlang .hlpanel UL LI A SPAN {display:none;}

	.head .hburger {display:block; position:absolute; top:6px; right:5px; width:40px; height:30px; cursor:pointer;}
	.head .hburger SPAN {display:inline-block; width:100%; height:6px; background:#ff5400; position:relative; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
	.head .hburger SPAN:BEFORE {content:''; position:absolute; left:0px; top:-11px; width:100%; height:6px; background:#ff5400; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}
	.head .hburger SPAN:AFTER {content:''; position:absolute; left:0px; top:11px; width:100%; height:6px; background:#ff5400; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}

	.head .hmenu {display:none;}  

	.hometitle2 .htleft H2 {font-size:40px; line-height:48px;}

	.bigpromocontainer {margin-bottom:60px;}
	.bigpromocontainer .bigpromopic {}
	.bigpromocontainer .bigpromocover {}
	.bigpromo {}
	.bigpromo .info {width:100%;}
	.bigpromo .info .title {font-size:32px; line-height:38px; margin-bottom:40px; padding:0px 20px;}
	.bigpromo .info .text {font-size:18px; line-height:18px; margin-top:-30px; margin-bottom:20px;}
	.bigpromo .info .more .button1 {font-size:20px; line-height:26px; display:inline-block;}

    .hometitle H2 {font-size:34px; line-height:42px;}

    .themebox .info .text {font-size:18px; line-height:26px; margin-bottom:0px; padding:0px 20px;}
    .themebox .info .more .button1 {font-size:18px; line-height:26px; padding:25px 40px;}    

    .smallpromo {grid-template-columns:1fr 2fr; grid-column-gap:40px; height:300px;}
    .smallpromo .pic {width:100%; height:300px;}
    .smallpromo .pic IMG {width:100%; height:300px;}
	.smallpromo .info .infocont .title {font-size:38px; line-height:46px;}
	.smallpromo .info .infocont .text {font-size:22px; line-height:30px;}
	.smallpromoreverse {grid-template-columns:2fr 1fr;}

    .smartsheet {grid-template-columns:1fr 2fr; grid-column-gap:40px; height:auto;}
    .smartsheet .pic {width:100%; height:auto;}
    .smartsheet .pic IMG {width:100%; height:auto;}
	.smartsheet .info .infocont .title {font-size:38px; line-height:46px;}
	.smartsheet .info .infocont .text {font-size:22px; line-height:30px;}
	.smartsheetreverse {grid-template-columns:2fr 1fr;}

	.testimonials {grid-template-columns:1fr 1fr; grid-row-gap:30px;}

	.aboutcontainer .hometitle2 .htright .button1 {font-size:22px; line-height:30px; padding:20px 40px;}
	.aboutcontainer .hometitle2 .htright .button1::after {position:absolute; top:24px;}
	
	.about .datasheet .dataline .title {font-size:44px; line-height:50px;}
	
	.footer {display:block; font-size:16px; line-height:22px;} 
	.footer .footerinfo1 {margin-bottom:40px;} 
	.footerdisclamier {text-align:left; font-size:16px; line-height:22px;}
	.footercredit {text-align:left; font-size:16px; line-height:22px;}


}


/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
  
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

/* @media (min-width:481px) and (max-width:767px) { */
@media (max-width:767px) {
 
	.bigpromocontainer {min-height:440px; margin-bottom:0px;}
	.bigpromocontainer .bigpromopic {min-height:440px;}
	.bigpromocontainer .bigpromocover {min-height:440px;}
	.bigpromo {min-height:440px;}
	.bigpromo .info .more .button1 {font-size:18px; line-height:30px; padding:20px 26px;}
	.bigpromo .info .more .button1::AFTER {top:25px; right:22px;}

	.themeboxes {grid-template-columns:1fr;}
	
	.smallpromocontainer {padding:0px;}
	.smallpromo {display:block; height:auto;}
	.smallpromo .pic {margin-bottom:20px;}
	
	.testimonialcontainer {padding:40px 0px;}
	.testimonials {grid-template-columns:1fr;}
	.testimonialbox1 {height:auto;}

	.smartsheetcontainer .hometitle H2 {font-size:24px; line-height:32px; margin-bottom:10px;}
	.smartsheetcontainer .hometitle H2 .smartsheetlogo {height:40px;}
	.smartsheet {display:block; height:auto;}
	.smartsheet .pic {margin-bottom:20px;}
	.smartsheet .pic IMG {height:auto;}

	.smartsheet .info .infocont .title {font-size:28px; line-height:36px;}
	.smartsheet .info .infocont .text {font-size:18px; line-height:26px;}
	
	.hometitle2 {display:block; margin-bottom:60px; text-align:center;}
	.hometitle2 .htleft H2 {text-align:center;}
	
	.about {display:block;}
	.about .bossbox {margin-bottom:40px;}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (max-width:480px) {

	.head .hlogo A IMG {height:16px;}
}


.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
  animation-delay: 50ms;
  opacity: 0.0;
}
.come-in:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
}

@keyframes come-in {
  to { 
  	transform: translateY(0); 
  	opacity: 1.0;
  }
}

.come-in2 {
  transform: translateY(150px);
  animation: come-in 1.1s ease forwards;
  opacity: 0.0;
}
.come-in2:nth-child(odd) {
  animation-duration: 0.9s; /* So they look staggered */
}

@keyframes come-in2 {
  to { 
  	transform: translateY(0); 
  	opacity: 1.0;
  }
}