/*********************************RESET******************************/
*{margin:0;padding:0;box-sizing:border-box;}
.clear{ clear:both;}
.cfix:after, .container:after, .row:after {clear: both;}
.cfix:before, .cfix:after, .container:before, .container:after, .row:before, .row:after {content: "";display: table;}
img a{ border:none; }
img{ display:block; }
a, button{text-decoration:none;color:inherit;transition: all .25s ease-in-out;}
a:hover,a:focus,a:active,button.btn:focus, button.btn:hover {outline:none;text-decoration:none;cursor:pointer;}
input:focus, button:focus, textarea:focus, select:focus{outline:none;transition: all .25s ease-in-out;}
h1,h2,h3,h4{font-weight:400}
p{ line-height:1.8; }
ul{ list-style:none;}
li{ list-style:none; }
strong{font-weight:700;}

:root { 
--orange1:#f58250;
--orange2:#ef713a;
--orangehvr:#e1642d;
--orangegrad:linear-gradient(to right, #f58250, #ef713a);
--blue1:#42adff;
--blue2:#2582fe;
--bluegrad:linear-gradient(to right, #42adff, #2582fe);
--dark:#292929;
--light:#e0e8ea;
--light2:#ecf1f2;
--text:#566565;
--grey:#c8c8c8;
}

/*
fonts
font-family: 'Poppins', sans-serif; 500-700-800
*/

/*********************************BASE******************************/
body{ background:#fff; color:var(--text); font-family: 'Poppins', sans-serif; font-size:16px; font-weight:500; line-height:1; overflow-x:hidden; position:relative; }
input, textarea, select { font-family: 'Poppins', sans-serif; font-size:15px; font-weight:700; transition: all .25s ease-in-out; }
h1,h2,h3,h4,h5,.f-title{ font-weight:800; line-height:1.2; color:var(--dark); }
.svg-clip{width:0;height:0;position:absolute;bottom:0;left:0}
.t-br{ display:block; }
.center{ text-align:center; }
p{ }
p a{ text-decoration:underline; }
p a:hover{ opacity:0.6; text-decoration:underline; }
sup{ vertical-align: super; font-size: smaller; }
.underline{ text-decoration:underline; }
.hard{ white-space:nowrap; }
a:hover{ }
.container{ margin:0 auto; position:relative; max-width:1500px; width:100%; padding:0 30px; }
.container:after{ clear: both; content: ""; display: block; height: 0; line-height: 0;  visibility: hidden; }
b, strong, .strong{ font-weight:700; }
button{ font-family: 'Poppins', sans-serif;  cursor:pointer; }
button, .btn{ border:0; font-weight:700;transition: all .25s ease-in-out; }
.btn{ line-height: 1; font-size:18px;font-weight:700;padding:20px 60px;display:inline-block;text-align:center;color:#fff;border-radius:60px;overflow:hidden;background:var(--orangegrad);box-shadow:0 0 15px rgba(0,0,0,0.15);position:relative;z-index:1}
.btn:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:var(--orangehvr);opacity:0;transition:all .25s ease-in-out;z-index:-1}
.btn:hover:before{opacity:1}
.btn:hover{ box-shadow:0 0 15px rgba(0,0,0,0.25); }
.btn.sm{ padding:15px 30px; }
.btn:disabled{ opacity: 0.5 }
@media (max-width: 1679px) {

}
@media (max-width: 1359px) {

}
@media (max-width: 1249px) {
	.btn.lg{ padding:17px 40px; }
}
@media (max-width: 1019px) {

}
@media (max-width: 879px) {
	
}
@media (max-width: 619px) {
	body{ font-size:14px; }
	input, textarea, select{ font-size:14px; }
	h1,h2,h3,h4,.f-title{ letter-spacing:normal; }
	.btn, .btn.lg, .btn.sm, button{ font-size:13px; padding:15px 20px; }
}


/*LAYOUT*/
.wrap{ display:flex; flex-flow:row wrap; }
.wrap-alt{ display:flex; flex-flow:row wrap; flex-direction:row-reverse; }
.wrap-center{ display:flex; flex-flow: row wrap; justify-content: center;}
@media (max-width: 1019px) {
	.wrap-alt{ flex-direction:row; }	
}

/*MOBILE HEADER*/
#mobile-menu{ display:none; }
#mobile-menu .top-bar{ display:block; padding:30px; position:relative; background:#fff; }
#mobile-menu .logo a{ display:inline-block; }
#mobile-menu .logo img{ height:50px; }
#mobile-btn{ display:block;right:20px;margin-top:-19px;cursor:pointer;position:absolute;top:50%; }
#mobile-btn svg{width:48px;height:36px;cursor:pointer;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#mobile-btn path{fill:none;-webkit-transition:stroke-dashoffset .5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray .5s cubic-bezier(0.25,-0.25,0.75,1.25);-moz-transition:stroke-dashoffset .5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray .5s cubic-bezier(0.25,-0.25,0.75,1.25);-o-transition:stroke-dashoffset .5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray .5s cubic-bezier(0.25,-0.25,0.75,1.25);-ms-transition:stroke-dashoffset .5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray .5s cubic-bezier(0.25,-0.25,0.75,1.25);transition:stroke-dashoffset .5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray .5s cubic-bezier(0.25,-0.25,0.75,1.25);stroke-width:40px;stroke:var(--blue1);stroke-dashoffset:0}
path#top,path#bottom{stroke-dasharray:240px 950px}
path#middle{stroke-dasharray:240px 240px}
.cross path#top,.cross path#bottom{stroke-dashoffset:-650px}
.cross path#middle{stroke-dashoffset:-115px;stroke-dasharray:1px 220px}
#mobile-menu .menu{ display:block; background:var(--dark2); width:100%; max-height:0; overflow:hidden; transition:max-height 0.6s ease; }
#mobile-menu .menu.open{ max-height:700px; }
#mobile-menu .menu li{ position:relative; }
#mobile-menu .menu a{ color:var(--blue1); font-size:14px; font-weight:800; line-height:1; display:block; padding:17px 30px; border-top:1px solid var(--light); position:relative; }
#mobile-menu .has-sub a svg{ height:16px; right:30px; top:50%; margin-top:-8px; position:absolute; transition:all 0.4s ease; }
#mobile-menu .has-sub a.open{  }
#mobile-menu .has-sub a.open svg{ transform:rotate(180deg); }
#mobile-menu .sub-menu{ max-height:0; overflow:hidden; transition:max-height 0.6s ease; }
#mobile-menu .sub-menu a{ font-size:13px; padding-left:50px; }
#mobile-menu .sub-menu .sub-menu a{ padding-left:50px; }
#mobile-menu .sub-menu.open{ max-height:200px; }
@media (max-width: 1249px) {
	#mobile-menu{ display:block; }
}
@media (max-width: 619px) {
	#mobile-menu .top-bar{ padding:17px 30px; }
	#mobile-menu .logo img{ height:35px; }
}

/*HEADER*/
.main-header{ padding:20px 100px; position:absolute; top:0; left:0; width:100%; z-index:2; transition: all .25s ease-in-out; }
.main-header.scroll{ top:-30px; opacity:0; }
/*.main-header.scroll{ background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.05); }*/
.main-header .wrap{ justify-content:space-between; }
.main-header .logo{ display:flex; flex-direction:column; width:300px; }
.main-header .logo img{ height:70px; transition: all .25s ease-in-out; }
/*.main-header.scroll .logo img{ height:60px; }*/
.main-header .menu{ display:flex; flex-direction:column; justify-content:center; }
.main-header .menu ul{ display:flex; }
.main-header .menu ul li+li{ margin-left:60px; }
.main-header .menu ul li a{ font-size:20px; font-weight:800; color:#fff; }
.main-header a:hover{ opacity:0.6; }
/*.main-header.scroll .menu ul li a{ font-size:18px; color:var(--dark); }*/
@media (max-width: 1679px) {
	.main-header{ padding:20px 60px; }
	.main-header .logo img{ height:60px; }
	.main-header .menu ul li a{ font-size:18px; }
}
@media (max-width: 1249px) {
	.main-header{ display:none; }
}

/*FOOTER*/
.main-footer{ background:var(--bluegrad); color:#fff; }
.main-footer .top{ padding:80px 0 50px; }
.main-footer .top .logo{ display:flex; flex-direction:column; justify-content:center; width:30%; }
.main-footer .top .content{ display:flex; flex-direction:column; justify-content:center; width:70%; }
.main-footer .menu{ display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:2px solid rgba(255,255,255,0.2); }
.main-footer .menu .left{ display:flex; flex-direction:column; justify-content:center; }
.main-footer .menu ul{ display:flex; }
.main-footer .menu ul li{ margin-right:60px; }
.main-footer .menu ul li a{ font-size:20px; font-weight:800; }
.main-footer .menu ul li a:hover{ opacity:0.6; }
.main-footer .contact{ display:flex; justify-content:space-between; align-items:center; padding:20px 0; }
.main-footer .address{ font-weight:800; opacity:0.7; }
.main-footer .social>div{ display:flex; }
.main-footer .social a{ margin-left:15px; }
.main-footer .social a:hover{ opacity:0.6; }
.main-footer .copy{ font-size:15px; padding:30px 0; text-align:center; opacity:0.7; }
@media (max-width: 1679px) {
	.main-footer .menu ul li{ margin-right:40px; }
	.main-footer .menu ul li a{ font-size:18px; }
}
@media (max-width: 1249px) {
	.main-footer .top .logo{ width:100%; margin-bottom:60px; }
	.main-footer .top .content{ width:100%; }
}
@media (max-width: 1019px) {
	.main-footer .top .logo{ margin-bottom:40px; }
	.main-footer .menu{ display:block; padding:30px 0; }
	.main-footer .menu ul{ display:block; margin-bottom:40px; }
	.main-footer .menu ul li{ width:100%; margin:20px 0; display:block; }
	.main-footer .address{ line-height:1.4; }
}

/*.home-hero{ padding:300px 0 0; background:url(../images/bg-home-hero.jpg) center bottom / cover no-repeat var(--blue1); color:#fff; }*/
.home-hero{ padding:300px 0 0; background:url(../images/blue-bg-1.jpg) center center / cover no-repeat var(--blue1); color:#fff; position:relative; }
.home-hero:before{ content:""; background:url(../images/waves-1-invert.png) center center / cover no-repeat; display:block; height:100px; width:100%; position:absolute; bottom:0; left:0; }
.home-hero>div{ position:relative; }
.home-hero .title{ display:flex; flex-direction:column; width:50%; background:url(../images/img-home-hero.png) right bottom no-repeat; padding-bottom:550px; }
.home-hero .title h1{ font-size:60px; color:#fff; padding-left:100px; text-shadow:0 0 15px rgba(0,0,0,0.15); }
.home-hero .title h1 .sm{ font-size:30px; font-weight:700; margin-top:15px; display:block; }
.home-hero .audio{ display:flex; flex-direction:column; align-items:center; width:50%; }
/*.home-hero .audio .box{ border:4px solid rgba(255,255,255,0.2); border-radius:40px; overflow:hidden; position:relative; }
.home-hero .audio .box:before{ content:""; display:block; position:absolute; top:-2px; left:-2px; bottom:-2px; right:-2px; backdrop-filter: blur(1px); }
.home-hero .audio .box .inner{ padding:50px 0 0; position:relative; }*/
.home-hero .audio .box{position:relative;padding:4px;width:580px;box-shadow:0 0 30px rgba(0,0,0,0.1);border-radius:40px}
.home-hero .audio .box+.box{ margin-top:40px; }
.home-hero .audio .box::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:40px;padding:4px;background:linear-gradient(to bottom,rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.2) 40%, rgba(255,255,255,0) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}
.home-hero .audio .box .inner{border-radius:36px;overflow:hidden;background:rgba(255,255,255,0.05);position:relative;}
.home-hero .audio .box .inner>div{/*backdrop-filter:blur(1px)*/}
.home-hero .audio .box .top{ padding:30px 20px 0; display:flex; justify-content:flex-start; align-items:center; }
.home-hero .audio .box .top img{ filter: drop-shadow(0 0 15px rgba(0,0,0,0.15)); }
.home-hero .audio .box .top h2{ margin-left:20px; font-size:25px; color:#fff; text-shadow:0 0 15px rgba(0,0,0,0.15); }
.home-hero .audio-player{padding:15px 20px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;}
.home-hero .audio-player .time-current{ margin:0 10px; width:40px; text-align:center; }
.home-hero .audio-player .time-length{ margin:0 0 0 10px; width:40px; }
.home-hero .audio-player .timeline{position:relative;background-color:#fff;clip-path:url(#audio-wave);height:64px;width:354px}
.home-hero .audio-player .timeline .progress{background-color:var(--orange2);position:absolute;left:0;top:0;bottom:0;width:0;transition:.25s}
.home-hero .audio-player .toggle-play{height:60px;width:60px;display:flex;justify-content:center;align-items:center;background-image:url(../images/play.svg), var(--orangegrad);background-position:center center;background-repeat:no-repeat;border-radius:50%;cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,0.15);transition:.25s}
.home-hero .audio-player .toggle-play:hover{transform:scale(.95)}
.home-hero .audio-player .toggle-play.pause{background-image:url(../images/pause.svg), var(--orangegrad)}
.home-hero .audio .box .order{font-size:20px;font-weight:700;padding:20px;display:block;text-align:center;color:#fff;background:var(--orangegrad);position:relative;z-index:1;/*fix safari*/border-radius:0 0 36px 36px;overflow:hidden;}
.home-hero .audio .box .order:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:var(--orangehvr);opacity:0;transition:all .25s ease-in-out;z-index:-1}
.home-hero .audio .box .order:hover:before{opacity:1}
@media (max-width: 1679px) {
	.home-hero{ padding:250px 0 0; }
	.home-hero .title h1{ font-size:50px; padding:0 60px; }
}
@media (max-width: 1249px) {
	.home-hero{ padding:150px 0 0; }
	.home-hero .title h1{ font-size:38px; }
	.home-hero .title h1 .sm{ font-size:25px; }
	.home-hero .audio .box{ width:450px; }
	.home-hero .audio .box .top h2{ margin-left:15px; font-size:22px; }
	.home-hero .audio-player .timeline{ width:calc(100% - 140px); }
}
@media (max-width: 1019px) {
	.home-hero .title{ width:100%; background-position:right 20vw bottom; background-size:750px 400px; padding-bottom:400px; }
	.home-hero .audio{ width:100%; padding:60px 30px 120px; }
}
@media (max-width: 619px) {
	.home-hero{ padding:100px 0 0; }
	.home-hero .title{ background-position:right 30px bottom; background-size:470px 250px; padding-bottom:250px; }
	.home-hero .title h1{ font-size:30px; padding:0 30px; }
	.home-hero .title h1 .sm{ font-size:20px; }
	.home-hero .audio .box{ width:100%; max-width:450px; }
	.home-hero .audio .box .top img{ height:30px; }
	.home-hero .audio .box .top h2{ margin-left:10px; font-size:16px; }
}

.bilingualcheckboxarea label {font-weight:bold; font-size:24px;}
.bilingualcheckboxarea p {font-size:18px;}
.home-1 .force-blue {background:var(--blue1) !important;}
.home-1 .force-blue-alt {background:var(--blue2) !important;}
.home-1 .force-thin {font-weight:200 !important;}
.home-1{ padding:150px 0; }
.home-1 .title{ margin-bottom:30px; text-align:center; }
.home-1 .title .container{ max-width:800px; }
.home-1 .title h2{ font-size:50px; margin-bottom:30px; }
.home-1 .pricing .container{ max-width:1100px; }
.home-1 .pricing .box{ display:flex; flex-direction:column; width:50%; padding:35px; }
.home-1 .pricing .box>div{ position:relative; }
.home-1 .pricing .top{ padding:35px 140px 35px 30px; background:var(--bluegrad); border-radius:40px 40px 0 0; overflow:hidden; }
.home-1 .pricing .top h3{ font-size:25px; color:#fff; }
.home-1 .pricing .top h3 .sm{ font-size:15px; font-weight:700; display:block; }
.home-1 .pricing .price{ display:flex; flex-direction:column; justify-content:center; align-items:center; height:150px; width:150px; position:absolute; top:-10px; right:-30px; background:var(--blue1); border-radius:50%; border:10px solid #fff; color:#fff; }
.home-1 .pricing .alt .price{ background:var(--blue2); }
.home-1 .pricing .price .sm{ font-size:15px; font-weight:700; margin-bottom:6px; }
.home-1 .pricing .price .lg{ font-size:45px; font-weight:800; padding-right:15px; position:relative; }
.home-1 .pricing .price .lg>span{ font-size:20px; font-weight:700; position:absolute; top:3px; right:0; }
.home-1 .pricing .feat{ padding:30px; min-height:300px; display:flex; flex-direction:column; justify-content:center; margin-bottom:6px; background:var(--blue1); color:#fff; }
.home-1 .pricing .alt .feat{ background:var(--blue2); }
.home-1 .pricing .feat .item{ display:flex; justify-content:flex-start; align-items:center; padding:10px 0; }
.home-1 .pricing .feat .subtitle{ font-size:20px;color:#fff;font-weight:600; }
.home-1 .pricing .feat .subtitle-detail{ color:orange; font-size:16px; padding-left:16px; padding-top:5px; }
.home-1 .pricing .feat .subtitle-price-detail{ padding-left:8px; color:orange; font-size:36px; }
.home-1 .pricing .feat .desc{ margin-left:10px; font-weight:700; }
.home-1 .pricing .bottom{ display:flex; justify-content:space-between; border-radius:0 0 40px 40px; overflow:hidden }
.home-1 .pricing .order{width:100%;font-size:18px;font-weight:700;padding:30px 20px;display:block;text-align:center;color:#fff;background:var(--orangegrad);position:relative;z-index:1;/*fix safari*/border-radius:0 0 40px 40px;overflow:hidden;}
.home-1 .pricing .order.half{ width:calc(50% - 3px); font-size:16px;/*fix safari*/border-radius:0 0 0 40px; }
.home-1 .pricing .order.half+.half{/*fix safari*/border-radius:0 0 40px 0; }
.home-1 .pricing .order:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:var(--orangehvr);opacity:0;transition:all .25s ease-in-out;z-index:-1}
.home-1 .pricing .order:hover:before{opacity:1}
@media (max-width: 1249px) {
	.home-1 .pricing .top h3 .sm{ font-size:13px; }
}
@media (max-width: 1019px) {
	.home-1 .pricing .box{ width:100%; }
}
@media (max-width: 619px) {
	.home-1{ padding:100px 0; }
	.home-1 .title h2{ font-size:30px; }
	.home-1 .pricing .box{ padding:30px 0; }
	.home-1 .pricing .top h3 .sm{ font-size:12px; }
	.home-1 .pricing .top h3{ font-size:18px; }
	.home-1 .pricing .order.half{ font-size:12px; }
}

.home-2{ padding:200px 0; background:url(../images/blue-bg-1.jpg) center center / cover no-repeat var(--blue1); position:relative; }
.home-2:before{ content:""; background:url(../images/waves-1.png) center center / cover no-repeat; display:block; height:100px; width:100%; position:absolute; top:0; left:0; }
.home-2 .title{ max-width:800px; color:#fff; }
.home-2 .title h2{ font-size:55px; margin-bottom:30px; color:#fff; }
.home-2 .title h2>span{ font-size:70px; vertical-align:middle; color:var(--orange2); display:inline-block; transform:rotate(20deg); text-shadow:0 0 15px rgba(0,0,0,0.15); }
.home-2 .title p+p{ margin-top:20px; }
.home-2-bottom{ position:relative; z-index:2; }
.home-2-bottom:before{ content:""; display:block; height:100%; width:100%; position:absolute; top:0; left:0; background:var(--light); }
.home-2-bottom .boxes{ margin-top:-100px; }
.home-2-bottom .boxes .wrap{ margin-left:-20px; }
.home-2-bottom .boxes .box{ display:flex; flex-direction:column; width:25%; padding-left:20px; }
.home-2-bottom .boxes .box a{ padding:30px; min-height:200px; display:block; border-radius:20px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.15); position:relative;  }
.home-2-bottom .boxes .box a:hover{ box-shadow:0 0 20px rgba(0,0,0,0.3); }
.home-2-bottom .boxes .box .icn{ margin-bottom:20px; }
.home-2-bottom .boxes .box h3{ font-size:25px; transition:all .25s ease-in-out; }
.home-2-bottom .boxes .box h3>span{ display:block; }
.home-2-bottom .boxes .box a:hover h3{ color:var(--blue2); }
.home-2-bottom .boxes .box .trigger{ display:block; width:30px; height:30px; position:absolute; top:30px; right:30px; background:url(../images/plus.png) center center no-repeat; transition:all .25s ease-in-out; }
.home-2-bottom .boxes .box .open .trigger{ background-image:url(../images/minus.png); }
.home-2-bottom .boxes .box .more{ max-height:0; overflow:hidden; transition: all .5s ease-in-out; }
.home-2-bottom .boxes .box .open .more{ max-height:600px; }
.home-2-bottom .boxes .box .more p{ padding-top:20px; }
.home-2-bottom .boxes .box .more p .sm{ font-size:14px; margin-top:15px; display:block; }
@media (max-width: 1249px) {
	.home-2-bottom .boxes .box h3{ font-size:20px; }
}
@media (max-width: 1019px) {
	.home-2-bottom .boxes .box{ width:50%; padding-bottom:20px; }
	.home-2-bottom .boxes .box a{ min-height:0; }
}
@media (max-width: 619px) {
	.home-2 .title h2{ font-size:30px;  }
	.home-2 .title h2>span{ font-size:60px; }
	.home-2-bottom .boxes .box{ width:100%; }
	.home-2-bottom .boxes .box h3>span{ display:inline; }
}

.home-3{ padding:200px 0; background:var(--light); position:relative; }
.home-3:before{ content:""; background:url(../images/bg-waves-1.png) center top / 100% auto no-repeat #fff; display:block; height:50%; width:100%; position:absolute; top:50%; left:0; }
.home-3 .title{ margin-bottom:30px; text-align:center; }
.home-3 .title .container{ max-width:800px; }
.home-3 .title h2{ font-size:50px; margin-bottom:30px; }
.home-3 .boxes .box{ display:flex; flex-direction:column; width:33.333333%; padding:35px; }
.home-3 .boxes .box a{ display:flex; flex-direction:column; justify-content:center; padding:130px 30px 200px; min-height:410px; border-radius:20px; background:url(../images/bg-box-integrateur.jpg) center center / cover no-repeat var(--blue2); box-shadow:0 0 15px rgba(0,0,0,0.15); position:relative; transition: all .5s linear; }
.home-3 .boxes .box.pme a{ background-image:url(../images/bg-box-pme.jpg); }
.home-3 .boxes .box.ti a{ background-image:url(../images/bg-box-ti.jpg); }
.home-3 .boxes .box a:hover{ box-shadow:0 0 20px rgba(0,0,0,0.3); }
.home-3 .boxes .box a.open{ min-height:800px; justify-content:flex-start; }
.home-3 .boxes .box h3{ font-size:30px; color:#fff; text-align:center; }
.home-3 .boxes .box .trigger{ display:block; width:90px; height:90px; position:absolute; bottom:0; left:50%; margin-left:-45px; background:url(../images/plus.png) center center no-repeat #fff; border-radius:20px 20px 0 0; transition:all .25s ease-in-out; }
.home-3 .boxes .box a:hover .trigger{ height:100px; }
.home-3 .boxes .box .open .trigger{ background-image:url(../images/minus.png); }
.home-3 .boxes .box .more{ max-height:0; opacity:0; overflow:hidden; transition: all .4s linear; }
.home-3 .boxes .box .open .more{ max-height:600px; opacity:1; }
.home-3 .boxes .box .more p{ font-size:14px; padding-top:20px; color:#fff; }
@media (max-width: 1679px) {
	.home-3 .boxes .box{ padding:35px 20px; } 
}
@media (max-width: 1249px) {
	.home-3 .boxes .box a{ padding:80px 30px 150px; min-height:350px; }
	.home-3 .boxes .box h3{ font-size:20px; }
}
@media (max-width: 1019px) {
	.home-3 .boxes .box{ width:100%; }
	.home-3 .boxes .box a.open{ min-height:350px; }
}
@media (max-width: 619px) {
	.home-3{ padding:100px 0; }
	.home-3:before{ background-size:150% auto; top:60%; height:40%; }
	.home-3 .title h2{ font-size:30px; }
	.home-3 .boxes .box{ padding:30px 0; }
	.home-3 .boxes .box a{ min-height:200px; }
}

.home-4 .clients{ display:flex; flex-direction:column; align-items:center; justify-content:center; width:50%; padding:0 60px 0 150px; }
.home-4 .clients h2{ font-size:50px; margin-bottom:30px; }
.home-4 .clients .logo{ display:flex; flex-direction:column; width:180px; margin:30px 40px 0 0; }
.home-4 .clients .logo a{ opacity:0.5; }
.home-4 .clients .logo a:hover{ opacity:1; }
.home-4 .clients .logo img{ max-width:100%; }
.home-4 .testimonials{ display:flex; flex-direction:column; width:50%; padding-left:60px; color:#fff; }
.home-4 .testimonials>div{ padding:120px 90px; background:var(--bluegrad); border-radius:100px 0 0 100px; box-shadow:0 0 15px rgba(0,0,0,0.15); position:relative; }
.home-4 .testimonials>div:before{ content:""; background:url(../images/quotes.png) center top / 140px 104px no-repeat; display:block; height:104px; width:140px; position:absolute; top:-30px; right:90px; }
.home-4 .testimonials .inner p{ font-size:22px; font-weight:700; }
.home-4 .testimonials .inner p.lg{ font-size:30px; font-weight:800; line-height:1.4; }
.home-4 .testimonials .inner p+p{ margin-top:20px; }
.home-4 .testimonials .inner .name{ font-size:18px; font-weight:700; margin-top:50px; }
.home-4 .testimonials .inner .company{ font-size:18px; margin-top:5px; }
@media (max-width: 1679px) {
	.home-4 .clients{ padding:0 60px; }
	.home-4 .clients .logo{ width:33.333333%; margin:0; padding:30px 30px 0 0; }
	.home-4 .testimonials{ padding:0; }
}
@media (max-width: 1249px) {
	.home-4 .clients .logo{ width:50%; }
}
@media (max-width: 1019px) {
	.home-4 .clients{ width:100%; padding:0 60px 100px; }
	.home-4 .clients .logo{ width:33.333333%; }
	.home-4 .testimonials{ width:100%; padding-left:60px; }
}
@media (max-width: 619px) {
	.home-4 .clients{ padding:0 30px 100px; }
	.home-4 .clients h2{ font-size:40px; }
	.home-4 .clients .logo{ width:50%; padding:20px 15px 0; }
	.home-4 .testimonials{ padding-left:30px; }
	.home-4 .testimonials>div{ border-radius:60px 0 0 60px; padding:90px 30px; }
	.home-4 .testimonials>div:before{ right:30px; }
	.home-4 .testimonials .inner p{ font-size:18px; }
	.home-4 .testimonials .inner p.lg{ font-size:22px; }
	.home-4 .testimonials .inner .name{ font-size:16px; }
	.home-4 .testimonials .inner .company{ font-size:16px; }
}

.home-5{ padding:200px 0; }
.home-5 .title{ text-align:center; }
.home-5 .title .container{ max-width:800px; }
.home-5 .title h2{ font-size:50px; margin-bottom:30px; }
.home-5 .clips .container{ max-width:1300px; }
.home-5 .clips .filters{ display:flex; justify-content:center; align-items:center; min-height:80px; margin:60px 0; }
.home-5 .clips .filters a, .home-5 .clips .filters button{ font-size:20px; font-weight:800; padding:20px 60px; margin:0 10px; display:block; background:var(--grey); border-radius:60px; }
.home-5 .clips .filters a:hover, .home-5 .clips .filters button:hover{ color:#fff; background:var(--text); }
.home-5 .clips .filters a.active, .home-5 .clips .filters button.active{ padding:26px 60px; background:var(--bluegrad); color:#fff; box-shadow:0 0 15px rgba(0,0,0,0.15); }
.home-5 .clips .boxes .wrap{ margin-left:-30px; }
.home-5 .clips .box{ display:flex; flex-direction:column; width:33.333333%; padding:30px 0 0 30px; }
.home-5 .clips .box>div{ padding:40px; background:#fff; border-radius:40px; box-shadow:0 0 20px rgba(0,0,0,0.1); transition:all .25s ease-in-out; }
.home-5 .clips .box>div:hover{  box-shadow:0 0 20px rgba(0,0,0,0.15); }
.home-5 .audio-player{ font-weight:700;}
.home-5 .audio-player .top{ display:flex;align-items:center;justify-content:flex-start; margin-bottom:10px; }
.home-5 .audio-player .bottom{ display:flex;align-items:center;justify-content:space-between; }
.home-5 .audio-player .name{ font-size:20px; font-weight:800; margin-left:20px; color:var(--dark); }
.home-5 .audio-player .time-current{ margin:0 10px 0 0; width:40px; text-align:center; }
.home-5 .audio-player .time-length{ margin:0 0 0 10px; width:40px; }
.home-5 .audio-player .timeline{position:relative;background-color:var(--grey);clip-path:url(#audio-wave);height:64px;width:calc(100% - 100px);}
.home-5 .audio-player .timeline-container{height: 64px;width: calc(100% - 100px);}
.home-5 .audio-player .timeline-container .timeline{height:64px;width:100%;}
.home-5 .audio-player .timeline .progress{background-color:var(--orange2);position:absolute;left:0;top:0;bottom:0;width:0;transition:.25s}
.home-5 .audio-player .toggle-play{height:50px;width:50px;display:flex;justify-content:center;align-items:center;background-image:url(../images/play.svg), var(--bluegrad);background-position:center center;background-repeat:no-repeat;border-radius:50%;cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,0.15);transition:.25s}
.home-5 .audio-player .toggle-play:hover{transform:scale(.95)}
.home-5 .audio-player .toggle-play.pause{background-image:url(../images/pause.svg), var(--bluegrad)}
.audio-player .toggle-play.loading {background-image: none, var(--bluegrad) !important; color: #fff; }
@media (max-width: 1249px) {
	.home-5 .audio-player .name{ font-size:18px; }
}
@media (max-width: 1019px) {
	.home-5 .clips .filters a{ font-size:16px; padding:15px 40px; }
	.home-5 .clips .filters a.active{ padding:20px 40px; }
	.home-5 .clips .box{ width:50%; }
}
@media (max-width: 619px) {
	.home-5{ padding:100px 0; }
	.home-5 .title h2{ font-size:35px; }
	.home-5 .clips .filters{ margin:30px 0; }
	.home-5 .clips .filters a{ font-size:12px; padding:10px 20px; margin:0 5px; }
	.home-5 .clips .filters a.active{ padding:16px 20px; }
	.home-5 .clips .box{ width:100%; }
	.home-5 .audio-player .name{ font-size:16px; }
}

.home-6{ padding:200px 0 150px; background:url(../images/bg-about.jpg) center center / cover no-repeat var(--blue1); position:relative; }
.home-6:before{ content:""; background:url(../images/waves-2.png) center center / cover no-repeat; display:block; height:100px; width:100%; position:absolute; top:0; left:0; }
.home-6 .title{ max-width:800px; color:#fff; }
.home-6 .title h2{ font-size:35px; margin-bottom:30px; color:#fff; }
.home-6 .title h2 img{ margin-top:10px; max-width:100%; }
.home-6 .title .btn{ margin-top:30px; }
@media (max-width: 619px) {
	.home-6{ padding:150px 0 100px; }
	.home-6 .title h2{ font-size:25px; }
}

.siri .box{ max-width:50%; margin:100px auto; padding:40px; background:#fff; border-radius:40px; box-shadow:0 0 20px rgba(0,0,0,0.1); transition:all .25s ease-in-out; }
.siri .box canvas{ width:100% !important; }

.hero{ padding:150px 0 0; background:url(../images/blue-bg-1.jpg) center bottom / cover no-repeat var(--blue1); color:#fff; position:relative; }
.hero:not(.no-wave):before{ content:""; background:url(../images/waves-1-invert.png) center center / cover no-repeat; display:block; height:100px; width:100%; position:absolute; bottom:0; left:0; }
/*.hero.contact{ background-image:url(../images/bg-contact-hero.jpg); }*/
.hero.alt:before{ background-image:url(../images/waves-1-invert-alt.png); }
.hero>div{ position:relative; }
.hero .content{ display:flex; flex-direction:column; justify-content:center; width:55%; padding:100px 100px 200px; }
.hero .content>div{ max-width:800px; }
.hero .content h1{ font-size:50px; color:#fff; text-shadow:0 0 15px rgba(0,0,0,0.15); margin-bottom:30px; }
.hero .content .btns{ display:flex; margin-top:30px; }
.hero .content .btns>div+div{ margin-left:30px; }
.hero .content .price{ display:flex; justify-content:center; align-items:center; margin-top:5px; }
.hero .content .price .sm{ font-size:13px; font-weight:700; }
.hero .content .price .lg{ font-size:30px; font-weight:800; padding:0 15px 0 5px; position:relative; }
.hero .content .price .lg>span{ font-size:15px; font-weight:700; position:absolute; top:3px; right:0; }
.hero .img{ display:flex; flex-direction:column; justify-content:center; align-items:flex-end; width:45%; overflow:hidden; }
.hero .img img{ max-width:100%; }
/*header order update*/
.hero.order .content{ width:100%; text-align:center; padding:80px 30px 160px; }
.hero.order .content>div{ margin:0 auto; }
.hero.order .content .btns{ justify-content:center; }
.hero.order .status{ width:fit-content; margin:30px auto 0; }
.hero.order .status>div{ display:flex; align-items:center; font-weight:700; }
.hero.order .status img{ height:30px; margin-right:20px; }
.hero.order .status .in-progress img{ animation:spin 2s linear infinite; }
.hero.order .btn{ width:100%; padding:15px 40px; display:flex; align-items:center; justify-content:space-between; }
.hero.order .btn img{ height:30px; width:30px; margin-left:20px; }
/*------------*/
@media (max-width: 1679px) {
	.hero .content{ padding:100px 60px 200px; }
	.hero .content h1{ font-size:40px; }
	.hero .img img{ max-width:calc(100% + 200px); margin-right:-200px; }
}
@media (max-width: 1249px) {
	.hero{ padding:0; }
	.hero .content{ width:100%; padding:100px 60px; }
	.hero .img{ width:100%; }
	.hero .img img{ max-width:90%; margin-right:0; }
}
@media (max-width: 619px) {
	.hero .content{ padding:60px 30px; }
	.hero .content h1{ font-size:30px; }
	.hero .content .price .sm{ font-size:10px; }
	.hero .content .price .lg{ font-size:20px; padding:0 10px 0 5px;}
	.hero .content .price .lg>span{ font-size:12px; }
	/*header order update*/
	.hero.order .content{ padding:60px 30px 160px; }
	.hero.order .status img{ margin-right:10px; }
	.hero.order .btn img{ height:22px; width:22px; }
	/*------------*/
}

.cs-1{ padding:150px 0; }
.cs-1.alt{ padding:300px 0 150px; background:url(../images/bg-waves-2.png) center top / 100% auto no-repeat var(--light); }
.cs-1 .title{ margin-bottom:100px; position:relative; }
.cs-1 .title .inner{ max-width:800px; }
.cs-1 .title h2{ font-size:40px; }
.cs-1 .title p{ margin:30px 0; }
.cs-1 .title .price{ display:flex; flex-direction:column; justify-content:center; align-items:center; height:180px; width:180px; position:absolute; top:50%; margin-top:-90px; right:0; background:var(--bluegrad); border-radius:50%; border:10px solid #fff; color:#fff; }
.cs-1 .title .price .sm{ font-size:15px; font-weight:700; margin-bottom:6px; }
.cs-1 .title .price .lg{ font-size:70px; font-weight:800; padding-right:15px; position:relative; }
.cs-1 .title .price .lg>span{ font-size:20px; font-weight:700; position:absolute; top:8px; right:0; }
@media (max-width: 1249px) {
	.cs-1 .title{ padding-right:200px; }
}
@media (max-width: 619px) {
	.cs-1{ padding:100px 0; }
	.cs-1 .title{ padding:0 0 200px; margin-bottom:30px; }
	.cs-1 .title h2{ font-size:30px; }
	.cs-1 .title .price{ top:auto; bottom:0; right:50%; margin:0 -90px 0 0; }
}

.cs-1 .order-steps .tabs{ margin:0 -15px 10px; }
.cs-1 .order-steps .tabs>div{ display:flex; flex-direction:column; width:25%; padding:0 15px; }
.cs-1.alt .order-steps .tabs>div{ width:20%; }
.cs-1 .order-steps .tabs a{ font-size:18px; font-weight:800; text-align:center; padding:30px; border-radius:20px 20px 0 0; background:var(--light2); display:flex; flex-direction:column; justify-content:center; height:100%; }
.cs-1.alt .order-steps .tabs a{ background:#fff; }
.cs-1 .order-steps .tabs a:hover{ background:var(--light); }
.cs-1.alt .order-steps .tabs a:hover{ background:var(--light2); }
.cs-1 .order-steps .tabs a.active, .cs-1.alt .order-steps .tabs a.active{ background:var(--bluegrad); color:#fff; }
/*breadcrumbs tabs update*/
.cs-1 .order-steps .tabs{margin:0 0 10px;border-radius:20px 20px 0 0;overflow:hidden}
.cs-1 .order-steps .tabs>div{padding:0}
.cs-1 .order-steps .tabs a{font-size:16px;font-weight:800;text-align:center;padding:20px 20px 20px 40px;background:var(--light2);border-radius:0;display:flex;flex-direction:column;justify-content:center;height:100%;position:relative}
.cs-1 .order-steps .tabs a:before,.cs-1 .order-steps .tabs a:after{bottom:0;clip-path:polygon(50% 50%,-50% -50%,0 100%);content:"";left:100%;position:absolute;top:0;transition:background .25s ease-in-out;width:60px;z-index:1;background:var(--light2)}
.cs-1.alt .order-steps .tabs a:after{background:#fff}
.cs-1 .order-steps .tabs a:before{background:var(--grey);margin-left:1px}
.cs-1 .order-steps .tabs a:hover,.cs-1 .order-steps .tabs a:hover:after{background:var(--light)}
.cs-1.alt .order-steps .tabs a:hover,.cs-1.alt .order-steps .tabs a:hover:after{background:var(--light2)}
.cs-1 .order-steps .tabs a.active,.cs-1.alt .order-steps .tabs a.active,.cs-1 .order-steps .tabs a.active:after,.cs-1.alt .order-steps .tabs a.active:after{background:var(--blue2);color:#fff}
.cs-1 .order-steps .tabs a .num{font-size:40px;margin-bottom:10px;color:var(--orange1)}
/*-----------------------*/
@media (max-width: 1249px) {
	.cs-1 .order-steps .tabs{ margin:0 -5px 10px; border-radius:0; }
	.cs-1 .order-steps .tabs>div{ padding:0 5px; width: 100%; margin-bottom: 1em; }
	.cs-1.alt .order-steps .tabs>div{ width:100%; }
	.cs-1 .order-steps .tabs a{ padding:20px 30px; }
	.cs-1 .order-steps .tabs a:before,.cs-1 .order-steps .tabs a:after{ display:none; }
}
@media (max-width: 1019px) {
	/* .cs-1 .order-steps .tabs{ display:none; } */
	.cs-1 .order-steps .tabs{ display:block; width:100%; }
	.cs-1.alt .order-steps .tabs>div{ width: 100%; margin-bottom: 1em; }
	.cs-1 .order-steps .tabs a{ padding: 1em; border-radius: 20px;}
}
@media (max-width: 619px) {
	.cs-1 .order-steps{ margin:0 -20px; }
}
	
	
.cs-1 .tab-content{ display:none; }
.cs-1 .tab-content.active{ display:block; }
.cs-1 .tab-content .outer{ padding:80px; border-radius:0 0 20px 20px; background:var(--light2); } 
.cs-1.alt .tab-content .outer{ background:#fff; } 
/* .cs-1 .tab-title{ max-width:800px; } */
.cs-1 .tab-title h3{ font-size:35px; margin-bottom:30px; }
.cs-1 .tab-title h4{ font-size:20px; margin:20px 0 10px; }
.cs-1 .tab-content .filters{ display:flex; align-items:center; min-height:80px; margin:30px 0; }
.cs-1 .tab-content .filters a{ font-size:18px; font-weight:800; padding:15px 60px; margin:0 15px 0 0; display:block; background:var(--grey); border-radius:60px; }
.cs-1 .tab-content .filters a:hover{ color:#fff; background:var(--text); }
.cs-1 .tab-content .filters a.active{ padding:20px 60px; background:var(--bluegrad); color:#fff; box-shadow:0 0 15px rgba(0,0,0,0.15); }
.cs-1 .tab-content .messages .item{ padding:60px; border-radius:40px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.15); transition:all .25s ease-in-out; }
.cs-1 .tab-content .messages .item{ margin-bottom:20px; }
.cs-1 .tab-content .messages .item.active{ background:var(--orange2); color:#fff; }
.cs-1 .tab-content .messages .item>div{ position:relative; }
.cs-1 .tab-content .messages .item .select-btn{ font-size:14px; position:absolute; top:-7px; right:0; height:44px; }
.cs-1 .tab-content .messages .item .select-btn:after{content:"";display:block;width:36px; height:36px; position:absolute; top:4px; right:4px; border-radius:50%; background:url(../images/check.svg) center center no-repeat var(--orange2); opacity:0; }
.cs-1 .tab-content .messages .item .select-btn.active{ padding:15px 60px 15px 30px; background:#fff; color:var(--dark); } 
.cs-1 .tab-content .messages .item .select-btn.active:before{ background:#fff; }
.cs-1 .tab-content .messages .item .select-btn.active:after{ opacity:1; }
.cs-1 .tab-content .messages .item .f-title{ font-size:25px; margin-bottom:20px; padding-right:200px; transition:all .25s ease-in-out; }
.cs-1 .tab-content .messages .item.active .f-title{ color:#fff; }
.cs-1 .tab-content .messages .item .content{ padding-top:20px; border-top:2px solid var(--light); margin-top:20px; }
.cs-1 .tab-content .messages .item .content a{ font-size:18px; font-weight:800; padding-right:30px; background:url(../images/plus-o.png) right center / 20px 20px no-repeat; color:var(--text); }
.cs-1 .tab-content .messages .item.active .content a{ background-image:url(../images/plus-w.png); }
.cs-1 .tab-content .messages .item .content a.open{ background-image:url(../images/minus-o.png); }
.cs-1 .tab-content .messages .item.active .content a.open{ background-image:url(../images/minus-w.png); }
.cs-1 .tab-content .messages .item .content a:hover{ opacity:0.6; }
.cs-1 .tab-content .messages .item.active .content a{ color:#fff; }
.cs-1 .tab-content .messages .item .content .text{ height:0; overflow:hidden; transition:height 0.4s ease; }
.cs-1 .tab-content .messages .item .content .text>div{ padding:40px 0 0 60px; font-weight:800; background:url(../images/quotes.png) 0 40px / 40px 30px no-repeat; }
.cs-1 .tab-content .messages .item.active .content .text>div{ background-image:url(../images/quotes-w.png); }
.cs-1 .tab-content .messages.more{ display:none; }
.cs-1 .tab-content .messages.more.open{ display:block; }
.cs-1 .tab-content .see-more-messages{ margin:30px 0; position:relative; }
.cs-1 .tab-content .see-more-messages:before{ content:""; background:var(--grey); display:block; height:4px; width:calc(100% - 220px); position:absolute; top:50%; margin-top:-2px; right:0; }
.cs-1 .tab-content .see-more-messages a{ font-size:20px; font-weight:800; padding:5px 0 5px 60px; background:url(../images/plus.png) left 20px center / 20px 20px no-repeat var(--light2); color:var(--grey); position:relative; }
.cs-1 .tab-content .see-more-messages a:hover{ opacity:0.6; }
.cs-1 .tab-content .order-nav{ display:flex; justify-content:space-between; margin-top:30px; }
.cs-1 .tab-content .order-nav.end{ margin-bottom:30px; }
.cs-1 .tab-content .order-nav .next .btn{ padding-right:100px; }
.cs-1 .tab-content .order-nav .next .btn:after{content:"";display:block;width:22px; height:18px; position:absolute; top:50%; margin-top:-9px; right:60px; background:url(../images/arrow-right-w.svg) center center no-repeat; }
.cs-1 .tab-content .order-nav .prev .btn{ padding-left:100px; }
.cs-1 .tab-content .order-nav .prev .btn:before{ }
.cs-1 .tab-content .order-nav .prev .btn:after{content:"";display:block;width:22px; height:18px; position:absolute; top:50%; margin-top:-9px; left:60px; background:url(../images/arrow-right-w.svg) center center no-repeat; transform:rotate(-180deg); }
.cs-1 .tab-content .current-price{margin-top:1em;}
.cs-1 .tab-content .current-price>div{border-radius:5px;width:fit-content;padding:15px;background:var(--text);color:#fff}
.cs-1 .tab-title .important {font-size:20px; font-weight:bold;}
@media (max-width: 1019px) {
	/* .cs-1 .tab-content{ display:block; } */
	.cs-1 .tab-content+.tab-content{ margin-top:30px; }
	.cs-1 .tab-content .outer{ padding:80px 30px; border-radius:20px; }
	.cs-1 .tab-content .filters a{ font-size:16px; padding:15px 40px; }
	.cs-1 .tab-content .filters a.active{ padding:20px 40px; }
	.cs-1 .tab-content .order-nav .btn{ font-size:14px; }
	.cs-1 .tab-content .order-nav .btn>span{ display:none; }
}
@media (max-width: 619px) {
	.cs-1 .tab-content .outer{ padding:60px 20px; }
	.cs-1 .tab-title h3{ font-size:25px; }
	.cs-1 .tab-title h4{ font-size:18px; }
	.cs-1 .tab-content .filters{ margin:30px 0; }
	.cs-1 .tab-content .filters a{ font-size:12px; padding:10px 20px; margin:0 5px; }
	.cs-1 .tab-content .filters a.active{ padding:16px 20px; }
	.cs-1 .tab-content .messages .item{ padding:30px; border-radius:20px; }
	.cs-1 .tab-content .messages .item .f-title{ font-size:20px; padding:60px 0 0; }
	.cs-1 .tab-content .messages .item .select-btn{ top:0; right:auto; left:0; }
	/* .cs-1 .tab-content .order-nav{ display:none; } */
	.cs-1 .tab-content .order-nav .btn>span{ display:none; }
	.cs-1 .tab-content .order-nav .next .btn{ padding:30px 40px; }
	.cs-1 .tab-content .order-nav .next .btn:after{ right:50%; margin-right:-11px; }
	.cs-1 .tab-content .order-nav .prev .btn{ padding:30px 40px; }
	.cs-1 .tab-content .order-nav .prev .btn:after{ left:50%; margin-left:-11px; }
}

.cs-1 .tab-content .clips .wrap{ margin-left:-30px; }
.cs-1 .tab-content .clips .item{ display:flex; flex-direction:column; width:50%; padding:30px 0 0 30px; }
.cs-1 .tab-content .clips .item>div{ padding:40px; background:#fff; border-radius:40px; box-shadow:0 0 20px rgba(0,0,0,0.1); transition:all .25s ease-in-out; }
.cs-1 .tab-content .clips .item.active>div{ background:var(--orange2); color:#fff; }
.cs-1 .tab-content .clips .box>div:hover{  box-shadow:0 0 20px rgba(0,0,0,0.15); }
.cs-1 .tab-content .audio-player{ font-weight:700;}
.cs-1 .tab-content .audio-player .top{ display:flex;align-items:center;justify-content:flex-start; margin-bottom:10px; padding-right:200px; position:relative; }
.cs-1 .tab-content .audio-player .top .select-btn{ font-size:14px; position:absolute; top:50%; margin-top:-22px; right:0; height:44px; }
.cs-1 .tab-content .audio-player .top .select-btn:after{content:"";display:block;width:36px; height:36px; position:absolute; top:4px; right:4px; border-radius:50%; background:url(../images/check.svg) center center no-repeat var(--orange2); opacity:0; }
.cs-1 .tab-content .audio-player .top .select-btn.active{ padding:15px 60px 15px 30px; background:#fff; color:var(--dark); } 
.cs-1 .tab-content .audio-player .top .select-btn.active:before{ background:#fff; }
.cs-1 .tab-content .audio-player .top .select-btn.active:after{ opacity:1; }
.cs-1 .tab-content .audio-player .bottom{ display:flex;align-items:center;justify-content:center; }
.cs-1 .tab-content .audio-player .name{ font-size:20px; font-weight:800; margin-left:20px; color:var(--dark); transition:all .25s ease-in-out;  }
.cs-1 .tab-content .active .audio-player .name{ color:#fff; }
.cs-1 .tab-content .audio-player .time-current{ margin:0 10px 0 0; width:40px; text-align:center; }
.cs-1 .tab-content .audio-player .time-length{ margin:0 0 0 10px; width:40px; }
.cs-1 .tab-content .audio-player .timeline{position:relative;background-color:var(--grey);clip-path:url(#audio-wave);height:64px;width:calc(100% - 100px);max-width:354px}
.cs-1 .tab-content .active .audio-player .timeline{ background-color:#fff; }
.cs-1 .tab-content .audio-player .timeline .progress{background-color:var(--orange2);position:absolute;left:0;top:0;bottom:0;width:0;transition:.25s}

.cs-1 .tab-content .audio-player .timeline-container{height: 64px;width: calc(100% - 100px);max-width:354px}
.cs-1 .tab-content .audio-player .timeline-container .timeline{height:64px;width:100%;}

.cs-1 .tab-content .active .audio-player .timeline .progress{background-color:var(--blue1);}
.cs-1 .tab-content .audio-player .toggle-play{height:50px;width:50px;display:flex;justify-content:center;align-items:center;background-image:url(../images/play.svg), var(--bluegrad);background-position:center center;background-repeat:no-repeat;border-radius:50%;cursor:pointer;box-shadow:0 0 15px rgba(0,0,0,0.15);transition:.25s}
.cs-1 .tab-content .audio-player .toggle-play:hover{transform:scale(.95)}
.cs-1 .tab-content .audio-player .toggle-play.pause{background-image:url(../images/pause.svg), var(--bluegrad)}
@media (max-width: 1249px) {
	.cs-1 .tab-content .clips .item{ width:100%; }
}
@media (max-width: 1019px) {
	.cs-1 .tab-content .audio-player .name{ font-size:18px; }
}
@media (max-width: 619px) {
	.cs-1 .tab-content .clips .item>div{ padding:20px; border-radius:20px; }
	.cs-1 .tab-content .audio-player .top{ padding:60px 0 0; }
	.cs-1 .tab-content .audio-player .top .select-btn{ top:0; right:auto; left:0; margin:0; }
	.cs-1 .tab-content .audio-player .name{ font-size:16px; }
}

.cs-1 .order-details{ display:flex; flex-direction:column; width:40%; padding-right:100px; }
.cs-1 .order-details>div{ padding:40px; border-radius:40px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); }
.cs-1 .order-details h4{ font-size:20px; }
.cs-1 .order-details h5{ font-size:18px; color:var(--text); margin-bottom:30px; }
.cs-1 .order-details .item+.item{ margin-top:20px; }
.cs-1 .order-details .dt{ font-weight:800; margin-bottom:5px; color:var(--dark); }
.cs-1 .order-form{ display:flex; flex-direction:column; width:60%; }
.cs-1 .outer-form .wrap{ margin-left:-30px; }
.cs-1 .outer-form .wrap+.wrap{ margin-top:30px; }
.cs-1 .outer-form .wrap>div{ display:flex; flex-direction:column; width:100%; padding-left:30px; }
.cs-1 .outer-form .wrap>div.sm{ width:50%; }
.cs-1 .outer-form .input{ font-size:17px; font-weight:700; padding:15px 30px; border:3px solid var(--light); border-radius:60px; color:var(--text); width:100%; }
.cs-1 .outer-form textarea.input{ border-radius:30px; height:200px; }
.cs-1 .outer-form .input::placeholder{ color:var(--grey); }
.cs-1 .outer-form .input:focus{ border-color:var(--grey);box-shadow:0 0 15px rgba(0,0,0,0.15); }
.cs-1 .outer-form .bottom{ margin-top:30px; }
@media (max-width: 1679px) {
	.cs-1 .order-details{ padding-right:60px; }
}
@media (max-width: 1249px) {
	.cs-1 .order-details{ width:100%; padding:0 0 30px; }
	.cs-1 .order-form{ width:100%; }
}
@media (max-width: 619px) {
	.cs-1 .order-details>div{ padding:40px 20px; border-radius:20px; }
	.cs-1 .outer-form .wrap+.wrap{ margin-top:20px; }
	.cs-1 .outer-form .wrap>div.sm{ width:100%; }
	.cs-1 .outer-form .wrap>div.sm+.sm{ margin-top:20px; }
	.cs-1 .outer-form .input{ font-size:14px; }
}

.cs-1 .message-input{ margin:30px 0; padding-bottom: 1em; border-bottom: 3px solid var(--light); }
.cs-1 .message-input input[type=text].input{  margin-bottom: 1em;  }
.cs-1 .message-input textarea.input{ resize: none; margin-bottom: 1em; }
.cs-1 .message-input .controls{ display:flex; align-items: center; justify-content: space-between; }
.cs-1 .words{ font-size:20px; font-weight:700; margin-bottom: 1em; }
.cs-1 .words .extra{ font-weight:800; color:var(--orange2); }
.cs-1 .message-input .btn.sm{ font-size: 13px; padding: 15px 20px; }
.cs-1 .message-options{ margin:30px 0; }
.cs-1 .message-options .option{ display:flex; align-items:center; margin-top:30px; }
.cs-1 .message-options .option label{ font-weight:800; }
.cs-1 .message-options .option .input{ width:100px; margin:0 15px; text-align:center; }
.cs-1 .message-options .option .outer-cb{ margin-left:15px; }
.cs-1 .message-options .option .outer-cb span{ margin-left:5px; }

.cs-faq{ padding:150px 0; background:var(--light); }
.cs-faq .container{ max-width:1100px; }
.cs-faq .title h2{ font-size:50px; margin-bottom:60px; text-align:center; }
.cs-faq .faq .item{ border-radius:20px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); }
.cs-faq .faq .item+.item{ margin-top:20px; }
.cs-faq .faq .t-item{ padding:30px 60px 30px 30px; cursor:pointer; position:relative; transition: all .25s ease-in-out; }
.cs-faq .faq .t-item h3{ font-size:20px; line-height:1.3; transition: all .25s ease-in-out; }
.cs-faq .faq .t-item:hover h3{ color:var(--text); }
.cs-faq .faq .t-item .icn{ position:absolute; top:50%; right:30px; margin-top:-9px; display:block; width:18px; height:18px; background:url(../images/plus-o.png) 0 0 no-repeat; background-size:18px 18px; transition:all 0.4s ease; }
.cs-faq .faq .t-item.open .icn{ background-image:url(../images/minus-o.png); transform:rotate(180deg); }
.cs-faq .faq .c-item{ height:0; overflow:hidden; transition:all 0.4s ease; }
.cs-faq .faq .c-item.open{ }
.cs-faq .faq .c-item>div{ padding:0 30px 30px; }
.cs-faq .faq .c-item p+p{ margin-top:20px; }
@media (max-width: 619px) {
	.cs-faq{ padding:100px 0; }
	.cs-faq .title h2{ font-size:35px; }
	.cs-faq .faq .t-item h3{ font-size:14px; }
}

.cs-contact{ padding:350px 0 150px; background:url(../images/bg-waves-1.png) center top / 100% auto no-repeat #fff; }
.cs-contact .info{ display:flex; flex-direction:column; width:500px; }
.cs-contact .info>div{ padding:60px 40px; background:var(--bluegrad); border-radius:40px; box-shadow:0 0 15px rgba(0,0,0,0.15); color:#fff; }
.cs-contact .info h2{ font-size:30px; margin-bottom:30px; color:#fff; }
.cs-contact .info .item{ display:flex; align-items:center; }
.cs-contact .info .item+.item{ margin-top:30px; }
.cs-contact .info .item .icn{ width:50px; }
.cs-contact .info .item .desc{ font-size:20px; font-weight:800; line-height:1.3; width:calc(100% - 50px); }
.cs-contact .info .item .desc>div{ font-size:15px; font-weight:500; display:block; margin-bottom:5px; }
.cs-contact .info .item a:hover{ opacity:0.6; }
.cs-contact .form{ display:flex; flex-direction:column; width:calc(100% - 500px); padding-left:100px; }
.cs-contact .form h2{ font-size:40px; margin-bottom:30px; }
.cs-contact .outer-form .wrap{ margin-left:-30px; }
.cs-contact .outer-form .wrap+.wrap{ margin-top:30px; }
.cs-contact .outer-form .wrap>div{ display:flex; flex-direction:column; width:100%; padding-left:30px; }
.cs-contact .outer-form .wrap>div.sm{ width:50%; }
.cs-contact .outer-form .input{ font-size:17px; font-weight:700; padding:15px 30px; border:3px solid var(--light); border-radius:60px; color:var(--text); width:100%; }
.cs-contact .outer-form textarea.input{ border-radius:30px; height:200px; }
.cs-contact .outer-form .input::placeholder{ color:var(--grey); }
.cs-contact .outer-form .input:focus{ border-color:var(--grey);box-shadow:0 0 15px rgba(0,0,0,0.15); }
.cs-contact .outer-form .input.invalid{ border-color: red; }
.cs-contact .outer-form .bottom{ margin-top:30px; }
@media (max-width: 1249px) {
	.cs-contact .info{ width:45%; }
	.cs-contact .form{ width:55%; padding-left:60px; }
}
@media (max-width: 1019px) {
	.cs-contact .info{ width:100%; }
	.cs-contact .form{ width:100%; padding:60px 0 0; }
}
@media (max-width: 619px) {
	.cs-contact{ padding:100px 0; background-size:150% auto; }
	.cs-contact .info>div{ padding:40px 30px; border-radius:20px; }
	.cs-contact .info .item .desc{ font-size:14px; }
	.cs-contact .form h2{ font-size:30px; }
	.cs-contact .outer-form .input{ font-size:14px; }
}

.cs-order{ padding:150px 0; }
.cs-order .container{ max-width:1200px; }
/*.cs-order .details{ display:flex; flex-direction:column; align-items:flex-end; width:calc(100% - 500px); padding:0 100px 0 30px; }
.cs-order .details>div{ margin-left:calc((100vw - 1500px) / 2); max-width:1093px; width: 100%; }*/
.cs-order .details h2{ font-size:40px; margin-bottom:30px; }
.cs-order .option{ padding:40px; border-radius:40px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.15); transition:all .25s ease-in-out; }
.cs-order .option+.option{ margin-top:30px; }
.cs-order .option .f-title{ font-size:20px; margin-bottom:20px; }
.cs-order .option .text>div{ padding:20px 0 1em 60px; border-top:2px solid var(--light); font-weight:800; background:url(../images/quotes.png) 0 20px / 40px 30px no-repeat; }
.cs-order .option .desc{ padding:20px 0 0; border-top:2px solid var(--light); font-weight:800; }
.cs-order .price{ margin-top:20px; padding-left:40px; max-width:300px; }
.cs-order .price.tax{ margin-top:1em; }
.cs-order .price.subtotal{ margin-top:60px; }
.cs-order .price .f-title{ font-size:20px; padding-bottom:15px; margin-bottom:15px; border-bottom:2px solid var(--light); }
.cs-order .price>div{ display:flex; justify-content:space-between; }
.cs-order .price .sub{ margin-bottom:5px; }
.cs-order .price .total{ font-size:18px; font-weight:800; }
.cs-order .box{ display:flex; flex-direction:column; width:500px; }
.cs-order .box>div{ padding:90px 60px; background:var(--bluegrad); border-radius:40px 0 0 40px; box-shadow:0 0 15px rgba(0,0,0,0.15); color:#fff; }
.cs-order .box h3{ font-size:30px; margin-bottom:30px; color:#fff; }
.cs-order .box .file{ max-width:400px; }
.cs-order .box .file+.file{ margin-top:15px; }
.cs-order .box .file .btn{ width:100%; padding:15px 40px; display:flex; align-items:center; justify-content:space-between; }
.cs-order .box .file .btn img{ height:30px; width:30px; }
.cs-order .box .status>div{ display:flex; align-items:center; font-weight:700; }
.cs-order .box .status img{ height:30px; margin-right:20px; }
.cs-order .box .status .in-progress img{ height:30px; margin-right:20px; animation:spin 2s linear infinite; }
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.spin{animation-name:spin}
@media (max-width: 1249px) {
	/*.cs-order .details{ width:100%; padding:0 30px 60px; }*/
	.cs-order .box{ width:100%; padding-left:30px; }
}
@media (max-width: 619px) {
	.cs-order{ padding:100px 0; }
	.cs-order .details h2{ font-size:30px; }
	.cs-order .option{ padding:40px 30px; border-radius:20px; }
	.cs-order .option .f-title{ font-size:18px; }
	.cs-order .price{ padding:0; max-width:230px; }
	.cs-order .box>div{ padding:60px 30px; }
	.cs-order .box h3{ font-size:20px; }
}
.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}
.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}
.flex-head{ margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1em }
.flex-head > h2{ margin-bottom: 0!important;}

.ld-ball,.ld-ring,.ld-hourglass,.ld-loader,.ld-cross,.ld-square,.ld-pie,.ld-spinner{width:1em;height:1em;position:relative;color:inherit;display:inline-block;box-sizing:content-box}.ld-ball:after,.ld-ring:after,.ld-hourglass:after,.ld-loader:after,.ld-cross:after,.ld-square:after,.ld-pie:after,.ld-spinner:after{content:" ";display:block;width:2em;height:2em;box-sizing:border-box;transform-origin:0 0;transform:translateZ(0) scale(0.5);backface-visibility:hidden}.ld-ring:after{border-radius:50%;border:.3em solid currentColor;border-left-color:transparent}
@keyframes ld-spin{0%{animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);transform:rotate(0)}100%{transform:rotate(360deg)}}.ld.ld-spin{animation:ld-spin 1s infinite linear}

.ld-ext-right,.ld-ext-left,.ld-ext-bottom,.ld-ext-top,.ld-over,.ld-over-inverse,.ld-over-full,.ld-over-full-inverse{position:relative;transition:all .3s;transition-timing-function:ease-in}.ld-ext-right>.ld,.ld-ext-left>.ld,.ld-ext-bottom>.ld,.ld-ext-top>.ld,.ld-over>.ld,.ld-over-inverse>.ld,.ld-over-full>.ld,.ld-over-full-inverse>.ld{position:absolute;top:50%;left:50%;width:1em;height:1em;margin:-0.5em;opacity:0;z-index:-1;transition:all .3s;transition-timing-function:ease-in}.ld-ext-right>.ld>*,.ld-ext-left>.ld>*,.ld-ext-bottom>.ld>*,.ld-ext-top>.ld>*,.ld-over>.ld>*,.ld-over-inverse>.ld>*,.ld-over-full>.ld>*,.ld-over-full-inverse>.ld>*{width:1em;height:1em;position:absolute;top:50%;left:50%;transform:translate(-0.5em,-0.5em)}.ld-ext-right.running>.ld,.ld-ext-left.running>.ld,.ld-ext-bottom.running>.ld,.ld-ext-top.running>.ld,.ld-over.running>.ld,.ld-over-inverse.running>.ld,.ld-over-full.running>.ld,.ld-over-full-inverse.running>.ld{opacity:1;z-index:auto;visibility:visible}.ld-ext-right.running{padding-right:2.5em !important}.ld-ext-right>.ld{top:50%;left:auto;right:1.25em}.ld-ext-left.running{padding-left:2.5em !important}.ld-ext-left>.ld{top:50%;right:auto;left:1.25em}.ld-ext-bottom.running{padding-bottom:2.5em !important}.ld-ext-bottom>.ld{top:auto;left:50%;bottom:1.25em}.ld-ext-top.running{padding-top:2.5em !important}.ld-ext-top>.ld{bottom:auto;left:50%;top:1.25em}.ld-over:before,.ld-over-inverse:before,.ld-over-full:before,.ld-over-full-inverse:before{content:" ";display:block;opacity:0;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;transition:all .3s;transition-timing-function:ease-in;background:rgba(240,240,240,0.8)}.ld-over.running>.ld,.ld-over-inverse.running>.ld,.ld-over-full.running>.ld,.ld-over-full-inverse.running>.ld{z-index:4001}.ld-over.running:before,.ld-over-inverse.running:before,.ld-over-full.running:before,.ld-over-full-inverse.running:before{opacity:1;z-index:4000;display:block}.ld-over-full.running>.ld,.ld-over-full-inverse.running>.ld,.ld-over-full.running:before,.ld-over-full-inverse.running:before{position:fixed}.ld-over-full>.ld{color:rgba(0,0,0,0.8)}.ld-over-full:before,.ld-over-full-inverse:before{background:rgba(255,255,255,0.8)}.ld-over-inverse>.ld{color:rgba(255,255,255,0.8)}.ld-over-inverse:before{background:rgba(0,0,0,0.6)}.ld-over-full-inverse>.ld{color:rgba(255,255,255,0.8)}.ld-over-full-inverse:before{background:rgba(0,0,0,0.6)}
.text-danger{ padding-left: 1em; display: inline-block; color: red; margin-top: 0.5em; }
.StripeElement{ 
	background: #fff;
    font-size: 17px;
    font-weight: 700;
    padding: 15px 30px;
    border: 3px solid var(--light);
    border-radius: 60px;
    color: var(--text);
    width: 100%;
}